@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height: 1em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
html,body{position: relative;overflow-x: hidden;font-size: 16px;line-height: 1em;color: #333;font-family: 'Source Han Sans CN', Microsoft Yahei, PingFang SC,Arial,Hiragino Sans GB,STHeiti,'华文细黑',sans-serif;background: #fff;}
ul,ol,li{list-style:none}
a{color: inherit;text-decoration:none;outline: none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
img{display: block;max-width: 100%;height: auto;border:0;}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.before, .after{position: relative;display: block;line-height: 1em;}
.before:before, .after:after{position: absolute;display: block;content: "";}
.imgbigout{display: block;overflow: hidden;}
.imgbigout .imgbig{display: block;max-width: 100%;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout img{display: block;max-width: 100%;margin: 0 auto;}
input{outline: none;background: none;border: none;appearance:none;;-webkit-appearance:none;}

/*分页框架*/
.pager-box{margin-top: 70px;text-align: center;}
.pager{display: inline-block;margin: 0 auto;}
.pager span,.pager a{float: left;display:inline-block;width: 40px;height: 40px;margin: 0 6px;color: #555;line-height: 40px;text-align:center;border-radius: 5px;}
.pager .now{color:#fff;background-color: #008ee6;}
.pager .current,.pager .p1{display: none;}
.pager .p1:hover{background-color: #008ee6;}


/* 通用 */
.w1710{width: 89%;margin: 0 auto;}
.w1400{width: 73%;min-width: 1400px;margin: 0 auto;}
.w1200{width: 62.5%;min-width: 1200px;margin: 0 auto;}
.f-48{font-size: 48px;line-height: 1.5;}
.f-40{font-size: 40px;}
.f-36{font-size: 36px;line-height: 1.5;}
.f-30{font-size: 30px;line-height: 1.5;}
.f-28{font-size: 28px;}
.f-24{font-size: 24px;}
.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.flex{display: flex;justify-content: space-between;}
.text-limit{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.more{display: inline-block;padding: 6px 45px;text-align: center;line-height: 2;color: #fff;border-radius: 44px;border: 1px solid #fff;}
.more-blue{color: #008ee6;border-color: #008ee6;}
.more:hover{color: #fff;background: #008ee6;border-color: #008ee6;}

.head{position: fixed;top: 0;left: 0;width: 100%;color: #fff;z-index: 9999;}
.head-inner{display: flex;justify-content: space-between;align-items: center;padding: 30px 0;transition: padding .3s;}
.head .logo-hover{display: none;}
.head-main{display: flex;justify-content: space-between;}
.head-nav{margin-right: 8.3vw;}
.head-nav-ul{}
.head-nav-ul li{float: left;}
.head-nav-ul li:not(:last-child){margin-right: 4vw;}
.head-nav-ul li a{position: relative;display: block;line-height: 38px;}
.head-nav-ul li a::before{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;content: "";width: 0;height: 1px;background: #fff;opacity: 0;transition: width .4s, opacity .4s;}
.head-nav-ul .active a::before, .head-nav-ul li a:hover::before{width: 100%;opacity: 1;}
.head-tel{display: flex;align-items: center;font-size: 30px;line-height: 38px;}
.head-tel i{margin-right: 10px;font-size: 30px;}

.head-on{color: #333;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);}
.head-on .head-inner{padding: 25px 0;}
.head-on .logo-default{display: none;}
.head-on .logo-hover{display: block;}
.head-on .head-nav-ul li a::before{background: #333;}


.banner{}
.banner-container{}
.banner-container .item{height: 100vh;}
.banner-container .item-bg{height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner-container .item-main{position: absolute;}
.banner-container .item1 .item-main{top: 27.9%;left: 5.5%;display: flex;}
.banner-container .item1 .item-img{width: 42.7%;margin-left: 3.4%;}
.banner-container .item1 .item-text{margin-top: 8.4%;margin-left: 11%;color: #fff;}
.banner-container .item-text .tit{margin-bottom: 1.3em;font-family: "";font-weight: lighter;}

.slide-page{font-size: 0;text-align: center;z-index: 9;}
.slide-page .swiper-pagination-bullet{position: relative;width: 6px;height: 6px;margin: 0 10px !important;background: #fff;opacity: 1;}
.slide-page .swiper-pagination-bullet-active::after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;content: "";width: 10px;height: 10px;border-radius: 50%;background: #008ee6;}
.banner-page{position: absolute;bottom: 5.2% !important;}
.i-tit{text-align: center;}
.i-tit-en{margin-bottom: 10px;text-transform: uppercase;}
.i-tit-cn{}

.i-service{position: relative;padding: 92px 0 122px;background: url(img/i-service-bg.png) bottom center no-repeat;overflow: hidden;}
.circle{position: absolute;display: block;height: auto;}
.circle1{top: 8.3vw;left: 13.4%;width: 7.3%;}
.circle2{top: 10px;left: 34.7%;width: 4%;}
.circle3{top: 18px;left: 40.3%;width: 12.3%;}
.i-service-inner{position: relative;}
.i-service-tit{position: absolute;top: 13%;left: 0;text-align: left;z-index: 9;}
.i-service-main{position: relative;}
.i-service-container{}
.i-service-container .item{display: flex;justify-content: space-between;align-items: flex-end;}
.i-service-container .item-text{width: 43.2%;margin-bottom: 13%;}
.i-service-container .item-img{position: relative;width: 45.75%;padding-bottom: 45.75%;height: 0;}
.i-service-container .item-img-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;width: 82%;height: 82%;border-radius: 50%;overflow: hidden;}
.i-service-container .item-img-inner img{display: block;max-width: 90%;max-height: 90%;width: auto;height: auto;}
.i-service-container .item-tit{margin-bottom: 1em;}
.i-service-container .item-sum{line-height: 1.8;color: #666;}
.i-service-container .item-sum p{min-height: 5.4em;line-height: inherit;}
.i-service-tabs{position: absolute;top: 0;right: 0;width: 45.75%;z-index: 9;}
.i-service-tabs .i-service-img{position: relative;overflow: hidden;}
.i-service-tabs .i-service-img .i-service-path{width: 100%;height: auto;}
.i-service-tabs .i-service-img .i-service-circle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s;}
.i-service-tabs .tabs-item-inner{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i-service-tabs .tabs-item{position: absolute;display: block;width: 10px;height: 10px;background: #fff;border: 1px solid #008ee6;border-radius: 50%;;z-index: 9;}
.i-service-tabs .tabs-item span{position: absolute;display: block;text-align: center;line-height: 1.5;white-space: nowrap;color: #999;}
.i-service-tabs .tabs-item1{left: 9.1%;bottom: 20.2%;}
.i-service-tabs .tabs-item1 span{top: 50%;right: 20px;transform: translateY(-50%);}
.i-service-tabs .tabs-item2{top: 0;left: 49.2%;}
.i-service-tabs .tabs-item2 span{bottom: 18px;left: 50%;transform: translateX(-50%);}
.i-service-tabs .tabs-item3{right: 9.1%;bottom: 20.2%;}
.i-service-tabs .tabs-item3 span{top: 50%;left: 20px;transform: translateY(-50%);}
.i-service-tabs .active{background: #fff29d;}
.i-service-tabs .active span{color: #333;}

.i-case{position: relative;margin-top: -40px;padding-bottom: 36px;}
.circle4{top: -4vw;left: 12%;width: 10.7%;}
.circle5{top: 1.6vw;right: 2.9%;width: 6.5%;opacity: .8;}
.circle6{bottom: -13.6vw;left: -10.4%;width: 31.25%}
.circle7{bottom: 2.6vw;right: 15.6%;width: 3.7%;}
.i-case-inner{position: relative;}
.i-case-tit{margin-bottom: 54px;}
.i-case-main{position: relative;}
.i-case-container{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.i-case .item-inner{display: flex;justify-content: space-between;align-items: center;padding: 11.67% 42px 150px 11.67%;box-sizing: border-box;}
.i-case .item-logo{width: ;}
.i-case .item-text{width: 63%;}
.i-case .item-text .text-tit{position: relative;margin-bottom: 20px;padding-bottom: 34px;}
.i-case .item-text .text-tit::after{position: absolute;bottom: 0;left: 0;display: block;content: "";width: 24px;height: 4px;background: #008ee6;}
.i-case .item-text .text-sum{margin-bottom: 15.6%;}
.i-case .item-text .text-sum p{color: #666;line-height: 1.875;}
.i-case .item-text ul{display: flex;justify-content: space-between;width: 82.3%;}
.i-case .item-text .num{margin-bottom: 1em;}
.i-case .item-text .num span{margin-right: 3px;font-size: 36px;font-family: "Arial";}
.i-case-btn{position: absolute;top: 50%;left: 0;width: 100%;z-index: 9;}
.i-case-btn a{position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: 62px;height: 62px;border-radius: 50%;border: 1px solid #ccc;}
.i-case-btn .prev{left: -10%;}
.i-case-btn .next{right: -10%;}
.i-case-btn a:hover{color: #008ee6;border-color: #008ee6;}

.i-adv{position: relative;padding: 144px 0 95px;background: url(img/i-adv-bg.png) top center no-repeat;}
.i-adv-tit{margin-bottom: 64px;}
.i-adv-tabs{position: relative;margin-bottom: 24px;}
.i-adv-tabs::before{position: absolute;top: 74px;left: 0;display: block;content: "";width: 100%;height: 1px;background: #e6e6e6;}
.i-adv-tabs-inner{position: relative;display: flex;justify-content: space-between;width: 1100px;max-width: 90%;margin: 0 auto;z-index: 2;}
.i-adv-tabs .tabs-item{min-width: 100px;text-align: center;}
.i-adv-tabs .tabs-item i{display: block;margin-bottom: .52em;font-size: 46px;line-height: 1;color: #ccc;transition: all .3s;}
.i-adv-tabs .tabs-item span{display: block;width: 9px;height: 9px;margin: 0 auto 28px;background: #e6e6e6;border-radius: 50%;}
.i-adv-tabs .tabs-item p{color: #999;}
.i-adv-tabs .active{color: #008ee6;}
.i-adv-tabs .active i{color: inherit;margin-top: -.22em;margin-bottom: .74em;}
.i-adv-tabs .active span{background: #008ee6;}
.i-adv-tabs .active p{color: inherit;}
.i-adv-main .item-inner{display: flex;justify-content: space-between;align-items: center;}
.i-adv-main .item-img{width: 58.9%;}
.i-adv-main .item-text{width: 44.7%;margin-right: -7.2%;}
.i-adv-main .item-img img{margin: 0 auto;}
.i-adv-main .text-tit{margin-bottom: 1em;}
.i-adv-main .text-sum p{line-height: 1.7;color: #666;}

.i-news{padding: 80px 0 100px;background: #fafcfc;}
.i-news-inner{}
.i-news-tit{margin-bottom: 60px;}
.i-news-ul{margin-bottom: 80px;}
.i-news-ul .item{position: relative;float: left;width: 31.4%;}
.i-news-ul .item + .item{margin-left: 2.9%;}
.i-news-ul .item a{position: relative;display: block;padding: 12px 0 0;border-top: 1px solid #e6e6e6;}
.i-news-ul .item a::before{position: absolute;top: -1px;left: 0;display: block;content: "";width: 0;height: 1px;background: #c1b29a;transition: all .5s;}
.i-news-ul .item-text{height: 50px;margin-bottom: 14px;padding: 10px 0;overflow: hidden;}
.i-news-ul .item-text .text-date{display: block;font-family: "Arial";color: #999;transition: all .4s;}
.i-news-ul .item-text .text-tit{height: 1em;-webkit-line-clamp: 1;margin: 14px 0;}
.i-news-ul .item-text .text-sum{height: 1em;-webkit-line-clamp: 1;color: #999;opacity: 0;transition: all .5s;}
.i-news-ul a:hover .item-text .text-date{margin-top: -30px;opacity: 0;}
.i-news-ul a:hover .item-text .text-sum{opacity: 1;}
.i-news-ul a:hover::before{width: 100%;}
.i-news-btn{text-align: center;}

.foot{padding-top: 70px;font-size: 14px;color: rgba(255,255,255,.4);background: #262930;}
.foot-top{align-items: flex-start;}
.foot-nav{width: 50%;align-items: center;}
.foot-nav a{display: block;font-size: 16px;color: rgba(255,255,255,.8);}
.foot-media-top{display: flex;align-items: center;margin-bottom: 42px;}
.foot-media-top p{font-weight: lighter;font-size: 14px;color: rgba(255,255,255,.5);}
.foot-media-top ul{margin-left: 12px;}
.foot-media-top .item{position: relative;margin-left: 18px;cursor: pointer;}
.foot-media-top .item i{display: block;width: 32px;height: 32px;font-size: ;line-height: 32px;text-align: center;color: #262930;background: #fff;border-radius: 50%;}
.foot-media-top .item .item-hide{display: none;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);width: 120px;height: 120px;padding: 10px;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.foot-media-top .item .item-hide::after{position: absolute;left: 50%;bottom: -10px;display: block;content: "";width: 0;height: 0;margin-left: -10px;border-width: 10px;border-style: solid;border-top-color: #fff;border-right-color: transparent;border-bottom: none;border-left-color: transparent;}
.foot-media-top .item .item-hide img{width: 100%;height: auto;}
.foot-media-top .item:hover .item-hide{display: block;}
.foot-media-tel{text-align: right;color: #fff;}
.foot-media-tel a{display: inline-block;font-size: 30px;font-family: "Arial";}
.foot-media-tel i{font-size: 30px;}
.foot-contact{width: 650px;flex-wrap: wrap;margin-bottom: 30px;}
.foot-contact dl{margin-bottom: 36px;}
.foot-contact dt{margin-bottom: 10px;font-size: 16px;color: #fff;}
.foot-contact dt i{margin-right: 8px;}
.foot-contact dd{font-weight: lighter;line-height: 22px;}
.foot-contact dd a{margin-right: 14px;}
.foot-contact dd:hover{color: #fff;}
.foot-bottom{padding: 15px 0 18px;border-top: 1px solid #373a40;}
.foot-bottom p{font-weight: lighter;line-height: 1.5;}
.foot-bottom .foot-icp a{margin-right: 10px;}
.foot a:hover{color: #fff;transition: all .7s;}

.com-banner{position: relative;height: 700px;background-position: center;background-repeat: no-repeat;background-size: cover;z-index: 99;}
.com-banner-inner{position: relative;height: 100%;}
.com-banner .com-banner-main{position: absolute;top: 42.8%;left: 0;}
.com-banner .com-banner-tit{margin-bottom: 1em;color: #fff;font-weight: lighter;}
.com-banner-tit .tit-en{margin-right: 36px;text-transform: uppercase;letter-spacing: 6px;}
.com-banner-tit .tit-cn{letter-spacing: 2px;}

.about-company{position: relative;padding: 65px 0 0;}
.about-company .about-word{position: absolute;top: 4.8vw;left: 0;font-size: 250px;line-height: 1;font-weight: bold;color: #fafcfc;}
.about-company .about-circle1{top: 4.8vw;left: 40.8%;width: 10.7%;}
.about-company .about-circle2{top: 10.8vw;right: 14px;width: 12.3%;}
.about-company-inner{position: relative;}
.about-company-top{align-items: flex-end;margin-bottom: 56px;}
.about-company-tit{width: 28.3%;margin-bottom: 4.2%;}
.about-company-tit h6{margin-bottom: 4.7vw;}
.about-company-tit li i{display: block;width: 90px;margin: 0 auto 30px;font-size: 32px;line-height: 90px;text-align: center;color: #999;background: #f7f7f7;border-radius: 50%;}
.about-company-tit li span{display: block;line-height: 1;color: #808080;text-align: center;}
.about-company-case{width: 70%;margin-right: -7.8%;}
.about-company-container{}
.about-company-container .about-company-page{position: absolute;left: 20.4%;bottom: 2.8%;z-index: 9;}
.about-company-container .about-company-page .swiper-pagination-bullet{width: 58px;height: 58px;margin: 0;margin-left: -16px;border: 1px solid #e6e6e6;background: #fff;border-radius: 50%;opacity: 1;box-shadow: 0 0 10px rgba(0,0,0,.1);outline: none;}
.about-company-container .about-company-page .swiper-pagination-bullet-active{border-color: #008ee6;}
.about-company-main{padding: 35px 0 42px;color: #4c4c4c;border-top: 1px solid #e6e6e6;}
.about-company-main p{margin-bottom: 1.875em;line-height: 1.875;}
.about-value{padding: 48px 0 60px;background: #fafcfc;}
.about-value-main{position: relative;width: 100%;margin-left: 2.4%;}
.about-value-main .about-value-tabs{}
.about-value-tabs .tabs-a{position: absolute;transform: translate(-50%,-50%);display: block;width: 8.9%;padding-bottom: 8.9%;transition: all .5s;}
.about-value-tabs .tabs-a::after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;content: "";width: 100%;height: 100%;background: url(img/value-circle.png) center no-repeat;background-size: cover;}
.about-value-tabs i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 60px;color: #fff;transition: .2s;z-index: 2;}
.about-value-tabs .tabs-a1{top: 35.3%;left: 10.8%;}
.about-value-tabs .tabs-a2{top: 73.5%;left: 28.1%;}
.about-value-tabs .tabs-a3{top: 20.7%;left: 51%;}
.about-value-tabs .tabs-a4{top: 20.7%;left: 86.4%;}
.about-value-tabs .active{width: 13.3%;padding-bottom: 13.3%;}
.about-value-tabs .active i{font-size: 75px;}
.about-value-tabs .active::before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;content: "";width: 100%;height: 100%;padding: 15px;background: rgba(69,172,236,.2);border-radius: 50%;}
.about-value-container{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;padding-right: 40px;text-align: center;box-sizing: border-box;}
.about-value-container .about-value-tit{margin-bottom: 20px;}
.about-partner{padding: 5.2% 0 4.7%;}
.about-partner-top{display: flex;margin-bottom: 7.6%;}
.about-partner-top .about-partner-tit{margin-right: 56px;}
.about-partner-top .about-partner-sum{line-height: 1.5;color: #666;}
.about-partner-top .about-partner-sum p{line-height: inherit;}
.about-partner-container{}
.about-partner-container .item{display: flex;justify-content: center;align-items: center;}
.about-partner-container .item img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: .5; }
.about-partner-container .item:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none;opacity: 1;}
.about-partner-page{position: static;margin-top: 46px;padding: 20px 0;border-top: 1px solid #e6e6e6;;}
.about-partner-page .swiper-pagination-bullet{background: #e5e5e5;}
.about-partner-page .swiper-pagination-bullet-active::after{border: 1px solid #008ee6;background: #fff;}
.about-contact{height: ;padding: 5.7% 0 6.3%;color: #fff;background: url(img/about-contact-bg.jpg) center no-repeat;background-size: cover;}
.about-contact-inner{}
.about-contact-main{}
.about-contact-sum{position: relative;margin-bottom: 7%;}
.about-contact-sum .about-contact-mark{position: absolute;top: 0;right: 100%;display: block;margin-right: 20px;font-size: 190px;line-height: .75;font-family: "Arial";font-weight: bold;}
.about-contact-sum p{line-height: 1.67;}
.about-contact-btn{display: inline-flex;align-items: center;}
.about-contact-btn .btn-logo{display: block;width: 80px;height: 80px;background: #fff url(img/about-contact-logo.png) center no-repeat;border-radius: 50%;}
.about-contact-btn .btn-text{margin-left: 20px;}
.about-contact-btn:hover .btn-logo{background-color: #008ee6;background-image: url(img/about-contact-logo-hover.png);}

.service-wrap{position: relative;}
.service-wrap .service-wrap-bg{position: absolute;}
.service-wrap .service-wrap-inner{position: relative;display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.service-wrap:nth-child(even) .service-wrap-inner{flex-direction: row;}
.service-wrap .service-wrap-text{}
.service-wrap .service-wrap-text .text-tit{margin-bottom: 1em;}
.service-wrap .service-wrap-text p{line-height: 1.875;color: #666;}
.service-wrap1{margin-top: 64px;margin-bottom: 5.2%;}
.service-wrap1 .service-wrap1-circle{top: -4.5vw;left: 9.3%;width: 15.8%;}
.service-wrap1 .service-wrap-bg{right: 0;top: 200px;width: 91.9%;}
.service-wrap1 .service-wrap-text{width: 48.3%;}
.service-wrap1 .service-wrap-img{width: 50.6%;margin-right: -5.4%;}
.service-wrap2{margin-bottom: 2%;}
.service-wrap2 .service-wrap2-circle{bottom: -18px;right: 0;width: 10.7%;}
.service-wrap2 .service-wrap-text{width: 45%;}
.service-wrap2 .service-wrap-img{width: 47.5%;margin-left: -2%;}
.service-wrap3{padding-bottom: 4.9vw;}
.service-wrap3 .service-wrap-bg{bottom: 0;left: 0;width: 100%;}
.service-wrap3 .service-wrap-text{width: 41.7%;}
.service-wrap3 .service-wrap-img{width: 66%;margin-right: -14.5%;}
.service-contact{margin-top: 5.2vw;}

.adv-tit{display: flex;align-items: center;margin-bottom: 50px;}
.adv-tit i{margin-right: 38px;font-size: inherit;color: #ccc;}
.adv-sum{line-height: 1.625;color: #666;}
.adv-sum p{line-height: inherit;color: inherit;}
.adv-wrap1{position: relative;padding: 130px 0 0;overflow: hidden;}
.adv-wrap1 .adv-wrap1-circle1{top: 15.1vw;left: 4.7%;width: 10.7%;}
.adv-wrap1 .adv-wrap1-circle2{top: 8.1vw;right: 3.3%;width: 7.2%;}
.adv-wrap1 .adv-wrap1-circle3{top: -4.2vw;left: 28.6%;width: 12.3%;}
.adv-wrap1::after{position: absolute;bottom: 0;left: 0;display: block;content: "";width: 100%;height: 81px;background: url(img/adv-wrap1-bg.png) bottom center no-repeat;}
.adv-wrap1-inner{position: relative;display: flex;justify-content: space-between;}
.adv-wrap1-text{width: 40.3%;margin-top: 5.2%;}
.adv-wrap1-img{width: 48%;margin-right: 1%;}
.adv-wrap2{position: relative;padding: 45px 0 0;}
.adv-wrap2-bg{right: 0;bottom: -6.1vw;width: 32.2%;}
.adv-wrap2-inner{position: relative;display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.adv-wrap2-img{width: 58.9%;margin-left: -3.6%;}
.adv-wrap2-text{width: 37.1%;margin-right: 3.6%;}
.adv-wrap3{position: relative;margin-top: -80px;padding-top: 140px;padding-bottom: 110px;background: url(img/adv-wrap3-bg2.png) bottom center no-repeat;}
.adv-wrap3::before{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 11.1vw;background: url(img/adv-wrap3-bg1.png) top center no-repeat;background-size: cover;}
.adv-wrap3-inner{position: relative;}
.adv-wrap3-text{margin-bottom: 60px;text-align: center;}
.adv-wrap3-text .adv-wrap3-tit{justify-content: center;}
.adv-wrap3-text .adv-wrap3-sum{line-height: 1.875;}

.article-list{padding: 90px 0 110px;}
.article-list .item{margin-bottom: 60px;}
.article-list .item a{display: flex;justify-content: space-between;align-items: center;}
.article-list .item .item-img{position: relative;width: 30%;border-radius: 4px;overflow: hidden;}
.article-list .item .item-img::after{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition: all .5s;}
.article-list .item .item-img img{transition: all 1s;}
.article-list .item .item-text{width: 66.4%;}
.article-list .item-text .item-text-top{margin-bottom: 22px;}
.article-list .item-text .item-tit{height: 1em;-webkit-line-clamp: 1;margin-bottom: 12px;}
.article-list .item-text .item-date{font-family: "Arial";color: #999;}
.article-list .item-text .item-sum{height: 3em;-webkit-line-clamp: 2;padding-top: 14px;line-height: 1.5;color: #999;border-top: 1px solid #e8ecf1;}
.article-list .item a:hover .item-img::after{opacity: .4;}
.article-list .item a:hover img{transform: scale(1.03);}
.article-list .item a:hover .item-tit{color: #008ee6;}
.article-read{padding: 78px 0 88px;}
.article-read-top{padding-bottom: 30px;text-align: center;border-bottom: 1px solid #e6e6e6;}
.article-read-tit{margin-bottom: 0.5em;color: #195dbf;}
.article-read-info{color: #999;}
.article-read-info span{margin: 0 12px;}
.article-read-con{padding: 26px 0 64px;color: #999;line-height: 1.375;}
.article-read-con p{margin-bottom: 1.375em;line-height: inherit;}
.page-slide{margin-top: 50px;padding: 10px 0;border-top: 1px solid #ddd;}
.page-slide a{position: relative;display: block;color: #999;line-height: 30px;}
.page-slide a:hover{color: #008ee6;}
.page-slide a:hover .icon{background-color: #008ee6 !important;}

.contact-info{margin: 7.1% auto 7.8%;box-shadow: 0 0 10px rgba(0,0,0,.08);}
.contact-info-ul{display: flex;justify-content: space-between;}
.contact-info-ul .card{position: relative;display: flex;justify-content: space-between;flex-direction: column;width: 25%;padding: 40px 34px;box-sizing: border-box;overflow: hidden;}
.contact-info-ul .card + .card{border-left: 1px solid #f0f0f0;}
.contact-info-ul .card i{position: absolute;top: 40px;right: -20px;font-size: 100px;line-height: .8;color: #0097f5;opacity: .06;}
.contact-info-ul .card-tit{margin-bottom: 70px;line-height: 1.4;}
.contact-info-ul .card-text p{line-height: 2;}
.contact-info-ul .card-text img{padding: 10px;background: #fff;}
.contact-info-ul .card:hover{color: #fff;background: #0097f5;}
.contact-info-ul .card:hover i{color: #fff;opacity: .2;}
.contact-main-box{padding-top: 10px;text-align: center;overflow: hidden;padding-bottom: 86px;}
.contact-main{position: relative;display: inline-block;box-shadow: 0 0 10px rgba(0,0,0,.08);}
.contact-main-inner{position: relative;margin: 0 auto;padding: 95px 5.6vw 0;overflow: hidden;}
.contact-msg{margin-bottom: 106px;}
.contact-msg-tit{margin-bottom: 84px;text-align: center;}
.contact-msg-form{}
.contact-msg-form .form-top{display: flex;justify-content: space-between;}
.contact-msg-form .form-top .form-info{width: 47%;}
.contact-msg-form .form-top .form-content{width: 48%;}
.contact-msg-form .input-box, .contact-msg-form .form-content{display: flex;align-items: flex-start;padding: 12px 26px;border: 1px solid #eee;}
.contact-msg-form .input-box:nth-child(1){margin-bottom: 52px;}
.contact-msg-form .form-top input, .contact-msg-form .form-top textarea{display: block;width: 100%;min-height: 100%;font-size: inherit;font-family: inherit;line-height: 32px;color: #999;border: none;outline: none;resize: none;}
.contact-msg-form .form-top i{display: block;margin-right: 16px;font-size: 26px;line-height: 32px;color: #555;transition: all .3s;}
.contact-msg-form .input-box:hover, .contact-msg-form .form-content:hover{border-color: #0097f5;transition: all .3s;}
.contact-msg-form .input-box:hover i, .contact-msg-form .form-content:hover i{color: #0097f5;}
.contact-msg-form .form-btn .submit{display: block;width: 270px;height: 70px;margin: 50px auto 0;font-size: 18px;line-height: 70px;text-align: center;color: #008ee6;cursor: pointer;border: 1px solid #008ee6;border-radius: 70px;}
.contact-msg-form .form-btn .submit:hover{color: #fff;background: #008ee6;}
.contact-address{padding-bottom: 118px;}
.contact-address-tit{margin-bottom: 150px;text-align: left;}
.contact-address .contact-address-ul{width: 32%;}
.contact-address-ul .item{display: flex;align-items: flex-start;margin-bottom: 94px;cursor: pointer;text-align: left;}
.contact-address-ul .item-num{position: relative;margin-right: 54px;background: #e5e5e5;border-radius: 50%;}
.contact-address-ul .item-num::before{position: absolute;display: block;content: "";top: 50%;left: 50%;width: 71px;height: 71px;background: url(img/contact-address-item.png) center no-repeat;background-size: cover;transform: translate(-50%,-50%);opacity: 0;transition: all .5s;}
.contact-address-ul .item-num span{position: relative;display: block;width: 58px;height: 58px;font-size: 24px;font-weight: bold;color: #fff;line-height: 58px;text-align: center;}
.contact-address-ul .item-text .item-tit{color: #000;}
.contact-address-ul .item-text .item-sum{margin-top: 1em;line-height: 1.75;color: #555;}
.contact-address-ul .item-on .item-num{color: #fff;background: #0097f5;}
.contact-address-ul .item-on .item-num::before{opacity: 1;}
.contact-address-ul .item-on .item-tit{color: #0097f5;}
.contact-address-ul .item-on .item-sum{color: #0097f5;}
.contact-address-map{position: absolute;bottom: -21.4vw;right: -18.9vw;width: 74.8%;/*padding-bottom: 74.8%*/;border-radius: 50%;background: #fff;z-index: 9;overflow: hidden;}
.contact-address-map::before{display: block;content: "";width: 100%;padding-bottom: 100%;/*适配mac的padding-bottom兼容*/}
.contact-main-bg{position: absolute;bottom: -21.4vw;right: -18.9vw;width: 74.8%;padding-bottom: 74.8%;border-radius: 50%;background: #0097f5;}
.contact-address-map .map{position: absolute;top: -6.7vw;left: -7.45vw;width: 100%;height: 100%;}
.BMap_pop, .BMap_shadow, .BMap_cpyCtrl, .anchorBL, .BMapLabel{display: none !important;}
.BMap_Marker img{display: block;width: 96px;height: auto;}






@media screen and (min-width: 1025px){
	.mshow{display: none;}
	
}


@media screen and (max-width: 1680px){
	.w1710{width: 92%;}
	.w1400{min-width: 1200px;}
	.w1200{min-width: 1100px;}

	
	.banner-container .item1 .item-main{left: 4%;}

	.about-value-tabs i{font-size: 48px;}
	.about-value-tabs .active::before{padding: 10px;}
	.about-value-tabs .active i{font-size: 60px;}


}
@media screen and (max-width: 1440px){
	html,body{font-size: 14px;}
	.w1710{width: 94%;}
	.w1400, .w1200{width: 84%;min-width: auto;}
	.f-48{font-size: 38px;}
	.f-40{font-size: 32px;}
	.f-36{font-size: 30px;}
	.f-30{font-size: 28px;}
	.f-28{font-size: 22px;}
	.f-24{font-size: 20px;}
	.f-20{font-size: 18px;}
	.f-18{font-size: 16px;}

	.head-nav{margin-right: 4vw;}
	.head-nav-ul li:not(:last-child){margin-right: 2vw;}
	.head-tel{font-size: 24px;}
	.head-tel i{font-size: 24px;}
	.banner-container .item1 .item-main{left: 3%;}
	.i-case .item-inner{padding: 8% 80px;}
	.i-case-btn .prev{left: 0;}
	.i-case-btn .next{right: 0;}
	.about-contact-sum .about-contact-mark{margin-right: 10px;font-size: 140px;}




}
@media screen and (max-width: 1024px){
	.mshow{display: block;}
	.mhide{display: none;}
	.w1710, .w1400, .w1200{width: 94%;}
	.f-48{font-size: 26px;}
	.f-40{font-size: 24px;}
	.f-36{font-size: 22px;}
	.f-30{font-size: 20px;}
	.f-28{font-size: 18px;}
	.f-24{font-size: 17px;}
	.f-20{font-size: 16px;}
	.f-18{font-size: 15px;}
	.more{padding: 4px 25px;}
	
	html,body{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
	.head{color: #333;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);}
	.head-inner{position: relative;padding: 20px 0;}
	.head .head-logo img{height: 34px;}
	.head .logo-default{display: none;}
	.head .logo-hover{display: block;}
	.head-tel{display: none;}
	.head-nav{position: fixed;top: 74px;left: 0;display: none;width: 100%;height: calc(100% - 74px);background: #fff;border-top: 1px solid #e7edf0;overflow: auto;z-index: 9999;}
	.head-nav-ul li{position: relative;float: none;margin: 0 !important;padding: 0 3%;border-bottom: 1px solid #e7edf0;}
	.head-nav-ul li>a{position: relative;color: #000;line-height: 59px !important;}
	.head-nav-ul li a::before{display: none;}
	.head-menu{position: absolute;top: 50%;right: 0;margin-top: -19px;margin-right: -10px;padding: 10px;}
	.head-menu .line{display:block;width:23px;height: 2px;background: #008ee6;margin-top:6px;transition: all .3s;}
	.head-menu .line:first-child{margin-top: 0;}
	.head-menu .is-active:nth-child(1){-webkit-transform: translateY(8px)rotate(45deg); -ms-transform: translateY(8px)rotate(45deg); -o-transform: translateY(8px)rotate(45deg); transform: translateY(8px)rotate(45deg); }
	.head-menu .is-active:nth-child(2){opacity: 0;}
	.head-menu .is-active:nth-child(3){-webkit-transform: translateY(-8px)rotate(-45deg); -ms-transform: translateY(-8px)rotate(-45deg); -o-transform: translateY(-8px)rotate(-45deg); transform: translateY(-8px)rotate(-45deg); }

	.banner{padding-top: 74px;}
	.banner-container .item{height: 70vh;}
	.banner-container .item1 .item-main{top: 50%;transform: translateY(-50%);flex-wrap: wrap;}
	.banner-container .item1 .item-img{width: 80%;margin-bottom: 20px;margin-left: 0;}
	.banner-container .item1 .item-text{width: 100%;margin: 0;}
	.banner-container .item-text .tit{margin-bottom: .8em;}
	.banner-page{bottom: 20px !important;}

	.i-service{padding: 60px 0 120px;}
	.i-service-tit{position: static;margin-bottom: 30px;text-align: center;}
	.i-service-container .item{flex-wrap: wrap;}
	.i-service-container .item-tit{margin-bottom: .5em;}
	.i-service-container .item-text{width: 100%;margin-bottom: 20px;}
	.i-service-container .item-img{width: 70%;padding-bottom: 70%;margin: 0 auto;}
	.i-service-container .item-sum p{min-height: 7.2em;}
	.i-service-tabs{width: 70%;top: auto;bottom: 0;left: 15%;right: auto;}
	.i-service-tabs .tabs-item{width: 6px;height: 6px;}
	.i-service-tabs .tabs-item1 span{top: 20px;right: auto;left: 50%;transform: translate(-80%,0);}
	.i-service-tabs .tabs-item2 span{bottom: 10px;}
	.i-service-tabs .tabs-item3 span{top: 20px;left: 50%;transform: translate(-20%,0);}

	.slide-page .swiper-pagination-bullet{margin: 0 4px !important;background: #f1f1f1;}
	.slide-page .swiper-pagination-bullet-active::after{width: 8px;height: 8px;}
	.i-case-tit{margin-bottom: 30px;}
	.i-case-container{margin-bottom: 20px;}
	.i-case .item-text .text-tit{margin-bottom: 15px;padding-bottom: 10px;}
	.i-case .item-text .text-tit::after{width: 20px;height: 2px;}
	.i-case .item-inner{position: relative;align-items: flex-start;padding: 40px 20px 90px;}
	.i-case .item-logo{max-width: 90px;}
	.i-case .item-text{width: calc(100% - 120px);}
	.i-case .item-text .text-sum{margin-bottom: 20px;}
	.i-case .item-text ul{position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px 20px;box-sizing: border-box;}
	.i-case .item-text ul li{}
	.i-case .item-text .num{margin-bottom: .6em;}
	.i-case .item-text .num span{font-size: 20px;}
	.i-case .item-text .num p{font-size: 12px;line-height: 1.4;}
	.i-case-btn{display: none;}
	.i-case-btn a{width: 40px;height: 40px;}

	.i-adv{padding: 60px 0;}
	.i-adv-tit{margin-bottom: 40px;}
	.i-adv-main .item-inner{flex-wrap: wrap;}
	.i-adv-main .item-img{width: 90%;margin: 0 auto 30px;}
	.i-adv-main .item-text{width: 100%;margin: 0;}
	.i-adv-tabs::before{top: 50px;}
	.i-adv-tabs .tabs-item i{font-size: 30px;}
	.i-adv-tabs .tabs-item span{margin-bottom: 15px;}
	.i-adv-main .text-tit{margin-bottom: .8em;}
	.i-news{padding: 50px 0 70px;}
	.i-news-tit{margin-bottom: 30px;}
	.i-news-ul{margin-bottom: 25px;}
	.i-news-ul .item{float: none;width: 100%;margin-bottom: 20px;margin-left: 0 !important;}

	.foot{padding-top: 30px;}
	.foot-inner{display: flex;flex-wrap: wrap;}
	.foot-top{width: 50%;margin-bottom: 24px;}
	.foot-media-top{margin-bottom: 30px;}
	.foot-media-top ul{margin-left: 0;}
	.foot-media-top .item{margin-left: 8px;}
	.foot-media-top .item i{width: 28px;height: 28px;line-height: 28px;}
	.foot-media-tel{text-align: left;}
	.foot-media-tel a{font-size: 20px;}
	.foot-media-tel i{font-size: 20px;}
	.foot-nav{display: none;}
	.foot-contact{width: 45%;margin-bottom: 25px;}
	.foot-contact dl{width: 100%;margin-bottom: 20px;}
	.foot-contact dl:last-child{display: none;}
	.foot-bottom{flex-wrap: wrap;}
	.foot-bottom p{width: 100%;text-align: center;}

	.com-banner{height: 50vh;margin-top: 74px;}
	.com-banner .com-banner-tit{font-weight: normal;}
	.com-banner-tit .tit-en{margin-right: 10px;letter-spacing: 0}

	.about-company{padding: 50px 0 0;}
	.about-company .about-word{font-size: 100px;}
	.about-company-top{flex-wrap: wrap;margin-bottom: 40px;}
	.about-company-tit{width: 100%;margin-bottom: 30px;}
	.about-company-tit h6{margin-bottom: 30px;}
	.about-company-tit ul{width: 250px;}
	.about-company-tit li i{width: 60px;height: 60px;margin-bottom: 10px;font-size: 26px;line-height: 60px;}
	.about-company-case{width: 100%;margin: 0;}
	.about-company-container .about-company-page{position: static;margin-top: 15px;text-align: center;}
	.about-company-container .about-company-page .swiper-pagination-bullet{width: 30px;height: 30px;margin: 0 5px;}
	.about-value{padding: 30px 0 120px;}
	.about-value-main{margin: 0;}
	.about-value-tabs i{font-size: 16px;}
	.about-value-tabs .active i{font-size: 24px;}
	.about-value-tabs .active::before{padding: 5px;}
	.about-value-container{top: auto;bottom: -90px;transform: translate(-50%,0);padding-right: 0;}
	.about-value-container .about-value-tit{margin-bottom: 10px;}
	.about-value-container .about-value-sum p{line-height: 1.5;}
	.about-partner{padding: 45px 0 20px;}
	.about-partner-top{margin-bottom: 30px;}
	.about-partner-top .about-partner-tit{margin-right: 10px;white-space: nowrap;}
	.about-partner-container .item{height: 40px;background: #f9f9f9;}
	.about-partner-container .item img{max-width: 90%;max-height: 60%;}
	.about-partner-page{margin-top: 12px;padding: 10px 0;}
	.about-contact-sum{margin-bottom: 20px;padding-left: 50px;}
	.about-contact-sum .about-contact-mark{right: auto;left: 0;font-size: 80px;}
	.about-contact-sum p{font-size: 14px;}
	.about-contact-btn .btn-logo{width: 40px;height: 40px;background-size: 18px auto;}
	.about-contact-btn .btn-text{margin-left: 8px;}
	
	.service-wrap{margin-bottom: 60px;}
	.service-wrap .service-wrap-inner{flex-wrap: wrap;}
	.service-wrap .service-wrap-img{width: 80%;margin: 0 auto 20px;}
	.service-wrap .service-wrap-text{width: 100%;}
	.service-wrap .service-wrap-text .text-tit{margin-bottom: .5em;}

	.adv-tit{margin-bottom: 15px;}
	.adv-tit i{margin-right: 10px;}
	.adv-wrap1{padding-top: 60px;}
	.adv-wrap1-inner{flex-wrap: wrap;}
	.adv-wrap1-text{width: 100%;margin-top: 0;margin-bottom: 20px;}
	.adv-wrap1-img{width: 100%;margin: 0;}
	.adv-wrap2{padding-top: 50px;}
	.adv-wrap2-inner{flex-wrap: wrap;}
	.adv-wrap2-text{width: 100%;margin: 0 0 10px;}
	.adv-wrap2-img{width: 100%;margin: 0;}
	.adv-wrap3{margin-top: 0;padding: 60px 0 50px;}
	.adv-wrap3-text{margin-bottom: 10px;}

	.article-list{padding: 60px 0;}
	.article-list .item{margin-bottom: 28px;}
	.article-list .item a{flex-wrap: wrap;}
	.article-list .item .item-img{width: 100%;margin-bottom: 12px;}
	.article-list .item .item-text{width: 100%;}
	.article-list .item-text .item-tit{margin-bottom: 8px;}
	.article-list .item-text .item-text-top{margin-bottom: 6px;}
	.article-list .item-text .item-sum{padding-top: 6px;}
	.pager-box{margin-top: 30px;}
	.pager span, .pager a{width: 30px;height: 30px;line-height: 30px;}
	.article-read{padding: 40px 0;}
	.article-read-top{padding-bottom: 15px;}
	.article-read-con{padding: 30px 0;}
	.page-slide{margin-top: 0;}
	.page-slide li{float: none;}

	.contact-info{box-shadow: none;}
	.contact-info-ul{flex-wrap: wrap;}
	.contact-info-ul .card{width: 49%;margin-bottom: 2%;padding: 20px 15px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
	.contact-info-ul .card + .card{border: none;}
	.contact-info-ul .card-tit{margin-bottom: 20px;}
	.contact-main-inner{padding: 50px 3vw;}
	.contact-msg{margin-bottom: 60px;}
	.contact-msg-tit{margin-bottom: 24px;}
	.contact-msg-form .form-top{flex-wrap: wrap;}
	.contact-msg-form .form-top .form-info{width: 100%;margin-bottom: 15px;}
	.contact-msg-form .form-top .form-content{width: 100%;}
	.contact-msg-form .input-box:nth-child(1){margin-bottom: 15px;}
	.contact-msg-form .form-btn .submit{width: 150px;height: 42px;margin-top: 30px;font-size: 16px;line-height: 42px;}
	.contact-msg-form .input-box, .contact-msg-form .form-content{padding: 8px 10px;}
	.contact-msg-form .form-top i{margin-right: 10px;font-size: 20px;}
	.contact-address-tit{margin-bottom: 40px;}
	.contact-address .contact-address-ul{width: 100%;}
	.contact-address-ul .item{margin-bottom: 18px;}
	.contact-address-ul .item-num{margin-right: 20px;}
	.contact-address-ul .item-text .item-sum{margin-top: .6em;}
	.contact-address-ul .item-num span{width: 42px;height: 42px;font-size: 18px;line-height: 42px;}
	.contact-address-ul .item-num::before{width: 50px;height: 50px;}
	.contact-address{padding-bottom: 60%;}
	.contact-address-map{right: auto;width: 94%;bottom: -30vw;}
	.contact-address-map .map{left: 0;}
	.contact-main-bg{right: auto;left: 3%;width: 94%;padding-bottom: 94%;bottom: -30vw;}







}