input {
    padding: 0;
    margin: 0;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
    background: none;
    vertical-align: middle;
}

ul,
ol,
li {
    list-style-type: none;
}

select,
input,
img,
select {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table,
th,
td {
    vertical-align: middle
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 0;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4 {
    font-size: 12px;
    line-height: 1.5
}

.wd1200 {
    width: 1200px;
    margin: 0 auto;
}


/*滚动*/

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

.com-img {
    display: block;
    overflow: hidden;
}

.com-img img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.com-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}



/*----- Common css ------*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

.max1440 {
    max-width: 1470px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.flex {
    display: flex;
}



img.hhahgn {
  visibility: hidden;
}

.x-banner video,
.x-banner iframe{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}



.hhaxg{
    position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.58);
}
.ghghahg{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%; transform: translate(-50%,-50%);
}
.ghghahg i{
    display: inline-block;
}
.ghghahg i img{
    width: 772px;
}
.ghghahg h2{
    color: #ffffff;
    font:500 40px/1.5em "仿宋";
    padding: 14px 0;
}


@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
.right_aa1{
	transition: all 1s;
  opacity: 0;
   transform: translateX(-300px);
}
.active .right_aa1 {
    transform: translateX(0px);
    opacity: 1;
    /*-webkit-animation: fadeInRight 1s forwards 0.5s;*/
}
.left_aa1{
	transition: all 1s;
  opacity: 0;
   transform: translateX(300px);
}
.active .left_aa1 {
    transform: translateX(0px);
    opacity: 1;
    /*-webkit-animation: fadeInRight 1s forwards 0.5s;*/
}






/*头部样式*/

.top_head {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 999;
    height: 96px;
}

.top_head .flex {
    justify-content: space-between;
    align-items: flex-start;
}

.logo {
    position: relative;
    z-index: 99;
    width: 35.93vw;
    padding-left: 12.5vw;
    background: url(//cdn.myxypt.com/cb84d33a/21/06/a727966ac2ce5412b76060ffc7bee15a353af306.png) no-repeat;
    background-size: 100% 100%;
    height: 115px;
    line-height: 115px;
}

.logo img {
    max-width: 100%;
}

.top_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 62.04%;
    padding-right: 7.8vw;
}

.top_right .sou {
    position: relative;
    line-height: 96px;
    width: 30px;
    text-align: center;
}

.top_right .sou img {
    max-width: 100%;
}

.top_right #formsearch {
    position: absolute;
    right: 0;
    top: 96px;
    width: 252px;
    z-index: 999;
    background: #8e339d;
    border: 1px solid #8e339d;
    display: none;
}

.top_right #formsearch input {
    line-height: 34px;
    height: 34px;
    background: none;
    border: none;
}

.top_right #formsearch input#keyword {
    text-indent: 10px;
    float: left;
    width: 200px;
    color: #fff;
    outline: none;
}

.top_right #formsearch input#s_btn {
    background: url(//cdn.myxypt.com/cb84d33a/21/06/2abeb03fab0e4ba241c4215e8a48205dc229357e.png) no-repeat 50%;
    font-size: 0;
    float: right;
    width: 50px;
    outline: none;
}

.top_right #formsearch ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

.top_right #formsearch ::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.top_right #formsearch ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.top_right #formsearch ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

@media (max-width:1440px) {
    .logo {
        padding-left: 3.125%;
    }
    .top_right {
        padding-right: 3.125%;
    }
}


/**/

.tt {
    display: none;
}

.product-index {
    padding-bottom: 7vw;
}

.product-index .p-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3vw 0;
}

.product-index .p-title .pt1 b {
    display: block;
    color: #333333;
    font-size: 1.875vw;
}

.product-index .p-title .pt1 h3 {
    color: #727171;
    font-size: 1.04166666666667vw;
    padding-top: 10px;
}

.product-index .p-title .pt2 a {
    color: #666666;
    font-size: 16px;
}

