@charset "gb2312";
* { margin:0; padding:0; list-style-type:none; }
body { margin:0; color:#696969;font-family: "΢ÈíÑźÚ"; }
a, img { border:0; }
img, p, ul, td { margin:0; padding:0 }
.v1 { height:1px; background-color:#fff }
a { text-decoration:none }
table { width:100% }
#Container { width:100%; max-width:640px; overflow-x:hidden; margin:0 auto; background:#fff; }
.h_top{width: 100%; background:#c92d2d; line-height:35px;}
.h_top p{font-size:0.8em;}
.h_top .tool{width: 30%; float: left; text-align: left;color:#fff; font-size:0.8em; }
.h_top .tool a{color:#fff;font-size:0.8em; }
.h_top .tel{width: 70%;float: left; text-align: right;color:#fff;font-size:0.8em;}
.h_top .tel a{color:#fff;font-size:0.8em;}
header { width:100%; }
header .logo{width: 100%;}
header .logo img{float: left;width: 100%;}
.nav{width:98%; padding-left:1%; padding-right: 1%; background:#014c9d; padding-top: 3px; float: left;}
.nav ul{width:100%;}
.nav ul li{width:23.5%; margin-left:0.5%; margin-right:0.5%; float: left; text-align: center;  margin-top:3px; line-height:35px;    }
.nav ul li a{ color:#fff; display: block;width: 96%; padding-bottom: 2px; font-size: 0.8em; }
nav { width:100%; padding-top: 10px;background:#dd0704;}
nav table { width:100%; text-align:center; font-size:13px }
nav table h2  {width: 100%;}
nav table h2 img{width: 100%;}
nav table td { height:105px; width:25%; }
nav table td a { color:#fff; font-size:1.0em; line-height:30px; }
nav table td a img{  width:60px;}
nav table td a span{ display: block;}
.box .titles { width:100%; height:35px; border-bottom:1px solid #dedede; }
.box .titles .T-name { padding-left:7px; color:#444; font-family:"Microsoft Yahei", "΢ÈíÑźÚ"; font-size:18px; font-weight:700 }
.box .titles .t-left { width:50%; }
.box .titles .t-right { width:40%; text-align:right;  }
.box .titles .t-right .morea{ background:url(../imagesm/t_right.png) no-repeat center right; background-size:auto 100%; height:16px; color:#666; padding: 0 10px 0 10px; display:block;}
.box .titles .t-right span { float:right;  color:red;}
.box .titles .t-right a p { width:40px; margin:0 auto; font-size:12px; text-align:center;/*background-color:#3399FF;color:#fff; color:#4E7EA2;*/ }
.box .more { width:80%; height:35px; margin:0 auto; text-align:center;/*background:url('../images/body.jpg');*/ border:1px solid #aeaeae; border-radius:8px; }
.box .more a { color:#666665 }
.imgtext { color:#FFF; background:#000000; text-align:center; padding:2px 0; }
.T { width:100%; border-left:4px solid red; }
/*banner*/
.swipe {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
}
.swipe li img {
	width: 100%
}
.swipe #pagenavi {
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.swipe #pagenavi a {
	width: 8px;
	height: 8px;
	line-height: 99em;
	background: #b5b5b5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
*display:inline;
*zoom:1;
}
.swipe #pagenavi a.active {
	background: #4D7802;
}
#product_nav {
	width: 100%;
	text-align: center
}
#product_nav a {
	width: 40px;
	height: 5px;
	background: #b5b5b5;
	margin: 10px 2px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
 *display:inline;
 *zoom:1;
}
#product_nav a.active {
	background: #418C09;
}
#btn_prev, #btn_next {
	width: 25px;
	height: 50px;
	position: absolute;
	top: 35%;
	background:url(../imagesm/sprite.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(Opacity=20);
}
#btn_prev {
	left: 0;
}
#btn_next {
	right: 0;
	background-position: right top;
}

.chanpin {width:100%;}
.chanpin h2{width: 100%; }
.chanpin h2 img{width: 100%; }
.chanpin h2 small{display: block; color: #070707; font-size:0.6em; line-height: 20px; }
.chanpin ul{ width: 100%; margin-top: 5px;}
.chanpin ul li{float: left;width:44%; margin-left: 3%; margin-right: 3%; margin-top: 10px; }
.chanpin ul li a{  display: block;}
.chanpin ul li a img{width: 100%; height:100%;  }
.chanpin ul li a span{  color:#000; background:#fff; height:27px; padding-top:3px;  margin-top: -35px; display:block; -moz-opacity:0.7; 
opacity:0.7; font-size: 0.9em; line-height:27px; text-align:center; }
.more{ position:absolute; right: 0px; line-height: 38px;}
.more a{ color: #dd0704; line-height:30px; padding-right: 10px;font-size:0.6em;}
.dsz {width:100%;}
.dsz img {width: 100%; float: left;}

.xwm{width: 100%; text-align: center; margin-top: 20px;}
.xwm a{ border:1px solid #005eca;padding: 5px 10px; font-size: 1.0em; line-height: 30px; color: #005eca; border-radius:5px;}

.shili {width:100%;}
.shili h2{ width: 100%;}
.shili h2 img{ width: 100%;}
.shili ul{ width: 100%;}
.shili ul li{float: left;width:100%; margin:4px 0px; }
.shili ul li a{  display: block;}
.shili ul li a img{width: 100%;   }


/*public*/
.fl{display:inline;float:left}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
/*main*/
.product-wrap{ width:100%; }
.product-wrap h2{width: 100%; }
.product-wrap h2 img{width: 100%; }
.title{height:55px;}
.title-list{ position: relative;}
.title-list li{ background:#fff; border:1px solid #0768ce; width:25%; line-height:30px; height:30px; font-size:1.0em; text-align:center; float: left; display: inline;border-radius:5px; color:#0050a5; margin-left:12%;margin-right:12%;  }
.title-list li a{ color:#0050a5; }
.title-list li.on{ color:#fff; background:#0768ce;}
.title-list li.on a{ color:#fff; }

.product{width:100%;   position: relative; overflow: hidden; display: none; height:260px; }
.product .cf{ position: absolute;width:100%; height:260px;}
.product-wrap .show{ display: block;}



.newstop{ width:100%;float: left;}
.newstop .pict{ width:30%; float:left;  }
.newstop .pict img{ width:100%; }
.newstop .p2{  float:left;  font-size:0.9em; color:#7d7d7d; line-height:20px; width:65%; padding-left: 2%;}
 .newstop .p2 a{display:block; font-size:1.1em;  color:#2a2a2a;  line-height:25px;   text-align:left;}
.newstop .p2 span{float: right;}
.product ul {width:100%; float:left; padding-left: 2%; }
.list li a{color:#646464; font-size:0.9em; line-height:30px; }
.list li {  font-weight:200;width: 98%; }
.list li span{ float: right;  font-size:0.9em; line-height: 30px; }






.shipin {width:100%; margin-top: 50px;   }
.shipin h2{ background:#a7a7a7;   line-height:55px;  color:#fff; text-align: left; padding-left: 10px; font-size: 1.0em; }
.shipin img{width: 100%;}

.fl { width:100%; padding-top: 10px;}
.fl table { width:100%; text-align:center; font-size:13px }
.fl table td { height:105px; width:25%; }
.fl table td a { color:#181818; font-size:1.0em; line-height:30px; }
.fl table td a img{  width:60px;}
.fl table td a span{ display: block;}

/*¼ò½é*/
.about{width:100%; text-align:left; margin-top: 30px;}
.about h2{  color:#dd0704;  font-size:1.4em; text-align: center;   line-height:38px;  font-weight: 300; }
.about h2 img{width:100%; }
.about p{ width:98%; font-size:0.7em; line-height:18px; color: #0d0d0d; text-align:left; display: block; margin: 0 auto; padding:5px;font-weight: 300;margin-top: 5px;}
.about p img{width: 28%; float: left; padding-right: 5px;}
.brand img{ width:100%;}


.map {width:100%;}
.map h2{ width: 100%;}
.map h2 img{ width: 100%;}


.contact {width:100%;}
.contact h2{ width: 100%;}
.contact h2 img{ width: 100%;}
.contact p{  text-align:left; line-height:30px;  padding-left: 10px; font-size:0.9em; color:#000000; padding-bottom:60px; display: block;  padding-top:5px;}
.contact p img{width:40%; padding-top: 10px;}
.contact span{ color:#000000; font-size:1.4em; display: block; text-align: center;   }


/*liuyan*/
.mess{ width:100%;background: url(../images/mess.jpg) left top no-repeat; background-size:100%; margin-top: 20px; }
.mess h2{  width:100%;  font-size: 1.4em; line-height:50px; font-weight:200; color:#030303; text-align: center;}
.mess form{ width:90%; margin: 0 auto;}
.mess .kd2 { width:100%;  margin-top:8px; height:30px;}
.mess .kd3 { width:100%; margin-top:8px; height: 54px;}
.mess .dy1{ width:20%; display: block; float: left; line-height: 30px; font-size:1.0em;}
.mess .dy2 input{float: left;  height:25px; font-size:1.0em; color:#232323; padding-left:5%;  text-align:left;  border:0px;}
.mess .dy3 input{  height:54px; font-size:1.0em;    text-align:left;border:0px;padding-left:5%; }
.tj{ width:100%;  text-align:center; padding-top: 10px; padding-bottom: 50px; }
.mess .coolbg{ width: 30%;   font-size:14px; height:25px; color:#232323; border:0px;cursor:pointer; background:#ffba01; font-size:1.0em; float: right;    -webkit-appearance : none ;}
.mess .coolbg1{ width: 30%;  margin-left: 20px;  font-size:14px; height:25px; color:#fff; border:0px;cursor:pointer; background:#1f982e; font-size:1.0em;}

.footer{ background:#f19601; height:100px; color:#fff; text-align:center; color:#fff; line-height:40px;}
/* µ×²¿ */
.footMenu { background: #014c9d; bottom: 0; width:100%; height: 46px; min-width:320px; max-width:640px; margin:0 auto; position: fixed;z-index:1000  }
.footMenu li{ float:left;width: 33%; background-position:center 5px; background-repeat:no-repeat; background-size:auto 45%; }
.footMenu li:first-child{ background-image:url(../images/footicon01.png)}
.footMenu li:nth-child(2){ background-image:url(../images/footicon02.png)}
.footMenu li:nth-child(3){ background-image:url(../images/footicon03.png)}
.footMenu li:nth-child(4){ background-image:url(../images/footicon04.png)}
.footMenu li a{ display: block; color:#fff; text-align:center; padding-top:30px; }
.foot{ width:100%;line-height:25px; font-size:12px; }

.foot p{padding:0 10px 0 10px;}
.wxts{background:#B0E7FB; padding:0 10px 0 10px;line-height:25px; font-size:14px; }

/* ÐÂÎÅÁбí */
.place{ width:100%; height:50px; border-bottom:1px solid #838383; line-height:50px;}
.place strong{ margin-top:5px; float:left; padding-right:10px;}
.place{ padding-left:10px;}
.place a{ color:#2e2e2e;}
ul.liimg1{ clear:both; height:auto;}
ul.liimg1 li{ height:86px; padding:5px 10px; margin:3px;  color:#333333; border-bottom:1px dotted #646464; }
ul.liimg1 li a{ height:70px;  display:block;color:#333333; font-size:14px;}
ul.liimg1 li a img{ float:left; padding:2px; border: #E0E0E0 1px solid; margin-right:10px;}
ul.liimg1 li a b{  color:#333333; line-height:25px;}
ul.liimg1 li a p{ color:#999999; font-size:14px; line-height:25px; }
ul.liimg1 li a p span{ color:#da0000;}


ul.liimg{ clear:both; height:auto;}
ul.liimg li{ float:left;   color:#333333;padding:5px 2%;width:29%;}
ul.liimg li a{ display:block; position:relative; width:100%;left:0;top:0;}
ul.liimg li a img{ display:block; height: 90px; }
ul.liimg li a  span{ text-align:center;position:absolute;bottom:0;height:25px; font-size: 0.9em; z-index:1; left:0;line-height:25px;background:#fff;opacity:0.6;color:#000; display: block; width: 100%;}

ul.liiimg{ clear:both; height:auto;}
ul.liiimg li{ height:120px; padding:7px; margin:3px;color:#333333; }
ul.liiimg li a{ display:block;font-size:13px; float:left; width:78px; height:43px; line-height:43px; text-align:center}
ul.liiimg li a img{ float:left; padding:2px 2px;margin-right:10px; margin-top:5px;}
ul.liiimg li a b{color:#363636; font-size:12px; line-height:10px; margin-top:5px; }
ul.liiimg li a p{ color:#363636; font-size:13px;margin-right:5px; background:url(http://m.sdwtqx.com/imagesm/zxb.jpg); width:160px; height:40px;margin-left:120px}
ul.liiimg li h{font-size:16px; color:#FF0000; font-family:"΢ÈíÑźÚ"; height:30px; line-height:30px; font-weight:bold; padding:1px 1px 1px 45px}
ul.liiimg li .lli_more{float:left; width:120px;}

/*Ò³Âë*/
.dede_pages ul{

	margin:0px auto;

	float:none;

	clear:both;

	overflow:hidden;

	text-align:center;

	white-space:nowrap;
	 margin-bottom:50px;

}

.dede_pages ul li,.dede_pages ul li a{

	float:none; color:#666;

	display:inline;

}
/* ÐÂÎÅÄÚÈÝÒ³ */
.news1{ clear:both; margin-bottom:10px; padding:10px;line-height:20px; }
.news1 h3{ font-size:14px; color:#333; height:20px; display:block; line-height:20px; text-align:center;}
.news1 p.pnews{ text-align:center; font-size:12px; color:#666; height:20px; line-height:20px; display:block; text-indent:0em;}
.news1 table div{ font-size:14px; color:#333; line-height:20px; padding:10px; }
.news1 p{ font-size:14px; color:#333; line-height:20px; padding:10px; }
.news1 img{ background:#FFF; width:100%;}
.news1 p.ce{ text-align:center; padding:0px; text-indent:0em; }
.bmjz table{ text-align:center; line-height:40px; color:#fff; border-bottom:1px dotted #000; padding-bottom:10px;}
.bmjz table td{ border-left:5px solid #fff;border-right:5px solid #fff;}
.bmjz table td a{ color:#fff;}
.prenext{ font-size:14px; line-height:25px; padding:0px 10px;}
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}


/*==========index.css=========*/
@charset "utf-8"; 
/* CSS Document */  

/*.swiper-container { width: 320px; height: 200px; } */
.swiper-wrapper { height: 100%; } 
.swiper-wrapper img { width: 100%; } 
.swiper-slide { width: 100%; text-align: center; height: 100%; } 
.swiper-slide img { vertical-align: middle; display: block; position: relative; } 
.pagination {text-align: center; width: 100%;  height: 10px;line-height: 10px;position:absolute;bottom:0px } 
.swiper-pagination-switch { vertical-align: middle; display: inline-block; width: 35px; height:3px; background: #d1d1d1; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; margin: 0 2px; } 
.swiper-active-switch { background: #33beff; }

.index_search {background-color:#fff;}
.index-container li {list-style:none;float:left;max-width:100%;height:auto;}
.index-container img {max-width:100%;}

.mainLayout { margin:0 10px;}
.mainLayout li {list-style:none;background-color:#fff;margin-bottom:10px; overflow:hidden;}
.mainLayout img {max-width:100%;}
.mainLayout .index_info {position:relative;padding:4px 10px 10px;text-align:left; overflow:hidden;}
.mainLayout p {color:#5e5e5e;padding: 0;margin: 0;line-height:22px;}
.mainLayout .index_title {color: #000;font-size:16px;}
.mainLayout .index_price {position: absolute;top:4px;right:10px;color: #d71249;font-size:16px;}

.more_products{display:block; width:100px; height:80px; overflow:hidden; margin:-29px auto 0 auto; text-align:center; color:#7a7a7a; line-height:1em; }
.icon_morep{ display:block; margin-left:31px; background-size:408px 408px; background-position:-294px -150px; width:38px; height:40px; overflow:hidden;}




@media only screen and (max-width: 320px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
@media only screen and (min-width: 320px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
@media only screen and (min-width: 360px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
@media only screen and (min-width: 380px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
@media only screen and (min-width: 400px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
@media only screen and (min-width: 420px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}

@media only screen and (min-width: 460px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
@media only screen and (min-width: 480px) { 
	.swiper-container { width: 100%; 	 height: auto; }
}
.activemsg{ text-indent:10px;}