@charset "utf-8";

/* 样式初始化

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

html {

	height: 100%;

}

body {

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

	background: none;

	-webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/

	font-family:"微软雅黑";

}

* {

	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;

}



.sub_page{ text-align:center;}

.case_content img{ width:90%;}



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 {

	

}

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(../images/bj_bot.jpg); padding:10px 0; color:#fff; height:97px;text-align:center; }

.foot p{ text-align:center;color:#ffffff; line-height:150%; text-align:center;}

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

	background:#eaeaea;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}



#header{

	width: 100%;

	height:104px;

	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;

	background: #000000;

	box-orient: horizontal;

	}

.logo{

	width:46%;

	height: 60px;

	-moz-box-flex: 1;

	-webkit-box-flex: 1;

	box-flex: 1;

	text-align:left;

	padding-left:1%;

	padding-top:4%;

}

.logo img{width:46%;height: 60px;max-height: 67px;vertical-align: middle;padding-left:1%;padding-top:4%;}

.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(../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*/

#Nav{ width:100%; height:72px; background: #034fb1;}

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

#Nav li a{ color:#FFF; display:block; text-align:center; text-shadow:1px 1px 1px #43060B; border-bottom:1px solid #0649a0; border-left:1px solid #0649a0;border-right:1px solid #0649a0; border-top:1px solid #0649a0;}

#Nav li a:hover{ background: #333333;}



#Banner{overflow:hidden; position:relative; background:url(../images/bj_navbot.jpg) repeat-x;}

#Banner ul{ min-height:175.5px; overflow:hidden; position: relative; padding-top:8px;}

#Banner ul li{float:left; height:235px;}

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



.touchslider-viewport{}

.touchslider-nav{ }

.touchslider-prev{left:0px; cursor:pointer;position:absolute; top:30%;}

.touchslider-next{right:0px; cursor:pointer;position:absolute; top:30%;}

.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: 36px;

	line-height: 36px;

	padding: 0px;

	overflow: hidden;

	display: -moz-box;

	display: box;

	-moz-box-orient: horizontal;

	-webkit-box-orient: horizontal;

	box-orient: horizontal;

	background:url(../images/bj_xwzx.jpg) repeat-x  ;

	cursor:pointer;

	}

.index_title1{

	width: 100%;

	height: 36px;

	line-height: 36px;

	overflow: hidden;

	background:url(../images/bj_xwzx.jpg) repeat-x  ;

	cursor:pointer;

	color: #ffffff;

	font-weight:bold;

	}

.index_title span{

	height: 36px;

	font-size: 14px;

	font-weight: bold;

	color: #ffffff;

	overflow: hidden;

	word-wrap: break-word;

	word-break: break-all;

	font-family:"微软雅黑";

	padding-left:1%;

	

	}

.more{ width:16px; height:36px; float:right; padding-right:1%;}



.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:#eaeaea;

	overflow:hidden; padding:10px;

	

	}

.index_pro_con li{

	padding:7px 0px;

	width:96px; 

	padding:0 2%;

	height:100px;

	}

.index_pro_con_img{

	width:24%;  float:left; padding:1px; border:1px solid #c7c7c7; max-height:98px;}

.index_pro_con li

	

.sub_title{

	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;

	

	}

.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:98%;

	padding:10px;

	

	}

.News_list li{ border-bottom:1px dashed #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; }

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

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



.yijian1{ width:80%; height:35px; line-height:35px; text-align:center; background:#9b0000; color:#fff}



.yijian2{ width:80%; height:35px; line-height:35px; text-align:center; background:#dc9600; color:#fff}

.yijian3{ width:80%; height:35px; line-height:35px; text-align:center; background:#1d77f3; color:#fff}

.yijian4{ width:80%; height:35px; line-height:35px; text-align:center; background:#1fbf00; color:#fff}

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

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



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



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





.danye_con img{ width:100%;}





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

	padding:15px 0;}

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



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

.Products_list li div img{max-width:150px; max-height:83px;}

.yijian{width:45%; float:right; padding-right:1%;}

.yijian li{ width:98%; height:35px; line-height:35px; padding-bottom:10px; 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:55%; line-height:150%; padding-top:2%; padding-left:2%; float:right;}

.index_Pro_list_content h3{ width:100%}

.index_Pro_list_content p{ font-family:"微软雅黑"; font-size:1em; padding:3px 0; line-height:24px;}

.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(../images/pro_input.jpg) no-repeat center center; display:block;}





.sub_more{ width:100%; padding:15px 0;}

.sub_more div{ float:right; padding:15px 0; width:19%;height:34px; padding-right:1%;}

.sub_more div input{ width:100%; height:34px; color:#ffffff; line-height:34px; background:#000000; text-align:center; float:right;}





.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 #F90B00; 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(../images/bj_bot.jpg) top repeat-x #d81209;

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

  

  

.in_news{ padding:20px 8px; background:#eaeaea; font-family:"微软雅黑";}

.in_news li{ height:29px; line-height:29px; border-bottom:1px dashed #d9d9d9; color:#000; clear:both;}

.in_news li span{ float:left; padding-left:9px;}

.in_news li span a{ color:#000;}



.news_pic{ width:44%; height:105px; float:left; padding:1px; border:1px solid #c7c7c7; margin-left:2%;}



.Products_list_index{width:100%; 

	padding:15px 0;}

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

.Products_list_index li .img{width:90%; text-align:center; margin-top:10px; background:#fff ; border:#ccc 1px solid; padding:2%; height:120px; margin:0 auto; overflow:hidden;  }

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

.Products_list_index li div img{max-width:178px;}

.yijian{width:90%; margin:auto; padding:0 0 15px 0;}

.yijian li{ width:50%;margin-top:2%;}


.imgcenter {
    text-align: center;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.imgcenter img {
    width: auto;
    max-width: 100%;
}