/*全局样式*/
@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/1.5 "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
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;}
input,textarea{appearance:none;-webkit-appearance:none;-moz-appearance: none; -o-appearance: none;outline: none; }
*{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}
.clearfix:after,.clearfix:before{clear: both;}
ul {margin: 0;}
li {list-style: none;}
img{max-width:100%;}
.container-fluid {max-width: 1230px !important;}
.tr5 {transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;-webkit-transition: all .5s;}
.tr2 {transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;-webkit-transition: all .2s;}
.overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial;}
.overflow2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.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;}
header{position: relative;z-index: 111;border-bottom: 1px solid #EAEAEA;}
header .logo{line-height: 116px;height: 116px;font-size: 0;width:calc(10% + 200px);display: block;}
header .logo img{max-height:80%;}
/*pc导航*/
header nav{width: calc(90% - 220px);}
header nav a{transition: all 0.3s;}
header nav ul{font-size: 0;margin:0;text-align: right;}
header nav ul > li{position: relative;text-align: center;display: inline-block;vertical-align: top;width: calc(16.66% - 1px);max-width: 132px;margin-left:1px;}
header nav ul > li > a{line-height:116px; display:block;color: #000;font-size: 18px;padding: 0 14px;position: relative;}
header nav ul > li > a:after{content: "";width:0;height: 3px;background: #c01920;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;transition: all .3s;}
header nav ul > li:hover > a{color: #c01920;}
header nav ul > li:hover > a:after{width: 100%;}
header nav ul > li.active > a{color: #c01920;}
header nav ul > li.active > a::after{width: 100%;}
header nav .ul{display:none;position: absolute;left: 0;top:100%;width: 100%;right: 0;background:rgba(255,255,255,1);padding:2px 0 15px;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 0 0 10px 10px;overflow: hidden;}
header nav .ul a{font-size: 14px;color: #333;line-height: 22px;padding:8px;display: block;}
header nav .ul a:hover{background-color: #c01920;color: #fff;}
header nav .ul a.active{background-color: #c01920;color: #fff;}
header nav ul > li:hover .ul{display: block;}
/*banner*/
.banner{position: relative;z-index: 1;overflow: hidden;padding: 50px 0;}
.banner .tt{width: 56%;float: left;margin-top: 66px;padding-right: 55px;}
.banner .tt1{font-size: 70px;font-family: 'Arial';line-height: 76px;font-weight: bold;}
.banner .tt2{font-size: 30px;font-weight: bold;line-height: 40px;margin-top: 22px;}
.banner .bjcover{width: 44%;float: right;border: 10px solid #E9E9E9;min-height: 400px;padding-top:46%;}
.banner .gd{margin-left: 0;margin-top: 44px;}
.main88{padding: 80px 0;}
.title{text-align: center;overflow: hidden;margin-bottom:44px;}
.title .div1{font-size: 30px;color: #000;font-weight: bold;}
.title .div2{font-size: 0;margin-top:4px;}
.title .div2 span{display: inline-block;vertical-align: top;font-size: 18px;color: #999;font-family: 'Arial';padding: 0 16px;position: relative;}
.title .div2 span:after{content: "";width: 255px;height: 1px;background: #ACACAC;position: absolute;left: 100%;top:0;bottom: 0;margin: auto 0;}
.title .div2 span:before{content: "";width: 255px;height: 1px;background: #ACACAC;position: absolute;right: 100%;top:0;bottom: 0;margin: auto 0;}
.gd{display: block;width: 200px;line-height: 54px;font-size: 20px;color: #fff;background: #c01920;text-align: center;margin:33px auto 0;border-radius: 44px;}
.gd:hover{background-color: #f98e3f;color: #fff;}
/* 服务项目 */
.main1{background: #f7f7f7;}
.main1 .box .list{display: block;width: calc(33.33% - 20px);margin: 20px 10px 0;float: left;}
.main1 .box .list .img{height: 350px;position: relative;}
.main1 .box .list .img img{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-width: 94%;max-height: 94%;transition: all 0.3s;}
.main1 .box .list .tt{font-size: 20px;color: #000;line-height: 40px;text-align: center;}
.main1 .box .list:hover .img img{transform:scale(1.06);}
.main1 .box .list:hover .tt{color: #c01920;}
.main1 .box .list:nth-child(1){background: #F98E42;height: 390px;padding: 44px 35px 0;color: #fff;}
.main1 .box .list:nth-child(1) .tt1{font-size: 20px;font-weight: bold;text-align: center;margin-bottom:18px;}
.main1 .box .list:nth-child(1) .tt2{font-size: 16px;line-height: 36px;font-weight: lighter;height: 252px;-webkit-line-clamp: 7;}
/* 服务优势 */
.main2 .box .img{width: 41%;float: left;padding-right: 60px;}
.main2 .box .img img{box-shadow: 0 4px 16px rgba(0,0,0,.06);width: 100%;display: block;}
.main2 .box .ttbox{width: 59%;float: right;padding-top:30px;}
.main2 .box .ttbox .list{position: relative;padding:12px 0 10px 126px;font-size: 17px;color: #000;min-height: 100px;}
.main2 .box .ttbox .list b{font-size: 24px;display: block;margin-bottom: 6px;}
.main2 .box .ttbox .list .tt1{width: 100px;height: 100px;background: #fff;box-shadow: 0 0 11px rgba(0,0,0,.06);line-height: 100px;text-align: center;border-radius: 50%;position: absolute;left: 0;top:0;font-size: 0;}
.main2 .box .ttbox .list .tt1 img{max-height: 55%;}
.main2 .box .ttbox .list:nth-child(n+2){margin-top:44px;}
/* 公司简介 */
.main3{background: #F7F7F7;padding-bottom: 0 !important;width: 100%;overflow: hidden;}
.main3 .box{font-size: 16px;line-height: 40px;text-align: center;margin-top: -10px;}
.main3 .img{width: 750px;margin:66px auto 0;position: relative;max-width: 100%;}
.main3 .img:after{content: "";width:300%;height: 50%;background: #fff;position: absolute;left: -100%;bottom: 0;z-index: 1;}
.main3 .img .bjcover{padding-top: 66%;position: relative;z-index: 2;}
/* 工程案例 */
.main4 .list{display: block;}
.main4 .list .bjcover{padding-top: 70%;}
.main4 .list .tt{font-size: 18px;color: #000;text-align: center;line-height: 60px;}
.main4 .list:hover .bjcover{transform:scale(1.06);}
.main4 .list:hover .tt{color: #c01920;}
footer{background: #F2F2F2;position: relative;}
footer .top{width: 50px;position: absolute;right: 3%;bottom:28%;cursor: pointer;transition: all 0.3s;}
footer .top:hover{bottom: 29%;}
footer .box2{font-size: 14px;color: #999;text-align: center;line-height: 24px;padding: 20px;border-top: 1px solid #ddd;}
footer .box1{padding: 66px 0;}
footer .box1 .list3{width: 150px;text-align: center;font-size: 14px;float: left;}
footer .box1 .list3 img{display: block;width: 100%;margin-bottom: 8px;}
footer .box1 .list2{width:calc(14% + 180px);float: left;margin-right: 100px;}
footer .box1 .list2 .ul{width: 50%;float: left;padding-right: 20px;}
footer .box1 .list2 .ul a{display: block;font-size: 14px;line-height: 24px;padding-bottom:10px;color: #666;}
footer .box1 .list2 .ul a:nth-child(1){font-size: 16px;color: #000;padding-bottom: 16px;}
footer .box1 .list2 .ul a:nth-child(n+2):hover{color: #c01920;}
footer .box1 .list1{width: 42%;float: left;padding-right: 30px;font-size: 14px;line-height: 34px;color: #000;}
footer .box1 .list1 .img{display: block;margin-bottom: 20px;}
/*内页共用*/
.ny{min-height:500px;padding: 66px 0 77px;}
.ny .zuo{width:250px;float: left;padding-right: 30px;}
.ny .you{width:calc(100% - 250px);float: left;}
.ny .zuo .ul{background: #c01920;}
.ny .zuo .ul > a{display:block;width: 100%;line-height: 60px;color: #000;position: relative;padding: 0 25px;transition: all 0.3s;font-size: 16px;color: #fff;border-bottom: 1px solid rgba(255,255,255,.3);}
.ny .zuo .ul > a:hover{background: #f98e3f;color: #fff;}
.ny .zuo .ul > a.active{background: #f98e3f;color: #fff;}
/* ny服务项目 */
.nycp{margin: 0 -10px;}
.nycp .list{display: block;width: calc(33.33% - 20px);margin: 0 10px 30px;float: left;}
.nycp .list .img{padding-top: 92%;;position: relative;background: #F7F7F7;}
.nycp .list .img img{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-width: 94%;max-height: 94%;transition: all 0.3s;}
.nycp .list .tt{font-size: 20px;color: #000;line-height: 60px;text-align: center;}
.nycp .list:hover .img img{transform:scale(1.06);}
.nycp .list:hover .tt{color: #c01920;}
/* ny工程案例 */
.nycase{margin: 0 -10px;}
.nycase .list{display: block;width: calc(33.33% - 20px);margin: 0 10px 30px;float: left;}
.nycase .list .bjcover{padding-top: 70%;}
.nycase .list .tt{font-size: 18px;color: #000;text-align: center;line-height: 60px;}
.nycase .list:hover .bjcover{transform:scale(1.06);}
.nycase .list:hover .tt{color: #c01920;}
/*详情页*/
.danye{color:#000000;font-size: 16px;line-height: 180%;}
.danye .topbox{margin-bottom:24px;text-align: center;}
.danye .bt{color: #000;font-size: 22px;padding-bottom: 10px;}
.danye .rq{color: #555555;font-size: 14px;}
.danye .xian{width: 100%;height: 1px;margin-top: 14px;border-bottom: 1px dashed #ccc;}
.danye .img{margin:0 auto 18px auto;display: block;}
.danye .img img{display: block;margin: 0 auto;}
.danye .ditu{height:500px;position: relative;margin:20px auto;border: 1px solid #eee;}
/*transition: all 0.3s;*/
/*c01920*/
/*f98e3f*/
/*transform:scale(1.06);*/
/*媒体查询开始*/
@media (max-width:1199px){
.banner .tt1{font-size:54px;line-height:62px;}
.banner .tt2{font-size:26px;line-height: 36px;}
.banner .tt{margin-top: 44px;}
.main1 .box .list:nth-child(1) .tt2{font-size: 14px;line-height: 30px;height: 240px;}
footer .box1 .list2{margin-right: 0;}
/*内页共用*/
.ny{min-height:300px;padding:25px 0 50px;}
.ny .zuo{width:100%;padding: 0 0 25px;margin-top: -6px;}
.ny .you{width:100%;float: left;}
.ny .zuo .top{display: block;}
.ny .zuo .ul{background: transparent;text-align: center;font-size: 0;}
.ny .zuo .ul > a{display:inline-block;width: auto;line-height:26px;padding: 4px 20px;font-size: 15px;border:1px solid #fff;color: rgba(255,255,255,.8);background: #c01920;}
}
@media (max-width:991px) {
header .logo{width: 100%;}
.banner .tt1{font-size:40px;line-height:44px;}
.banner .tt2{font-size:24px;line-height:36px;}
.banner .tt{margin-top: 22px;}
.banner .gd{margin-top: 30px;}
.banner .bjcover{min-height: 340px;}
/*pc导航*/
header nav{display: none;width:180px;float: none;padding:15px 20px 20px;margin:0;position: absolute;right:0;top:100%;z-index:113;background: #fff;box-shadow: 0 0 6px rgba(0,0,0,.1)}
header nav ul > li{display:block;width:100%;text-align: left;padding:0;border-bottom: 1px solid #ddd;}
header nav ul > li:nth-last-child(1){border: 0;}
header nav ul > li > a{display:block; color: #333;font-size:15px;line-height: 50px;text-align: center;}
header nav ul > li > a:after{display: none;}
header nav ul > li:hover .ul{display: none;}
/*移动导航按钮*/
header .lanmu{width: 30px;font-size: 0;height: 21px;position: absolute;right: 15px;bottom:48px;cursor: pointer;z-index: 2;}
header .lanmu i{display: inline-block;width: 100%;height: 3px;background: #c01920;border-radius: 3px;transition: all 0.6s;}
header .lanmu i:nth-child(2), .lanmu i:nth-child(3){width: 40%;margin:6px 0;}
header .lanmu i:nth-child(2){margin-right: 10%;}
header .lanmu i:nth-child(3){margin-left: 10%;}
header .lanmu.active i:nth-child(1) {transform: rotate(45deg) translateY(4px) translateX(5px);}
header .lanmu.active i:nth-child(4){transform: rotate(-45deg) translateY(-8px) translateX(8px);}
header .lanmu.active i:nth-child(2){transform: translateX(-30px);opacity: 0;}
header .lanmu.active i:nth-child(3){transform: translateX(30px);opacity: 0;}
.gd{width: 160px;font-size: 16px;line-height: 44px;}
.main1 .box .list{width: calc(50% - 20px);}
footer .box1 .list3{display: none;}
footer .box1 .list2{width:calc(14% + 180px);}
footer .box1 .list1{width:calc(86% - 180px);}
}
@media (max-width:767px) {
header .logo{line-height: 100px;height: 100px;width: 100%;}
header .logo img{max-height:60%;}
/*banner*/
.banner{padding: 40px 0;}
.banner .tt{width: 50%;margin-top: 6px;padding-right: 0;}
.banner .tt1{font-size: 18px;line-height: 24px;}
.banner .tt2{font-size: 16px;line-height: 24px;margin-top:4px;font-weight: normal;}
.banner .gd{font-size: 12px;line-height: 32px;width: 90px;margin-top:8px}
.banner .bjcover{min-height: inherit;border-width:3px;margin-bottom:0;float: left;width: 50%;padding-top: 66%;float: right;}
.main88{padding: 40px 0;}
.title{margin-bottom:24px;}
.title .div1{font-size: 22px;}
.title .div2{margin-top:2px;}
.title .div2 span{font-size: 16px;}
.gd{width: 130px;line-height:39px;font-size: 14px;margin-top:26px;}
/* 服务项目 */
.main1 .box{margin: -20px -5px 0;}
.main1 .box .list{width: calc(50% - 10px);margin:20px 5px 0;}
.main1 .box .list .img{height: auto;padding-top:90%;}
.main1 .box .list .tt{font-size:14px;line-height: 34px;}
.main1 .box .list:nth-child(1){height: auto;padding:30px 20px;width: calc(100% - 10px);}
.main1 .box .list:nth-child(1) .tt1{font-size: 18px;margin-bottom:11px;}
.main1 .box .list:nth-child(1) .tt2{font-size: 14px;line-height:28px;height: auto;-webkit-line-clamp:8;max-height: 224px;font-weight: normal;}
/* 服务优势 */
.main2 .box .img{width: 100%;padding-right: 0;}
.main2 .box .ttbox{width:100%;padding-top:0;}
.main2 .box .ttbox .list{padding:0 0 0 88px;font-size: 15px;;min-height: 70px;margin-top: 30px !important;}
.main2 .box .ttbox .list b{font-size:20px;margin-bottom: 4px;}
.main2 .box .ttbox .list .tt1{width:70px;height: 72px;line-height: 70px;top:5px;box-shadow: none;border: 1px solid #eee;}
/* 公司简介 */
.main3 .box{font-size:15px;line-height:30px;}
.main3 .img{margin-top: 40px;}
.main3 .gd{margin-top:20px;}
/* 工程案例 */
.main4 .list .tt{font-size:15px;line-height: 40px;}
footer .box2{padding: 15px;}
footer .box1{padding: 40px 0;}
footer .box1 .list2{display: none;}
footer .box1 .list1{width:100%;padding-right: 0;line-height: 30px;}
footer .box1 .list1 .img{margin-bottom:14px;}
.nycp{margin: 0 -5px;}
.nycp .list{width: calc(50% - 10px);margin: 0 5px 15px;}
.nycp .list .tt{font-size: 15px;line-height: 40px;}
/*详情页*/
.danye{font-size: 15px;}
.danye .bt{font-size: 18px;padding-bottom: 4px;}
.danye .img{margin:0 auto 15px auto;}
.danye .ditu{height:400px;margin: 15px auto;}
.danye .xian{margin-top: 10px;}
/* ny工程案例 */
.nycase{margin: 0 -5px;}
.nycase .list{width: calc(50% - 10px);margin: 0 5px 11px;}
.nycase .list .tt{font-size: 15px;line-height: 40px;}
}
@media (max-width:600px) {
header .logo{height:80px;line-height:80px;max-width: calc(100% - 48px);}
header .lanmu{bottom:29px;}
.danye .ditu{height:340px;}
}
@media (max-width:479px) {
.danye .ditu{height:300px;}
}
/*手机底部*/
@media (max-width:991px) {
footer{margin-bottom: 51px;}
.sjdibu{height:50px;background:#c01920;position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;}
.sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;}
.sjdibu .box1 a span{ color:#fff; font-size:16px; line-height:20px;}
.sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;}
.sjdibu .box2{ position: fixed; left: 0; bottom:51px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;}
.sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;}
}