@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{color: #000;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;line-height: 1;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ml1{margin-left: 10px;}
.bg-cover{background-position: center center;background-size: cover;background-repeat: no-repeat;}
html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

body{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 100vw / 1920);}
@media(max-width: 1920px){
    .s12{font-size: 12.0px;}
}
.s13{font-size: calc(13 * 100vw / 1920);}
@media(max-width: 1816px){
    .s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 100vw / 1920);}
@media(max-width: 1728px){
    .s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 100vw / 1920);}
@media(max-width: 1651px){
    .s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 100vw / 1920);}
@media(max-width: 1584px){
    .s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 100vw / 1920);}
@media(max-width: 1524px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 100vw / 1920);}
@media(max-width: 1472px){
    .s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 100vw / 1920);}
@media(max-width: 1424px){
    .s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 100vw / 1920);}
@media(max-width: 1382px){
    .s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 100vw / 1920);}
@media(max-width: 1344px){
    .s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 100vw / 1920);}
@media(max-width: 1309px){
    .s22{font-size: 15.0px;}
}
.s23{font-size: calc(23 * 100vw / 1920);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 100vw / 1920);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 100vw / 1920);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 100vw / 1920);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 100vw / 1920);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 100vw / 1920);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 100vw / 1920);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 100vw / 1920);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 100vw / 1920);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 100vw / 1920);}
@media(max-width: 1080px){
    .s32{font-size: 18.0px;}
}
.s33{font-size: calc(33 * 100vw / 1920);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 100vw / 1920);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 100vw / 1920);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 100vw / 1920);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 100vw / 1920);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 100vw / 1920);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 100vw / 1920);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 100vw / 1920);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 100vw / 1920);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 100vw / 1920);}
@media(max-width: 960px){
    .s42{font-size: 21.0px;}
}
.s43{font-size: calc(43 * 100vw / 1920);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 100vw / 1920);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 100vw / 1920);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 100vw / 1920);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 100vw / 1920);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 100vw / 1920);}
@media(max-width: 911px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 100vw / 1920);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 100vw / 1920);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 100vw / 1920);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 100vw / 1920);}
@media(max-width: 886px){
    .s52{font-size: 24.0px;}
}
.s53{font-size: calc(53 * 100vw / 1920);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 100vw / 1920);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 100vw / 1920);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 100vw / 1920);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 100vw / 1920);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 100vw / 1920);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 100vw / 1920);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 100vw / 1920);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 100vw / 1920);}
@media(max-width: 840px){
    .s60{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 100vw / 1920);}
@media(max-width: 836px){
    .s60{font-size: 27.0px;}
}
.s63{font-size: calc(63 * 100vw / 1920);}
@media(max-width: 832px){
    .s60{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 100vw / 1920);}
@media(max-width: 828px){
    .s60{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 100vw / 1920);}
@media(max-width: 824px){
    .s60{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 100vw / 1920);}
@media(max-width: 820px){
    .s60{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 100vw / 1920);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}