.product-index .product-con {
    display: flex;
    justify-content: space-between;
}

.product-index .product-con .prol {
    width: 10.41666666666667vw;
}

.product-index .product-con .prol .psort li {
    position: relative;
}

.product-index .product-con .prol .psort li:nth-of-type(n+6){
    display: none;
}

.product-index .product-con .prol .psort li a {
    display: block;
    color: #666666;
    font-size: 18px;
    line-height: 46px;
}

.product-index .product-con .prol .psort li.cur::before {
    content: "";
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #160040;
    border-radius: 50%;
    top: 50%;
    margin-top: -5px;
}

.product-index .product-con .prol .psort li.cur a {
    font-weight: bold;
    color: #160040;
}

.product-index .product-con .pror {
    width: calc(100% - 14.58333333333333vw);
    max-width: 1160px;
    margin-top:-87px;
}

.product-index .product-con .pror .plist2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-index .product-con .pror .plist2 li {
    width: 31.333%;
    box-shadow: 0 0 20px #f7f7f8;
    position: relative;
}

.product-index .product-con .pror .plist2 li a {
    display: block;
}

.product-index .product-con .pror .plist2 li a .img1 img {
    width: 100%;
}

.product-index .product-con .pror .plist2 li a .wz {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    text-align: center;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 6px solid #fff;
    line-height: 4;
}

.product-index .product-con .pror .plist2 li:hover a .wz {
    color: #160040;
    border-bottom: 6px solid #160040;
}

@media (max-width: 1024px) {
    .product-index .product-con .prol .psort li a {
        font-size: 16px;
        line-height: 32px;
    }
}

