/*全局样式*/
@charset "utf-8";
html {
    overflow-x: hidden;
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,
select {margin: 0;padding: 0}
body {font: 14px "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;}
input:required,
textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;}
*{margin:0; padding:0;}
a {text-decoration: none !important;cursor: pointer !important;color: #000;}
a:focus {outline: none !important;}
ul,li,dl,dt,dd{list-style-type:none;}
i{font-style:normal}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width: 1230px !important;}
.tr5 {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s}
.tr2 {transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.overflow { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial}
.bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.vertical_centerbox{display: table;table-layout:fixed;height: 100%;}
.vertical_center{display: table-cell;vertical-align: middle;}


footer{background: #333;}
footer .left{width: 66%;float: left;}
footer .right{width: auto;color: #fff;font-size: 12px;line-height: 22px;text-align: center;float: right;margin-top:42px}
footer .right img{display: block;max-width: 88px;margin-bottom:4px;}
footer .left h2{font-size: 16px;color: lightgray;padding: 40px 0 20px;border-bottom: 1px solid #393939;}
footer .left li{display: inline-block;vertical-align: top;min-width: 40%;font-size: 14px;color: lightgray;margin-top: 15px;line-height:22px;}
footer .left li i{display: inline-block;margin-right: 10px;vertical-align: middle;font-size: 14px;}
footer .left li a{color:lightgray !important;}
footer .bottom{padding: 10px 0 12px 0;border-top:1px solid #393939;margin-top: 15px;float: left;width: 100%;}
footer .bottom span{color: #777;font-size: 12px;line-height: 22px;}
footer .bottom ul{display: inline-block;vertical-align: top;float: right;}
footer .bottom ul li{display: inline-block;vertical-align: top;}
footer .bottom ul li a{font-size: 12px;color: #777;}
footer .bottom ul li a:after{content: '|';display: inline-block;vertical-align: top;margin-top: 1px;margin-left: 8px;margin-right: 3px;}
footer .bottom ul li a:hover{color: white;}
footer .bottom ul li:last-child a:after{display: none;}


.banner2{position: relative;z-index: 1;}
.banner2 .bjcover{padding-top:29%;min-height: 222px;}
.banner2 .swiper-slide{position: relative;z-index: 1;}
.banner2 .swiper-slide:after{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.0);position: absolute;left: 0;top:0;z-index: 1;}


.title1{position: relative;z-index: 2;margin-bottom:40px;}
.title1 .box{line-height: 44px;background: rgba(255,255,255,.88);border: 1px solid rgba(255,255,255,.3);margin-top: -46px;padding-left:20px;position: relative;height: 46px;overflow: hidden;}
.title1 .box .tt1{font-size: 12px;color: #666;max-width: calc(100% - 290px);}
.title1 .box .tt1 img{padding-right:10px;position: relative;top:-1px;max-width: 22px;}
.title1 .box .tt1 a{color: #666;transition: all 0.2s;}
.title1 .box .tt1 a:hover{color: #000;transition: all 0.2s;text-decoration: underline !important;}
.title1 .box .tt1 a.active{color: #000;transition: all 0.2s;text-decoration: underline !important;}
.title1 .box .tt2{width:280px;text-align: left;position: relative;background: #fff;height: 44px;overflow: hidden;position: absolute;right: 0;top:0;}
.title1 .box .tt2 .weour{line-height: 44px;display: block;width: 100%;cursor: pointer;color: #666;font-size: 12px;padding-left: 20px;}
.title1 .box .tt2 .weour img{padding-right:10px;max-width: 24px;position: relative;top:-2px;}
.title1 .box .tt2 .weou:hover{color: #000;}
.woere{position: absolute;right: 0;top:-100%;line-height: 44px;height: 44px;background: #fff;z-index: 2;width:200px;opacity: 0;}
.woere.active{top:0;opacity: 1;}
.woere a{position: relative;}
.woere a:after{content:'';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;top:0;left:0;}
.woere .fx_btn:after{content:'';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;top:0;left:0;}
.woere .fx_btn{width: 40px;display: inline-block;line-height: 44px;position: relative;text-align: center;font-size: 13px;}
.woere .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{color: #666;font-size:14px;background: fixed;display: inline-block;padding: 0;width:40px;height: 44px;line-height: 44px;margin: 0;text-align: center;}
.woere a:hover{color: #000 !important;}

/*业务*/
.nyxw{padding-bottom: 40px;}
.main3{padding-bottom: 40px;}
.nyxm{padding-bottom: 40px;}
.main4{padding-bottom: 40px;}
.main1{padding-bottom: 40px;}
.main2{padding-bottom: 40px;}
.xq{padding-bottom: 30px;}
.main1 .box{margin: -20px -10px 0;}
.main1 .box .list{display:block;position: relative;width: calc(25% - 20px);margin: 20px 10px 0;float: left;box-shadow: 0 0 15px rgba(0,0,0,.08);cursor: pointer;overflow: hidden;}
.main1 .box .list .bjcover{height: 440px;position: relative;z-index: 1;}
.main1 .box .list .tt1{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(102,102,102,.2);z-index: 2;border: 1px solid #d8d8d8;opacity: 1;}
.main1 .box .list .tt2{position: absolute;left: 0;right: 0;top:50%;transform:translateY(-50%);text-align: center;width: 100%;}
.main1 .box .list .tt2 .img{height:70px;position: relative;width: 100%;}
.main1 .box .list .tt2 .img img{display: block;position: absolute;left: 0;right: 0;bottom: 0;max-height: 99%;margin: 0 auto;}
.main1 .box .list .tt3{margin-top:66px;font-size: 22px;color: #fff;font-weight: bold;line-height: 30px;height: 30px;overflow: hidden;}
.main1 .box .list .tt4{width: 26px;height: 2px;background: #fff;margin: 0 auto;margin-top: 20px;}
.main1 .box .list .tt5{font-size: 14px;color: #fff;font-family: 'Arial';margin-top: 20px;}
.main1 .box .list:hover .tt1{opacity: 0;}
.main1 .box .list .tt6{position: absolute;left: 0;top:-100%;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 3;}
.main1 .box .list .tt7{position: absolute;top:-30%;left:0;right: 0;margin: 0 auto;width:calc(160% - 24px);height: calc(160% - 24px);border: 2px solid rgba(255,255,255,.4);z-index: 4;opacity: 1;}
.main1 .box .list .tt8{position: absolute;left: 0;bottom:-100%;width: 100%;height: 100%;z-index: 5;padding:14px;}
.main1 .box .list .tt9{font-size: 22px;font-weight: bold;color: #fff;padding: 4px 15px 0 15px;line-height: 66px;position: relative;}
.main1 .box .list .tt9:after{content: "";width: 0;height: 1px;background: rgba(255,255,255,.5);position: absolute;left: 0;right: 0;bottom:0;margin: 0 auto;transition: all 0.4s;}
.main1 .box .list .tt9 span{font-size: 14px;color: #fff;font-family: 'Arial';padding-left:8px;font-weight: lighter;}
.main1 .box .list .tt9 img{height: 30px;padding-right:10px;position: relative;top:-2px;}
.main1 .box .list .tt10{padding:0 16px;margin: 11px 0;color: #fff;font-size: 14px;line-height: 28px;max-height: 280px;overflow: hidden;}
.main1 .box .list:hover .tt6{top:0;}
.main1 .box .list:hover .tt7{opacity: 1;width:calc(100% - 24px);height:calc(100% - 24px);top:12px;}
.main1 .box .list:hover .tt8{bottom:0;}
.main1 .box .list:hover .tt9:after{width: 100%;transition: all 1s;}
.header.active{background: #333;top:0;}
.header.active nav ul li a{color: rgba(255,255,255,.8);}
.header.active nav ul li a:hover{color: rgba(255,255,255,1) !important;}


/*招聘*/
.main2 .top{border: 1px solid #e5e5e5;border-bottom: 3px solid #000;line-height: 60px;padding-left: 60px;font-size: 16px;position: relative;margin-bottom: 10px;}
.main2 .top div{position: absolute;right: 60px;top:0;}
.main2 .box{border: 1px solid #e5e5e5;}
.main2 .box .tt1{line-height: 14px;line-height: 50px;padding: 0 60px;border-bottom: 1px solid #e5e5e5;position: relative;}
.main2 .box .tt1:after{content:"";width: 24px;height: 24px;box-shadow: inset 0 0 12px rgba(0,0,0,.3);background: url("../images/tu5.png") no-repeat center center;position: absolute;right: 60px;top:0;bottom:0;margin: auto 0;border-radius: 50%;transition: all 0.2s;}
.main2 .box .tt2{background: #f0f0f0;padding: 30px 40px;border-bottom: 1px solid #e5e5e5;font-size: 13px;color: #000;line-height: 32px;display: none;}
.main2 .box .tt2 hr{border-color: #d8d8d8;}
.main2 .box .tt2 b div{min-width:34%;display: inline-block;line-height: 40px;}
.main2 .box .tt1.on1{font-weight: bold;}
.main2 .box .tt1.on1:after{transform:rotate(-90deg);transition: all 0.2s;}
.main2 .box .tt2.active{display: block;}

/*新闻*/
.nyxw .list{display: block;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.nyxw .list .img{width:calc(15% + 100px);float: left;}
.nyxw .list .tt{width:calc(85% - 100px);float: left;position: relative;padding: 23px 200px 23px 30px;}
.nyxw .list .img .bjcover{height: 140px;}
.nyxw .list .tt1{font-size: 17px;color: #000;font-weight: bold;line-height: 30px;}
.nyxw .list .tt3{font-size: 13px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;margin-top:16px;}
.nyxw .list .tt2{width:150px;border-left: 1px solid #e5e5e5;height: 78px;position: absolute;right: 0;top:0;bottom: 0;margin: auto 0;text-align: right;font-family: 'Arial';color: #999;line-height:22px;padding:15px 30px 0 0;}
.nyxw .list .tt2 b{font-size:22px;}
.nyxw .list .tt2 span{font-size:13px;display: block;}
.nyxw .list .tt2 b i{display:none;}

/*项目*/
.title2{margin-top: -40px;margin-bottom: 40px;}
.title2 .box{border: 1px solid #e5e5e5;border-top: 0;border-bottom: 0;}
.title2 .box .list{border-bottom: 1px solid #e5e5e5;padding: 10px 20px 10px 92px;position: relative;}
.title2 .box .list span{display:block;position: absolute;left: 41px;top:10px;line-height: 26px;color: #000;}
.title2 .box .list .ul{font-size:0;}
.title2 .box .list .ul a{display: inline-block;font-size: 14px;color: #333333;line-height: 27px;padding: 0 9px;}
.title2 .box .list .ul a:hover{color: #fff;background: #000;border-radius: 4px;}
.title2 .box .list .ul a.active{color: #fff;background: #000;border-radius: 4px;}



.nyxm .box{position: relative;margin: 0 -10px;}
.nyxm .box .list{display:block;position: relative;float: left;border-bottom: 1px solid #e5e5e5;width: calc(33.33% - 20px);margin:0 10px 20px;}
.nyxm .box .list .img .bjcover{padding-top:70%;}
.nyxm .box .list:after{content:"";width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;left: 0;top:0;z-index: 1;}
.nyxm .box .list .tt{position: absolute;left: 0;bottom:0;padding: 20px;z-index: 2;width: 100%;}
.nyxm .box .list .tt1{font-size: 24px;color: #fff;line-height:34px;margin-top:8px;}
.nyxm .box .list .tt2{font-size: 14px;color: rgba(255,255,255,.8);line-height: 24px;}










/*项目详情*/
.danye{font-size: 16px;color: #000;line-height: 32px;min-height: 300px;}
.danye .tt1{font-size: 17px;color: #000;font-weight: bold;line-height: 26px;margin-bottom: 16px;}
.danye .tt2{padding:10px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size:0;margin-bottom: 18px;line-height: initial;}
.danye .tt2 div{font-size:12px;color: #000;display: inline-block;padding-right: 30px;border-right: 1px solid #e5e5e5;line-height: 26px;margin-right:28px;}
.danye .tt2 div img{height:12px;position: relative;top:-1px;padding-right: 10px;}
.danye .zuo{width:calc(100% - 300px);float: left;}
.danye .you{width:280px;margin-left: 20px;float: left;}
.danye .you .tt3{font-size: 17px;color: #000;font-weight: bold;line-height: 43px;background: #e5e5e5;padding: 0 20px;margin-bottom: 15px;}
.danye .you .tt4{padding-bottom: 10px;margin-bottom: 10px;border-bottom:1px solid #e5e5e5;display: block;}
.danye .you .tt5{font-size: 14px;color: #000;line-height: 22px;max-height: 44px;overflow: hidden;}
.danye .you .tt6{font-size: 12px;color: #999;line-height: 22px;font-family: 'Arial';}
.danye .tt7{font-size: 17px;color: #000;line-height: 26px;font-weight: bold;padding-bottom:10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;margin-top: 20px;}


.banner3{background: #686868;}
.banner3 .bjcover{padding-top:32%;min-height: 222px;}
.banner3 .swiper-slide:nth-child(1) {width:calc(50% - 620px);}
.banner3 .swiper-slide:nth-child(2) {width: 1220px !important;}
.banner3 .swiper-slide:nth-child(n+3) {width: 50% !important;}

.main3 .top{font-size: 17px;color: #000;font-weight: bold;line-height: 26px;border-bottom: 1px solid #e5e5e5;padding-bottom: 12px;margin-bottom: 20px;}
.main3 .list .img .bjcover{padding-top:70%;}
.main3 .list .tt{font-size: 13px;line-height: 44px;border-bottom: 1px solid #e5e5e5;text-align: center;margin-bottom: 6px;}
.main3 .list:hover .tt{color: #000;}


.main4 .zuo{width: 250px;float: left;margin-right: 25px;border: 1px solid #e5e5e5;border-top: 0;}
.main4 .zuo a{border-top: 1px solid #e5e5e5;display: block;line-height: 44px;font-size: 13px;color: #000;text-align: center;position: relative;z-index: 1;height: 46px;overflow: hidden;padding: 0 10px;}
.main4 .zuo a:nth-child(1){border-bottom: 3px solid #333;z-index: 4;font-size: 15px;font-weight: bold;line-height: 50px;}
.main4 .zuo a:nth-child(n+2) div{position: relative;z-index: 3;}
.main4 .zuo a:nth-child(n+2)::after{content: "";width:0;height: 100%;background: #333;position: absolute;left: 0;top:0;z-index: 2;}
.main4 .zuo a:nth-child(n+2):hover::after{width: 100%;transition: all 0.2s;}
.main4 .zuo a:nth-child(n+2):hover{color: #fff;}
.main4 .zuo a:nth-child(n+2).active::after{width: 100%;transition: all 0.2s;}
.main4 .zuo a:nth-child(n+2).active{color: #fff;}
.main4 .you{width: calc(100% - 275px);float: left;}

/*
.nyry a{display: block;line-height: 40px;font-size: 14px;color: #000;padding-left: 20px;position: relative;}
.nyry a:after{content:"";width: 4px;height: 4px;background: #000;position: absolute;left: 0;top:0;bottom: 0;margin: auto 0;transition: all 0.3s;}
.nyry a:hover{padding-left: 30px;}
.nyry a:hover:after{left: 10px;transition: all 0.3s;}

*/
.hezuo{margin:0 -5px;}
.hezuo .list{padding-top: 10%;width:calc(16.66% - 10px);float: left;background-size: 80% 80% !important;border: 1px solid #e5e5e5;background: #fff;cursor: pointer;margin: 0 5px 10px;}
.hezuo .list:hover{border-color:rgba(0,0,0,.3);}





/*transition: all 0.2s;*/


/*媒体查询开始*/
@media (min-width:1199px){
    .main3 .list:hover .img .bjcover,
    .nyxm .list:hover .img .bjcover,
    .nyxw .list:hover .img .bjcover
    {transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07);-webkit-transform:scale(1.07);cursor:pointer;}
}

@media (max-width:1199px){
.main1 .box .list{width: calc(33.33% - 20px);}
.banner3 .swiper-slide:nth-child(1) {width:100% !important;}
.banner3 .swiper-slide:nth-child(2) {width: 100% !important;}
.banner3 .swiper-slide:nth-child(n+3) {width: 100% !important;}


.danye .tt2 div{border: 0;padding-right: 20px;margin-right: 20px;}


}
@media (max-width:991px) {
.main1 .box .list{width: calc(50% - 20px);}
    
/*招聘*/
.main2 .top{line-height: 44px;font-size: 15px;padding-left: 20px;border-bottom: 2px solid #000;}
.main2 .top div{right: 20px;}
.main2 .box .tt1{line-height:40px;padding: 0 20px;}
.main2 .box .tt1:after{right: 20px;}
.main2 .box .tt2{padding: 16px 20px;line-height: 30px;}
.main2 .box .tt2 b div{min-width:100%;line-height: 40px;}


footer .left{width: 82%;float: left;}
footer .bottom{padding: 10px 0 12px 0;border-top:1px solid #393939;margin-top: 15px;float: left;width: 100%;text-align: center;}
footer .bottom ul{display:block;vertical-align: top;float: none;text-align: center;}
footer .bottom ul li a{line-height: 30px;}
.title1{margin-bottom: 30px;}
.title2{margin-bottom: 30px;margin-top: -30px;}

/*新闻*/
.nyxw .list{padding-bottom: 20px;margin-bottom: 20px;}
.nyxw .list .tt{padding: 14px 0 14px 20px;}
.nyxw .list .img .bjcover{height: 130px;}
.nyxw .list .tt1{font-size: 15px;font-weight: 400;}
.nyxw .list .tt3{margin-top:2px;}
.nyxw .list .tt2{width:100%;border:0;height: auto;position: inherit;right: inherit;top:inherit;bottom: inherit;margin:inherit;text-align: left;line-height:22px;padding:0}
.nyxw .list .tt2 b{font-size:14px;}
.nyxw .list .tt2 span{display: none;}
.nyxw .list .tt2 b i{display:inline;}

/*项目*/
    .nyxm .box .list{width: calc(50% - 20px);}


    
    
    
.danye{line-height: 30px;}

.danye .zuo{width:100%;float: none;}
.danye .you{float: none;width: 100%;display: none;}



.main4 .zuo{width: 210px;margin-right: 20px;}
.main4 .you{width: calc(100% - 230px);}
  
    
    
.hezuo .list{width:calc(20% - 10px);}




}

@media (max-width:767px) {
.header.active nav ul li a{color:#fff;}
.header.active nav ul li:hover a{color: #000;}
.header.active nav ul li.active a{color: #000;}
.title1{margin-bottom:20px;}
.title1 .box{margin-top:6px;padding-left:0;}
.title1 .box .tt2{width:auto;}
.main1 .box{margin-top:-34px;}
.main2{margin-top:-14px;}
footer .left{width:calc(100% - 100px);}
footer .right{width: 88px;text-align: center;padding-left: 12px;}
footer .left h2{font-size: 15px;padding:22px 0 14px;}
footer .left li{display:block;min-width: 100%;font-size: 12px;margin-top: 10px;}

/*项目*/
.main4 {margin-top:-14px;}
.xq {margin-top:-14px;}
.nyxw {margin-top:-16px;}
.nyxm {margin-top:-12px;;}
.nyxm .box{margin: 0 -5px;}
.nyxm .box .list{width: calc(50% - 10px);margin:0 5px 14px;}

.title2{margin-top: -20px;margin-bottom: 20px;}
.title2 .box{border: 1px solid #e5e5e5;border-bottom: 0;}
.title2 .box .list{padding: 10px 15px;}
.title2 .box .list span{display:inline-block;position: inherit;left: inherit;top:inherit;line-height: 25px;}
.title2 .box .list .ul{display:block;}



.main4 .zuo{width:100%;margin-right: 0;margin-bottom:16px;}
.main4 .zuo a{line-height:35px;height: 36px;}
.main4 .zuo a:nth-child(1){display: none;}

    
    
    .title1 .box .tt1{max-width: calc(100% - 70px);}
    
.main4 .you{width:100%;}
.hezuo .list{width:calc(25% - 10px);}
    
    

}


@media (max-width:600px) {
.main1 .box .list{width: calc(100% - 20px);}
/*新闻*/
.nyxw .list .img{width: 100%;margin-bottom: 6px;}
.nyxw .list .tt{padding:0;width: 100%;}
.nyxw .list .img .bjcover{height: auto;padding-top: 40%;}
.nyxw .list .tt1{text-overflow:inherit;white-space:inherit;line-height: 25px;max-height: 50px;margin-bottom: 3px;}
.nyxw .list .tt3{height: auto;max-height: 72px;}

.hezuo .list{width:calc(33.33% - 10px);}
.nyxm .box .list{width: calc(100% - 10px);}
.nyxm .box .list .tt{padding:15px;}
.nyxm .box .list .tt1{font-size: 16px;line-height: 24px;}
.nyxm .box .list .tt2{font-size: 13px;line-height: 20px;}

    
  
}