@charset "gb2312";
/*閫氱敤璁剧疆*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
	margin:0;
	padding:0;
}
html, body{
	width: 100%;height: 100%;
}
body{
	-webkit-text-size-adjust:none;
	background:#EEEEEE;	font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif; font-size:14px;

}
a,p,h1,h2,h3,strong,input{
	font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif; 
}
a{
	color:#000;
	text-decoration:none;
	font-size:14px;
}

img{
	border:0px solid #fff;
}
li{
	list-style:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.center_box{
	width:96%;
	margin:0 auto;
}
.clear_both{
	clear:both;
}

.clearfix:after {content:"\20";display:block;height:0;clear:both;} .clearfix {*zoom:1} 
#container{
	width:100%;
	height:100%;
	z-index:1;
}
#header{
position:absolute;
	width:100%;
	background:url(../images/topbg.png) repeat; z-index:2;
	height:80px;text-align:center;font-size:200%;
}
	
#header .morelink{
	position:absolute;
	background:url(../images/icon_morelink.png) no-repeat;
	background-size:90% 90%;
	width:40px;
	height:40px;
	top:20px;
	left:20px;
}
#header .fr{ font-size:14px;}
#header .fr a{ padding:0 5px;}
#header a:hover,#header a.active{ opacity:0.5;}
#header .fr a img
	{
		width:28px;
	}
#header span img{
	width:188px; margin-top:22px;

}
#header .down_menu{
	width:10%;
	height:100%;
	text-align:center;
}

#header .down_menu img{
	width:40px;
	margin-top:25px;
}
.pop_box{
	display:none;
	position:absolute;
	font-size:12px;
	background:#fff;
	padding:10px;
	left:3%;
	border-radius:5px;
}
.pop_box li a{
	font-size:12px;
	color:#006696;
	line-height:20px;
}
.rootContainer{width:100%; overflow:hidden; position:relative; top:0;}
.baseWrap{width:100%;display:none;}
.base-con{width:100%; float:left;}
.base-con img{width:100%;}

.bg1{background-color:#333;}
.bg2{background-color:#666;}
.bg3{background-color:#999;}

.slideBtn{text-align:center; position:relative;}
.slideBtn li{width:10px; height:10px; display:inline-block; margin-right:10px; border-radius:5px; background-color:#7E7E7E;}
.slideBtn li.current{background-color:#FFA800;}
/*内容部分*/

