/* 样式初始化
--------------------------------------------------*/
html {
	height: 100%;
}
body {
	font-family:"微软雅黑";
	background: none;
	-webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/
     
	
}
* {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/
	-webkit-touch-callout: none;					/*禁止链接长按弹出选项菜单*/
}
nav, footer, section, header, article {
	display: block;
}
ul {
	list-style: none;
}
a,a:hover{ text-decoration:none}
a:link {
	-webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/
	-webkit-touch-callout: none;					/*禁止链接长按弹出选项菜单*/
}
a:link, a:visited, a:hover, a:active {
	color: #000;
}
input, textarea {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.clear{clear:both;}
.totop4{ height:4px; line-height:4px; background:#fff; clear:both}

.foot{ background:url(img/head_bj.jpg) repeat; padding:10px 0; color:fff; margin-bottom:48px;color:#FFF; text-align:center }
.foot p{ text-align:center;color:#fff; line-height:150%;}
.foot p a,.foot p a:hover{ color:#fff;}

/*主题部分
--------------------------------------------------*/
.box_body {
	width: 100%;
	min-width: 320px;
	background: #fff url(img/loading2.gif) no-repeat 50% 50%;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 48px;
	left: 0;
	text-align: center;
}

.box_main {
	min-width: 320px;
	max-width: 640px;
	
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	 background:url(img/head_bj.jpg);
}

#header{
	width: 100%;
	background:#ffffff;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: -o-box;
	-o-box-orient: horizontal;
	display: -ms-box;
	-ms-box-orient: horizontal;
	display: box;
	box-orient: horizontal;
	}
.head{
	height: 83px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	text-align:left;
	
}
.head img{margin: 20px 0 0 5px;vertical-align: middle; text-align:left}
.back{ text-align:left; height:83px}
.back span{ float:left;}

.back .fanhui{ width:31px; height:83px;}
.back .fanhui a{width:31px; height:83px;  display:block; background:url(img/hp_bg5.png);background-size:auto; background-position:0px 25px;}

.back .shuaxin{ width:30px; height:83px;}
.back .shuaxin a{width:30px; height:83px;  display:block; background:url(img/hp_bg5.png);background-size:auto;background-position:-35px 25px; }

.back .type{ width:40px; height:83px}
.back .type a{width:30px; height:83px;  display:block; background:url(img/hp_bg5.png);background-size:auto;background-position:-69px 25px; }
/*Nav*/
#Nav{ width:100%; background:#A0131D;}
#Nav li{ width:25%; height:36px; float:left; text-align:center; line-height:35px; background:url(img/head_bj.jpg) repeat;}
#Nav li a{ color:#FFF; display:block; text-align:center; text-shadow:1px 1px 1px #43060B; border-bottom:1px solid #51901D; border-left:1px solid #51901D;border-right:1px solid #326B02; border-top:1px solid #326B02;}
#Nav li a:hover{ background:#0039bb;}




#Banner{overflow:hidden; position:relative;}
#Banner ul{ min-height:175.5px; overflow:hidden; position: relative;}
#Banner ul li{float:left; min-height:175.5px; }
#Banner ul li img{ max-width:100%; min-height:175.5px; }

.touchslider-viewport{ background:url(img/banner_bg.png) center center;}
.touchslider-nav{ }
.touchslider-prev{left:0px; cursor:pointer;position:absolute; top:50%; margin-top:-39px;}
.touchslider-next{right:0px; cursor:pointer;position:absolute; top:50%; margin-top:-39px;}
.touchslider-nav-item{ background-color:#3b7dce; width:62px; height:7px; display:block; opacity:0.7;}
.touchslider-nav-item-current{ background-color:#4972a5; width:62px; height:7px; display:block; opacity:0.7;}
.sonpic{position:absolute; bottom:10px; left:50%; margin-left:-94px;}
.sonpic a{ float:left; margin-right:2px;}
.index_title{
	 position:relative;
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding: 0px;
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	background:#005dcc url(img/head_bj.jpg) repeat 95%;
	cursor:pointer;
	}
	
.index_title .more{width:25px;height:20px; background:none; position:absolute;top:8px; right:10px;}

.index_title span{
	min-width: 260px;
	height: 19px;
	font-size: 17px;
	margin: 8px 0 0 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #154166;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	
	
	}

.index_jianjie_con{
	background:#fff;
	overflow:hidden; padding:10px;
	text-align:left;
	color:#3f3f3f;
	text-indent:24px;
	word-wrap: break-word;
	word-break: break-all;
	line-height:150%;
	}
.index_jianjie_con img{ padding-right:10px;}

.index_pro_con{
	background:#fff;
	overflow:hidden; padding:10px;
	
	}
.index_pro_con li{
padding-top:7px; padding-bottom:25px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	display: -moz-box;
	-moz-box-orient: horizontal;
	display: -o-box;
	-o-box-orient: horizontal;
	display: -ms-box;
	-ms-box-orient: horizontal;
	display: box;
	box-orient: horizontal;
	}
.index_pro_con li img{
	max-width:150px; max-height:140px;}
	
.sub_title{
	 position:relative;
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding: 0px;
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
	cursor:pointer;
	background:url(img/head_bj.jpg) repeat;
	
	}
	.sub_title .more{width:25px;height:20px; background:none; position:absolute;top:8px; right:10px;}
.sub_title span{
	min-width: 260px;
	height: 19px;
	font-size: 17px;
	margin: 8px 0 0 10px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #154166;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	
	
	}
.News_list{
	width:100%;
	background:#fff;
	padding:10px;
	
	}
.News_list li{ border-bottom:1px solid #bebebe}
.News_list li div{ display:block; padding:5px 20px 10px 0px;}
.News_list li div h3{
    -moz-box-orient: horizontal;
    color: #000000;
    display: -moz-box;
    padding: 7px 0 0;
    vertical-align: middle;
	}
.News_list li div .con{
	text-align:left; color:#595959; padding-top:10px;
    
	}
.News_list li div .time{
	text-align:right; color:#595959;
}

.yijiancon{ padding:25px 0; background:#fff;}
.yijiancon ul{ padding:0px 10px;}
.yijiancon li{ width:35%; float:left; margin-left:10%}

.yijian1{ width:80%; height:38px; line-height:38px; text-align:center; background:#2580cf; float:right; color:#fff}

.yijian2{ width:80%; height:38px; line-height:38px; text-align:center; background:#dc9600; color:#fff}
.yijian3{ width:100%; height:38px; line-height:38px; text-align:center; background:#1B78F1; padding:0 5%; color:#fff}
.yijian4{ width:100%; height:38px; line-height:38px; text-align:center;background:#1EBE02; padding:0 5%; color:#fff}
.yijian5{ width:95%; height:28px; line-height:28px; text-align:center;  background:#fff; color:red;border:1px solid #ccc;}
.yijian6{ width:95%; height:28px; line-height:28px; text-align:center;background:#fff; color:#000;border:1px solid #ccc;}
.yijian4 a{ display:block;text-align:center}
.yijian6 a{ display:block; text-align:center}
.yijian1 a,.yijian2 a,.yijian3 a,.yijian4 a,.yijian5 a,.yijian6 a{ color:#000; }
.yijian5 a{ color:#f00; }
.yijian3 a{ color:#fff; font-weight:bold}
.yijian4 a{ color:#fff; font-weight:bold}

.danye_con{background:#fff; padding:10px 10px; line-height:24px;}

.h9{font-size: 17px;
line-height: 1.5em;
font-weight: bold;
padding: 15px 10px;
text-align: center;
word-wrap: break-word;
word-break: break-all;}

.Products_list{width:100%;
	background:#fff;
	padding:15px 0;}
.Products_list li{ width:50%;float:left}

.Products_list li .img{width:90%; text-align:center; margin:10px auto; min-height:182px; border:1px solid #ccc;background:#f0f0f0 url(img/loading.gif) no-repeat 50%;}
.Products_list li div img{max-width:180px; max-height:140px;}
.yijian{width:80%; margin:auto; padding:0 0 15px 0;}
.yijian li{ width:50%; float:left;}

/*Products*/
.index_Pro_list_left{
    
	width:150px;
	height:100px;
	text-align:center;
	margin:4px 0 0 10px;
	background:#f0f0f0 url(img/loading.gif) no-repeat 50% 50%;
	background-size:20px;

	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -o-box;
	-o-box-orient: horizontal;
	-o-box-pack: center;
	-o-box-align: center;
	display: -ms-box;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-ms-box-align: center;
	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
}
.index_Pro_list_left img{width:auto;}
.index_Pro_list_content{ width:55%; line-height:150%; padding-top:2%; padding-left:2%}
.index_Pro_list_content h3{ width:80%}
.index_Pro_list_content p{ font-family:"微软雅黑"; font-size:1em; padding:10px 0;}
.index_Pro_list_right{ width:23%; line-height:35px;text-align:center; float:right; float:left; padding-top:10%;}
.index_Pro_list_right a{ width:100%; font-family:"微软雅黑"; font-size:1em; background:url(img/pro_input.jpg) no-repeat center center; display:block;}


.sub_more{ width:100%; background:#fff; padding:15px 0;}
.sub_more div{ margin:auto; width:19%;height:34px;}
.sub_more div input{ width:100%; height:34px; line-height:34px; background:#dddddd; text-align:center;}


.page{width:50%; margin:auto; padding:15px 0 15px 0;}
.page li{ width:50%; float:left; text-align:center}
.page li div{ width:80%; height:38px; line-height:38px; text-align:center; background:#e3e3e3; color:#595959; margin:auto}
.page li div a{ color:#595959}

.type li{ height:49px; line-height:49px; border-bottom:1px solid #024596; text-align:left; text-indent:24px; color:#fff;}
.type li a{ color:#fff;}

.bot{
  height:44px;
  width:100%;
  display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -o-box;
	-o-box-orient: horizontal;
	-o-box-pack: center;
	-o-box-align: center;
	display: -ms-box;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-ms-box-align: center;
	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
	background:url(img/head_bj.jpg) repeat;
	position:fixed; left:0; bottom:0;
	
	
  }
.bot div{ width:25%; text-align:center; color:#fff;}
.bot div a{ color:#fff;}


.gbookinput{
	width: 90%;
	height: 33px;
	padding:0 10px;
	line-height: normal;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	-moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fdfdfd));
}

.gbooktext{
width: 90%;
	height: 130px;
	padding:10px;
	line-height: 20px;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	-moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fdfdfd));
	resize:none;
}
.newli li{ border-bottom:1px dashed #ccc; line-height:30px; background:url(img/new_li_bj.jpg) left center no-repeat; padding-left:3%;}
.fanhuitop{height:44px;
  width:100%;background:#146bd3;}