@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

section.section{ margin-left: auto; margin-right: auto; width: 96%;font-size: 1rem;color: #666;}
input ,textarea {outline:none;font-size: 1rem;}

/*banner*/
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 1rem; }
.focus .hd ul li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #666; margin: 0 .2rem; font-size:0;}
.focus .hd ul .on{ background:#d01817; border: 1px solid #d01817; }

h2.h2_title {text-align: center;display: flex;padding-top: 1rem;height: 2.5rem;font-weight: normal;}
h2.h2_title i:nth-of-type(1) {flex: 1;background: url(../images/Index/titbg01.png) no-repeat right center;}
h2.h2_title i:nth-of-type(2) {flex: 1;background: url(../images/Index/titbg02.png) no-repeat left center;}
h2.h2_title a {padding: 0 1rem;font-size: 1.5rem;line-height: 2.5rem;color: #d01817;}
h2.h2_title span {padding: 0 1rem;font-size: 1.5rem;line-height: 2.5rem;color: #d01817;}
p.p_title {font-size: 1rem;text-align: center;margin-bottom: 1.5rem;color: #333;font-weight: bold;}


/**/
nav {background: #333333;}
nav ul {width: 102%;}
nav ul li {float: left;width: 25%; font-size: 1.2rem;box-sizing: border-box;border-left:1px solid #fff;background: linear-gradient(to top,#ececec, #fff); border-right: 1px solid #dcdcdc;}
nav ul li a {display: block;height: 3rem;width: 100%;line-height: 3rem; text-align:center; color: #333333;}
nav ul li:nth-child(n+5) {border-bottom:none;}


/**/
.product {padding-bottom: 1.5rem;background: #f4f4f4;}
.product .section {margin-bottom: 1rem;}
.product dl {width: 50%;float: left;box-sizing: border-box;border: 1px solid #dddddd;background: #fff;padding-bottom: 1rem;margin:0 -1px -1px 0;}
.product dl dd:nth-of-type(1) {font-size: 1.2rem;text-align: center;height: 2rem;line-height: 2rem;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;    padding: 0 0.5rem;}
.product dl dd:nth-of-type(1) a {color: #333;}
.product dl dd:nth-of-type(2) {line-height: 1.5rem;text-align: center;padding: 0 1rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product .pro_more {display: block;margin: 0 auto;width: 9rem;height: 2.5rem;line-height: 2.5rem;font-size: 1.1rem;border: 1px solid #d8d8d8;border-radius: 25px;text-align: center;background: #fff;}


/**/
.xfal {background: #d01817;padding-bottom: 1rem;position: relative;}
.xfal h2.h2_title i:nth-of-type(1) {background-image: url(../images/Index/titbg03.png);}
.xfal h2.h2_title i:nth-of-type(2) {background-image: url(../images/Index/titbg04.png);}
.xfal h2.h2_title a {color: #fff;}
.xfal p.p_title {color: #fff;}

.xfal dl {width: 49%;float: left;margin-left: 2%;}
.xfal dl:first-child {margin-left: 0;}
.xfal dl dd {height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.2rem;background: url(../images/Index/xfalbg.png);}
.xfal dl dd a {color: #333;}

.xfal .xfal_switch {text-align: center;margin: 1rem 0;}
.xfal .xfal_switch span {display: inline-block;vertical-align: middle; width: 1.2rem;height: 1.6rem;background: url(../images/Index/aniu01.png) no-repeat center top;margin-right: 1rem;}
.xfal .xfal_switch span.on {background: url(../images/Index/aniu02.png) no-repeat center top;}
.xfal .alxla {display: block;width: 3rem;height: 1.5rem;background: url(../images/Index/xla01.png) no-repeat center / 100%;position: absolute;left: 50%;bottom: -1.4rem;margin-left: -1.5rem;}


/**/
.advantage {background: #efefef;padding: 1.5rem 0 0 0;}
.advantage h2.h2_title span b {font-size: 1.75rem;}
.advantage .adv_type {display: flex;}
.advantage .adv_type li {flex: 1;text-align: center;height: 3rem;line-height: 3rem;font-size: 1.1rem;color: #333;border: 1px solid #cfcfcf;border-left: none;}
.advantage .adv_type li:first-child {border-left: 1px solid #cfcfcf;}
.advantage .adv_type li.on {background: #d01817;color: #fff;}
.advantage .adv_con {padding: 1rem 0 0 0;}
.advantage .adv_con .advbox dl {position: absolute;border-left: 1px solid #c0c0c0;position: relative;margin-left: 1.5rem;}
.advantage .adv_con .advbox dl dt {position: relative;height: 5rem;padding-left: 2.5rem;}
.advantage .adv_con .advbox dl dt p.p1 {font-size: 1.25rem;color: #d01817;height: 2rem;line-height: 2rem;font-weight: bold;}
.advantage .adv_con .advbox dl dt p.p2 {font-size: 1.1rem;color: #000;height: 1.5rem;line-height: 1.5rem;}
.advantage .adv_con .advbox dl dt span {display: block;width: 4rem;height: 4.5rem;background: url(../images/Index/advbg01.png) no-repeat center / cover;position: absolute;left: -2rem;top: 0;color: #fff;text-align: center;padding-top: 0.5rem;}
.advantage .adv_con .advbox dl dt span b {display: block;text-align: center;color: #fff;}
.advantage .adv_con .advbox dl dd {padding-left: 2.5rem;line-height: 1.5rem;margin-bottom: 1rem;position: relative;font-size: 1.1rem;color: #000;}
.advantage .adv_con .advbox dl dd i {display: block;width: 0.5rem;height: 0.5rem;background: url(../images/Index/advbg02.png) no-repeat center / 100%;position: absolute;left: -0.25rem;top: 0.35rem;}


/**/
.about {padding-bottom: 1.5rem;}
.about .abo_con {padding:0 3%;margin-bottom: 1rem;}
.about .abo_con dt {margin-bottom: 1rem;}
.about .abo_con dd {margin-right: 1rem;}
.about .abo_con dd:nth-of-type(1) {font-size: 1.25rem;height: 2rem;line-height: 2rem;font-weight: bold;}
.about .abo_con dd:nth-of-type(1) a {color: #d01817;}
.about .abo_con dd:nth-of-type(2) a {color: #d01817;font-size: 1.1rem;}
.about .abo_con dd:nth-of-type(3) {margin: 1rem 1rem 1rem  0;line-height: 1.5rem;font-size: 1.1rem;}
.about .abo_con dd:nth-of-type(4) {display: flex;}
.about .abo_con dd:nth-of-type(4) a {flex: 1;margin-left: 0.5rem;height: 2.5rem;line-height: 2.5rem;font-size: 1.1rem;text-align: center;border: 1px solid #d7d7d7;border-radius: 20px;}
.about .abo_con dd:nth-of-type(4) a:first-child {margin-left: 0;}


/**/
.news {padding: 2rem 0 1rem 0;background: #f4f4f5;}
.news .news_type {display: flex;background: url(../images/Index/newsbg.jpg) repeat-x;}
.news .news_type li {flex: 1;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.1rem;color: #333;border-left: 1px solid #ffffff;border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;padding-bottom: 1px;}
.news .news_type li:last-child {border-right: 1px solid #d7d7d7;}
.news .news_type li:first-child {border-left: 1px solid #d7d7d7;}
.news .news_type li.on {border-bottom: 2px solid #d01817;color: #d01817;padding-bottom: 0;}
.news .news_con ul {padding: 1.5rem 0;background: #fff;}
.news .news_con ul li {padding-left: 2rem;height: 3rem;line-height: 3rem;font-size: 1.2rem;background: url(../images/Index/newsty01.png) no-repeat 0.5rem center;}