@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%;}
.pc{display:none;}
.wap{display:block;}
.left{float:none;}
.right{float:none;}
body{right:0;}

@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}}

/* 内页 banner */
.banner{ margin-top:80px; z-index:0}
.banner .pic{height:20rem; }

.page-banner{overflow:hidden; padding-top:2rem; padding-bottom:2rem; background:#eee; background-size:cover}
.page-banner h2{font-size:1.8rem; margin-bottom:1rem; text-align:center;}
.page-banner p{color:#999; width:80%; margin:0 auto; font-size:1.2rem;}


/* --- 栏目 --- */
.column{text-align:center; margin-bottom:2rem;}
.column h2{margin-bottom:1rem; font-size:1.8rem;}
.column p{color:#999;}



/* --- 顶部 --- */
.top{background:#f9f9f9; border-top:1px solid #efefef; line-height:3.5rem; font-size:1.2rem; text-align:center;}
.top em{display:inline-block; margin-left:1rem; margin-right:1rem;}

.search{background:#DA251C; padding:1rem; overflow:hidden;}
.search input{width:80%; height:3rem; border:none; padding-left:1rem; font-size:1.2rem; float:left;}
.search button{float:right; width:20%; background:#801611; height:3rem; border:none; font-size:1.2rem; color:#fff;}


/* --- 头部 --- */
.header{ padding:1rem; overflow:hidden; width:100%; height:80px; position:fixed; top:0; background:#fff; z-index:9999; box-shadow:2px 2px 2px #ccc;}
.page-banner,.products-banner{ margin-top:80px;}
.top,.search{ display:none;}

/* logo */
.logo{float:left; width:70%;}

/* 导航 */
.wap-nav{float:right; width:30%;}

.wap-nav em{display:block; width:2.5rem; height:2.5rem; background:url(../images/wap-nav-a.png) no-repeat; background-size:cover; cursor:pointer; float:right; margin-top:1rem;}
.wap-nav .nav-close{background:url(../images/wap-nav-b.png) no-repeat; background-size:cover; cursor:pointer;}

/* 导航弹出 body */
.body-pop{right:11rem; position:fixed; transition:all .3s ease; width:100%;}

/* 导航弹出 导航 */
.nav-pop{position:fixed; right:0; width:11rem; background:#f9f9f9; right:-11rem; top:0; height:100%; transition:all .3s ease; z-index:100;}
.nav-pop li{line-height:3.5rem; height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}
.nav-pop li a{color:#999999;}
.nav-pop li a.now{color:#DB533C;}

/* 导航弹出 导航显示 */
.nav-show{right:0;}



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

/* 公告 */
.notice{padding:1.5rem; font-size:1.2rem;}
.notice b{display:block; margin-bottom:.5rem; text-align:center;}

/* 关于我们 */
.about{background:#F6F6F6; overflow:hidden;}
.about .pic{ margin-top:3rem;}
.about .content{ padding:1.5rem;}
.about .content .text{margin-bottom:2rem;}
.about .content .text h2{font-size:1.8rem; margin-bottom:1rem; text-align:center;}
.about .content .text p{ color:#666; font-size:1.2rem;}
.about .content .video{position:relative; border-radius:10px; overflow:hidden;}
.about .content .video video{width:100%; height:20rem;}


/* 产品系列 */
.product-line{padding:1.5rem 1.5rem 0 1.5rem;}
.product-line .content{overflow:hidden;}
.product-line .content li{text-align:center; transition:all .3s ease; border-top:1px solid #efefef; padding-top:2rem; padding-bottom:2rem;}
.product-line .content li .pic{background:#eee; width:9rem; height:9rem; border-radius:100px; text-align:center; overflow:hidden;}
.product-line .content li .pic img{border-radius:100%;}
.product-line .content li .text h3{margin-top:2rem; margin-bottom:2rem; font-size:1.4rem;}
.product-line .content li .text p{font-size:1.2rem; color:#999;}
.product-line .content li .text em{display:block; margin-top:2rem;}
.product-line .content li .text em a{display:block; width:8rem; height:3rem; line-height:3rem; margin:0 auto; background:#eee; border-radius:5px;  font-size:.1.2rem;}
.product-line .content li .text em a:hover{background:#DA251C; color:#fff;}

/* 推荐产品 */
.product-hot{background:#f6f6f6; overflow:hidden; padding:1.5rem;}
.product-hot .content li{ background:#fff; text-align:center; margin-bottom:1.5rem; padding-bottom:1.5rem;}
.product-hot .content li .pic{overflow:hidden;}
.product-hot .content li .text{padding-top:1rem; padding-bottom:1rem;}
.product-hot .content li h3{font-size:1.4rem; margin-bottom:1rem;}
.product-hot .content li a:hover h3{color:#DA251C;}
.product-hot .content li p{font-size:1.2rem; color:#999;}


/* 新闻 */
.home-news{ padding:1.5rem;}
.home-news h2{margin-bottom:1rem; text-align:center ; font-size:1.8rem; margin-bottom:1rem;}

.news-pic{margin-bottom:1rem; overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:1rem;}
.news-pic .pic{position:relative; overflow:hidden; margin-top:1rem;}
.news-pic .pic img{width:100%;}
.news-pic .pic em{position:absolute; right:0; bottom:0; color:#fff; background:#DA251C; padding-left:1rem; padding-right:1rem; font-size:1.2rem; z-index:100;}
.news-pic .text{}
.news-pic .text b{font-size:1.4rem; margin-bottom:1rem; display:block; margin-top:1rem; text-align:center;}
.news-pic .text p{font-size:1.2rem; color:#999;}
.news-pic .text em{font-size:1.2rem; display:block; margin-top:1rem;}

.news-list li{border-bottom:1px solid #efefef;  position:relative; padding-top:.8rem; padding-bottom:.8rem; font-size:1.2rem;}
.news-list li span{display:block;  font-size:1.2rem; color:#999999; margin-top:.5rem;}
 
.news-list span.more{margin-top:1rem; font-size:1.2rem; text-align:center; display:block;}


/* 留言 */
.message{ background:#f6f6f6; padding:1.5rem;}
.message h2{font-size:1.8rem; margin-bottom:1rem; text-align:center;} 
.message  p{color:#999; text-align:center; font-size:1.2rem;}
.message ul{margin-top:1rem;}
.message li{margin-bottom:1rem;} 
.message li input{width:100%; height:3.5rem; line-height:3.5rem; border:1px solid #dfdfdf; padding-left:1rem; border-radius:5px;}
.message li input:focus{ border:1px solid #DA251C; }
.message .textarea textarea{width:100%; border:1px solid #dfdfdf; height:10rem; border-radius:5px; padding:1rem; margin-bottom:1rem;}
.message .textarea textarea:focus{ border:1px solid #DA251C; }
.message .btn button{width:100%; text-align:center; height:3.5rem; line-height:3.5rem; border:none; background:#DA251C; border-radius:5px; cursor:pointer; color:#fff; font-size:1.4rem;}



/* --- 底部 --- */
.footer{background:#f6f6f6; border-top:1px solid #ddd; overflow:hidden;}

/* 链接 */
.footer .links{ }
.footer .links dl{border-bottom:1px solid #ddd; padding:1.5rem; overflow:hidden;}
.footer .links dt{display:block; margin-bottom:.5rem; font-size:1.4rem;}
.footer .links dd em{display:block; font-size:1.2rem; line-height:250%; float:left; width:50%;}
.footer .links dd em a{display:block; width:90%;}

/* 二维码 */
.qcode{border-left:1px solid #ddd; text-align:center; padding-top:2rem; padding-bottom:2rem;}
.qcode .pic{margin-bottom:1rem; margin-bottom:1rem;}
.qcode ul{margin-top:2rem;}
.qcode li{font-size:1.2rem;}

/* 版权 */
.copyright{background:#DA251C; font-size:1.2rem; overflow:hidden; line-height:200%; color:#fff; text-align:center; padding:1rem;}


/* --- 框架 --- */
.page{overflow:hidden;}



/* --- 新闻列表 --- */

/* 新闻 */
.news{ padding:1.5rem 1.5rem 0 1.5rem;}
.news li{overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:2rem; margin-bottom:2rem;}
.news li .pic{overflow:hidden; margin-bottom:1rem}
.news li .pic img{width:100%;}
.news li .text{}
.news li .text h3{margin-bottom:1rem; margin-top:1.5rem; font-size:1.4rem;}
.news li .text p{color:#999999; font-size:1.2rem; line-height:150%;}

/* 栏目分类 */
.column-type{overflow:hidden; background:#FFCC00;}
.column-type ul li{height:3.5rem; line-height:3.5rem; text-align:center; font-size:1.4rem; float:left; width:33.333%;}
.column-type ul li a.now{background:#666; display:block; color:#fff;}
.column-type ul li:last-child{border-bottom:none;}


/* --- 新闻内容--- */

/* 标题 */
.news-title{text-align:center; border-bottom:1px solid #efefef; padding:1.5rem;}
.news-title h1{margin-bottom:1rem; font-size:1.6rem;}
.news-title p{color:#999999; font-size:1.2rem;}

.news-content{padding:1.5rem;}
.news-content img{margin-bottom:1rem;}
.news-content p{margin-bottom:2rem; font-size:1.4rem; line-height:200%;}

/* 其他新闻 */
.other-news{border-top:1px solid #efefef; color:#999;  padding:1.5rem; font-size:1.2rem;} 


/* --- 分页 --- */
.showpage{text-align:center; margin-top:3rem; margin-bottom:3rem; }
.showpage a{border:1px solid #ddd; padding:3px 10px; display:inline-block; margin-left:3px; margin-right:3px; border-radius:5px;}
.showpage a:hover{background:#DA251C; color:#fff; border:1px solid #DA251C;}
.showpage a.now{background:#DA251C; color:#fff; border:1px solid #DA251C;}



/* --- 产品中心 --- */

/* 品牌 */
.brand .tit{ text-align:center; padding:1.5rem; text-align:center;}
.brand .tit h2{font-size:1.6rem; margin-bottom:1rem;}
.brand .tit p{color:#999; font-size:1.2rem; line-height:150%;}

.brand .content{padding:1.5rem}
.brand .content li{text-align:center; margin-bottom:1.5rem;}
.brand .content li .box{box-shadow:0px 0px 20px #ececec; border:1px solid #e1e1e1; padding:0 2rem; padding-bottom:2rem; border-top:4px solid #DA251C; padding-top:2rem;}
.brand .content li .pic{border-bottom:1px solid #efefef;}
.brand .content li h3{height:45px; line-height:45px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; font-size:1.4rem; margin-bottom:2rem; margin-top:2rem;}
.brand .content li p{text-align:left; font-size:1.2rem; text-indent:2rem; margin-bottom:25px; color:#999;}
.brand .content li em a{width:60%; height:3rem; display:block; margin:0 auto; background:#f9f9f9; border:1px solid #ddd; line-height:3rem; border-radius:5px; font-size:1.2rem;}
.brand .content li:hover em a{background:#DA251C;  color:#fff; border:1px solid #DA251C;}

/* 最新产品 */
.product-nav{background:#E9E9E9; height:3.5rem; line-height:3.5rem; margin-bottom:1rem;}
.product-nav h3{background:#f9f9f9; text-align:center; height:4.5rem; line-height:4.5rem; border-top:2px solid #DA251C; font-size:1.6rem;}

.product-new{}
.product-new ul{ padding:1.5rem;}
.product-new li{margin-bottom:1rem;}
.product-new li .pic{border:1px solid #ddd; overflow:hidden; display:block;}
.product-new li .pic img{width:100%;}
.product-new li .text h3{font-size:1.4rem; margin-bottom:1rem; margin-top:1rem;}



/* --- 联系我们 --- */

/* 地图 */
.my-map { margin: 0 auto; width: 100%; height:20rem; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

/* 地址 */
.address{ padding:2rem;}
.address h2{margin-bottom:1rem; font-size:1.6rem; font-weight:bold;}
.address p{line-height:200%; color:#666;}


/* --- 产品内容 --- */

/* 产品图 */
.product-pic{ border-bottom:1px solid #efefef; margin-bottom:2rem;}
.product-pic .swiper-container{padding-bottom:4rem;}
.product-pic .pic{display:table; height:20rem; width:100%; display:table; text-align:center;}
.product-pic .pic em{display:table-cell; vertical-align:middle;}

/* 产品简介 */
.product-info{}
.product-info h2{text-align:center; font-size:1.8rem; margin-bottom:.5rem;}
.product-info .time{font-size:1.2rem; color:#999; text-align:center; margin-bottom:1.5rem; display:block;}
.product-info dl dt{background:#eee; height:3.6rem; padding-left:1rem; line-height:3.6rem; color:#999;}
.product-info dl dd {padding:1rem; line-height:200%; font-size:12px;}

/* 详细介绍 */
.product-content{padding:1.5rem;}
.product-content img{margin-bottom:30px;}
.product-content p{line-height:200%;}

.xiangguan h4{font-size:1.6rem; padding-left:1.5rem;}
.case-title h1{ padding-left:1.5rem; padding-top:1rem;}
.back{display:none;}

.xiangguan li{ float:left; width:46%; margin-right:1rem;}
.xiangguan li h3 a{font-size:1rem; line-height:1rem;}
.page-title{padding-left:1.5rem; padding-top:2rem;}

.footer{ display:none;}
}