@charset "utf-8";
@font-face{
	font-family:"bebas";
	src:url('../fonts/bebas.eot?t=1723012296205');
	src:url('../fonts/bebas.eot?t=1723012296205#iefix') format('embedded-opentype'),url('../fonts/bebas.ttf?t=1723012296205') format('truetype')}
/*产品列表*/
#banner{position:relative}
#banner img{display:block;max-width:100%}
#banner .banner-box{position:absolute;width:100%;height: calc(100% - 80px);left:0;top:0;text-align:center;justify-content:center;color:#fff;line-height:1;z-index: 1;}
/*#banner:after{content:"product";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top: -40px;font-size:386px;font-family:'bebas';color:rgba(255,255,255,0.1)}*/
#banner div .en{width:100%;font-family:bebas;font-size:90px;font-weight:normal}
#banner div p{width:100%;display:flex;justify-content:center;margin:20px 0}
#banner div span{display:block;width:5px;height:5px;background:#08455A;border-radius:50%;margin:0 3px}
#banner div .cn{width:100%}
@media (max-width:1440px){
	#banner:after{font-size:300px;margin-top: -30px;}
	#banner .banner-box{height: calc(100% - 60px);}
	#banner div .en{font-size:70px}
	#banner div p{margin:15px 0}
}
@media (max-width:1200px){
	#banner:after{font-size:200px;margin-top: -20px;}
	#banner .banner-box{height: calc(100% - 40px);}
	#banner div .en{font-size:50px}
	#banner div p{margin:10px 0}
}
@media (max-width:1024px){
	#banner:after{font-size:200px;margin-top: -20px;}
	#banner .banner-box{height: calc(100% - 20px);}
	#banner div .en{font-size:46px}
}
@media (max-width:768px){
	#banner:after{font-size:150px}
	#banner div .en{font-size:36px}
	#banner div p{margin:5px 0}
	#banner div .cn{font-size:20px}
}
@media (max-width:520px){
	#banner:after{font-size: 100px;margin-top: 0;}
	#banner .banner-box{height: 100%;}
}

