/*cssReset*/
@charset "utf-8";
*{ box-sizing: border-box; margin:auto; padding:0;}
video{max-width:100%}
html,body{padding:0; margin:auto; min-width: 1200px; max-width: 1920px; font: normal 14px/2 'Noto Sans S Chinese','Source Han Sans CN','PingFang SC','Microsoft YaHei','Arial','sans-serif';  }
input[type="text"],input[type="password"],input[type="number"],input[type="radio"] , input[type="checkbox"],textarea,button,select{outline: none; padding:4px; border:none; -webkit-appearance:none;}
input[type="radio"] , input[type="checkbox"]{cursor: pointer;border:1px solid #aaa; border-radius: 50%; width: 16px; height: 16px;  vertical-align: middle;}
input[type="radio"]:checked{border-width: 4px; border-color:#fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield; }
body{ outline:0; border:0;  box-sizing: border-box; vertical-align: middle; }
select{padding:0 30px 0 15px; height: 26px; line-height: 26px; cursor: pointer; border:1px solid #ddd;border-radius: 26px; background: transparent url(icon-arrdown.png) no-repeat 95% -5%; background-size: 22px;background-image: none\0; padding-right: 4px\0;}
select:focus{background-position: 95% 100%}
button{border:none; cursor: pointer;}
table{border-spacing: 0; border-collapse: collapse; }
img{max-width: 100%; max-height: 100%;border:none; outline: none}
li{list-style: none;}
a{text-decoration: none; color: #111}
a:after{color: #447dc2}
.p0{padding:0 !important;}
.g-collage,.g-change,.g-news,.indexserve .ser-float{width: 1280px;margin: auto;}

/**/
.clear:after,.list:after , .g-crumbs:after{content:''; display: block; clear:both;}
.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{
    padding:10px 0;
    min-width: 1200px;
}
.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; background-color: #fff; color: #222; border-radius: 40px; ; }
.btn:hover{background-color: #447dc2; color: #fff;}
.more:after{content:'';  width: 12px; height: 12px; background:url(icon-arr.png) no-repeat center;}
.more:hover{color: #447dc2 }
.colse{width: 16px; height: 16px;}
.colse:before{content:''; display: block; width: 100%; height: 100%; background:url(icon-colse.png) no-repeat center top; background-size: cover; cursor: pointer; }
.g-draw{cursor: pointer;}
.g-draw:after{content:''; margin-left: 10px; width: 18px; height: 18px; border:1px solid #ddd; border-radius: 50%; background:url(icon-arrdown.png) no-repeat center -10%; background-size: 80%; vertical-align: middle; }
.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); }



/*header*/
.header{position: fixed;top:0;left:0;z-index: 8;width:100%;padding:10px 0;color: #fff;font-size: 16px;z-index: 99;}
.header:after{content:''; position: absolute; top:0; left: 0; z-index: -1; width: 100%; height: 180px; background:url(bg-shadow.png); background-size: 100% 100%}
.header .g-logo , .header .g-right {float: left;}
.header a{color: #fff}
.header .g-logo{ width: 24%; line-height: 1em;}
.header .g-right{width: 76%; text-align: right; }
.header .g-search{ margin-left: 40px;vertical-align: middle;  padding:5px 0; line-height: 1em;}
.header .g-search i ,.header .g-search button, .header .g-search .searchform:before , .caseform button{width: 20px; height: 20px; cursor: pointer;background:url(icon-search.png) no-repeat center 0; background-size: cover; }
.header .g-search button{position: absolute; top:6px; right: 40px;}
.header.white .g-search button{background-position: center bottom;}
.header .g-search.act i{display: none;}
.header .g-search .searchform{position: absolute; top:10px; right: 14%; width: 0; line-height: 1em;  overflow: hidden;  }
.header .g-search .searchform:before{content:''; display: block; position: absolute; top:5px; left: 0}
.header .g-search input {height: 32px;height: 32px; padding-left: 25px; width: 100%; color: #fff; font-size: 16px; background-color: transparent }
.header .g-search input::placeholder{color: #fff;}
.header .g-search .colse{ position: absolute; top:8px; right: 0 ;display: none}
.header .g-search.act .colse{display: block;}

.g-menu{margin:0; vertical-align: middle; }
.g-menu .item{ margin-left: 40px;}
.g-menu .item.al{
    /* position:relative */
}
.g-menu .item > a:before{content:''; position: absolute; top:0; left: 0; display: block; width: 100%; height: 50px;}
.g-menu .item > a:after , .g-crumbs .crumnav span:after{content:'';display: block;position: absolute;bottom: 0px;left: 0;width: 0;height: 2px;background: #fff;transition: width 500ms;}
.g-crumbs .crumnav span:after{bottom: 0;}
.g-menu .item:hover > a:after , .g-menu .act > a:after , .g-crumbs .crumnav .now:after ,  .g-crumbs .crumnav span:hover:after{width: 100%}
.g-menu .item > a{position: relative;display: inline-block;}
.g-menu .al .childa{
    /* width: 462px; */
    padding-left: 0;
    padding-right: 0;
}
.header.white .al .childa{
    padding-top: 10px;
    padding-bottom: 10px;
}
.g-menu .childa{position: absolute;left: 0;top: 54px;display: none;width: auto;left: 0;right: 0;border-top:1px solid #eee;padding: 0;font-size: 14px;background-color: rgba(255,255,255,.99);color: #666;transition: height 500ms;text-align: center;}
.g-menu .childa li{position: relative;margin-right: 0;padding-right: 2%;text-align: left;vertical-align: top;padding-left: 2%;}
.g-menu .childa li.minlist:after{
    top: 11px;
    left: 10px;
}
.g-menu .childa li.minlist{
    top: -11px;
    padding-left: 4%;
}
.g-menu .childa li:after{
    content:"";
    display:block;
    height: 176px;
    width: 1px;
    position: absolute;
    background: #e6e6e8;
    left: 58px;
    top: 1px;
}
.g-menu .al .childa li{
    width: auto;
    float: left;
    min-width: 0;
    margin: 0;
    margin-right: 31px;
    padding: 0;
    padding-right: 3%;
}
.g-menu .al .childa li:after{
    display:none
}
.g-menu .childa li:last-child{margin:0;}
.g-menu .childa li a{display: block; margin: 5px 0; color: #666;}
.g-menu .childa li a:first-child , .g-menu .childa li a:nth-child(6n+1){margin-top: 0;}
.g-menu .childa h2{float:left;display: block;padding-right: 0%;width: 28px;font-weight: normal;font-size: inherit;line-height: 1.3em;letter-spacing: 1.5px;border: 0;}
.g-menu .childa h2:after{content:'';display: block;position: absolute;left: 35px;top:0;width: 1px;height: 100%;}
.g-menu .childa h2 a{color: #111;width: 13px;word-wrap: break-word;line-height: 1;writing-mode: tb-rl;writing-mode: inherit\0;}
.g-menu .childa .seta{float: left;padding-left: 15px;line-height: 2;position: relative;top: -7px;}
.g-menu .childa .minlist .minitem{border-bottom: 1px solid #ddd;padding: 0 0;line-height: 1.75;}
.g-menu .childa .minlist a{ min-width: 100px;}
.g-menu .childa .minlist .minitem a:first-child{font-weight: normal; color: #111}
.g-menu .childa .minlist .setcont{margin-top: 19px;line-height: 1.5;max-width: 310px;font-weight: normal;}
.g-menu .childa .minlist .setcont a{max-width: 50%;}

.g-menu .childa a:hover{color: #111; font-weight: normal;}
.g-menu .item:hover .childa{display: block;}
.header.white {background-color: #fff; color:#111; box-shadow: 0 0 20px rgba(200,200,200,.5)}
.header.white:after{display: none;}
.header.white a{color:#111;}
.header.white .g-search input{color: #111;}
.header.white .g-search input::placeholder{color: #999;}
.header.white .g-search i , .header.white .g-search .searchform:before , .header.white .g-search .colse:before{background-position:center bottom }
.header.white .childa{padding-top: 20px;padding-bottom: 0px;/* background: url(test.jpg?122) no-repeat center 0; */}
.header.white .item > a:after{background-color: #222}
.header .g-search .searchform:before{display: none;}


/*page content*/
.g-slide .slidewrap{position: relative;  width: 100%; overflow: hidden;background: #333}
.g-slide .slide{display: flex; }
.g-slide .item{/*float: left;*/; flex-shrink:0;  line-height: 0 }
.g-slide .page{position: absolute; left:0; bottom:20px; z-index: 2; width: 100%; text-align: center;}
.g-slide .page span{ width: 60px; height: 6px; background:rgba(255,255,255,.5); margin: auto 10px; border-radius: 10px; cursor: pointer;}
.g-slide .page .swiper-pagination-bullet-active{background: #fff;}

.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(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(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%}

/*footer*/
.footer{background-color: #f5f5f5; color: #999}
.footer .f-base{padding:35px 15%; border-bottom:1px solid #e5e5e5;}
.footer .f-base .logo, .footer .f-base .text{float: left}
.footer .f-base .logo{width: 15%; line-height: 0;}
.footer .f-base .text{width: 85%; padding:20px 0; }
.footer .f-base .text a{color: #999}
.footer .f-base .text span{position: relative;line-height: 28px;margin-right: 2%;font-size: 13px;}
.footer .f-base .text .hover{display: none; position: absolute; top:-100px; left: 0}
.footer .f-base .text .hover:before{display: none;}
.footer .f-base .text .weixin{cursor: pointer;}
.footer .f-base .text .weixin:hover .hover{display: block;}
.footer .f-base .text span:before{content:'';  margin-right: 10px; width: 28px; height: 28px; background:url(icon.png) no-repeat center .5%; background-size: cover; color: #666; vertical-align: middle;}
.footer .f-base .text .tel:before{background-position: center 12%}
.footer .f-base .text .mail:before{background-position: center 22.5%}
.footer .f-base .text .weixin:before{background-position: center 33%}
.footer .f-base .text .weibo:before{background-position: center 45%}
.footer .f-list{padding:40px 15%; border-bottom: 1px solid #e5e5e5;}
.footer .f-list .item{float: left;margin-right:5%;width: 10%;}
.footer .f-list .item:first-child{ width: 20% }
.footer .f-list .item:last-child{margin-right: auto}
.footer .f-list .item:after{content: ''; display: block; clear: both;}
.footer .f-list .item .img{float: left;width: 50%;padding:10px;text-align: center;box-sizing: border-box;}
.footer .f-list .item .img p{padding:4px; background: #fff;line-height: 0;}
.footer .f-list .item .img img{/* width: 100px; *//* height: 100px; */}
.footer .f-list li{;}
.footer .f-list p{font-size: 16px;color: #333;}
.footer .f-list a{color: #999;font-size: 12px;}
.footer .f-list a:hover{color:#447dc2 }
.footer .fbottom .r{float:right}
.footer .fbottom .r a{padding-left: 31px;}
.footer .fbottom .r a:hover{color: #447dc2;}
.footer .fbottom{padding:15px 15%;text-align: left; display: none;}
.footer .fbottom select{float: right;color: #999;display: none;}
.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(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;}
.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(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.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: 20%; padding-left: 100px; cursor: pointer; }
.about-cont .pagchange .label p{position: absolute;  top:0; left: 0; 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 span:before{content:''; display: block; margin-left: 5%; margin-bottom: 6px; width: 55px; height: 40px;  background:url(icon-about.png) no-repeat center 4%; background-size: cover;}
.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{background-position: center 27%}
.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{background-position: center 97%}
.about-cont .pagchange .now span{color: #111}
.about-cont .pagchange .now span:after {width: 70px;}
.about-cont .pagchange .now span:before{background-image: url(icon-about2.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(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(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(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(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(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: 30px; 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; }
.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;}
.pate .title{font-size: 20px; color: #111}
.pate .img{padding:20px 10px; text-align: center;}
.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(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(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(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(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{margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px dotted #eee;position: relative;}
.news-cont li .dw{

    position: absolute;

    right: 0;

    top: 10px;
}
.news-cont li .dw a{    padding: 10px 18px;
    margin-bottom: 10px;
    margin-right: 20px;
    line-height: 1em;
    border: 1px solid #ddd;
    border-radius: 30px;
    color: #999;}

.news-cont li .dw a:hover{
    background-color: #447dc2;
    border-color: transparent;
    color: #fff;
}
.news-cont li:after{content:''; display: block; clear:both;}
.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{width: 220px; padding-top: 20px; overflow: hidden;}
.news-public .news-cont li .img{
    padding: 0;
    width: 94px;
    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; margin-bottom: 10px;}
.news-cont li .text span{color: #999}
.news-cont li .date{font-size: 28px; ;}
.news-cont li .date span{display: inline; color: #111; line-height: 1em;}
.news-cont li .date i{margin-left: 10px; font-size: 14px; color: #999; font-style: normal;}
.news-cont li .over{text-align: center; font-size: 18px; color: #999; ;}

.news-datails .datails{color: #666;margin-bottom: 80px;clear: both;min-height: 9px;}
.dw-detail{
    clear:both
}
.news-datails .datails .title{margin: 40px auto;text-align: center;color: #111;}
.news-datails .datails .title p{margin-bottom: 10px; font-size: 24px; line-height: 1em;}
.news-datails .datails .title span{margin:0 20px;font-size: 14px; color: #999; }
.g-newrecom{position: relative;}
.g-newrecom .newrecom{overflow: hidden; padding-left: 20px;}
.g-newrecom .newrecom li{position: relative; padding:0; width: 25%; float: left;}
.g-newrecom .newrecom .img{margin:auto; padding:0; width: auto; line-height: 0; overflow: hidden;}
.g-newrecom .newrecom .text{position: absolute; left: 0; bottom:0;  width: 100%;}
.g-newrecom .newrecom .text p{margin:auto; font-size: 16px;text-align: center; ; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-newrecom .newrecom .text a , .news-datails .pate .newrecom li:hover p{color: #fff;}


/*service*/
.servicepageban {padding-top: 8%; background-image: url(bg-service.jpg)}
.servicepageban .g-title{margin:auto; color: #fff}
.servicepageban .g-title p{font-size: 24px;}
.servicepageban .list li{position: relative; width: 25%; margin-top:70px; float: left;}
.servicepageban .list li a{display: block; font-size: 18px; color: #fff ; text-align: center;}
.servicepageban .list li a:before{content:''; position: relative; top:0; display: block; margin:auto; margin-bottom: 10px; width: 100px; height: 100px; background:url(icons-service.png) no-repeat center 0; background-size: cover; transition: top 500ms; }
.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{margin-bottom:60px; font-size: 24px; text-align: center;}
.service-cont .pagchange{margin-bottom: 20px;}
.service-cont .pagchange .label{ position: relative; float: left; width: 20%; color: #666; text-align: center;  font-size: 20px; cursor: pointer;}
.service-cont .pagchange .label:before{content:''; position: absolute; top:calc(50% - 10px); left: 0; width: 1px; height: 20px; 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;  flex-shrink:0;margin:0;  background: url(advimg26.jpg) no-repeat; background-size: 100% 100%;}
.service-cont .changewrap .changelist .link:after{content: ''; display: block; clear: both;}
.service-cont .changewrap .changitem .itme{position: relative;  float: left; width: 25%; height: 50%; border:1px solid #666f75; border-left:none; border-top: none; overflow: hidden; cursor: pointer;}
.service-cont .changewrap .changitem h6{position: relative; top:calc(50% - 16px);  font-size: 32px; font-weight: normal; text-align: center; color: #fff}
.service-cont .changewrap .changitem .wrap{ position: absolute; bottom:-100%; left: 0; padding:40px; width: 100%; height: 100%; background: #fff; transition: bottom 500ms}
.service-cont .changewrap .changitem .wrap p{margin-bottom: 20px; font-size: 20px; text-align: left;}
.service-cont .changewrap .changitem .wrap p:after{content:''; display: block; width: 40px; height: 2px; background: #222}
.service-cont .changewrap .changitem .text span{position: relative; padding-left: 28px; display: block; line-height: 28px;}
.service-cont .changewrap .changitem .text span:before{content:''; position: absolute; top:0; left: 0; width: 28px; height: 28px; background: url(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{ padding:6px;width: 130px; height: 130px; 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{content: ''; display: block; position: absolute; top:0; left: 0; width: 45px; height: 45px; background:url(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{margin-left: 2px; font-size: 16px; 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 .dw{}
.dw-detail  .title{

    margin-bottom: 30px;

    border-bottom: 1px solid #eee;

    padding-left: 0;

    padding-bottom: 10px;

    height: auto;
}
.dw-detail .dw a{
    border: 1px solid #ddd;
    margin-right: 20px;
}
.dw-detail .dw a:hover{

}

@media(max-width: 1440px){


    .header.white .childa{
        padding: 20px 0;
        text-align: center;
        padding-bottom: 0px;
    }

    .g-menu .childa li{

        padding-left: 1%;

        padding-right: 1%;
    }
    .g-menu .childa li.minlist{
        padding-left:3%
    }
    .g-menu .childa li:after{
        left: 40px;
    }
}

.swiper-slide {
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative
}
.swiper-wrapper {
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}

.news-datails{
    width: 1220px;
    overflow: hidden;
    margin-top: 50px;
}

.newcur~.news-datails{
    margin-top: 0
}

.news-datails .left{
    width:200px;float:left
}
.news-datails .left dl{

    border: 1px solid #eee;

    margin-bottom: 10px;
}
.news-datails .right{
    border: 1px solid #eee;
    padding: 10px;
    float: right;
    width: 1000px;
}

.news-datails .left dt{
    padding: 0 10px;
    border-bottom: 1px solid #eee;
    line-height: 40px;
    font-size: 14px;
}

.news-datails .left dd{}
.news-datails .left dd li:last-child a{border:0}
.news-datails .left dd li a{
    display: block;
    border-bottom: 1px dashed #eee;
    padding: 10px 0;
}
.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;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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%;
    }
}