@charset "utf-8";
/*============================ 初始化样式 ============================*/
* { margin:0; padding:0;box-sizing: border-box}
body {color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif;min-width:1200px;overflow-x: hidden}
*html { background-image:url(about:blank);background-attachment:fixed;}
li { list-style:none;}
img { border:none;}
body a img { border:none;}
h2,h3{font-weight:normal}
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none;}
a:link { text-decoration:none;}
a:hover { text-decoration:none;color: #fab200}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}
.container{width: 1200px;margin: 0 auto}
.fl{float: left}
.fr{float: right}
.clear{clear: both}
/*============================ 公共部分 ============================*/
/* 文章上下篇 */
.wengzhengfanye {background: #eee;padding: 5px 10px;border: 1px solid #ccc;overflow: hidden;margin-bottom: 40px;}
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB { color:#333; line-height:35px;}
.wengzhengfanye a:hover { text-decoration:underline;}

/* 文章类别上下页 */
.page { overflow:hidden;}
.pagelink { padding:10px 0 30px; text-align:center;}
.pagelink span,.pagelink a { display:inline-block; text-align:center;padding: 4px 10px;; border:solid 1px #ccc;background: #eee; color:#666; margin:0 4px;}
.pagelink a:hover,.pagelink a.on { background:#fab200; color:#fff; border:solid 1px #fab200;}
.pagelink span{display:inline-block; color:#fff; background:#fab200;padding: 4px 10px;border:solid 1px #fab200;}

/*========================================= 首页 =====================================*/
header{z-index: 9999;width: 100%;position: relative;background-color: #fff}
.logo{margin-top: 8px}
.top{overflow: hidden;padding: 15px 0}
.topr dl{text-align: center}
.topr dl img{width: 100px}
.topr dl p{margin-top: 10px}
.topr dd{background: url("../img/tel.png") no-repeat left;font-size: 16px;padding-left: 60px;margin: 30px 0 0 23px}
.topr dd b{font-size: 24px;color: #ed6f18}

.nav{background-color: #333}
.nav li{float:left; text-align:center;position:relative;margin-right: 17px}
.nav li a{ display:block;color:#fff;position:relative;padding: 15px 28px 13px;}
.nav li a b{display: block;}
.nav li a span{color: #adadad;font-size: 12px;display: block;text-transform: uppercase;font-family: Arial;line-height: 23px;}
.nav li:hover a,.nav li.active a{background-color: #fab200;color: #fff}
.nav li:hover a span,.nav li.active a span{color: #fff}
.nav li .xlnav{z-index:2;left:0px;right:auto;position:absolute;display:none;width: 100%;}
.nav li .xlnav ul{background-color: #000000;overflow: hidden}
.nav li .xlnav li{margin: 0;height: 40px!important;line-height: 40px!important;width: 100%;}
.nav li .xlnav li a{height: 40px!important;font-size: 14px;color: #fff;font-weight: normal;
    background-color: #333!important;border-bottom: none!important;padding: 0!important;}
.nav li .xlnav li:hover a{color: #fff!important;background-color: #fab200!important;}
.nav li:last-child{margin-right: 0}

.banner{ width:100%; position:relative; overflow:hidden;}
.banner .swiper-container{ width: 100%;height: 100%;overflow:hidden;}
.banner ul li{height: 596px}
.banner .pagination{position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;padding: 3px;border: 1px solid transparent;opacity: 1;display: inline-block;border-radius: 100%;background: none;margin: 0 4px;}
.banner .swiper-pagination-bullet:before{content: "";display: block;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;}
.banner .swiper-pagination-bullet-active{ border-color: #fab200 }
.banner .swiper-pagination-bullet-active:before{background-color: #fab200}

.oneA{background: #eee;padding: 30px 0;overflow: hidden}
.oneAa{overflow: hidden}
.oneAa h2{font-size: 28px;font-weight: bold;color: #000;float: left}
.oneAa dd{background: url(../img/tel2.png) left 13px no-repeat;height: 50px;line-height: 36px;color: #000;padding-left: 32px;float: right;font-size: 16px;}
.oneAa dd span {font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 30px;}

.oneAb{ padding-left:18px; padding-right:18px; height:60px; border-radius:5px; background:#fff;}
.oneAbl{ width:810px; font-size:15px; line-height:60px;}
.oneAbl a{ font-size:15px;}
.oneAbr{margin-top:12px;}
.oneAbr input{height: 36px;line-height: 36px;width: 295px;border: 1px solid #ddd;border-right: none;float: left;text-indent: 10px;background: #fff;}

.title{text-align: center;background: url(../img/titlebg.png) center 0 repeat-x;margin-top: 40px}
.title h2{width: 375px;font-weight: bold;font-size: 44px;color: #333333;background: url(../img/title.png) #fff center no-repeat;margin: 0 auto;}
.title p{font-size: 18px;color: #666;margin-top: 8px}

.oneB{overflow: hidden}
.oneB dl{font-size: 16px;line-height: 28px;text-align: center;margin-top: 40px}
.oneB ul{padding: 0 60px;margin-top: 50px}
.oneB ul li{width: 20%;float: left;text-align: center}
.oneB ul li i{display: inline-block;width: 68px;height: 68px;border: 2px solid #c9c9c9;border-radius: 50%;}
.oneB ul li p{color: #444;line-height: 20px;padding-top: 20px;}
.oneB ul li:nth-child(1) i{background: url("../img/oneb1.png") no-repeat center}
.oneB ul li:nth-child(2) i{background: url("../img/oneb2.png") no-repeat center}
.oneB ul li:nth-child(3) i{background: url("../img/oneb3.png") no-repeat center}
.oneB ul li:nth-child(4) i{background: url("../img/oneb4.png") no-repeat center}
.oneB ul li:nth-child(5) i{background: url("../img/oneb5.png") no-repeat center}
.oneB ul li:hover i{background-color: #fab200;border-color: #fab200}
.oneB ul li:nth-child(1):hover i{background: url("../img/oneb1h.png") #fab200 no-repeat center}
.oneB ul li:nth-child(2):hover i{background: url("../img/oneb2h.png") #fab200 no-repeat center}
.oneB ul li:nth-child(3):hover i{background: url("../img/oneb3h.png") #fab200 no-repeat center}
.oneB ul li:nth-child(4):hover i{background: url("../img/oneb4h.png") #fab200 no-repeat center}
.oneB ul li:nth-child(5):hover i{background: url("../img/oneb5h.png") #fab200 no-repeat center}

.oneC{margin-top: 40px;}
.title3{background-color: #fab200;text-align: center;line-height: 100px;position: relative}
.title3 h2{font-size: 40px}
.title3:after{content: '';width: 0px;position: absolute;top: 100px;left: 0;right: 0;margin: auto;height: 0px;
    border: 30px solid #fab200;border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;}
.oneCa{height: 215px;}
.oneCb{padding: 25px 35px;background: #fff;overflow: hidden;margin-top: -50px;box-shadow: 0 0 10px #ccc}
.oneCb dl{width: 80%}
.oneCb dl h3{font-size: 22px;color: #000;margin-bottom: 10px}
.oneCb dl p{color: #9c9c9c;font-size: 16px;}
.oneCb a{display: inline-block;width: 204px;line-height: 57px;border-radius: 30px;background-color: #fab200;
    text-align: center;font-size: 20px;color: #fff;float: right}

.oneD{overflow: hidden;margin-top: 20px}
.oneD ul li{width: 280px;overflow: hidden;float: left;margin: 20px 26px 0 0}
.oneD ul li dd{width: 100%;height: 182px;overflow: hidden;border: 1px solid #ccc;text-align: center}
.oneD ul li dd img{max-width: 100%;height: 182px;transition: all 0.5s}
.oneD ul li dt{margin-top: 15px;text-align: center}
.oneD ul li:nth-child(4n){margin-right: 0}
.oneD ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}


/*.oneE{overflow: hidden;margin-top: 30px}
.oneEl{width: 252px;float: left}
.oneEl h3{font-size: 30px;color: #fff;background-color: #fab200;text-align: center;line-height: 90px;}
.oneEl .oneEla{border: 1px solid #dddddd;padding: 15px;overflow: hidden;height: 526px}
.oneEl dl{background-color: #525151;color: #fff;text-align: center;line-height: 36px;font-size: 16px;}
.oneEl ul{overflow: hidden;margin-bottom: 15px}
.oneEl ul li{width: 50%;float: left;margin-top: 15px}
.oneEl ul:last-child{margin-bottom: 0}

.oneEr{width: 925px;border: 1px solid #dddddd;box-sizing: border-box}
.oneErt{line-height: 60px;padding: 0 15px;overflow: hidden;border-bottom: 1px solid #dddddd;}
.oneErt h3{font-size: 22px;float: left;position: relative;padding-left: 10px}
.oneErt h3:before{content: '';position: absolute;top: 15px;left: 0;width:3px;height: 30px;background-color: #fab200;}
.oneErt dd{font-size: 16px;color: #d5d3d3;margin-left: 30px;float: left}
.oneErt a{font-size: 14px;color: #666;display: inline-block;float: right}
.oneErt a:hover{color: #fab200}

.oneErc{overflow: hidden;padding: 0 20px 20px}
.oneErc ul li{width: 280px;overflow: hidden;float: left;margin: 20px 21px 0 0}
.oneErc ul li dd{width: 100%;height: 182px;overflow: hidden;border: 1px solid #ccc;text-align: center}
.oneErc ul li dd img{max-width: 100%;height: 182px;transition: all 0.5s}
.oneErc ul li dt{margin-top: 15px;text-align: center}
.oneErc ul li:nth-child(3n){margin-right: 0}
.oneErc ul li:hover dd img{transition: all 0.5s;transform: scale(1.1)}

.oneEb{background-color: #ededed;overflow: hidden;margin-top: 16px}
.oneEb ul li{line-height: 45px;width: 33.3%;text-align: center;float: left}*/

.title2{text-align: center;margin-top: 50px}
.title2 h2{font-size: 28px;font-weight: bold}
.title2 h2 span{color: #fab200}
.title2 p{color: #ccc;margin-top: 8px;font-size: 16px}

.oneF{margin-top: 40px;overflow: hidden}
.oneF ul li{width: 180px;float: left;margin-right: 24px}
.oneF ul li dt{background-color: #333;line-height: 55px;color: #fff;font-size: 16px;text-align: center}
.oneF ul li dt b{font-family: Arial}
.oneF ul li:nth-child(6n){margin-right: 0}

.oneG{margin-top: 40px;overflow: hidden}
.oneG ul{}
.oneG ul li{width: 290px;border-radius: 5px;border: 1px solid #e7e7e7;padding-bottom: 20px;overflow: hidden;float: left;margin-right: 13px}
.oneG ul li dd{height: 120px;transition: all 0.7s ease}
.oneG ul li dl{padding: 0 20px;margin-top: -40px;position: relative}
.oneG ul li i{background: #fff;text-align: center;width: 80px;height: 80px;margin: 0 auto;border-radius: 100%;display: block;}
.oneG ul li h3{text-align: center;margin: -10px auto 15px;}
.oneG ul li p{color: #666;margin: 0 0 10px 0;line-height: 24px}
.oneG ul li a{height: 34px;color: #666;line-height: 34px;width: 98px;text-align: center;border-radius: 19px;border: 1px solid #e7e7e7;display: block;margin: 0 auto;}
.oneG ul li:nth-child(4n){margin-right: 0}
.oneG ul li:nth-child(1) i{background: url("../img/og1.png") no-repeat center #fff}
.oneG ul li:nth-child(2) i{background: url("../img/og2.png") no-repeat center #fff}
.oneG ul li:nth-child(3) i{background: url("../img/og3.png") no-repeat center #fff}
.oneG ul li:nth-child(4) i{background: url("../img/og4.png") no-repeat center #fff}
.oneG ul li:hover{transform: translate(0,-4px);-webkit-transform: translate(0,-4px);-moz-transform: translate(0,-4px);-o-transform: translate(0,-4px);-ms-transform: translate(0,-4px);box-shadow: 0 0 8px rgba(0,0,0,0.1);transition: all 0.4s ease;}
.oneG ul li:hover dd{transition: All 0.7s ease;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);cursor: pointer;}
.oneG ul li a:hover{background-color: #fab200;color: #fff;border-color: #fab200}

.oneI{height:219px;padding:68px 0 0;background:url(../img/onef.jpg) center top no-repeat;overflow: hidden;margin-top: 50px}
.oneIa{height:151px;overflow: hidden}
.oneIa .oneIal{ width:744px;height:auto; overflow:hidden; text-align:center;}
.oneIa .oneIal h6{ font-size:36px; color:#fff; line-height:42px;}
.oneIa .oneIal p{ font-size:20px; color:#fff; line-height:40px;}
.oneIa .oneIar{height:auto; overflow:hidden;text-align:center; padding:5px 0 0;}
.oneIa .oneIar h3{font-size:16px; color:#fff; line-height:36px;}
.oneIa .oneIar h3 span{font-size:22px; color:#efa716;}
.oneIa .oneIar a{ width:235px; height:45px; background: url(../img/onefr.jpg) center repeat-x;font-size:18px;color:#fff; line-height:45px; display:block; margin:8px 0 0;}

.oneH{background: url("../img/oneh.png") no-repeat center;height: 531px;padding-top: 50px;overflow: hidden}
.oneHal{width: 310px;}
.oneAalt{background: url("../img/onehl.jpg") no-repeat 0 bottom;margin-bottom: 10px}
.oneAalt a{display: block;height: 62px;background: url("../img/onehr.png") no-repeat right bottom;}
.oneAalt h3{font-size: 20px;color: #ed7020;font-weight: bold}
.oneAalt p{font: 12px Arial;color: #999999;text-transform: uppercase;}

.oneAalc{}
.oneAalc ul li{border-bottom: 1px solid #d8d8d8;overflow: hidden;}
.oneAalc ul li dt{height: 21px;padding-left: 30px;font: 13px "Microsoft YaHei";color: #333333;line-height: 21px;background: url(../img/q.jpg) no-repeat left 0;margin-top: 20px;overflow: hidden;}
.oneAalc ul li dd {margin-top: 13px;font: 13px "Microsoft YaHei";color: #666666;line-height: 26px;height: 52px;overflow: hidden;padding-left: 30px;background: url(../img/a.jpg) no-repeat left 4px;margin-bottom: 18px;}

.oneHar{width: 750px;margin-right: 60px}
.oneHar .hd ul li{width: 50%;float: left;padding-left: 30px;line-height: 62px;font-size: 18px;background: #d8d8d8;}
.oneHar .hd ul li span{font-size: 14px;color: #999999;}
.oneHar .hd ul li.on{color: #fff;background: #fab200 url(../img/xia.png) no-repeat 318px center;}
.oneHar .hd ul li.on span {color: #FAE09D;}
.oneHar .bd{border: 4px solid #d8d8d8;background: #fff;border-width: 0 4px 4px 4px;padding: 15px 0 15px 15px;overflow: hidden;}
.oneHar .bd ul li{width: 50%;float: left;padding-right: 30px;font-size: 13px;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

footer{width:100%;background:#2c2d2d;overflow: hidden;}
.foot{color: #fff;line-height: 26px;text-align: center;padding: 25px 0}
.copy {line-height:55px;text-align:center; color: #666;overflow: hidden;background-color: #1f1d1c}
.copy a{color:#666;}

/*========================================= 产品中心 =====================================*/
.ny_con{overflow: hidden;padding-bottom: 40px;margin-top: 40px}
.left{width: 260px;}
.left h3{background: #fab200;font-size: 20px;font-weight: bold;text-align: center;color: #fff;padding: 15px 0}
.left_navs{background: #fff;border: 1px solid #eee;}
.left_nav ul li{height: 56px;line-height: 56px;border-bottom: 1px dashed #ddd;padding: 0 20px 0 60px;
    background: url("../img/dz.png") no-repeat 20px}
.left_nav ul li.active a{color: #fab200}
.left h4{height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #fff;background: #fab200;font-weight: bold;}
.left_cases{border: 1px solid #b5b5b5;}
.left_case ul li { width: 250px; margin: 5px auto;text-align: center }
.left_case ul li img { max-width: 100%; border: 1px solid #ccc;}
.left_case ul li p { color: #666; }
.left_case ul li:hover p{color: #fab200}

.right{width: 914px;border: 1px solid #ccc;background: #fff;}
.local{height: 40px;line-height: 40px;clear: both;overflow: hidden;background: #414141;padding: 0 20px;color: #fff;}
.local a{color: #fff}
.product{overflow: hidden;padding: 7.5px 15px;border: solid 1px #ccc;}
.product ul{overflow: hidden}
.product ul li{width: 280px;float: left;margin: 8px 16px 8px 0;background: #eee;padding: 4px;border: 1px solid #ccc;transition: all 0.5s}
.product ul li:nth-child(4n){margin-right: 0}
.product ul li dd{width: 100%;height: 176px;overflow: hidden}
.product ul li img{width: 100%;height: 176px;transition: all 0.5s}
.product ul li p{color: #666;padding: 5px;display: block;margin-top: 3px;text-align: center;}
.product ul li:hover{background-color: #fab200;border-color: #fab200}
.product ul li:hover p{color: #fff}
.product ul li:hover img{transition: all 0.5s;transform: scale(1.1)}

.product2{overflow: hidden;padding: 7.5px 15px;}
.product2 ul{overflow: hidden}
.product2 ul li{width: 283px;float: left;margin: 8px 16px 8px 0;background: #eee;padding: 4px;border: 1px solid #ccc;transition: all 0.5s}
.product2 ul li:nth-child(3n){margin-right: 0}
.product2 ul li dd{width: 100%;height: 178px;overflow: hidden}
.product2 ul li img{width: 100%;height: 178px;transition: all 0.5s}
.product2 ul li p{color: #666;padding: 5px;display: block;margin-top: 3px;text-align: center;}
.product2 ul li:hover{background-color: #fab200;border-color: #fab200}
.product2 ul li:hover p{color: #fff}
.product2 ul li:hover img{transition: all 0.5s;transform: scale(1.1)}

.recom{height: 40px;line-height: 40px;clear: both;overflow: hidden;background: #414141;padding: 0 22px;color: #eee;}
.recom strong{font-size: 16px}
.recom a{display: inline-block;float: right;color: #fff}
.ma40{margin-top: 40px}

.rec_newst{ overflow: hidden; padding: 10px; }
.rec_newst li { overflow: hidden; border-bottom: 1px dashed #94896B; padding-bottom: 10px; }
.rec_newst li img { width: 180px; height: 126px; float: left; margin-right: 10px; border: 1px solid #fab200; padding: 2px; }
.rec_newst li dl{float:left;width: 700px}
.rec_newst li h3 { font-size: 16px; color: #fab200; }
.rec_newst li p { color: #666; padding: 10px 0 }
.rec_newst li span { color: #999; }

.rec_newsb{padding: 10px 10px 20px;overflow: hidden}
.rec_newsb ul li{height: 40px;line-height: 40px;border-bottom: 1px dashed #ccc;width: 45%;float: left;margin: 0 10px;background: url("../img/sp.png") no-repeat left;padding-left: 25px;}
.rec_newsb ul li a{color: #666;}
.rec_newsb ul li:nth-child(2n){float: right}
.rec_newsb ul li a:hover{color: #fab200}

/*========================================= 关于我们 =====================================*/
.ny_ban{height:390px;overflow: hidden;}

.nytitle{text-align: center;margin-top: 40px}
.nytitle h2{font-size: 36px;}

/*========================================= 工程案例 =====================================*/
.case{padding: 10px 10px 0 10px}
.case ul li{border:1px solid #ccc;background:#fafafa;height:200px;clear:both;overflow:hidden;margin-bottom: 10px}
.case ul li img{width:270px;height:188px;float:left;padding:3px;border:1px solid #ccc;margin:5px;}
.case ul li .text{width:590px;float:right;padding-right: 10px}
.case ul li .text h3{font-size:16px;font-weight:bold;margin-top: 15px}
.case ul li .text p{margin-top: 20px}
.case ul li .text span{color:#666;}
.case ul li .case-link{height:32px;line-height:32px;width:120px;text-align:center;background:#fab200;color:#fff;margin-top:20px;}
.case ul li .case-link a{display: block;color:#fff;}
.case ul li:hover{background-color: #fff}

/*========================================= 新闻中心 =====================================*/
.news { padding: 20px 20px 10px; overflow: hidden;  }
.news li { height: 165px; border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-top: 10px; }
.news li dd{width: 200px;height: 144px;overflow: hidden;float: left; margin-right: 30px;}
.news li img {border: 1px solid #ccc; padding: 5px; width: 200px;height: 144px;transition: all 0.5s; }
.news li .text {width: 540px; float: left; }
.news li h3 { font-size: 18px; }
.news li h3 a { color: #fab200; }
.news li p { color: #666;padding: 10px 0}
.news li span { font-size: 12px; color: #999;}
.news li:hover dd img{border: 1px solid #fab200;transition: all 0.5s;transform: scale(1.1)}
.news li:hover{border-color: #fab200}

/*========================================= 单页 =====================================*/
.one{padding: 20px;line-height: 2;min-height: 400px}

/*========================================= 在线留言 =====================================*/
button, input, select, textarea { font-size: 12px;  font-family: inherit;  margin: 0;  outline: none;  resize: none;  border: none;  }

/*========================================= 联系我们 =====================================*/
.map{overflow: hidden;height: 500px}

/*=======================================详情页============================================*/
.con{margin: 0 auto;padding: 20px;box-sizing: border-box}
.rt_con{background-color: #fff;padding: 30px 20px 0}
.news_info{overflow:hidden; border-bottom:1px dotted #ccc;}
.info_title{text-align:center;}
.info_title h3{font-size:24px;color:#fab200;font-weight: normal;}
.info_laiyuan{color:#666;text-align:center;margin-top: 20px;border-bottom: 1px dashed #ccc;padding-bottom: 20px}
.info_laiyuan span{display: inline-block;}
.cont{padding:20px 0;line-height:2;min-height: 400px}
.cont img{max-width:100%;}
.info_picA{padding:10px;text-align:center;}
.info_picA img {max-width:100%;width: expression(this.width > 720 ? 720: true)}