@charset "utf-8";
.inner-banner{}
.inner-banner img{display:block;max-width:100%;}
.title{text-align: center;margin-bottom: 50px;font-size: 40px;}
/*分类*/
.category{position:relative;margin:50px 0}
.category:before{display:block;content:'';position:absolute;width:100%;height:1px;background:#DE0000;top:50%;left:0;z-index:-1}
.category ul{display:flex;justify-content:space-around;max-width:1200px;margin:0 auto}
.category li{width: 20%;max-width:175px;text-align:center;}
.category a{display:block;background:#525252;color:#fff;font-size:30px;position:relative}
.category a:after{display:block;content:'';width:100%;height:1px;background:transparent;position:absolute;bottom:-3px}
.category a:hover,.category .on a{background:#DC0100}
.category a:hover:after,.category .on a:after{background:#DC0100}
@media (max-width:768px){
	.content img{max-width:100%}
	.category{margin:20px 0}
	.category ul{}
	.category li{
    width: auto;
    min-width: 18%;
}
	.category a{font-size: 16px;}
}
/*分页*/
.page-box{margin: 30px 0 50px;text-align: center;}
.pages{line-height:32px;display: inline-block;vertical-align: middle;}
.page-prev,.page-next{float:left;line-height: 30px;text-align:center;border-radius: 15px;background: #F7F7F7;padding: 0 15px;margin: 0 5px;}
.page-num{border-left:0;float:left;width:30px;line-height: 30px;text-align:center;background: #F7F7F7;border-radius: 15px;margin: 0 5px;}
.page-num-current,.page-num:hover{background: #AC0000;color: #fff;}
.page-prev:hover,.page-next:hover{background: #AC0000;color: #fff;}
.page-next{}
@media (max-width: 768px){
	.page-box{text-align:center;margin: 5px auto 20px;padding:0 10px;float:none;display:block;clear:both;}
	.pages{display:inline-block}
	.page-num{}
	.page-prev, .page-next{padding: 0 10px;margin: 0 2px;}
}
/*产品列表*/
.productlist{margin:0 auto;}
.productlist li{margin-bottom: 5px;}
.productlist div{overflow:hidden}
.productlist img{transition:0.5s all;display:block;max-width:100%}
.productlist p{}
.productlist p a{display:block;text-align:center;font-size:18px;line-height:3}
.productlist li:hover img{transform:scale(1.2)}
.productlist p a:hover{}
@media (max-width:768px){
	.productlist{}
	.productlist li{margin-top:5px;margin-bottom:5px}
	.productlist div{}
	.productlist img{}
	.productlist p{}
	.productlist p a{line-height:2;font-size:14px}
	.productlist li:hover img{}
	.productlist p a:hover{}
}
/*产品详情*/
.product-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product-img{
    width: 50%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.product-img img{max-width:100%;display:block;margin: 0 auto;}
.product-desc{width:50%;box-sizing:border-box;padding: 0 0 0 5%;}
.product-desc h2{font-size:40px;margin-bottom:30px}
.product-desc ul{}
.product-desc li{font-size: 18px;display:flex;justify-content:space-between;line-height:2.4;border-bottom: 1px dotted #ddd;}
.product-desc span{
    color: #555;
}
.product-content{border-top:3px solid #535353;margin-top: 50px;padding:20px 0;}
.prevnext{display:flex;justify-content:center;margin:50px 0}
.prevnext a{display:block;background:#F7F7F7;line-height:30px;padding:0 15px;font-size:15px;border-radius:15px;margin:0 10px}
.prevnext a:first-child{background:#AC0000;color:#fff}
.prevnext a:last-child{background:#F7F7F7}
@media (max-width:768px){
	.title{font-size:30px;margin-bottom:20px}
	.product-con{}
	.product-img{width:100%}
	.product-img img{width:100%}
	.product-desc{width:100%;padding:10px 0}
	.product-desc h2{font-size:30px;margin-bottom:0}
	.product-desc ul{}
	.product-desc li{line-height:2;font-size:14px}
	.product-desc span{}
	.product-content{margin-top:10px;padding:10px 0}
	.prevnext{margin:20px 0}
	.prevnext a{}
}
/*新闻列表*/
.newslist{}
.newslist li{margin-bottom:20px;background:#F9F9F9;padding:10px 15px}
.newslist a{display:flex;justify-content:space-between;flex-wrap:wrap}
.newslistL{overflow:hidden;height:140px;width:25%}
.newslistL img{display:block;max-height:100%;transition:0.5s all;margin:0 auto}
.newslistR{display:flex;justify-content:space-between;flex-wrap:wrap;width:73%}
.newslistR h4{font-size:20px}
.newslistR p{font-size:17px;line-height:1.5;color:#000}
.newslistR span{font-size:14px;color:#555;display:flex;align-items:flex-end}
.newslist a:hover img{transform:scale(1.2)}
.newslist a:hover h4{}
.newslist a:hover p{}
.newslist a:hover span{}
@media (max-width:768px){
	.newslist{}
	.newslist li{margin-bottom:10px;padding:10px}
	.newslist a{}
	.newslistL{width:100%}
	.newslistL img{}
	.newslistR{width:100%}
	.newslistR h4{font-size:18px}
	.newslistR p{font-size:14px;color:#444}
	.newslistR span{font-size:12px}
	.newslist a:hover img{}
	.newslist a:hover h4{}
	.newslist a:hover p{}
	.newslist a:hover span{}
}
/*新闻详情*/
.news-title{font-size:26px;color:#333;margin-bottom:20px;text-align:center;font-weight:normal;line-height:1;margin-top:30px}
.news-visit{text-align:center}
.news-visit span{text-align:center;color:#999;padding:0 15px;font-size:12px}
.news-desc{width:100%;position:relative;border:1px solid #e1e1e7;margin:30px auto;overflow:hidden;box-sizing:border-box;padding:18px;border-left:4px solid #e1e1e7;font-size:12px}
.news-content{}
.news-content img{max-width:100%;height:auto !important}
@media (max-width:768px){
	.news-title{font-size:20px;margin:20px 0 10px}
	.news-visit{}
	.news-visit span{}
	.news-desc{padding:5px 10px;margin:5px auto 10px;line-height:1.6}
	.news-content{font-size:14px}
}

/*关于我们*/
.about-img{}
.about-img img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.about-ul{display:flex;justify-content: space-around;flex-wrap:wrap;border: 1px solid #EDEDED;padding: 25px 0 20px;margin: 40px auto;}
.about-ul li{}
.about-ul img{display:block;margin:0 auto}
.about-ul p{text-align:center;font-size:20px;line-height:1.5}
.about{
    margin-bottom: 50px;
}
.about iframe{
    display: block;
    width: 100%;
    height: 500px;
}
@media (max-width:768px){
	.about-img{}
	.about-img img{}
	.about-ul{margin: 20px 0;}
	.about-ul li{}
	.about-ul img{height:50px}
	.about-ul p{font-size:14px}
	.about{}
	.about img{max-width:100%}
	.about iframe{height:300px}
}
/*企业荣誉*/
.qyry-img-box{margin-bottom:70px}
.qyry-img-box img{display:block;max-width:100%}
.qyry{}
.qyry li{margin-bottom:10px}
.qyry-img{border:1px solid #FFBD33;padding:15px 10px;overflow:hidden}
.qyry-img img{display:block;max-width:100%;margin:0 auto;transition:0.5s all;}
.qyry p{text-align:center;line-height:3;font-size:18px}
.qyry li:hover img{transform:scale(1.1)}
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition: all 0.5s;display: none;}
.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:400px;float: left;border-radius: 5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.bigimg:hover{cursor: move}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
@media (max-width:768px){
	.qyry-img-box{margin-bottom:10px}
	.qyry-img-box img{}
	.qyry{}
	.qyry li{}
	.qyry-img{padding:10px}
	.qyry-img img{}
	.qyry p{line-height:2;font-size:14px}
	.qyry li:hover img{}
}

/*联系我们*/
.contact-box{padding-top:130px;background:url(../images/contactus.png) no-repeat center 50px}
.map{height:300px;max-width:1000px;background:#000;margin:0 auto 70px}
.contact-content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.contact-contact{padding-bottom:50px;width: 70%;}
.contact-contact #footer-message ul{display:flex;justify-content:space-between}
.contact-contact #footer-message li{width:49%}
.contact-ewm{
    width: 29%;
    max-width: 200px;
}
.contact-ewm img{
    display: block;
    width: 200px;
    height: 200px;
    max-width: 100%;
    background: #000;
}
.contact-ewm p{
    text-align: center;
}
@media (max-width:768px){
	.contact-box{background-size:contain;padding-top:20px;background-position:center 15px}
	.map{margin:0 10px 20px;height:200px}
	.contact-contact{padding-bottom:10px;width: 100%;}
	.contact-contact #footer-message li{}
	.contact-contact .title3 .en,.contact-contact .title3 .cn{color:#000}
	.contact-ewm{width: 100%;max-width: unset;margin: 30px 0 30px;}
	.contact-ewm img{
    margin: 0 auto;
}
	.contact-ewm p{}
}


.caselist{}
.caselist iframe{
    height: 400px;
    display: block;
    margin: 0 auto 15px;
}
@media (max-width:768px){
.caselist iframe{height:200px}
}