@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;position: relative;overflow: hidden;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-pcimg{display: block;}
.banner-mbimg{display: none;min-height: 340px;}
.banner .swiper-slide {overflow: hidden;position: relative;}
.banner .swiper-slide img {transform: matrix(1.0, 0, 0, 1.0, 0, 0);transition: all 0.4s ease 1.2s;}
.banner .swiper-slide-active img {transition-delay: 0.4s !important;transform: matrix(1.1, 0, 0, 1.1, 0, 0);transition: all 5s ease;}
.banner-get{width: 180px;position: absolute;z-index: 4;position: absolute;right: 4%;bottom: 100px;user-select: none;}
.banner-getbtn{width: 100%;font-size: 0;text-align: center;}
.banner-getbtn>div{width: 50px;height: 50px;display: inline-block;border-radius: 50%;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.banner-prev,.banner-next{background-color: #fff;transition: all .4s ease;}
.banner-prev:hover,.banner-next:hover{background-color: #deba72;}
.banner-onno{border: 2px solid #fff;background-image: url('../images/banplay.png');margin: 0 8px;}
.banner-onno.ontrue{background-image: url('../images/banstop.png');}
.banner-prev{background-image: url('../images/banarrl.png');}
.banner-prev:hover{background-image: url('../images/banarrlh.png');}
.banner-next{background-image: url('../images/banarrr.png');}
.banner-next:hover{background-image: url('../images/banarrrh.png');}
.banner-getnum{width: 100%;margin-top: 30px;text-align: center;font-size: 18px;color: #c3c5c3;}
.banner-getnum span{padding: 0 34px 0 42px;position: relative;font-size: 26px;color: #fff;}
.banner-getnum span:before, .banner-getnum span:after{content: "";position: absolute;}
.banner-getnum span:before{width: 30px;height: 1px;left: 0;top: 50%;margin-top: -0.5px;background: #fff;}
.banner-getnum span:after{width: 1px;height: 100%;right: 16px;top: 0;background: #c3c5c3;transform: rotate(36deg);}
.bannew-words{position: absolute;z-index: 2;width: 368px;margin-left: -184px;height: 248px;margin-top: -168px;left: 50%;top: 50%;text-align: center;font-size: 0;}
.bannew-words h5, .bannew-words h6{width: 100%;opacity: 0;font-size: 90px;color: #fff;font-family: "宋体","\5B8B\4F53";position: relative;padding: 10px 0;}
.bannew-words p{position: relative;padding: 0 68px;opacity: 0;transform: scale(.4);}
.bannew-words p span{font-size: 12px;color: #fff;text-transform: uppercase;line-height: 14px;font-family: 'OptifirM';letter-spacing: .1em;}
.bannew-words p span:first-child{letter-spacing: .15em;}
.bannew-words p:before,.bannew-words p:after{content: "";position: absolute;opacity: .8;background: #fff;width: 66px;height: 1px;top: 50%;margin-top: -0.5px;}
.bannew-words p:before{left: 0;}
.bannew-words p:after{right: 0;}
.bannew-words h5:before,.bannew-words h6:before{content: "";width: 0%;height: 3px;background: #fff;opacity: .8;position: absolute;transition: all .4s ease;}
.bannew-words h5:before{top: 0;left: 0;}
.bannew-words h6:before{bottom: 0;right: 0;}
.banner .swiper-slide-active h5{animation: banLt 1.4s ease both;}
@keyframes banLt{0%{transform: translateX(-280px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
.banner .swiper-slide-active h6{animation: banRt 1.4s ease both;}
@keyframes banRt{0%{transform: translateX(280px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
.banner .swiper-slide-active p{animation: banPs 1.4s ease both;}
@keyframes banPs{0%{transform: scale(.4);opacity: 0;}100%{transform: scale(1);opacity: 1;}}
.banner .swiper-slide-active .bannew-words h5:before, .banner .swiper-slide-active .bannew-words h6:before{animation: banLine 1.4s ease both 1.2s;}
@keyframes banLine{0%{width: 0;}100%{width: 100%;}}
.bannew-words.bannew-cgwords{width: 540px;margin-left: -270px;}
.bannew-words.bannew-cgwords p{padding: 0 80px;}
.bannew-words.bannew-cgwords p:before, .bannew-words.bannew-cgwords p:after{width: 80px;}

.about{width: 100%;overflow: hidden;position: relative;padding: 108px 0 92px;}
.about-contain{width: 774px;margin: 0 auto;position: relative;z-index: 4;}
.about-tit{width: 100%;text-align: center;}
.about-tit h6{font-size: 32px;color: #551526;display: inline-block;background: #fff;}
.about-tit p{font-size: 16px;color: #333;line-height: 32px;margin-top: 40px;}
.about-num{width: 100%;overflow: hidden;margin-top: 42px;}
.about-num ul li{width: 33.33333333333%;text-align: center;float: left;}
.about-num ul li h6{font-size: 50px;color: #deba72;font-family: 'DinM';}
.about-num ul li p{font-size: 16px;color: #666;margin-top: 8px;font-weight: 200;margin-right: 24px;}
.about-num ul li h6 i{display: inline-block;width: 12px;height: 12px;vertical-align: top;font-size: 12px;color: #888;font-weight: 200;font-style: normal;line-height: normal;margin: 10px 0 0 8px;}
.about-num ul li:nth-child(2) h6 i,.about-num ul li:nth-child(3) h6 i{background: url('../images/aboarr.png') no-repeat;}
.about-zm{position: absolute;width: 1000px;left: 50%;margin-left: -500px;top: 52px;z-index: 2;text-align: center;}
.about-zm h6{font-size: 100px;color: #551526;opacity: 0.08;font-family: 'DinM';position: relative;transition: all 2s ease 1s;transform: scale(0);line-height: normal;}
.about.ontrue .about-zm h6{transform: scale(1);}
.about-zm:before, .about-zm:after{content: "";position: absolute;z-index: 3;background-repeat: no-repeat;}
.about-zm:before{width: 334px;height: 111px;background-image: url('../images/abonl.png');left: -118px;bottom: -36px;opacity: 0;transition: all 1s ease 2.4s;}
.about-zm:after{width: 331px;height: 110px;background-image: url('../images/abonr.png');right: -152px;top: -16px;opacity: 0;transition: all 1s ease 2.8s;}
.about.ontrue .about-zm:before, .about.ontrue .about-zm:after{opacity: 1;}

.abotab{width: 100%;overflow: hidden;position: relative;}
.abotab-contain{width: 100%;}
.abotab-bg{width: 100%;}
.abotab-bg ul li{position: absolute;top: 0;left: 0;width: 100%;transition: transform 2.5s ease,opacity 1.5s;opacity: 0;transform: scale(1.1);}
.abotab-bg ul li.ontrue {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);z-index: 2;}
.abotab-bg ul li img{width: 100%;object-fit: cover;}
.abotab-li{position: absolute;z-index: 4;width: 100%;height: 100%;}
.abotab-li ul{display: block;width: 100%;}
.abotab-li ul li{width: 25%;float: left;position: relative;transition: all .6s ease;}
.abotab-li ul li:after{content: "";width: 1px;height: 100%;background: #fff;opacity: .2;position: absolute;top: 0;right: 0;}
.abotab-li ul li:last-child:after{display: none;}
.abotab-lilink{display: block;position: relative;width: 100%;height: 100%;top: 0;left: 0;}
.abotab-lizz{position: absolute;width: 100%;top: 0;left: 0;height: 100%;background: #000;opacity: .36;transition: all .4s ease;}
.abotab-liwords{position: absolute;left: 0;width: 100%;bottom: 54px;text-align: center;z-index: 6;padding: 0 9%;transition: all .6s ease 300ms;}
.abotab-liic{width: 100%;}
.abotab-liic img{max-width: 100%;margin: 0 auto;}
.abotab-liicy{display: block;}
.abotab-liich{display: none;}
.abotab-liwords h5{font-size: 20px;color: #fff;margin-top: 20px;}
.abotab-liwords h6{font-size: 12px;color: #fff;text-transform: uppercase;margin-top: 12px;}
.abotab-liwords p{font-size: 15px;color: #fff;line-height: 30px;margin-top: 18px;overflow: hidden;height: 0;transition: all 0s ease 0ms;}
.abotab-liwords i{display: block;width: 40px;height: 40px;margin: 32px auto 0;border-radius: 50%;border: 1px solid #fff;background: url('../images/aboarr2.png') no-repeat center;transition: all .4s ease 340ms;}
.abotab-li ul.aboHover:hover li{width: 21%;}
.abotab-li ul.aboHover li:hover{width: 37%;}
.abotab-li ul li:hover .abotab-lizz{opacity: .24;}
.abotab-li ul li:hover .abotab-liwords{bottom: 40%;}
.abotab-li ul li:hover .abotab-liicy{display: none;}
.abotab-li ul li:hover .abotab-liich{display: block;}
.abotab-li ul li:hover .abotab-liwords i{background-color: #deba72;border-color: #deba72;}
.abotab-li ul li:hover .abotab-liwords p{height: 120px;transition: all .6s ease 360ms;}

.serve{width: 100%;overflow: hidden;padding: 140px 0;}
.serve-contain{width: 1460px;float: right;}
.serve-words{width: 38.7%;float: left;}
.serve-img{width: 61.3%;float: right;}
.serve-img img{width: 100%;}
.serve-tit{width: 100%;}
.serve-tit h6{position: relative;font-size: 120px;color: #f2edee;font-family: 'DinM';display: inline-block;line-height: 80px;}
.serve-tit h6 span{display: inline-block;background: #fff;z-index: 2;position: absolute;right: -54px;top: 42px;font-size: 32px;color: #551526;font-family: 'SYregular';line-height: 32px;}
.serve-des{width: 100%;padding: 50px 0 60px;}
.serve-des p{font-size: 15px;color: #333;line-height: 30px;}
.serve-ico{width: 100%;font-size: 0;}
.serve-ico h6, .serve-ico span{display: inline-block;vertical-align: middle;}
.serve-ico h6{text-align: center;width: 80px;}
.serve-ico h6 label{display: block;height: 80px;line-height: 90px;}
.serve-ico h6 img{max-width: 100%;}
.serve-ico h6 p{font-size: 14px;color: #666;font-weight: 200;margin-top: 10px;}
.serve-ico span{font-size: 24px;color: #deba72;margin: -26px 28px 0;}
.serve-link{display: block;padding-left: 4px;width: 120px;height: 38px;line-height: 38px;font-size: 16px;color: #d4aa5a;position: relative;border-bottom: 1px solid #deba72;margin-top: 128px;transition: all .4s ease;}
.serve-link i{width: 7px;height: 9px;background: url('../images/serarr.png') no-repeat;position: absolute;right: 4px;top: 50%;margin-top: -4.5px;transition: all .4s ease;}
.serve-link:hover{letter-spacing: .1em;}
.serve-link:hover i{right: 0;}

.news{width: 100%;overflow: hidden;padding-bottom: 120px;}
.news-contain{width: 1200px;margin: 0 auto;}
.news-img{display: block;width: 50%;float: left;position: relative;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;transition: all 1s ease;}
.news-imgzz{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: .2;}
.news-imgfonts{position: absolute;width: 100%;left: 0;bottom: 36px;z-index: 4;padding: 0 36px;}
.news-imgdata{width: 100%;}
.news-imgdata h6, .news-imgdata p{display: inline-block;font-family: 'GothicR';}
.news-imgdata h6{font-size: 60px;color: #fff;}
.news-imgdata h6 span{font-size: 150px;line-height: inherit;}
.news-imgdata p{font-size: 24px;color: #fff;}
.news-imgdesc{width: 100%;}
.news-imgdesc p{font-size: 16px;color: #fff;font-weight: 200;margin-top: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-img:hover img{transform: scale(1.06);}
.news-words{width: 50%;float: right;overflow: hidden;padding-left: 46px;}
.news-tit{width: 100%;position: relative;}
.news-tit h6{position: relative;font-size: 120px;margin-left: -.1em;color: #f2edee;font-family: 'DinM';display: inline-block;line-height: 80px;}
.news-tit h6 span{display: inline-block;background: #fff;z-index: 2;position: absolute;right: -54px;top: 42px;font-size: 32px;color: #551526;font-family: 'SYregular';line-height: 32px;}
.news-tit a{display: block;padding-left: 4px;width: 120px;height: 38px;line-height: 38px;font-size: 16px;color: #d4aa5a;position: absolute;border-bottom: 1px solid #deba72;transition: all .4s ease;z-index: 3;right: 0;bottom: 6px;}
.news-tit a i{width: 7px;height: 9px;background: url('../images/serarr.png') no-repeat;position: absolute;right: 4px;top: 50%;margin-top: -4.5px;transition: all .4s ease;}
.news-tit a:hover{letter-spacing: .1em;}
.news-tit a:hover i{right: 0;}
.news-list{width: 100%;overflow: hidden;margin-top: 26px;}
.news-alink{display: block;width: 100%;padding: 20px 0 16px;position: relative;}
.news-alink:after{content: "";height: 1px;width: 100%;position: absolute;left: 0;bottom: 0;background: #e5e5e5;}
.news-alink:first-child:before{content: "";height: 1px;width: 100%;position: absolute;left: 0;top: 0;background: #e5e5e5;}
.news-alink span{font-size: 12px;color: #333;font-family: 'GothicR';}
.news-alink span i{font-size: 12px;color: #fff;font-style: normal;display: inline-block;vertical-align: middle;background: #deba72;padding: 4px 6px;margin: -3px 0 0 10px;}
.news-alink p{font-size: 15px;color: #333;transition: all .4s ease;margin-top: 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-alink:hover p{color: #deba72;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1900px) {
    .abotab-li ul li:hover .abotab-liwords p{height: 148px;}
}
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .abotab-liwords{padding: 0 8%;}
    .abotab-li ul li:hover .abotab-liwords {bottom: 28%;}
    .abotab-li ul li:hover .abotab-liwords p{height: 146px;}
    .serve-contain{width: 92%;}
    .serve-ico span {margin: -26px 18px 0;}
    .serve-des {padding: 40px 0 48px;}
    .serve-link {margin-top: 76px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .banner-get{bottom: 68px;}
    .bannew-words {width: 340px;margin-left: -170px;height: 242px;margin-top: -168px;}
    .bannew-words h5, .bannew-words h6{font-size: 80px;}
    .bannew-words p {padding: 0 54px;}
    .bannew-words p:before, .bannew-words p:after{width: 50px;}
    .bannew-words.bannew-cgwords{width: 480px;margin-left: -240px;}
    .bannew-words.bannew-cgwords p{padding: 0 60px;}
    .bannew-words.bannew-cgwords p:before, .bannew-words.bannew-cgwords p:after{width: 60px;}
    .about-zm h6 {font-size: 88px;}
    .about-zm {width: 900px;margin-left: -450px;top: 38px;}
    .about-num ul li h6 {font-size: 46px;}
    .about-num {margin-top: 34px;}
    .about-tit p {margin-top: 36px;}
    .about {padding: 88px 0 80px;}
    .abotab-liwords p {font-size: 14px;line-height: 28px;}
    .abotab-liwords{padding: 0 6%;}
    .abotab-li ul li:hover .abotab-liwords {bottom: 22%;}
    .serve {padding: 100px 0;}
    .serve-tit h6, .news-tit h6{font-size: 100px;}
    .serve-tit h6 span, .news-tit h6 span{right: -50px;top: 38px;font-size: 28px;line-height: 32px;}
    .serve-des {padding: 32px 0 42px;}
    .serve-ico h6 {width: 66px;}
    .serve-ico h6 label {height: 66px;line-height: 74px;}
    .serve-ico h6 p {font-size: 12px;}
    .serve-link {margin-top: 48px;}
    .news {padding-bottom: 100px;}
    .news-contain{width: 92%;}
    .news-imgdata h6 span{font-size: 120px;}
    .about-zm:before {left: -130px;bottom: -40px;}
    .about-zm:after {right: -162px;top: -20px;}  
    .about-num ul li p{margin-right:22px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .banner-get {bottom: 58px;}
    .banner-getbtn>div {width: 42px;height: 42px;}
    .banner-getnum {margin-top: 20px;}
    .about-zm h6 {font-size: 74px;}
    .about-zm {width: 760px;margin-left: -380px;top: 38px;}
    .about {padding: 78px 0 68px;}
    .about-num ul li h6 {font-size: 44px;}
    .about-tit p {margin-top: 28px;}
    .about-num {margin-top: 30px;}
    .about-zm:before {left: -158px;bottom: -46px;}
    .about-zm:after {right: -182px;top: -30px;}
    .abotab-liwords h5 {font-size: 18px;margin-top: 16px;}
    .abotab-liwords i {margin: 24px auto 0;}
    .abotab-liwords p{line-height: 26px;margin-top: 16px;}
    .abotab-li ul li:hover .abotab-liwords p {height: 154px;}
    .serve {padding: 80px 0;}
    .serve-tit h6, .news-tit h6 {font-size: 84px;line-height: 58px;}
    .serve-tit h6 span, .news-tit h6 span {right: -34px;top: 26px;font-size: 20px;line-height: 28px;}
    .serve-des {padding: 24px 0 32px;}
    .serve-ico span {margin: -26px 14px 0;}
    .news {padding-bottom: 80px;}
    .news-imgdata h6 span {font-size: 100px;}
    .news-imgfonts {bottom: 28px;padding: 0 28px;}
    .news-list {margin-top: 20px;}
    .news-alink p {font-size: 14px;margin-top: 10px;}
    .news-alink span i {padding: 2px 4px; }
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .abotab-liwords h5 {margin-top: 12px;}
    .abotab-liwords h6 {margin-top: 8px;}
    .abotab-liwords i {margin: 18px auto 0;}
    .abotab-liwords{padding: 0 4%;}
    .abotab-li ul li:hover .abotab-liwords {bottom: 18%;}
    .serve {padding: 64px 0;}
    .serve-tit h6, .news-tit h6 {font-size: 72px;line-height: 46px;}
    .serve-tit h6 span, .news-tit h6 span {right: -24px;top: 20px;font-size: 16px;line-height: 24px;}
    .serve-des {padding: 16px 0 24px;}
    .serve-ico h6 {width: 64px;}
    .serve-ico span {margin: -26px 10px 0;}
    .serve-ico h6 label {height: 64px;line-height: 72px;}
    .serve-link {margin-top: 34px;}
    .news {padding-bottom: 64px;}
    .news-alink {padding: 17px 0 15px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .about-zm h6 {font-size: 62px;}
    .about-zm {width: 640px;margin-left: -320px;top: 38px;}
    .about-num ul li h6 {font-size: 36px;}
    .about-num {margin-top: 24px;}
    .abotab-liwords {bottom: 38px;}
    .abotab-li ul li:hover .abotab-liwords {bottom: 16%;}
    .abotab, .abotab-li ul li, .abotab-bg ul li img{height: 520px !important;}
    .abotab-li ul li:hover .abotab-liwords p {height: 180px;}
    .abotab-liwords h6{height: 26px;}
    .abotab-liwords p {margin-top: 4px;}
    .serve-ico span {margin: -26px 4px 0;}
    .serve-link {margin-top: 20px;}
    .serve-des {padding: 12px 0 14px;}
    .serve-des p {font-size: 14px;line-height: 26px;}
    .news-imgdata h6 {font-size: 44px;}
    .news-imgdata h6 span {font-size: 80px;}
    .news-alink {padding: 12px 0 10px;}
    .news-words {padding-left: 32px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .about {padding: 68px 0 60px;}
    .serve-contain{margin: 0 auto;float: none;}
    .serve-words {width: 100%;}
    .serve-img {width: 100%;margin-top: 40px;}
    .news-img{width: 100%;}
    .news-words {padding-left: 0;width: 100%;margin-top: 40px;}
    .news-alink {padding: 16px 0 14px;}
    .about-contain{width: 92%;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-pcimg{display: none;}
    .banner-mbimg{display: block;}
    .bannew-words h5, .bannew-words h6{font-size: 66px;}
    .bannew-words {width: 280px;margin-left: -140px;height: 200px;margin-top: -120px;}
    .bannew-words p {padding: 0 28px;}
    .bannew-words p:before, .bannew-words p:after {width: 24px;}
    .bannew-words.bannew-cgwords{width: 400px;margin-left: -200px;}
    .bannew-words.bannew-cgwords p{padding: 0 40px;}
    .bannew-words.bannew-cgwords p:before, .bannew-words.bannew-cgwords p:after{width: 40px;}
    .banner-getnum span {padding: 0 24px 0 34px;font-size: 20px;}
    .banner-getnum{font-size: 16px;margin-top: 6px;}
    .banner-getnum span:before{width: 22px;}
    .banner-getbtn>div {width: 32px;height: 32px;}
    .banner-get {bottom: 12px;width: 140px;}
    .banner-getnum span:after{right: 12px;}
    .about-zm {width: 100%;margin-left: 0px;top: 38px;left: 0;}
    .about-zm:before {left: 40px;width: 200px;background-size: 200px auto;}
    .about-zm:after {width: 220px;right: 30px;top: 0px;background-size: 220px auto;}

    .abotab-li ul.aboHover:hover li{width: 25%;}
    .abotab-li ul.aboHover li:hover{width: 25%;}
    .abotab-li ul li:hover .abotab-lizz{opacity: .24;}
    .abotab-li ul li:hover .abotab-liwords{bottom: 38px;}
    .abotab-li ul li:hover .abotab-liicy{display: none;}
    .abotab-li ul li:hover .abotab-liich{display: block;}
    .abotab-li ul li:hover .abotab-liwords i{background-color: #deba72;border-color: #deba72;}
    .abotab-liwords p{display: none;}
    .abotab-liwords h6 {height: 36px;line-height: 18px;}
    .abotab, .abotab-li ul li, .abotab-bg ul li img{height: 420px !important;} 
    .about-num ul li p{margin-right: 18px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .bannew-words {width: 254px;margin-left: -127px;height: 140px;margin-top: -100px;}
    .bannew-words h5, .bannew-words h6 {font-size: 36px;}
    .bannew-words p span{letter-spacing: 0;}
    .bannew-words p span:first-child {letter-spacing: .04em;}
    .bannew-words.bannew-cgwords{width: 254px;margin-left: -127px;}
    .bannew-words.bannew-cgwords p {padding: 0 28px;}
    .bannew-words.bannew-cgwords p:before, .bannew-words.bannew-cgwords p:after {width: 24px;}
    .about-zm h6 {font-size: 32px;}
    .about {padding: 48px 0 38px;}
    .about-tit h6 {font-size: 28px;}
    .about-zm {top: 18px;}
    .about-zm:before {left: -40px;height: 76px;background-size: 150px auto;width: 150px;}
    .about-zm:after {width: 160px;right: -60px;top: -12px;height: 74px;background-size: 160px auto;}
    .about-tit p {margin-top: 14px;}
    .about-num ul li h6 {font-size: 24px;}
    .abotab-li ul li{width: 50%;}
    .abotab-li ul li:nth-child(2n):after{display: none;}
    .abotab, .abotab-bg ul li img{height: 500px !important;}
    .abotab-li ul li{height: 250px !important;}
    .abotab-liic img{height: 48px;}
    .abotab-li ul.aboHover:hover li{width: 50%;}
    .abotab-li ul.aboHover li:hover{width: 50%;}
    .abotab-li ul li:first-child:before, .abotab-li ul li:nth-child(2):before{content: "";width: 100%;height: 1px;background: #fff;opacity: .2;position: absolute;bottom: 0;left: 0;}
    .abotab-liwords h5 {margin-top: 8px;font-size: 16px;}
    .serve-tit h6, .news-tit h6 {font-size: 54px;line-height: 46px;}
    .serve-tit h6 span, .news-tit h6 span {right: -24px;top: 20px;font-size: 16px;line-height: 20px;}
    .serve {padding: 32px 0 40px;}
    .news-imgdata h6 {font-size: 36px;}
    .news-imgdata p {font-size: 20px;}
    .news-imgdata h6 span {font-size: 66px;}
    .news-imgfonts {bottom: 20px;padding: 0 18px;}
    .news-tit a{bottom: 0;}
    .news {padding-bottom: 40px;}
    .about-num ul li p{margin-right: 0;}
    .serve-img{overflow: hidden;}
    .serve-img img {width: 106%;margin-left: -16px;}
    .serve-des {padding: 18px 0 24px;}
    .serve-des p {font-size: 16px;line-height: 30px;}
    .news-alink p {font-size: 16px;margin-top: 12px;}
}


/* 2020/06/18 屏蔽内容 */
.serve{display: none !important;}
.news{padding-top: 100px;}
@media all and (max-width: 1440px) {.news{padding-top: 80px;}}
@media all and (max-width:640px) {.news{padding-top: 40px;}}


/*产品中心*/
.tit1{ font:50px "Microsoft YaHei"; text-align:center; color:#424242; font-weight:bold; overflow:hidden; }

.tit1 a{ display:block; color:#424242;}

.tit1 em{ display:block; font:22px "Microsoft YaHei"; color:#626262; margin-top:8px; padding-top:30px; background:url(../images/line.png) no-repeat center top;}
.content{
	
	width:1200px;
	margin: 0 auto;
}
.pro_bj{padding-top: 40px;height:1450px;background: #F6F6F6;padding-bottom: 50px;background:url(../picture/product-bg.jpg) no-repeat center top;}

.pro_bj .tit1{padding-bottom: 50px;}

.pro_bj .m_fl{float: left;width: 263px;}

.pro_bj h3{height: 110px;line-height: 110px;background: #14abc9;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}

.pro_bj .m_fl h3 a{color: #fff;}

.pro_bj .m_fl ul{border:3px solid #14abc9;border-top: none;background-color: white;}

.pro_bj .m_fl li{height: 59px;line-height: 59px; position: relative;}

.pro_bj .m_fl li a{display: block;padding-left: 88px;font-size: 16px;color: #333333;background:url(../images/cpflico.jpg) no-repeat 45px 24px;}



.pro_bj .m_fl li:nth-child(2n){background: #eaeeef;}

.pro_bj .m_fl li a:hover,.g_pro .m_fl .cur a{background:url(../images/cpflicoh.jpg) no-repeat 45px 17px;color: #14abc9;font-weight: bold;}

.pro_bj .m_fl .fl2j{position: absolute;left:260px;top:0;background: #eef5ff;padding: 10px 20px 10px 10px;background: #eef5ff;border:none; width: 260px; z-index: 110;display: none;}

.pro_bj .m_fl .fl2j:before{content: "";position: absolute;background:url(../images/ejjt.png) no-repeat;width: 14px;height: 20px;left:-14px;top:20px;}

.pro_bj .m_fl .fl2j li{height: 36px;line-height: 36px;border-bottom: 1px dashed #bddbff;}

.pro_bj .m_fl .fl2j li a{color: #666666;font-size: 14px;color: #666666;background:url(../images/flej.jpg) no-repeat 13px 11px;padding-left: 30px;font-weight: normal;}

.pro_bj .m_fl .fl2j li:nth-child(2n){background: #eef5ff;}

.pro_bj .m_fl .fl2j li:last-child{border-bottom: none;}

.pro_bj .m_fl li:hover .fl2j{display: block;}

.pro_bj .m_cp{float: right;width: 1120px;}

/*.product .cpup{height: 112px;border-top: 1px solid #e9eaed;}

.product .cpup li{float: left;width: 140px;margin-right: 15px;}

.product .cpup li img{width:140px;height: 105px;display: block;}

*/

.pro_bj .cpd li{float: left;width: 275px;margin-right:6px;transition: all 0.3s linear 0s;}

.pro_bj .cpd li:hover{opacity:0.8;}

.pro_bj .cpd .lastli{margin-right: 0;}

.pro_bj .cpd li img{width:275px;display: block;border:1px solid #e4e4e4;-webkit-transition: all 0.3s;}
.pro_bj .cpd li img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	
}

.pro_bj .cpd li em{display: block;width: 300px;height: 64px;line-height: 64px;border-bottom: 1px solid #e1e1e1;text-align: center;overflow: hidden;font-size: 16px;color: #666666;margin-bottom: 26px;}
.pro_bj h2{background:url(../images/newtit.png) no-repeat;height: 100px;padding-top: 30px;text-align: center;font-size: 38px;color: #333333;font-weight: normal;width: 1200px;
margin: 0 auto;}
.pro_bj h2 a{color: #333333;}
.pro_bj h2 em{color: #666666;display: block;font-size: 18px;}

/*优势*/
.advantage {background: url(../images/advbg01.png);padding-bottom: 75px;}
.advantage .adv_con {position: relative;margin-bottom: 25px;z-index: 1;}
.advantage .adv_con .conbox {position: relative;background: #fff;display: none;}
.advantage .adv_con .conbox.cur {display: block;}
.advantage .adv_con .conbox .conleft {width: 50%;position: relative;overflow: hidden;z-index: 2;}
.advantage .adv_con .conbox .conleft img {display: block;width: 100%;transition: all 2.5s;}
.advantage .adv_con .conbox .conleft:hover img {transform: scale(1.2);}
.advantage .adv_con .conbox .conright {width: 50%;position: relative;height: 100%;position: relative;z-index: 2;}
.advantage .adv_con .conbox .conright h3 {padding-top: 10%;margin-left: 7%;padding-bottom: 5%;border-bottom: 1px dotted #d3d3d3;margin-bottom: 5%;width: 65%;}
.advantage .adv_con .conbox .conright h3 span {display: block;font-size: 28px;color: #14abc9;}
.advantage .adv_con .conbox .conright h3 span b {font-size: 56px;}
.advantage .adv_con .conbox .conright h3 i {display: block;font-weight: lighter;color: #333;font-size: 42px;margin-top:10px;}
.advantage .adv_con .conbox .conright .p1 {font-size: 14px;line-height: 24px;margin-left: 7%;margin-bottom: 2%;width: 60%;}
.advantage .adv_con .conbox .conright .libg {position: absolute;right: 0;bottom: -64px;}
.advantage .adv_con .adv_btnl {display: block;width: 41px;height: 41px;position: absolute;left: 50%;margin-left: -41px; bottom: 0;background: url(../images/bg01.png);cursor:pointer;z-index: 3;}
.advantage .adv_con .adv_btnl i {display: block;margin: 12px auto;width: 10px;height: 17px;background: url(../images/jtl01.png) no-repeat center;}
.advantage .adv_con .adv_btnr {display: block;width: 41px;height: 41px;position: absolute;left: 50%;bottom: 0;background: url(../images/bg01.png);cursor:pointer;z-index: 3;}
.advantage .adv_con .adv_btnr i {display: block;margin: 12px auto;width: 10px;height: 17px;background: url(../images/jtr01.png) no-repeat center;}
.advantage .adv_con .adv_btnl:hover ,.advantage .adv_con .adv_btnr:hover {background: #14abc9;}

.advantage .adv_type {position: relative;z-index: 2;}
.advantage .adv_type li {float: left;width: 299px;padding: 18px 0;background: #fff;}
.advantage .adv_type li p {width: 154px;position: relative;height: 47px;padding: 12px 0 0 145px;border-left: 1px solid #e0e0e0;box-sizing: unset;}
.advantage .adv_type li.li1 p {border-left: none;}
.advantage .adv_type li span {display: block;font-size: 20px;color: #333;}
.advantage .adv_type li i {display: block;font-size: 12px;color: #999;text-transform: uppercase;}
.advantage .adv_type li em {display: block;width: 62px;height: 62px;position: absolute;left: 70px;top: 0;}
.advantage .adv_type li.li1 em {background: url(../images/advicon01.png) no-repeat center;}
.advantage .adv_type li.li2 em {background: url(../images/advicon03.png) no-repeat center;}
.advantage .adv_type li.li3 em {background: url(../images/advicon05.png) no-repeat center;}
.advantage .adv_type li.li4 em {background: url(../images/advicon07.png) no-repeat center;}
.advantage .adv_type li.cur {background: #14abc9;}
.advantage .adv_type li.cur p {border-left-color: #14abc9;}
.advantage .adv_type li.cur i {color: #fff;}
.advantage .adv_type li.cur span {color: #fff;}
.advantage .adv_type li.li1.cur em {background: url(../images/advicon02.png) no-repeat center;}
.advantage .adv_type li.li2.cur em {background: url(../images/advicon04.png) no-repeat center;}
.advantage .adv_type li.li3.cur em {background: url(../images/advicon06.png) no-repeat center;}
.advantage .adv_type li.li4.cur em {background: url(../images/advicon08.png) no-repeat center;}

.fwkh {padding-bottom: 70px;}
.fwkh .fwkh_con {}
.fwkh .fwkh_con ul li {float: left;width: 239px;border: 1px solid #e9e9e9;margin: 0 0 -1px -1px;position: relative;z-index: 1;overflow: hidden;}
.fwkh .fwkh_con ul li img {display: block;width: 239px;transition: all 0.5s;height: 114px;}
.fwkh .fwkh_con ul li:hover {border-color: #14abc9;z-index: 2;}
.fwkh .fwkh_con ul li:hover img {transform: scale(1.1);}

.i7{height: 650px;position: relative;z-index: 2;text-align: center;color: #fff;}

.i7 .imgbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 1;background: #fff; }

.i7 .imgbg img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.05);-webkit-transform: scale(1.05);opacity: 0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;z-index: 1;}

.i7 .imgbg img.act{transform: scale(1.001);-webkit-transform: scale(1.001);opacity: 1;z-index: 2;}

.i7 .ul1{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 2;}

.i7 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.i7 .ul1 li{width: 33.33%;float: left;position: absolute;height: 100%;top: 0;left: 0;border-left: 1px solid #fff;border-right: 1px solid rgba(255,255,255,0);box-sizing: border-box;overflow: hidden;z-index: 2;} 

.i7 .ul1 li:nth-child(1){border-left: 1px solid rgba(255,255,255,0);}

.i7 .ul1 li:nth-child(2){left: 33.33%;}

.i7 .ul1 li:nth-child(3){left: 66.66%;}

.i7 .ul1 li .more{margin: 20px auto 0;opacity: 0;}

.i7 .ul1 li .out{width: 38px;height: 38px;background: url(../images/1_12.png) center no-repeat;margin: 30px auto;cursor: pointer;opacity: 0;}

.i7 .ul1 li .out:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);}

.i7 .ul1 li .tt{font-size: 20px;}

.i7 .ul1 li .xian{ width: 40px;height: 4px;background: #000;opacity: .3;margin: 25px auto 30px;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;}

.i7 .ul1 li .tc{width: 685px;margin: 0 auto 60px;line-height: 2;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;}

.i7 .ul1 li .dl1{width: 1080px;margin: 0 auto;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;}

.i7 .ul1 li .dl1 dd{width: 23%;margin-right: 2.66%; float: left;background: rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.5);border-radius: 5px;box-sizing: border-box;padding: 3%;text-align: justify;}

.i7 .ul1 li .dl1 dd .num{font-weight: bold;}

.i7 .ul1 li .dl1 dd .dt2{line-height: 1.8;min-height: 50px;}

.i7 .ul1 li .dl1 dd:last-child{margin-right: 0;}


.i7 .ul1.act li{width: 140px;}

.i7 .ul1.act li .tt{width: 20px;margin: 0 auto; }

.i7 .ul1.act1 li:nth-child(2){left: calc(100% - 280px);}

.i7 .ul1.act1 li:nth-child(3){left: calc(100% - 140px);}

.i7 .ul1.act2 li:nth-child(1){border-right: 1px solid #fff;}

.i7 .ul1.act2 li:nth-child(2){left: 0;border-left: 1px solid rgba(255,255,255,0);}

.i7 .ul1.act2 li:nth-child(3){left: calc(100% - 140px);}

.i7 .ul1.act3 li:nth-child(2){left: 140px;border-right: 1px solid #fff;}

.i7 .ul1.act3 li:nth-child(3){left: 0;border-left: 1px solid rgba(255,255,255,0);}

.i7 .ul1 li.act .more{opacity: 1;}


.i7 .ul1 li.act{position: absolute;width: 100%;z-index: 1;}

.i7 .ul1 li.act .tt{font-size: 30px;font-weight: bold;width: 100%;color:#14abc9}

.i7 .ul1 li.act .out{background: url(../images/1_12_1.png) center no-repeat;}

.i7 .ul1 li.act .xian{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;}

.i7 .ul1 li.act .tc{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;color: #fff;
text-align: justify;background-color: rgba(20, 171, 201, 0.6);
padding: 20px;}

.i7 .ul1 li.act .dl1{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .4s;-webkit-transition-delay: .4s;margin: 0 auto;}


.indexTitle2{ text-align: center; }
.indexTitle .title1{ font-weight: bold; font-size: 36px; line-height: 36px; text-transform: uppercase; color: #14abc9; }
.indexTitle .title2{ font-size: 22px; line-height: 22px; color: #1e1e1e; padding-top: 9px; }