html, body
{
	padding: 0;
	margin: 0;
}
body {
	background:#fff;
	font-family:微软雅黑;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
	padding-top: 0px;
}
div{ margin:0; padding:0; border:0;}
form,p,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7 {margin:0;padding:0;}
a:link,a:visited {COLOR:#333;text-decoration:none}
a:hover {COLOR:#333;text-decoration:none;}
em,i{ font-style:normal;}
a:active {COLOR:#ff0000;text-decoration:none;}
ol,ul,li {list-style:none outside none;}
.clear {
	clear: both
}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}

#wraper{ width:100%; height:auto; max-width:650px; margin:0 auto;}
#head{	position:fixed; width:100%; left:0; top:0; background:#fff; z-index:9999;}
#header{
	height:auto;
	text-align:center;
	padding:16px 10px;
	position:relative;
	background:#643e33;

}
.logo{ text-align:left; float:left; width:50%}
.logo img{ height:23px;}
.htel{ width:50%; float:right; text-align:right; padding-top:10px;}
.htel img{height:16px;}
.hmenu{ border-top:1px #fff solid;}
.hmenu ul li{ width:16.66%; height:33px; float:left; line-height:33px; text-align:center; border-right:1px #ec9a9b solid; margin-left:-1px;}
.hmenu ul li a{ display:block;}
.hmenu ul li a.lion{ background:#643e33; color:#fff;}
.hmenu ul li:last-child{border-right:0px; margin-left:0px;}

.hd-news{ background:#f0f0f0; padding:8px 10px; height:25px; line-height:25px; font-size:13px; overflow:hidden;}
.hd-news span{ float:left; background:#fde749; padding:0px 7px; border-radius:10px; margin-right:8px;}

.limar{ border-right:1px #00863a solid; margin-left:-1px;}
.bannerPane{ overflow:hidden; border-top:1px #ddd solid;}

.h_title{ height:20px; margin:15px 10px 8px;}
.h_title em{ font-size:16px; color:#333;}
.h_title span{ color:#999; padding-left:8px;}

.h_product { height:auto; color:#666; background:#fff; margin:0 5px;}
.h_product ul li{ width:48%; float:left; height:auto; text-align:center; padding:0px 1%; overflow:hidden; margin:5px 0; position:relative;}
.h_product ul li img{ width:100%;}
.h_product ul li em{ position:absolute; left:10px; top:5px;}
.h_product ul li span{ position:absolute; right:10px; top:5px; max-width:55%; text-align:right;}
.h_product ul li span i{ color:#b60007;}

.h_fuwu{ background:#f7f7f9; padding:10px 0 15px;}
.h_fuwus{ padding-top:10px; background:#ffffff; margin:0 10px;}
.h_fuwus li{ width:33.33%; text-align:center; float:left; padding:16px 0; border-bottom:1px #f7f7f9 solid;}
.h_fuwus li img{ height:36px;}

.h_titles{ height:30px; margin:15px 0px 5px;}
.h_titles em{ font-size:18px; color:#333; line-height:30px; background:url(../images/line.jpg) left bottom no-repeat; padding-bottom:10px;}
.h_about{ background:#fff; padding:5px 15px;}
.h_about p{ color:#888; font-size:14px; line-height:22px; padding-top:10px;}

.h_case{ padding:5px 0 15px;}
.h_case ul li{ margin:15px 0; box-shadow:0px 0px 10px #aaa; padding:8px;}
.h_case ul li img{ width:39%; float:left; margin-right:12px;}
.h_case ul li em{}
.h_case ul li p{  border-top:1px #ddd solid;}

.h_lixi{ padding:5px 5px;}
.h_lixi ul li{ width:95%; float:left; padding:12px 1%; margin:0 1.5%; border:1px #ccc solid; margin-bottom:12px; border-radius:6px;}
.h_lixi ul li i{ width:20%; border-right:1px #ccc solid; padding:0 2%; float:left; margin-right:15px;}
.h_lixi ul li i img{ width:90%; padding:10px 0;}
.h_lixi ul li em{ font-weight:700; font-size:16px; font-style:italic;}
.h_lixi ul li p{ color:#888;}

#footer{ background: #f7f7f9; color: #666; height:auto; margin-bottom:60px; padding:8px 0; }
#footer h2{ display:block; text-align:center; line-height:45px; font-family:Arial, Helvetica, sans-serif; font-size:24px;}
#footer ul li{ width:46%; float:left; margin:10px 2%; text-align:center; height:35px;}
#footer ul li a{ display:block;  border:1px #ccc solid; border-radius:20px; line-height:32px;}
#footer ul li a.fbg1{background:url(../images/f1.jpg) #fff 15px center no-repeat;}
#footer ul li a.fbg2{background:url(../images/f2.jpg) #fff 15px center no-repeat;}
#footer p{ text-align:center; color:#ddd; height:50px;}
#footer p a{ padding:0 5px; line-height:50px;}
#footer span{ display:block; text-align:center; color:#aaa;}
#footer span a{ color:#aaa;}

.info_tit{ height:40px; margin:15px 10px 8px; border-bottom:1px #ddd solid;}
.info_tit span{ color:#444; font-size:18px; line-height:40px; border-bottom:2px #fde11b solid; padding-bottom:7px;}
.info_con{ width:95%; height:auto; margin:20px auto; line-height:29px; color:#666 !important; min-height:400px;}
.info_con img{ width:100% !important; height:auto !important;}
.proy{ width:95%; height:auto; margin:0 auto;}
.proy ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px #ddd solid;}
.proy ul li img{ width:40%; height:auto; float:left; border:1px #ddd solid; margin-right:12px;}
.proy ul li em{ font-size:15px; font-style:normal; line-height:30px;}
.proy ul li span{ color:#888; font-size:12px;}
.proys{ width:94%; height:auto; margin:0 auto;}
.proys ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px #ddd solid; text-align:center;}
.proys ul li img{ width:100%; height:auto; float:left; border:1px #ddd solid;}

.fenlei{ width:98%; height:auto; margin:8px 1%;}
.fenlei ul li{ width:48%; float:left; height:38px; line-height:38px; text-align:center; background:#ddd; margin:3px 1%;}
.fenlei ul li a{ display:block;}

.proym{ width:96%; height:auto; margin:0 auto;}
.proym ul li{ width:48%; height:auto; padding:10px 0; text-align:center; float:left; margin:5px 1%;}
.proym ul li img{ width:100%; height:auto; float:left; border:1px #ddd solid;}

.proyss{ width:95%; height:auto; margin:0 auto;}
.proyss ul li{ width:25%; height:70px; padding:2px 0; text-align:center; float:left;}
.proyss ul li img{ max-width:100%; max-height:70px;}

.newsy{ width:95%; height:auto; margin:0 auto;}
.newsy ul li{ width:100%; height:auto; padding:10px 0; border-bottom:1px #ddd solid; background:url(../images/wenben.jpg) 3px 13px no-repeat;}
.newsy ul li img{ float:left; width:100px; height:80px; margin-right:15px;}
.newsy ul li span{ font-size:16px; line-height:23px; padding:5px 0 5px 0px; color:#555;}
.newsy ul li em{ font-size:12px; color:#999; line-height:20px; font-style:normal;}
.newsy ul li p{ color:#666; line-height:20px;}
.wappg{ width:90%; height:auto; line-height:25px; margin:20px auto;}
.wappg ul li{float:left; padding:0 10px; border:1px #ddd solid; margin:0 2px;}
.wappg ul li a{ display:block;}
.thisclass{ border:1px #333 solid; background:#333; color:#fff;}
.proview{ width:94%; height:auto; padding:15px 3%; font-size:15px  !important; line-height:28px  !important; color:#666 !important;}
.proview table{ width:100% !important; border-top:1px #ddd solid; border-left:1px #ddd solid; font-size:13px;}
.proview table tr td{ border-bottom:1px #ddd solid; border-right:1px #ddd solid; padding:3px 5px;}
.proview h2{ width:92%; padding:15px 4%; font-size:18px; text-align:center; line-height:28px; color:#333 !important;}
.proview img{ width:95% !important; height:auto !important;}
.proview i{ color:#ff0000;}
#map{ display:none;}

.chang{ width:93%; height:33px; border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}
.ly-txty{ width:43%; height:33px; border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}
.nr{ width:93%; height:80px; border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}

.ly_sub{ width:97%; height:38px; border-radius:15px; padding:0 5px; border:1px #3ab86e solid; background:#3ab86e; color:#fff; font-size:18px; font-family:微软雅黑;}
.fooy{width:100%; position:fixed!important; bottom:0px!important; background:#643e33; max-width:650px; z-index:10;}
.fooys{ max-width:650px; margin:0 auto;}
.fooys ul li{ width:25%; height:auto; float:left; text-align:center; padding:6px 0; color:#eee;}
.fooys ul li img{ height:25px;}
.fooys ul li a{ display:block; color:#fff;}
.foyrig{ border-right:1px #750102 solid; margin-left:-1px;}

.info_cons{ width:95%; height:auto; margin:20px auto; line-height:33px;}

.xwdt{ width:96%; height:auto; padding:15px 0; margin:0 auto;}
.xwdt li{ width:100%; line-height:38px; text-align:left; background:#fff; margin:4px 0;}
.xwdt li span{ float:left; background:#865500; padding:0 10px; color:#fff; margin-right:8px;}

.list_class{ padding:10px; margin-top:2px;}
.list_class ul li{ width:48%; height:34px; float:left; text-align:center; line-height:34px; margin:3px 1%;}
.list_class ul li a{ font-size:13px; color:#666; display:block; border:1px #ddd solid; }
.list_class ul li a.lion{ background:#643e33; border:1px #643e33 solid; color:#fff;}
.infor_titp{ margin:15px auto; background:#00a9dd; width:110px; height:36px; line-height:33px; color:#fff; text-align:center;}
.infor_titcon, .infor_titcom{ padding:15px; background:#eee;}
.info_ftit{ width:100%; line-height:40px; height:40px; text-align:center; font-size:20px; border-bottom:1px #ddd solid; margin-bottom:15px;}

.info_cony{margin:20px 10px; line-height:28px; color:#555; min-height:260px;}
.info_cony img{ width:100% !important; height:auto !important;}
.info_cony table{ width:100% !important;}
.info_cony iframe{ width:100% !important; height:240px !important;}
.info_cony table tr td{ width:33.33% !important; font-size:12px; line-height:18px;}

.rybod{ height:180px; padding:0 5px;}
.info_ly{ margin:15px 1%; width:98%;}
.info_ly img{ width:80px !important; height:33px !important; float:right;}
.changs{ width:50%; height:33px !important; line-height:33px; float:left;border-radius:15px; padding:0 3%; border:1px #999 solid;outline:none;}

.h_products { OVERFLOW: hidden; ZOOM: 1; margin:10px; height:auto; color:#666; line-height:20px; background:#fff;}
.h_products ul li{ height:auto; padding:0px; overflow:hidden; margin:5px 0px; border:1px #ddd solid; margin-bottom:20px;}
.h_products ul li span{ font-size:16px; line-height:30px; color:#555; border-bottom:1px #ddd solid; display:block; float:right; width:50%; margin-right:3%;}
.liings{ width:45%; height:auto; overflow:hidden; float:left; } 
.liings img{ width:98%;}
.h_products ul li p{ font-size:12px; line-height:20px; color:#555; display:block; float:right; width:50%; margin-right:3%;}
.h_products ul li p b{ color:#e5008d;}
.h_products ul li em a{ font-size:12px; line-height:20px; color:#555;  margin-right:3%; background:#fde11b; padding:3px 10px; border-radius:6px;}

.viewtitle{ padding:15px 50px; text-align:center; line-height:28px;}
.fltitle{ margin:15px; border-bottom:1px #ddd solid; line-height:45px; padding-left:10px; font-size:18px;}

.contact_other_word{ background:#f2f2f2; margin:6px 0; text-align:center; padding-bottom:10px;}
.contact_other_word h3{ display:block; border-bottom:1px #c4262c solid; line-height:45px; color:#c4262c;}

.h_huoban{ padding:10px 5px;}
.h_huoban ul li{ width:23%; margin:5px 1%; float:left;}
.h_huoban ul li a{ display:block; border:1px #ddd solid;}
.h_huoban ul li a img{ width:100%;}

.infbanner{ display:block; margin-top:93px;}
.infbanner img{ width:100%; height:auto;}



/* nav */
body{position:relative;width:100%;background:#fff;height:100%;}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/



/* sub header */
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.71rem;color:#ffffff;text-align:center;overflow:hidden;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#ffffff;text-align:center;overflow:hidden;display:block;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:0.24rem;line-height:0.666rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}
/* footer */
.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative{position:relative;width:100%;height:0.8rem;}
.foot a{display:block;float:left;width:25%;color:#ffffff}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
/* foot search btn */
.common-search{
	width:92.1875%;
	position:absolute;
	z-index:100;
	left:3.90625%;
	bottom:0.9rem;
	background: #fff;
	border:1px solid #ccc;
	display:none;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 2px #666 inset;
	box-shadow: 0 1px 2px #666 inset;
}
.search-input-n{
	width: 85%;
	height:0.533rem;
	line-height: 0.533rem;
	border:none;
	outline: none;
	text-indent: 5%;
	border-radius: 25px;
	font-family: "microsoft yahei";
	background-color: transparent;
}
.search-btn-n{
	width: 12%;
	border:none;
	outline: none;
	font-size: 0.4rem;
	line-height: 0.533rem;
	background-color: transparent;
	color:#666;
	background-color: transparent;
	font-family: "microsoft yahei";
}
/* foot search btn end*/

/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/*font*/
@font-face{font-family:"commonfont";src:url('../font/common.woff') format('woff'),url('../font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}


/* sub_banner */
.big-pic{width:100%;position:relative;z-index:2;margin:0 auto;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.pic-list img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:50%;}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.333334%;}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;}
.slide-dot{width:100%;text-align:center;height:16px;padding-top:4px;overflow:hidden;position:absolute;bottom:5px;display:none}
.slide-dot span{display:inline-block;width:8px;height:8px;border-radius:8px;vertical-align:top; z-index:10;margin:0 7px;background:#fff}
.slide-dot span.slide-dot-cur{z-index:10;vertical-align:top;background:#6b1b55}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}



/* top class */
.type{width:100%;top:0.691rem; right:0;position:fixed;background:#232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.type li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font:0.2rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}

/* top class */
.class{width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.class li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.class li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.class li span.iconfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li span.iconfont.class-up{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.class li dl dd{overflow:hidden}
.class li dl dd a{width:100%}

/* subpage */
.about,.view{width:92.5%;margin:0% auto;color:#1d1d1d;}
.view p { margin:0; padding:0;}
.view h1{width:100%;text-align:center;color:#393939; }
.about h1{line-height: 0.6rem; text-align:center; font-weight:bold;margin-bottom:3%;}
.view img{max-width: 100%;display:inline}
.page{display:block;width:100%;height:0.38rem;color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
.back{display:block;width:33.57%;margin:2% auto;height:0.4rem;border-radius:0.4rem;color:#393939;text-align:center;}

/* product */
.product-top{width:91.25%;margin:2% auto;border-bottom:1px solid #c9c9c9;height:0.5833rem;color:#7b7b7b;}
.product-top p{float:left;}
.product-top p span{color:#3e74ce}
.product-top-right{float:right;color:#7b7b7b}
.product-top-right a{font-size:0.3rem;color:#272727;vertical-align: middle}
.product-top-right a.show{color:#3e74ce}



/* news */
/*
.news1,.news2,.news3{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news1 li{width:100%;height:0.691rem;overflow:hidden}
.news1 li a,.news2 li a,.news3 li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news1 li span:nth-child(1),.news2 li span:nth-child(1),.news3 li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 li span:nth-child(2),.news2 li span:nth-child(2),.news3 li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news1 li:nth-child(even){background:#f2f2f2;}
.news2 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px solid #ddd;}
.news3 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px dashed #ddd;}
*/

/* news */
.news{width:100%;height:auto;overflow:hidden;margin:2% auto;}
.news li{width:100%;height:0.691rem;overflow:hidden}
.news li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}
.news li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}
.news li:nth-child(even){background:#fff;}

.imore,.back{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#b30f1a;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}
.imore:before,.back:before{content:"";clear:both;}
.common_news{width:100%;height:auto;overflow:hidden;margin:0% auto;}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.news1,.news2{width:92%;margin:0 auto}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;width:33%;height:auto;overflow:hidden; float:left; padding-left:3%;}
.news1>a>img{display:block;width:100%;float:left; }
.news3>h1{display:block;width:100%;margin-left:3%;overflow:hidden;}
.news3>h1>a{display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%}
.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:80%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left; margin-left:3%;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%}


/* case */
.case{width:100%;height:auto;overflow:hidden;margin:2% auto}
.case li{width:100%;height:auto;padding:2% 0;border-bottom:1px solid #ccc;overflow:hidden}
.case li>a{display:block;width:35.46875%;float:left;margin:0 3.75% 0 4.6875%;border:1px solid #fff;}
.case li>a img{display:block;width:100%}
.case li h1{float:left;width:51.875%;height:0.35rem;font:0.2rem/0.35rem "microsoft yahei";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case li h1 a{color:#232323}
.case li div{float:left;width:51.75%;height:1.1rem;overflow:hidden;font:0.18rem/0.28rem "microsoft yahei";color:#1d1d1d}

/* for white */
.white-bg{background:#fff;}

/* login & reg */
.login{width:87.5%;margin:10% auto;height:auto;overflow:hidden}
.login li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:95%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}

.pin_width{width:51.78%;}
.login_pin{width:30%;float:left;height:0.42rem;margin-left:4%;}
.login_btn{width:98%;height:0.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"}
.red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input{float:left;width:70%;}

/* site_nav 悬浮球*/
.site_btn{position: fixed;width:0.7rem;height:0.7rem;top:270px;left:1.875%;z-index:999;border:2px solid #e1e1e1;border-radius:50%;color:#fff;text-align:center;font:0.5rem/0.7rem "microsoft yahei";}
.cart-btn-numbers{width:100%;position:relative;height:100%;color:#fff}
.cart-btn-number{position:absolute;width:0.24rem;height:0.24rem;left:74%;bottom:74%;font:0.14rem/0.24rem "microsoft yahei";background:#fff;border:0.016rem solid #e1e1e1;border-radius:50%;color:#c2c2c2}
/* 临时
.site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden}   */
.site-nav li{overflow:hidden;width:100%;height:auto;font:0.16rem/0.2rem "microsoft yahei"}
.site-nav a{color:#fff}
.site-nav li a{font:0.18rem/0.2rem "microsoft yahei";color:#fff;text-align:center;display:block;position:absolute;width:0.6rem;height:0.4rem;border-radius:50%;border:2px solid #e8e8e8;bottom:0;opacity: 0;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;z-index:-999;transform:rotate(-360deg);-ms-transform:rotate(-350deg);-moz-transform:rotate(-350deg);-webkit-transform:rotate(-350deg);-o-transform:rotate(-350deg);padding:0.1rem 0;}
.site-nav.slideup li:nth-child(1) a{left:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slideup li:nth-child(2) a{left:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slideup li:nth-child(3) a{left:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms; z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(1) a{left:auto;right:100%;bottom:100%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:0ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(2) a{left:auto;right:150%;bottom:0.05rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:100ms;z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.site-nav.slidedown li:nth-child(3) a{left:auto;right:100%;bottom:-0.6rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1;transition-delay:200ms; z-index:999;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}

/* product width cart btn css*/
.view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span{font-size:0.28rem;color:#ff0000}
.view_btns{width:100%;margin:2% auto;overflow:hidden}
.view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child{float:right;}
.view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font{position: absolute;right:0}
.view_collect a a{color:#707070}


.header{height:0.691rem!important;}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;margin-top:6% ; padding-bottom: 16%;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}
/* Survey */
.survey{height:auto;overflow:hidden;width:92.5%;margin:0% auto;}
.survey li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.survey_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.surveya{height:auto;overflow:hidden;width:92.5%;margin:0% auto;}
.surveya li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.25rem/1.4 "microsoft yahei"; border-bottom: 1px solid #ededed; margin:0 0 2% 0;}
.survey_label{margin:5px 6px}
.survey_boder{border:#FF0000 solid 1px;}

/* msg & reg */
.msg_pin{width:100%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400;}
.msg_input{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:0.52rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.msg_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:94%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;resize: none}
.msg_input2{display:block;border:1px solid #d9d9d9;background:#fff;width:50%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:6px;}
.redmc { font-weight:bold;font:0.28rem/0.62rem "microsoft yahei"; }
.msg_pin-value {width:80%;float:left;height:0.52rem; font-size:0.3rem; line-height:0.52rem;text-align:center;margin-left:0%;border-radius:6px; color:#fff; background:#f14400; margin-left:10%; border:0;background:#f14400;}

/* search*/
input{
	outline: none;
}
.search{
	width: 96%;
	height: 0.691rem;
	padding:0 2%;
	position: absolute;
	top: -120%;
	left: 0;
	background-color: #e6453c;
	font-family: "microsoft yahei";
}
.search-input{
	width: 75%;
	border:1px solid #e6453c;
	border-radius: 15px 0 0 15px;
	float: left;
	border-right: none;
	height: 0.461rem;
	font-size: 0.18rem;
	font-family: "microsoft yahei";
	text-indent: 5%;
	margin-top: 2%;
	background-color:#FFFFFF
}
.search-btn{
	width: 15%;
	float: left;
	background-color: #fff;
	border-radius:0 15px 15px 0;
	border:1px solid #e6453c;
	border-left: none;
	height: 0.491rem;
	font-size: 0.25rem;
	margin-top: 2%;
}
.search a{
	display: inline-block;
	width: 9%;
	float: left;
	color:#fff;
	text-align: center;
	height: 0.7rem;
}
.index_text{
	width: 90%;
	font-size: 14px;
	height: 0.5rem;
	background: #fff url(../images/search_bg_05.png) no-repeat 95% center;
	-webkit-background-size: 7%;
	background-size: 7%;
	border:none;
	font-size: 0.21rem;
	font-family:"microsoft yahei";
	text-indent: 3%;
	margin:2% 0;
	border-radius: 7px;
}
/* product discuss */
.discuss_top{width:87.5%;margin:2% auto;overflow:hidden;background:url(../images/discuss.png) right 0 no-repeat;background-size:4.46%;position:relative;padding:2% 0;color:#fff;}
.discuss_top_left{float:left;width:70.35%;margin:0 0 0 2.85%;height:0.9rem;overflow:hidden;font:0.18rem/0.3rem "microsoft yahei";}
.discuss_top_right{position:absolute;height:100%;right:0;top:0;border-left:1px solid rgba(255,255,255,.39);width:23.21%;font:0.18rem/1rem "microsoft yahei";text-align:center}
.discuss_top_right span{font-size:0.5rem;}
.discuss_list{width:87.5%;margin:2% auto;overflow:hidden;}
.discuss_list li{width:100%;height:auto;border-bottom:1px solid #ddd;overflow:hidden;padding:2% 0}
.discuss_list_top{width:100%;height:auto;overflow:hidden}
.discuss_list_top span{float:left;font:0.18rem/0.4rem "microsoft yahei";color:#545454}
.discuss_list_top_right{float:right;overflow:hidden;width:38.92%;}
.discuss_list_top_right div{float:left;width:67.43%;height:auto;overflow:hidden;position:relative;margin-top:3.2%;background:#d0cfcf}
.discuss_list_top_right div img{position:relative;z-index:2;width:100%;display:block}
.discuss_list_top_right div p{position: absolute;width:50%;left:0;top:0;height:100%;}
.discuss_list_top_right font{float:left;font:0.18rem/0.4rem "microsoft yahei";width:30%;display:block;text-align:center}
.discuss_list_con{width:100%;height:auto;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";color:#8a8a8a;padding:2% 0}
.discuss_list_reply{width:100%;height:auto;font:0.18rem/0.26rem "microsoft yahei";color:#877f7f;background:#eaeaea;padding:2%;overflow:hidden}
/* product width cart */
.view-price{width:100%;margin:0 auto;font:0.2rem/2 "microsoft yahei";color:#626262}
.view-price span{font-size:0.28rem;color:#ff0000}
.view_btns{width:100%;margin:2% auto;overflow:hidden}
.view_btns a{display:block;font:0.22rem/1.6 "microsoft yahei";color:#fff;padding:3% 12%;float:left}
.view_btns a:last-child{float:right;}
.view_collect{width:100%;margin:2% auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.view_collect p{float:left;width:30%;font:0.2rem/3 "microsoft yahei";border-right:1px solid #dadada;color:#6b6565;text-align:center;}
.view_collect a{float:left;width:68%;font:0.2rem/3 "microsoft yahei";position:relative;text-indent:.6em;color:#707070;display: block}
.view_collect a font{position: absolute;right:0}
.view_collect a a{color:#707070}

.PageN {
WIDTH: 100%; TEXT-ALIGN: center
}
.k_pagelist {
CLEAR: both; FLOAT: right; LINE-HEIGHT: 30px
}
.k_pagelist EM {
BORDER-RIGHT: #e9dbc7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e9dbc7 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #d3ae83; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e9dbc7 1px solid; COLOR: #fafafa; PADDING-TOP: 2px; BORDER-BOTTOM: #e9dbc7 1px solid; FONT-STYLE: normal
}
.k_pagelist STRONG {
BORDER-RIGHT: #e9dbc7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e9dbc7 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e9dbc7 1px solid; COLOR: #c69a5d; PADDING-TOP: 2px; BORDER-BOTTOM: #e9dbc7 1px solid
}
.k_pagelist A {
BORDER-RIGHT: #e9dbc7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e9dbc7 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e9dbc7 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e9dbc7 1px solid
}
.k_but .k_pagelist {
FLOAT: left; WIDTH: 70%; TEXT-ALIGN: right
}
#k_comment .k_pagelist {
CLEAR: both; DISPLAY: block
}