.main_wz{ height:40px; line-height:40px; position:relative; z-index:99; margin-top:-40px; background:rgba(0,0,0,0.5); color:#fff; font-size:0.875rem;}
.main_wz a{ color:#fff;}
.main_wz a:hover{ text-decoration:underline;}

.ban{ background-repeat:no-repeat; background-position:center; width:100%; height:500px;}

/*公司介绍*/
.about1{ padding:82px 0; width:100%; overflow:hidden;}

.about1 .ab1{ width:56.92%; overflow:hidden; cursor:pointer;position: relative;background: #000;}
.about1 .ab1 img{ width:100%; transition:all 0.7s ease;}
.about1 .ab1 video{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 100%;height: 100%;display: none;}
/* .about1 .ab1:hover img{ transform:scale(1.05)} */
.about1 .ab2{ width:38%; padding-top:36px;}
.about1 .ab2 h3{ font-size:2.25rem; color:#d0231c; font-weight:bold;}
.about1 .ab2 span{ display:block; margin:10px 0 40px;}
.about1 .ab2 p{ font-size:0.9375rem; color:#333333; line-height:1.5em;}
.n-num{ background:#f3f3f3; padding:40px 0; margin-top:68px;}
.n-num li{ float:left; width:25%;  background:url(../images/sxian.jpg) right center no-repeat; text-align:center;}
.n-num li p{ font-size:0.875rem; color:#555555; }
.n-num li h4{ font-size:54px; font-family:'impact'; font-weight:bold; color:#d0231c; line-height:1em; letter-spacing:3px;}
.n-num li h4 span{font-family:'impact';}
.n-num li h4 em{ font-size:1.125rem; position:relative; top:-20px;}
@media screen and (max-width:768px){
.moa{ background-position:-290px;}
.about1 .ab1{ width:100%;}
.about1 .ab2{ width:100%; padding-top:36px;}
.n-num li{ width:50%; margin-bottom:30px;}
.n-num li:nth-child(3){ margin-bottom:0;}
.n-num li:nth-child(4){ margin-bottom:0;}
.ban{ height:500px;}
}
/*企业理念*/
.a-idea{ width:100%; overflow:hidden; padding-bottom:78px}
.ideatit{ text-align:center;}
.ideatit h3{ color:#d0231c; font-weight:bold; font-size:2.25rem;}
.ideatit p{ margin-top:10px;}
.ideaul{ margin-top:56px;}
.ideaul li{ width:20%; background:url(../images/di1.jpg) center no-repeat; box-sizing:border-box; min-height:363px; text-align:center; padding:40px 25px 0 25px; float:left; cursor:pointer;transition:all 0.7s ease;}
.ideaul li:hover{ background:url(../images/di1c.jpg) center no-repeat;}
.ideaul li .in1{ transform:rotateY(0); transition:all 0.7s ease;}
.ideaul li:hover .in1{ transform:rotateY(180deg);}
.ideaul li h4{ margin-top:28px; font-weight:bold; color:#333333; font-size:1.125rem;}
.ideaul li p{ color:#333333; font-size:0.875rem; line-height:1.5em; min-height:60px; margin-top:10px;}
.ideaul li div{ width:100%; overflow:hidden;}
.ideaul li div img{ width:100%; transform:scale(1); transition:all 0.7s ease;}
.ideaul li:hover div img{ transform:scale(1.05)}
@media screen and (max-width:768px){
.ideaul li{ width:49%; background:none; border:1px solid #999; box-sizing:border-box; min-height:450px; margin-right:2%; margin-bottom:24px; padding:40px 16px 0 16px;}
.ideaul li:nth-child(2n){ margin-right:0}
.ideaul li:nth-child(5){ margin-left:24%}
.ideaul li:hover{ background:none; border:1px solid #d0231c}
.ideaul li p{ min-height:80px}
}
/*含义*/
.meaning{ background:#f7f7f7; width:100%; overflow:hidden; padding:76px 0;}
.metit{ text-align:center;}
.metit h3{ color:#d0231c; font-size:2.25rem; font-weight:bold;}
.metit p{ color:#333333; font-size:0.9375rem; line-height:2em;}
.meul{ margin-top:59px}
.meul li{ width:25.53%; float:left; text-align:center;}
.meul li p{ text-align:left; line-height:2.125em; font-size:0.875rem; margin-top:22px;}
.meul div{ text-align:center; width:11.7%; float:left; padding-top:40px;}
@media screen and (max-width:768px){
.meul li{ width:100%; float:none; margin-bottom:20px;}
.meul div{ display:none}
.metit p{ text-align:left; font-size:1rem; line-height:2em;}
}

/*工程案例*/
.main{ padding:67px 0;}
.casetit{ text-align:center;}
.casetit h3{ font-size:2.25rem; color:#212121; font-weight:bold;}
.caselist{ margin-top:32px;}
.caselist dl{ width:46.23%; margin-bottom:57px}
.caselist dl dt{ width:100%; overflow:hidden;}
.caselist dl dt img{ transition:all 0.7s ease; transform:scale(1);}
.caselist dl dt:hover img{ transform:scale(1.05);}
.caselist dl dd{ position:relative; border-bottom:1px solid #c9c9c9; text-align:center; padding:16px 0;}
.caselist dl dd p{ font-size:1rem; color:#444444; line-height:46px; height:46px; overflow:hidden;}
.caselist dl dd i{ position:absolute; width:100%; height:1px; bottom:-1px; left:0; transform:scale(0,1); transition:all 0.7s ease; background:#df1a11}
.caselist dl:hover dd i{ transform:scale(1)}
@media screen and (max-width:768px){
.caselist dl{ width:49.5%; margin-bottom:57px}
}

.cshowpic{ text-align:center; margin:30px 0 0;}
.ch43{ color:#d0231c; font-size:1rem; font-weight:bold; margin-top:60px; max-width:750px; margin:0 auto;}
.cshowcon{ border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:32px 0; min-height:300px; max-width:750px; margin:20px auto 0;}
.cdd{ width:100%; max-width:750px; margin:0 auto}
.cdd p a{ display:inline-block;  transition:0.5s all ease; color:#000; }
.cdd p a:hover{ color:#d0231c;}
@media screen and (max-width:768px){
.cdd p{ float:none; margin-bottom:20px; }
}


/*联系信息*/
.con-box .tit{ text-align:center;}
.con-box .tit h3{ font-size:2.25rem; color:#d0231c; letter-spacing:3px}
.con-box .tit p{ color:#333; font-size:0.875rem;}
.con-box ul{ margin-top:48px}
.con-box li{ background:#eeeeee; width:30.84%; margin-right:3.74%; box-sizing:border-box; padding:24px 0 24px 27px; position:relative; float:left; min-height:176px;}
.con-box li:nth-child(3){ margin-right:0}
.con-box li h4{ font-size:1.5rem; color:#d0231c; font-weight:bold; margin-bottom:8px}
.con-box li h4 img{ margin-left:12px; margin-bottom:-5px;}
.con-box li span{ color:#d0231c; font-size:0.75rem;}
.con-box li hr{ width:21px; height:1px; background:#d0231c; margin:16px 0; border:none}
.con-box li p{ font-size:0.875rem; color:#666666; line-height:1.625em}
.con-box li .cwx{ position:absolute; right:20px; bottom:20px}
.con-box li .cwx img{ margin-left:12px}
.map{ margin-top:80px;}
.feed{ margin-top:80px;}
.feed .tit{ text-align:center;}
.feed .tit h4{ font-size:2.25rem; color:#d0231c;letter-spacing:3px}
.feed .tit p{ color:#333; font-size:0.875rem;}
.feed .di3{ width:100%; margin-top:32px; margin-bottom:20px;}
.feed .di3 input{ width:23.5%; float:left; margin-right:2%; box-sizing:border-box; background:none; padding:10px; border:1px solid #b5b5b5;}
.feed .di3 input:nth-child(5){ margin-right:0}
.feed .w100{ box-sizing:border-box; width:100%; background:none;padding:10px; border:1px solid #b5b5b5}
.feed .cce{ text-align:center}
.feed .fbtn2{ background:#d0231c; color:#fff; margin-top:60px; border:none; padding:20px 90px; font-size:0.875rem; cursor:pointer}
@media screen and (max-width: 768px){
.con-box li{ width:100%; margin-bottom:24px; margin-right:0}
.con-box li .cwx img{ width:107px; margin-left:12px}
.con-box .tit p{ text-align:left; font-size:1rem;}
.feed .tit p{ text-align:left; font-size:1rem;}
.feed .di3 input{ width:100%; font-size:1rem; margin-bottom:20px}
.feed .w100{ font-size:1rem;}
}

.newsall{width:32.5%; float:left; margin-right:1.25%; margin-bottom:56px}
.newsall:nth-child(3n){ margin-right:0;}
.newsall .npic{ width:100%; overflow:hidden; max-height:320px; min-height:320px;}
.newsall .npic img{ transform:scale(1); transition:all 0.5s ease; width:100%;}
.newsall:hover .npic img{ transform:scale(1.05);}
.newsall .name{ padding:36px 0 22px; border-bottom:1px solid #dcdcdc; position:relative;}
.newsall .name p{ font-size:1.125rem; color:#111111; margin-bottom:8px;transition:all 0.7s ease;}
.newsall .name span{ color:#999999; font-size:0.875rem;}
.newsall .name  i{ position:absolute; bottom:-1px; left:0; transform:scale(0,1); transition:all 0.7s ease; width:100%; height:1px; background:#d0231c; transform-origin:left;}
.newsall:hover .name  i{ transform:scale(1)}
.newsall:hover .name p{ color:#d0231c}
@media screen and (max-width: 768px){
.newsall{ width:49%; margin-right:2%;}
.newsall:nth-child(3n){ margin-right:2%;}
.newsall:nth-child(2n){ margin-right:0;}
}

/*新闻内页*/
.nbg{}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#484848;}
.news-type{width:100%; height:auto; text-align:center; margin:0 auto; color:#242424;font-size:0.875em;line-height:1.5em;}
.news-content{width:100%; margin:0 auto; font-size:1rem;  line-height:1.5em; color:#242424; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:24px 0;}
.news-pn{ font-size:1rem;line-height:1.5em; color:#242424}
.news-pn a{ color:#242424; font-size:1rem;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}

.xgnews-con li{ position:relative; width:32%; margin-right:2%; margin-bottom:20px; float:left}
.xgnews-con li:nth-child(3){ margin-right:0}
.xgnews-con li:nth-child(4){ display:none;}
.xgnews-con li .nimg{ width:100%; overflow:hidden;}
.xgnews-con li .nimg img{ transform:scale(1); transition:all 0.7s ease;}
.xgnews-con li:hover .nimg img{ transform:scale(1.05);}
.xgnews-con li .ntext{ padding:36px 0; border-bottom:1px solid #d2d2d2; position:relative;}
.xgnews-con li .ntext h3{ font-size:1.125rem; color:#212121; margin-bottom:8px;}
.xgnews-con li .ntext span{ font-size:0.875rem; color:#666666;}
.xgnews-con li .ntext i{ width:100%; height:1px; background:#d0231c; display:block; position:absolute; bottom:-1px; left:0; transform-origin:left; transform:scale(0,1); transition:all 0.7s ease}
.xgnews-con li:hover .ntext i{ transform:scale(1);}
.xgnews-con li:hover .ntext h3{ color:#d0231c}



@media screen and (max-width: 768px){
.nbg{ padding:20px;}
.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-type{ height:auto;}
.news-content{ font-size:1.125rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.125rem !important; }
.news-content p{ font-size:1.125rem !important;}
.news-pn{ font-size:1.125em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}

.xgnews-con li:nth-child(4){ display:block;}
}

/*视频*/
.vidlist{ width:100%;}
.vidlist li{ float:left; width:32%; text-align:center; margin-bottom:39px;}
.vidlist li:nth-child(3n-1){ margin:0 2% 39px 2%;}
.vidlist li a{ display:block;}
.vidlist li div{ width:100%; overflow:hidden; position:relative;}
.vidlist li div span{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/play.png) center no-repeat;}
.vidlist li div img{ width:100%; transform:scale(1); transition:all 0.5s ease;}
.vidlist li:hover div img{ transform:scale(1.02);}
.vidlist li p{ padding:16px 0;}
@media screen and (max-width: 768px){
.vidlist li{ width:100%; margin-right:0}
.vidlist li:nth-child(3n-1){ margin:0 0 39px 0;}
}

/*产品中心*/
.psortit{ margin-bottom:57px; text-align:center;}
.psortit li{ position:relative; display:inline-block; border:1px solid #bfbfbf; margin:0;}
.psortit li a{ display:block; padding:10px 56px; position:relative; z-index:2; transition:all 0.7s ease;}
.psortit li a span{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:#d0231c; transition:all 0.7s ease; transform:scale(0,1);}
.psortit li a:hover,.psortit li.cur a{ color:#fff;}
.psortit li a:hover span,.psortit li.cur a span{ transform:scale(1);}


.sec-gi{ width:100%;}
.ps-sort{ width:18%; background:#d0231c; padding:5px}
.ps-sort .etit{ padding:20px;}
.ps-sort .etit h3{ font-size:1.5rem; color:#fff;}
.ps-sort .etit span{ text-transform:uppercase; color:#fff; font-size:0.875rem;}
.ps-sort ul{ }
.ps-sort ul li{ display:block; margin-bottom:5px;}
.ps-sort ul li:last-child{ margin-bottom:0}
.ps-sort ul li a{ display:block; font-size:0.875rem; background:#fff; padding:10px 16px; position:relative; z-index:2;transition:all 0.5s ease;}
.ps-sort ul li a em{ float:right; font-family:'宋体'; margin-top:3px;}
.ps-sort ul li a span{ position:absolute; z-index:-1; width:100%; height:100%; background:#333; left:0; top:0; transition:all 0.5s ease; transform:scale(0,1); transform-origin:left;}
.ps-sort ul li a:hover span,.ps-sort ul li a.cur span{ transform:scale(1);}
.ps-sort ul li a:hover,.ps-sort ul li a.cur{ color:#fff;}

.ps-list{ width:80%;}
.ps-list dl{ width:23.84%; margin-right:1.54%; margin-bottom:24px; float:left;}
.ps-list dl:nth-child(4n){ margin-right:0}
.ps-list dl a{ display:block;}
.ps-list dl dt{ width:100%; overflow:hidden; position:relative;}
.ps-list dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(208,35,28,0.6) url(../images/link.png) center no-repeat; opacity:0; transition:all 0.7s ease; transform:scale(0)}
.ps-list dl dt img{ transition:all 0.7s ease; transform:scale(1); width:100%}
.ps-list dl:hover dt img{ transform:scale(1.05);}
.ps-list dl dd{  text-align:center; border-bottom:1px solid #e5e5e5; padding:20px 0; position:relative;}
.ps-list dl dd p{ color:#444444; font-size:1rem;}
.ps-list dl dd i{ position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#d0231c; transform:scale(0,1); transition:all 0.7s ease}
.ps-list dl:hover dd i{ transform:scale(1);}
.ps-list dl:hover dt span{ transform:scale(1); opacity:1}
@media screen and (max-width: 768px){
.ps-sort{ display:none;}
.ps-list{ width:100%;}
.ps-list dl{ width:49%; margin-right:2%; float:left;}
.ps-list dl:nth-child(2n){ margin-right:0}
.ps-list dl:nth-child(4n){ margin-right:0}

.psortit li{ position:relative; display:block; float:left; width:24%; border:0; margin-right:1.333%;}
.psortit li:nth-child(4){ margin-right:0;}
.psortit li a{ display:block; padding:0;  border:1px solid #bfbfbf; height:60px; line-height:60px; text-align:center;}
}

/*搜索*/
.ss-list{ width:100%;}
.ss-list dl{ width:23.84%; margin-right:1.54%; margin-bottom:24px; float:left;}
.ss-list dl:nth-child(4n){ margin-right:0}
.ss-list dl a{ display:block;}
.ss-list dl dt{ width:100%; overflow:hidden; position:relative;}
.ss-list dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(208,35,28,0.6) url(../images/link.png) center no-repeat; opacity:0; transition:all 0.7s ease; transform:scale(0)}
.ss-list dl dt img{ transition:all 0.7s ease; transform:scale(1); width:100%}
.ss-list dl:hover dt img{ transform:scale(1.05);}
.ss-list dl dd{  text-align:center; border-bottom:1px solid #e5e5e5; padding:20px 0; position:relative;}
.ss-list dl dd p{ color:#444444; font-size:1rem;}
.ss-list dl dd i{ position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#d0231c; transform:scale(0,1); transition:all 0.7s ease}
.ss-list dl:hover dd i{ transform:scale(1);}
.ss-list dl:hover dt span{ transform:scale(1); opacity:1}


/* 效果CSS开始 */
.proshow{ position:relative;}
.protab{width:600px;margin:0 auto;}
.protab .btn{position:absolute;cursor:pointer;z-index:22; width:26px; height:88px; border:1px solid #c0c0c0; display:block; line-height:88px; font-family:'宋体'; background:#fff; text-align:center; color:#c0c0c0; transition:all 0.5s ease; display:none}
.protab .btn:hover{ color:#fff; background:#d0231c; border:1px solid #d0231c}
.protab .prev{left:0;}
.protab #prev,.protab #next{top:415px;}
.protab .next{right:0;}
.protab li{float:left;}
.protab .picBox{width:600px; height:400px; position:relative;overflow:hidden; border:1px solid #c0c0c0; box-sizing:border-box; margin:0 auto}
.protab .picBox ul{height:400px;position:absolute; left:0;}
.protab .picBox li{ padding-right:1px; width:600px;height:400px; background:#efefef; text-align:center;}
.protab .picBox li img{ height:400px; max-width:100%}

.protab .listBox{width:50%;height:auto;margin:0 auto;position:absolute; padding-top:15px;overflow:hidden; right:0; bottom:0;}
.protab .listBox ul{height:auto; padding-left:0}
.protab .listBox li{width:100px;height:auto;cursor:pointer;position:relative; }
.protab .listBox li i{display:none;}
.protab .listBox li a{display:block;width:108px;height:auto;}
.protab .listBox img{border:1px solid #fff; width:88px; height:auto}
.protab .listBox .on img{border:1px solid #d0231c;}
.protab .listBox .on i{display:block;}
@media screen and (max-width: 768px){
.protab{ float:none !important; text-align:center;}
.protab{width:723px;margin:0 auto; position:relative;}
.protab .picBox{width:100%; height:482px; }
.protab .picBox li{ padding-right:1px; width:723px;height:482px; background:#efefef; text-align:center;}
.protab .picBox li img{ height:482px; }
.protab .listBox{ width:100%; position:relative;}
.protab .listBox ul{height:auto;}
.protab .listBox li{width:100px;height:auto;cursor:pointer;position:relative; }
}



.proname{ width:50%;}
.proname h3{ font-size:1.5rem; color:#1d1d1d; font-weight:bold;}
.proname div{ padding:16px 0;}
.proname div hr{width:100%; border:none; background:#e8e8e8; height:1px;}
.proname .taa{ color:#fff; display:inline-block; background:#959595; border-radius:30px; padding:14px 27px; margin-top:20px; transition:all 0.7s ease;}
.proname .taa b{ font-size:1.125rem;}
.proname .taa:hover{ background:#d0231c}
.prodetail{ margin-top:50px;  width:100%;  box-sizing:border-box;}
.cot2{ padding:30px 0;display: flex;align-items: center;}
.cot2 .fl{ width:20%;text-align:center;}
.cot2 .fr{ width:80%;}
.prodetail hr{ width:100%; border:none; background:#e8e8e8; height:1px;}
.prodetail .pitit{ width:100%; }
.prodetail .pitit ul{ border-bottom:1px solid #cacaca; width:100%; box-sizing:border-box;}
.prodetail .pitit li{ transition:all 0.5s ease; display:inline-block; background:#dadada; padding:10px 45px; font-size:1rem; cursor:pointer}
.prodetail .pitit li:hover,.prodetail .pitit li.cur{ background:#ec1b24; color:#fff;}

.prodetail .picontent{width:100%; float:left; margin-top:34px}
.prodetail .picontent>div{ position:relative; display:none; padding:0 10px}
.prodetail .picontent>div.cur{display:block; position:relative;}


.dd{ padding:24px 0;}


.related h3{ font-size:1.25rem; color:#333; padding:24px 0 16px; border-bottom:1px solid #eee;}
.related dl{ width:23.84%; margin-right:1.54%; float:left; margin-top:2%}
.related dl:nth-child(5n){ margin-right:0}
.related dl a{ display:block;}
.related dl dt{ width:100%; overflow:hidden; position:relative;}
.related dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(208,35,28,0.6) url(../images/link.png) center no-repeat; opacity:0; transition:all 0.7s ease; transform:scale(0)}
.related dl dt img{ transition:all 0.7s ease; transform:scale(1); width:100%;}
.related dl:hover dt img{ transform:scale(1.05);}
.related dl dd{  text-align:center; border-bottom:1px solid #e5e5e5; padding:20px 0; position:relative;}
.related dl dd p{ color:#444444; font-size:1rem;}
.related dl dd i{ position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#d0231c; transform:scale(0,1); transition:all 0.7s ease}
.related dl:hover dd i{ transform:scale(1);}
.related dl:hover dt span{ transform:scale(1); opacity:1}
@media screen and (max-width: 768px){
.proname{ width:100%;}
.related dl{ width:49%; margin-right:2%; float:left; margin-top:2%}
.related dl:nth-child(3){ margin-right:0;}
.related dl:nth-child(5){ margin-right:0;}
.related dl:nth-child(4){ margin-right:2%}
.cot2 {flex-wrap:wrap;}
.cot2 .fl{ width:100%;}
.cot2 .fr{ width:100%; margin-top:10px;}
.ke-zeroborder tr td:nth-child(1){ width:20%;}
.ke-zeroborder tr td:nth-child(2){ width:80%;}
}


.case_fl{ display:none;}
@media screen and (max-width: 768px){
.case_fl{ display:block; overflow:hidden; margin-bottom:50px;}
.case_fl li{ position:relative; float:left;}
.case_fl li a{ display:block; height:76px; line-height:76px; border:1px solid #c3c1c1; padding:0 20px; margin:0 3%;}
.case_fl li.cur a{ background:#df1a11; color:#fff;}
}

.caseshow_gd{ position:relative; margin:0 0 40px 0;}
.caseshow_nr{ max-width:750px; width:98%; margin:0 auto; border:5px solid #ddd;}
.caseshow_nr li img{ display:block; width:100%;}
.case_slt{ margin-top:15px;}
.case_slt ul{ display:flex;}
.case_slt ul li{ border:2px solid #ddd; margin:0 5px; cursor:pointer; transition:0.5s;}
.case_slt ul li.on{ border:2px solid #ec1b24; transition:0.5s}
.case_slt ul li img{ display:block; width:100%;}
.case_jt a{ position:absolute; top:31%; display:block; width:40px; height:70px; line-height:70px; background:rgba(0,0,0,0.8); color:#fff; font-family:"宋体"; font-size:1.5rem; text-align:center; transition:0.5s;}
.case_jt a:hover{ background:rgba(236,27,36,0.8); transition:0.5s;}
.case_jt a.prev{ left:10%;}
.case_jt a.next{ right:10%;}
@media screen and (max-width: 768px){
.caseshow_gd{display:none;}
}