#page{background:#fff;position:relative;z-index:3;margin-top:-100px;max-width:1420px;padding:90px 20px 200px;box-sizing:border-box}
.pages{display:flex;justify-content:center;align-items:center;margin-top:20px}
.pages li{display:block;border:1px solid #F1F1F1;text-align:center;margin:0 3px}
.pages a,.pages span{
    display: block;
    min-width: 16px;
    padding: 0 8px;
    line-height: 32px;
}
.pages a:hover,.pages span:hover,.pages a:hover,.pages .active a,.pages .current{background:#0A445A;color:#fff}
#right{width: calc(100% - 330px);}
@media (max-width:1440px){
	#page{margin-top:-80px;padding-top:70px}
}
@media (max-width:1200px){
	#page{margin-top:-60px;padding-top:50px}
}
@media (max-width:1024px){
	#page{margin-top:-40px}
}
@media (max-width:768px){
	
	.pages li:first-child,.pages li:nth-child(2),.pages li:last-child,.pages li:nth-last-child(2){display:none}
	#page{margin-top:-20px;padding-left:10px;padding-right:10px;padding-bottom:30px;padding-top:25px;width:98%}
	#right{}
}
@media (max-width:520px){
	#page{margin-top: 0;}
	.pages p{display:none}
}

/*prolist*/
.product-left{width:280px}
.left-title{font-size:24px;line-height:1}
.left-search{margin-top:10px}
.left-search h3{font-size:16px;font-weight:normal}
.left-search form{position:relative}
.left-search input{border:1px solid #DDDDDD;width:100%;display:block;box-sizing:border-box;padding:0 5px;line-height:36px}
.left-search  button{position:absolute;right:0;top:0;width:38px;height:38px;text-align:center;line-height:38px;cursor: pointer;background: transparent;border: 0;}
.product-category{margin-top:40px}
.product-category h3{background:#0A445A;color:#fff;padding:7px 15px;font-size:24px;line-height:1}
.product-category li{line-height:60px;font-size:18px;padding:0 0 0 20px}
.product-right{border-top:1px solid #0A445A;}
.prolist{margin-top:40px;}
.prolist li{width:32%;margin-bottom:20px}
.prolist li:last-child:nth-child(3n + 2){margin-right: calc((100% - 32%) / 2*1);}
.prolist li .img a img{display:block;max-width:100%}
.prolist li .text{position:relative;transition:0.5s all}
.prolist li .text a{display:block}
.prolist li .text p{font-size:16px;padding-top:10px}
.prolist li .text span{border:1px solid #e1e1e1;border-radius:20px;padding:2px 10px;color:#999;font-size:12px}
.prolist li:hover .text{background:#0A445A;padding:10px 10px 20px;margin-top:-30px}
.prolist li:hover .text a{color:#fff}
.prolist li:hover .text span{color:#fff}

/*product*/
.product-box{margin-top: 40px;}
.product-box .pro-img{max-width: 50%;position: relative;}
.product-box .pro-img .swiper-button-prev,.product-box .pro-img .swiper-button-next{position:absolute;width:33px;height:33px;top:50%;margin-top:-15px}
.product-box .pro-img .swiper-button-prev{background:url(../images/icon-prev.png);left:0}
.product-box .pro-img .swiper-button-next{background:url(../images/icon-next.png);right:0}
.product-box .pro-img img{display:block;max-width:100%}
.product-box .product-canshu{flex:1;margin-left:50px}
.product-box .product-canshu h1{font-size:26px}
.product-box .product-canshu ul{}
.product-box .product-canshu li{font-size:20px}
.product-content{margin:40px 0;max-width:750px}
.page-controls{display:flex;justify-content:center;align-items:center;max-width:750px}
.page-controls .prevpage,.page-controls .nextpage{display:flex;align-items:center;line-height:20px;font-size:16px}
.page-controls .prevpage span,.page-controls .nextpage span{display:block;font-size:18px;font-weight:bold}
.page-controls .prevpage span{transform:rotate(180deg);margin-right:15px}
.page-controls .nextpage span{margin-left:15px}
.page-controls .localpage{border-left:1px solid #D0D0D0;border-right:1px solid #D0D0D0;padding:0 50px;margin:0 25px;line-height:20px}

/*newslist*/
.news-category{margin-top:40px}
.news-category li{line-height:60px;font-size:18px;margin-bottom:25px}
.news-category a{display:block;width:105px;line-height:30px;text-align:center}
.news-category a:hover,.news-category a.active{background:#0A445A;color:#fff}
.news-right{margin-left:100px}
.newslist li{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap}
.newslist .time{color:#797979}
.newslist .time .day{font-size:50px;font-weight:bold;line-height:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
.newslist .time .y-m{border-top:1px solid;font-size:18px}
.newslist .img{width:170px;margin:0 30px}
.newslist .img img{display:block;max-width:100%;max-height:130px}
.newslist .newsR{flex:1}
.newslist .newsR h4{margin-bottom:10px;line-height:1}
.newslist .newsR h4 a{font-size:18px}
.newslist .newsR>span{display:none}
.newslist .newsR div{color:#646464;border-bottom:1px #DDDDDD dashed;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;padding-bottom:5px}
.newslist .newsR p{text-align:right}
.newslist .newsR p span{margin-left:10px}
.newslist li:hover .time{color:#0C4559}

/*news*/
.title{margin-top: 30px;}
.news-content{margin: 20px 0;max-width: 750px;}

/*about*/
.about-page{padding-bottom:0 !important}
.about-title{text-align:center;font-size:70px;color:#474747;line-height:1;letter-spacing:15px}
.about-content{margin:50px auto;max-width:1250px}
.youshi-title{text-align:center;line-height:1;margin-bottom:50px}
.youshi-title .cn{width:100%;font-size:70px;font-weight:bold;color:#484848}
.youshi-title .dian{width:100%;display:flex;justify-content:center;margin:20px 0}
.youshi-title span{display:block;width:10px;height:10px;background:#08455A;border-radius:50%;margin:0 3px}
.youshi-title .en{color:#A4A4A4;font-size:24px}
.youshi-box{background:#0A445A;color:#fff;padding:80px 0 60px;text-align:center}
.youshi-box li .img{height:96px;display:flex;align-items:center}
.youshi-box li .img img{display:block;margin:0 auto}
.youshi-box li p{font-size:24px;margin-top:15px}
.rongyao-title{text-align:center;color:#fff;background:url(../images/bg.jpg) no-repeat center;line-height:1;padding:50px 0 60px}
.rongyao-title .cn{width:100%;font-size:70px;font-weight:bold}
.rongyao-title .dian{width:100%;display:flex;justify-content:center;margin:20px 0}
.rongyao-title span{display:block;width:10px;height:10px;background:#FF0101;border-radius:50%;margin:0 3px}
.rongyao-title .en{font-size:24px}
.rongyao{max-width:1424px;box-sizing:border-box;padding:0 50px;position:relative;margin-bottom:200px;margin-top:100px}
.rongyao:after{display:block;content:'';width:100%;height:2px;background:#C7C7C7;position:absolute;bottom: 85px;left:0}
.rongyao-swiper{overflow-y:visible;padding: 70px 0 0;}
.rongyao-swiper li{width:12.4%;margin:0 0.4%;}
.rongyao-swiper li .img{position: relative;padding: 0 0 148% 0;}
.rongyao-swiper li .img img{display:block;max-width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.rongyao-swiper li p{text-align:center;color:#9D674D;font-weight:bold}
.rongyao-swiper li span{display:block;width:10px;height:10px;background:#C8C8C8;border-radius:10px;margin:40px auto 0}
.rongyao-swiper li.swiper-slide-active{width:20%;border:1px solid #A9A7A8;padding: 10px 10px 25px;background:#fff;border-bottom:8px solid #9D674D;margin-top:-70px;}
.rongyao-swiper li.swiper-slide-active .img img{height:unset;width:100%}
.rongyao-swiper li.swiper-slide-active p{font-size:18px;}
.rongyao-swiper li.swiper-slide-active span{display:none}
.rongyao .swiper-button-prev,.rongyao .swiper-button-next{position:absolute;width:33px;height:33px;top:50%;margin-top:-15px}
.rongyao .swiper-button-prev{background:url(../images/icon-prev.png);left:0}
.rongyao .swiper-button-next{background:url(../images/icon-next.png);right:0}

/*contact*/
.contact-page{padding-bottom: 50px !important;}
.contact{max-width:1260px;margin:0 auto;border-bottom:1px solid #666666;padding-bottom:40px;margin-bottom:50px;justify-content: space-between;}
.contact-title{align-items:flex-end;font-size:16px;color:#666666;line-height:1.6}
.contact-title span{font-size:30px;font-weight:bold;color:#0A445A;display:block;line-height:1}
.contactL ul{margin-top:20px}
.contactL li{line-height:40px;font-size:16px}
#map{flex:1;max-width:720px;width: 100%;background:#000;margin-left:40px;height: 300px;}
.contact-message{max-width:1260px;margin:0 auto}
.contact-message ul{margin-top:35px}
.contact-message li{display:flex;margin-bottom:20px}
.contact-message li label{display:block;width:50px;line-height:44px}
.contact-message li input{flex:1;line-height:42px;padding:0 10px;border:1px solid #CCCCCC}
.contact-message li img{
    display: block;
    height: 44px;
}
.contact-message li textarea{flex:1;line-height:42px;padding:0 10px;border:1px solid #CCCCCC}
.contact-message button{margin:0 0 0 50px;width:260px;line-height:60px;text-align:center;background:#0A445A;border:0;color:#fff;font-size:20px;cursor:pointer}
#footer2{background:#0A445A;color:#fff}
#footer2 .container{max-width:1420px;align-items:center}
.footer2L{flex:1;margin-right:50px}
.footer2L .foot-nav{display:flex;justify-content:space-around;border-top:1px solid #4C7788;border-bottom:1px solid #4C7788}
.footer2L .foot-nav li{line-height:50px}
.footer2L .foot-nav li a{color:#fff;font-size:18px}
.footer2L p{margin-top:30px;font-size:16px;color:#A5B2BB}
.footer2L p a{color:#A5B2BB
			 }
.footer2-img{display:block}
@media (max-width:1440px){
	/*prolist*/
	.prolist li .text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}
	
	/*about*/
	.about-title{font-size: 60px;letter-spacing: 10px;}
	.youshi-title .cn{font-size:60px}
	.youshi-title .en{font-size:20px}
	.rongyao-title .cn{font-size:60px}
	.rongyao-title .en{font-size:20px}
	.rongyao-swiper li span{display: none;}
}
@media (max-width:1200px){
	/*prolist*/
	.product-left{width:200px}
	.product-category li{font-size:16px}
	.product-right{margin-left:25px}
	
	/*newslist*/
	.news-category li{font-size:16px}
	.news-right{margin-left:50px}
	.newslist li{margin-bottom:20px}
	.newslist .img{margin:0 15px}
	.newslist .newsR div{line-height:1.6}
	.newslist .newsR p{line-height:20px}
	
	/*news*/
	.news-content{margin: 10px 0;}
	
	/*about*/
	.about-title{font-size: 50px;letter-spacing: 5px;}
	.youshi-title{margin-bottom:40px}
	.youshi-title .cn{font-size:50px}
	.youshi-title .en{font-size:18px}
	.youshi-box{padding:60px 0 40px}
	.youshi-box li p{font-size:20px}
	.rongyao-title{padding:30px 0 40px}
	.rongyao-title .cn{font-size:50px}
	.rongyao-title .en{font-size:18px}
	
	/*contact*/
	.footer2L .foot-nav li a{font-size: 16px;}
}
@media (max-width:1024px){
	/*prolist*/
	.prolist{margin-top:20px;}
	.prolist li{width:49%}
	.prolist li:last-child:nth-child(3n + 2){margin-right:0}
	
	/*product*/
	.product-box{margin-top: 20px;}
	.product-box .pro-img{max-width:50%}
	.product-box .product-canshu{margin-left:30px}
	.product-box .product-canshu h1{font-size:20px}
	.product-box .product-canshu li{font-size:16px}
	
	/*newslist*/
	.newslist .time .day{font-size: 40px;}
	.newslist .time .y-m{font-size: 16px;}
	.newslist .img{width: 150px;}
	
	/*about*/
	.about-title{font-size: 40px;}
	.youshi-title .cn{font-size:40px}
	.rongyao-title .cn{font-size:40px}
	
	/*contact*/
	.footer2L .foot-nav li a{font-size: 14px;}
	.footer2-img{max-width: 140px;}

}
@media (max-width:768px){
	/*prolist*/
	.product-left{width:100%}
	.product-category{margin-top:20px}
	.product-category h3{font-size:20px}
	.product-category ul{display:none}
	.product-category li{line-height:34px;font-size:14px}
	.product-right{margin-left:0;}
	
	/*newslist*/
	.news-left{width:100%}
	.news-category{margin-top:20px;display: flex;}
	.news-category li{line-height:34px;font-size:14px;margin-bottom: 0;}
	.news-category a{border:1px solid;box-sizing:border-box}
	.news-right{width:100%;margin-left:0}
	
	/*news*/
	.title{font-size: 20px;margin-top: 15px;text-align: center;}
	
	/*about*/
	.about-title{font-size: 30px;}
	.about-content{margin: 30px auto;}
	.youshi-title{margin-bottom:30px}
	.youshi-title .cn{font-size:30px}
	.youshi-title .dian{margin:10px 0}
	.youshi-title span{width:5px;height:5px}
	.youshi-title .en{font-size:14px}
	.youshi-box{padding:30px 0 20px}
	.youshi-box li .img{height:70px}
	.youshi-box li .img img{max-height:100%}
	.youshi-box li p{font-size:14px}
	.rongyao-title{padding:15px 0 20px}
	.rongyao-title .cn{font-size:30px}
	.rongyao-title .dian{margin:10px 0}
	.rongyao-title span{width:5px;height:5px}
	.rongyao-title .en{font-size:14px}
	.rongyao{margin-top: 50px;margin-bottom: 50px;}
	.rongyao-swiper{padding-top: 50px;}
	.rongyao-swiper li{width: 18%;}
	.rongyao-swiper li span{display: none;}
	.rongyao-swiper li.swiper-slide-active{width: 24%;margin-top: -50px;}
	
	/*contact*/
	.contact{margin-bottom: 35px;}
	.contactL{width: 100%;}
	.contact-title span{font-size:24px}
	#map{width: 100%;height: 250px;margin: 20px 0 0 0;max-width: unset;flex: unset;}
	.footer2L{margin-right:10px}
	.footer2L .foot-nav{flex-wrap:wrap;padding:10px 0}
	.footer2L .foot-nav li{width:25%;line-height:24px}
	.footer2L p{margin-top: 10px;font-size: 14px;line-height: 1.6;}
}
@media (max-width:425px){
	/*product*/
	.product-box .pro-img{width:100%;max-width:unset}
	.product-box .product-canshu{margin-left:0;margin-top:15px}
	.product-content{margin:20px 0}
	.page-controls .prevpage,.page-controls .nextpage{font-size:14px}
	.page-controls .prevpage span{margin-right:10px}
	.page-controls .nextpage span{margin-left:10px}
	.page-controls .localpage{padding:0 30px;margin:0 10px}
	
	/*newslist*/
	.news-category{margin:15px 0;justify-content:space-between}
	.news-category li{width:32%}
	.news-category a{display:block;width:100%}
	.news-category a:hover,.news-category a.active{border:1px solid #0A445A}
	.newslist .time{display:none}
	.newslist .img{width:100%;margin:0}
	.newslist .img img{max-height:unset}
	.newslist .newsR{width:100%;flex:unset;margin-top:15px}
	
	/*about*/
	.about-title{font-size: 24px;letter-spacing: 0;}
	.about-content{margin: 20px auto;}
	.youshi-title{margin-bottom: 20px;}
	.youshi-title .cn{font-size: 24px;}
	.youshi-box li .img{height: 50px;}
	.youshi-box li p{font-size: 12px;}
	.rongyao-title .cn{font-size: 24px;}
	.rongyao{margin: 30px auto;}
	.rongyao-swiper{padding-top: 0;}
	.rongyao-swiper li{width: 99%;margin: 0 0.5%;
	.rongyao-swiper li.swiper-slide-active{width: 99%;margin: 0 0.5%;padding: 0;border: 0;}
	.rongyao-swiper li.swiper-slide-active p{font-size: 14px;font-weight: normal;}
	
	/*contact*/
	.contact-message .code2 img{width: 120px;height: 45px;}
	.contact-message button{width: 200px;line-height: 50px;margin: 0 auto;display: block;}
	.footer2-img{max-width: 100px;}
	
}