@charset "utf-8";

.here {overflow: hidden; margin-top: -50px; background: rgba(0, 0, 0, 0.5);}
.here span{line-height: 50px; height: 50px; color: #FFF;float: right;}
.here span a{color: #FFF;}
.here span a:hover{color: #cd2a30;}



.webLeft{float: left;width: 240px;margin-right: 40px; margin-bottom: 50px;}
.webRight{float: left;width: calc((100% - 280px));margin: 30px 0;}

.leftbt{text-align: center; background: #cd2a30; border-radius: 50px 0 0 0; margin-top: -120px;}
.leftbt h2{font-size: 28px;color: #FFF;line-height: 120px;border-bottom: 1px solid #e7e7e7; font-weight: bold;}

.sublist{overflow: hidden;}
.sublist ul{ border-left: 1px solid #cd2a30;border-right: 1px solid #cd2a30;}
.sublist ul li{line-height: 56px;border-bottom: 1px solid #e7e7e7;}
.sublist ul li a{color: #222;display: block; font-size: 15px;padding-left: 20px;}
.sublist ul li a:hover{ display: block; color: #FFF;background: #cd2a30;}
.sublist ul li a.active{ display: block;color: #FFF;background: #cd2a30;}

.left-lx h3{overflow: hidden; background: #cd2a30; text-align: center; color: #FFF; font-size: 16px; padding: 20px 0;}
.left-lx .nr{background: #F5F5F5;line-height: 26px;padding: 15px 10px;}

.pageTit{overflow: hidden; height: 60px; line-height: 60px; border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;}
.pageTit span{font-size: 26px; position: relative;}
.pageTit span::before{content: ''; position: absolute; background: #cd2a30; height: 1px; width: 100px; bottom: -12px;}
.danye-line {overflow: hidden;line-height: 30px;   text-align: justify;}
.danye-line img{ max-width: 500px; }
.about-img img{ max-width: 100% !important; }

.contactlist{overflow:hidden;}
.contactlist ul{}
.contactlist ul li{float: left; width: 25.333333%; margin: 0 1%; border: 1px solid #e7e7e7; margin-top: 30px; margin-bottom: 30px; padding: 30px; min-height: 150px;}
.contactlist ul li span{font-size: 26px; color: #3c7fab;}
.contactlist ul li .text{ margin-top: 30px; line-height: 28px;}

/*新闻资讯*/
.newslist{overflow: hidden; margin-bottom: 30px;}
.newslist ul{}
.newslist ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7; margin-bottom: 20px ;padding-bottom: 20px; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .img{float: left;width: 200px; height: 120px; margin-right: 20px;}
.newslist ul li .img img{width: 100%; height: 100%;}
.newslist ul li .text{float: left;  width: calc((100% - 220px));}
.newslist ul li .text h2{font-size: 18px; font-weight: bold;}
.newslist ul li .text .time{color: #999;clear: both;margin: 10px 0;}
.newslist ul li .text{color: #666; line-height: 24px;}

.joblist{overflow: hidden; margin: 10px 0;}
.joblist ul{}
.joblist ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7;  height: 50px; line-height: 50px;}
.joblist ul li h2{float: left; font-size: 13px;}
.joblist ul li h2 span{font-weight: bold;}
.joblist ul li .add{float: right; color: #666;}


.caselist{overflow: hidden;}
.caselist ul{margin-left: -1%; margin-right: -1%;}
.caselist ul li{ float:left;border:1px solid #e7e7e7; width: 31.333333%; margin:  0 1%; margin-bottom: 30px;}
.caselist ul li:hover{border:1px solid #cd2a30;}
.caselist ul li .img{overflow: hidden;position: relative; height: 270px; }
.caselist ul li .img img{width:100%;height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.caselist ul li .img img:hover{transform: scale(1.2);}
.caselist ul li h2{ text-align:center; font-size: 14px;line-height: 30px;padding: 12px 0;}


/* 产品列表 */
.honorlist{overflow: hidden;}
.honorlist ul{margin-left: -1%; margin-right: -1%;}
.honorlist ul li{ float:left;width:31.333333%; margin: 0 1%;}
.honorlist ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 300px; overflow: hidden;}
.honorlist ul li .list-img:hover{border:1px solid #cd2a30;}
.honorlist ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.honorlist ul li .list-img img:hover{transform: scale(1.2);}
.honorlist ul li h3{ text-align:center; font-size: 14px;line-height: 30px; overflow: hidden; padding: 15px 0;}



/*产品详情页*/
.productinfo{overflow: hidden; clear: both; margin-bottom: 30px;}
.productinfo-l{ width: 50%; text-align: center;}
.productinfo-l img{max-width: 100%;}
.productinfo-r{ width: 46%; margin-left: 4%;}
.productinfo-r h2{ font-size: 22px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; padding-bottom: 10px; line-height: 32px;}
.productinfo-r p{color: #666;line-height: 26px; padding: 5px 0; font-size: 15px;}
.productinfo-r p b{color: #c52323;}

.productinfo-r .zixun{ width: 150px; height: 40px; line-height: 40px; background: #f57d09; text-align: center;}
.productinfo-r .zixun a{color: #FFF;}

.portfolio-area{overflow: hidden; padding: 30px 0;}
.portfolio-area ul{}
.portfolio-area ul li{float: left; width: 75px; margin-left: 5px; margin-bottom: 5px;}
.portfolio-area ul li img{width: 75px; height: 60px; border: 1px solid #E7E7E7;}



/*在线留言*/
.message{overflow: hidden;}
.message ul{}
.message ul li{clear: both;display: block; overflow: hidden; margin-bottom: 20px;}
.message ul li input{ border: 1px solid #E7E7E7; height: 42px;line-height: 42px; padding: 5px 10px; border-radius: 5px; width: 98%;}
.message ul li textarea{height: 180px; border: 1px solid #E7E7E7;padding: 8px;border-radius: 5px;width: 98%;}
.message ul li .yzm{ width: 120px;}
.message ul li .btns{ background: #ed6c00;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0;cursor: pointer; }



/*详情页*/
.showbt{ border-bottom: 1px solid #E7E7E7; margin-top: 30px;}
.showbt span{display: inline-block; color: #FFF; background:#2e4b9b;font-weight: bold; font-size: 17px;height: 42px;line-height: 42px;padding: 0 38px;}

.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}

.Details-conent{overflow: hidden; line-height: 28px;background: #FFF; }
.Details-conent img{max-width: 500px;}




@media (min-width:1024px) and (max-width:1200px) {
    



}

@media (min-width:768px) and (max-width:1023px) {

.nybanner{height: 250px !important;}
.webLeft{display: none;}
.webRight{width: 100%;}
.caselist ul li .img{height: 220px;}

.danye-line img{ max-width: 100%; }
.Details-conent img{max-width: 100%;}
    
}
@media screen and (max-width:767px) {
 

.nybanner{height: 200px !important;}
.webLeft{display: none;}
.webRight{width: 100%;}
.here span{float: left;font-size: 13px;}
.pageTit span{font-size: 24px;}
.pageTit span::before { bottom: -14px;}

.honorlist ul li{width: 48%;}
.honorlist ul li .list-img{height: 160px;}
.caselist ul li{width: 48%;}
.caselist ul li .img{height: 160px;}

.newslist ul li .img{width: 100%; height: auto; margin-right: 0; margin-bottom: 30px;}
.newslist ul li .img img{max-width: 100%; height: auto; width: auto;}
.newslist ul li .text{width: 100%;}

.danye-line img{ max-width: 100%; }
.Details-conent img{max-width: 100%;}

}