@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* header */
.page_header{height:5rem; padding: 0 1rem;}
.page_header.float{ background: #fff;}
.page_header .wrap{height: 100%; display: flex; align-items: center;}

/* logo */
.page_logo img{height: 3rem;}

/* nav */
.page_nav{ display: none; position: absolute; left: 0; top: 5rem; width: 100%; background: #fff; z-index: 99; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef;}
.page_nav ul{padding: 0 1.5rem; font-size: 1.2rem;}
.page_nav li{height: 3.5rem; text-align: center; line-height: 3.5rem;}
.page_nav li.active{background: #DB3717; color: #fff; border-radius: 4px;}

/* column */
.page_column{text-align: center; padding: 2.5rem 0;}
.page_column h3{font-size: 1.8rem; color: #DB3717; font-weight: bolder; margin-bottom: 1rem;}
.page_column .text{color: #999; font-size: 1.2rem; padding: 0 1.5rem; line-height: 180%;}
.page_column .line{width: 64px; height: 1px; background: #DB3717; margin: 25px auto; display: block;}

/* showpage */
.page_showpage{text-align:center; padding: 1.5rem;}
.page_showpage .wrap{display: flex; flex-wrap: wrap;}
.page_showpage a{border:1px solid #efefef; padding:.3rem 1rem; border-radius:4px; margin-left:.3rem; margin-right:.3rem; background: #fff; margin-bottom: 1rem; font-size: 1.2rem; display: block; align-items: center;}
.page_showpage a.now{ background:#CD1F28; color:#fff; border:1px solid #CD1F28; }

/* footer */
.page_footer{background: #333; }
.page_footer .wrap{}
.page_footer .sitemap{}
.page_footer .sitemap dl{color: #fff; padding: 1.5rem; border-bottom: 1px solid #212121;}
.page_footer .sitemap dt{color: #999; font-size: 1.4rem;}
.page_footer .sitemap dd {display: flex; flex-wrap: wrap;}
.page_footer .sitemap dd em{display: block; line-height: 200%; width: 33.333%; font-size: 1.2rem;}
.page_footer .qrcode{color: #999; text-align: center; padding: 1.5rem;  border-bottom: 1px solid #212121;}
.page_footer .qrcode img{margin: 0 auto;}
.page_footer .qrcode .text{ margin-top: 1rem; font-size: 1.2rem;}
.page_footer .message{padding: 1.5rem;}
.page_footer .message li{margin-bottom: 1rem;}
.page_footer .message input{width: 100%; border: none; padding-left: 1rem; height: 4rem; line-height: 4rem; border-radius: 4px; font-size: 1.2rem;}
.page_footer .message textarea{width: 100%; border: none; padding-left: 1rem; height: 10rem; border-radius: 4px; font-size: 1.2rem;}
.page_footer .message button{padding: 1rem 1.8rem; background: #DB3717; color: #fff; border: none; border-radius: 4px; margin: 0 auto;}

/* copyright */
.page_copyright{text-align: center; background: #212121; padding: 1rem; color: #666; font-size: 1.2rem;}

/* hamburg */
.page_hamburg{width:3rem; height:3rem; background:url(../images/nav.svg) no-repeat center center; background-size:2rem; cursor:pointer; margin-left: auto;}
.page_hamburg.close{background:url(../images/close.svg) no-repeat center center; background-size:2rem;}




/* --- home --- */

/* banner */
.home_banner{}
.home_banner .swiper-pagination-bullet{background: #fff;}

/* about */
.home_about{text-align: center; }
.home_about .content{color: #666; font-size: 1.2rem; padding: 0 1.5rem; margin-bottom: 2.5rem;} 
.home_about .other{ }
.home_about .video{width: 100%; height: 20rem;}
.home_about .video video{width: 100%; border-radius: 4px;}
.home_about .list { display: flex; padding: 1.5rem 0; border-bottom: 1rem solid #f9f9f9; padding-bottom: 1.8rem;}
.home_about .list dl{width: 50%; text-align: center;}
.home_about .list dl dt{border: 1px solid #ccc; border-radius: 100rem; margin: 0 auto; margin-bottom: 1.5rem; width: 5rem; height: 5rem; transition: all .3s;}
.home_about .list dl dd h3{margin-bottom: 8px; color: #DB3717; font-size: 1.2rem;}
.home_about .list dl dd i{width: 2rem; height: 1px; background: #ccc; display: block; margin: 12px auto; }
.home_about .list dl dd p{font-size: 1.2rem;}
.home_about .list dl:nth-child(1) dt{background:url(../images/about_01.svg) no-repeat center center; background-size: 2.8rem 2.8rem;}
.home_about .list dl:nth-child(2) dt{background:url(../images/about_02.svg) no-repeat center center; background-size: 2.8rem 2.8rem;}
.home_about .list dl:nth-child(3) dt{background:url(../images/about_03.svg) no-repeat center center; background-size: 2.8rem 2.8rem;}
.home_about .list dl:nth-child(4) dt{background:url(../images/about_04.svg) no-repeat center center; background-size: 2.8rem 2.8rem;}
.home_about .list dl:nth-child(1):hover dt{background:url(../images/about_01_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717; background-size: 2.8rem 2.8rem; }
.home_about .list dl:nth-child(2):hover dt{background:url(../images/about_02_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717;  background-size: 2.8rem 2.8rem;}
.home_about .list dl:nth-child(3):hover dt{background:url(../images/about_03_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717; background-size: 2.8rem 2.8rem; }
.home_about .list dl:nth-child(4):hover dt{background:url(../images/about_04_hover.svg) no-repeat center center #DB3717; border: 1px solid #DB3717;  background-size: 2.8rem 2.8rem;}

/* hot */
.home_hot{background: url(../images/home_product.jpg) no-repeat center center; background-size: cover; position: relative;}
.home_hot::after{content: ""; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.home_hot .list{padding-top: 1.5rem;}
.home_hot .swiper{padding-bottom: 3.6rem;}
.home_hot .item{background: #fff; text-align: center; margin: 0 1.5rem; border-radius: 4px;}
.home_hot .item .pic{padding: .5rem; padding-bottom: 0;}
.home_hot .item .pic img{width: 100%;}
.home_hot .item .title{ font-size: 1.2rem; padding: 1.5rem;}
.home_hot .swiper-pagination-bullet{background: #fff;}

/* case */
.home_case{ border-bottom: 1rem solid #f9f9f9;}
.home_case .case_list{}
.home_case .case_list .item{position: relative;}
.home_case .case_list .item .text{ transition: all .3s;}
.home_case .case_list .item .text p{color: #212121; text-align: center; font-size: 1.2rem; padding: 1.5rem 0;}
.home_case .case_list .item:hover .text{opacity: 0;}

/* pro */
.home_product{ border-bottom: 1rem solid #f9f9f9; padding-bottom: 1.5rem;}
.home_product .bd{}
.home_product .bd .box{display: flex; flex-wrap: wrap;}
.home_product .bd .item{width: 50%;  text-align: center; padding: 1.5rem; font-size: 1.2rem; padding-bottom: 0;}
.home_product .bd .item .text{margin-top: 1.5rem;}

/* hd */
.home_hd{background: #f5f5f5; }
.home_hd ul{height: 100%; justify-content: center; display: flex; flex-wrap: wrap;}
.home_hd li{ cursor: pointer; color: #666; width: 50%; text-align: center; height: 3.5rem; line-height: 3.5rem; font-size: 1.2rem;}
.home_hd li.on{background: #DB3717; color: #fff; border-radius: 4px;}

/* news */
.home_news{ padding: 1.5rem; }
.home_news .item{display: flex; align-items: center; border-bottom: 1px dashed #efefef; padding: 1.5rem 0; }
.home_news .item .box{width: 65%;}
.home_news .item .pic{width: 30%; margin-right: auto;}
.home_news .item .date{color: #999; font-size: 1.2rem;}
.home_news .item .title{font-size: 1.2rem; margin-bottom: .3rem; font-weight: bolder;}
.home_news .item .dep{color: #999; height: 4rem; line-height: 2rem; overflow: hidden;}
.home_news .item .pic img{width: 100%;}
.home_news .item:last-child{border-bottom: none;}



	.show_title {font-size: 18px; padding: 10px 20px; font-weight: bold; border-bottom: 1px solid #eee;line-height: 200%;}


/* --- inner --- */

/* banner */
.inner_banner{position: relative; height: 20rem;}
.inner_banner .pic{height: 100%;} 
.inner_banner .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; justify-content: center; text-align: center; flex-flow: column; background: rgba(0,0,0,0.5); padding: 10%; box-sizing: border-box;}
.inner_banner .content{background: #DB3717; padding: 2.8rem 4rem; border-radius: 3rem 3rem 1rem 1rem; color: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); position: relative;}
.inner_banner .content h3{font-size: 2.8rem; color: #fff; font-weight: bolder; margin-bottom: 1rem; }
.inner_banner .content i{width: 3rem; height: 1px; background: #fff; display: block;  margin: 1.6rem auto;}
.inner_banner .content .text{font-size: 1.4rem;}
.inner_banner .dep{color: #fff; margin-top: 1.5rem; font-size: 1.2rem; text-shadow: 0 2px 2px rgba(0,0,0,0.5);}

/* path */
.inner_path{padding: 1rem 1.5rem; color: #999; border-bottom: 1px solid #efefef;}

/* tab */
.inner_tab { }
.inner_tab ul{justify-content: center; display: flex; flex-wrap: wrap; border-bottom: 1px solid #efefef; padding: 1rem 0;}
.inner_tab li{text-align: center;}
.inner_tab li a{display: block; height: 3rem; line-height: 3rem; font-size: 1.2rem; color: #666; padding: 0 1.5rem; border-radius: 4px;}
.inner_tab li a.active{background: #DB3717; color: #fff;}

/* show : content */
.show_content{}
.show_content .pic{ background: #f9f9f9; padding: 1rem;}
.show_content .pic .big{margin-bottom: 1rem; text-align: center;}
.show_content .pic .big img{border: 4px solid #fff;}
.show_content .pic .small img{border: 4px solid #fff;}
.show_content .pic .swiper-button-prev{color: #DB3717;}
.show_content .pic .swiper-button-next{color: #DB3717;}
.show_content .pic .small .swiper-slide-thumb-active img{border: 4px solid #DB3717;}
.show_content .box{padding: 1.5rem;}
.show_content .box h1{font-size:1.8rem; color: #DB3717;}
.show_content .box .line{width: 3rem; height: 1px; background: #DB3717; margin-top: 1.5rem; margin-bottom: 1.5rem;}
.show_content .box .content p{line-height: 250%; font-size: 1.2rem;}
.show_content .box .money{border: 2px solid #DB3717; border-radius: 4px; width: 100%; text-align: center; color: #DB3717; padding: 1rem 0; margin-top: 1.5rem; cursor: pointer; transition: all .3s; font-size: 1.2rem;}
.show_content .box .money:hover{background: #DB3717; color: #fff;}

/* show : box */
.show_box .hd{border-bottom: 1px solid #efefef; margin-top: 2rem;}
.show_box .hd ul{display: flex; flex-wrap: wrap;}
.show_box .hd li{width: 50%; text-align: center; height: 4rem; line-height: 4rem; cursor: pointer; color: #666; font-size: 1.2rem;}
.show_box .hd li.on{background: #DB3717; color: #fff; border-radius: 4px 4px 0 0;}
.show_box .bd{margin-top: 2rem; text-align: center;}
.show_box .download{padding: 1.5rem;}
.show_box .download ul{display: flex; flex-wrap: wrap;}
.show_box .download li{ background: url(../images/icon_pdf.svg) no-repeat 0 center; width: 50%; text-align: left; padding-left: 3.5rem; margin-bottom: 1.5rem; font-size: 1.2rem; box-sizing: border-box;}

/* pro : list */
.pro_list { }
.pro_list ul{display: flex; flex-wrap: wrap; padding: .75rem;}
.pro_list li{ text-align: center; font-size: 1.2rem;  width: 50%; padding: .75rem; padding-bottom: 0;}
.pro_list li .box{justify-content: center;}
.pro_list li .box a{padding-bottom: 0; border-radius: 4px; display: block;}
.pro_list li .box .pic{border: 2px solid #fff;}
.pro_list li .box .pic img{width: 100%;}
.pro_list li .box .text{padding: 1rem 0;}
.pro_list li:hover .box a{background: #DB3717; color: #fff;}

/* goods : list */
.goods_list{padding:.75rem;}
.goods_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.goods_list li{width: 49%; text-align: center; font-size: 1.2rem; padding:.75rem;}
.goods_list li .pic{border: 1px solid #efefef; padding: .3rem; margin-bottom: 1rem; transition: all .3s; overflow: hidden; background: #fff; border-radius: 4px;}
.goods_list li .pic img{width: 100%;}
.goods_list li:hover .pic{ border: 1px solid #DB3717; box-shadow: 0px 5px 30px #f5f5f5;}

/* about */
.about_box .content{width: 90%; margin: 0 auto; font-size: 1.2rem; margin-top: 1.5rem;}
.about_box .content p{margin-bottom: 20px; line-height: 180%; font-size: 1.2rem}
.about_box .honour ul{display: flex; flex-wrap: wrap; padding: .75rem;}
.about_box .honour li{width: 50%; text-align: center; padding: .75rem;} 

/* download */
.download_box{padding: 1.5rem;}
.download_box li{border-bottom: 1px solid #efefef; font-size: 1.2rem; padding: 1.5rem 0;}
.download_box li .date{color: #999;}
.download_box li .title{font-size: 1.4rem; margin-bottom: 1.5rem;}
.download_box li .view{margin-right: 32px; background: url(../images/icon_eye.svg) no-repeat 0 center; background-size: 20px; padding-left: 28px;}
.download_box li .down{background: url(../images/icon_download.svg) no-repeat 0 center; background-size: 20px; padding-left: 28px;}
.download_box li .right{display: flex; align-items: center; margin-left: 0;}

/* video */
.video_back{width: 100%; height: 100vh; overflow: hidden; position: relative;}
.video_back video{object-fit: fill; width: 100%; height: 100%;}
.video_back::after{content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #fff; position: absolute; opacity: .8;}
.video_content{position: absolute; left: 0; top:0; width: 100%; height: 100%; justify-content: center;}
.video_content .logo{text-align: center; display: flex; align-items: center; justify-content: center; padding: 8rem 0;}
.video_content .map{margin: 1.5rem;}
.video_content ul{justify-content: center; margin-top: 64px; display: flex;}
.video_content li{ font-size: 1.2rem; font-weight: bolder; text-align: center; padding: 0 2.5rem;}
.video_content .icon{width: 6rem; margin: 0 auto;}

/* showpage */
.showpage{text-align:center; overflow:hidden; margin:50px auto; } 
.showpage li{display:inline-block;}
.showpage a{display:inline-block;  border:1px solid #ddd; border-radius:5px; height:35px; padding:0 12px; line-height:35px; margin-left:3px; margin-right:3px; cursor:pointer;}
.showpage span{display:inline-block; padding:0 12px; line-height:35px; border:1px solid #DB3717; border-radius:5px; height:35px; line-height:35px; background:#DB3717; color:#fff;} 
.showpage a:hover,.showpage li.active a{ background:#DB3717; color:#fff;border:1px solid #DB3717; }	
	

}