/*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: 33%; 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(icom01.png) no-repeat center; 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 center;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 center;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(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: 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; }

.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;height: 120px;}

.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 .zqcase li{float:left;width: 48%;margin-left: 2%;margin-bottom: 4vw; }

.pageban .caserecom li:first-child{margin-left: 0}

.pageban .caserecom li:nth-child(odd){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{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%;

    }

}

.dede_pages{

    width:100%;

    float:none;

    overflow:hidden;

    text-align:center;

    color: #666;

    min-height: 48px;

    line-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;

}

.zposition{

    padding: 10px 20px;

    font-size: 12px;

    color: #111;

    border-bottom: 1px solid #ccc;

    overflow: hidden;

    clear: both;

}

.zposition a{color: #111;}

.articletag{

    padding: 10px;

    margin-top: 20px;

    font-size: 0;

}

.articletag a{

    font-size: 12px;

    padding: 10px 18px;

    background: #447dc2;

    color: #fff;

    margin-right: 10px;

    margin-bottom: 10px;

}