@charset "utf-8";

.ny-banner{overflow: hidden; }
.ny-banner img{width: 100%; }

/* 当前位置 */
.location{ overflow: hidden;height: 66px;line-height: 66px; border-bottom: 1px solid #E7E7E7;}
.location h2{float: left;color: #333;}
.here{float: left; color: #333;}
.here a{ color: #333;}
.here a:hover{ color: #155778;}


.sublist{ float: right; width: 70%;display: flex;justify-content: flex-end;}
.sublist ul{}
.sublist ul li{float: left; height:66px; line-height:66px; font-size: 16px; text-align: center; cursor: pointer; padding: 0 32px;}
.sublist ul li a{color: #555;}
.sublist ul li:hover{ background: #155778;}
.sublist ul li:hover a{ color: #FFF;}
.sublist ul li.hover{background: #155778;}
.sublist ul li.hover a{color: #FFF;}


.aboutbg{overflow: hidden; background: url(../images/aboutbg.jpg) no-repeat center bottom; padding: 5% 0;}
.aboutbg .left{width: 55%;}
.aboutbg .left h2{ font-size: 30px; color: #333; margin-bottom: 20px;}
.aboutbg .left h3{font-size: 20px; display: block; color: #155778; margin-bottom: 20px;}
.aboutbg .left .text {color:#666;font-size: 15px;  line-height:28px; text-align:justify; }
.aboutbg .left .text .more{ background: #d4c802;border-radius:60px; display:inline-block; width:160px;height:46px; line-height:46px; text-align:center; margin: 30px 0;}
.aboutbg .left .text .more a{color: #222;line-height:40px; font-size: 16px;}
.aboutbg .right{width: 40%;}
.aboutbg .right img{max-width: 100%;}


/* 联系我们 */
.contact{}
.contact .item{ width: 31%; border: 1px solid #e7e7e7; text-align: center; padding:3% 0; cursor: pointer;}
.contact .item:hover{  border: 1px solid #155778;}
.contact .item i{font-size: 32px; color: #155778;}
.contact .item h2{font-size: 17px; display: block;margin: 2% 0;}
.contact .item p{color: #666;}

/* 荣誉证书 */
.honor{}
.honor ul{}
.honor ul li{width: 31%; border: 1px solid #e7e7e7;}
.honor ul li .img{overflow: hidden;}
.honor ul li .img img{max-width: 100%;}
.honor ul li h2{font-size: 16px; margin: 4% 0; text-align: center;}
.honor ul li:hover{border: 1px solid #155778;}


/* 产品列表 */
.product{ overflow: hidden; padding: 2% 0;}
.product .tit{ border-bottom: 1px solid #e7e7e7;  height: 40px; line-height: 40px;}
.product .tit span{position: relative; color: #155778; font-size: 24px; display: inline-block;line-height: 40px;}
.product .tit span::after {content: "";display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: #155778;}
.product .left{width: 60%;}
.product .left .tit1{font-size: 26px;}
.product .left .tit2{font-size: 16px; line-height: 26px; color: #666; margin: 3% 0;}
.product .left .more{display: inline-block; border: 1px solid #155778; border-radius: 10px; padding: 1.2% 5%;}
.product .left .more a{color: #155778;}
.product .left .more i{font-size: 22px;}
.product .left .more:hover{ background: #155778;}
.product .left .more:hover span{color: #FFF;}
.product .left .more:hover i{color: #FFF;}
.product .right{width: 35%;}
.product .right img{max-width: 100%;}

/*新闻资讯*/
.newslist{overflow: hidden;  margin: 2% 0;}
.newslist ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3.125rem;}
.newslist li a.img {display: block;font-size: 0;}
.newslist li a.img img{width: 100%;}
.newslist li .cont-p {padding:15px;border: 1px solid #DCDCDC;border-top: none;}
.newslist li .cont-p .tit {font-size: 20px; color: #232425;height:50px;overflow: hidden;display: block;}
.newslist li .cont-p .p1 {color: #888888;}
.newslist li .cont-p .p1 .data {font-size: 14px;font-family: "Montserrat";}
.newslist li .cont-p .p1 i {font-size: 30px;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-moz-transition: all 0.6s;transition: all 0.6s;}


/*在线留言*/
.book{padding: 15px; 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: #f23803; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}


/*新闻详情页*/
.newsshow{ padding: 5% 0;}
.newsshow .left{width: 70%;}
.newsshow .right{ width: 25%;}


.proshow{ margin-bottom: 5%;}
.proshow .pro-left{ width: 45%; border: 1px solid #e7e7e7;}
.proshow .pro-left img{width: 100%;}
.proshow .pro-right{ width: 50%;}
.proshow .pro-right h2{ font-size: 26px;}
.proshow .pro-right .text{ margin: 2% 0; line-height: 26px;}
.proshow .pro-right .btn{display: inline-block; border: 1px solid #155778; border-radius: 10px; padding: 1.5% 6%;}
.proshow .pro-right .btn span{color: #155778;}
.proshow .pro-right .btn i{font-size: 22px;}
.proshow .pro-right .btn:hover{background: #155778;}
.proshow .pro-right .btn:hover span{ color: #fff;}
.proshow .pro-right .btn:hover i{color: #fff;}

/*新闻相关信息*/
.newslist-xg{overflow: hidden;border: 1px solid #E7E7E7; padding: 25px;}
.newslist-xg h5{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px;}
.newslist-xg ul {}
.newslist-xg ul li{}
.newslist-xg ul li .img{overflow: hidden; border: 1px solid #E7E7E7;}
.newslist-xg ul li .img img{max-width: 100%;border-radius: 6px;}
.newslist-xg ul li h2{margin: 20px 0;line-height: 32px;text-align: left; font-size: 20px; color: #222;}
.newslist-xg ul li h3{margin: 20px 0;line-height: 32px;text-align: center; font-size: 17px; color: #222;}
.newslist-xg ul li p{margin: 20px 0;line-height: 24px;}

.newslist-gzh{overflow: hidden;border: 1px solid #E7E7E7; padding: 30px;background: url(../images/gzhbg.jpg) no-repeat center bottom;background-size: cover;margin: 50px 0;}
.newslist-gzh .img{ width: 154px; margin: 0 auto;}
.newslist-gzh .img img{ width: 154px;}
.newslist-gzh p{ text-align: center;font-size: 18px;line-height: 28px;}
.newslist-gzh p small{ font-size: 19px;color: #999;}


/*详情页*/
.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px;  margin-bottom: 3%;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; color: #888;}


.Details-conent{overflow: hidden; margin: 30px 0; line-height: 32px;}
.Details-conent img{max-width: 100%;}


@media (max-width: 990px) {

.Details h1{font-size: 26px;}

}

@media (max-width: 768px) {

 .Details h1{font-size: 22px;}
 .sublist{display: none;}
 .aboutbg .left{width: 100%;}
 .aboutbg .right{width: 100%;}
 .honor ul li{width: 100%;margin-bottom: 5%;}
 .contact .item{width: 100%;padding: 8% 0; margin-bottom: 5%;}
 
 .newslist ul {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
     gap:0;
 }
 .newslist li{margin-bottom: 8%;}
 
 .newsshow .left{width: 100%;}
 .newsshow .right{width: 100%;}
 
 .product .tit span{font-size: 17px;}
 .product .left{width: 100%; margin-top: 6%;}
 .product .left .tit1{font-size: 22px;}
 .product .right{width: 100%;border: 1px solid #e7e7e7; margin: 8% 0;}
 
 .proshow .pro-left{width: 100%;}
 .proshow .pro-right{width: 100%; margin-top: 8%;}
 .proshow .pro-right h2{font-size: 22px;}

}

