@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{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#DA251C;  }



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(../img/titbg01.png) no-repeat right center;}
h2.h2_title i:nth-of-type(2) {flex: 1;background: url(../img/titbg02.png) no-repeat left center;}
h2.h2_title a {padding: 0 1rem;font-size: 1.5rem;line-height: 2.5rem;color: #0357ab;}
h2.h2_title span {padding: 0 1rem;font-size: 1.5rem;line-height: 2.5rem;color: #0357ab;}
p.p_title {font-size: 1rem;text-align: center;margin-bottom: 1.5rem;color: #333;font-weight: bold;}


.nav{ overflow:hidden; position:relative; border-bottom:1px solid #dcdcdc;}
.nav:after{ content: '';position: absolute;top: 50%;left:0;z-index: 9;height: 0;width: 100%;border-bottom: 1px solid #dcdcdc;}
.nav li{ float:left; width:25%; position:relative;}
.nav li:after{ content: '';position: absolute; top:0; left:-1px; z-index: 9; height:100%; width:0; border-left: 1px solid #dcdcdc;}
.nav li a{ display:block; text-align:center; padding-top:1.5rem; padding-bottom:1rem;}
.nav li a img{ display:block; width:2.417rem; margin:0 auto;}
.nav li a span{ display:block; margin-top:0.6rem; font-size:1rem; color:#000;}



/**/
.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 {padding-bottom: 0.5rem;position: relative;padding-top: 1rem}
.xfal .section{padding-top: 1.5rem}
.xfal h2.h2_title a {color: #0357ab;}



.xfal .xfal_switch {overflow: hidden;
    position: absolute;
    z-index: 1000;
    left: 50%;
    
	 transform: translate(-50%, -50%); 
	 
	 bottom: 3rem;
	
	}
	
.xfal p {
	
	height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 1.2rem;
    background: #000;
	color:#fff
	
	}
	.xfal p a {
	

	color:#fff
	
	}
.xfal .xfal_switch span {display: inline-block;vertical-align: middle; width: 1.2rem;height: 1.6rem;background: url(../img/aniu01.png) no-repeat center top;margin-right: 1rem;}
.xfal .xfal_switch span.on {background: url(../img/aniu02.png) no-repeat center top;}

.case_xfal{
	overflow:hidden;
	padding-bottom: 1rem;
	    width: 96%;
		margin-left: auto;
    margin-right: auto;

}

.case_xfal li {
    width: 50%;
	height: 149px;
    float: left;
	position: relative;
    box-sizing: border-box;

    background: #fff;
    padding-right: 0.25rem;
	margin-bottom: 0.5rem;

}

.case_xfal li:nth-child(2n+0) {
     padding-right: 0;
     padding-left: 0.25rem;
}

.case_xfal li a img {
    height: 149px;
    width: 100%;
    object-fit: cover;
}

/**/
.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: #0357ab;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: #0357ab;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(../img/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(../img/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) {margin: 1rem 1rem 1rem  0;line-height: 1.5rem;font-size: 1.1rem;}
.about .abo_con dd:nth-of-type(2) {display: flex;}
.about .abo_con dd:nth-of-type(2) 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(2) a:first-child {margin-left: 0;}


.xfzx {
	
	padding-top: 1.5rem;
	
	background: #efefef;
}


/**/
.news {padding: 1rem 0;background: #f4f4f5;}
.news .news_type {display: flex;background: url(../img/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 #0357ab;color: #0357ab;padding-bottom: 0;}
.news .news_con ul {padding: 1.5rem 0;background: #fff;}
.news .news_con ul li {padding-left: 2rem;padding-right: 0.5rem;height: 3rem;line-height: 3rem;font-size: 1.2rem;background: url(../img/newsty01.png) no-repeat 0.7rem center;

overflow: hidden;


}