@charset "utf-8";
* { margin: 0; padding: 0;}
body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #333; line-height: 24px; word-break: break-all; }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h3, h4, h5 { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }
.fl { float: left }
.fr { float: right }
.clear { clear: both; font-size: 0; }
a { text-decoration: none; transition: all .2s linear 0s; color: #666; }
:focus { outline: 0 }
img { border: 0 }
p { line-height: 24px }
.flex{display: flex;display: -ms-flexbox;justify-content:space-between;-ms-flex-pack: justify;}
.flexs{display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flex-default{display: flex;}
.flex-wrap {display: flex; flex-wrap: wrap;}
.wrap { width: 1560px; margin: auto; }
.w1520{ width: 79%; min-width: 1200px; margin:0 auto;}
.f-cb { zoom: 1;}
.f-cb:after { display: block;    height: 0;    clear: both;    visibility: hidden;    overflow: hidden;    content: ".";}
.mt-16 { margin-top: 16px; }
.mb-16 { margin-bottom: 16px; }   
@media screen and  (max-width: 1580px){
    .wrap,.w1520{width: 1200px;}
}  

.box { width:500px; margin:0 auto;background: url(../images/hzqt.png) no-repeat left center; min-height:500px; padding-left:700px; padding-top:100px;}
.box h4{ font-size: 30px;  line-height: 42px; padding-bottom: 17px; padding-top: 40px;}
.box .box_txt { line-height: 26px; }
.box .box_txt p{ padding-bottom: 30px;}
.box .box_txt .order_list{ padding-bottom: 30px; list-style-type: decimal; list-style-position:outside; padding-left: 18px;}
.box .box_txt .txt{ padding-bottom: 30px;}
.box .box_txt .unorder_list{ padding-bottom: 30px; list-style-type:disc; list-style-position:outside; padding-left: 18px;}
.box .box_txt .table_cookie{ margin-bottom: 30px;}
.box .box_txt .order_list li,.box .box_txt .unorder_list li{ list-style: inherit;}


.b_shadow {
    -o-box-shadow: 0 0 8px rgba(0,0,0,.08);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.08);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08);
    box-shadow: 0 0 8px rgba(0,0,0,.08);
}
/*other*/
.swiper-container { width: 100%;height: 100%;}

