@charset "utf-8";
/*banner*/
/*.banner{position: relative; height:680px;overflow: hidden;clear: both; width:100%;}*/
/*.ban_p,.ban_p li{ height:680px;overflow: hidden; width:100%;}*/
/*.ban_p li a{ display:block; height:680px;width:100%;}*/
/*.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}*/
/*.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #231815; border: 1px solid #f7b82d;}*/
/*.ban_t em.on{background: #f7b82d; border: 1px solid #231815;}*/


.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.banner{height: 680px;position: relative; overflow: hidden;}
.bdu{width: 100% !important;height:680px;}
.bdu li{width: 100% !important;height:680px;position:relative;}
.bdu li a{display: block;height:680px;}
.bdu li img{height:680px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #231815; border: 1px solid #f7b82d;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #f7b82d; border: 1px solid #231815;}
/**/
.yzbj{ background: #f5f5f5; overflow: hidden; margin-bottom: 64px;}
.yzbj ul{ overflow: hidden; }
.yzbj ul li{ float: left; font-size: 16px; color: #666; text-align: center;
    width: 25%; box-sizing: border-box
}
.yzbj ul li em{ display: block; font-size: 18px; color: #333;}
.yzbj ul li i{ display: inline-block; line-height: 100%; font-size: 70px; font-family: Calibri; padding-right: 7px;letter-spacing: -3px;}
.yzbj ul li span{ display: inline-block; position: relative;}
.yzbj ul li:nth-of-type(2){ border-left: 1px solid #e2e2e2;}
.yzbj ul li:nth-of-type(3){ border-left: 1px solid #e2e2e2;}
.yzbj ul li:nth-of-type(4){  border-left: 1px solid #e2e2e2;}
/**/
.casebj{height:1001px; box-sizing: border-box;}
h2{ text-align: center; line-height: 100%; position: relative;}
h2:before{ content:""; position:absolute;height:2px;width:50px;left:575px;top:103px; background:#f7ba2d;}
h2 i{ display: block; line-height: 100%; color: #232323; font-size: 54px; letter-spacing: 7px;font-weight: normal;}
h2 span{ display: block; line-height: 100%; font-size: 20px; color: #666; letter-spacing: 4px;font-weight: normal; padding: 15px 0 55px 0;}
.case .canav{width:360px; height:44px;margin:0 auto 36px;}
.case .canav li{float:left;margin-right: 20px;width:160px; height:44px; text-align: center; line-height: 44px;background:#FFF;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.08);border-radius:22px;}
.case .canav li a{display: block;font-size: 18px; color:#333333;}
.case .canav li.cur{background:0;border:1px solid #0163B7;box-sizing: border-box;}
.case .sqh{position: relative;}
.case .bd ul li{width:1200px; height:755px; float:left; margin:0 5px; }
.case .bd ul li dl dt{width:1200px; height:600px; margin-bottom: -80px;}
.case .bd ul li dl dt img{width:1200px; height:600px;}
.case .bd ul li dl dd{ position: relative; background: #fff; height: 150px;box-shadow: 1px 5px 15px #eee; margin: 0 110px;}
.case .bd ul li dl dd span{ display: block; float: left; width: 190px; line-height: 150px; background: #f7ba2d; text-align: center;}
.case .bd ul li dl dd span a{ display: block; overflow: hidden; font-size:30px; color: #231815;}
.case .bd ul li dl dd p{ padding:31px 32px 0 48px; font-size: 16px; color: #333; line-height:30px; width:525px; float: left;}
.case .bd ul li dl dd em{ display: inline-block; float: left; margin-top: 50px; width: 136px; height: 46px; line-height: 46px; border-radius: 46px; border: 2px solid #333;}
.case .bd ul li dl dd em a{ display: block; padding-left: 28px; font-size: 22px; color: #333; letter-spacing: 3px;background:url(../images/pjllk.png) no-repeat 84px 15px;}
/*.case .sqh i{display: block;width:16px; height:10px;cursor: pointer;}*/
/*.case .sqh .prev1{position: absolute;top:250px;left:-10px; width: 60px; height: 60px; cursor: pointer;}*/
/*.case .sqh .next1{position: absolute;top:250px;right:-90px;width: 60px; height: 60px; cursor: pointer;}*/
.case .sqh .hd{ overflow: hidden; height: 80px; padding-left: 50px;}
.case .sqh .hd li{padding: 0 23px; height:40px;  line-height:40px;float:left; border: 2px solid #fff;  border-radius:40px;transition: .3s;}
.case .sqh .hd li a{ display: block; font-size: 20px; color: #666;}
.case .sqh .hd li.on{ border: 2px solid #f7ba2d;}
.case .sqh .hd li.on a{ color: #333;}
/**/
.gongy{ height: 960px; overflow: hidden;background:url(../images/gy.jpg) no-repeat center 144px; }
.gongy .gy_li{ position: absolute; z-index: 55; left: 485px; top: 350px;}
.gy_li ul li{ font-size: 0; line-height: 0; border: 1px solid rgba(255,255,255,0.7); cursor: pointer;}
.gy_li ul li img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.gy_li ul li.on{ border: 1px solid #f7ba2d;}
.gy_li ul li.on img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none;
}
/*.gy_on ul li{ overflow-x: hidden;!important;}*/
.gy_on dl dt{ 
    
        float: right;
    width: 960px;
    margin-right: -280px;
    overflow: hidden;
    
}
@media screen and (min-width:1100px) {
   .gy_on dl dt img{ 
width: 960px;
    margin-left: -153px;
}
}
@media screen and (min-width:1200px) {
   .gy_on dl dt img{ 
width: 960px;
    margin-left: -100px;
}
}

@media screen and (min-width:1500px) {
   .gy_on dl dt img{ 
 width: 960px;
    margin-left:0px;
}
}


.gy_on dl dd{ float: left; width: 480px; padding-top: 190px;}
.gy_on dl dd h3{ line-height: 100%; height: 95px;font-weight: normal; font-size: 40px; color: #333; letter-spacing: 4px; position: relative;}
.gy_on dl dd h3:before{ content:""; position:absolute;height:2px;width:60px;left:0;top:66px; background:#f7ba2d;}
.gy_on dl dd p{ width: 445px; color: #666; font-size: 18px; line-height: 30px; height: 156px;}
.gy_on dl dd h4{display:block; margin-bottom: 103px; width: 136px; height: 46px; line-height: 46px; border-radius: 46px; border: 2px solid #333;font-weight: normal;}
.gy_on dl dd h4 a{ display: block; padding-left: 28px; font-size: 22px; color: #333; letter-spacing: 3px;background:url(../images/pjllk.png) no-repeat 84px 15px;}
.gy_on dl dd h5{ overflow: hidden;font-weight: normal; position: relative;}
.gy_on dl dd h5:before{ content:""; position:absolute;height:2px;width:120px;left:33px;top:11px; background:#ccc;}
.gy_on dl dd h5:after{content:""; position:absolute;height:2px;width:30px;left:33px;top:11px; background:#f7ba2d;}
.gy_on .gy_on1:nth-of-type(2) dl dd h5:after{width:60px;}
.gy_on .gy_on1:nth-of-type(3) dl dd h5:after{width:90px;}
.gy_on .gy_on1:nth-of-type(4) dl dd h5:after{width:120px;}
.gy_on dl dd h5 span{ display: inline-block; float: left; color: #e6a100; font-size: 24px; font-family: Arial; padding-right: 140px; line-height: 100%;}
.gy_on dl dd h5 i{ display: inline-block; float: left; font-size: 18px; color: #aaa; font-family: Arial; padding-top: 3px; line-height: 100%;}
    /**/
.fwbr{ overflow: hidden; height: 582px;background:url(../images/fwbr.jpg) no-repeat center 0;}
.fwbr ul{ overflow: hidden; margin-left:-360px; width: 1920px;border-bottom: 1px solid #e6e6e6;  border-right: 1px solid #e6e6e6;}
.fwbr ul li{ float: left; font-size: 0; line-height: 0; width: 150px; box-sizing: border-box; overflow: hidden;}
.fwbr ul li img{ display: inline-block; width:149px; height: 155px;border-top: 1px solid #e6e6e6;  border-right: 1px solid #e6e6e6;}

.fwbr ul li i{ display: inline-block; float: left; width: 200px; text-align: center; color: #231815; font-size: 40px; line-height: 100%;}
.fwbr ul li i  span{ display: block; padding: 30px 0 9px 0;}
.fwbr ul li em{ display: inline-block; float: right; width: 597px; font-size:19px; color: #231815; line-height: 31px; padding:47px 70px 0 0;}
    /**/
.cases{ height: 840px;}
.c_u{ position: absolute; z-index: 5; cursor: pointer; left: -54px; top: 399px;}
.c_d{ position: absolute; z-index: 5; cursor: pointer; right: -54px; top: 399px;}
.cases ul li{ float: left; width: 285px; margin-right: 20px; height: 588px; overflow: hidden; background: #f5f5f5; border-bottom: 2px solid #f7ba2d;}
.cases ul li em span{ display: none;}
.cases ul li em{ display: block; padding: 30px 30px 0;}
.cases ul li em strong{ display: block; font-size: 18px; color: #333; line-height: 30px;}
.cases ul li em i{ display: block; font-size: 14px; color: #666; line-height: 25px; padding-top:4px;}
.cases ul li:hover em{background:url(../images/cs_bg.png) no-repeat; margin-top: -110px; position: relative; height: 320px; box-sizing: border-box; padding-top: 47px;}
.cases ul li:hover i{ color: #231815; height: 120px;}
.cases ul li:hover span{ display: inline-block;    display: block;
    width: 111px;
    height: 36px;
    line-height: 33px;
    border-radius: 36px;
    border: 2px solid #333;
    font-weight: normal;padding-left: 22px;
    font-size: 17px;
    color: #333;
    letter-spacing: 3px;
    background: url(../images/pjllk.png) no-repeat 68px 12px; background-size: 22px 9px; box-sizing: border-box;}
    /**/
.xinw{background: url(../images/xinw.jpg) no-repeat center 0; height: 880px; overflow: hidden; padding-top: 101px; box-sizing: border-box;}
.xw_l{ width: 572px;}
.xw_l h3{ overflow: hidden; height: 160px; background: url(../images/xw_l.jpg) no-repeat  30px 48px  #f7ba2d; margin-bottom: 39px;}
.xw_l h3 i{ display: inline-block; float: left; padding: 70px 0 0 25px; width: 137px; line-height: 100%; color: #231815;font-size: 24px; font-weight: bold;}
.xw_l h3 span{ display: block; line-height: 100%; font-family: Arial; font-size: 14px; color: #231815; text-transform: uppercase; text-transform: uppercase;font-weight: normal; padding-top: 8px;}
.xw_l ul li{ overflow: hidden; padding:13px 0 14px; border-bottom: 1px solid #e2e2e2;}
.xw_l ul li i{ display: inline-block; float: left; margin-left: 45px; width: 110px; font-size: 0; font-family: Arial;}
.xw_l ul li i span{ color: #999; font-size: 16px;}
.xw_l ul li em{ display: inline-block; width: 360px; float: left;margin-left: 5px;}
.xw_l ul li em span{ display: none;}
.xw_l ul li em a{ display: block; font-size: 16px; color: #333;}
.xw_l ul li em a:hover{ color: #c48900;}
.xw_l ul li.cur i span{ display: none;}
.xw_l ul li.cur i{ font-size: 50px; color: #333;font-weight: bold; padding-bottom: 17px; border-bottom: 2px solid #f7ba2d; width: 57px; margin-right: 53px; line-height: 100%;}
.xw_l ul li.cur em a{ font-size: 18px;}
.xw_l ul li.cur em span{ display: block; font-size: 14px; color: #888; line-height: 24px; padding-top: 12px; height: 109px;}
.xw_l ul li.cur{ padding-bottom: 0;}

.xw_r{ width: 570px;}
.xw_r ul{ overflow: hidden; height: 360px;}
.xw_r ul li a{ display: block; padding-left: 20px; font-size: 18px; color: #333; height: 22px; line-height: 22px; overflow: hidden;background: url(../images/xw_i.png) no-repeat 0 8px;}
.xw_r ul li span{ display: block; font-size: 15px; color: #888; line-height: 24px; padding: 8px 0 0; height: 90px;}
.xw_r h4 a{ display: block; box-sizing: border-box;background: url(../images/xw_i2.jpg) no-repeat; height: 160px; padding: 70px 0 0 50px; font-size: 24px; color: #f7ba2d; font-weight: bold; line-height: 100%;}
.xw_r h4 a span{ display: block; color: #f7ba2d; font-size: 14px; font-weight: normal; font-family: Arial; line-height: 100%; padding-top: 8px;}
    /**/
.about{ overflow: hidden; height: 700px;background: url(../images/zji.jpg) no-repeat center 0; box-sizing: border-box; padding-top: 100px;}
.about p{ margin: 0 auto;background: url(../images/zj.png) no-repeat; width: 760px; height: 360px; text-align: center;}
.about p i{ display: block; padding-top: 51px; line-height: 100%; font-size: 54px; color: #333; letter-spacing: 9px;}
.about p i span{ display: block; font-size: 20px; color: #333; letter-spacing: 3px; line-height: 100%; padding: 15px 0 27px 0;}
.about p em{ display: block; color: #333; font-size: 28px; line-height: 100%; padding-bottom: 35px;}
.about p em span{ display: block; line-height: 100%; padding-bottom: 13px;}
.about p a{ display: inline-block; text-align: left; background: url("../images/zj_m.png"); width: 180px; height: 50px; line-height: 50px; font-size: 20px; color: #333; box-sizing: border-box; padding-left: 27px;}
    /**/
.links{ overflow: hidden; height:120px; line-height:40px;background:#1a1210;}
.links h3{ float: left; width: 87px; color: #a8a7a6; font-size: 14px;font-weight: normal;}
.links p{ float: left;  width: 1104px;}
.links p a{ display: inline-block; color: #a8a7a6; display: inline-block; margin-right:19px;font-size: 14px;}
.links p a:hover{text-decoration: underline;}