@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:12px}
.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}}


/* --- 头部 --- */
.page-header{background:#da251c; position: relative; padding:1.5rem; z-index: 300;}
.page-header .wrap{display: flex; align-items: center; }

/* logo */
.page-header .logo{width: 12rem;}

/* roll */
.page-header.roll{position:fixed; left:0; top:0; width:100%; z-index:300; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);}



/* --- hamburger --- */
.page-hamburger{background:url(../images/nav.png) no-repeat center center; cursor:pointer; height:5rem; padding: 0 1.5rem; background-size:2.8rem;}
.page-hamburger.close{background:url(../images/close.png) no-repeat center center; background-size:2.8rem;}



/* --- 导航 --- */
.page-nav{display: none; position: absolute; left: 0; top: 8.3rem; width: 100%; background: #fff; z-index: 300;}
.page-nav .item{position: relative; border-bottom: 1px solid #efefef;}

/* show */
.page-nav .item .show { height: 4rem; line-height: 4rem; padding-left: 1.5rem;}

/* hide */
.page-nav .item .hide{ z-index: 300; background: #333; display: none; width: 100%;}
.page-nav .item .hide li{ font-size: 14px; line-height: 3.5rem; position: relative; border-bottom: 1px solid #222; padding-left: 1.5rem; }
.page-nav .item .hide li:last-child{border-bottom: none;}

/* hide - link */
.page-nav .item .hide .link {color: #999; }
.page-nav .item .hide .link a{color: #999; display: block;}

/* hide - level */
.page-nav .item .hide .level{display: none; top: 0; }
.page-nav .item .hide .level a{display: block; border-bottom: 1px solid #222; padding-left: 1.5rem; color: #999; position: relative; padding-left: 1.5rem;}
.page-nav .item .hide .level a::before{content: ""; width: 4px; height: 4px; background: #999; position: absolute; left: 0; top: 1.5rem; border-radius: 10rem;} 
.page-nav .item .hide .level a:last-child{border-bottom: none;}

/* hide - hover */
.page-nav .item .hide li:hover{background: #333; color: #da251c;}
.page-nav .item .hide li:hover .link a{color: #ccc;}
.page-nav .item .hide li:hover .level{display: block; }
.page-nav .item .hide li:hover .level a:hover{color: #fff; background: url(../images/nav-arrow.png) no-repeat 90% center #F18219;}

/* hover */
.page-nav .item:hover .show{background: #da251c;}
.page-nav .item:hover .show a{color: #fff;}
.page-nav .item:hover .hide{display: block;}




/* --- 语言 --- */
.page-language{margin-left: auto; z-index: 300; padding:  0 1.5rem;} 

/* show */
.page-language .show{color: #fff;}
.page-language .show .icon{}
.page-language .show .text{display: none;}

/* hide */
.page-language .hide{ position: absolute; top: 8.3rem; z-index: 300; background: #fff; width: 100%; display: none; left: 0;}
.page-language .hide li{border-bottom: 1px solid #efefef;}
.page-language .hide li a{ display: flex; align-items: center; height: 4rem;}
.page-language .hide li a .icon{width: 4rem; text-align: center; display: flex; align-items: center; justify-content: center;}
.page-language .hide li a:hover{color: #DA251C;}

/* hover */
.page-language:hover .hide{display: block;}



/* --- 搜索 --- */
.page-search{ padding:  0 1.5rem; z-index: 300;} 

/* show */
.page-search .show { display: flex; align-items: center; height: 4.5rem;}
.page-search .show .icon{margin-right: 10px;}

/* hide */
.page-search .hide{  position: absolute; left: 0; top: 8.3rem; z-index: 300; display: none;  width: 100%; height: 5rem; background: #fff; overflow: hidden;}
.page-search .hide input{width: 85%; border: none; padding-left: 15px;}
.page-search .hide button{width: 15%; background: url(../images/search-btn.png) no-repeat center center; border: none;}

/* hover */
.page-search:hover .hide{display: flex;}



/* --- 分页 --- */
.page-showpage{padding:3rem; text-align:center;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px; background: #fff; margin-bottom: 1rem;}
.page-showpage a.now{ background:#da251c; color:#fff; border:1px solid #da251c; }



/* --- 产品 --- */
.page-product{padding-bottom:1rem;}
.page-product .box{background: #fff; padding-bottom:2rem; }

/* pic */
.page-product .pic{overflow:hidden; height: 30rem; display: flex; align-items: center; justify-content: center;}
.page-product .pic img{}

/* content */
.page-product .content{ overflow:hidden; position:relative; padding: 1.5rem;}
.page-product .content h3{font-size: 18px; font-weight: bold; margin-bottom: 1rem; }
.page-product .content .text{line-height: 150%; color: #666; margin-bottom: 1.5rem;}
.page-product .content .more{font-weight: bolder;}



/* --- 案例 --- */
.page-case li{position: relative; margin: 1.5rem;}
.page-case .box{ position: relative; }
.page-case .pic{overflow: hidden;}
.page-case .text{position: absolute; bottom: 0; left: 0; width: 100%; height: 3.5rem; line-height: 3.5rem; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; color: #fff; transition: all .3s; font-size: 14px;}
.page-case .text a{color: #fff;}
.page-case.swiper-container{padding-bottom: 4rem;}



/* --- 新闻 --- */
.page-news .swiper-container{padding-bottom: 4rem;}
.page-news .box{transition: all .3s; background: #fff;}
.page-news .pic{margin-bottom: 1.5rem; overflow: hidden;}
.page-news .title{font-size: 18px;}
.page-news .dep{ margin-bottom: 1.5rem; color: #666; }
.page-news li .more{font-weight: bolder;}



/* --- 底部 --- */
.page-footer{background: url(../images/footer.jpg) no-repeat; background-size:cover; margin-bottom: 4.8rem;}

/* wrap */
.page-footer .content{ padding: 1.5rem;}

/* column */
.page-footer .column{font-size: 20px; color: #fff; font-weight: bolder; margin-bottom: 10px; text-transform: uppercase;}

/* logo */
.page-footer .logo{margin-bottom: 1.5rem;}
.page-footer .logo img{width: 15rem; margin: 0 auto;}

/* box */
.page-footer .box{ margin-bottom: 1.5rem;}

/* list */
.page-footer .list em{display: block; line-height: 200%;}
.page-footer .list a{color: #fff;}
.page-footer .list a:hover{ color: #ffd67d;}

/* contact */
.page-footer .contact{margin-bottom: 3rem;}
.page-footer .contact p{line-height: 125%; color: #fff; margin-bottom: 1.5rem;}
.page-footer .follow{display: flex; align-items: center; justify-content: center;}
.page-footer .follow a{padding: 0 1.5rem;}

/* sitemap */
.page-footer .sitemap{border-top: 1px solid #FF7462; text-align: center; color: #fff; padding:1rem;}
.page-footer .sitemap a{color: #fff;}

/* copyright */
.page-footer .copyright{text-align: center; padding-bottom: 20px; color: #fff; text-transform: uppercase;}



/* --- 右侧 --- */
.page-side{position:fixed; width:100%; right:0; bottom:0rem; z-index:300;   background:#666; opacity: .8;}
.page-side ul{display: flex; align-items: center; justify-content: center;}
.page-side ul li{width:54px;height:54px; position:relative; border-bottom:1px solid #999;}
.page-side ul li a{}

/* sidebox */
.page-side ul li .sidebox{position:absolute; width:54px; height:54px; top:0; right:0; transition:all 0.3s;opacity:0.8; color:#fff; overflow:hidden; display: flex; align-items: center;}
.page-side ul li .sidebox .text{position: absolute; left: 54px; width: 99px;}
.page-side ul li .iconfont{width: 54px; display: block; text-align: center; line-height: 54px;}

/* top */
.page-side ul li .sidetop{width:54px; height:54px; line-height:54px; background:#666;transition:all 0.3s; }
.page-side ul li .sidetop .iconfont{color: #fff;  background:#666; opacity:0.8; }
.page-side ul li .sidetop:hover{background:#da251c; opacity:1;  }

/* hover */
.page-side ul li .sidebox:hover{opacity: 1; background:#da251c;}
.page-side ul li .sidetop .iconfont:hover{opacity: 1; background:#da251c;}



/* --- 其他产品 --- */
.page-other {padding: 1.5rem; background: #fff; overflow:hidden;}
.page-other .swiper-container{padding-bottom: 3rem;}
.page-other a{ display:block; transition:all .3s;}
.page-other a .pic{height:30rem; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.page-other a .text{text-align:center;  overflow:hidden; white-space: nowrap;text-overflow: ellipsis; padding: 1.5rem 0;}




/* ------ 首页 ------ */

/* --- 栏目 --- */
.home-column {margin-bottom: 1.5rem;}
.home-column .box{margin-bottom: 1rem; display: flex; align-items: center;} 
.home-column .title{font-size: 25px; font-weight: bolder;}
.home-column .page-more{margin-left: auto;}
.home-column .dep{}



/* --- 类目 --- */
.home-category{ background: #f5f5f5; padding:1.5rem; overflow: hidden; }
.home-category .wrap{display: flex;  flex-wrap: wrap;}
.home-category .item{width: 25%; text-align: center; margin-bottom: 1.5rem;}
.home-category .item .pic{margin-bottom: 1rem;}
.home-category .item .pic img{border-radius: 100%; overflow: hidden; transition: all .3s; margin: 0 auto;}
.home-category .item .text{color: #333; font-weight: bolder; padding: 0 .5rem;}

/* hover */
.home-category .item:hover .pic img{box-shadow: 0 10px 25px #ccc;}
.home-category .item:hover .text{color: #ff0000;}




/* --- 关于我们 --- */
.home-about{background: url(../images/about-back.png) no-repeat center center #EAEDF2; padding: 1.5rem; background-size: 100%;} 
.home-about .wrap{}

/* 内容 */
.home-about .content{ margin-bottom: 1.5rem;}
.home-about .content .title{font-size: 20px; font-weight: bolder; text-transform: uppercase; margin-bottom: 1rem;}
.home-about .content .year{background: url(../images/about-year.png) no-repeat; line-height: 30px; width: 325px; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 20px;}
.home-about .content .dep {margin-bottom: 1rem;}
.home-about .content .dep p{line-height: 150%; margin-bottom: 1rem;}

/* 视频 */
.home-about .video{}
.home-about .video video{width: 100%; object-fit:fill }



/* --- 案例 --- */
.home-case{padding:1.5rem}
.home-case .bd {position: relative; margin-bottom: 30px; overflow:hidden;}
.home-case .bd:hover .page-arrow{opacity: 1;}



/* --- 服务 --- */
.home-service{position:relative; border-bottom: 1rem solid #efefef;}

/* item */
.home-service .item{ position:relative;}
.home-service .item .photo{text-align:center;} 
.home-service .item .content{z-index:200;}
.home-service .item .content .wrap{ }
.home-service .item .content .box{ padding: 1.5rem;}
.home-service .item .content .box h3{font-size:25px; color:#333; font-weight:bolder; margin-bottom:1rem;}
.home-service .item .content .box .subtitle{font-size:14px; color:#333; margin-bottom:1rem;}
.home-service .item .content .box .text p{line-height:180%; color:#333; }



/* --- 新闻 --- */
.home-news{padding: 1.5rem;}




/* ------ 内页 ------ */

/* --- banner --- */
.inner-banner{height: 20rem;}

/* about */
.inner-banner.banner-about{background: url(../images/banner-about.jpg) no-repeat; background-size: cover;}



/* --- path --- */
.inner-path{ color: #ccc; text-transform: uppercase; padding: 1.5rem;}
.inner-path a{margin-left: 1rem; margin-right: 1rem;}



/* --- 关于我们 --- */

/* column */
.about-column { padding: 1.5rem; padding-bottom: 0;}
.about-column h3{font-size: 18px; color: #da251c; font-weight: bolder; margin-bottom: 1rem; text-transform: uppercase;}
.about-column .text{ line-height: 150%;}

/* content */
.about-content{ padding: 1.5rem;}
.about-content p{margin-bottom: 1rem; line-height: 150%;}


/* tour */
.about-tour{ padding: 1.5rem;}
.about-tour .swiper-container{padding-bottom: 3rem;}

/* tour - bd */
.about-tour .box{ transition: all .3s;}
.about-tour .box .pic img{width: 100%;}
.about-tour .box .title{text-align: center; margin-top: 20px; font-size: 18px; font-weight: bolder;}
.about-tour .box .dep{padding:15px 20px; line-height: 150%; color: #666;}

/* photo */
.about-photo{ padding: 1.5rem;}
.about-photo li{border: 1px solid #efefef; padding: 5px; margin-bottom: 1rem; transition: all .3s; overflow: hidden;}
.about-photo li img{width: 100%;}



/* --- 新闻 - 分类 --- */
.news-type{background:#da251c ; padding: 0 1.5rem; padding-bottom: 1.5rem;}

/* column */
.news-type .column{ font-size: 20px; font-weight: bolder; color: #fff; padding: 1.5rem 0;}

/* type */
.news-type .type ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news-type .type li{width: 49%; text-align: center; line-height: 40px; margin-bottom: 1rem;}
.news-type .type li a{display: block; background: #fff; text-transform: uppercase;}
.news-type .type li a.now{background: #FF9002; color: #fff;}



/* --- 新闻 - 列表 --- */
.inner-news { padding: 1.5rem;}
.inner-news li{margin-bottom: 1.5rem;}



/* --- 产品列表 --- */
.inner-product{overflow: hidden; padding: 1.5rem; padding-top: 0;}
.inner-product li{margin-bottom: 1.5rem; border-radius: .15rem;}



/* --- 联系 - 方式 --- */
.contact-way { }

/* wrap */
.contact-way .wrap{ padding: 1.5rem; padding-top: 0;}

/* item */
.contact-way .item{background: #F8F8F8; height: 20rem; border: 1px solid #fff; margin-bottom: 1.5rem;}

/* title */
.contact-way .item .title{text-align: center; font-size: 18px; color: #da251c; text-transform: uppercase; font-weight: bolder; height: 8rem; line-height: 8rem; width: 8rem; margin: 0 
auto; border-bottom: 1px solid #333; margin-bottom: 3.5rem; transition: all .3s;}

/* text */
.contact-way .item .text{text-align: center; padding: 0 1.5rem; line-height: 180%;}
.contact-way .item .text p{line-height: 180%; color: #666;}



/* 留言地图 */
.contact-message{ background:#f9f9f9;  overflow:hidden;}
.contact-message .wrap{ padding: 1.5rem;}

/* 栏目 */
.contact-message .column strong{font-size:18px; margin-bottom:10px; display:block; text-transform: uppercase;}

/* 留言 */
.contact-message .message{ margin-bottom: 2.5rem;}
.contact-message .message .text{margin-bottom:15px; font-size:14px; color:#999;}
.contact-message .message li b{display:block; margin-bottom:5px; text-transform: uppercase;}
.contact-message .message li input{width:100%; height:4rem; line-height:4rem; padding-left:1.5rem; border:none; margin-bottom:1rem; transition:all .3s; border:1px solid #ddd; font-size:14px;}
.contact-message .message li textarea{width:100%; height:15rem; padding:1rem;  border:none;  margin-bottom:1rem; transition:all .3s;  border:1px solid #ddd; font-size:14px;}
.contact-message .message li button{background:#da251c; width:100%; height:4rem; line-height:4rem; text-align:center; color:#fff; border:none; cursor:pointer;}
.contact-message .message li button:active{opacity:.8;}
.contact-message .message li input:focus{background:#fff;}
.contact-message .message li textarea:focus{background:#fff;}

/* 地图 */
.contact-message .maps{height: 40rem;}
.contact-message .maps iframe{ width: 100%;}
.traffic-map{overflow:hidden;}




/* --- 产品介绍 --- */
.goods-dep{background:#fff; overflow:hidden; border-bottom: 1rem solid #efefef;}

/* 产品 - 图片 */
.goods-pic{padding: 1.5rem;}

/* 产品 - 信息 */
.goods-info{position:relative; padding: 1.5rem; border-top: 1px solid #efefef; margin-top: 1.5rem;}

/* info - title */
.goods-info .title{margin-bottom: 1rem;;}
.goods-info .title h1{font-size: 24px; color: #da251c; font-weight: bolder;}

/* info - content */
.goods-info .content p{color:#666; position:relative; font-size:14px; line-height: 150%;}

/* info - btn */
.goods-info .btn{ padding: 1.5rem 0;}
.goods-info .btn ul{justify-content: space-between; display: flex; flex-wrap: wrap;}
.goods-info .btn li { width: 49%; margin-bottom: 10px;}
.goods-info .btn li .box{background: #ebebeb; width: 100%;}
.goods-info .btn li .box a{display: flex;  align-items: center;height: 40px; padding-left: 15px; }
.goods-info .btn li .iconfont{margin-right: 20px;;}
.goods-info .btn li .box:hover a{background:#da251c; color: #fff;}
.goods-info .btn li .follow{display: flex; align-items: center; height: 40px; }
.goods-info .btn li .follow a{margin-right: 10px;;}


/* 产品 - 介绍 */
.goods-introduce .wrap{ background:#fff; margin-bottom:30px; padding-bottom:30px;}
.goods-introduce .content{padding:20px;}
.goods-introduce .content strong{margin-bottom:15px; text-transform:uppercase; margin-bottom:20px; display:block; color:#DA251C; }
.goods-introduce .content p{line-height:200%; font-size:14px;}
.goods-introduce .content span{display:inline-block;}


/* 产品 - 栏目 */
.goods-column{border-bottom:1px solid #efefef; height:4rem; line-height:4rem;  background: #fff;}
.goods-column h3{ text-align:center; height:4rem; line-height:4rem; font-size:16px; color:#DA251C; text-transform:uppercase; font-weight:bold;}


/* 产品 - 询盘 */
.goods-inquiry{ margin-bottom:1.5rem;}
.goods-inquiry .box{ background:#fff; overflow:hidden; }
.goods-inquiry ul{  padding:1.5rem; padding-bottom:0;}

/* list */
.goods-inquiry li{ height:4rem; line-height:4rem; margin-bottom:1rem;}
.goods-inquiry li select{background:#fff; width:100%; height:4rem; line-height:4rem;  border:1px solid #ddd; padding-left:1.5rem;  font-size:12px;  transition:all .3s ease;}
.goods-inquiry li select:hover{ box-shadow: 0px 10px 20px #efefef;}

/* input */
.goods-inquiry li input{background:#fff; width:100%; height:4rem; line-height:4rem;  border:1px solid #ddd; padding-left:1.5rem; font-size:14px;   transition:all .3s ease; }
.goods-inquiry li input::-webkit-input-placeholder {color:#333;}
.goods-inquiry li input:focus{border:1px solid #da251c;}
.goods-inquiry li input:hover{border:1px solid #da251c;box-shadow: 10px 10px 20px #ececec; }
.goods-inquiry li input::-webkit-input-placeholder {color:#aaa;}

/* message */
.goods-inquiry .message{ padding:0 1.5rem;}
.goods-inquiry .message textarea{width:100%;  border:1px solid #ddd; background:#fff; height:20rem; padding:1rem; font-size:14px; transition:all .3s ease;  }
.goods-inquiry .message textarea::-webkit-input-placeholder {color:#333;}
.goods-inquiry .message textarea:focus{border:1px solid #da251c; box-shadow: 10px 10px 20px #ececec;}
.goods-inquiry .message textarea:hover{border:1px solid #da251c;}
.goods-inquiry .message textarea::-webkit-input-placeholder {color:#aaa;}

/* btn */
.goods-inquiry .btn{ padding:1.5rem;}
.goods-inquiry .btn button{background:#E7E7E7; width:100%; height:4rem; line-height:4rem; text-align:center; font-size:14px; text-transform:uppercase; border:none; transition:all .3s; cursor:pointer;}
.goods-inquiry .btn button:hover{background:#da251c; color:#fff; }


}