@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:#fff;}

.header{ overflow:hidden;}
.header .lgImg{  display:block; width:90%;     margin: 0 auto;
    margin-top: 1.5em;
    margin-bottom: 1em;}
.header .htop{ float:left; margin:1.45em 0 1.25em 1em;}
.header .htop p{ font-size:1.3em; color:#d5111e; font-weight:bold;}
.header .htop h4{ font-size:1.5em; color:#666;}
.header .htop h4 span{ font-size:1.2em; color:#ff9711; font-weight:normal; background:url(../images/Common/tphone.png) no-repeat left center; background-size:1.417em auto; padding-left:1.5em; position:relative; top:0.1em;}
/*header*/

.nav{}
.nav ul{ overflow:hidden; position:relative;}
.nav li{ float:left; width:25%; text-align:center; background:#db1b1b;}
.nav li a{ padding:0.8em 0; display:block; font-size:1em; color:#fff; border-right:1px solid #e60012;}
.nav li .noBl{ background:none;}
.nav ul:after{ content:''; position:absolute; top:50%; left:0; z-index:9; height:0; width:100%;  border-top:1px solid #a0060a;}
/*nav*/

.baner{}
.baner img{ display:block; width:100%;}

.ssBox{ background:#e7e7e7; padding:0.5em 0 0.5em 0.8em; overflow:hidden;}
.ssBox .txt{ border:none; font-size:1em; color:#666; height:2.250em;  float:left; width:83%; padding:0 2%; box-shadow: 0px 0px 2px #4A4A4A inset;}
.ssBox .sub{ float:left; background: #d5111e url(../images/Index/ssbg.png) no-repeat center; height:2.250em; background-size:1.167em; width:10%;}

.pfzx{ background:#d5111e; margin-top:0.5em; display:block; padding:1em 0; font-size:1em; color:#fff; overflow:hidden;}
.pfzx span{ font-weight:bold; padding-left:0.8em; float:left;}
.pfzx em{ float:right; padding-right:0.8em;}

.cpBox{background:#fff; padding-bottom:1.4em;}
.cpBox ul{ overflow:hidden; padding-top:0.8em; padding-bottom:1em;}
.cpBox li{ float:left; width:50%; text-align:center;}
.cpBox li img{ border:1px solid #e2e2e2; width:90%;}
.cpBox li p{ padding:0.6em 0.8em; height:40px;}
.cpBox li p a{ font-size:1em; color:#333;}
.cpbot{ display:inline-block; padding:0.8em 1.6em; background:#d5111e; font-size:1em; color:#fff; margin-left:33%;}
/*cpBox*/

.wtBox{ padding-bottom:1.25em;}
.wtBox .wtImg{ display:block; width:100%;}
.wtBox ul{ padding-left:10%;}
.wtBox li{ overflow:hidden; margin-top:0.5em;}
.wtBox li label{ float:left; height:2.125em; border:1px solid #d9d9d9; width:2.3em;}
.wtBox li label img{ display:block; width:100%;}
.wtBox li .ftxt{ float:left; height:2.125em; border:1px solid #d9d9d9; border-left:none; width:13em; padding:0 1em; font-size:1em; color:#999;}
.wtBox .ly label{ height:6.8em;}
.wtBox .ly label img{ margin-top:1.6em;}
.wtBox .ly .rtxt{ width:13em; height:4.8em; padding:1em; border:1px solid #d9d9d9; border-left:none; font-size:1em; color:#999; resize:none;}
.wtBox .wtbot a{ display:inline-block; padding:1em 2.7em 1em 1.6em; background:#ff9711 url(../images/Index/wtbg.png) no-repeat 6em center; font-size:1em; color:#fff; background-size:0.750em;}
/*wtBox*/

.ysBox{ background:#f7f7fa; text-align:center; padding-top:1.4em; padding-bottom:1.6em;}
.ysBox .ystop{ width:23.250em;}
.ysBox .yscont{ margin-top:1em;}
.ysBox .yscont dl{width:23em; height: 250px; margin:0 auto; background:#FFF; padding:0 1em}
.ysBox .yscont dl dt{ font-size:1.2em; color:#000; line-height:30px;}
.ysBox .yscont dl dt h2{ font-size:1.4em; color:#d6000f}
.ysBox .yscont dl p{    background: url(/skin/images/point.png) no-repeat left 8px; font-size:1em; line-height:24px; text-align:left; padding-left:0.9em}
.ysBox .yscont img{ width:25em;}
/*khjzBox*/

.khjzBox{ padding-top:0.8em; padding-bottom:1.25em;}
.khjzBox ul{ overflow:hidden;  margin-top: 10px;}
.khjzBox li{ width:50%; float:left; text-align:center;}
.khjzBox .khlist li{  background:url(../images/Index/ulstbg.png) repeat-x center; }
.khjzBox .khlist li span{ display:block; font-size:1em; color:#333;  padding:1em 0;}
.khjzBox .khlist .on{ background:url(../images/Index/ulstbg2.png) repeat-x center;}
.khjzBox .khlist .on span{ color:#fff; background:url(../images/Index/abg.png) repeat-x center bottom;}
.khjzBox .khcont li{ margin-top:0.8em;}
.khjzBox .khcont li a img{ border:1px solid #e2e2e2; width:93%;}
.khjzBox .khcont li p{ padding-top:0.6em;}
.khjzBox .khcont li p a{ font-size:1em; color:#333;}
/*khjzBox*/

.ftph{ background:#d5111e; overflow:hidden; border-bottom:1px solid #a0060a;}
.ftph dl{ background:url(../images/Index/phbg.png) no-repeat left center; color:#fff; padding-left:3.3em; margin:1.4em 0 1.4em 6em; background-size:2.833em;}
.ftph dt{ font-size:1em;}
.ftph dd{ font-size:1.8em;}
/*ftph*/

.rtop{ background:#d5111e url(../images/Index/rtbg.png) no-repeat 37% center;margin-bottom:33px; padding:1.5em 0; display:block; font-size:1.083em; color:#fff; text-align:center; background-size:0.750em;}

.footer{position:fixed;bottom:0;width:100%;left:0;}
.footer ul{ overflow:hidden;}
.footer li{ width:25%; float:left; background-image:-webkit-linear-gradient(top,  #ff0000, #b20000); text-align:center; padding:0.8em 0;}
.footer li a{ display:block; color:#fff; background: url(../images/Common/tbg.png) no-repeat left center;}
.footer li .noBg{ background:none;}
/*footer*/
.green{coor:Green}
.red{color:Red}
.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:#f96b17;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.header .lgImg {
    /* float: left; */
    display: block;
    width: 90% !important;
    margin: 0 auto;
    margin-top: 1.5em;
}
/*新闻*/
.top-top{ background-color:#d5111e; background-image: radial-gradient(circle at 10%, #f32533, #d5111e); height:40px; line-height:40px; padding:0px 25px; margin-top:8px}
.top-top a{ color:#fff !important;}
.news{ height:35px; line-height:35px; padding:0px 10px; border-bottom:1px dashed #666666}
.news a{ color:#000}

/*首页产品*/
.product{    background: #f0f0f0;
    padding: 0.2em 0 1em;}
.cpcneter {
	overflow: hidden;
	padding: 0 1.5%;
	margin-top: 0.8em;
}
.cpcneter .cpcont {
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	padding-top: 2%;
	padding-bottom: 5%;
}
.cpcneter .cptab {
	overflow: hidden;
	padding-left: 3%;
	padding-right: 2%;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 1em;
}
.cpcneter .cptab li {
	float: left;
	width: 21%;
	padding: 0 2%;
	background: url(../images/libg.jpg) no-repeat left center;
	height: 2.292em;
	line-height: 2.292em;
	text-align: center;
	font-size: 1em;
	color: #666666;
}
.cpcneter .cptab li.on {
	font-weight: bold;
	color: #cb1511;
	border-bottom: 0.15em solid #cb1511;
}
.cpcneter .cptab li:nth-child(1) {
	background: none;
}
.cpcneter .cplist {
	overflow: hidden;
	margin-top: 0.8em;
}
.cpcneter .cplist li {
	float: left;
	width: 44.5%;
	text-align: center;
	    text-align: -webkit-center;
		    text-align: -moz-center;
	margin: 0 2% 0.8em 2%;
	overflow: hidden;
	border: 0.2em solid #eeeeee;
}
.cpcneter .cplist li img {
	
	display: block;
	
	box-sizing: border-box;
	height: 10em;
}
.cpcneter .cplist li p {
	height: 1.25em;
	line-height: 1.25em;
	margin-top: 0.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 4%;
}
.cpcneter .cplist li p a {
	font-size: 1em;
	color: #666666;
}
.cpcneter .smore {
	display: none;
	width: 17.208em;
	height: 2.125em;
	margin-top: 1.25em;
	position: relative;
	left: 50%;
	top: 0px;
	margin-left: -8.604em;
}
.cpcneter .smore img {
	display: inline-block;
	width: 100%;
}





@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}