/* ====首页====== */
body{ background-color:#fff; opacity: 0;}
/** header **/
.header{ position:relative; z-index:100; background-color: #fff;}
.loarea{ height:1.08rem;  z-index:3;}
.loarea .wp{ display: flex; align-items: center; justify-content: space-between;  }
.logo{ width:4.6rem;height:1.08rem; display:flex; align-items: center; }
.logo .tp{ height:.58rem;  width:auto;}

.topOpa{ display: flex; align-items: center;  }
.topOpa .loginBtn{ margin-right: .2rem; font-size: .18rem; color: #666;}
.topOpa .loginBtn:hover{ color: #0bb1d0;}
.topOpa .searchBtn{ margin-left: .2rem; font-size: .24rem; color: #666;  font-weight: bold;}
.topOpa .searchBtn:hover{ color: #0bb1d0;}
.chooseLan{padding: .05rem .12rem; font-size: 0; width: .8rem; position: relative; cursor: pointer; background-color: #0bb1d0;}
.curLan{ color: #fff; font-size: 0; display: inline-flex; align-items: center; }
.curLan .icon{ width: .18rem; margin-right: .05rem;}
.curLan .val{ font-size:.16rem;}

.curLan .val{ font-size: .14rem; text-transform: uppercase; }
.lanLay{ padding-top: .04rem; position: absolute; left: 0rem; top: .32rem; display: none; width: 100%; }
.lanul{  border-top: .02rem solid #0bb1d0; background-color: #fff;}
.lanul li{ }
.lanul li a{ display:block;padding: .05rem .25rem;  font-size: .12rem; }
.lanul .icon{ margin-right: .1rem;height: .12rem; }
.lanul .val{font-size: .12rem;}
.lanul a:hover{ color: #0bb1d0; background-color: #fafafa;}
.chooseLan:hover .lanLay{ display: block;}

.searchLay{ position: absolute; right: 0%; overflow: hidden; width: 0; transition: .3s; opacity: 0; top: 0%; padding: 24px 0; height: 100%; display: flex; align-items: center; justify-content: flex-end; background-color: #fff;  box-sizing: border-box; z-index: 20; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.searchLay .search{ border: 1px solid #eee; width: 380px; height: 46px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.searchLay .text{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-left: 20px; font-size: 16px;}
.searchLay .tj{ width: 46px; height: 46px; color: #fff; background-color: #0bb1d0; text-align: center; line-height: 42px; font-size: 28px;}
.searchLay .closeBtn{ width: 46px; height: 46px; color: #666; display: inline-block; text-align: center; line-height: 42px; font-size: 28px;}
.actSearchLay{opacity: 1; width:calc(100% - 300px); padding: 24px;}

/*PC导航 begin*/
.nav{  z-index:5;}
.navul{ font-size:0; text-align: center;}
.navul li{ display:inline-block; font-size:.2rem;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:0 .15rem; text-align:center; display:inline-block; line-height:1.08rem; height:1.08rem; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: .02rem; background-color:#0bb1d0 ; position: absolute; left: 50%; bottom: 0rem; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#0bb1d0 !important;}
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}


/*PC导航end*/
.subnav{ position:absolute;display: none;  }
.subnavNormal{left:50%; margin-left: -0.6rem; top:1.04rem; width:2rem;padding-top: 0rem;}
.subnavNormal:after{ content: ''; display: block; width: 0; height: 0; border: .08rem solid transparent; border-bottom-color: #fff; position: absolute; top: -0.16rem; left: 50%; margin-left: -0.06rem; display: none;}
.subnavNormal>.nr{background:rgba(0, 0, 0, .6); padding:.1rem 0; box-shadow: 0 .02rem .1rem 0 #333; }
.subnavNormal .nr a{text-align:left; line-height:1.6; padding: .06rem .15rem; font-size:.13rem; display:block;  color:#fff; text-align:left; }
.subnavNormal .nr a:hover{ color: #fff !important; background-color: #0bb1d0; }

.subnavRow{ position: absolute; width: 100%; left: 0; top: 1.08rem; padding-top: 0px; }
.subnavRow .wrap{background:#F1F1F1; padding:40px 0; box-shadow: 0 2px 10px 0 #333; border-top: 2px solid #0bb1d0;   }
.subnavRow .wp{ display: flex; justify-content: space-between;align-items: flex-start; box-sizing: border-box;  padding: 0 10%;}
.subnavRow .tparea{width: 30%; margin-right: 4%;}
.subnavRow .tparea .tp{ width: 100%;}
.subnavRow .nr{ flex: 1;font-size: 0; display: flex; flex-wrap: wrap;}
.subnavRow .nr a{ position: relative; display: inline-block; width:49%; margin: 0 1% 5px 0; color: #333;  font-size: 16px; padding: 4px 0; text-align: left;}
.subnavRow .nr a::before{ content: ""; display:inline-block; position: relative; top: -5px; margin-right: 5px; transition: .3s; width: 0px; height: 1px; background-color: #0bb1d0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;  }
.subnavRow .nr a:hover{ color: #0bb1d0 !important;}
.subnavRow .nr a:hover::before{ width: 15px;}

/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#000; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 80%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }
.act_inav{ border-color: #0bb1d0!important; color:#0bb1d0!important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banIntro{ width: 100%; position: absolute; left: 0; top: 44%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.banIntro .wp{  display: flex; justify-content: flex-end;}
.banIntro .inner{ width: 50%; font-size: .36rem; text-align: center; }
.banIntro .inner .tit{ font-size:.42rem; font-weight: bold;}
.banIntro .inner .mandiv{ margin-top: .2rem;}
.banIntro .inner .mandiv .sbtn{ font-size: .16rem; padding: 0.5em 2.6em;}

.banner .swiper-pagination{ bottom:.3rem !important;}
.banner .swiper-pagination-bullet{ width:.44rem; height:.07rem; padding: 0; background-color:#fff; font-size: 0; line-height: 0; outline:none; cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 .15rem !important; border-radius:.6rem ; -webkit-border-radius:.6rem ; -moz-border-radius:.6rem ; -ms-border-radius:.6rem ; -o-border-radius:.6rem ; }
.banner .swiper-pagination-bullet-active{background-color:#0bb1d0;}
/* .banner .swiper-button-prev,.banner .swiper-button-next{ display: none;} */
.banner .swiper-button-prev{ left:14%;}
.banner .swiper-button-next{ right:14%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{width:.8rem;  height:1.5rem; line-height: 1.5rem; top:50%; margin-top:-0.75rem; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: .44rem;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ color: #0bb1d0;}
/*banner end*/
.h_tit{  padding: .5rem 0; text-align: center;}
.h_tit .tit{ font-size: .36rem; font-weight: bold;}
.h_tit .line{ width: .82rem; height: .02rem; background-color: #0bb1d0; margin: .4em auto 0;}

.h_new{ padding-bottom: .1rem;}
.h_new .wp{}
.h_new .wrap{ display: flex; flex-wrap: wrap;}
.hnItem{ width: 48.5%; margin:0 3% 3% 0;}
.hnItem:nth-child(2n){ margin-right: 0;}
.hnItem a{ display: block; position: relative;}
.hnItem .tparea{ font-size: 0; overflow: hidden;}
.hnItem .tparea .tp{ width: 100%; aspect-ratio: 372/189; object-fit: cover;} 
.hnItem .shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; background: linear-gradient(-90deg,transparent,rgba(0,0,0,.1) 70%); }
.hnItem .shade .inner{ padding: .4rem; position: relative; box-sizing: border-box; top: 0; max-width: 100%; width: 3.6rem;}
.hnItem .shade .info{ font-size: .22rem; color: #fff; margin-bottom: .05rem;}
.hnItem .shade .tit{ font-size: .24rem; font-weight: bold;}
.hnItem a:hover{box-shadow: 0rem .07rem .18rem 0rem rgba(0, 0, 0, 0.07);}
.hnItem a:hover .shade{background: linear-gradient(-90deg,transparent,rgba(0,0,0,.4) 70%); }
.hnItem a:hover .shade .inner{ top: -0.2rem;}
.hnItem a:hover .shade .tit{ color: #0bb1d0;}
.hnItem a:hover .shade .info{ color: #fff;}
.hnItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_case{ position: relative;}
.h_case::before{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .1); left: 0; top: 0; position: absolute;}
.h_case .wp{ padding: 1.3rem 0 1.7rem; position: relative; z-index: 2;}
.h_case .wrap{ color: #fff; width: 4.9rem; max-width: 100%;}
.h_case .h_tit2{}
.h_case .nr .wz{ font-size: .18rem; line-height: 1.6; }
.h_case .mandiv{ margin-top: .35rem;}
.h_case .mandiv .sbtn{ font-size: .18rem; padding: 0.3em 2em;}
.h_tit2{  padding: .3rem 0;}
.h_tit2 .tit{ font-size: .36rem; font-weight: bold; color: #fff;}
.h_tit2 .line{ width: .82rem; height: .02rem; background-color: #fff;  margin: .8em 0 0;}

.h_core{ padding: .1rem 0 .4rem;}
.h_core .wrap{ display: flex; flex-wrap: wrap; margin-top: .1rem;} 
.hcoreItem{ width: 32%; margin:0 2% 2% 0;box-shadow: 0rem 0rem .24rem 0rem rgba(190,189,189,0.35);}
.hcoreItem:nth-child(3n){ margin-right: 0;}
.hcoreItem a{ display: block; position: relative; text-align: center; padding: .35rem .25rem .3rem;  }
.hcoreItem .tparea{ font-size: 0; overflow: hidden;}
.hcoreItem .tparea .tp{ width: 1rem; height: 1rem;} 
.hcoreItem .des{}
.hcoreItem .des .tit{ font-size: .26rem; margin-top: .1rem; font-weight: bold;}
.hcoreItem .des .nr{ font-size: .16rem; color: #666; margin-top: .1rem;}
.hcoreItem:hover{ transform:translateY(-0.03rem) ; -webkit-transform:translateY(-0.03rem) ; -moz-transform:translateY(-0.03rem) ; -ms-transform:translateY(-0.03rem) ; -o-transform:translateY(-0.03rem) ; }
.hcoreItem a:hover .des .tit{ color: #0bb1d0;}
.hcoreItem a:hover .des .nr{ color: #333;}
.hcoreItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hquick .wp{ display: flex; justify-content: space-between;}
.hquick .item{ width: 44%;}
.hquick .item:nth-child(2){ text-align: right;}
.hquick .item a{min-height: 1rem; font-size: .36rem; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 2rem 0; }
.hquick .item a:hover{ color: #0bb1d0; font-size: .34rem;}

.h_latest_news{ padding-bottom: .4rem;}
.h_latest_news .wrap{ display: flex; flex-wrap: wrap; } 
.hnewItem{ width: 32%; margin:0 2% 2% 0;}
.hnewItem:nth-child(3n){ margin-right: 0;}
.hnewItem a{ display: block; position: relative; text-align: center; background-color: #F2F2F2; }
.hnewItem .tparea{ font-size: 0; overflow: hidden;}
.hnewItem .tparea .tp{ width: 100%; aspect-ratio: 34/25;} 
.hnewItem .des{ padding: .2rem .3rem .2rem; text-align: center;}
.hnewItem .des .time{ font-size: .14rem; color: #0bb1d0;}
.hnewItem .des .time .icon{ margin-right: .05rem; width: .15rem; vertical-align: middle;}
.hnewItem .des .time .val{vertical-align: middle;}
.hnewItem .des .tit{ font-size: .18rem; font-weight: bold; margin-top: .1rem;}
.hnewItem .des .nr{ font-size: .16rem; color: #666; margin-top: .1rem;}
.hnewItem .des .mandiv{ margin-top: .1rem;}
.hnewItem .des .mandiv .morea{}
.morea{ font-size: .16rem; padding-bottom: .02rem;}
.morea:hover{ border-bottom: .01rem solid #0bb1d0; color: #0bb1d0;}

.hnewItem a:hover .des .tit{ color: #0bb1d0;}
.hnewItem a:hover .des .nr{ color: #333;}
.hnewItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


.footer{ background-color: #212121;color: #7d7d7d; }
.f_t{ padding: .35rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.flPart{width: 2.6rem; margin-right: .4rem;}
.flogo{ }
.flogo .tp{ max-height:.62rem;}
.fadd{ margin-top: .3rem;}
.fadd .list{line-height: 1.5; font-size: .18rem;}
.fnav{ display: flex; flex: 1; min-width: 0; justify-content: space-between;}
.fnav a:hover{ color: #ddd;}
.fnavItem{ width: 20%;}
.fnavItem .tit{ font-size: .24rem;}
.fnavItem .tit a{ color: #fff;} 
.fnavItem .nr{ margin-top: .15rem;} 
.fnavItem .nr a{ font-size: .16rem; line-height: 1.3; display: block; padding: .04rem 0; color: #7D7D7D;} 
.fnav a:hover{ color: #ddd !important;}
.f_b .wp{ font-size: .16rem; border-top: .01rem solid #3B3737; display: flex; justify-content: space-between; flex-wrap: wrap; padding: .2rem 0; color: #999;}
.copyright{}
.copyright a:hover{ color: #fff;}
.flink{}
.flink a{ margin-right: .15rem;color: #7d7d7d;  }
.flink a:hover{ background-color: #fff;}

/* 搜索结果 */
.i_main{  min-height:4rem;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
/*.i_ban::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(11,177,208,  .3); position: absolute; left: 0 ;top: 0;}*/
.i_ban .tp{ width: 100%;}
.i_banIntro{ width: 100%; position: absolute; z-index: 2;color: #fff; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.i_banIntro .lmmc{ font-size: .42rem; font-weight: bold; line-height: 1.2; }

.search{ position: relative; display: flex; align-items: center; justify-content: space-between; margin: .02rem auto 0; width: 5.4rem; max-width: 100%;border: .01rem solid #ddd; }
.search .closeBtn2{ font-size: .18rem; color: #999; width: .24rem; height: .24rem; display: inline-flex; align-items: center; justify-content: center  ; border: .01rem solid #999; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin: 0 .2rem;  }
.search .text{ flex: 1; min-width: 0; height: .46rem; line-height: .46rem; padding-left: .15rem; font-size: .16rem;  }
.search .sbtn{ height: .46rem; line-height: .46rem; padding: 0; cursor: pointer;  width: .54rem; text-align: center; }
.search .sbtn::before{ font-size: .28rem; top: -0.03rem; position: relative;}
.search .sbtn:hover{ color: #0bb1d0;}

.result{ padding-bottom: .6rem; margin-top: .5rem;}
.result .total{ font-size: .18rem; padding: 0.2em 0; border-bottom: .01rem solid #DDDDDD;}
.result .wrap{ padding-bottom: .4rem;}
.resultItem{ margin-bottom: .05rem;}
.resultItem a{ display: block; position: relative; border-bottom: .01rem solid #DDDDDD; padding: .3rem 1.8rem .3rem 0;}
.resultItem a::after{ content: ""; display: block; position: absolute; width: 0; height: .02rem; left: 0; bottom: -0.01rem; background-color: #0bb1d0;}
.resultItem a .tit{ font-size: .24rem; line-height: 1.3;}
.resultItem a .nr{ font-size: .16rem; color: #666; margin-top: .15rem;}
.resultItem a .arr{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: .54rem; height: .54rem; border: .01rem solid #DDDDDD; display: inline-flex;align-items: center; justify-content: center; font-size: .26rem; color: #999;}
.resultItem a:hover{ padding-left: .1rem;}
.resultItem a:hover::after{  width: 100%;}
.resultItem a:hover .tit{ color: #0bb1d0;}
.resultItem a:hover .nr{}
.resultItem a:hover .arr{ margin-right: .1rem; color: #0bb1d0; border-color: #0bb1d0;;}

.turnpage{ margin:0 auto;font-size:0; text-align:center; color: #000;}
.turnpage .commonway a,.turnpage .commonway span{ color: #000; display:inline-block; font-size:.22rem; width: .38rem; height: .38rem; text-align: center; line-height: .38rem; margin:0 .15rem; color:#666; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background-color: #DDDDDD;}
.turnpage .quickway{ font-size: .18rem; margin-top: .4rem; color: #666;}
.turnpage .info{ border: none; padding: 0 .02rem;}
.turnpage .infoTo{ border: none;}
.turnpage .infoTo .text{ width: .44rem; padding: .02rem .05rem; margin: 0 .15rem; box-sizing: border-box; text-align: center; border:.01rem solid #ddd; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; }
.turnpage .select{ font-weight: bold;}
.turnpage a:hover,.current{ background-color:#0bb1d0 !important; border-color: #0bb1d0 !important; color: #fff !important;}

/* 隐私 */
.z_main{ display: flex; flex-wrap: wrap; padding: .5rem 0;}
.z_l{ width: 2rem; margin-right: .3rem; background-color: #0bb1d0;}
.z_r{ flex: 1; min-width: 0;}
.lm2{ margin-left: .14rem; padding: .24rem 0;}
.lm2 a{ display: block; padding: 0.8em 1em; font-size: .18rem; color: #fff;}
.lm2 a:hover,.act_lm2{ color: #0bb1d0 !important; background-color: #fff;}
.private{ padding: .1rem 0 0;}
.private .tit{ padding: .2rem 0; font-size: .24rem; font-weight: bold; text-align: center;}
.private .nr{}
.private .nr .wz{ font-size: .18rem; }
/* 合作 - 定制产品合作 */
.i_ban2{ font-size: 0; position: relative; overflow: hidden; }
/*.i_ban2::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(11,177,208,  .8); position: absolute; left: 0 ;top: 0;}*/
.i_banIntro2{ position: relative;  z-index: 2;color: #fff; padding: 1rem 0; min-height: 5rem; display: flex; align-items: center; justify-content: center; }
.i_banIntro2 .inner{ width: 80%; margin: 0 auto; }
.i_banIntro2 .lmmc{ font-size: .46rem; font-weight: bold; text-align: center; line-height: 1.2; }
.i_banIntro2 .nr{ font-size: .16rem; margin-top: .35rem;}

.lm{ background-color: #0bb1d0; padding: .1rem 0;}
.lm a{  padding: 0.2em 0em; margin-right: 2em; font-size: .18rem; color: #333;}
.lm a:hover,.act_lm{ color: #fff !important;}
.coo{ padding-bottom: 15px;}
.coo .wrap{ display: flex; flex-wrap: wrap;}
.cooItem{ position: relative; width: 48%; margin: 0 4% 4% 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden;}
.cooItem:nth-child(2n){ margin-right: 0;}
.cooItem .tparea{ overflow: hidden;  } 
.cooItem .tparea .tp{ width: 100%; aspect-ratio: 767/394; object-fit: cover;} 
.cooItem .des{ height: 100%; padding:45px 35px;  position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; z-index: 2; color: #fff; opacity:0;}
.cooItem .des .tit{ font-size: 24px; line-height: 1.3; text-align: center; position: relative; padding-bottom: 0.6em;}
.cooItem .des .tit::after{ content: ""; display: block; width: 2.4em; height: 2px; background-color: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.cooItem .des .nr{ margin-top: 20px;}
.cooItem .des .nr .wz{ font-size: 16px; color: #D3D1FD;}
.cooItem:hover .des .tit::after{ width: 100%;}
.cooItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.cooItem:hover .des{background-color: rgba(11,177,208,  .9); opacity:1;}

.mess{ position:relative ;}
.mess::after{ content: ""; display: block; width: 44%; height: 100%;background-color: rgba(11,177,208,  .8); position: absolute; left: 0; top: 0;}
.mess .wp{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.email{ width: 40%; text-align: center; color: #fff;}
.email .tp{ height: .32rem;}
.email .des{ margin-top: .05rem;}
.email .des .p1{ font-size: .3rem;}
.email .des .p2{ margin-top: .15rem; font-size: .3rem;}
.messform{}
.messform{ width: 50%; box-sizing: border-box;  padding: .75rem 0;}
.messform .row{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.messform .row .formItem{ width: 48%;}
.messform .formItem{ margin-bottom: .15rem;}
.messform .formItem .text,.messform .formItem .textarea{ width: 100%;  font-size: .16rem; color: #666; background-color: #fff;}
.messform .formItem .text{ height: .4rem; line-height: .4rem;padding: 0 .2rem;}
.messform .formItem .textarea{ height: 1.4rem;padding:.15rem .2rem;}
.messform .formItem .attrval{ position: relative;}
.messform .formConfirm{}
.messform .formConfirm .sbtn{ font-size: .16rem; padding: 0.5em 0em;}

/* 合作 - 标准产品合作 */
.coo2{ padding-bottom: 15px;}
.coo2 .wrap{ display: flex; flex-wrap: wrap;}
.coo2 .cooItem{ width: 32%; margin:  0 2% 2% 0;}
.coo2 .cooItem:nth-child(2n){ margin-right: 2%;}
.coo2 .cooItem:nth-child(3n){ margin-right: 0;}

.add{ width: 40%;color: #fff;}
.add .list{ font-size: .18rem; margin: .2rem 0; position: relative; padding-left: .42rem;}
.add .list .icon{ display: inline-block; width: .26rem; height: .26rem; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; text-align: center; line-height: .26rem; font-size: .18rem; color: #0bb1d0; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

/* 关于 - 招聘 */
.profilewrap{ padding: .45rem 0 .6rem;}
.profile{ padding: .35rem .4rem;  display: flex; flex-wrap: wrap; align-items: center; background-color: #fff;}
.i_tit1{ padding: .25rem 0; display: flex; align-items: center; justify-content: space-between;}
.i_tit1 .mc{ padding-bottom: 0.4em; font-size: .34rem; font-weight: bold; position: relative;}
.i_tit1 .mc::after{ content: ""; display: block; width: 2em; height: .04rem; background-color: #0bb1d0; position: absolute; left: 0; bottom: 0;}
.i_tit1 .opa{ color: #0bb1d0; font-size: .24rem;}
.i_tit1 .opa .icon{ margin-right: .1rem; font-size: .25rem; color: #0bb1d0; }
.profile .intro{ width: 44%; margin-right: 4%;}
.profile .intro .i_tit1{ padding-top: 0;}
.profile .intro .nr{ margin-top: 0.1rem;}
.profile .intro .nr .wz{ font-size: .18rem;}
.profile .tparea{ flex: 1; font-size: 0; min-width: 0;}
.profile .tparea .tp{ width: 100%;}

.recrute{padding: .35rem .4rem; }

.join{}
.joindl{ border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; }
.joindl dt{ font-size:.16rem; background-color:#F1F1F1; line-height:1.4; padding:.15rem .6rem .15rem .2rem; cursor:pointer; position:relative; display: flex; justify-content: space-between; align-items: center; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; margin-bottom: .12rem; }
.joindl dt .title{ font-size: .18rem;}
.joindl dt .info{ margin-left: auto;}
.joindl dt .info .list{ margin-left: .2rem;}
.joindl dt .status{ width:.24rem; height:.24rem; font-size: .18rem; color: #666; text-align: center; line-height: .24rem; position: absolute; right:.1rem; top:.16rem;}
.joindl dd{ display:none;background-color: #F1F1F1; margin-bottom: .12rem; }
.joindl dd .wz{ }
.joindl dt:hover{ color:#fff;background-color: #0bb1d0;}
.act_join{ color:#fff !important; background-color: #0bb1d0 !important; margin-bottom: 0 !important; }
.act_join .status{ transform:rotate(180deg) !important; -webkit-transform:rotate(180deg) !important; -moz-transform:rotate(180deg) !important; -ms-transform:rotate(180deg) !important; -o-transform:rotate(180deg) !important; color: #fff !important; }
.joinnr{ padding:.25rem .15rem; border: 0 0 .05rem .05rem; font-size: .16rem; }

.news{ padding: .4rem 0 .6rem;}
.news .wrap{ padding-bottom: .4rem;}
.newItem{ margin-bottom: .05rem;}
.newItem a{ display: flex; align-items: center; justify-content: space-between; position: relative; border-bottom: .01rem solid #DDDDDD; padding: .4rem 0rem .4rem 0;}
.newItem a::after{ content: ""; display: block; position: absolute; width: 0; height: .02rem; left: 0; bottom: -0.01rem; background-color: #0bb1d0;}
.newItem a .tparea{ width: 3.4rem; margin-right: .5rem; font-size: 0; overflow: hidden;}
.newItem a .tparea .tp{ height: 2.85rem; object-fit: cover; width: 100%;}
.newItem a .des{ flex: 1; min-width: 0;}
.newItem a .tit{ font-size: .24rem; line-height: 1.3;}
.newItem a .nr{ font-size: .16rem; color: #666; margin-top: .15rem;}
.newItem a .time{ font-size: .14rem; color: #666; margin-top: .2rem;}
.newItem a .time .icon{ margin-right: .05rem; width: .15rem; vertical-align: middle;}
.newItem a .time .val{vertical-align: middle;}
.newItem a .arr{ width: .54rem; height: .54rem; margin-left: 1rem; border: .01rem solid #DDDDDD; display: inline-flex;align-items: center; justify-content: center; font-size: .26rem; color: #999;}
.newItem a:hover{ padding-left: .1rem;}
.newItem a:hover::after{  width: 100%;}
.newItem a:hover .tit{ color: #0bb1d0;}
.newItem a:hover .nr{}
.newItem a:hover .arr{ margin-right: .1rem; color: #0bb1d0; border-color: #0bb1d0;;}

/* 关于 - 企业动态 - 详情 */
.newdel{ padding: .55rem 0 .6rem;}
.newdel .wrap{ background-color: #fff; padding: 0 .4rem;}

.artDel{ padding: .15rem 0rem;}
.artHeader{ padding: .15rem 0; border-bottom: .01rem solid #ddd; }
.artHeader .tit{ font-size: .3rem; text-align: center; font-weight: bold; line-height: 1.2;}
.artHeader .info{ margin-top: .15rem; color: #666; text-align: center;}
.artHeader .info .list{ font-size: .16rem; margin: 0 .04rem;}
.artHeader .info .list::before{ margin-right: .05rem;}
.artBody{ padding: .35rem 0; border-bottom: .01rem solid #eee; }
.artBody .wz{ font-size: .18rem; line-height: 1.8; }
.artBody .tp{ display: block; margin: .4rem auto;}

.artFooter{ padding: .2rem 0;   }
.pnItem{ padding: 0.08em 0;}
.pnItem a{ font-size: .16rem; color: #666;}
.pnItem a:hover{ color: #0bb1d0;}

/* 产品 - 网络产品定制 */
.made{padding: .28rem 0;}
.madeItem{ padding: .28rem 0;}
.madeItem a{  background-color: #F8F7F7; box-sizing: border-box;border: .01rem solid transparent; display: flex; flex-wrap: wrap; align-items: center;}
.madeItem .tparea{ width: 50%; font-size: 0; overflow: hidden;}
.madeItem .tparea .tp{ height: 3.95rem; object-fit: cover; width: 100%;}
.madeItem .intro{ flex: 1; min-width: 0; text-align: right; }
.madeItem .intro .inner{ padding: .4rem; }
.madeItem .intro .tit{ font-size: .36rem; font-weight: bold;}
.madeItem .intro .nr{font-size: .16rem; margin-top: .2rem; color: #666;}
.madeItem .intro .mandiv{ margin-top: .3rem;}
.madeItem .intro .mandiv .sbtn{ font-size: .18rem; position: relative; top: .05rem; padding: 0.4em 2.4em;}
.madeItem:nth-child(2n+1) a{ flex-direction: row-reverse;}
.madeItem:nth-child(2n+1) a .intro{ text-align: left; flex-direction: row-reverse;}
.madeItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.madeItem:hover a{ background-color: #fafafa; border-color: #0bb1d0;}
.madeItem:hover .intro .tit{ color: #0bb1d0;}
.madeItem:hover .intro .mandiv .sbtn{ top: 0rem;}

/* 产品 - 标准部件产品 */
.proStardard{ position: relative}
.proStardard .tp{ width: 100%; }
.proStardard .intro{}
.proStardard .intro{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.proStardard .intro .inner{  width: 50%; margin-left: auto; color: #fff; text-align: center; }
.proStardard .intro .tit{ font-size: .36rem; font-weight: bold;}
.proStardard .intro .nr{font-size: .16rem; margin-top: .2rem; color: #fff;}
.proStardard .intro .mandiv{ margin-top: .3rem;}
.proStardard .intro .mandiv .sbtn{ font-size: .18rem; position: relative; top: .05rem; padding: 0.4em 2.4em;}

/* 关于 - 案例 */
.case{ padding: .55rem 0 .6rem;}
.case .wrap{ padding-bottom: .1rem; flex-wrap:wrap; display:flex; }
.caseItem{width:32%; margin:0 2% 2% 0;}
.caseItem:nth-child(3n){margin-right:0;}
.caseItem a{  box-sizing: border-box; border-top: .01rem solid #eee;}
.caseItem .tparea{ font-size: 0; overflow: hidden;}
.caseItem .tparea .tp{ aspect-ratio:1; object-fit: cover; width: 100%;}
.caseItem .intro{ margin-top:0.2rem; text-align:center;}
.caseItem .intro .inner{  }
.caseItem .intro .tit{ font-size:.24rem; font-weight: bold;}
.caseItem .intro .tit .mc{position: relative; padding-bottom: 0.5em; display: inline-block;}
.caseItem .intro .tit .mc::after{ content: ""; display: block; width: 2em; height: .03rem; background-color: #333; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0;}
.caseItem .intro .nr{font-size: .16rem; margin-top: .2rem; color: #666;}
.caseItem .intro .mandiv{ margin-top: .4rem;}
.caseItem .intro .mandiv .morea2{ }

/*.caseItem:nth-child(2n+1) a{ flex-direction: row-reverse;}*/
/*.caseItem:nth-child(2n+1) a .intro{ text-align: right; flex-direction: row-reverse;}*/
.caseItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.caseItem:hover a{ border-color: #0bb1d0;}
.caseItem:hover .intro .tit{ color: #0bb1d0;}
.caseItem:hover .intro .tit .mc::after{ background-color: #0bb1d0; width: 3em;}
.caseItem:hover .intro .mandiv .morea2 .iconfont{ }
.morea2{ color: #666; font-size: .16rem;}
.morea2 .iconfont{ margin-left: .05rem; font-size: .2rem; }
.morea2:hover{ color: #0bb1d0;}
.morea2:hover .iconfont{ margin-left: .08rem;  }

/* 产品 - 计算产品定制 */
.calc{padding: .28rem 0; display: flex; flex-wrap: wrap;}
.calcItem{ padding: .28rem 0; width: 48.5%; margin: 0 3% 0 0;}
.calcItem:nth-child(2n){ margin-right: 0;}
.calcItem a{  display: block; background-color: #F8F7F7; box-sizing: border-box;}
.calcItem .tparea{  font-size: 0; overflow: hidden;}
.calcItem .tparea .tp{ height: 4.32rem; object-fit: cover; width: 100%;}
.calcItem .intro{ padding: .3rem .2rem 0.34rem;  }
.calcItem .intro .tit{ font-size: .36rem; font-weight: bold;}
.calcItem .intro .nr{font-size: .16rem; margin-top: .2rem; color: #666;}
.calcItem .intro .mandiv{ margin-top: .3rem;}
.calcItem .intro .mandiv .sbtn{ font-size: .18rem; position: relative; top: .05rem; padding: 0.4em 2.4em;}
.calcItem:hover{ transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); -o-transform: translateY(-0.05rem); }
.calcItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.calcItem:hover a{ background-color: #fafafa; border-color: #0bb1d0;}
.calcItem:hover .intro .tit{ color: #0bb1d0;}
.calcItem:hover .intro .nr{ color: #333;}
.calcItem:hover .intro .mandiv .sbtn{ top: 0rem;}

/* 产品 - 列表 */
.pro{ padding: .4rem 0 .6rem;}
.pro .wrap{ padding-bottom: .1rem;}
.proItem{ margin-bottom: .4rem;}
.proItem a{ display: flex;justify-content: space-between; position: relative;  background-color: #F8F8F8; }
.proItem a::after{ content: ""; display: block; position: absolute; width: 0; height: .02rem; left: 0; bottom: -0.01rem; background-color: #0bb1d0;}
.proItem a .tparea{ width: 50%;  font-size: 0; overflow: hidden;}
.proItem a .tparea .tp{ height: 700/496; object-fit: cover; width: 100%;}
.proItem a .des{ flex: 1; min-width: 0; padding: .4rem; box-sizing: border-box;}
.proItem a .tit{ font-size: .3rem; font-weight: bold; line-height: 1.3;}
.proItem a .nr{ font-size: .18rem; color: #666; margin-top: .35rem;}
.proItem a .mandiv{ margin-top: .4rem;}
.proItem a .mandiv .sbtn{ font-size: .18rem; padding: 0.4em 2.4em;}
.proItem a:hover{}
.proItem a:hover::after{  width: 100%;}
.proItem a:hover .tit{ color: #0bb1d0;}
.proItem a:hover .nr{ color: #333;}
.proItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* 服务 - 一站式采购 */
.i_banIntro .mandiv{}
.i_banIntro .mandiv .sbtn{ font-size: .18rem; padding: 0.4em 2.4em;}
.sAdvan{}
.h_tit .line2{ width: 82px; height: 4px; background-color: #0bb1d0;  margin: .8em auto 0;}
.h_tit .desc{ font-size: .18rem; margin-top: .15rem; color: #666; text-align: center;}
.sAdvan{ padding: .1rem 0 .4rem;}
.sAdvan .wrap{ display: flex; flex-wrap: wrap; } 
.sadvanItem{ width: 23.5%; margin:0 2% 2% 0;box-shadow: 0rem 0rem .24rem 0rem rgba(190,189,189,0.35);}
.sadvanItem:nth-child(4n){ margin-right: 0;}
.sadvanItem a{ display: block; position: relative; text-align: center; padding: .2rem .15rem .3rem;  }
.sadvanItem .tparea{ font-size: 0; overflow: hidden;}
.sadvanItem .tparea .tp{ width: .9rem; height: .9rem;} 
.sadvanItem .des{}
.sadvanItem .des .tit{ font-size: .22rem; margin-top: .1rem; font-weight: bold;}
.sadvanItem .des .nr{ font-size: .16rem; color: #666; margin-top: .05rem;}
.sadvanItem:hover{ transform:translateY(-0.03rem) ; -webkit-transform:translateY(-0.03rem) ; -moz-transform:translateY(-0.03rem) ; -ms-transform:translateY(-0.03rem) ; -o-transform:translateY(-0.03rem) ; }
.sadvanItem a:hover .des .tit{ color: #0bb1d0;}
.sadvanItem a:hover .des .nr{ color: #333;}
.sadvanItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.sApply{ padding: .1rem 0 .6rem;}
.sApply .wrap{ display: flex; flex-wrap: wrap; } 
.sApply .h_tit{ padding-top: 0;}
.sApplyItem{ width: 32%; margin:0 2% 2% 0; box-shadow: 0rem 0rem .24rem 0rem rgba(190,189,189,0.35); overflow: hidden; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }
.sApplyItem:nth-child(3n){ margin-right: 0;}
.sApplyItem a{ display: block; position: relative; overflow: hidden; text-align: center;  }
.sApplyItem .tparea{ font-size: 0; overflow: hidden;}
.sApplyItem .tparea .tp{ width:100%; height: 3.74rem;} 
.sApplyItem .shade{ position: absolute; width: 100%; height: 100%; background-color: rgba(11,177,208,  .8); left: 0; top: 0;  box-sizing: border-box; padding: .4rem; display: flex; flex-direction: column; justify-content: center;}
.sApplyItem .shade .tit{ font-size: .24rem; line-height: 1.3; color: #fff; font-weight: bold;}
.sApplyItem:hover{ }
.sApplyItem a:hover .shade {background-color: rgba(11,177,208,  1)}
.sApplyItem a:hover .shade .tit{ color: #0bb1d0;}
.sApplyItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.sApplyItem .formConfirm{}
.sApply .formConfirm .sbtn{ font-size: .18rem; padding: 0.4em 2.4em;}

.dream{ position: relative; padding: 1.2rem 0; text-align: center;}
.dream::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(13, 1, 59, 0.8); position: absolute; left: 0 ;top: 0;}
.dream .tit{ position: relative; z-index: 2; font-size: .32rem; color: #fff;}

/* 服务 - 跨境物流服务 */
.sApply2 .sApplyItem{ width: 23.5%; margin:0 2% 2% 0;}
.sApply2 .sApplyItem:nth-child(3n){ margin-right: 2%;}
.sApply2 .sApplyItem:nth-child(4n){ margin-right: 0;}
.proEnd{ padding: .4rem 0; display: flex; flex-wrap: wrap;}
.pEItem{ padding: .22rem 0; width: 48.5%; margin: 0 3% 0 0;}
.pEItem:nth-child(2n){ margin-right: 0;}
.pEItem a{ display: block; position: relative;}
.pEItem .tparea{ font-size: 0; overflow: hidden;}
.pEItem .tparea .tp{ height: 4.28rem; width: 100%;}
.pEItem .intro{ position: absolute; width: 50%; left: 0; top:.8rem; padding: 5% 2%; text-align: center; }
.pEItem .intro .inner{}
.pEItem .intro .tit{ font-size: .36rem; color: #333; font-weight: bold;}
.pEItem .intro .mandiv{ margin-top: .7rem;}
.pEItem .intro .mandiv .sbtn{ font-size: .18rem; padding: 0.4em 2.4em;}
.pEItem:hover{ transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); -o-transform: translateY(-0.05rem); }
.pEItem .desc{ padding-top: .15rem; font-size: .16rem;}
/* 关于 - 案例 - 详情 */
.caseDel{ margin: .55rem auto; padding: .4rem .3rem; box-sizing: border-box; background-color: #fff;}
.edb{ margin-top: .6rem; }
.edTit{ background-color: #F8F8F8;}
.edTit .mc{ font-size: .24rem; color: #fff; background-color: #0bb1d0; display: inline-block; padding: 0.4em 1.2em;}
.edb .nr{ margin-top: .3rem;}
.edb .nr .wz{ font-size: .18rem; line-height: 1.6;}

.edt{ display: flex; justify-content: space-between; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.edSlide{ width: 40%; margin: 0 !important;}
.edSlide{ position:relative; z-index:3; border: 1px solid #F1F1F1; }
.edSlide .swiper-slide{position:relative; overflow:hidden;}
.edSlide .swiper-slide .tp{ width:100%; height:auto; display:block;}
.edSlide .swiper-pagination{ bottom:.18rem !important;}
.edSlide .swiper-pagination-bullet{ width:.18rem; height:.04rem; padding: 0; background-color:#fff; font-size: 0; line-height: 0; outline:none; cursor: pointer;margin:0 .04rem !important; border-radius:.6rem ; -webkit-border-radius:.6rem ; -moz-border-radius:.6rem ; -ms-border-radius:.6rem ; -o-border-radius:.6rem ; }
.edSlide .swiper-pagination-bullet-active{background-color:#0bb1d0;}
.edIntro{ width: 56%;}
.edIntro .tit{ font-size: .32rem; font-weight: bold;}
.edIntro .nr{ margin-top: .2rem;}
.edIntro .nr .wz{ font-size: .18rem; line-height: 1.6;}
/* 产品 - 网络产品定制 - 详情 */
.edIntro .mandiv .sbtn{ padding: 0.4em 1em; font-size: .16rem;}
.edIntro .nr .tp{ width: 100%;}

.edm{}
.edm .wrap{ margin-top: .15rem; display: flex; flex-wrap: wrap;}
.applyItem{ width: 32%; margin: 0 2% 2% 0; overflow: hidden;box-shadow: 0rem 0rem .16rem 0rem rgba(200,196,195,0.35);}
.applyItem:nth-child(3n){ margin-right: 0;}
.applyItem a{  display: block;  box-sizing: border-box;}
.applyItem .tparea{  font-size: 0; overflow: hidden;}
.applyItem .tparea .tp{ height: 2.5rem; object-fit: cover; width: 100%;}
.applyItem .des{ padding:.2rem .2rem .25rem;  }
.applyItem .des .tit{ font-size: .24rem; text-align: center; font-weight: bold;}
.applyItem .des .line{ width: 2em; height: .03rem; background-color: #0bb1d0; margin: .04rem auto 0 ; border-radius: .02rem; -webkit-border-radius: .02rem; -moz-border-radius: .02rem; -ms-border-radius: .02rem; -o-border-radius: .02rem; }
.applyItem .des .nr{font-size: .16rem; margin-top: .1rem; color: #666;}
.applyItem:hover{ transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); -o-transform: translateY(-0.05rem); }
.applyItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.applyItem:hover a{ background-color: #fafafa; border-color: #0bb1d0;}
.applyItem:hover .intro .tit{ color: #0bb1d0;}
.applyItem:hover .intro .nr{ color: #333;}
/* 关于 - 公司简介 */
.profile2{ padding: 70px 0;  display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.profile2 .intro { width: 46%; margin-right: 4%;}
.profile2 .intro .i_tit1{ padding-top: 0;}
.profile2 .intro .nr{ margin-top: 10px;}
.profile2 .intro .nr .wz{ font-size: 16px;}
.profile2 .tparea{ flex: 1; font-size: 0; min-width: 0;}
.profile2 .tparea .tp{ width: 100%;}
.cul{ padding-bottom: 80px;}
.cul .h_tit .line{ background-color: #0bb1d0; height: 4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

.cul .wrap{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.cul .wrap .col{ width: 48.5%;}
.cul .wrap .col:nth-child(1){ display: flex; flex-direction: column; justify-content: space-between;}
.cul .wrap .col:nth-child(1) .culItem{ height: 46%;}
.cul .wrap .col:nth-child(2){ min-height: 4.64rem;}
.culItem{ height: 100%; display: flex; align-items: center; justify-content: center; position: relative; border-radius: .05rem; -webkit-border-radius: .05rem; -moz-border-radius: .05rem; -ms-border-radius: .05rem; -o-border-radius: .05rem; overflow: hidden; }
.culItem::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(11,177,208, 0.76);}
.culItem .inner{ padding: .2rem .36rem; position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between;}
.culItem .tparea{ width: .92rem; height: .92rem; background-color: #0bb1d0; box-shadow:  0 0 0 .08rem rgba(227,100,46,.4); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: .4rem;}
.culItem .tparea .tp{ width: .6rem; height: .6rem;}
.culItem .des{ flex: 1; min-width: 0; color: #fff;}
.culItem .des .tit{ font-size: .24rem;}
.culItem .des .subtit{ font-size: .18rem; margin-top: .1rem;}
.cul .wrap .col:nth-child(2) .culItem .inner{ align-items: center; flex-direction: column; justify-content: center;}
.cul .wrap .col:nth-child(2) .culItem .inner .tparea{ margin:  auto;}
.cul .wrap .col:nth-child(2) .culItem .inner .des{text-align: center; margin-top: 20px;}
.culItem:hover{ transform: translateY(-0.05rem); -webkit-transform: translateY(-0.05rem); -moz-transform: translateY(-0.05rem); -ms-transform: translateY(-0.05rem); -o-transform: translateY(-0.05rem); }
.culItem:hover .tparea .tp{ transform: rotate(90deg) scale(0.9); -webkit-transform: rotate(90deg) scale(0.9); -moz-transform: rotate(90deg) scale(0.9); -ms-transform: rotate(90deg) scale(0.9); -o-transform: rotate(90deg) scale(0.9); }
.culItem:hover .des .subtit{ margin-top: .05rem;}
.culItem:hover::after{background-color: rgba(11,177,208, 0.88);}

.history { overflow-x: hidden; display:none;}
.history  .wp{ }
.history .wrap{ position: relative; padding: .75rem 0; }
.history .wrap::after{ content: ""; display: block; width: 100%; height: .01rem; background-color: #8E93A2; position: absolute; top: 50%; left: 0; }
.historySlide { position: relative; z-index: 2;}
.historySlide .swiper-slide{ width: auto;}
.historySlideWrap{ position: relative; margin: 0 .6rem;}
.historySlideWrap .swiper-button-prev{ left:-0.6rem;}
.historySlideWrap .swiper-button-next{ right:-0.6rem;} 
.historySlideWrap .swiper-button-prev::after,.historySlideWrap .swiper-button-next::after{ display: none;}
.historySlideWrap .swiper-button-prev,.historySlideWrap .swiper-button-next{ width:.52rem; height:.52rem; line-height: .52rem; top:50%; margin-top:-0.28rem; color: #fff; }
.historySlideWrap .swiper-button-prev .iconfont,.historySlideWrap .swiper-button-next .iconfont{ font-size: .5rem; }
.historySlideWrap .swiper-button-prev:hover,.historySlideWrap .swiper-button-next:hover{color: #0bb1d0;}
.hisItem{ height: 1.5rem;}
.hisItem{ background-color: #fff; width: 100%; position: relative;}
.hisItem .tit{ padding-left: .2rem;   padding: 0.4em 0; background-color: #0bb1d0; color: #fff; text-align: center;}
.hisItem .tit .icon{ position: absolute ; left: 0; top:.04rem; height:.17rem;}
.hisItem .nr{ font-size: .16rem; color: #666; padding: .15rem .2rem;}
.hisItem .arr{  width: 0rem; height: 0rem; border-left: .1rem solid transparent; border-right: .1rem solid transparent; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.hisItem .arr .icon{ width: .22rem; height: .22rem; position: absolute; left: -0.11rem; max-width: .22rem;}
.hisItem:hover{ box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); background-color: rgba(249, 224, 213); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.hisItem:hover .nr{ color: #0bb1d0;}
.historySlide{}
.historySlide .swiper-slide:nth-child(2n+1) { }
.historySlide .swiper-slide:nth-child(2n+1) .hisItem{ display: flex; flex-direction:column-reverse;}
.historySlide .swiper-slide:nth-child(2n+1) .hisItem .arr{bottom: -0.1rem; border-top: .1rem solid #0bb1d0;}
.historySlide .swiper-slide:nth-child(2n+1) .hisItem .arr .icon{ bottom: -0.43rem;}
.historySlide .swiper-slide:nth-child(2n) { margin-top: 2.36rem; }
.historySlide .swiper-slide:nth-child(2n) .hisItem .arr{top: -0.1rem; border-bottom: .1rem solid #0bb1d0; }
.historySlide .swiper-slide:nth-child(2n) .hisItem .arr .icon{ top: -0.43rem;}




.hnItem .shade,.hnItem .shade .inner,.hnItem a:hover .shade .tit,.hnItem a:hover .shade .info,.hcoreItem,.applyItem,
.resultItem a .arr,.resultItem a::after,.cooItem .des .tit::after,.joindl dt .status,.newItem a .arr,.newItem a::after,
.caseItem .intro .tit::after,.calcItem,.morea2 .iconfont,.sApplyItem .shade,.sadvanItem,.pEItem,.culItem .des .subtit,.culItem,
.hisItem,.hisItem .nr,.caseItem .intro .tit .mc::after
{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }