@charset "utf-8";

html {height: 100%; overflow: hidden;}
body {height: 100%; overflow: auto; padding-bottom: 3rem;}
header {width: 100%; height: 3rem; background: url(../img/logo.png) no-repeat #b11016 center; background-size: 7.45rem 1.75rem;}

nav{width: 100%; height: 1.7rem; background-color: #343434;}
nav ul {width: 16rem; height: 100%; margin: 0 auto;}
nav ul li {float: left; padding: 0 0.4rem;}
nav ul li a {line-height: 1.7rem; display: block; color: #fff; font-size: 0.6rem;}


/*一键导航*/
.sub_nav {width: 100%; height: 2.3rem; background-color: #B11016; position: fixed; left: 0; bottom: 0; z-index: 999;}
.sub_nav ul {width: 16rem; height: 100%; margin: 0 auto;}
.sub_nav ul li {width: 2.3rem; height: 100%; float: left; margin-right: 1.69rem;}
.sub_nav ul li:nth-of-type(4) {margin-right: 0;}
.sub_nav ul li a {width: 2.3rem; height: 1rem; display: block; color: #fff; font-size: 0.5rem; text-align: center; padding-top: 1.3rem;}
.sub_nav .home {background: url(../img/Icon_Home.png) no-repeat center 0.3rem; background-size: 0.897rem;}
.sub_nav .map  {background: url(../img/Icon_-Location-pin.png) no-repeat center 0.3rem; background-size: 0.683rem 0.897rem;}
.sub_nav .tel  {background: url(../img/Icon_iPhone.png) no-repeat center 0.3rem; background-size: 0.619rem 0.897rem;}
.sub_nav .mes  {background: url(../img/Icon_Message.png) no-repeat center 0.3rem; background-size: 0.897rem 0.705rem;}

/*banner*/
.banner {width: 16rem; height: 7.69rem; background-color: #999; margin: auto;}
.banner img {width: 16.02; height: 7.69rem;}
.main_pro {width: 100%; height: auto; padding-top: 0.5rem;}
.main_pro .til_h4 {width: 100%; height: 1.4rem; background-color: #f0f0f0; border-top: 1px solid #9; border-bottom: 1px solid #e7e7e7;}
.main_pro .til_h4 h4 {font-size: 0.8rem; padding-left: 0.5rem; line-height: 1.4rem;}

/*产品*/
.main_pro .pro_list {width: 15.59rem; height: auto; margin: 0.42rem auto 0;}
.main_pro .pro_list:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.main_pro .pro_list li {width: 7.37rem; height: 7.37rem; margin-right: 0.42rem; margin-bottom: 0.42rem; float: left; position: relative;}
.main_pro .pro_list li img {width: 100%; height: 100%;}
.main_pro .pro_list li .more {width: 7.37rem; height: 1.8rem; display: block; background-color: rgba(0,0,0,0.6); line-height: 1.8rem; text-align: center; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 0.6rem;}
.main_pro .more_pro {width: 15.17rem; height: 1.8rem; display: block; background-color: #b11016; text-align: center; line-height: 1.8rem; color: #fff; font-size: 0.6rem; margin: auto;}

/*news*/
.main_news {width: 100%; height: auto; padding: 0.5rem 0.42rem  0;}
.main_news .til_h4 {width: 100%; height: 1.4rem; background-color: #f0f0f0; border-top: 1px solid #9; border-bottom: 1px solid #e7e7e7;}
.main_news .til_h4 h4 {font-size: 0.8rem; padding-left: 0.5rem; line-height: 1.4rem;}
.main_news .news_ul li {width: 14.17rem; height: 1.5rem; padding-left: 1rem; border-bottom: 1px dashed #999; line-height: 1.5rem; background: url(../img/news_ico.png) no-repeat left 0.641rem center;}
.main_news .news_ul li a {width: 100%; height: 100%; display: block; color: #333; font-size: 0.6rem;}
.main_news .more_news {width: 15.17rem; height: 1.8rem; display: block; background-color: #b11016; text-align: center; line-height: 1.8rem; color: #fff; font-size: 0.6rem; margin: auto; margin-bottom: 0.42rem;}

/*分享*/
.fenxiang {width: 15.17rem; height: 1.8rem; display: block; text-align: center; line-height: 1.8rem; color: #fff; font-size: 0.6rem; margin: auto; margin-bottom: 0.42rem; background: url(../img/Icon_Share.png) no-repeat 5.6rem center #b11016; background-size: 0.747rem;}


/*导航页*/
.main_nav {width: 100%;}
.main_nav .til_h4 {width: 100%; height: 1.4rem; background-color: #B11016; border-top: 1px solid #9; border-bottom: 1px solid #e7e7e7; margin: 0 auto 0.5rem;}
.main_nav .til_h4 h4 {font-size: 0.8rem; padding-left: 0.5rem; line-height: 1.4rem; color: #fff;}
.main_nav .nav_list li a {width: 15.17rem; height: 1.6rem; line-height: 1.6rem; display: block; text-indent: 0.51rem; color: #333; font-size: 0.8rem; border: 1px solid #999; margin: 0.42rem; border-radius: 0.1rem;}
.main_nav .news_list li a {width: 15.17rem; height: 1rem; line-height: 1.6rem; display: block; text-indent: 0.51rem; color: #333; font-size: 0.6rem; margin: 0.42rem;}
.main_nav .page {font-size: 0.6rem;}

/*内容页面*/
.main_nav .content_tex {width: 15.17rem; margin: 1rem auto;}
.main_nav .content_tex h4 {width: 100%; text-align: center; line-height: 2rem;}
.main_nav .content_tex img {width: 100%; margin: 0.42rem 0 1rem;}
.main_nav .content_tex p {width: 100%; line-height: 2 !important;}

/*产品列表*/
.main_pros .til_h4 {width: 100%; height: 1.4rem; background-color: #B11016; border-top: 1px solid #9; border-bottom: 1px solid #e7e7e7; margin: 0 auto 0.5rem;}
.main_pros .til_h4 h4 {font-size: 0.8rem; padding-left: 0.5rem; line-height: 1.4rem; color: #fff;}
.main_pros .pro_list {width: 15.59rem; height: auto; margin: 0.42rem auto 0;}
.main_pros .pro_list:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.main_pros .pro_list li {width: 7.37rem; height: 7.37rem; margin-right: 0.42rem; margin-bottom: 0.42rem; float: left; position: relative;}
.main_pros .pro_list li img {width: 100%; height: 100%;}
.main_pros .pro_list li a {width: 7.37rem; height: 1.8rem; display: block; background-color: rgba(0,0,0,0.6); line-height: 1.8rem; text-align: center; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 0.6rem;}
.main_pros .pro_list .page {font-size: 0.6rem;}

/*产品内容*/
.pro_cont .til_h4 {width: 100%; height: 1.4rem; background-color: #B11016; border-top: 1px solid #9; border-bottom: 1px solid #e7e7e7; margin: 0 auto 0.5rem;}
.pro_cont .til_h4 h4 {font-size: 0.8rem; padding-left: 0.5rem; line-height: 1.4rem; color: #fff;}
.pro_cont .pro_list h4 {width: 100%; text-align: center; font-size: 0.8rem; line-height: 2rem;}
.pro_cont .pro_list img {width: 100%; height: auto; margin: 0.42rem 0 1rem;}
.pro_cont .pro_list p {width: 100%; }



.main { width: 100%; height: 100%; height: auto;}
.main .list_box { width: 16rem; height: auto; margin: auto; }
.main .list_box .list_ul { width: 100%; height: auto; padding: 0.32rem; }
.main .list_box .list_ul .nav_lis { width: 100%; height: 1.70667rem; line-height: 1.70667rem; border: 1px solid #e7e7e7; margin-bottom: 0.21333rem; border-radius: 3px; }
.main .list_box .list_ul .nav_lis a { display: block; width: 100%; height: 100%; font-size: 0.68267rem; text-indent: 0.42667rem; color: #333; }
.main #classname { width: 16rem; height: 1.70667rem; padding: 0 0.85333rem; box-sizing: border-box; line-height: 1.70667rem; color: #fff; margin: 0 auto; background-color: #B11016; font-size: 0.768rem; }