/* 样式初始化

--------------------------------------------------*/

html {

	height: 100%;

}

body {

	font-family: Helvetica, Arial, sans-serif;

	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:#008fc4; padding:10px 0; color:ffffff;  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(../images/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;

}

#header{

	width: 100%;

	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{

	-moz-box-flex: 1;

	-webkit-box-flex: 1;

	box-flex: 1;

	 width:100%;

	text-align:left;

}

.head img{ width:100%;vertical-align: middle;}

.back{ text-align:left; }

.back span{ float:left;}

.back .fanhui{ width:31px; height:83px;}

.back .fanhui a{width:31px; height:83px;  display:block; background:url(../images/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(../images/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(../images/hp_bg5.png);background-size:auto;background-position:-69px 25px; }

/*Nav*/

.zt{width:100%;

	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;}

.zt ul{float:left;}

.zt li{float:left;}

.zt li img{width:100%;}

#Nav{ width:100%; background: url(../images/nav_bj.jpg) repeat;}

#Nav li{ width:25%; height:36px; float:left; text-align:center; line-height:35px;}

#Nav li a{ color:#FFF; display:block; text-align:center; text-shadow:1px 1px 1px #0386d5; border-bottom:1px solid #0386d5; border-right:1px solid #0386d5; border-top:1px solid #0386d5;}

#Nav li a:hover{}

#Banner{overflow:hidden; position:relative;}

#Banner ul{ overflow:hidden; position: relative;}

#Banner ul li{float:left; }

#Banner ul li img{ max-width:100%; }

.touchslider-viewport{ background:url(../images/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{

	width: 100%;

	height: 32px;

	line-height: 32px;

	padding: 0px;

	overflow: hidden;

	display: -moz-box;

	display: -webkit-box;

	display: box;

	-moz-box-orient: horizontal;

	-webkit-box-orient: horizontal;

	box-orient: horizontal;

	background: url(../images/index_title.jpg) no-repeat left;

	cursor:pointer;

	}

.index_title span{

	width: 70%;

	height: 32px;

	font-size: 17px;

	font-weight: bold;

	line-height:32px;

	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;

	

	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;

	

	}

.index_pro_con li{

	padding:7px 0px;

	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;

	float:left;

	}

.index_pro_con li img{

	max-width:150px; max-height:100px;}

	

.sub_title{

	width: 100%;

	height: 32px;

	line-height: 32px;

	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:#069dd5;

	}

	#Nav{ width:100%; background: url(../images/nav_bj.jpg) repeat;}

#Nav li{ width:25%; height:36px; float:left; text-align:center; line-height:35px;}

#Nav li a{ color:#FFF; display:block; text-align:center; text-shadow:1px 1px 1px #0386d5; border-bottom:1px solid #0386d5; border-right:1px solid #0386d5; border-top:1px solid #0386d5;}

.erji_top{

	width: 100%;

	height: 26px;

	line-height: 26px;

	padding: 0px;

	padding-top:1px;

	background:#e1e6eb;

	}

.erji_top ul{float:left; width:100%;} 

.erji_top li{float:left; width:20%;  text-align:center;}

.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-top:10px; background:#fff;}

.yijiancon ul{ padding:0px 10px;}

.yijiancon li{ width:50%; float:left;}

.yijian1{ width:100%; height:68px; line-height:38px; text-align:center;  color:#fff}

.yijian1 img{width:100%;}

.yijian2{ width:100%; height:68px; line-height:38px; text-align:center;  color:#fff}

.yijian2 img{width:100%;}

.yijian3{ width:100%; height:38px; line-height:38px; text-align:center;  color:#fff}

.yijian3 img{width:100%;}

.yijian4{ width:100%; height:38px; line-height:38px; text-align:center;  color:#fff}

.yijian4 img{width:100%;}

.yijian5{ width:95%; height:38px; line-height:38px; text-align:center;  background:#1d77f3; color:#fff}

.yijian6{ width:95%; height:38px; line-height:38px; text-align:center;background:#9b0000; color:#fff}

.yijian7{ float:left; width:100%; line-height:38px; text-align:center; padding-top:5%;  }

.yijian7 img{width:100%;}

.yijian8{ float:right; width:100%; height:38px; line-height:38px; text-align:center;padding-top:5%; }

.yijian8 img{width:100%;}

.yijian10{ float:left; width:50%; height:38px; line-height:38px; text-align:center; padding-top:5%;  }

.yijian10 img{width:100%;}

.yijian11{ float:right; width:50%; height:38px; line-height:38px; text-align:center;padding-top:5%; }

.yijian11 img{width:100%;}

.yijian1 a,.yijian2 a,.yijian3 a,.yijian4 a,.yijian5 a,.yijian6 a{ color:#fff}

.danye_con{background:#fff; padding:10px 10px;}

.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;

}

.Products_list li{ width:50%;float:left}

.Products_list li .img{width:98%; text-align:center; margin:10px auto;  background:#f0f0f0 url(../images/loading.gif) no-repeat 50%;}

.Products_list li .img img{width:100%;}

.yijian{width:80%; margin:auto; padding:0 0 80px 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(../images/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:78%; line-height:150%;  padding-left:2%; }

.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;  padding-top:10%;}

.index_Pro_list_right a{ width:100%; font-family:"微软雅黑"; font-size:1em; background:url(../images/pro_input.jpg) no-repeat center center; display:block;}

.tu{ width:100%; margin-top:2%;}

.tu img{width:100%; }

.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:#008fc4; color:#fff; 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:#0039bb;

	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;

}

.fanhuitop{height:44px;

  width:100%;background:#146bd3;}