@charset "utf-8";


.ny-banner{ height:500px; position: relative;}
.ny-banner .text {
    position: absolute;
    text-align: center;
    color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.ny-banner .text h2{color: #FFF; font-size: 32px; margin-bottom: 10px;}

.webLeft{float: left; width: 230px; margin-right: 30px; margin-top: 30px; margin-bottom: 30px;}
.webRight{float: left; width: calc((100% - 260px)); margin: 30px 0;}


.leftbt{overflow:hidden;background: #007bc1;height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #FFF;}

.sublist{overflow: hidden;}
.sublist ul{}
.sublist ul li{overflow: hidden; background: #f7f7f7; border-bottom: 3px solid #FFF; height: 50px; line-height: 50px;}
.sublist ul li a{color: #222; font-size: 15px; padding-left:10px; }
.sublist ul li a:hover{color: #FFF;}
.sublist ul li.hover{ background: #007bc1; color: #FFF; font-weight: bold; }
.sublist ul li.hover a{color: #FFF;}
.sublist ul li:hover{background: #007bc1;}
.sublist ul li:hover a{color: #FFF;}


.sublist-hengbg{overflow: hidden;background: #f7f7f7;}
.sublist-heng{overflow: hidden; text-align: center;}
.sublist-heng ul{ display:inline-block; }
.sublist-heng ul li{float: left; text-align: center; padding: 10px 20px; margin: 10px;}
.sublist-heng ul li a{color: #222; font-size: 15px; }
.sublist-heng ul li a:hover{color: #FFF;}
.sublist-heng ul li.hover{ background: #007bc1; color: #FFF; font-weight: bold;border-radius: 10px;}
.sublist-heng ul li.hover a{color: #FFF;}
.sublist-heng ul li:hover{background: #007bc1;border-radius: 10px;}
.sublist-heng ul li:hover a{color: #FFF;}


.left-lx{overflow: hidden; margin-top: 50px;}
.left-lx .txt{ background:#f4f4f4;  padding: 15px; font-size: 14px; line-height: 30px;}

.location{overflow: hidden; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin-bottom: 20px;}
.location .here{overflow: hidden;}
.location .here i{overflow: hidden; color: #222; font-size: 20px;}

/* 关于我们 */
.about-tit{overflow: hidden; text-align: center; margin: 30px 0;}
.about-tit h2{font-size: 30px;}
.about-tit h2 em{letter-spacing: -6px; color: #007bc1;}

.pagecontact{ margin: 20px 0; line-height: 28px;}
.pagecontact img{width: 100%;}


/* 荣誉 */
.honor{}
.honor ul{}
.honor ul li{float: left; width:31.333333%; margin: 0 1%; background: #FFF; margin-bottom: 4%;box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.honor ul li:hover{ transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.honor ul li .img{overflow: hidden; height: 200px;}
.honor ul li .img img{width: 100%; height: 100%;}
.honor ul li h3{font-size: 15px; display: block; line-height: 22px; text-align: center; padding: 15px 0;}


.job{}
.job ul{}
.job ul li{float: left; width:46%; margin: 0 2%; background: #FFF; margin-bottom: 4%; border: 1px solid #e7e7e7; padding: 2vw;}
.job ul li h2{font-size: 22px; margin-bottom: 15px;}
.job ul li .text{font-size: 15px; line-height: 28px; min-height: 150px;}
.job ul li:hover{box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10); border: 1px solid #007bc1;}




/* 联系我们 */
.contact{overflow: hidden;box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); margin: 60px 0;}
.contact-l{float: left; width: 400px; height: 700px; background: url(../images/lx.jpg) no-repeat top; background-size: cover; padding: 50px;}
.contact-l .img{ text-align:left; }
.contact-l .img img{ width:200px; }
.contact-l ul{overflow: hidden; margin: 2vw 0;}
.contact-l ul li{border-bottom: 1px solid #555; padding: 30px 0; color: #222; line-height: 32px;}
.contact-l .kefu{ width:160px;  background: #007bc1; height:50px; line-height:50px; text-align:center; }
.contact-l .kefu a{color: #FFF;}
.contact-r{float: left; width:calc((100% - 400px)); padding: 3vw;}
.contact-r h2{font-size: 32px;font-weight: bold;font-family: "initial;"}
.contact-r h3{font-size: 28px; display: block; margin: 10px 0;}
.contact-r h5{ font-size:15px; line-height:28px; }

/*在线留言*/
.book{padding:2vw 0; overflow: hidden;}
.book ul{}
.book ul li{float: left; width: 100%;  padding: 5px 0;}
.book ul li span{float: left; font-size: 15px; width: 60px; line-height: 32px;}
.book ul li i{color: #FF0000; font-weight: bold; padding-left: 8px;}
.book ul li input{ height: 30px; line-height: 30px; padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li textarea{ padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li .yzm{width: 80px;}
.book .submit{ background: #666; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}


/* 产品列表 */
.product{}
.product ul{ margin-left:-1%; margin-right:-1%; }
.product ul li{float: left; width: 31.333333%; margin: 0 1%; background: #FFF;border: 1px solid #e7e7e7; margin-bottom: 30px;}
.product ul li .img{overflow: hidden; }
.product ul li .img img{max-width: 100%; transition: all 0.5s;}
.product ul li .img:hover img{transform: scale(1.1);}
.product ul li:hover {overflow: hidden;border: 1px solid #167839;}
.product ul li h2{font-size: 16px;  padding: 15px 0; text-align: center; }

.product-xg{}
.product-xg ul{ margin-left:-1%; margin-right:-1%; }
.product-xg ul li{float: left; width: 23%; margin: 0 1%; background: #FFF;border: 1px solid #e7e7e7; margin-bottom: 30px;}
.product-xg ul li .img{overflow: hidden; }
.product-xg ul li .img img{max-width: 100%; transition: all 0.5s;}
.product-xg ul li .img:hover img{transform: scale(1.1);}
.product-xg ul li:hover {overflow: hidden;border: 1px solid #167839;}
.product-xg ul li h2{font-size: 16px;  padding: 15px 0; text-align: center; }



/*新闻资讯*/
.newslist{overflow: hidden;  margin: 2% 0;}
.newslist ul{ }
.newslist ul li{float: left; width: 48%; margin: 0 1%;  border: 1px solid #E7E7E7;background: #FFF; padding: 20px;transition: all 0.5s ease; -webkit-transition:all 0.5s ease; margin-top: 10px; margin-bottom: 10px;}
.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);border: 1px solid #007bc1;}
.newslist ul li h2{font-size: 18px; font-weight: bold; margin: 10px 0;}
.newslist ul li .time{color: #999;clear: both;margin: 10px 0;}





/*详情页*/
.showbt{ border-bottom: 1px solid #E7E7E7; margin: 30px 0;}
.showbt span{display: inline-block; color: #333;font-weight: bold; font-size: 22px;height: 42px;line-height: 42px;border-radius: 5px 5px 0 0; }


.proimg{overflow: hidden; border: 1px solid #e7e7e7; text-align: center;}
.proimg img{max-width: 100%;}

.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; margin: 30px 0; line-height: 32px;}
.Details-conent img{max-width: 100%;}




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

.ny-banner{height: 400px;}
.about-tit h2{font-size: 26px;}

.webLeft{display: none;}
.webRight{width: 100%;}

.contact-l{width: 100%; height: auto;}
.contact-r{width: 100%;}

.job ul li{width: 96%;}
.newslist ul li{width: 98%;}



}


@media screen and (max-width:767px) {

.ny-banner{height: 300px;}
.about-tit h2{font-size: 20px;}

.webLeft{display: none;}
.webRight{width: 100%;}

.contact-l{width: 100%; height: auto;}
.contact-r{width: 100%;}

.job ul li{width: 96%;}
.newslist ul li{width: 98%;}

.honor ul li{width: 48%;}
.honor ul li h2{font-size: 14px;}
.product ul li{width: 48%;}
.product ul li h2{font-size: 14px;}
.product-xg ul li{width: 48%;}
.product-xg ul li h2{font-size: 14px;}

.newslist ul li{padding: 15px;}
.newslist ul li .img{width: 100%; height: auto;}
.newslist ul li .text{width: 100%;}

.Details h1{font-size: 22px; line-height: 24px; margin: 20px 0;}

.page a{padding: 8px; line-height: 50px;}
.page .nolink{display: none;}


}