/*cssReset*/
@charset "utf-8";
.p0{padding:0 !important;}
.g-collage,.g-change,.g-news,.indexserve .ser-float{width: 1280px;margin: auto;}
/**/
.clear:after,.list:after,.g-crumbs:after{display:block;clear:both;content:'';}
.header .g-content,.g-crumbs,.about-cont,.product-datails,.pageban .caserecom,.case-datails,.newspageban .list,.news-cont,.servicepageban .list,.service-cont{width:70%;/* min-width: 1200px; */margin:auto;}
.g-crumbs{min-width:1200px;padding:10px 0;}
.colse, .g-draw:after,.g-menu,.g-menu .item  , .header .g-right .g-search ,.header .g-search i , .g-slide .page span ,.btn , .more:after , .g-news .newspate .newstype i , .footer .f-base .text span , .footer .f-base .text span:before ,
.g-menu .childa li , .g-menu .childa .minlist a , .g-title p:before , .g-title p:after , .g-category a  , .product-datails .base .slidemin .list div ,.case-datails .pate .title:before , .case-datails .case-label .link a ,
.join-cont .joinform label span ,.g-goodsrecom .productlist~.page span , .newrecom~.page span , .pageban .caserecom .page span{display: inline-block;  *display: inline; zoom:1;}
.btn{padding:10px 40px;color:#222;border-radius:40px;background-color:#fff;}
.btn:hover{color:#fff;background-color:#447dc2;}
.more:after{width:12px;height:12px;content:'';background:url(icon-arr.png) no-repeat center;}
.more:hover{color:#447dc2;}
.colse{width:16px;height:16px;}
.colse:before{display:block;width:100%;height:100%;content:'';cursor:pointer;background:url(icon-colse.png) no-repeat center top;background-size:cover;}
.g-draw{cursor:pointer;}
.g-draw:after{width:18px;height:18px;margin-left:10px;content:'';vertical-align:middle;border:1px solid #ddd;border-radius:50%;background:url(../images/icon-arrdown.png) no-repeat center -10%;background-size:80%;}
.g-draw:hover:after{border-color:#447dc2;background-image:url(icon-arrdown2.png);}
.g-draw.contract:after{background-position:center 112%;}
.colse,.contentwrap .bgimg img,.g-news .newspate .item img,.about-cont .g-honou .item img,.product-cont .productlist img,.newspageban .list .img img,.pageban .caserecom li img,.news-cont li .img img{transition:transform 500ms;}
.contentwrap .item:hover img,.colse:hover,.g-news .newspate .item:hover img,.about-cont .g-honou .honouitem:hover img,.product-cont .productlist .item:hover img,.newspageban .list li:hover img,.pageban .caserecom li:hover img,.news-cont li:hover .img img{transform:scale(1.1);}


.g-title{position: relative; margin: 80px auto 40px auto; text-align: center; ;}
.g-title p:before , .g-title p:after{content:''; margin:0 10px; width: 40px; height: 1px; background-color: #eee; vertical-align: middle; }
.g-title p{font-size: 22px;line-height: 1em;font-weight: normal;margin-bottom: 10px;}
.g-title span{letter-spacing: 2px; color: #999}
.g-title .more , .g-change .more{position: absolute; right: 2%; bottom:0; font-size: 14px; ;}

.contentwrap .bgimg{position: relative; overflow: hidden; }
.contentwrap .left , .contentwrap .right, .contentwrap .right .item{float:left; width: 50%}
.contentwrap .right .item{padding-left: 20px; line-height: 0}
.contentwrap .right .item:nth-child(3) , .contentwrap .right .item:nth-child(4){padding-top: 20px;}
.contentwrap .item{position: relative;}
.contentwrap .text{position: absolute; z-index: 2; width: 100%; color: #999;}
.contentwrap .text p{font-size: 18px;line-height: 1.5em;color: #111;}
.contentwrap .text span{font-size: 12px;}
.contentwrap .left .text{top:7%; text-align: center;}
.contentwrap .left .btnbar{margin-top: 14%}
.contentwrap .right .text{ top:10%; left: 12%; line-height: 1em; width: auto ; }
.contentwrap .right .text p{font-size: 18px;}
.contentwrap .right .item:nth-child(3) .text, .contentwrap .right .item:nth-child(4) .text{top:15%;}
.contentwrap .right .btnbar{margin-top: 10%}

.g-change{overflow: hidden;}
.g-change .g-label{position: relative;font-size: 22px;color: #999;margin: 80px auto 40px auto;cursor: pointer;text-align: center;}
.g-change .g-label span{margin: 0 30px;padding:10px 0;}
.g-change .g-label .act{color: #111; position: relative;}
.g-change .g-label i{position: absolute; bottom:0; left: 30%; display: block; width: 180px; height: 2px; background-color: #222; transition:left 500ms;}
.g-change .changeslide{position: relative; width: 100%;  }
.g-change .slidewrap{position: relative; width: 75%; overflow: hidden; margin:0; float: left; line-height: 1em;}
.g-change .item{float: left; position: relative;}
.g-change .item .text{position: absolute; width: 70%; left: 15%; top:10%; padding:50px; padding-bottom: 30px; background:url(casetext-bg.png) no-repeat center top; background-size: 100% 100%;}
.g-change .item .logo , .g-change .item .intro{display: table-cell; vertical-align: middle;}
.g-change .item .logo{ width: 30%; text-align: right;}
.g-change .item .intro{position: relative;  width: 70%; padding:10px 10px 10px 50px; }
.g-change .item .intro:before{content:''; position: absolute; left:20px; top:30px; display: block; width: 1px; height: calc(100% - 50px); background-color: #ccc}
.g-change .item .intro p{margin-bottom: 20px;font-size: 22px;line-height: 1em;}
.g-change .item .intro span{line-height: 1.5em ; color: #333;}
.g-change .thumimg {position: relative;z-index: 2; padding-left: 20px; width: 24.5%; height: 520px;  float: left; overflow: hidden; }
.g-change .thumimg:after{content:''; display: none; position: absolute; bottom:0; left: 0; z-index: 2; background-color: #fff; height: 14px; width: 100%}
.g-change .thumbnail{position: relative;}
.g-change .thumbnail div{position: relative;padding-bottom: 20px;min-height: 10px; height: 150px; cursor: pointer;margin: 0;}
.g-change .thumbnail div img{opacity: .3;}
.g-change .thumbnail div p{position: absolute;top:15px;left: 0;z-index: 4;padding:15px;line-height: 1em;background-color: rgba(255,255,255,.5);font-size: 16px;}
.g-change .thumbnail .swiper-pagination-bullet-active img{opacity: 1}
.g-change .changeslide button{position: absolute; top:0; right: 9%; z-index: 4; width: 80px; height: 40px; background:url(round-arr.png) no-repeat center 0; background-size:cover; cursor: pointer;}
.g-change .changeslide button:hover{background-image: url(round-arr2.png);}
.g-change .changeslide .down{top:auto; bottom:0px; background-position: center 100%}
.g-change #changetwo{display: none;}

/*news*/
.g-news .newspate .item:hover p , .g-news .newspate .right li:hover .intro{color: #447dc2}
.footer .f-base .text .weibo:hover:before , .footer .f-base .text .weixin:hover:before{background-image: url(../images/iconhover.png);}
.g-news .newspate .left , .g-news .newspate .right{float: left;}
.g-news .newspate .left{ width: 70%;  }
.g-news .newspate .left .item{width: 50%; float:left;}
.g-news .newspate .item .img ,.g-news .newspate .item .text{ background-color: #f7f7f7}
.g-news .newspate .item .img{position: relative; overflow: hidden;}
.g-news .newspate .item .img a{line-height: 0; display: block;}
.g-news .newspate .item .text{padding:34px;}
.g-news .newspate .newstype i{width: 28px; height: 28px;  margin-right: 10px; background:url(../images/icon.png) no-repeat center 66.6%; background-size: cover; vertical-align: middle;}
.g-news .newspate .newstype.enterprise i{background-position: center 55.5%}
.g-news .newspate .date{float: right; color: #999}
.g-news .newspate .inrto {margin-top: 24%;color: #666;}
.g-news .newspate .inrto p , .g-news .newspate .inrto span , .news-cont li .text span{line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.g-news .newspate .inrto p{max-height: 50px;font-size: 14px;color: #111;}
.g-news .newspate .inrto span{margin-top: 20px; max-height: 40px; color: #999; ;}
.g-news .newspate .item .img img{width: 100%; height: 100%}
.g-news .newspate .right{padding:0 30px; width: 30%;}
.g-news .newspate .right li{padding-bottom: 14px;margin-top: 14px;border-bottom: 1px dotted #ddd;}
.g-news .newspate .right li:last-child{border:none;}
.g-news .newspate .right li:first-child{margin:auto;}
.g-news .newspate .right .list li .intro{height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-news .newspate .inrto p, .g-news .newspate .inrto span, .news-cont li .text span{*display: block; *height: 42px; *overflow: hidden;}

/*indexserve*/
.indexserve {font-size: 24px; text-align: center; text-transform: uppercase; ;}
.indexserve .title{padding:50px 0; border-bottom:1px solid #eee;}
.indexserve .ser-float{padding:50px 0;}
.indexserve .ser-float .item{float: left; width: 25%; font-size: 16px; line-height: 1em;}
.indexserve .ser-float .item span{color: #999; font-size: 12px;}
.indexserve .ser-float .item i{display: block; margin-bottom: 20px; width: 45px; height: 45px; background:url(icon-foot.png) no-repeat center 0; background-size: cover;}
.indexserve .ser-float .item .serve{background-position: center 34%}
.indexserve .ser-float .item .patent{background-position: center 67%}
.indexserve .ser-float .item .manage{background-position: center 100%}

.bottonban{position: fixed; bottom:0; left: 0; z-index: 4; width: 100%; line-height: 0}
.footer .fbottom a{color: #999;}
.bottonban .colse{position: absolute; top:15px; right: 15px;}
.gotop{position: fixed; bottom:10%; right: 20px; z-index: 4; width: 50px; height: 50px; background:url(../images/totop.png) no-repeat center 0; background-size: cover; cursor: pointer;}
.gotop:hover{background-position: center bottom;}

.inside-content{}
.pageban{position: relative; line-height: 1em;text-align:center}


/*crumbs*/
.g-crumbs{padding:20px 0;font-size: 14px;color: #999;margin:100px auto 0;}
.g-crumbs a{color: #999}
.g-crumbs .now a{
    color:#111
}
.g-crumbs .now{color: #111}
.g-crumbs .crumbs{float: left;}
.g-crumbs .crumnav{position: relative;  float: right; max-width: 80% ; overflow: hidden;}
.g-crumbs .crumnav:after{content:''; display: block; position: absolute; top:4px; right: 0; z-index: 2; width: 24px; height: 24px; background:#fff url(../images/icon-leftarr.png) no-repeat center bottom; background-size: cover;}
.g-crumbs .crumnav .wrap{padding-right: 30px;}
.g-crumbs .crumnav .wrap .list{margin:0;overflow: visible;}
.g-crumbs .crumnav span{width: auto;margin-left: 20px;position: relative;cursor: pointer;white-space: nowrap;}
.g-crumbs .crumnav span:first-child{margin-left: 0; }
.g-crumbs .crumnav span:after{/*background-color: #222;*/}
.g-crumbs .crumnav span:hover{color: #333;}

.g-crumbs .crumnav.fixed{position: fixed;top:55px;left: 0;z-index: 4;padding:10px 14%;width: 100%;max-width: 100%;background: #fff;border-top:1px solid #ddd;text-align: right;box-shadow: 0 0 20px rgba(0,0,0,0.1);line-height: 44px;}
.g-crumbs .crumnav.fixed .g-draw{display: block; position: absolute; right: 0; top:0; bottom:auto;}
.g-crumbs .crumnav.fixed .g-draw:after{border:none; background-size: cover; background-position: center 0%;}
.g-crumbs .crumnav.fixed .g-draw.contract:after{background-position: center 100%;}
.g-crumbs .crumnav.fixed .g-category{text-align: left; padding:0; height:48px; overflow: hidden; border-bottom-width: 1px;}
.g-crumbs .crumnav.fixed .g-category.hover{height: auto;}

/*about*/
.about-cont {min-width: 1200px;}
.about-cont .pagchange .label{ position: relative; float: left; width: 33%; padding-left: 210px; cursor: pointer; }
.about-cont .pagchange .label p{position: absolute;  top:0; left: 100px; line-height: 1em; font-size: 80px;  font-weight: bold; color: #eee;}
.about-cont .pagchange .label span{line-height: 1em; font-size: 18px; color: #999}
.about-cont .pagchange .label:hover span{color:#cea54b}
.about-cont .pagchange .label span:before{content:''; display: block; margin-left: 5%; margin-bottom: 6px; width: 58px; height: 64px;  background:url(../images/icom01.png) no-repeat; background-size: contain;}
.about-cont .pagchange .label span:after{content:''; display: block; width: 0; height: 2px; /*background-color: #222; transition: width 500ms;*/}
.about-cont .pagchange .item2 span:before{width: 58px; height: 64px;  background:url(../images/icom02.png) no-repeat;background-size: contain;}
.about-cont .pagchange .item3 span:before{background-position: center 50%}
.about-cont .pagchange .item4 span:before{background-position: center 73%}
.about-cont .pagchange .item5 span:before{width: 58px; height: 64px;  background:url(../images/icom03.png) no-repeat;background-size: contain;}
.about-cont .pagchange .now span{color: #111}
.about-cont .pagchange .now span:after {width: 70px;}
.about-cont .pagchange .now.item1 span:before{background-image: url(../images/icom01h.png)}
.about-cont .pagchange .now.item2 span:before{background-image: url(../images/icom02h.png)}
.about-cont .pagchange .now.item5 span:before{background-image: url(../images/icom03h.png)}

.about-cont .changewrap{  position:relative; padding: 50px 0; width: 100%; overflow: hidden;}
.about-cont .changewrap .changelist{display: flex;}
.about-cont .changewrap .changitem{flex-shrink:0; }
.about-cont .changewrap .text , .about-cont .changewrap .img{display: table-cell; vertical-align: middle; width: 50%;}
.about-cont .changewrap .text{padding-right:50px; color: #444}
.about-cont .changewrap .text p{font-size: 20px; color: #111; line-height: 1.3em;}
.about-cont .changewrap .text span{margin-top: 20px; display: block;}

.about-cont .g-timeaxis .view , .about-cont .g-timeaxis .timeaxis{width: 50%; float: left;}
.about-cont .timeaxis{position: relative;padding-left: 60px;overflow: hidden;height: 450px;overflow: hidden;padding-top: 5px;}
.about-cont .timeaxis:before{content:''; position: absolute; top:0; left: 58px; z-index: 2; display: block; width: 4px; height: 4px; background-color: #fff; }
.about-cont .timeaxis .axis{ border-left: 1px solid #ddd; }
.about-cont .timeaxis .item{position: relative; padding-bottom: 20px; padding-left: 50px; cursor: pointer;}
.about-cont .timeaxis .item:before{content:''; position: absolute; top:4px; left: -7px; z-index: 2; display: block;  width: 14px; height: 14px; border:1px solid #ddd; border-radius: 50%; background-color: #fff; box-sizing: border-box;}
.about-cont .timeaxis .item:hover p{ color: #447dc2 }
.about-cont .timeaxis .item:hover:before ,.about-cont .timeaxis .active:before{border:4px solid #447dc2;}
.about-cont .timeaxis .item:hover:after ,.about-cont .timeaxis .active:after{content:''; position: absolute; top:10px; left: 14px;  z-index: 2; display: block; width: 25px; height: 2px; background-color: #447dc2}
.about-cont .timeaxis .item p{font-size: 24px; line-height: 1em; margin-bottom: 20px; }
.about-cont .timeaxis .item span{display: block; color: #999; margin-bottom: 10px; line-height: 1.5em;}
.about-cont .timeaxis .item span:hover{color:#447dc2 }
.about-cont .g-timeaxis .view {position: relative; padding-top: 5px; }
.about-cont .g-timeaxis .view .bar{margin-top: 20px; text-align: right;}
.about-cont .g-timeaxis .view img{width: 100%}
.about-cont .g-timeaxis .view button{ width: 44px; height: 44px; border-radius: 50%; border:1px solid #ddd; background:url(../images/icon-arrdown.png) no-repeat center -30%; background-size: 70%; }
.about-cont .g-timeaxis .view .down{background-position: center 130%}
.about-cont .g-timeaxis .view button:hover{background-image: url(icon-arrdown2.png) ; border-color: #447dc2}

.about-cont .g-honou{position: relative;}
.about-cont .honouwrap{overflow: hidden; }
.about-cont .g-honou .item{   float: left; }
.about-cont .g-honou .item .honouitem{ float: left;padding:15px; width: 33.3%;  }
.about-cont .g-honou .item .img{padding:15px; line-height: 1em; background:url(../images/bg-vein.jpg) no-repeat center; background-size: cover; }
.about-cont .g-honou .item p{border:15px solid #fff;  overflow: hidden;}
.about-cont .g-honou .item .text{text-align: center; color: #999}
.about-cont .g-honou .bar button{ position: absolute; left: -50px; top:calc(50% - 40px); z-index: 2; width:50px; height: 50px; background:url(../images/icon-leftarr.png) no-repeat center top; background-size: cover; }
.about-cont .g-honou .bar .next{left: auto; right: -50px; background-position: center bottom}
.about-cont .g-honou .bar button:hover{background-image: url(icon-leftarrhover.png);}

.about-cont .g-presence .view{position: relative; padding:0; width: 68%}
.about-cont .g-presence .view .img{height:auto; }
.about-cont .g-presence .view img{width: 100%; height: 100%}
.about-cont .g-presence .bar{position: absolute; right:20px; bottom:20px;}
.about-cont .g-presence .bar button ,.slidemin button{ border-radius: 0; border:none; background:rgba(0,0,0,.1) url(../images/icon-whitearr.png) no-repeat center -18%; background-size: 80%; }
.about-cont .g-presence .view .down , .slidemin .down{background-position: center 118%}
.about-cont .g-presence .view .bar button:hover , .slidemin button:hover{background-color:rgba(0,0,0,.5); background-image: url(../images/icon-whitearr.png) }
.about-cont .g-presence .presenceewrap{width: 32%}
.about-cont .g-presence .item{padding-right: 40px;}
.about-cont .g-presence .item span{margin-bottom: 15px;}
.about-cont .g-presence .item span:before{content:'-'; margin-right: 10px;}

.about-cont .g-idea .img , .about-cont .g-idea .text , .about-cont .g-idea .text li{float: left; width: 50%}
.about-cont .g-idea .text li{padding:40px 0 40px 50px; height: 150px; color: #999; line-height: 1.4em; }
.about-cont .g-idea .text li p{margin-bottom: 20px; font-size: 24px; color: #111}


/*product*/
.proset .g-draw{display: none;}
.g-category{position: relative; padding:0 14%;  border-bottom: 4px solid #f3f3f3; overflow: hidden; transition: height 500ms;}
.g-category.more{ height: 100px;}
.g-category.more:after{display: none;}
.g-category.more .g-draw{position: absolute; bottom:12px; right:14%; display: block; }
.g-category a , .case-datails .case-label .link a{padding:10px 18px; margin-bottom: 10px; margin-right: 20px; line-height: 1em; border:1px solid #ddd; border-radius: unset; color: #999;}
.g-category .now , .g-category a:hover , .case-datails .case-label .link a:hover{background-color: #447dc2; border-color: transparent; color: #fff;}
.g-category.more.hover,.g-category.more.active{height: auto;}
.g-category.more:hover .g-draw{/* display: none; */}

.proset{background: #fff; padding:1px; margin:100px auto 0;}
.product-cont{background-color: #f5f5f5;padding-top: 1px;overflow: hidden;}
.productlist{padding:0 13%; }


.productlist .title{position: relative; margin-bottom:20px; padding-left: 20px; font-size: 20px; color: #111}
.productlist .title .g-draw{ position: absolute; top:0; right: 0; font-size: 14px; color: #999; cursor: pointer;  }
.productlist .title .g-draw:hover{color:#447dc2;}
.productitem .list{overflow: hidden;}
.productlist .item{width: calc(25% - 20px); margin-left: 20px; margin-bottom: 20px; float: left; background: #fff; text-align: center;}
.productlist .img{overflow: hidden;}

.productlist .text{padding:20px;}
.productlist p{font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.productlist .text span{display: block; color: #999; ;}

.product-datails{background: transparent;}
.product-datails .base{padding:60px 0; }
.product-datails .base .slidewrap , .product-datails .base .baseinrto {width: 50%; float: left}
.product-datails .base .slidewrap{overflow: hidden; }
.product-datails .base .slidewrap .item{float: left;}
.product-datails .base .slidemin{margin-top: 80px;}

.slidemin{position: relative;width: 100%}
.slidemin .list{margin:0}
.slidemin .list div{float: left; width: 20%; padding-left:10px; cursor: pointer; }
.slidemin .list div:first-child{padding-left: 0}
.slidemin .list img{opacity: .2; }
.slidemin .list .swiper-pagination-bullet-active img{opacity: 1}
.slidemin button{position: absolute; top:calc(50% - 20px); left: 0; width: 40px; height: 40px;}
.slidemin .down{left: auto; right: 0}
.slidemin .over{opacity: .1}

.product-datails .base .slidemin .list div{ margin:0 5px; padding:0; width: 70px; height: 70px;  /*border:1px solid #ddd; */border-radius: 10px; cursor: pointer; overflow: hidden;}
.product-datails .base .slidemin .swiper-pagination-bullet-active{border-color: #447dc2; }
.product-datails .base .baseinrto{position: relative;  background-color: #f8f8f8}
.product-datails .base .baseinrto:after{content:''; padding-top: 100%; display: block;}
.product-datails .base .baseinrto .wrap{position: absolute; top:0; left: 0; width: 100%; padding:50px; padding-top: 80px; text-align: center;}
.product-datails .base .baseinrto .title p{font-size: 18px; color: #444}
.product-datails .base .baseinrto .title h4{font-size: 32px;line-height: 1.5em;font-weight: normal;letter-spacing: 4px;white-space: nowrap;}
.product-datails .base .baseinrto .title span{color: #666;}
.product-datails .base .baseinrto .inrto{margin-top: 10px;}
.product-datails .base .baseinrto span{display: block;line-height: 1.5em;font-size: 16px;color: #999;}
.product-datails .base .baseinrto .btn-serve{margin-top: 40px; background: #447dc2; color: #fff;}
.pate img{display:block}
.pate{position: relative; margin-bottom: 80px; color: #666}
.pate .title , .pate .text{padding:0 20px;overflow:hidden;}
.pate .title{font-size: 20px; color: #111}
.pate .img{padding:20px 10px; text-align: center;width:314px;height:251px;}
.pate table{width: 100%;background: #f3f3f3;border: 1px solid #ddd;}
.pate table td{padding-left: 20px;line-height: 40px;color: #666;border: 1px solid #ddd;}
.pate table tr:nth-child(2n){background: #fff}

.product-datails .g-download{margin-top: 20px;}
.product-datails .g-download .item{position: relative; display: table;  margin-left: 20px; padding:20px; padding-left: 115px; width: calc(50% - 20px); min-height: 130px; border:1px solid #ddd; float: left;}
.product-datails .g-download .item:before{content:''; position: absolute; left:20px; top:28px;  width: 80px; height: 80px; background: url(../images/icon-download.png) no-repeat center; background-size: contain;}
.product-datails .g-download .item span{display: block; color: #999}
.product-datails .g-download .item p{font-size: 18px; color: #111}
.product-datails .g-download .intro , .product-datails .g-download .btnbar{ display: table-cell; vertical-align: middle; }
.product-datails .g-download .btnbar{text-align: right;}
.product-datails .g-download .btnbar .btn{border:1px solid #ddd;}

.g-goodsrecom .productlist{ padding:0 0 0 20px; margin-top: 20px; overflow: hidden; }
.g-goodsrecom .productlist .item{border:1px solid #ddd; margin:0; padding-bottom: 10px;}
.g-goodsrecom .productlist~.page , .newrecom~.page{position: absolute; top:10px; right: 0; width: 70%; text-align: right; line-height: 1em;}
.g-goodsrecom .productlist~.page span , .newrecom~.page span , .pageban .caserecom .page span{  margin:0 5px; width: 10px; height: 10px; border-radius: 10px; background-color: rgba(0,0,0,.2) ; cursor: pointer;}
.g-goodsrecom .productlist~.page .swiper-pagination-bullet-active ,  .newrecom~.page .swiper-pagination-bullet-active, .pageban .caserecom .page .swiper-pagination-bullet-active{background-color: rgba(0,0,0,.5)}


/*case*/
.casepageban , .newspageban ,.servicepageban{  background: url(../images/bg-case.jpg) no-repeat center top; background-size: auto 100% }
.servicepageban{background-size:100% 100%; padding-bottom: 50px;}
.casepageban~.proset , .newspageban~.proset{padding-bottom: 20px;}
.casepageban{padding-top: 12%; padding-bottom: 40px; background-size: 1920px;}
.caseform{  width: 35% ;}
.caseform form{position: relative; border-radius: 30px;  background: #8aadd7}
.caseform input{background:transparent; height: 60px; width: 100%; line-height: 60px;  padding-left: 20px; color: #fff; font-size: 18px;}
.caseform input::placeholder{color: #fff}
.caseform button{position: absolute; top:12px; right: 15px; width: 35px; height: 35px;}
.caseform .link{padding-top: 20px;}
.caseform .link a{color: #666; margin:0 20px; white-space: nowrap;}
.caseform .link a:hover{color:#447dc2}

.pageban .caserecom{position: relative; overflow: hidden; margin-top: 100px;  }
.pageban .caserecom .title{font-size: 20px; line-height: 1em; margin-bottom: 20px;}
.pageban .caserecom li{float:left;width: 24%;/* margin-left: 1%; */}
.pageban .caserecom li:first-child{margin-left: 0}
.pageban .caserecom li p { overflow: hidden;}
.pageban .caserecom li span{display: block; line-height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #666}
.pageban .caserecom .page{position: absolute; top:0; right: 0; }
.pageban .caserecom .page span{}

.g-category.case{border:none; padding-top: 10px;}
.crumnav.fixed .case~.wrap{display: none}
.g-category .othe{background: #eee; border-color: transparent;}

.case-cont{padding:20px 20px 0 0;background: #f5f5f5;overflow: hidden;}
.case-cont .list li{position: relative; padding:20px; padding-bottom: 10px; margin-left: 20px; margin-bottom: 20px; width: calc(25% - 20px); background:#fff; float:left; overflow: hidden;}
.case-cont .list li:hover img{transform: scale(1.1,1.1);}
.case-cont .list li p{overflow:hidden}
.case-cont .list li img{transition: transform 500ms;transform: scale(1,1)}
.case-cont .list li .img span{text-align: center; display: block;}
.case-cont .list li .text{position: absolute; left: 0;  bottom:-100%;padding:20px 40px; width: 100%; height: 100%; transition: bottom 500ms; background: #fff;}
.case-cont .list li:hover .text{bottom:0;display: none;}
.case-cont .list li .text p{font-size: 16px; padding-top: 2%; height: 25%; text-align: center}
.case-cont .list li .text span{height: 40%; line-height: 2em;  color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; max-height: 90px; *display: block;}
.case-cont .list li .text .btnbar{text-align: center; height: 25%;}
.case-cont .list li .text .btn{margin-top: 20px; background: #447dc2; color: #fff;}

.case-datails{background: transparent;}

.case-datails .base .slidewrap ,.case-datails .base .baseinrto,.case-datails .pate .case-label , .case-datails .pate .othecase{float: left; width: 60%}
.case-datails .base .slidewrap{position: relative; overflow: hidden;  }
.case-datails .base .slidewrap .slide{margin-bottom: 10px;}
.case-datails .base .slidewrap .item {float: left; line-height: 1em;}
.case-datails .base .slidewrap .item img{width: 100%; height: 100%}
.case-datails .base .slidemin .list div{height: 75px;}
.case-datails .base .baseinrto , .case-datails .pate .othecase{padding-left: 50px; width: 40%}
.case-datails .base .baseinrto .title{font-size: 24px; margin-bottom: 10px;}
.case-datails .base .baseinrto .inrto p{margin-bottom: 0;}
.case-datails .base .baseinrto .inrto span{display: block; margin-bottom: 10px; color: #666}
.case-datails .base .baseinrto strong{ font-weight: normal; color: #111}
.case-datails .pate{margin:100px auto 120px;}
.case-datails .pate .title {margin-bottom: 20px; font-size: 20px;}
.case-datails .pate .title:before{content:''; width: 28px; height: 28px; margin-right: 10px; background:url(../images/iconhover.png) no-repeat center 77%; background-size: cover; vertical-align: middle; }
.case-datails .pate .othecase .title:before{background-position: center 89%}
.case-datails .pate .title span{vertical-align: middle;}
.case-datails .othecase .list{position: relative; min-height: 150px;}
.case-datails .othecase .list li{position: static; width: 100%; margin:auto; padding:0; padding-left: 55%;}
.case-datails .othecase .list li:after{content:''; display: block; clear: both;}
.case-datails .othecase .list li .img{display: none; position: absolute; top:0; left: 0; padding:0; width: 55%; height: 140px; background: #fff;}
.case-datails .othecase .list li p{height: 100%}
.case-datails .othecase .list li .img img{height: 100%}
.case-datails .othecase .list li .img span , .newspageban .list .text , .news-datails .pate .newrecom .text{background: url(../images/bg-minshadow.png);background-position: left bottom; background-size: auto 100%; color: #fff;}
.case-datails .othecase .list li .img span{position: absolute; bottom:0; left: 0; width: 100%; }
.case-datails .othecase .list li:first-child .img , .case-datails .othecase .list li:hover .img{display: block;}
.case-datails .othecase .list li .inrto{ padding-left: 20px;}
.case-datails .othecase .list li .inrto a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*news*/
.newspageban{background-image: url(bg-news.jpg); background-size: 100% 100%}
.newspageban .list{padding-top: 8%;}
.newspageban .list li{position: relative; width: calc(33.5% - 20px); height: 206px; margin-left: 20px; margin-bottom: 20px; float: left; }
.newspageban .list li:first-child{width: 66.5%; height: 432px; padding:0; margin:auto; height: }
.newspageban .list a{color: #fff}
.newspageban .list .img{line-height: 0; overflow: hidden;}
.newspageban .list .img img{width: 100%}

.newspageban .list .text{position: absolute; bottom:0; left: 0; width: 100%; padding:20px;   ; line-height: 1.5em; }
.newspageban .list .text p{font-size: 18px; }
.newspageban .list .text span{display: none;}
.newspageban .list li:first-child p{margin-bottom: 10px;}
.newspageban .list li:first-child span{display: block;}
.news-cont li{position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #eee;}
.news-cont li .dw{position:absolute;top:10px;right:0;}
.news-cont li .dw a{line-height:1em;margin-right:20px;margin-bottom:10px;padding:10px 18px;color:#999;border:1px solid #ddd;border-radius:30px;}
.news-cont li .dw a:hover{color:#fff;border-color:transparent;background-color:#447dc2;}
.news-cont li:after{display:block;clear:both;content:'';}
.news-cont li:last-child{border:none;}
.news-cont li:hover .text p{color:#447dc2;}
.news-cont li .img,.news-cont li .text{float:left;}
.news-cont li .img{overflow:hidden;width:220px;margin-top: 8px;}
.news-public .news-cont li .img{width:94px;padding:0;border:1px solid #ddd;}
.news-public .news-cont li .img img{display:block;}
.news-cont li .text{width:calc(100% - 220px);padding-left:20px;}
.news-cont li .text p{font-size:18px;}
.news-cont li .text span{color:#999;}
.news-cont li .text span.spantag{display: inline-block;padding: 5px 5px 5px 0;}
/* .news-cont li .date{font-size:28px;} */
.news-cont li .date span{line-height:1em;display:inline;color:#111;}
.news-cont li .date i{font-size:14px;font-style:normal;color:#999;}
.news-cont li .over{font-size:18px;text-align:center;color:#999;}
.news-datails .datails{clear:both;min-height:9px;margin-bottom:80px;color:#666;}
.dw-detail{clear:both;}
.news-datails .datails .title{margin:40px auto;text-align:center;color:#111;}
.news-datails .datails .title p{font-size:24px;line-height:1em;margin-bottom:10px;}
.news-datails .datails .title span{font-size:14px;margin:0 20px;color:#999;}
.g-newrecom{position:relative;}
.g-newrecom .newrecom{overflow:hidden;padding-left:20px;}
.g-newrecom .newrecom li{position:relative;float:left;width:25%;padding:0;}
.g-newrecom .newrecom .img{line-height:0;overflow:hidden;width:auto;margin:auto;padding:0;}
.g-newrecom .newrecom .text{position:absolute;bottom:0;left:0;width:100%;}
.g-newrecom .newrecom .text p{font-size:16px;display:block;overflow:hidden;margin:auto;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.g-newrecom .newrecom .text a,.news-datails .pate .newrecom li:hover p{color:#fff;}

/*service*/
.servicepageban{padding-top:8%;background-image:url(../images/bg-service.jpg);}
.servicepageban .g-title{margin:auto;color:#fff;}
.servicepageban .g-title p{font-size:24px;}
.servicepageban .list li{position:relative;float:left;width:25%;margin-top:70px;}
.servicepageban .list li a{font-size:18px;display:block;text-align:center;color:#fff;}
.servicepageban .list li a:before{position:relative;top:0;display:block;width:100px;height:100px;margin:auto;margin-bottom:10px;content:'';transition:top 500ms;background:url(../images/icons-service.png) no-repeat center 0;background-size:cover;}
.servicepageban .list .item2 a:before{background-position:center 11%;}
.servicepageban .list .item3 a:before{background-position:center 22%;}
.servicepageban .list .item4 a:before{background-position:center 33%;}
.servicepageban .list .item5 a:before{background-position:center 44%;}
.servicepageban .list .item6 a:before{background-position:center 55%;}
.servicepageban .list .item7 a:before{background-position:center 66%;}
.servicepageban .list li:hover a:before{top:-5px;}
.service-cont .title{font-size:24px;margin-bottom:60px;text-align:center;}
.service-cont .pagchange{margin-bottom:20px;}
.service-cont .pagchange .label{font-size:20px;position:relative;float:left;width:20%;cursor:pointer;text-align:center;color:#666;}
.service-cont .pagchange .label:before{position:absolute;top:calc(50% - 10px);left:0;width:1px;height:20px;content:'';background:#ddd;}
.service-cont .pagchange .label:first-child:before{display:none;}
.service-cont .pagchange .label.now{color:#111;}
.service-cont .changewrap{overflow:hidden;}
.service-cont .changewrap .imgbg{line-height:0;}
.service-cont .changewrap .changelist{display:flex;}
.service-cont .changewrap .changitem{position:relative;min-height:600px;margin:0;background:url(advimg26.jpg) no-repeat;background-size:100% 100%;flex-shrink:0;}
.service-cont .changewrap .changelist .link:after{display:block;clear:both;content:'';}
.service-cont .changewrap .changitem .itme{position:relative;float:left;overflow:hidden;width:25%;height:50%;cursor:pointer;border:1px solid #666f75;border-top:none;border-left:none;}
.service-cont .changewrap .changitem h6{font-size:32px;font-weight:normal;position:relative;top:calc(50% - 16px);text-align:center;color:#fff;}
.service-cont .changewrap .changitem .wrap{position:absolute;bottom:-100%;left:0;width:100%;height:100%;padding:40px;transition:bottom 500ms;background:#fff;}
.service-cont .changewrap .changitem .wrap p{font-size:20px;margin-bottom:20px;text-align:left;}
.service-cont .changewrap .changitem .wrap p:after{display:block;width:40px;height:2px;content:'';background:#222;}
.service-cont .changewrap .changitem .text span{line-height:28px;position:relative;display:block;padding-left:28px;}
.service-cont .changewrap .changitem .text span:before{position:absolute;top:0;left:0;width:28px;height:28px;content:'';background:url(../images/icon.png) no-repeat center 78%;background-size:cover;}
.service-cont .changewrap .changitem .intro{margin-top:50px;color:#666;}
.service-cont .changewrap .changitem .intro span{display:block;}
.service-cont .changewrap .changitem .itme:hover .wrap{bottom:0;}
.service-cont .pate{margin-top:120px;}
.service-cont .pate .left,.service-cont .pate .left .img,.service-cont .pate .left .text,.service-cont .pate .right{float:left;}
.service-cont .pate .left{width:calc(100% - 240px);}
.service-cont .pate .left .img{width:130px;height:130px;padding:6px;border:1px solid #ddd;border-radius:10px;}
.service-cont .pate p{font-size:20px;color:#111;}
.service-cont .pate .left span{display:block;color:#444;}
.service-cont .pate .right div{position:relative;padding-left:50px;}
.service-cont .pate .right div:before{position:absolute;top:0;left:0;display:block;width:45px;height:45px;content:'';background:url(../images/iconw40.png) no-repeat center 0;background-size:cover;}
.service-cont .pate .right .item1{margin-bottom:20px;}
.service-cont .pate .right .item1:before{background-position:center 12%;}
.service-cont .pate .right{line-height:1.5em;}
.service-cont .pate .right span{color:#999;}
.service-cont .pate .right .min{font-size:16px;margin-left:2px;color:#444;}

/*join*/

.join-cont .pate .title{margin:60px auto 40px auto; text-align: center; color: #999; ; text-align: center; }
.join-cont .pate .title p{font-size: 34px; color: #111; font-weight: normal;}
.join-cont .list .text p{font-size: 22px;  color: #111}
/*.join-cont .market .list li:hover span{color: #999}
*/
.join-cont .support .list , .join-cont .list{width: 70%; min-width: 1200px; margin:auto;}
.join-cont .list .item , .join-cont .Strategy .list .item{float: left; width: 50%; }
.join-cont .support .list .text{width: 55%; margin:auto; text-align: center; }
.join-cont .support .list .item:last-child .text{width: 69%}
.join-cont .support .list p{color: #111}

.join-cont .market ,.join-cont .Strategy , .join-cont .operating , .join-cont .joinform{padding:1px; padding-bottom: 40px; background: url(join1.jpg) no-repeat center top; background-size:cover; color: #fff}
.join-cont .market .title , .join-cont  .market .title p , .join-cont .Strategy .title , .join-cont .Strategy .title p ,  .join-cont .operating .title , .join-cont .operating .title p , .join-cont .joinform , .join-cont .joinform .title , .join-cont .joinform .title p{color: #fff}
.join-cont .market .list li{position: relative; float: left; margin-right: 20px; width: calc(25% - 20px); cursor: pointer; }
.join-cont .market .list li:last-child{margin:auto;}
.join-cont .market .list .text{position: absolute; top:0; left: 0; z-index: 2; padding:30px; padding-top: 140px;}
.join-cont .market .list p{text-align: center; color: #fff}
.join-cont .market .list p:after{content:''; display: block; width: 40px; height: 4px; border-radius: 4px; margin:20px auto; margin-left: calc(50% - 20px); background: #fff}
.join-cont .market .list .intro{display: block; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.join-cont .market .list .img{padding:0; line-height: 0; overflow: hidden;}
.join-cont .market .list .img img{transition: transform 500ms ;}
.join-cont .market .list li:hover{background: #245188}
.join-cont .market .list li:hover img{/*visibility: hidden; */ transform:scale(1.1,1.1);}
.join-cont .market .list li:hover .intro{height: 160px;}
/*.join-cont .market .list li:hover{color: #111}
.join-cont .market .list li:hover p{color: #111}
.join-cont .market .list li:hover p:after{background: #447dc2}*/

.join-cont .Training .list .item{ float: none; width: 100%; position: relative; margin-bottom: 40px;}
.join-cont .Training .img{text-align: left; width: 50%; margin:0; padding:0; line-height: 0}
.join-cont .Training .text{position: absolute; left: 48%; top:calc(50% - 90px); z-index: 2;  padding:40px; margin-left: -50px; width: 40% ; background: #fff; }
.join-cont .Training .list .item:last-child .img{margin-left: 50%}
.join-cont .Training .list .item:last-child .text{left: 18%;}

.join-cont .Strategy{background-image: url(join4.jpg);}
.join-cont .Strategy .list .item:last-child{padding-left: 70px;}
.join-cont .Strategy .list .text{position: relative; padding-left:140px;  margin-top: 50px; text-align:left;; line-height: 1.5em;}
.join-cont .Strategy .list .text p{position: absolute; left:0; top:2px; width: 120px; padding:8px 0px;  border:1px solid #fff; text-align: center; color: #fff}

.join-cont .Regional .list .item:first-child{width: 44%;}
.join-cont .Regional .list .text{margin-top: 100px;}
.join-cont .Regional .list .item:last-child{width: 56%; text-align: right;}

.join-cont .operating{background-image: url(join5.jpg);}
.join-cont .operating .text , .join-cont .service .text{margin:auto; margin-top: 18%;  width: 74%; }
.join-cont .operating .text p{color:#fff;}

.join-cont .joinform{background-image: url(join6.jpg); margin-bottom: 0}
.join-cont .joinform form{width: 40%; margin:auto; text-align: left;}
.join-cont .joinform select {padding-left: 0; color: #fff; border:none; }
.join-cont .joinform select:focus{color: #222}
.join-cont .joinform input{background: transparent; color: #fff;}
.join-cont .joinform input[type='text'], .join-cont .joinform input[type='number']{width: calc(100% - 140px)}
.join-cont .joinform .item{padding:15px 0; border-bottom:1px solid #5d6e78;}
.join-cont .joinform .item:after , .join-cont .joinform label:after{content:''; display: block; clear: both;}
.join-cont .joinform label{float: left; width: 20%}
.join-cont .joinform .item1 label{ width: 40%;}
.join-cont .joinform .item2 label{width: 20%}
.join-cont .joinform .item3 label{ width: 100%;}
.join-cont .joinform .item4 label, .join-cont .joinform .item5 label{cursor: pointer;}
.join-cont .joinform .btnbar{padding:60px 0;}
.join-cont .joinform .btn{background: #447dc2; width: 100%; height: 60px; line-height: 40px;  color: #fff; font-size: 18px;}
.join-cont .joinform .btn:hover{background: #fff; color: #111}

@media screen and (min-width: 1000px) and (max-width: 1366px) {
    .footer .f-base , .footer .f-list{padding:35px 0; width: 1200px; margin:auto;}
}

.ly-load-icon{text-align:center;background: #fff;border: 0px solid #ddd;display: none;}
.ly-load-icon em,.ly-load-icon span{vertical-align:middle;display:inline-block;height:50px;line-height: 48px;font-size: 14px;color: #999;padding: 0 5px;}
.ly-load-icon em{font-size:0;*font-size: 45px;}
.ly-load-icon img{vertical-align:middle;}
.mui-visibility{visibility: visible;}
.mui-hidden{visibility: hidden;}
.mui-block{display:block;margin-bottom: 40px;}
.dw-detail  .title{height:auto;margin-bottom:30px;padding-bottom:10px;padding-left:0;border-bottom:1px solid #eee;}
.dw-detail .dw a{margin-right:20px;border:1px solid #ddd;}
.swiper-slide{position:relative;width:100%;height:100%;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;}
.swiper-wrapper{position:relative;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate(0,0);transform:translate3d(0,0,0);}
.swiper-container-vertical > .swiper-wrapper{flex-direction:column;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;}
.news-datails{overflow:hidden;width:1220px;margin-top:50px;margin-bottom: 50px;}
.newcur ~ .news-datails{margin-top:0;}
.news-datails .left{float:left;width:200px;}
.news-datails .left dl{margin-bottom:10px;border:1px solid #eee;}
.news-datails .right{float:right;width:950px;padding:10px;border:1px solid #eee;}
.news-datails .left dt{font-size:14px;line-height:40px;padding:0 10px;border-bottom:1px solid #eee;}
.news-datails .left dd li:last-child a{border:0;}
.news-datails .left dd li a{display:block;padding:10px 0;border-bottom:1px dashed #eee;}
.news-datails .left dd li a .img{width:100%;padding:0;}
.news-datails .left dd li img{max-width:100%;}
.news-datails .left dd li .t{font-size:12px;clear:both;overflow:hidden;height:20px;white-space:nowrap;text-overflow:ellipsis;}
.news-datails .left dd li{margin:0;padding:0 10px;border:0;}

@media only screen and (max-width: 1400px){
    .service-cont,.product-datails,.g-crumbs{
        width: 90%;
    }
}

.dede_pages{
    width:712px;
    float:none;
    overflow:hidden;
    text-align:center;
    color: #666;
    min-height: 48px;
}
.dede_pages ul{
    margin:0px auto;
    float:none;
    clear:both;
    overflow:hidden;
    text-align:center;
    white-space:nowrap;
}
.dede_pages .pagelist li{
    margin: 0 6px;
    cursor: pointer;
    display: inline-block;
}
.dede_pages ul li,.dede_pages ul li a{
    float:none;
    display:inline;
}
.dede_pages .pagelist li a{
    color: #666;
}
.dede_pages .pagelist li:hover{
    color: #000;
}
.dede_pages .pagelist li:hover a{
    color: #000;
}