@font-face {
    font-family: rzdf;
    src: url(../fonts/锐字巅峰粗黑简.ttf);
}
/*headtop*/
.top{width: 100%;height: 0px;position: relative;z-index: 9;}
.top .topbox{width: 100%;height: 80px;min-width: 1200px;position: fixed; z-index: 666; top: 0; left: 0; right: 0; transition: all 0.3s; background: rgba(0,0,0,.6);}
.top .topbox .logo{padding-left: 50px;}
.top .topbox .logo img{margin-top: 20px;}
.top .topbox .nav{width: 890px;height: 41px;padding-top: 16px;}
.top .topbox .nav a{color: #fff;line-height: 40px;height: 40px;border-bottom: 1px solid rgba(255,255,255,0);}
.top .topbox .nav a:hover{border-bottom: 1px solid rgba(255,255,255,0.5);}
.top .topbox .nav a.active{border-bottom: 1px solid rgba(255,255,255,0.5);}
.top .topbox .toptel{padding-right: 50px;color: #fff;line-height: 80px;}
.top .topbox .toptel img{margin-right: 10px;position: relative;top: 3px;}
@media screen and  (max-width: 1420px){
    .top .topbox .nav{width: 710px;}
}
/*banner*/ 
.banner {width: 100%;  position: relative;}
.banner .swib1{width: 100%;position: relative;}
.banner .swib1 .swiimg1{width: 100%;}
.banner .swib1 .switxt1{position: absolute;width: 865px;padding:80px 0px;top: 40%;left: 50%;transform: translate(-50%,-50%);background: url(../images/ban2bg.png) center 15px no-repeat;}
.banner .swib1 .switxt1 .switle{width: 390px;}
.banner .swib1 .switxt1 .switle .swit_p1{color: rgba(255,255,255,0.5);font-size: 24px;font-family: "微软雅黑";margin-top: 15px;margin-bottom: 27px;}
.banner .swib1 .switxt1 .switle .swit_p2{font-size: 78px;color: #fff;font-family: "rzdf";line-height: 60px;}
.banner .swib1 .switxt1 .switri{width: 397px;}
.banner .swib1 .switxt1 .switri .swit_p3{font-size: 58px;color: #fff;line-height: 73px;font-family: "rzdf";}
.banner .swib1 .switxt1 .switri .swit_p3 span{color: #fff600;}
.banner .swib1 .switxt1 .swihx1{width: 2px;height: 123px;background: rgba(255, 255, 255, 0.3);display: block;position: relative;top: 15px;}
.banner .swib1 .switxt2{width: 590px;height: 170px;position: absolute;left: 13.5%;top: 36%;background: url(../images/ban3bg.png) center -15px no-repeat;}
.banner .swib1 .switxt2 .swt_21{font-size: 58px;color: #fff;line-height: 60px;margin-bottom: 30px;font-family: "rzdf";}
.banner .swib1 .switxt2 .swt_22{font-size: 18px;color: #fff;width: 575px;line-height: 32px;}
.banner .acg_p1{font-size: 27px;color: #fff;letter-spacing: 7px;font-family: MicrosoftYaHeiLight;}
.banner .acg_p2{width: 604px;height: 50px;font-size: 29px;font-style: italic; line-height: 45px;text-align: center;color: #fff;border: solid 1px #ff9494;font-size: 29px;background-color: #e22f2f;}
.banner .acg_img{display: block;margin: 25px 0 25px;}





/* 轮播图底部 */
.banhen{background: rgba(0,0,0,.5);position: absolute;bottom: 0px;z-index: 9;height: 112px;width: 100%;}
.banhen .bhbox .bhli{flex: 1; text-align: center;padding-top: 28px;}
.banhen .bhbox .bhli p{display: inline-block;overflow: hidden;;padding-left: 68px;font-size: 18px;color: #ffffff;position: relative;text-align: left;line-height: 28px;transition: 0.3s;}
.banhen .bhbox .bhli p .banl1{position: absolute;left: 0px;transition: 0.5s;}
.banhen .bhbox .bhli p .banl2{position: absolute;left: 0px;top: 60px;transition: 0.5s;}
.banhen .bhbox .bhli p span{color: #ffffff;font-size: 14px;display: block;}
.banhen .bhbox .bhxian{width: 1px;height: 100px;background: rgba(255,255,255,0.2);margin: 6px 0px;}
.banhen .bhbox .bhli:hover .banl1{transform: translateY(-60px);}
.banhen .bhbox .bhli:hover .banl2{transform: translateY(-60px);}
.banhen .search_zz {margin-top: 7px; display: block; position: relative;width: 355px;height: 43px;float: right;}
.banhen .search_zz input.inpt{display: block;width: 100%;height: 100%; background-color: #fff;border: 0;}
.banhen .search_zz input.submit{position: absolute;right: 0;top: 0;width: 59px;height: 43px;background: url(../images/sou.png);border: 0;}
.banhen .search_zz input.inpt{padding-left: 15px;box-sizing: border-box;font-size: 14px;}
.banhen .search_zz input.inpt::placeholder{font-size: 14px;color: #666;}



@media screen and  (max-width: 1580px){
    .banhen{height: 90px;}
    .banhen .bhbox .bhli{padding-top: 18px;}
    .banhen .search_zz{width: 260px;}
    .banhen .bhbox .bhli p{font-size: 16px;}
}





/* 标题 */
.topt{text-align: center;}
.topt .topt_p1{color: #333333;font-size: 36px;line-height: 36px;margin-bottom: 20px;font-weight: 400;}
.topt .topt_p2{color: #888888;font-size: 16px;line-height: 16px;}
.topt .topt_p1s{color: #fff;font-size: 36px;line-height: 36px;margin-bottom: 20px;font-weight: 400;}
.topt .topt_p2s{color: #fff;font-size: 16px;line-height: 16px;}





/* 产品和服务 */
.cpfw{padding-top: 95px;}
.cpfw .topt{margin-bottom: 78px;}
.acg_page{padding-bottom: 100px;}
.acg_page .lft{position: relative;}
.acg_page .lft img{position: absolute;top: 0;left: -170px;}
.acg_page .rht{width: 45%;}
.acg_page .rht h3{font-size: 28px;}
.acg_page .rht .cont{margin-top: 30px; font-size: 15px;line-height: 30px;color: #666666;}
.acg_page .rht .more{margin-top: 42px; display: block;width: 180px;height: 41px;line-height: 41px;font-size: 15px; text-align: center;color: #fff; background-color: #d71718;}
.acg_page .rht ul{margin-top: 60px;}
.acg_page .rht ul li{margin-bottom: 30px; align-items: center;justify-content: flex-start;}
.acg_page .rht ul li img{margin-right: 15px;}
.acg_page .rht ul li .p1{font-size: 18px;}
.acg_page .rht ul li .p2{margin-top: 5px; font-size: 15px;color: #999999;}
@media screen and  (max-width: 1600px){
    .acg_page {padding-bottom: 50px;}
    .acg_page .lft{width: 55%;left: -50px;}
    .acg_page .lft img{width: 100%;left: 0;margin-top:50px;}

}















.bussiness-body-warp{padding: 100px 0; background-color: #f5f5f5;}
.bussiness-body{display:block;overflow:hidden}
.bussiness-body .item{position:relative;display:block;float:left;width:16.9%;opacity:0;filter:alpha(opacity=0);overflow:hidden;padding:0 27px}
.bussiness-body .item1{-webkit-transition:left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition:left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;transition:left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear}
.bussiness-body .item2{-webkit-transition:left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition:left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;transition:left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear}
.bussiness-body .item3{-webkit-transition:left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition:left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;transition:left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear}
.bussiness-body .item4{-webkit-transition:left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition:left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear;transition:left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear}
.bussiness-body .item5{-webkit-transition:left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear;-o-transition:left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear;transition:left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear}
.bussiness-body .item.on{width:35.33%}
.bussiness .bussiness-body.show .item{left:0;opacity:1;filter:alpha(opacity=100)}
.bussiness-body .item .service{display:block;height:401px;text-align:center;-webkit-transition:0.6s linear;-o-transition:0.6s linear;transition:0.6s linear}
.bussiness-body .item.on .service{width:50%;background:url(../images/cplebg.jpg) no-repeat;background-size:100% 100%}
.bussiness-body .item .service .case-content{display:block;height:233px;padding-top:51px;line-height:1}
.bussiness-body .item .service .case-content h4{display:block;font-size:20px;line-height:1;font-weight:400;color:#343434}
.bussiness-body .item.on .service .case-content h4{color:#fff}
.bussiness-body .item .service .case-content p{display:block;margin-top:17px;line-height:1;font-size:14px;color:#777777;white-space:nowrap}
.bussiness-body .item.on .service .case-content p{color:#fff}
.bussiness-body .item .service .case-content .icon{display:inline-block;margin-top:58px;background-size:100% 100%}
.bussiness-icon1{background:url(../images/cplogo1.png) no-repeat center;width:81px;height:66px}
.bussiness-body .item.on .service .case-content .bussiness-icon1{background:url(../images/cplogos1.png) no-repeat center}
.bussiness-icon2{background:url(../images/cplogo2.png) no-repeat center;width:66px;height:65px}
.bussiness-body .item.on .service .case-content .bussiness-icon2{background:url(../images/cplogos2.png) no-repeat center}
.bussiness-icon3{background:url(../images/cplogo3.png) no-repeat center;width:66px;height:54px}
.bussiness-body .item.on .service .case-content .bussiness-icon3{background:url(../images/cplogos3.png) no-repeat center}
.bussiness-icon4{background:url(../images/cplogo4.png) no-repeat center;width:61px;height:65px}
.bussiness-body .item.on .service .case-content .bussiness-icon4{background:url(../images/cplogos4.png) no-repeat center}
.bussiness-body .item .service .info{display:block;padding-top:23px;font-size:14px;line-height:26px;color:#777777}
.bussiness-body .item.on .service .info{color:#fff}
.bussiness-body .item .price{background:url(../images/cpribg.jpg) no-repeat center;background-size:100% 100%;position:absolute;display:table;width:100%;height:401px;left:100%;top:0}
.bussiness-body .item .price:before{content:'';width:5px;height:10px;display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(../images/business-icon.png) no-repeat}
.bussiness-body .item.on .price{width:46%;left:49.5%}
.bussiness-body .item .price ul{display:table-cell;vertical-align:middle;position:relative;z-index:5}
.bussiness-body .item .price ul li{font-size:14px;line-height:40px;display:block;white-space:nowrap;text-align:center}
.bussiness-body .item .price ul li a{display:block;color:#fff}
.bussiness-body .item .price ul .price_p1{font-size:16px;color:#ffffff;text-align:center;margin-bottom:12px}
.bussiness-body .item .price ul .price_p{line-height:26px;color:rgba(255,255,255,0.6);text-align:center;width:196px;margin:0 auto;margin-bottom:29px}
.business_warp .layui-carousel{background:#ffffff !important}
@media screen and  (max-width: 1580px){
    .bussiness-body .item.on{width: 47%;}
    .bussiness-body .item{width: 43.9%;}
}










/* 我们的优势 */
.ourys{background: url(../images/bg1.jpg) top no-repeat;padding-top: 105px;padding-bottom: 284px;}
.ourys .topt{margin-bottom: 112px;}
.ourys .ourbox .ourli{padding-left: 42px;}
.ourys .ourbox .ourli .our_p1{color: #fff;font-size: 20px;}
.ourys .ourbox .ourli .our_p1 .counter{font-size: 45px;line-height: 45px;color: #fff;margin-right: 10px;}
.ourys .ourbox .ourli .our_p2{font-size: 14px;color: #ffffff;margin-top: 10px;}
.ourys .ourbox .ourli1{background: url(../images/yslogo1.png) left 17px no-repeat;}
.ourys .ourbox .ourli2{background: url(../images/yslogo2.png) left 17px no-repeat;}
.ourys .ourbox .ourli3{background: url(../images/yslogo3.png) left 17px no-repeat;}
.ourys .ourbox .ourli4{background: url(../images/yslogo4.png) left 17px no-repeat;}
@media screen and  (max-width: 1580px){
    .ourys .ourbox .ourli .our_p1 .counter{font-size: 34px;}
}





/* 产品中心 */
.product{background: #f7f7f9;padding-top: 118px;padding-bottom: 52px;}
.product .topt{margin-bottom: 32px;}
.product .pronav{border-top: 1px dashed #dadadb;height: 95px;line-height: 95px;text-align: center;}
.product .pronav a{color: #666666;display: inline-block;line-height: 26px;height: 26px;padding: 0px 15px;margin: 0px 15px;margin-top: 34px;background: -webkit-linear-gradient(left, #232323, #232323) no-repeat;background: linear-gradient(to right, #232323, #232323) no-repeat;background-size: 0% 100%;}
.product .probox .proli{width: 370px;margin-right: 26px;margin-bottom: 46px;float: left;}
.product .probox .proli:nth-of-type(4n){margin-right: 0px;}
.product .probox .proli .proimg{width: 370px;overflow: hidden;position: relative;}
.product .probox .proli .proimg>img{width: 100%;transition: 0.5s;}
.product .probox .proli .proimg a{width: 100%;display: block;height: 100%;position: absolute;top: 100%;background: rgba(18,30,62,0.78);text-align: center;color: #fff;transition: 0.4s;}
.product .probox .proli .proimg a img{display: block;margin: 18px auto;}
.product .probox .proli .proimg a img:nth-of-type(1){margin-top: 76px;}
.product .probox .proli .proname{padding-top: 24px;}
.product .probox .proli .proname a{color: #333333;}
.product .probox .proli .proname span{color: #909090;}
.product .probox .proli:hover .proimg a{top: 0px;}
.product .pronav a:hover{background-size: 100% 100%;color: #fff;}
.product .probox .proli:hover .proimg>img{transform: scale(1.1);}
.product .pronav .proa{background-size: 100% 100%;color: #fff;}
@media screen and  (max-width: 1580px){
    .product .probox .proli{width: 382px;}
    .product .probox .proli .proimg{width: auto;}
    .product .probox .proli:nth-child(3n){margin-right: 0;}
    .product .probox .proli:nth-child(4n){margin-right: 26px;}
}










/* 我们的优势 */
.weys{padding-top: 93px;padding-bottom: 120px; background: url(../images/bg3.jpg) top;height: 740px;}
.weys .topt{margin-bottom: 56px;}
.weys #swipernav{text-align: center;border-bottom: 1px solid rgba(255,255,255,0.1);width: 1215px;margin: 0 auto;}
.weys #swipernav .swiper-pagination-bullet{width: 116px;margin: 0px 50px;background: none;color: #f5f5f5;font-size: 18px;height: 38px;line-height: 18px;opacity: 1;border-bottom: 3px solid rgba(255,255,255,0);border-radius: 0px;}
.weys #swipernav .swiper-pagination-bullet-active{border-bottom: 3px solid rgba(255,255,255,0.5);}
.weys .we1{padding-top: 77px;}
.weys .we1 .wey1{width: 746px;padding-top: 46px;}
.weys .we1 .wey1 .wey1_p1{font-size: 32px;color: #f7f7f7;line-height: 50px;}
.weys .we1 .wey1 .wey1_p2{font-size: 32px;color: #f7f7f7;line-height: 50px;margin-bottom: 48px;}
.weys .we1 .wey1 .wey1_p3 ul{display: flex;flex-wrap: wrap;}
.weys .we1 .wey1 .wey1_p3{font-size: 16px;color: #f7f7f7;line-height: 36px;}
.weys .we1 .wey1 .wey1_p3 ul li{font-size: 16px;color: #f7f7f7;line-height: 36px;display: flex;height: 50px;width: 234px;}
.weys .we1 .wey1 .wey1_p3 ul li img{width: 21px;height: 20px;margin-top: 7px;margin-right: 10px;}
.weys .we1 .wey1 .more{margin-top: 50px;width: 150px;height: 40px;text-align: center;line-height: 40px;display: block;border-radius: 40px;color: #fff;background: rgba(255,255,255,0.2);}
.weys .we1 .wey2{overflow: hidden;}
.weys .we1 .wey2 img{width: 99.9%;transition: 0.3s;}
.weys .we1 .wey1 .more:hover{text-indent: 10px;background: rgba(255,255,255,0.3);}
.weys .we1 .wey2 img:hover{transform: scale(1.1);}
.weys .we2{padding-top: 115px;}
.weys .we2 .we2_d1{width: 753px;}
.weys .we2 .we2_d1 .we2_p1{font-size: 32px;color: #f7f7f7;line-height: 53px;}
.weys .we2 .we2_d1 .we2_p2{font-size: 32px;color: #f7f7f7;line-height: 53px;margin-bottom: 42px;}
.weys .we2 .we2_d1 .we2_p3{font-size: 16px;color: #f7f7f7;line-height: 36px;margin-bottom: 90px;}
.weys .we2 .we2_d1 .more{width: 150px;height: 40px;text-align: center;line-height: 40px;display: block;border-radius: 40px;color: #fff;background: rgba(255,255,255,0.2);}
.weys .we2 .we2_d2{width: 749px;}
.weys .we2 .we2_d2 img{width: 100%;}
.weys .we2 .we2_d1 .more:hover{text-indent: 10px;background: rgba(255,255,255,0.3);}
.weys .we3{padding-top: 110px;}
.weys .we3 .we3_d1{width: 1374px;margin: 0 auto;}
.weys .we3 .weli{width: 270px;height: 190px;position: relative;overflow: hidden;}
.weys .we3 .weli::before{ content: "";position: absolute;bottom: 0;left: -5px;width: 110%;height: 0;background-color: #fff;z-index: -1;-webkit-transition: all .4s;transition: all .4s;}
.weys .we3 .weli:hover::before{height: 100%;}
.weys .we3 .weli .weimg{margin-top: 36px;height: 68px;overflow: hidden;}
.weys .we3 .weli .weimg .weimg1{height: 68px;text-align: center;transition: 0.3s;}
.weys .we3 .weli .weimg .weimg2{height: 68px;text-align: center;transition: 0.3s;}
.weys .we3 .weli .weli_p1{font-size: 16px;color: #333333;line-height: 16px;margin-bottom: 14px;text-align: center;}
.weys .we3 .weli .weli_p2{font-size: 14px;color: #484747;line-height: 14px;text-align: center;}
.weys .we3 .weli:hover .weimg .weimg1{transform: translateY(-68px);}
.weys .we3 .weli:hover .weimg .weimg2{transform: translateY(-68px);}
@media screen and  (max-width: 1580px){
    .weys{height: 600px;}
    .weys .we1 .wey1,.weys .we2 .we2_d1{width: 67%;}
    .weys .we1 .wey1 .wey1_p1,.weys .we1 .wey1 .wey1_p2,.weys .we2 .we2_d1 .we2_p1,.weys .we2 .we2_d1 .we2_p2{font-size: 26px;}
    .weys .we1 .wey1 .wey1_p3,.weys .we2 .we2_d1 .we2_p3{font-size: 14px;}
}










/* 客户说 */
.khsay{background: url(../images/bg2.jpg) bottom no-repeat;padding-top: 104px;padding-bottom: 94px;}
.khsay .khbox .khtwo{height: 311px;margin-top: 137px;}
.khsay .khbox .khtwo .khli{width: 752px;height: 305px;background: #fff;position: relative;box-shadow: 0px 5px 5px 2px #e4e4e5;}
.khsay .khbox .khtwo .khli .khimg{width: 100%;height: 124px;text-align: center;position: absolute;top: -68px;left: 0px;}
.khsay .khbox .khtwo .khli .khdesc{width: 533px;padding: 0px 90px;margin: 0 auto;margin-top: 99px;text-align: center;background: url(../images/yh.png) center 10px no-repeat;font-size: 16px;line-height: 32px;color: #444444;}
.khsay .khbox .khtwo .khli .khgs{margin-top: 38px;text-align: center;color: #6e6e6e;display: block;}
#swiper2{--swiper-pagination-color: #d71718;}
#swiper2 .swiper-pagination-bullet{width: 10px;height: 10px;}
#swiper2 .swiper-paginationb{text-align: center;padding-top: 68px;}
@media screen and  (max-width: 1580px){
    .khsay .khbox .khtwo .khli{width: 48.5%;}
    .khsay .khbox .khtwo .khli .khdesc{width: 86%;font-size: 14px;padding: 0; }
}




/* 新闻动态 */
.inews{padding-top: 85px;padding-bottom: 100px;}
.inews .topt{margin-bottom: 62px;}
.inews .newbox .newle{width: 660px;width: 42.3%;}
.inews .newbox .newle .newimg{width: 100%;position: relative;overflow: hidden;}
.inews .newbox .newle .newimg img{width: 100%;transition: 0.3s;}
.inews .newbox .newle .newimg span{width: 116px;height: 55px;font-size: 24px;display: block;text-align: center;line-height: 55px;color: #fff;background: #111d3a;position: absolute;right: 0px;bottom: 0px;}
.inews .newbox .newle .newdesc{background: #f8f8f8;width: 590px;padding: 0px 35px;height: 153px; width: auto;}
.inews .newbox .newle .newdesc a{display: block;height: 66px;line-height: 66px;font-size: 18px;color: #333333;}
.inews .newbox .newle .newdesc p{line-height: 28px;color: #666666;}
.inews .newbox .newri{width: 836px;width: 53.5%;}
.inews .newbox .newri .newtwo{margin-bottom: 28px;}
.inews .newbox .newri .newtwo .newb{width: 410px; width: 49%;}
.inews .newbox .newri .newtwo .newb .newpic{width: 100%;position: relative;overflow: hidden;}
.inews .newbox .newri .newtwo .newb .newpic img{width: 100%;height: 251px;transition: 0.3s;}
.inews .newbox .newri .newtwo .newb .newpic span{width: 79px;height: 37px;font-size: 16px;display: block;text-align: center;line-height: 37px;color: #fff;background: #111d3a;position: absolute;right: 0px;bottom: 0px;}
.inews .newbox .newri .newtwo .newb .newname{height: 75px;line-height: 75px;display: block;color: #333333;font-size: 16px;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.inews .newbox .newri .newli{height: 83px;line-height: 83px;border-top: 1px solid #e5e5e5;}
.inews .newbox .newri .newli a{color: #333333;display: block;line-height: 83px;}
.inews .newbox .newri .newli span{line-height: 83px;color: #999999;font-size: 12px;}
.inews .newbox .newle .newimg img:hover{transform: scale(1.1);}
.inews .newbox .newri .newtwo .newb .newpic img:hover{transform: scale(1.1);}
.inews .newbox .newle .newdesc a:hover{color: #c30001;text-indent: 10px;}
.inews .newbox .newri .newtwo .newb .newname:hover{color: #c30001;text-indent: 10px;}
.inews .newbox .newri .newli:hover a{color: #c30001;text-indent: 10px;}
@media screen and  (max-width: 1580px){
    .inews .newbox .newle .newdesc a{height: 55px;line-height: 55px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
    .inews .newbox .newri .newli {
        height: 65px;
        line-height: 65px;
        border-top: 1px solid #e5e5e5;
    }
    .inews .newbox .newri .newli a{line-height: 65px;}
    .inews .newbox .newri .newtwo{margin-bottom: 0;}
}

/*分站*/
.citys {width: 100%; min-width: 1200px; padding: 50px 0;}
.citys .dq ul {padding:15px; background: #fafafa; border: 1px solid #e6e6e6; display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;}
.citys .dq ul li {font-size: 16px; color: #666;}
.citys .dq ul li:hover {cursor: pointer;}
.citys .dq ul li i { width: 1px;height: 11px;margin: 8px 0 0 38px;float: right; background: #C7C7C7;}
.citys .cs ul {padding: 15px; display: flex; display: -ms-flexbox; flex-wrap:wrap; -ms-flex-wrap: wrap; border: 1px solid #e6e6e6; border-top: none;}
.citys .cs ul li a {padding: 5px 12px;}
.dqli {font-weight: bold;}

/* 内页按钮 */
.sortWrap { padding-bottom: 25px; text-align: center;}
.sortWrap a{display: inline-block; font-size: 14px; line-height: 50px; color: #fff; margin-right: 2px; margin-bottom: 2px; cursor: pointer; transition: all 0.5s ease 0s;}
.sortWrap a.type-link { padding-left: 50px; padding-right: 30px;}
.sortWrap a.type-link:hover,.sortWrap a.type-link.cur {background-color: #333 !important; color: #fff;}
.sortWrap .type1 { background: url(../images/ico_10_h.png) no-repeat 25px center #777;}
.sortWrap .type1:hover { background: url(../images/ico_10_h.png) no-repeat 25px center #777;}
.sortWrap .type2 { background: url(../images/ico_71_h.png) no-repeat 25px center #777;}
.sortWrap .type2:hover { background: url(../images/ico_71_h.png) no-repeat 25px center #777;}
.sortWrap .type3 { background: url(../images/ico_11_h.png) no-repeat 25px center #777;}
.sortWrap .type3:hover { background: url(../images/ico_11_h.png) no-repeat 25px center #777;}

.web_1 .sortWrap,.wx_con1s .sortWrap{ padding-top: 40px; padding-bottom: 0; }


.index_tit { padding-top: 80px; text-align: center; }
.index_tit .tit { height: 70px; line-height: 70px; color: #333; font-size: 30px; }
.index_tit .line { width: 298px; margin: auto; position: relative; height: 1px; background: #c5c5c5; }
.index_tit .line span { background: #2e8af9; width: 60px; height: 3px; position: absolute; top: -1px; left: 50%; margin-left: -30px; }
.index_tit .desc { color: #999; line-height: 34px; padding-top: 10px; }

.icasebox { padding: 30px 0; }
/* .casebox { width: 102%; } */



/* 爱采购 */

.caselist a.acg{padding: 9%;padding-bottom: 0; display: block;background: url(../images/acg_log.png) #ff3636 no-repeat 45px 20px;}
.caselist .acg_tit{margin-top: 10px;margin-bottom: 22px;}
.caselist .acg_tit h3{font-size: 17px;color: #ffffff;}
.caselist .acg_tit time{color: #ffffff;}
.caselist .picture{overflow: hidden; background-color: #000;padding: 2.5%;padding-bottom: 0;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.caselist .img:hover .acg img{transform: scale(1,1);}




.caselist { width: 32.5%; margin-right: 1.2%; margin-bottom: 20px; float: left; }
.caselist:nth-child(3n){margin-right: 0;}
.caselist .img { width: 100%; position: relative; overflow: hidden; }
.caselist .img img { width: 100%; transition: transform 0.6s ease 0s;}
.caselist .img .up_graybox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s; z-index: 3; }
.caselist .img .up_graybox .bgbox { display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.caselist .img .up_graybox .stit { font-size: 16px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; color: #fff; line-height: 26px; padding: 3px 0; margin-top: -29px; }
.caselist .img .up_graybox .line { display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s; }
.caselist .img .up_graybox .linet { top: 0; }
.caselist .img .up_graybox .lineb { bottom: 0; }
.caselist .img:hover .up_graybox { opacity: 1; filter: alpha(opacity=1); }
.caselist .img .up_graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60); }
.caselist .img:hover img { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; }
.caselist_box { width: 86.5%; padding: 22px 6.5% 0; padding-bottom: 7px; border: 1px solid #e4e4e4; background: #fdfdfd; }
.caselist_box .stit { font-size: 16px; line-height: 30px; height: 30px; position: relative; }
.caselist_box .stit a { display: block; overflow: hidden; width: 100%;white-space: nowrap; text-overflow: ellipsis; }
.caselist_box .lab_font { line-height: 24px; font-size: 12px; min-height: 24px; color: #777; }
.caselist_box .bot_link { margin-top: 28px; border-top: 1px solid #e5e5e5; line-height: 36px; display: block; color: #777; }
.caselist_box .bot_link .fl { display: inline-block; font-size: 14px; }
.caselist_box .bot_link .fr { display: inline-block; width: 24px; height: 36px; background: url(../images/ico_08.png) no-repeat center; transition: all 0.3s; }
.caselist_box .bot_link:hover .fr { background: url(../images/ico_08_h.png) no-repeat center; }
.case_more { display: block; margin: auto; width: 180px; height: 60px; line-height: 60px; text-align: center; color: #999; font-size: 16px; background-color: #e2e2e2; cursor: pointer; font-family: "Base-font"; transition: all 0.4s ease 0s; margin-bottom: 60px; margin-top: 40px; }
.case_more:hover { background: #2e8af9; color: #fff; }

.case_show { padding: 50px 40px; background: #fff; font-size: 14px; color: #333; margin-bottom: 20px; }
.case_show_l { width: 30%; border-right: 1px solid #e6e6e6; float: left; }
.case_show_l p+p { margin-top: 10px; }
.case_show_r { width: 67%; float: right; }
.case_show_r h6 { font-weight: bold; margin: 5px 0px 10px; }
.case_show_r p { line-height: 26px; }
.detail { background: url(../images/casebg.png) top left repeat; padding-bottom: 60px; min-height: 500px; }
.detail .tit { text-align: center; color: #fff; font-size: 48px; line-height: 60px; padding: 60px 0; font-family: futuratd; }
.detail .txt { width: 800px; background:#fff; margin: auto; -o-box-shadow: 0 0 8px rgba(0,0,0,.15); -ms-box-shadow: 0 0 8px rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15); box-shadow: 0 0 8px rgba(0,0,0,.15); }
.detail .txt img { max-width: 100%; }
.detail+.pagenav { background: #fff; margin: 0; padding: 30px 20px; border-top: 1px solid #e4e4e4; }
.case_interested { background: #fff; margin: 20px 0; padding: 20px; }
.case_interested a.more { float: right; }

/*微信营销*/
.wx_con1s { width: 100%; height: auto; background: #fff; padding-bottom:100px; }
.wxtp_100 { padding: 100px 0px; }
.wxtp_100 img.wxp1 { width: 45%; max-width: 560px; }
.wxtp_100 img.wxp2 { width: 45%; max-width: 540px; }
.wxtp_100 img.wxp3 { width: 45%; max-width: 560px; }
.wxtp_100 img.wxp4 { width: 45%; max-width: 600px; }
.wxtp_100 img.wxp5 { width: 45%; max-width: 570px; }
.wx_con1s ul { overflow: hidden; }
.wx_con1s li { width: 20%; float: left; }
.wx_con1s li p { color: #333; text-align: center; font-size: 16px; height: 30px; padding-top: 10px; }
.wx_con1s li div { background: url(../images/wxico.png) top center no-repeat; width: 150px; height: 150px;margin: 0px auto; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; cursor:pointer;}
.wx_con1s li .ico1 { background-position: 0px 0px; }
.wx_con1s li .ico2 { background-position: 0px -150px; }
.wx_con1s li .ico3 { background-position: 0px -300px; }
.wx_con1s li .ico4 { background-position: 0px -450px; }
.wx_con1s li .ico5 { background-position: 0px -600px; }
.wx_wcj { background: #f5f5f5; width: 100%; }
.wx_con1s li:hover div { transform: rotateY(180deg); }
.w_555 { width: 555px; }
.wrap .w_555 p { font-size: 36px; color: #222; line-height: 45px; }
.wrap .w_555 .txt { line-height: 36px; font-size: 14px; color: #666; margin-top: 45px; }
.wx_wsc { background: #33a0ff; width: 100%; }
.wx_wsc .wrap .w_555 p { color: #fff; }
.wx_wsc .wrap .w_555 .txt { color: #fff; }
.wx_gzh { background: #ffca0f; }

/*其他产品*/
.qt_con1s { width: 100%; height: auto; background: #fff; padding-bottom:100px; }
.qt_con1s ul { overflow: hidden; }
.qt_con1s li { width: 33.33%; float: left; margin:30px 0px; text-align:center;}
.qt_con1s li p { color: #333; text-align: center; font-size: 16px; height: 30px; padding-top: 10px; }
.qt_con1s li .ico  { background: url(../images/qtico.png) top center no-repeat; width: 110px; height: 110px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; cursor:pointer; margin:auto;}
.qt_con1s li .ico1 { background-position: 0px 0px; }
.qt_con1s li .ico2 { background-position: 0px -110px; }
.qt_con1s li .ico3 { background-position: 0px -220px; }
.qt_con1s li .ico4 { background-position: 0px -330px; }
.qt_con1s li .ico5 { background-position: 0px -440px; }
.qt_con1s li .ico6 { background-position: 0px -550px; }
.qt_con1s li:hover .ico { transform: rotateY(180deg); }
.qt_con1s li .txt{ line-height:24px; color:#666; font-size:13px; margin-top:10px;}
.qt_word{ margin-bottom:100px; margin-top:60px;}
.qt_xgxw{  }
.qt_word ul{ overflow:hidden; margin-top:10px;}
.qt_word ul li{ line-height:45px;  border-bottom:1px dashed #e5e5e5; width:48%; float:left;}
.qt_word ul li:nth-child(even){ float:right;}
.qt_word ul li a{color:#555;}
.qt_word  ul li span{ float:right; color:#999;}
.qt_word  ul li:hover a{ color:#2e8af9;}

/*新闻列表*/
.newsWrap{margin: 0 auto;padding-top: 50px;}
.inews1{border-top: 1px solid #eee;}
.newList:first-child{margin-top: 28px;}
.newList {width: 1503px;height: auto;margin: 0 auto;border-bottom: 1px solid #eee;transition: .5s;cursor: pointer;}
.newList:hover{background: #ddd;width: 100%;height: 100%;transform:translateX(60px);}
.newList .img { display: block;width: 273px;height: auto;float: right;overflow: hidden;padding-right: 50px;}
.newList .img img{  width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.newList :hover .img img { transform: scale(1.1); transition: transform 0.6s ease 0s;}
.newList span { display: block;}
.newList .cont-wrap { width: 100%;padding: 32px 0;display: block;overflow: hidden;margin-top: -28px;}
.newList .cont-wrap .date {display: block; width: 100px;height: auto;float: left;margin-top: 12px;padding-left: 50px;}
.newList .cont-wrap .date .day {   color: #000; width: 100%; height: 90px;text-align: center;font-size: 48px;line-height: 90px;background: #eaeaea;font-family: Arial;}
.newList .cont-wrap .date .year { width: 100%;height: 40px;text-align: center;background: #f9f9f9;font-size: 14px;line-height: 40px;color: #555;font-family: Arial;}
.newList .cont-wrap .cont-box { width: 61.1%;height: auto;float: left;margin-left: 3.5%;margin-top: 41px;}
.newList .cont-wrap .cont-box .tit {font-size: 22px;line-height: 22px;color: #333;height: 22px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newList .cont-wrap .cont-box .tit a { display: inline-block; color: #333;}
.newList .cont-wrap .cont-box .font {font-size: 14px;line-height: 24px;color: #616161;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 24px;}
.newList .cont-wrap .cont-box .font a { display: inline-block; color: #777;}
.newList .cont-wrap .bot-link { display: block; border-top: 1px solid #e5e5e5;margin-top: 28px; line-height: 38px;}
.newList .photolist{margin-bottom: 0;}
/* .newList .cont-wrap .bot-link .stt { display: inline-block; font-size: 14px; color: #777;}
.newList .cont-wrap .bot-link .point { width: 24px; height: 38px; background: url(../images/ico_08.png) no-repeat center;} */
.news-list{margin: 85px auto 100px;}
.news-list .list ul li a .box {width: 94%;height: auto;margin: 0 auto;}
.news-list .list ul {width: 100%;height: auto;border-top: 1px solid #eee;}
.news-list .list ul li {width: 100%;height: auto;border-bottom: 1px solid #eee;transition: .5s;}
.news-list .list ul li:hover{background: #ddd;width: 100%;height: 100%;transform:translateX(60px);}
.news-list .list ul li a {width: 100%;height: auto;display: block;padding: 24px 0;}
.news-list .list ul li a .box1 {width: 94%;height: auto;margin: 0 auto;}
.news-list .list ul li a .box1 .pic {width: 19.3%;height: auto;float: right;overflow: hidden;}
.news-list .list ul li a .box1 .pic img {transition: .5s;width: 273px;height: 183px;}
.news-list .list ul li:hover a .box1 .pic img {transform: scale(1.1); }
.news-list .list ul li a .box1 .time {width: 100px;height: auto;float: left;margin-top: 28px;}
.news-list .list ul li a .box1 .time .day {    color: #000; width: 100%; height: 90px;text-align: center;font-size: 48px;line-height: 90px;background: #eaeaea;font-family: Arial;}
.news-list .list ul li a .box1 .time .year {width: 100%;height: 40px;text-align: center;background: #f9f9f9;font-size: 14px;line-height: 40px;color: #555;font-family: Arial;}
.news-list .list ul li a .box1 .con { width: 61.1%;height: auto;float: left;margin-left: 3.5%;margin-top: 41px;}
.news-list .list ul li a .box1 .con .tits {font-size: 22px;line-height: 22px;color: #333;height: 22px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-list .list ul li a .box1 .con .tit {font-size: 14px;line-height: 24px;color: #616161;height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 24px;}
.mask{width:1503px;height:231px;background:#000;position: absolute;display: none;opacity:0.5;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
@media (max-width: 1550px){
.newList .cont-wrap .bot-link {margin-top: 18px;}
}
.fancybox-title-inside-wrap {padding: 15px 20px}
.fancybox-title-inside-wrap p.tit { font-size: 15px; font-weight: bold;}

/*新闻详情*/
.news-info { background: #fff; padding-top: 60px; padding-bottom: 55px; }
.news-info .newinfoWrap { width: 92%; margin: 0 auto;}
.news-info .tit-box { padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.news-info .tit-box h4 { font-size: 26px; line-height: 38px; color: #333;}
.news-info .tit-box .date { line-height: 28px; font-size: 14px;}
.news-info .info-cont { font-size: 14px; line-height: 26px; margin-top: 28px;}
.news-info .info-cont p { color: #777}
.news-info .pagenav { margin-bottom: 0;  border-top: 1px solid #e5e5e5; padding-top: 25px;}


.ihyzxWrap { background: #fff; padding: 22px 0 50px;}
.ihyzxWrap .main-wrap { width: 82.8%; margin: 0 auto;}
.ihyzxWrap .top-titbox h4 { font-size: 24px; line-height: 40px; color: #333;  font-weight: normal;}
.ihyzxWrap .top-titbox .line { display: inline-block; width: 10px; height: 2px; background-color: #1c1c1c; margin-top: 8px;}
.ihyzxWrap .top-titbox .font { display: block;line-height: 32px;margin-top: 10px; font-size: 16px; color: #666;}
.ihyzxWrap .top-titbox .more { display: inline-block; line-height: 32px; margin-top: 60px; padding-left: 25px; background: url(../images/ico_09.png) no-repeat left center; font-size: 14px;}
.ihyzxWrap .top-titbox .more:hover { color: #000;}

.interested+.content { padding-top: 0; }
.taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.taglist .list span { margin-right: 20px; }
.taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.tag { border-bottom: 1px dashed #ccc; margin: 20px; padding-bottom: 16px; margin-top: 40px; font-size: 14px; color: #29282d; }
.tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; }
.pagebox { height: 36px; padding-bottom: 50px; }
.pagenav { overflow: hidden; margin: 0 20px; margin-top: 30px; margin-bottom: 62px; }
.pagenav p { width: 45%; font-size: 14px; color: #777; }
.pagenav p.next { float: left; }
.pagenav p.prev { float: right; text-align: right; }
.interested { background: #fff; padding:30px 0 35px;}
.interested .main-wrap { width: 90%; }
.interested .list { margin: 0 20px; border-bottom: 1px solid #f5f5f5; height: 40px; line-height: 40px; padding: 0 10px; }
.interested .list span { margin-right: 20px; }
.interested .list a { display: block; color: #777; }
.interested .list a:hover { color: #333 }
.interested .prolist { width: 212px; float: left; margin: 15px 10px; margin-bottom: 30px; }
.interested .prolist img { width: 212px; height: 212px; }
.interested .prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.interested .prolist p.title:hover { background: #c48e45; color: #fff; }
.jobshow { cursor:pointer;}
.jobinfo { height:0px; overflow:hidden;}
.photolist a{ display:none;}
.fancybox-title p { padding-top:10px;}


.nine-wrap-list { padding-top: 30px; position: relative; overflow: hidden;}
.nine-wrap-list ul { width: 102%; padding-bottom: 10px;}
.nine-wrap-list li { width: 31.5%;    margin-right: 1.75%; border: 1px solid #ececec; padding: 1.6%; transition: box-shadow 0.3s; box-sizing: border-box; float: left;}
.nine-wrap-list li .con { width: 100%;}
.nine-wrap-list li h2  {font-size: 16px; color: #333; line-height: 22px; margin-bottom: 17px;font-weight: 400;}
.nine-wrap-list li p { font-size: 14px; color: #666; line-height: 22px;}
.nine-wrap-list li .link-point { display: block; width: 24px; height: 8px; background: url(../images/ico_08.png) no-repeat center; margin-top: 38px;}

.parWrap {padding-top: 50px; padding-bottom: 60px; background-color: #fff; margin-bottom: 0;}
.parWrap .main-wrap { width: 82.8%; margin: 0 auto;}
.parWrap .tit-box .tit { font-size: 24px; line-height: 40px; color: #333;}
.parWrap .tit-box .intr {display: block; line-height: 30px; font-size: 16px;color: #666;}
.parWrap .tit-box .more { display: inline-block; line-height: 32px; margin-top: 10px; padding-left: 25px; background: url(../images/ico_09.png) no-repeat left center; font-size: 14px;}
.parWrap .list-wrap { margin-top: 62px; position: relative; overflow: hidden; text-align: center;}
.parWrap .list-wrap ul { width: 107%;}
.parWrap .list-wrap li { width: 11.6%; margin-right: 2%; text-align: center; margin-bottom: 40px; min-height: 48px; display: inline-block; float: left;border: 1px solid #eee; box-sizing: border-box;}
.parWrap .list-wrap li img { width: 100%;opacity:0.6; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%); filter: gray; }


/*内页*/
.ban { width: 100%; height: 381px; }
.about p { line-height: 36px; }
.videolist ul {display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap;}
.videolist ul li  {margin-bottom: 20px;}
.videolist ul li .title {text-align: center; line-height: 45px; background: #f2f2f2;}
.videolist ul li .title:hover {background: #c30001; color: #fff;}
.videolist ul li img {width:285px ; height: 250px;}
.location { width: 100%; border-bottom: 1px solid #e4e4e4; height: 50px; line-height: 50px; background:#d6d6d6;}
.location .breadrumb { background: url(../images/address.png) left center no-repeat; padding-left: 20px; }
.location .wrap { position: relative;width: 79%; }
@media screen and  (max-width: 1580px){
    .location .wrap{width: 96%;}
}



.locat_nav { position: absolute; top: 0; right: 0; z-index: 2; }
.locat_nav a { padding: 0 10px; display: inline-block; height: 50px; line-height: 50px; float: left; position: relative;}
.locat_nav a+a { margin-left: 10px; }
#locat_nav_on { background: #2e8af9; width:0px; height: 2px; position: absolute; top: 49px; transition: all 0.3s; }
.locat_nav a#cur:after { display: block; content:''; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 22;background: #2e8af9;}
.c_wrap { margin: 30px auto; position: relative; min-height:400px; }
.c_wrap_l { width: 240px; float: left; }
.c_wrap_l .tit { background: #333; font-size: 20px; color: #fff; font-weight:bold; padding: 15px; text-align:center; }
.c_wrap_l .tellbg {background: url(../images/tellbg.jpg) center no-repeat; background-size:auto; padding:15px 0; }
.c_wrap_l .telltest {  width:60%; height: 64px; background: #a15605; background: rgba(33, 33, 33, 0.5); line-height:40px;font-size:20px; color: #fff; padding-left:15px; font-weight:bold;}
.c_wrap_l .telltest p{font-family: Arial;font-weight:100; line-height:10px;}
.c_wrap_l .tit p { font-size: 14px; text-transform: uppercase; font-family: Arial; padding-top: 10px; }
.c_wrap_l .box #leftnav dl dt {display: flex; justify-content: space-between;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box #leftnav dl dt a {flex:1; display: inline-block; text-indent:5px;font-size: 14px; margin:0 10px;}
.c_wrap_l .box #leftnav dl dt span {width: 19px; height: 19px; display: block; float:right; color: #444; font-size: 18px; margin-right: 15px;}
.c_wrap_l .box #leftnav dl dt:hover {background: #c30001;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box #leftnav dl dt:hover a {color: #fff;border-bottom: 1px dashed #c30001;}
.c_wrap_l .box #leftnav .list2 { color: #333; line-height:40px; } 
.c_wrap_l .box #leftnav .list2 a {display:block; width:200px; margin:0 auto;  padding-left:20px;  border-bottom: 1px dashed #d7d7d7;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box #leftnav .list2 a:hover {color: #fff; background: #c30001;border-bottom: 0px;border-top: 1px solid #f6f6f6;}
.c_wrap_l .box { background: #f6f6f6; margin-bottom: 30px; padding-bottom:10px;}
.c_wrap_l .box dt a{ display:block; margin:0 auto;  height: 45px; line-height: 45px;  transition: all .2s linear 0s;border-bottom: 1px dashed #d6d6d6;  position: relative; }
.c_wrap_l .box #leftnav dt a {display: inline-block; }
.c_wrap_l .box dl dt:hover span{width:10px; height: 15px; display: inline-block; color:#fff !important;}
.c_wrap_l .box dl dt:hover {cursor: pointer; color: #fff;}
.c_wrap_l .box dl .active{background: #c30001; border-bottom: 1px dashed #c30001;}
.c_wrap_l .box dl .active a,.c_wrap_l .box dl .active span{color: #fff !important;border-bottom: 0px ;}

.c_wrap_l .box dl dt span:hover {cursor: pointer;}
.c_wrap_l .box.contact { padding: 15px 15px; background: #f6f6f6; }
.c_wrap_l .box.tags { padding: 15px; }
.c_wrap_l .box.tags .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; margin-bottom: 10px; }
.c_wrap_l .box.tags .badge i { display: inline-block; width: 12px; height: 12px; background: url(../images/tags.png) no-repeat; margin-right: 5px; }
.c_wrap_r { width: 930px; float: right; }
.c_wrap_r iframe{ min-height:350px !important;}

.prolist { width: 280px; float: left; }
.prolist { width: 280px; float: left; margin: 0 15px; margin-bottom: 28px; }
.prolist img { width: 280px;}
.prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.prolist p.title:hover { background: #c30001; color: #fff; }
.newslist { padding-bottom: 30px; }
.overf { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_item { position: relative; padding: 33px 0; transition: all .2s linear 0s; }
.list_item .news_con { position: absolute; width: 659px; padding: 0 30px; }
.list_item .name { padding: 15px 0 5px; font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #343434; }
.list_item .news_con .des { overflow: hidden; height: 72px; font-size: 14px; line-height: 22px; color: #999999; text-align: left; }
.list_item .news_con .xian { position: absolute; top: 16px; height: 16px; width: 4px; background: #999; transition: all .2s linear 0s; }
.list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; }
.list_item .news_others .inform { position: absolute; width: 100%; top: 10px; }
.list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; }
.list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; }
.list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #c30001; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; }
.list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; }
.odd .list_item { padding-left: 50%; }
.odd .list_item .news_con { left: 0; }
.odd .list_item .news_con .xian { right: -2px; }
.even .list_item .news_con { right: 0; }
.even .list_item .news_con .xian { left: -2px; }
.list_item:hover { box-shadow: 0 0 20px #ddd; }
.list_item:hover .news_con .xian { height: 80%; background: #c30001; }
.list_item:hover .news_con .name { color: #c30001; font-weight: normal; }
.list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #c30001; }
.list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #c30001; }
.list_item:hover .news_others .img { opacity: 1; }
.c_wrap_r h1 { font-weight: 400; font-size: 24px; text-align: center; padding: 15px 0; }
.c_wrap_r p.news_oth { text-align: center; color: #888; border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; }
.c_wrap_r p.news_oth span { margin: 0 10px; }
.summary { position: relative; background: #fafafa; margin: 20px 10px 0; padding: 40px 20px 20px; font-family: 微软雅黑; color: #6c7480; font-style: italic; line-height: 150%; border: 1px solid #eee; border-radius: 5px; }
.summary span { position: absolute; left: -1px; top: 15px; padding: 0 0 0 20px; font-size: 1.2em; font-style: normal; color: #c2c6cc; border-left: 4px solid #c2c6cc; }
.content { padding: 20px 10px; line-height: 30px; }
.content img {display: block; margin: 0 auto;}
.content p { margin-bottom: 10px; }
.content h2, .interested .tit { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #eee; text-indent: 15px; font-weight: 400; border-left: 5px solid #c30001; margin-bottom: 10px; }
.pro_c { margin-bottom: 40px; padding:0px 50px; }
.pro_c .img { width: 100%;text-align: center;border-bottom: 1px dashed #ccc;padding-bottom:20px; }
.pro_c .img img { width: 650px; border-radius: 10px; cursor: pointer;margin: 0 auto; }
.pro_c .img .swiper-pagination { background: rgba(0,0,0,.5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; }
.pro_c .text { text-align: center; margin-bottom: 20px;}
.pro_c .text .tit h1 { font-size: 18px; font-weight: 400; text-align: left; display: inline-block; padding: 0; font-weight:bold; }
.pro_c .des {margin-top: 20px; line-height: 30px; color: #777777;text-align: center; }
.interested+.content { padding-top: 0; }
.taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.taglist .list span { margin-right: 20px; }
.taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.tag { border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d; margin-bottom:30px; }
.tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; }
.pagebox { height: 36px;  text-align: center; }
.pagebox #pagesize { display: inline-block; }
.pagebox #pagesize li { float: left; }
.pagenav { overflow: hidden; margin-top: 30px; margin-bottom: 62px; }
.pagenav p { width: 45%; font-size: 14px; color: #777; }
.pagenav p.next { float: left; }
.pagenav p.prev { float: right; text-align: right; }
.interested { padding-bottom: 20px; }
.interested .list { border-bottom: 1px dashed #ddd; height: 50px; line-height: 50px; padding-right:5px; padding-left:20px; background:url(../images/jt_right.png) no-repeat center left; }
.interested .list span { float:right; color:#CCC;}
.interested .list a { display: block; color: #777; }
.interested .prolist { width: 212px; float: left; margin: 15px 10px; margin-bottom: 30px; }
.interested .prolist img { width: 212px;}
.interested .prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.interested .prolist p.title:hover { background: #c30001; color: #fff; }
.photolist {float: left; margin-right: 40px;margin-bottom: 28px;}
.photolist img{width:269px;}
.photolist .title {height: 45px; text-align: center; line-height: 45px;background: #f2f2f2; transition: all .2s;}
.photolist .title:hover {background: #cd0208;color: #fff;}

.swiper-slide{margin-left: 0 !important;}

.zxly{ padding-left:5px; margin-bottom:30px; line-height:40px; font-size:15px;}
.zxly span{ font-weight:bold; font-size:16px;}

.ny_lxwm .t{ font-size:24px; color:#333; font-weight:bold; line-height:50px;}
.ny_lxwm li{float:left; width:400px; background:url(../images/lx_ico.png) left 18px  no-repeat;line-height:70px; height:70px; border-bottom:1px solid #eee;padding-left:65px;}
.ny_lxwm li.li1{ background-position:0px 20px;}
.ny_lxwm li.li2{ background-position:00px -50px;}
.ny_lxwm li.li3{ background-position:0px -120px;}
.ny_lxwm li.li4{ background-position:0px -190px;}
.ny_lxwm li.li5{ background-position:0px -260px;}
.ny_lxwm li.li6{ background-position:0px -330px;}
.lxtjyc{ display:none;}

/* 小创智能建站 */
.about_xc{background: #fff;padding: 30px 0;}
.xc_top h3{font-size: 32px;text-align: center;font-weight: normal;line-height: 30px;padding-bottom: 18px;padding-top: 57px;}
.xc_top .line1{width: 306px;display: block;height: 1px;background: #dadada;margin: 0 auto;}
.xc_top .line2{width: 62px;display: block;height: 3px;background: #2e8af9;margin: 0 auto;margin-top: -2px;}
.xc_top p{text-align: center;color: #6c6c6c;padding-top: 21px;padding-bottom: 52px;}




.wraps{
    width: 1510px;
    margin: 0 auto;
}
@media screen and  (max-width: 1530px){
    .wraps{width: 1200px;}
}


.abt{
    display: flex;
    justify-content: space-between;
    padding-top: 57px;
    padding-bottom: 118px;
}
.abt .cont{
    padding-top: 82px;
    width: 47.9%;
}
.abt .cont h4{
    opacity: 0.5;
    font-size: 20px;
    font-weight: 400;
}
.abt .cont h3{
    margin-top: 14px;
    font-weight: 400;
    font-size: 30px;
}
.abt .cont hr{
    margin-top: 22px;
    border: none;
    width: 42px;
    height: 2px;
    background: #2e8af9;
}
.abt .cont p{
    margin-top: 16px;
    font-size: 16px;
    color: #666666;
    line-height: 34px;
}

.adv10{
    height: 421px;
    background: url(../images/xcznz/adv_bg.jpg) no-repeat;
}
.adv10 .xc_top h3{
    padding-top: 92px;
    color: #FFFFFF;
}

.adv10 .xc_top .line1{background: rgb(255,255,255,0.2);}
.adv10 .xc_top .line2{background: #ecf0ff; opacity: 0.9;}
.adv10 .xc_top p{color: #fff;}
.adv10 .wraps{
    height: 592px;
    background: #fff;
}
.adv10 .wraps aside{
    box-sizing: border-box;
    padding-top: 53px;
    padding-left: 34px;
    width: 310px;
    width: 20.5%;
    height: 592px;
    background: url(../images/xcznz/aside.jpg) no-repeat;
    color: #ffffff;
}
.adv10 .wraps aside h3{
    font-size: 20px;    
}
.adv10 .wraps aside p{
    margin-top: 30px;
    width: 238px;
    line-height: 30px;
}
.adv10 .items {
    position: relative;
    width: 1200px;
    width: 79.4%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box; 
}   
.adv10 .items li{
    box-sizing: border-box;
    width: 300px;
    width: 25%;
    height: 197px;
    border: 1px solid #e7e7e7;
    border-top: none;
    border-left: none;
    padding-top: 31px;
    padding-left: 40px;
}
.adv10 .items li h3{
    font-size: 18px;
}
.adv10 .items li h3 img{
    width: 37px;
    height: 37px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 15px;
}
.adv10 .items li p{
    margin-top: 4px;
    color: #999999;
    line-height: 28px;
}
.adv10 .items .adv_r{
    position: absolute;
    bottom: -16px;
    right: 0;
}
@media screen and  (max-width: 1530px){
    .adv10{height: 575px;}
    .adv10 .wraps aside{padding: 53px 25px;}
    .adv10 .wraps aside p{width: auto;}
    .adv10 .items li{width: 33.33%;}
    .adv10 .items li:nth-child(10){border-left: 1px solid #e7e7e7;}
    .adv10 .items .adv_r {display: none;}
}
.xc_adv{
    height: 648px;
    background: url(../images/xcznz/advs_bg.jpg) no-repeat;   
}
.xc_adv header h3{
    padding-top: 86px;
    color: #fff;
}
.xc_adv header .line1{background: rgb(255,255,255,0.2);}
.xc_adv header .line2{
    background: #2E8AF9;
}
.xc_adv header p{color: #fff;}
.xc_adv ul{
    display: flex;
    justify-content: space-between;
}
.xc_adv ul li{
    width: 330px;
    height: 290px;
    background: #ffffff;
    box-shadow: 0px 7px 6px 0px rgba(8,0,2,0.08); 
    text-align: center;
    padding-top: 47px;
}
.xc_adv ul li h3{
    margin-top: 22px;
    font-size: 20px;
}
.xc_adv ul li p{
    margin-top: 10px;
    font-size: 15px;
    color: #666666;
    line-height: 30px;
}
.xc_adv ul li:hover{
    transform: translateY(6px);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

















.xc_case{padding-top: 16px;padding-bottom: 80px;}
.xc_case .case_cont .wrap{position: relative;width: 88.5%;margin: 0 auto;}
.xc_case .case_cont  li img{width: 100%;}
.xc_case .case_cont  li .word{display: flex;justify-content: space-between;}
.xc_case .case_cont  li .word p{line-height: 60px;}
.swiper-container-banner{overflow: hidden;position: relative;}
.swiper-container-banner img{width: 100%;}
.xc_case .case_cont .swiper-container-banner{overflow: hidden;position: static !important;width: 100%;margin: 0 auto;}
.xc_case .case_cont .swiper-button-next-banner{position: absolute;right: 0;top: 50%;transform: translateY(-50%); }
.xc_case .case_cont .swiper-button-prev-banner{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.xc_case .case_cont .swiper-button-next-banner{background: url(../images/xcznz/next.jpg);}
.xc_case .case_cont .swiper-button-prev-banner{background: url(../images/xcznz/prev.jpg);}
.xc_case .case_cont .swiper-wrapper{position: static;}
.xc_case .case_cont .swiper-button-next-banner,.xc_case .case_cont .swiper-button-prev-banner{width:50px;height:50px;margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.xc_case .case_cont .swiper-button-next-banner:after,.xc_case .case_cont .swiper-button-prev-banner:after{font-family:swiper-icons;font-size:0;text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.xc_case .case_cont .swiper-button-next-banner:after{content: 'next';}
.xc_case .case_cont .swiper-button-prev-banner:after{content: 'prev';}
.xc_case .case_cont .swiper-pagination-banner{position: absolute;z-index: 2;text-align: center;--swiper-theme-color: #bb2222;}
/* 生意通 */
.about_syt{background: #fff;padding: 30px 0 80px 0;}
.about_syt .syt_cont .syt_nav li{display: block;width: 294px;height: 120px;}
.about_syt .syt_cont .syt_nav li img{display: block;width: 23px;height: 23px;margin: 0 auto;padding-top: 33px;padding-bottom: 14px;}
.about_syt .syt_cont .syt_nav li p{color: #fff;font-size: 18px;text-align: center;}
.about_syt .syt_cont .syt_nav .li1{position: relative;}
.about_syt .syt_cont .syt_nav .pic1{background: #505050;height: 120px;transition: all 1.2s;}
.about_syt .syt_cont .syt_nav .ipic1{transition: all 0.6s;background:url(../images/syt/images/inco1_back.jpg)no-repeat;position: absolute;top: 0;height: 0;width: 294px;opacity: 0;}
.about_syt .syt_cont .syt_nav .li1:hover .pic1{background: none;}
.about_syt .syt_cont .syt_nav .li1:hover .ipic1{opacity: 1;height: 120px;}
.about_syt .syt_cont .syt_nav .li2{position: relative;}
.about_syt .syt_cont .syt_nav .pic2{background: #404040;height: 120px;transition: all 1.2s;}
.about_syt .syt_cont .syt_nav .ipic2{width: 294px;transition: all 0.6s;background:url(../images/syt/images/inco2_back.jpg)no-repeat;position: absolute;top: 0;opacity: 0;height: 0;}
.about_syt .syt_cont .syt_nav .li2:hover .pic2{background: none;}
.about_syt .syt_cont .syt_nav .li2:hover .ipic2{opacity: 1;height: 120px;}
.about_syt .syt_cont .syt_nav .li3{position: relative;}
.about_syt .syt_cont .syt_nav .pic3{background: #343434;height: 120px;transition: all 1.2s;}
.about_syt .syt_cont .syt_nav .ipic3{width: 294px;transition: all 0.6s;background:url(../images/syt/images/inco3_back.jpg)no-repeat;position: absolute;top: 0;height: 0;opacity: 0;}
.about_syt .syt_cont .syt_nav .li3:hover .pic3{background: none;}
.about_syt .syt_cont .syt_nav .li3:hover .ipic3{opacity: 1;height: 120px;}
.about_syt .syt_cont .syt_nav .li4{position: relative;}
.about_syt .syt_cont .syt_nav .pic4{background: #232323;height: 120px;transition: all 1.2s;}
.about_syt .syt_cont .syt_nav .ipic4{transition: all 0.6s;background:url(../images/syt/images/inco4_back.jpg)no-repeat;position: absolute;top: 0;width: 294px;height: 0;opacity: 0;}
.about_syt .syt_cont .syt_nav .li4:hover .pic4{background: none;}
.about_syt .syt_cont .syt_nav .li4:hover .ipic4{opacity: 1;height: 120px;}
.about_syt .syt_cont .syt_nav .li5{position: relative;}
.about_syt .syt_cont .syt_nav .pic5{background: #171717;height: 120px;transition: all 1.2s;}
.about_syt .syt_cont .syt_nav .ipic5{transition: all 0.6s;background:url(../images/syt/images/inco5_back.jpg)no-repeat;position: absolute;top: 0;width: 294px;height: 0;opacity: 0;}
.about_syt .syt_cont .syt_nav .li5:hover .pic5{background: none;}
.about_syt .syt_cont .syt_nav .li5:hover .ipic5{opacity: 1;height: 120px;}
/* .about_syt .syt_cont .syt_nav .li1:hover{background-image: linear-gradient(to right,#03bbe9, #1163fe);} */
.about_syt .syt_cont{display: flex;justify-content: space-between;}
.about_syt .syt_cont .big{background: #f5f5f5;width: 1206px;}
.syt_cont .big .top{margin-left: 71px;height: 175px;margin-top:21px;}
.syt_cont .big .top h3{font-size: 140px;color: rgb(0,0,0,0.05);font-weight: bold;line-height: 140px;}
.syt_cont .big .top p{font-size: 28px;color: #333333;margin-top: -63px;}
.syt_cont .big .top i{width: 62px;display: block;height: 3px;background: #2e8af9;margin-top: 26px;margin-left: 5px;}
.syt_cont .big .syt1 {background: url(../images/syt/images/syt1_back.jpg) right bottom no-repeat;height: 566px;} 
.syt_cont .big .syt1 .word{width: 997px;margin-left: 71px;}
.syt_cont .big .syt1 .word p{line-height: 30px;color: #666666;}
.syt_cont .big .syt1 .word  ul {display: flex;}
.syt_cont .big .syt1 .word  ul li{width: 262px;height: 94px;display: block;border: 1px solid #dadada;display: flex;margin-top: 54px;margin-right: 30px;}
.syt_cont .big .syt1 .word  ul li img{margin-top: 21px;margin-left: 26px;width: 50px;height: 50px;}
.syt_cont .big .syt1 .word  ul li .word{margin-top: 21px;margin-left: 18px;}
.syt_cont .big .syt1 .word ul li .cnt{font-size: 12px;color: #999999;}
.syt_cont .big .syt2 ul{display: flex;padding-left: 71px;}
.syt_cont .big .syt2 ul li{padding-top: 11px;}
.syt_cont .big .syt2 ul li+li{margin-left: 20px;}
.syt_cont .big .syt2 ul li{width: 343px;height: 330px;display: block;}
.syt_cont .big .syt2 ul i{width: 1px;height: 191px;display: block;background: #e4e4e4;margin-top: 80px;}
.syt_cont .big .syt2 ul li img{display: block;width: 82px;height: 82px;margin: 0 auto;padding: 25px 0;}
.syt_cont .big .syt2 ul li h3{text-align: center;font-size: 20px;}
.syt_cont .big .syt2 ul li p{text-align: center;width: 270px;color: #666;margin: 0 auto;padding-top: 21px;line-height: 30px;}
.syt_cont .big .syt2 ul li:hover{box-shadow: 0 0 15px 0 rgba(0,0,0,.2);background: #fff;}
.syt_cont .big .syt3 {height: 566px;position: relative;} 
.syt_cont .big .syt3_pic{position: absolute;bottom: -12px;right: 0;} 
.syt_cont .big .syt3 ul {display: flex;margin-left: 71px;flex-wrap: wrap;}
.syt_cont .big .syt3 ul li{width: 262px;height: 94px;display: block;border: 1px solid #dadada;display: flex;margin-right: 16px;margin-bottom: 16px;}
.syt_cont .big .syt3 ul li img{margin-top: 21px;margin-left: 26px;width: 50px;height: 50px;}
.syt_cont .big .syt3 ul li .word{margin-top: 21px;margin-left: 18px;}
.syt_cont .big .syt3 ul li .cnt{font-size: 12px;color: #999999;}
.syt_cont .big .syt4{background: url(../images/syt/images/syt4_back.jpg) right bottom no-repeat;height: 560px;}
.syt_cont .big .syt4 ul li{width: 500px;margin-bottom: 46px;}
.syt_cont .big .syt4 ul{margin-left: 71px;display: flex;flex-wrap: wrap;}
.syt_cont .big .syt4 ul li .tit{width: 245px;height: 33px;border-radius: 17px;}
.syt_cont .big .syt4 .tit {background: url(../images/syt/images/inco1_back.jpg) no-repeat;}
.syt_cont .big .syt4 .tit img{margin-left: 20px;transform: translateY(3px);margin-right: 13px;}
.syt_cont .big .syt4 .tit span{line-height: 33px;color: #fff;font-size: 16px;}
.syt_cont .big .syt4  ul li p{color: #666;line-height: 30px;padding-top: 15px;}
.syt_cont .big .syt5 .tit i{display: block;width: 2px;height: 18px;background: #2e8af9;margin-top: 4px;margin-right: 10px;}
.syt_cont .big .syt5  .tit{display: flex;}
.syt_cont .big .syt5 .tit h4{color: #555;font-size: 18px;}
.syt_cont .big .syt5 .word{margin-left: 71px;}
.syt_cont .big .syt5 .word p{color: #666;line-height: 55px;}
.syt_cont .big .syt5 .word2 {margin-left: 71px;margin-top: 14px;}
.syt_cont .big .syt5 .word2 ul {display: flex;margin-top: 22px;}
.syt_cont .big .syt5 .word2 ul li+li{margin-left: 20px;}
.syt_cont .big .syt5 .word2 ul li {width: 355px;height: 127px;display: block;border: 1px solid #dadada;}
.syt_cont .big .syt5 .word2 ul li img{margin-left: 14px;margin-top: 17px;transform: translateY(5px);margin-right: 10px;}
.syt_cont .big .syt5 .word2 ul li h3{font-size: 18px;color: #555;display: inline-block;}
.syt_cont .big .syt5 .word2 ul li p{padding:16px 14px ;color: #666;}

.syt_map {background: url(../images/syt/bg-service.jpg) no-repeat;}
.syt_map .wrap{padding-top: 30px;}
.xc_top1 h3{color: #FFF;font-size: 28px;text-align: center;font-weight: normal;line-height: 30px;padding-bottom: 18px;padding-top: 57px;}
.xc_top1 .line1{width: 306px;display: block;height: 1px;background: rgba(255, 255, 255, 0.3);margin: 0 auto;}
.xc_top1 .line2{width: 62px;display: block;height: 3px;background: #2e8af9;margin: 0 auto;margin-top: -2px;}
.xc_top1 p{color: #FFF;text-align: center;padding-top: 21px;padding-bottom: 52px;}
.syt_map .xc_cont ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.syt_map  img{float: left;}
.syt_map .map_r{float: left;padding-top: 102px;padding-left: 157px;}
.syt_map .map_r h4{font-size: 19px;color: #fff;font-weight: normal;padding-bottom: 30px;}
.syt_map .map_r p{color: #fff;width: 512px;line-height: 30px;}
.brand-main {height: 100%;}
.brand-main .inner {
    width: 1346px;
	margin: 0 auto;
}
.brand-main .brand_r {
	width: 45%;
	height: 480px;
	float: right;
}
.brand-main .brand_r .tit {
	font-size: 19px;color: #fff;font-weight: normal;padding-bottom: 30px;
	padding-top: 102px;
}
.brand-main .brand_r .desc {
	font-size: 14px;
	color: #fff;width: 512px;line-height: 30px;
}

.brand-main .base-wrap {}
.brand-main .base-wrap .top { margin-bottom: 50px;}
.brand-main .base-wrap .top, .brand-main .base-wrap .text {text-align: center;padding: 0 90px;}
.brand-main .base-wrap .layout {position: relative;}
.brand-main .base-wrap .map { position: absolute;width: calc(50% + 100px);left: -80px;}
.clear:after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}
.punctuation-list {
    width: 684px;
    height: 422px;
    position: absolute;
    left: 0;
    top: 0;
}
.punctuation-list .punctuation {
	font-size: 18px;
    position: absolute;
    width: 6.8%;
    height: 10.5%;
    padding-top: 2%;
    line-height: 176%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: url(../images/syt/inco_55.png) center top no-repeat;
    /* background-size: 100% auto; */
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform .1s linear;
    -ms-transition: transform .1s linear;
    transition: transform .1s linear;
    opacity: 0;
}
.punctuation-list .punctuation.active, .punctuation-list .punctuation:hover {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.punctuation-list .punctuation-1 {left: 86.5%;top: 19.5%;}
.punctuation-list .punctuation-2 {left: 82.5%;top: 27.3%;}
.punctuation-list .punctuation-3 {left: 69%;top: 28.5%;}
.punctuation-list .punctuation-4 {left: 68%;top: 47%;}
.punctuation-list .punctuation-5 {left: 81%;top: 58.3%;}
.punctuation-list .punctuation-6 {left: 64%;top: 63%;}
.punctuation-list .punctuation-7 {left: 56%; top: 59%;}
.punctuation-list .punctuation-8 {left: 47%;top: 55%;}
.punctuation-list .punctuation-9 {left: 69%;top: 72%;}
.punctuation-list .punctuation-10 {left: 58%;top: 48%;}
.punctuation-list .punctuation-11 {left: 69%;top: 37%;}
.punctuation-list .punctuation-12 {left: 80%;top: 47%;}
.punctuation-list .punctuation-13 {left: 64%;top: 37%;}
.punctuation-list .punctuation-14 {left: 75%;top: 40%;}
.punctuation-list .punctuation-15 {left: 72%;top: 63%;}
.punctuation-list.opt .punctuation-11 {
    animation: opt 1s ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-10 {
    animation: opt 1s  ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-1 {
    animation: opt 1s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-2 {
    animation: opt 1s 0.5s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-3 {
    animation: opt 1s 1s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-4 {
    animation: opt 1s 1.5s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-5 {
    animation: opt 1s 2s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-6 {
    animation: opt 1s 2.5s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-7 {
    animation: opt 1s 3s ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-8 {
    animation: opt 1s 3s ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-9 {
    animation: opt 1s 3s ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-12 {
    animation: opt 1s 1.5s ease;
    animation-fill-mode: forwards;
}
.punctuation-list.opt .punctuation-13 {
    animation: opt 1s 3s ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-14 {
    animation: opt 1s 3s ease;
    animation-fill-mode: forwards;
}

.punctuation-list.opt .punctuation-15 {
    animation: opt 1s 1.5s ease;
    animation-fill-mode: forwards;
}
.brand-base-list {
    width: 45%;
    float: right;
    padding-left: 50px;
}
.brand-base-list li {
    border-bottom: 1px dashed #ccc;
    padding: 10px 5px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.brand-base-list li:hover, .brand-base-list li.active {
    background: #eee;
}
.brand-base-list li.active h3 {
    color: #C4A36D;
}
.brand-base-list h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

@keyframes opt {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes opt {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.syt_case{background: #fff;}
.case_cont .case_top ul{display: flex;justify-content: center;}
.case_cont .case_top ul li+li{margin-left: 27px;}
.case_cont .case_top ul li{width: 137px;height: 39px;text-align: center;line-height: 39px;border: 1px solid #dbdbdb;color: #666;}
.case_cont .case_top ul li:hover{color: #fff;background: #2e8af9;}
.case_cont .one{background: #2e8af9; color:#fff !important;}

.syt_case .wrap {
	position: relative;
	width: 1503px;
	height: 724px;
	margin: 0 auto;
    padding-top: 100px;
}
.syt_case .content1 {
	position: absolute;
	width: 1251px;
	height: 724px;
}
.content1 li{
	position: absolute;
	background-size: 100% 100%;
	cursor: pointer;
}
.syt_case .wrap a {
	position: absolute;
	display: none;
	z-index: 2;
	top: 40%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	font: 60px "宋体";
	text-align: center;
	text-decoration: none;
	color: #000;
    border-radius: 100%;
	transition: background 1s ease;
    line-height: 60px;
}
.syt_case .wrap a:hover {
	background:#666;
    color: #fff;
    
}
.syt_case .prev {
	left: 30px;
}
.syt_case .next {
	right: 30px;
}

.cooperation{background: #11306b;padding-bottom: 108px;}
.coop_cont ul {display: flex;flex-wrap: wrap;}
.coop_cont ul li{width: 300px;height: 186px;display: block;}
.coop_cont ul li .pic1{box-shadow: 0 0 10px  rgba(0,0,0,.5);}
.coop_cont ul .li2{width: 300px;height: 186px;background: #e8ebf2;display: block;}
.coop_cont ul .li2 img{margin: 0 auto;display: block;padding-top: 54px;}
.coop_cont ul .li2 h4{text-align: center;line-height: 30px;font-size: 17px;}

.coop1{background: #fff;padding-bottom: 200px;}
.coop1 ul{display: flex;justify-content: space-between;}

/* 内训展示 */
.tab tr {border-color: #dcdcdc;height: 40px;}
.tab tr th{color: #575757;font-weight: normal;}
.tab tr td{border: 1px solid #dcdcdc;}

/* 荣誉资质 */
.honor {display: flex;margin-top: 42px;flex-wrap: wrap;}
.honor .newList1{background: url(../images/honor/back.png)11px 0 no-repeat;height: 220px;width: 330px;margin-left: 46px;}
.honor .newList1 img{width: 268px;height: 189px;margin-top: 8px;}
.honor .cont-box{width: 330px;text-align: center;margin-top: 10px;color: #666;margin-left: 46px;margin-bottom: 30px;}
.honor_title{text-align: center;letter-spacing: 5px;color: #666;}
.honor_title h3{text-align: center;font-size: 30px;color: #333;font-weight: normal;line-height: 30px;}
.honor_title i{width: 62px;display: block;height: 2px;background: #dcdcdc;margin: 10px auto;}
/*底部*/
.footr{background: url(../images/ftbg.jpg);border-top: 5px solid #c30001;padding-top: 50px;padding-bottom: 36px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footr .wrap{width: 100%;min-width: 1120px;max-width: 1560px;}
.footr .ftli{width: 140px;}
.footr .ftli .fta1{font-size: 16px;color: #ffffff;line-height: 16px;margin-bottom: 20px;display: block;}
.footr .ftli .fthx{display: block;width: 11px;height: 2px;background: #c30001;margin-bottom: 12px;}
.footr .ftli ul{}
.footr .ftli ul li{height: 35px;}
.footr .ftli ul li a{font-size: 13px;line-height: 35px;color: rgba(255,255,255,0.5);}
.footr .ftimg{width: 124px;padding-top: 30px;}
.footr .ftimg .ftpic{width: 110px;padding: 6px;border: 1px solid rgba(255,255,255,0.1);}
.footr .ftimg .ftpic img{width: 100%;}
.footr .ftimg p{font-size: 12px;color: #dadada;margin-top: 10px;}
.foots{height: 53px;background:  url(../images/ftbg.jpg);}
.foots .wrap{width: 100%;min-width: 1120px;max-width: 1560px;}
.foots p{font-size: 12px;color: rgba(255,255,255,0.5);line-height: 53px;}
.foots p span{font-size: 12px;color: rgba(255,255,255,0.5);line-height: 53px;margin: 0px 10px;}
.foots p a{font-size: 12px;color: rgba(255,255,255,0.5);line-height: 53px;}

.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #c30001; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #c30001; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }
/**/
#dituContentn{ width:100%; height:300px;}
.companywab{background:url(../images/ba.png) no-repeat left center; padding-left:25px;}