@media(max-width: 768px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,.z3,.z4,.z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),.z3:nth-child(3n),.z4:nth-child(4n),.z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px !important;}
    .b3{padding-bottom: 30px !important;}
}
.c0{color: #000000;}
.c1{color: #111111;}
.c2{color: #222222;}
.c3{color: #333333;}
.c4{color: #444444;}
.c5{color: #555555;}
.c6{color: #666666;}
.c7{color: #777777;}
.c8{color: #888888;}
.c9{color: #999999;}
.bai{color:#fff;}
/* theme-blue */
.tm-b{color: #446aa9;}
.layout{width: 17.5rem;margin: 0 auto;}
.ab-center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
/* more  按钮*/
.more{position: relative;padding: .2rem .5rem;background-color: #446aa9;display: inline-block}
.more span{position: relative;padding-right: 16px;color: #fff;transition: .5s;display: inline-block;}
.more span::after{border: 4px solid transparent;border-left: 4px solid #fff;;position: absolute;right: 0;top: 50%;transform: translateY(-50%);content:"";}
.more:hover span{transform: translateX(20%)}
/* 头部header */
.h-right{float: right; font-size: 0;vertical-align: top}
header img{width: 100%;}
header{height: .9rem;position: fixed;width: 100%;background-color: #fff;z-index: 999;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 10%);top: 0;left: 0;}
@media(max-width:1200px){
 header .layout{width: 100%;padding: 0 15px;}
}
@media(max-width:900px){
 .layout{width: 100%;padding: 0 15px;}
   }
.h-b{margin-right: .26rem;display: inline-block;font-size: 0}
.h-logo{width:1.51rem;margin-top: .24rem;float: left;position: relative;}
.h-c{display: inline-block; height: .9rem;padding: 0 .22rem;position: relative;}
.h-d{display: block;line-height: .9rem;color: #333;height: .9rem;color: #000000;}
.h-d.active{color: #3ea441; position: relative;}
/* .h-d.active::after{width: 100%;height: .03rem;background-color: #3ea441;position: absolute;left: 0;bottom: 0;content: '';display: inline-block} */
.h-sub {display: none;min-width: 100%;  background-color: #fff;position: absolute;left: 50%;top: .9rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-h {display: block;cursor: pointer; font-size: 13px; width: 100%;padding: 13px 5px; line-height:1.5;text-align: center; color: #555555;transition: background-color .3s;white-space: nowrap;}
.h-h:hover {background-color: #3ea441; color: #fff;}
.h-logo .h-title{font-size: .2rem;display: inline-block;position: absolute;left: 1.1rem;bottom: 0;margin-left: .23rem;white-space:nowrap}
.h-f{cursor: pointer;margin: 0 .44rem;display: inline-block;height: .9rem;line-height: .9rem;font-size: 0;vertical-align:top;position: relative;}
.h-code{min-width: 113px;min-height: 140px;;position: absolute;top:100%;left: 50%;transform: translate(-50%,-.26rem);width:1.84rem;height: 2.3rem; background: url(../images/3.png) center center no-repeat;background-size: cover;;display: none;}
.h-f:hover .h-code{display: block}
.h-wechat{padding: .02rem .11rem .06rem;vertical-align:middle;;display: inline-block;border-left: .01rem solid #ddd;border-right: .01rem solid #ddd;}
.h-search{cursor: pointer;float: right;;height: .9rem;line-height: .9rem;position: relative;color: #333333;}
.h-icon-search{width: 14px;height: 14px;display: inline-block;margin-left: .22rem;;}
header.show-menu .h-b{position: fixed;right: 0;top: 0;z-index: 9999;}
header.show-menu .mask,header.show-sch .mask{width: 100vw;height: 100vh;left:0;background: rgb(0,0,0);opacity:.5;transition: opacity .3s;z-index: 999;position: fixed;}
.h-searching{display: none}
.show-sch .h-searching{display: block;width: 100%;padding: 40px 0;position: fixed;top: 0;right: 0;margin-right: 0;z-index: 9999;background-color: #fff;font-size: 0;text-align: center;}
.show-sch .h-form{width: 100%;background-color: transparent;position: relative;overflow: hidden;font-size: 0;}
.show-sch .h-text{width: auto;height: 40px;line-height: 40px;font-size: 14px;padding: 0 10px 0 5px;border: none;border-bottom: 1px solid #ccc;border-right: none;vertical-align: top;background-color: transparent;color: #595757;text-align: left;vertical-align: top;}
.show-sch .h-smt{background-image: url(../images/search.png);background-position: center center;width: 40px;height: 40px;background-size: 14px 14px;background-repeat: no-repeat;color: transparent;cursor: pointer;border: none;border-bottom: 1px solid #ccc;background-color: transparent;transition: all .3s;vertical-align: top;}
.small_size{float: right;}
.h-language-wrapper{line-height: .9rem;float: left;}
.h-language{display: inline-block;vertical-align: middle;position: relative;}
.h-language::after{width: 1px;height: 100%;background-color: #dcdcdc;content: "";position: absolute;right: -.22rem;top: 0;}
.h-language img{width: 11px;}
.h-language{margin-right: .22rem;}
.h-language img{margin-left: 10px;}
.main{margin-top: .9rem;}
@media(max-width:1200px){
    .small_size{position: absolute;right: 15px;top: 0;}
    main{padding-top: 50px;}
    header{height: 50px;padding: 0}
    .h-logo .h-title{display: none}
    .h-logo{width: 120px;margin: 0;line-height: 50px;float:none;;display: inline-block;}
    .h-wechat{margin-top: 13px;}
    .h-b{width: 260px;position: absolute;right: -260px;transition: .5s;top: 0;height: 100vh;background-color: #fff;z-index: 100;margin: 0;}
    .h-c{width: 100%;padding: 0;height: 50px;line-height: 50px;}
    .h-d.pointer-events-none{pointer-events: none}
    .h-d{line-height: 50px;font-size: 16px}
    .h-d{display: block;padding-left: 20px;}
    .has-nav .h-d::after{content: '+';display: inline-block;width: 50px;height: 50px;font-size: 20px;text-align: center;position: absolute;right: 0;}
    .h-sub{position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100%;}
    .h-g{width: 100%;height: 50px;padding-left: 30px;line-height: 50px;}
    .h-h{font-size: 14px;color: #666;display: block;padding: 0;text-align: left; height: 50px;line-height: 50px;padding-left: 30px;}
    .h-logo::after{display: none}
    .h-d.active{color: #333;}
    .h-d.active::after{display: none}
    .has-nav.show .h-d::after{content: '-';display: inline-block;width: 50px;height: 50px;font-size: 20px;text-align: center;position: absolute;right: 0;}
    .h-f,.h-search{font-size: 0;height: 50px;width: 50px;vertical-align: top;}
    .h-search{margin: 0;padding: 0;vertical-align: top;}
    .h-wechat{vertical-align: top}
    .h-search::before{left: 15px}
    .h-icon-search{top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;margin-left: 0;}
    .h-f{margin: 0;}
    .h-f .h-code{top: 50px;transform: translate(-50%,0);}
    .h-menu{width: 50px;height: 50px;background: url(../images/icon-menu.png) center 15px no-repeat;background-size: 20px 20px ;float: right;;vertical-align: top;}
    .h-wechat{padding: 2px 11px 6px;}
    .h-icon-search::after{width: 1px;height: 100%;background-color: #dcdcdc;content: "";position: absolute;right: -18px;top: 0;}
    .h-g{line-height: 50px;} 
    .h-language-wrapper {height: 50px;line-height: 50px;}
    .main{margin-top: 0;}
}
/* 头部header */
/* banner 主页轮播图 */
.banner{position: relative;}
.banner:hover .banner-btn{display: flex;}
.banner-swiper{overflow: hidden;}
.banner .swiper-slide{display: block;}
.banner .swiper-slide img{width: 100%;min-height: 200px;    }
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction{position: absolute;left: 50%;transform: translateX(-50%);bottom: .4rem;z-index: 87;display: inline-block;width: auto;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 7px;height: 7px;background-color: #fff;margin: 0;;margin-right: .8rem;opacity: .8;position: relative;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin-right: 0;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #6d89b8;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after{border-color:#6d89b8; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after{background-color: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 25px;height: 25px;border: 1px solid #fff;content: "";border-radius: 50%;}
.banner-button{width: .63rem;height: .63rem;background-color: rgba(0, 0, 0, .3);border-radius: 50%;position: relative;transition: .3s;cursor: pointer;}
.banner-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 8;display: none;width: 100%;padding: 0 .6rem;justify-content: space-between;}
.banner-button-next{transform: rotate(180deg)}
.banner-button:hover{background-color: rgba(0, 0, 0, .7);}
.banner-words{position: absolute;left: 1.5rem;top: 1.5rem;width: 7.5rem;}
.banner-text{color:#fff;line-height:1.29;letter-spacing: -1px}
@media(max-width:768px){
    .banner-words{left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;padding: 0 15px;}
}

.my-home-1 {background: url(../images/2.png) bottom left / 100% no-repeat;padding-bottom: 1.36rem;background-color: #ebebeb;}
.my-home-1 .box{display: flex;}
.my-home-1 .box-left{width: 9.68rem}
.my-home-1 .tit{color:#000;position: relative;border-bottom: 3px solid #e5e5e5;display: block;}
.my-home-1 .tit span{position: relative;display: inline-block;padding-bottom: .38rem;}
.my-home-1 .tit span:after{position: absolute;left: 0;bottom: -3px;content:"";display: inline-block;width: calc(100% + .3rem);height: 3px;background-color: #3ea441;}
.my-home-1 .box-right{padding: .97rem .85rem 0;flex: 1;display: flex;flex-wrap: wrap;align-content: space-between;padding-bottom: 1.2rem;background: url(../images/sd-bg.png)  bottom  right / 4.28rem no-repeat;background-color: #fff;}
.my-home-1 .text{color: #222222;line-height: 1.875;width: 6.6rem;text-align: justify;margin: .5rem 0 ;}
.my-home-1 .count{margin-top: .25rem;}
.my-home-1 .column{display: flex;width: 80%;min-height: 1.2rem;align-items: flex-end;padding-left: 10%;}
.my-home-1 .strip{flex: 1;margin-top: .3rem;}
.my-home-1 .box-img{overflow: hidden;}
.my-home-1 .box-img img{transform: scale(1.001);transition: all 0.5s ease 0s;width :100%;display:block;}
.my-home-1 .box-img:hover img{transform: scale(1.07);}
@media(max-width:768px){
.my-home-1 {background: none;padding-bottom: 0;}
.my-home-1 .box{flex-wrap: wrap;flex-direction: column-reverse;}
.my-home-1 .box>div{width: 100%;margin: 0;}
.my-home-1 .column{padding: 0 15px;width: 100%;background: url(../images/2.png) bottom left / cover no-repeat;}
.my-home-1 .strip{margin-bottom: .3rem;text-align: center;}
.my-home-1 .box-right{padding: .8rem 15px ;}
.my-home-1 .box-right>div{width: 100%;}
}

.title{text-align: center;margin-top: .8rem;margin-bottom: .6rem;;}

.my-home-2 {padding-bottom: .2rem;}
.my-home-2 .content{display: flex;flex-wrap: wrap;}
.my-home-2 .grid{width: 4.2rem;margin-right: .2333333rem;display: inline-block;margin-bottom: .6rem;cursor: pointer;}
.my-home-2 .grid-img{position: relative;width: 100%;}
.my-home-2 .grid-img img{width: 100%;}
.my-home-2 .grid-img::after{height: 8px;background-color: #3ea441;width: 0;position: absolute;left: 0;bottom:0;content:"";transition: .5s;z-index: 66;}
.my-home-2 .grid:hover .grid-img::after{width:100%;}
.my-home-2 .grid:hover .grid-hover{visibility: visible;opacity: 1;}
.my-home-2 .tit{line-height: 1.4;margin-top: .3rem;}
.my-home-2 .text{line-height: 1.5;margin-top: .05rem;}
.my-home-2 .grid:nth-child(4n){margin-right: 0;}
.my-home-2 .grid:last-child{margin-right: 0;}
.my-home-2 .grid-hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;background-color: rgba(68, 106, 169,.92);visibility: hidden;opacity: 0;transition: .5s;}
.my-home-2 .tips{line-height: 2;width: 100%;text-align: center;;}
@media(max-width:1200px){
    .my-home-2 .content{justify-content: space-between}
    .my-home-2 .grid{width: 24%;margin-right: 0;}
}
@media(max-width:900px){
    .my-home-2 .content{justify-content: space-between}
    .my-home-2 .grid{width: 49%}
    .my-home-2 .grid:nth-child(n){margin-right: 0;}
}

.my-home-3 {overflow: hidden;padding-bottom: .5rem;}
.my-home-3 .content{display: flex;}
.my-home-3 .box{flex: 1;text-align: center;color: #fff;border-right: 1px solid rgba(255,255,255,.2);padding:  0 .7rem}
.my-home-3 .box:first-child{padding-left: 0;}
.my-home-3 .box:last-child{padding-right: 0;border-right: 0;}
.my-home-3 .title{color:#fff;}
.my-home-3 .serial{margin: .2rem 0 .5rem;}
.my-home-3 .tit{margin-bottom: .3rem;}
.my-home-3 .box-icon{width: 1.48rem;height: 1.48rem;border-radius: 50%;border: 1px solid #fff;margin: 0 auto;line-height: 1.48rem;}
.my-home-3 .box-icon img{width:.82rem;object-fit: contain;display: inline-block;}
.my-home-3 .text{line-height: 2;text-align: center;color:rgba(255,255,255,.8)}
@media(max-width:768px){
    .my-home-3 .content{flex-wrap: wrap;}
    .my-home-3 .box:nth-child(n){padding: 0;border-right: 1px solid rgba(255,255,255,.2);padding-right:.7rem}
    .my-home-3 .box:nth-child(2n){padding: 0;border-right: none;padding-left:.7rem}
    .my-home-3 .box{width: 100%;flex: none;margin-bottom: .3rem;border: none !important;padding: 0 !important;}
}

.my-home-4{padding-top: .9rem;}
.my-home-4 .grids{width: 4.14rem;display: flex;flex-wrap:wrap;position: relative;margin: .7rem 0 ;}
.my-home-4 .grids::before{position: absolute;left:50%;top: 0;height: 100%;content:"";width: 1px;background-color: #eeeeee;transform: translateX(-50%)}
.my-home-4 .grids::after{position: absolute;left:0;top: 50%;height: 1px;content:"";width: 100%;background-color: #eeeeee;transform: translateY(-50%)}
.my-home-4 .grid{width: 50%;}
.my-home-4 .grid:nth-child(n){padding-bottom: .33rem;}
.my-home-4 .grid:nth-child(2n) {text-align: right;padding-left: 15px;}
.my-home-4 .grid:nth-child(n+3){padding-top: .33rem;padding-bottom: 0;;}
.my-home-4 .count-num{margin: .25rem 0 0;text-align: left;display: inline-block;}
.my-home-4 .con{display: inline-block;text-align: left;}
.my-home-4 .box{display:flex;}
.my-home-4 .box-left{width:5rem;margin-bottom: .2rem;}
.my-home-4 .box-right{width:12.5rem}
.my-home-4 .text{line-height: 1.875;margin-top: .3rem;}

@media(max-width:768px){
   .my-home-4 .box{flex-wrap: wrap;}
   .my-home-4 .box>div,
   .my-home-4 .grids{width: 100%;}
   .my-home-4 .con,
   .my-home-4 .grid{text-align: center !important;}
   .my-home-4 .box-right{margin: .3rem 0;}
}
.my-home-5{overflow: hidden;background-position: left center;}
.my-home-5 .words{background:url(../images/icon-earth.png) right bottom / 3.15rem no-repeat;padding: .8rem .5rem;background-color: #fff;min-height: 5.25rem;width: 7.02rem;margin: 1.04rem 1.15rem  .97rem 1.32rem;  }
.my-home-5 .text{line-height: 1.875;padding:.7rem 0 ;}
@media(max-width:768px){
    .my-home-5 .words{margin-left: auto;margin-right: auto;}
}
.my-home-6{padding-bottom: .8rem;}
.my-home-6 .items{display: flex;}
.my-home-6 .item{width: 4.2rem;margin-right: .24rem;padding-bottom: .4rem;background-color: #f9f9fa;display: inline-block;}
.my-home-6 .item:last-child{margin-right: 0;}
.my-home-6 .words{padding: 0 .2rem ;}
.my-home-6 .tit{position: relative;padding-bottom: .25rem;border-bottom: 1px solid #dcdcdc;margin: .32rem 0;}
.my-home-6 .tit::after{position: absolute;left: 0;bottom: -1px;width: 11%;height: 1px; background-color: #3fa343;content: "";transition: .5s;}
.my-home-6 .info{line-height: 2;}
.my-home-6 .item-img{overflow: hidden;}
.my-home-6 .item-img img{transform: scale(1.001);transition: all 0.5s ease 0s;width :100%;display:block;}
.my-home-6 .item:hover img{transform: scale(1.07);}
.my-home-6 .item:hover .tit::after{width: 100%;}
@media(max-width:768px){
    .my-home-6 .items{flex-wrap: wrap;justify-content: space-between}
    .my-home-6 .item{width: 100%;margin-right: 0;}
}
.f-color{color: rgba(255, 255, 255, .8)}
.f-box{display: flex;}
.f-boxLeft{background-color: #363e45;width: 11.14rem;padding-left: .85rem;padding-top: .8rem;padding-bottom: .8rem;;}
.f-boxRight{width: 8.06rem;background-color: #2f383f;padding: .8rem .6rem;} /* ;display: flex;flex-wrap: wrap;align-content: space-between */
/* .f-boxRight>div{width: 100%;} */
.f-logo{display: inline-block;margin-bottom: .2rem;}
.f-ul{display: flex;justify-content: space-between;width: 8.8rem;border-top: 1px solid  rgba(220, 220, 220,.2);padding-top: .3rem;}
.f-text{margin: .14rem 0 .21rem}
.f-city,
.f-info{line-height: 2.133;color: rgba(255, 255, 255, .8)}
.f-form{font-size: 0;display: flex;}
.f-form > *{display: inline-block;vertic5al-align: top;border: none;outline: none}
.f-form > *:focus{outline: none;}
.f-form input{padding: 11px 15px;background-color: #293138;min-width: 3.2rem;margin-right:.06rem;color: #fff}
.f-form button{background-color: #446aa9; color:#fff;padding: .11rem .5rem;cursor: pointer;}
.f-copyright{margin: .4rem 0 0;display: inline-block;line-height: 1.4;}
.f-share{font-size:0;margin-top: .31rem;}
.f-icon{width: 32px;height: 30px;display: inline-block;border-radius: 50%;vertical-align: top;margin-right: 10px;}
.f-icon:nth-child(1){background: url('../images/icon-share.png') no-repeat 0 0;}
.f-icon:nth-child(2){background: url('../images/icon-share.png') no-repeat -40px 0;}
.f-icon:nth-child(3){background: url('../images/icon-share.png') no-repeat -80px 0;margin-right: 0;}
.f-li{padding: 0 5px 0 0;}

@media(max-width:1200px){
    .f-box{flex-wrap: wrap;}
    .f-box>div{padding: .8rem 15px .8rem;width:100%;}
    .f-ul{width:100%}
    .f-li{padding: 0 ;}

}


@media(max-width:768px){
   .f-ul{flex-wrap: wrap;}
    .f-li{width:50%;margin-bottom: .3rem;}
    .f-li:last-child{margin-bottom: 0;}
    .f-form input{min-width: 70%}
    .f-form button{min-width: 30%}

}
.sub-banner{position: relative;min-width: 5.8rem;}
.sb-title{line-height: 1.4;width:100%;text-align: center;}
.work-flow-1{text-align: center;}
.wf-wrapper{position: relative;display: inline-block;}
.wf-swiper{margin: 1.2rem 0;width: 15.17rem;display: inline-block;padding: .8rem 0;}
.wf-slide{position: relative;width: 13.47rem;box-shadow: 0px 0px .54rem .03rem rgba(201, 207, 220, 0.31);min-height: 4.43rem;padding: 1.52rem 1.45rem .8rem;display: flex;justify-content: center;align-items: center;background-color: #fff;}
.nick-young{position: absolute;left:50%;top: 0;transform: translate(-50%,-50%);width: 1.55rem;display:none;}
.wf-slide.swiper-slide-active::before{width: .77rem;background: url(../images/17.png) center center / cover no-repeat;height:.71rem;content:"";display: inline-block;position: absolute;left: .5rem;top:0;transform: translateY(-50%);}
.wf-slide.swiper-slide-active::after{width: .77rem;background: url(../images/18.png) center center / cover no-repeat;height:.71rem;content:"";display: inline-block;position: absolute;right: .5rem;bottom:0;transform: translateY(50%);}
.wf-slide.swiper-slide-active .wf-text{display: block;}
.wf-slide.swiper-slide-active .nick-young{display: block;}
.wf-text{line-height: 1.875;text-align: justify;display: none;}
.wf-btn{width: .7rem;height: .7rem;border-radius: 50%;background-color: #f7f8fa;position: absolute;;top:50%;cursor: pointer;}
.wf-btn::after{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%) rotate(135deg);width: .14rem;height: .14rem;border-right: 1px solid #426aab;border-bottom: 1px solid #426aab;background-color: transparent;content:"";}
.wf-prev{left: .85rem;transform: translate(-50%,-50%);}
.wf-next{right: .85rem;transform: translate(50%,-50%);}
.wf-next::after{transform: translate(-50%,-50%) rotate(-45deg);}
.wf-btn:hover{background-color: #426aab;}
.wf-btn:hover::after{border-color: #fff;}

@media(max-width:768px){
    .wf-wrapper{display: block;}
    .wf-prev{left:15px}
    .wf-next{right:15px}
    .work-flow-1{padding: 0 15px;max-width:100%;}
    .wf-swiper{max-width:100%;display: block;}
    .wf-slide{padding: 1.52rem .8rem .8rem; }
    .wf-slide.swiper-slide-active{width:100%;}
}
.team-productioin-1 .cloumn{font-size: 0;text-align: center;margin: 1.09rem 0 .63rem}
.team-productioin-1 .strip{display: inline-block;vertical-align: middle;margin-right: 1.9rem;}
.team-productioin-1 .strip:last-child{margin-right: 0;}
.team-productioin-1 .num{padding-top: .13rem;}
@media(max-width:768px){
    .team-productioin-1 .strip{width:33.33%;margin-right: 0;text-align: center;;}
}

.form-page{font-size: 0;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
.form-page div{display: inline-block}
.form-page a{display: inline-block;color:#000;vertical-align: middle;cursor: pointer;}
.page-num{padding:.15rem .25rem;}
.form-page a:hover {
    box-shadow: 0 0 0.02rem 0.02rem rgb(0 0 0 / 5%);
}
.btn{color: #000;padding: .15rem}

.service-projects-1{padding: .83rem 0 ; background-color: #edf7fe;margin-bottom: .71rem;}
.service-projects-1 .change{display: flex;justify-content: space-between;}
.service-projects-1 .change-box{display: flex;border: 1px solid #000;padding: .19rem .1rem;min-width:3.32rem;text-align: center;line-height: 1.4;justify-content: center;align-items: center;}
.service-projects-1 .change-box{margin-right: .22rem;}
.service-projects-1 .change-box:last-child{margin-right: 0;}
.service-projects-1 .change-box.active{background-color: #446aa9;color:#fff;;}
@media(max-width:900px){
    .service-projects-1 .change{flex-wrap: wrap;}
    .service-projects-1 .change-box{width:49%;margin: 0 0 .3rem;}
    .service-projects-1 .change-box:last-child{margin: 0;;}
}
.service-projects-2{padding-bottom: .97rem;}
.service-projects-2 .content{padding-bottom: .2rem;}

.service-projects-details-1{padding-top: .97rem;padding-bottom: .5rem;}
.service-projects-details-1 .box{display: flex;padding-bottom: 50px;position: relative;}
.service-projects-details-1 .box-left{position: relative;}
.service-projects-details-1 .spd-swiper{width: 8.9rem;overflow: hidden;position: relative}
.service-projects-details-1 .swiper-pagination-bullet-active{color: #426aab;position: relative;}
.service-projects-details-1 .swiper-pagination-bullet-active::before{position: absolute;left: 50%;top: -7px;content:"";transform: translate(-50%,-100%);width: 2px;height: 11px;background-color: #426aab;}
.service-projects-details-1 .swiper-pagination-bullet{width: auto;height: auto;display: inline-block;margin-right: .25rem;background-color: #fff;}
.service-projects-details-1 .swiper-pagination-bullet:last-child{margin-right: 0;;}
.service-projects-details-1 .links{display: inline-block;line-height: 1.875;margin-right: .32rem;}
.service-projects-details-1 .lins:last-child{margin-right: 0;}
.service-projects-details-1 .links:nth-child(1){background: url('../images/share1.png') no-repeat 0 0;width: 22px;height: 18px;}
.service-projects-details-1 .links:nth-child(2){background: url('../images/share1.png') no-repeat  -54px -1px;width: 19px;height: 16px;}
.service-projects-details-1 .links:nth-child(3){background: url('../images/share1.png') no-repeat -108px -1px;width: 20px;height: 21px;}
.service-projects-details-1 .links:hover{background-image: url(../images/share1_.png)}
.service-projects-details-1 .box-right{margin-left: 1.13rem;padding-left: 1.22rem;border-left: 2px solid #000;position: relative;display: flex;align-items: center;flex-wrap: wrap;min-height: 5.77rem}
.service-projects-details-1 .box-right>div{width: 100%;}
.service-projects-details-1 .share{position: absolute;left: 1.22rem;bottom: .3rem}
.service-projects-details-1 .tit{line-height: 2.2222;display: inline-block;border-bottom: 1px solid #cccccc;position: relative;}
.service-projects-details-1 .tit::before{position: absolute;left: -.18rem;top: 50%;transform: translate(-100%,-50%);width: 16px;height: 2px;background-color: #446aa9;display: inline-block;content:""}
.service-projects-details-1 .text{margin: .38rem 0 .8rem}
.service-projects-details-1 .info{line-height: 1.875;}
.service-projects-details-1 .swiper-container-horizontal>.swiper-pagination-bullets,
.service-projects-details-1 .swiper-pagination-custom,
.service-projects-details-1 .swiper-pagination-fraction{width:auto;display: inline-block;position: absolute;;right: 0;bottom: 0;z-index: 999;;}
.service-projects-details-1 .spd-pagination{width:auto;display: inline-block;position: absolute;;right: .5rem;bottom: -50px;z-index: 999;;}
  
  @media(max-width:768px){
    .service-projects-details-1 .box{flex-wrap: wrap;padding-bottom: 0;}
    .service-projects-details-1 .spd-pagination{bottom: 0;}
    .service-projects-details-1 .spd-swiper,
    .service-projects-details-1 .box>div{width: 100%;}
    .service-projects-details-1 .box-left{padding-bottom: 50px;margin-bottom: 20px;;}
    .service-projects-details-1 .box-right{border:none;border-top: 1px solid #000;margin: 0;padding-left: calc(16px + .18rem);}
    .service-projects-details-1 .share{left:calc(16px + .18rem)}
}

.service-projects-details-2{padding: .76rem 0 .49rem}
.service-projects-details-2 .row{display: flex;justify-content: space-between;width: 100%;margin-bottom: .16rem;}
.service-projects-details-2 .big{width:12.26rem}
.service-projects-details-2 .small{width:5.06rem;display: flex;align-content: space-between;flex-wrap: wrap;}
.service-projects-details-2 .small>.pic{width:100%;}
.service-projects-details-2 .row>div>img{width: 100%;height: 100%;}
.service-projects-details-2 .new-small{width: 5.16rem}
.service-projects-details-2 .new-big{width:12.18rem}
.service-projects-details-2 .row:nth-child(2){flex-direction: row-reverse}
.service-projects-details-2 .text p {line-height: 1.8;text-indent: 2em}
@media(max-width:900px){
    .service-projects-details-2 .row{flex-wrap: wrap;}
   .service-projects-details-2 .row>div{width: 100%;text-align: center;margin: 0 auto}
   .service-projects-details-2 .pic{margin-bottom: .3rem;}
}
.service-projects-details-3{background-color: #f9f9fa;padding-bottom: 1rem;text-align: center;;overflow: hidden;}
.service-projects-details-3 .content{font-size: 0;margin: 0 auto;display: block;text-align: left;border-top: 4px solid #2f383f;padding-top: .37rem;text-align: center}
.service-projects-details-3 .middle{margin: 0 2.5rem;position: relative;white-space: nowrap;}
.service-projects-details-3 .icon{display: inline-block;width: 14px;height: 14px;position: relative;background-color: #929292;margin-right: 13px;}
.service-projects-details-3 .icon::before{position: absolute;left:0;top:50%;transform: translateY(-50%);width: 100%;height: 4px;content:"";background-color: #fff;}
.service-projects-details-3 .icon::after{position: absolute;left:50%;top:0;transform: translateX(-50%);width: 4px;height: 100%;content:"";background-color: #fff;}
.service-projects-details-3 .content div{display: inline-block;vertical-align: -1px;}
.service-projects-details-3 .content>div a{cursor: pointer;}
.service-projects-details-3 .content>div a:hover{color:#426aab;}
.service-projects-details-3 .pic{position: relative;overflow: hidden;}
.service-projects-details-3 .pic img{transform: scale(1.001);transition: all 0.5s ease 0s;}
.service-projects-details-3 .pic:hover img{transform: scale(1.07);}
@media(max-width:900px){
    .service-projects-details-3 .content{display: block;}
    .service-projects-details-3 .middle{margin: 0;;}
    .service-projects-details-3 .content>div{width: 100%;margin-bottom: .5rem;}
}
.global-partner-1{padding-top: .25rem;}
.global-partner-1 .tit{padding-top: 1.12rem;}

.global-partner-2{padding-top: .7rem;padding-bottom: 1rem;;}
.global-partner-2 .box{display: flex;}
.global-partner-2 .box-left{width:8.5rem}
.global-partner-2 .box-right{width:9rem}
.global-partner-2 .box-right{display: flex;justify-content: center;align-items: center;}
.global-partner-2 .wrap{width:5.5rem}
.global-partner-2 .text{line-height: 1.875;margin: .5rem 0 .9rem;text-align: justify}
.global-partner-2 .intro{line-height: 1.5;}
.global-partner-2 .title{text-align: left;}

@media(max-width:768px){
    .global-partner-2 .box{flex-wrap: wrap}
    .global-partner-2 .wrap,
    .global-partner-2 .box>div{width:100%;}
    
}


.global-partner-3 .grids{display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: center;}
.global-partner-3 .grid{box-shadow: 0px .08rem .08rem 0px rgba(68, 106, 169, 0.07);border-radius: 6px;background-color: #fff;width: 3.6rem;margin-right: .33rem;height: 1.06rem;overflow: hidden;;display: flex;justify-content: center;align-items: center;}
.global-partner-3 .grid img{object-fit: contain}
.global-partner-3 .grid:nth-child(4n){margin-right: 0;}
.global-partner-3 .gp3-swiper{overflow: hidden;position: relative;}
.global-partner-3 .gp3-btn{width:.62rem;height:.62rem;border-radius: 50%;background-color: #446aa9;position: absolute;top:50%;transform: translate(0,-50%);z-index: 9;display: flex;justify-content: center;align-items: center;}
.global-partner-3 .gp3-btn img{width:.16rem}
.global-partner-3 .gp3-button-prev{left:0;}
.global-partner-3 .gp3-button-next{right:0}

@media(max-width:900px){
    .global-partner-3 .grids{justify-content: space-between;padding: 0 40px;}
    .global-partner-3 .grid{width: 48%;margin: 0;height: auto;margin-bottom: .3rem;}
}
.contact-us-1 .items{padding: 1rem .5rem;transform: translateY(-1rem);background-color: #fff;}

.about-us-1{background: none;padding-bottom: 0;}
.about-us-1 .box-right{background: none;}

.about-us-2 .count{margin-top: .25rem;}
.about-us-2 .column{display: flex;width: 9.68rem;min-height: 1.2rem;align-items: flex-end;padding-left: .86rem;}
.about-us-2 .strip{flex: 1;margin-top: .3rem;}
.about-us-2 .box-img{overflow: hidden;}
.about-us-2 .box-img img{transform: scale(1.001);transition: all 0.5s ease 0s;width :100%;display:block;}
.about-us-2 .box-img:hover img{transform: scale(1.07);}
.about-us-2 .empty{width: 9.35rem;background-color:#fff;}
.about-us-2 .con{display: flex;}
@media(max-width:768px){
    .about-us-1 .box{padding-bottom: .5rem;}
    .about-us-2 .empty{display:none;}
    .about-us-2 .column{width:100%;}
}

.about-us-2 .win{display: flex;padding: 1.08rem 0 1.03rem}
.about-us-2 .win-left{width:8.97rem;min-height: 5.63rem;padding-top: 1.29rem;background: url(../images/icon-earth.png) right bottom / 3.15rem  no-repeat;background-color: #fff;padding: 1.29rem 1.6rem .5rem .7rem;}
.about-us-2 .win-strip{width: 2.82rem;background-color: rgba(24, 73, 153, 0.76);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-right: 2px;}
.about-us-2 .win-strip:last-child{margin-right: 0;}
.about-us-2 .win-text{line-height: 1.875;margin-top: .51rem;text-align: justify}
.about-us-2 .icon{border-radius: 50%;display: flex;justify-content: center;align-items: center;width: 1.48rem;height:1.48rem;margin: 0 auto;border: solid 1px #ffffff;}
.about-us-2 .intro{text-align: center;line-height: 1.5;margin-top: .6rem;}
.about-us-2 .win-right{display: flex;min-height: 5.63rem}
.about-us-2 .icon img{width:50%;object-fit: cover;}
@media(max-width:768px){
    .about-us-2 .win{flex-wrap: wrap}
    .about-us-2 .win>div{width:100%;}
    .about-us-2 .win-right{justify-content: space-between;}
    .about-us-2 .win-strip{width: 33%;margin: 0;;}
    .about-us-2 .win-left{padding:  .5rem 15px}
}

.about-us-3{padding-bottom: .64rem;}
.about-us-3 .title{text-align: left;}
.about-us-3 .num{display: inline-block;vertical-align: baseline;margin-bottom: .45rem;}
.about-us-3 .grid{min-height: 2.12rem;width:8.43rem;box-shadow: 1px 1px 5px 0px rgba(201, 207, 220, 0.31);padding: .4rem}
.about-us-3 .list{line-height: 1.8;padding-left: 14px;position: relative;display: inline-block;margin-right: .3rem;;}
.about-us-3 .list:last-child{margin-right: 0;}
.about-us-3 .list::before{width: 6px;height: 6px;background-color: #666666;content:"";position: absolute;left: 0;top:50%;transform: translateY(-50%);border-radius: 50%;}
.about-us-3 .grids{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-us-3 .grid{display: flex;justify-content: space-between;align-items: center;margin-bottom: .58rem;}
.about-us-3 .grid-right{min-width: 2.72rem;}
.about-us-3 .grid-right img{object-fit: contain;width:100%;}

@media(max-width:900px){
    .about-us-3 .title{text-align: center;}
    .about-us-3 .grid{width:100%;}
}