@media (max-width: 996px) {
    .product-index .p-title .pt1 b {
        font-size: 20px;
    }
    .product-index .p-title .pt1 h3 {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .product-index .p-title .pt1 b {
        font-size: 18px;
    }
    .product-index .p-title .pt1 h3 {
        font-size: 14px;
    }
    .product-index .p-title .pt2 a {
        font-size: 14px;
    }
    .product-index .product-con {
        display: block;
    }
    .product-index .product-con .prol {
        width: 100%;
    }
    .product-index .product-con .prol .psort li {
        display: inline-block;
        margin-bottom: 15px;
        width: 30%;
    }
    .product-index .product-con .prol .psort li a {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 24px;
    }
    .product-index .product-con .pror {
        width: 100%;
    }
    .product-index .product-con .pror .plist2 li a .wz {
        font-size: 14px;
        line-height: 1.5;
    }
    .product-index .product-con .pror .plist2 li {
        width: 48%;
        margin-bottom: 15px;
    }
}


/**/

.tt2 {
    display: none;
}

.jjfa-bg {
    background: url(//cdn.myxypt.com/cb84d33a/21/06/e16ce97907075a5a9dc27b5a8c7b08551affb8ba.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding-top: 4.375vw;
    padding-bottom: 6.25vw;
}

.jjfa-bg .jjfa-index {
    position: relative;
}

.jjfa-bg .jjfa-index .jjfa-left {
    float: left;
    width: 27.08333333333333vw;
    background: #fff;
    position: absolute;
    left: 0;
    top: 30px;
    padding: 2.08333333333333vw 0;
    padding-left: 2.60416666666667vw;
    padding-right: 4.16666666666667vw;
    z-index: 999;
}

.jjfa-bg .jjfa-index .jjfa-left .pt1 b {
    display: block;
    color: #333333;
    font-size: 1.875vw;
}

.jjfa-bg .jjfa-index .jjfa-left .pt1 h3 {
    color: #727171;
    font-size: 1.04166666666667vw;
    padding-top: 10px;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort {
    padding: 1.30208333333333vw 0;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li {
    border-bottom: 1px solid #fff;
    background: url(//cdn.myxypt.com/cb84d33a/21/06/ef190d60ac658f0c7d305f293d1e37f92193df77.png) no-repeat right center;
    margin-bottom: 0.3vw;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li a {
    display: block;
    color: #666666;
    font-size: 18px;
    line-height: 45px;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li.cur {
    border-bottom: 1px solid #8e339d;
}

.jjfa-bg .jjfa-index .jjfa-left .jsort li.cur a {
    font-weight: bold;
    color: #8e339d;
}

.jjfa-bg .jjfa-index .jjfa-left .j-more {
    background: url(//cdn.myxypt.com/cb84d33a/21/06/076355c4897a5c3627fd6d1f9a9fdda4893fb970.png) no-repeat left center;
    width: 184px;
    height: 49px;
    background-size: 184px 49px;
}

.jjfa-bg .jjfa-index .jjfa-left .j-more a {
    display: block;
    color: #8e339d;
    font-weight: bold;
    text-align: center;
    line-height: 49px;
    font-size: 18px;
}

.jjfa-bg .jjfa-index .jjfa-right {
    float: right;
    width: calc(100% - 23.17708333333333vw);
}

.jjfa-bg .jjfa-index .jjfa-right .jjfa-list li .img1 img {
    width: 100%;
}

@media (max-width: 768px) {
    .jjfa-bg .jjfa-index .jjfa-left {
        float: none;
        position: relative;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        top: 0;
    }
    .jjfa-bg .jjfa-index .jjfa-left .pt1 b {
        font-size: 18px;
    }
    .jjfa-bg .jjfa-index .jjfa-left .pt1 h3 {
        font-size: 14px;
    }
    .jjfa-bg .jjfa-index .jjfa-left .jsort li {
        display: inline-block;
        width: 48%;
    }
    .jjfa-bg .jjfa-index .jjfa-left .jsort li a {
        font-size: 14px;
        line-height: 30px;
    }
    .jjfa-bg .jjfa-index .jjfa-left .j-more a {
        font-size: 14px;
    }
    .jjfa-bg .jjfa-index .jjfa-right {
        width: 100%;
        float: none;
    }
}


/* abb_index */

.abb_index {
    position: relative;
    padding: 65px 0 3.90625vw;
}

.abb_top {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.abb_left {
    position: relative;
    width: 50%;
}

.abb_left img {
    width: 100%;
    height: 100%;
}

.abb_right {
    position: relative;
    background: url(//cdn.myxypt.com/cb84d33a/21/06/7f061ef6d151298d59254f712f677059a11caecf.png) no-repeat;
    background-size: cover;
    width: 50%;
    padding-left: 2.604vw;
    padding-top: 8.3333vw;
    padding-bottom: 1rem;
    z-index: 999;
}

.abb_right h3 {
    font-size: 1.5rem;
    color: #333333;
}

.abb_right h3 span {
    display: block;
    font-weight: bold;
    font-size: 2.3rem;
    line-height: 1.1;
}

.abb_right em {
    display: block;
    font-style: inherit;
    font-size: 1.1rem;
    color: #333333;
    margin-top: 25px;
    padding-bottom: 5px;
}

.abb_right .abbtxt {
    line-height: 1.7;
    font-size: 14px;
    color: #666666;
    width: 75%;
}


/* ads_list */

.ads_list {
    position: relative;
    display: flex;
}

.ads_list li {
    width: 20%;
    position: relative;
    padding-left: 25px;
    padding-top: 1.822vw;
    border-left: 1px solid #f3f3f3;
}

.ads_list li a {
    display: block;
}

.ads_list li .uimg {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e4e4e4;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.ads_list li .uimg img {
    max-width: 100%;
}

.ads_list li h3 {
    font-size: 1.2rem;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

.ads_list li span {
    display: block;
    font-size: .8rem;
    color: #666666;
    line-height: 1.7;
}

.ads_list li:last-child {
    padding-top: 0;
    padding-left: 0;
}

.ads_list li:last-child img {
    max-width: 100%;
}

.ads_list li:hover .uimg {
    background: #e94001;
}

.ads_list li:hover .uimg img {
    filter: brightness(100);
}

.ads_list li:hover h3,
.ads_list li:hover span {
    color: #8e339d;
}

@media (max-width:992px) {
    .jjfa-bg .jjfa-index .jjfa-left .jsort li a {
        line-height: 35px;
        font-size: 15px;
    }
}

@media (max-width:768px) {
    .abb_top {
        flex-wrap: wrap;
    }
    .abb_left {
        width: 100%;
    }
    .abb_right {
        width: 100%;
    }
    .ads_list {
        flex-wrap: wrap;
    }
    .ads_list li {
        width: 50%;
        margin-bottom: 10px;
    }
    .abb_index {
        padding-top: 30px;
    }
}

@media (max-width:600px) {
    .jjfa-bg .jjfa-index .jjfa-left .jsort {
        padding: 20px 0;
    }
    .jjfa-bg .jjfa-index .jjfa-left .jsort li {
        margin-bottom: 10px;
    }
    .jjfa-bg .jjfa-index .jjfa-left .j-more {
        width: 150px;
        height: 40px;
        background-size: 100% 100%;
    }
    .jjfa-bg .jjfa-index .jjfa-left .j-more a {
        line-height: 40px;
    }
    .abb_right {
        padding: 30px 15px;
    }
    .abb_right .abbtxt {
        width: 100%;
    }
    .ads_list li h3 {
        font-size: 14px;
    }
    .ads_list li span {
        font-size: 12px;
    }
    .abb_right h3 {
        font-size: 18px;
    }
    .abb_right h3 span {
        font-size: 24px;
    }
}


/**/

.ad-bg {
    background: url(//cdn.myxypt.com/cb84d33a/21/06/1419f20fc6bf9b1f64e8b29fe9d090773f9a0004.jpg) no-repeat;
    background-size: cover;
    padding: 3.33vw 0;
}

.ad-bg .ad-index .ad-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ad-bg .ad-index .ad-list li {
    text-align: center;
    width: 25%;
    height: 285px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.6s ease;
}

.ad-bg .ad-index .ad-list li+li {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.ad-bg .ad-index .ad-list li .img1 img {
    max-width: 100%;
}

.ad-bg .ad-index .ad-list li .w1 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
}

.ad-bg .ad-index .ad-list li .w2 {
    background: url(//cdn.myxypt.com/cb84d33a/21/06/7f185d2fba2043b607dd3b855a4f4b22df5fe736.png) no-repeat top center;
    width: 21px;
    height: 17px;
    margin: 0 auto;
    background-size: 21px 17px;
    margin-top: 30px;
}

.ad-bg .ad-index .ad-list li .w3 {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 28px;
    margin-top: 30px;
    display: none;
}

.ad-bg .ad-index .ad-list li:hover {
    transform: translateY(10px)
}

.ad-bg .ad-index .ad-list li:hover .img1 img {
    filter: invert(75%) sepia(37%) saturate(3963%) hue-rotate(273deg) brightness(85%) contrast(86%);
}

.ad-bg .ad-index .ad-list li:hover .w2 {
    display: none;
    transition: all 0.6s ease;
}

.ad-bg .ad-index .ad-list li:hover .w3 {
    display: block;
    transition: all 0.6s ease;
}

@media (max-width: 768px) {
    .ad-bg .ad-index .ad-list {
        flex-wrap: wrap;
    }
    .ad-bg .ad-index .ad-list li {
        width: 46%;
        height: auto;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .ad-bg .ad-index .ad-list li+li {
        border: none;
    }
    .ad-bg .ad-index .ad-list li .img1 img {
        max-width: 30%;
    }
    .ad-bg .ad-index .ad-list li .w1 {
        font-size: 14px;
        padding-top: 5px;
    }
    .ad-bg .ad-index .ad-list li .w2 {
        margin-top: 10px;
    }
    .ad-bg .ad-index .ad-list li .w3 {
        display: block;
        font-size: 12px;
        line-height: 1.5;
        margin-top: 5px;
    }
}


/**/

.tab-con {
    position: relative;
}

.tab-con .news-con {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    right: 0;
}

.tab-con .news-con {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.tab-con .news-con.active {
    position: static;
    opacity: 1;
    visibility: visible;
}


/*  */

.news-index {
    position: relative;
    padding-bottom: 4.6875vw;
}

.news-index .n-title {
    padding: 3.645vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-index .n-title .nt1 {
    font-weight: bold;
    color: #333333;
    font-size: 1.875vw;
}

.news-index .n-title .nt .nsort li {
    display: inline-block;
    color: #666666;
    margin-left: 2.916vw;
    border-bottom: 3px solid #fff;
}

.news-index .n-title .nt .nsort li a {
    display: block;
    color: #666666;
    font-size: 18px;
    line-height: 2;
}

.news-index .n-title .nt .nsort li.active {
    border-bottom: 3px solid #8e339d;
}

.news-index .n-title .nt .nsort li.active a {
    font-weight: bold;
    color: #8e339d;
}

.news-index .news-con {
    display: flex;
    justify-content: space-between;
}

.news-index .news-con .newsl {
    width: 35.208vw;
}

.news-index .news-con .newsl .nlist1 li {
    position: relative;
}

.news-index .news-con .newsl .nlist1 li .img1 img {
    width: 100%;
}

.news-index .news-con .newsl .nlist1 li .ww {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.44);
    padding: 1.97916666666667vw;
    display: flex;
    justify-content: space-between;
}

.news-index .news-con .newsl .nlist1 li .ww .date {
    color: #fff;
    text-align: center;
    margin-right: 10px;
}

.news-index .news-con .newsl .nlist1 li .ww .date .d1 {
    font-size: 24px;
    font-family: "Arial";
}

.news-index .news-con .newsl .nlist1 li .ww .date .d2 {
    font-size: 14px;
    font-family: "Arial";
}

.news-index .news-con .newsl .nlist1 li .ww .wz b {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-index .news-con .newsl .nlist1 li .ww .wz h4 {
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-index .news-con .newsr {
    width: calc(100% - 38.33vw);
}

.news-index .news-con .newsr .nlist2 li {
    padding: 1.1625vw 0;
}

.news-index .news-con .newsr .nlist2 li a {
    display: flex;
    justify-content: space-between;
}

.news-index .news-con .newsr .nlist2 li a .date {
    text-align: center;
    width: 6.45833333333333vw;
}

.news-index .news-con .newsr .nlist2 li a .date .d1 {
    color: #333333;
    font-size: 24px;
    font-family: "Arail";
}

.news-index .news-con .newsr .nlist2 li a .date .d2 {
    color: #666666;
    font-size: 14px;
    font-family: "Arail";
}

.news-index .news-con .newsr .nlist2 li a .wz {
    width: calc(100% - 6.458vw);
}

.news-index .news-con .newsr .nlist2 li a .wz .w1 {
    color: #333333;
    font-weight: bold;
    font-size: 18px;
}

.news-index .news-con .newsr .nlist2 li a .wz .w2 {
    color: #999999;
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-index .news-con .newsr .nlist2 li:hover {
    background: #f5f5f5;
}

.news-index .news-con .newsr .nlist2 li:hover a .wz .w1 {
    color: #8e339d;
}

@media (max-width: 1366px) {
    .news-index .news-con .newsr .nlist2 li {
        padding: 0.1625vw 0;
    }
}

@media (max-width: 1024px) {
    .news-index .news-con .newsl {
        width: 48.208vw;
    }
    .news-index .news-con .newsr {
        width: calc(100% - 53.208vw);
    }
}

@media (max-width: 768px) {
    .news-index .n-title .nt1 {
        font-size: 16px;
    }
    .news-index .n-title .nt .nsort li a {
        font-size: 14px;
    }
    .news-index .news-con {
        display: block;
    }
    .news-index .news-con .newsl {
        width: 100%;
    }
    .news-index .news-con .newsl .nlist1 li .ww .wz b {
        font-size: 14px;
    }
    .news-index .news-con .newsl .nlist1 li .ww .wz h4 {
        font-size: 12px;
        line-height: 1.7;
        padding-top: 5px;
    }
    .news-index .news-con .newsr {
        width: 100%;
    }
    .news-index .news-con .newsr .nlist2 {
        margin-top: 10px;
    }
    .news-index .news-con .newsr .nlist2 li {
        margin-bottom: 10px;
    }
    .news-index .news-con .newsr .nlist2 li a .date {
        width: 100px;
    }
    .news-index .news-con .newsr .nlist2 li a .wz .w1 {
        font-size: 14px;
    }
    .news-index .news-con .newsr .nlist2 li a .wz .w2 {
        font-size: 12px;
        line-height: 2;
        margin-top: 5px;
    }
}


/**/

.hzhb-bg {
    background: #f5f5f5;
    padding-bottom: 3.645vw;
}

.hzhb-bg .hzhb-index .p-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.125vw 0;
}

.hzhb-bg .hzhb-index .p-title .pt1 b {
    display: block;
    color: #333333;
    font-size: 1.875vw;
}

.hzhb-bg .hzhb-index .p-title .pt1 h3 {
    color: #727171;
    font-size: 1.0416vw;
    padding-top: 10px;
}

.hzhb-bg .hzhb-index .p-title .pt2 a {
    color: #666666;
    font-size: 16px;
}


/*  */

.c3-slick {
    position: relative;
}

.c3-slick .slick-slide {
    outline: none;
}

.c3-slick .slick-con {
    padding: 0 5%;
}

.c3-slick .slick-con img {
    display: block;
    width: 100%;
}

.c3-slick .slick-con:nth-child(1) {
    margin-bottom: 10%
}

.c3-slick .slick-con img:hover {
    box-shadow: 0 0 10px #e0dddd;
}

@media (max-width:500px) {
    .hzhb-bg .hzhb-index .p-title .pt1 b {
        font-size: 20px;
    }
    .hzhb-bg .hzhb-index .p-title .pt1 h3 {
        font-size: 13px;
    }
}


/**/

.foot-bg {
    background: url(//cdn.myxypt.com/cb84d33a/21/06/c1e7576a389bdc5db27239d266c22dc4e4873ef9.jpg) no-repeat top center;
    background-size: 100% 100%;
    border-top: 5px solid #8e339d;
    padding-top: 3%;
}

.foot-bg .foot-index {
    display: flex;
    justify-content: space-between;
}

.foot-bg .foot-index .foot1 {
    display: flex;
    justify-content: space-between;
    width: 41.97vw;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.foot-bg .foot-index .foot1 dl {
    width: 33%;
}

.foot-bg .foot-index .foot1 dl dt {
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    padding-bottom: 1.5625vw;
}

.foot-bg .foot-index .foot1 dl dd a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    line-height: 34px;
    transition: all .3s;
    font-size: 14px;
}

.foot-bg .foot-index .foot1 dl dd a:hover {
    color: rgba(255, 255, 255, 1);
}

.foot-bg .foot-index .lx {
    padding-left: 15px;
}

.foot-bg .foot-index .lx h3 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 1.5625vw;
}

.foot-bg .foot-index .lx p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 34px;
}

.foot-bg .foot-index .erq {
    margin-top: 10px;
}

.foot-bg .foot-index .erq>div {
    margin-bottom: 10px;
}

.foot-bg .foot-index .erq p {
    text-align: center;
    color: #fff;
    line-height: 2;
}

.foot-bg .foot-index .erq p img {
    max-width: 100%;
}

.foot-bg .cop-bg {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 2.60416666666667vw;
    padding: 1.5625vw 0;
}

.foot-bg .cop-bg .cop-index {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.foot-bg .cop-bg .cop-index .copl {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 24px;
}

.foot-bg .cop-bg .cop-index .copl a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

.foot-bg .cop-bg .cop-index .copl a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.flink {
    position: relative;
}

.lj {
    width: 232px;
    line-height: 44px;
    padding-left: 29px;
    color: #fff;
    font-size: 14px;
    background: url(//cdn.myxypt.com/cb84d33a/21/06/7a592d60bc915a5b149ed00a27e06df906091ce9.png) no-repeat rgba(255, 255, 255, 0.1);
    background-position: 186px;
    cursor: pointer;
}

.lianjie {
    position: absolute;
    bottom: 44px;
    width: 100%;
    left: 0;
    display: none;
    padding: 20px 0;
}

.lianjie a {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 18px;
}

.lianjie a:hover {
    color: #ab001a;
}

@media (max-width: 768px) {
    .foot-bg .foot-index .erq {
        display: flex;
        margin-top: 30px;
    }
    .foot-bg .foot-index .erq>div {
        margin-right: 30px;
    }
    .foot-bg .foot-index {
        display: block;
    }
    .foot-bg .foot-index .foot1 {
        width: 100%;
    }
    .foot-bg .foot-index .foot1 dl dt {
        font-size: 14px;
    }
    .foot-bg .foot-index .foot1 dl dd a {
        font-size: 12px;
        line-height: 24px;
    }
    .foot-bg .foot-index .lx h3 {
        font-size: 14px;
    }
    .foot-bg .foot-index .lx {
        padding-left: 0;
    }
    .foot-bg .foot-index .lx p {
        font-size: 12px;
        line-height: 24px;
    }
    .foot-bg .cop-bg .cop-index {
        display: block;
    }
    .foot-bg .cop-bg .cop-index .copl {
        font-size: 12px;
        text-align: center;
        line-height: 20px;
    }
    .foot-bg .cop-bg .cop-index .copl a {
        font-size: 12px;
    }
}


/* 手机页脚 */

.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #333;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}


/* 内页 */

.max1200 {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.nei_cate {
    position: relative;
    margin-top: -30px;
    text-align: center;
    margin-bottom: -30px;
}

.nei_cate .xypg-left-nav {
    font-size: 0;
    margin: 0;
}

.nei_cate .xypg-left-nav>li {
    display: inline-block;
    font-size: 16px;
    color: #4f4f52;
    position: relative;
    margin-right: -1px;
    border-bottom: none;
}

.nei_cate .xypg-left-nav>li>a {
    font-size: 16px;
    color: #4f4f52;
    display: inline-block;
    padding-bottom: 14px;
    position: relative;
    width: 200px;
    height: 55px;
    line-height: 53px;
    border: #dcdcdc 1px solid;
    text-align: center;
    background: #fff;
    padding: 0;
}

.nei_cate .xypg-left-nav>li>a::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 0;
    height: 3px;
    background: #8e339d;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.nei_cate .xypg-left-nav>li .first-nav-btn {
    display: none;
}

.nei_cate .xypg-left-nav>li.clicked>a:before,
.nei_cate .xypg-left-nav>li:hover>a:before {
    left: 0;
    width: 100%
}

.nei_cate .xypg-left-nav>li>a:hover {
    color: #8e339d;
}


/*  */

.jq22 .border-left {
    width: 1px;
    height: 0px;
    background: #8e339d;
    position: absolute;
    left: -1px;
    bottom: -1px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.jq22 .border-bottom {
    width: 0px;
    height: 1px;
    background: #8e339d;
    position: absolute;
    left: -1px;
    bottom: -1px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.jq22 .border-top {
    width: 0px;
    height: 1px;
    background: #8e339d;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.jq22 .border-right {
    width: 1px;
    height: 0px;
    background: #8e339d;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.jq22:hover .border-left {
    height: 100%;
}

.jq22:hover .border-bottom {
    width: 100%;
}

.jq22:hover .border-top {
    width: 100%;
}

.jq22:hover .border-right {
    height: 100%;
}


/* 内页新闻 */

.nei_news_list {
    font-size: 0;
    margin: 0 -1.5%;
}

.nei_news_list li {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 30.333%;
    margin: 0 1.5% 2.604vw 1.5%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.nei_news_list li a.img {
    display: block;
}

.nei_news_list li .com-img img {
    width: 100%;
}

.nei_news_list li .con {
    padding: 2.08vw 0;
    border-bottom: #e7e7e7 1px solid;
    margin-bottom: 1.15vw;
    position: relative;
    transition: 0.6s;
}

.nei_news_list li .con h5 {
    font-size: 18px;
    color: #000000;
    margin-bottom: 1.125vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nei_news_list li .con .iom {
    font-size: 14px;
    line-height: 20px;
    color: #919191;
    min-height: 40px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nei_news_list li .con:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 70px;
    height: 2px;
    background: #8e339d;
    transition: 0.6s;
}

.nei_news_list li .bottom {
    display: flex;
    justify-content: space-between;
}

.nei_news_list li .bottom font {
    font-size: 14px;
    color: #a5a5a5;
    text-transform: uppercase;
}

.nei_news_list li .bottom span {
    font-size: 18px;
    color: #8e339d;
}

@media (max-width: 992px) {
    .nei_news_list li .con h5 {
        font-size: 16px;
    }
    .nei_news_list li .bottom span {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .nei_news_list li {
        width: 47%;
    }
}

@media (max-width: 500px) {
    .nei_news_list li {
        width: 97%;
        margin-bottom: 20px;
    }
    .nei_news_list li .con h5 {
        margin-bottom: 15px;
    }
    .nei_news_list li .con {
        padding: 15px 0;
        margin-bottom: 10px;
    }
}


/* nei_case_list */

.nei_case_list {
    font-size: 0;
    margin: 0 -7.5px;
}

.nei_case_list li {
    display: inline-block;
    vertical-align: bottom;
    width: 33.333333%;
    padding: 0 7.5px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.nei_case_list li a.img {
    display: block;
}

.nei_case_list li .com-img {
    position: relative;
}

.nei_case_list li .com-img img {
    width: 100%;
}

.nei_case_list li .com-img .top {
    top: -100%;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(60, 160, 211, 0.8);
    text-align: center;
    -moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    padding: 0 10px;
}

.nei_case_list li .com-img .top h5 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 18px;
    line-height: 26px;
}

.nei_case_list li .com-img .top h3 {
    text-align: center;
}

.nei_case_list li .com-img .top h3 span {
    font-size: 16px;
    color: #242525;
    display: inline-block;
    width: 120px;
    line-height: 40px;
    background: #fff;
    border-radius: 20px;
}

.nei_case_list li a.img>h5 {
    line-height: 62px;
    font-size: 18px;
    color: #1b2433;
    text-align: center;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nei_case_list li:hover .com-img .top {
    top: 0px;
}

.nei_case_list li:hover a.img>h5 {
    transform: scale(0);
}

.table2 {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%
}

.table_cell2 {
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 768px) {
    .nei_case_list li {
        width: 50%;
    }
    .nei_case_list li .com-img .top h5 {
        font-size: 16px;
    }
    .nei_case_list li .com-img .top h3 span {
        font-size: 14px;
        line-height: 30px;
    }
    .nei_case_list li a.img>h5 {
        line-height: 40px;
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .nei_case_list li {
        width: 100%;
        margin-bottom: 10px;
    }
}