.pro_list,.lanmu{ width:98%; margin:auto;}
.pro_list li{ width:48%; margin:1%; float:left;}
.pro_list li img{ width:100%; height:100%;}
.col_header{
	height:50px; width:96%;
}
.lanmu li{ margin:1%; float:left; }
.lanmu li a{ display:block; text-align:center; color:#fff; font-size:24px; padding-top:18%;}
.lanmu li a span{ display:block; padding:2% 0;}
.lanmu li a span img{ width:50%;}
.lanmu .navs li a{ padding-top:10%;}
.lanmu .navs li a span img{ width:20%;}
li.tdbg1 a{ font-size:48px;}
.tdbg1{ background:#005D9D; width:48%;}
.tdbg2{ background:#39ABDF; width:22.9%;}
.tdbg3{ background:#29B727; width:22.9%;}
.tdbg4{ background:#FFCC01; width:22.9%;}
.tdbg5{ background:#93ADBA; width:22.9%;}
.tdbg6{background:#29B727; width:48%;}
.tdbg7{background:#005D9D; width:48%;}
/*底部按钮*/
#footer{
	padding-top:60px; z-index:9999;
}
#footer .footer_div{
	position:fixed; z-index:9999;
	bottom:0;
	width:100%;
}
#footer .footer_box{
	float:left;
	width:25%;
	height:50px;
	background:#3C3C3C;
	text-align:center;
	font-size:14px;
}
#footer .footer_box .footer_box_img{
	width:100%; height:30px;overflow:hidden;
}
#footer .footer_box .footer_box_img img{
	padding-top:5px;
	height:25px; overflow:hidden;
}
#footer .footer_box a{
	display:block;
	border-right:1px solid #575757;
	border-left:1px solid #1F1F1F;
	height:50px;
	color:#fff;
	font-size:14px;
}
.footer_ in, .footer_in a{ color:#626262;}
.footer_in a:hover{ color:#3eb2b7;}
.footer_in{
	border-top:1px solid #999;
	text-align:center;
	width:100%;
	height:50px;
	background-color:#dedede;
	padding-bottom:55px;
	line-height:25px;
	font-size:12px;
}
.col_header .pro_fenlei{
	margin-top:5px;
	height:40px;
	width:40px;
	background:url(../images/fenlei.jpg);
}
.fenlei li{ float:left; padding:0 10px; line-height:30px;}

/*内页布局*/
.neiye_header_bar{
	position:relative;
	height:40px;
	width:100%;
	background:#3C3C3C;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:40px;
}
.black{
	position:absolute;
	background:url(../images/icon_back.png);
	background-size:24.5px 21px;
	width:24.5px;
	height:21px;
	top:10px;
	left:10px;
}


.morelink{
	position:absolute;
	background:url(../images/icon_morelink.png);
	background-size:24.5px 21px;
	width:24.5px;
	height:21px;
	top:10px;
	right:10px;
}
.neiye_search_bar{
	height:45px;
	width:100%;
}
.td_input{
	padding:0 10px;
}
.td_button{
	padding-right:10px;
	padding-left:5px;
}
.search_text{
	height:35px;
	width:100%;
	border-radius:5px;
	border:1px solid #CCCCCC;
	padding-left:5px;
	font-size:16px;
}
.search_btn{
	border:1px solid #CCCCCC;
	background:#F6F6F6;
	height:40px;
	width:70px;
	border-radius:5px;
}
#categorys {
    border: 1px solid #fff;
    overflow: auto;
    left: -2px;
    top: -2px;
    font-size: 12px;
    margin-top: 10px;
    outline: none;
    line-height: 25px;
    width: 150px;
}
.message{
	width:93%;
	margin:10px auto;
}
.z3g_input{
	width:100%;
	height:30px;
	padding:5px;
	box-shadow:2px 2px 2px #d6d6d6 inset;
	margin-bottom:10px;
}
.z3g_textarea{
	width:100%;
	height:140px;
	padding:5px;
	box-shadow:2px 2px 2px #d6d6d6 inset;
	resize: none;
	margin-bottom:10px;
}
.send_message{
	height:50px;
	width:120px;
	background:#3C3C3C;
	border:1px solid #fff;
	color:#fff;
	font-size:16px;
}
.news{
	width:93%;
	margin:20px auto;
}
.news li{
	height:25px;
	line-height:25px;
	border-bottom:1px dashed #000;
}
.news li a{
	float:left;
	color:#3C3C3C;
}
.news p{
	float:right;
	color:#3C3C3C; font-size:14px;
}
.load_more{
	margin:auto;
	margin-top:20px;
	width:98%;
	height:40px;
	background:#666;
	border:1px solid #C6C6C6;
	border-radius:5px;
	color:#fff;
	text-align:center;
	line-height:40px;
}
.news_nei_content img
{
	width:100%;
}
.contact_us{
	width:95%;
	margin:20px auto;
}
.contact_us p{
	line-height:30px;
}
#map{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neiye_content_images{
	width:99%;
	margin:0 auto;
}
.neiye_content_images img{
	width:100%; border:1px solid #ccc;
}
.neiye_content_images li{
	text-align:center;
	float:left;
	width:31.3%;
	padding:1%;
}
    .neiye_content_images li p { height:30px; line-height:30px; overflow:hidden;
    }
#pop_layer{
	height:100%;
	width:270px;
	background:#E9E9E9;
	position:fixed;
	right:0;
	z-index:99;
	border-left:1px solid #999999;
}
.pop_layer_header{
	padding:10px 20px;
	border-bottom:1px solid #B6B6B6;
}
.pop_layer_header_botton{
	border:0px solid #fff;
	background:url(../images/icons.png) 0px -207px;
	height:15px;
	width:16px;
	margin-left:5px;
	cursor:pointer; margin-top:3px;
}
.pop_layer_header_class{
	background:#fff;
}
.pop_layer_header_class a{
	line-height:20px;
	color:#fff;
}
.pop_layer_botton{
	margin-top:10px;
	border:0px solid #fff;
	width:100%;
	height:30px;
	border-radius:10px;
	color:#fff;
	background:#3C3C3C;
}
.first_class{
	height:30px;
	background:#3C3C3C;
}
.menu ol {
	padding-left:15px;
	border:#E7E7E7 1px solid;
	border-top:none;
	background: #DFDFDF;
}
.menu li i {
	background-color: #33BEFF;
	padding: 1px 4px;
	color: #fff;
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);
	font-family: 宋体;
	font-style:normal;
	margin-right:5px;
}
.menu a {
	color: #3f3f3f;
	text-decoration: none;display:block;
}
.menu .no {
	display:none;
}
.menu ol a {
	width: 228px;
	display: block;
	line-height: 2em;
	margin-left: 20px;
}
ul.expmenu{margin:40px auto;}
ul.expmenu li div.header{padding:8px;border-bottom:1px #fff solid;}
ul.expmenu li:last-child div.header{border-bottom:none;}
ul.expmenu li ul li {background-color:#DFDFDF;padding:8px;border-bottom:1px solid #fff;border-top:1px solid #fff;color:#727272;text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);}
ul.expmenu li ul li:last-child{border-bottom:none;}
ul.expmenu li ul li.selected{background-color:#f4f4f4;}
ul.expmenu div.header{
	color:#203f61;
	text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);
	background:#606060;/* Old browsers */
	background:-moz-linear-gradient(top, #606060 0%, #606060 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#606060));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #606060 0%,#606060 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #606060 0%,#606060 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #606060 0%,#606060 100%);/* IE10+ */
	background:linear-gradient(to bottom, #606060 0%,#606060 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#606060',GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .label{background:no-repeat;color: #fff;/*text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);*/ font-weight:bold; padding-left:20px; font-size:14px;}
ul.expmenu li div.header .arrow{display:block;width:16px;height:16px;background:no-repeat center;float:right;}
ul.expmenu li div.header .arrow.up{background-image:url(../images/arrow_u.png);}
ul.expmenu li div.header .arrow.down{background-image:url(../images/arrow_d.png);}
ul.expmenu li .menu{display:none;}	
/* Mouse Events */
ul.expmenu div.header:hover{
	background:#606060;/* Old browsers */
	background:-moz-linear-gradient(top, #606060 0%, #606060 100%);/* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#606060));/* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #606060 0%,#606060 100%);/* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #606060 0%,#606060 100%);/* Opera 11.10+ */
	background:-ms-linear-gradient(top, #606060 0%,#606060 100%);/* IE10+ */
	background:linear-gradient(to bottom, #606060 0%,#606060 100%);/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#606060',GradientType=0 );/* IE6-9 */
	cursor:pointer;
}

ul.expmenu li ul li:not(.selected):hover{
	background:#ccc;/* Old browsers */
	cursor:pointer;
}
ul.expmenu li ul li:not(.selected):active{
	background:#f1f1f1;/* Old browsers */
	cursor:pointer;
}
ul.expmenu li ul li a{ padding-left:20px;display:block; font-size:12px;}
ul.expmenu li ul li a.padd{ padding-left:0px; }
ul.expmenu li div.header a,ul.expmenu li:last-child div.header a{color: #fff;/*text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);*/ font-weight:bold;padding-left:20px; display:block;}
.product_nei_up{
	text-align:center;
	padding:20px 0;
}.product_nei_up img{width:100%;}
.product_nei_up p{
	font-weight:900;
	line-height:30px;
}
.product_nei_bar{
	position:relative;
	height:36px;
	background:#3C3C3C;
}
.product_description{
	position:absolute;
	width:70px;
	height:30px;
	background:#fff;
	left:5px;
	top:3px;
	border-radius:5px;
	text-align:center;
	line-height:30px;
	font-weight:700;
}
.product_nei_down{
	margin:20px 15px;
}
    .product_nei_down img { width:100%;
    }
.news_nei_header{font-size:14px;
	height:70px;
	width:90%;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #CCC;
}
.news_nei_header h3{
	line-height:35px; font-size:14px;
}
.news_nei_content{
	width:90%;
	margin:10px auto;
	text-indent:2em;
	line-height:25px;
}
.refresh{
	position:fixed;
	bottom:90px;
	right:10px;
	width:40px;
	height:40px;
	background:url(../images/refresh.jpg);
	background-size:40px 40px;
	border:3px solid #121212;
	border-radius:5px;
	cursor:pointer;
}
#wrapper {
    position: absolute;
    z-index: 1;
    top: 100px;
    bottom: 50px;
    left: 0;
    width: 100%;
    overflow: auto;
}

#scroller {
    position: relative;
    /*	-webkit-touch-callout:none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    float: left;
    width: 100%;
    padding: 0;
}

    #scroller ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: left;
    }
#pullDown, #pullUp {
	background:#fff;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	color:#888;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
@media only screen and (max-width:600px) {
	body{ font-size:14px;}
	#header{
font-size:20px; height:60px;
}
#header .morelink{
	position:absolute;
	background:url(../images/icon_morelink.png) no-repeat;
	background-size:30px 30px;
	width:30px;
	height:30px;
	top:15px;
	left:5px;
}
#header .fr,#header .fr a{ font-size:12px;}
	#header .fr a img
	{
		width:20px;
	}
.nav li a span{ font-style:normal; font-size:20px;}
#header span img{
	width:150px; margin-top:15px;

}
.lanmu li a{ display:block; text-align:center; color:#fff; font-size:14px; padding-top:10%;padding-bottom:10%;}
.lanmu .navs li a{ padding-top:5%;}

	}
	.contact_us img
{
	width:100%; height:100%;
}
#inquiry_form{clear:both;width:95%;padding:5px;font-family: Arial, Helvetica, sans-serif,Helvetica,sans-serif;font-size:12px;color: #000000;margin:10px auto;}
#inquiry_form table{
    width: 100%;
}
#inquiry_form table td, #inquiry_form table th{
    padding: 2px;
}
#inquiry_form table td.filed_name, #inquiry_form table th.filed_name {
    padding-right: 10px;
    text-align: right;
    width: 35%;
}
#inquiry_form .I_input, #inquiry_form .textarea {
    border: 1px solid #CCCCCC;
}
#inquiry_form .I_input {
    height: 20px; line-height:20px;
}
#inquiry_form fieldset {
    border: 1px solid #CCCCCC;
    margin: 5px 0;padding-bottom:8px;
}

#inquiry_form fieldset legend {
    margin-left: 65px;
    font-weight: bold;
    padding: 0 5px;
}
 .btns{ border:1px #ccc solid;  cursor:pointer;}
.ta,.btn{ border:1px #Dfdfdf solid; height:25px; line-height:25px;}
.btn{ width:50px; cursor:pointer;}
textarea{border:1px #Dfdfdf solid;}