@charset "utf-8";
*{padding:0px; margin:0px;border:0px; }
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;}
body {margin:0px;padding:0;overflow-x:hidden;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {padding:0px; margin:0px; border:0px;}
body, td, th, span {color: #666; font-family: "微软雅黑"; font-size: 12px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
li {list-style: none;}
img{border:none;}
a { color:#666; text-decoration:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
a:hover {color:#0075c2; text-decoration:none;}
.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
.left{ float:left;}
.right{ float:right;}
.mr10{margin-right:10px;}
.page_line{border-bottom:#E4E4E4 1px solid;}
.wrap{width:1200px; margin:0 auto;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
.clearfix:after{clear:both;}
.pagebanner img{width:100%;height:auto;background-repeat:no-repeat;background-position:center;display:block;}
/*顶部内容*/
.pc_head{display:block;z-index:3; background-color:none;}
.TopBox{width:100%;background:url(/images/public/top-bg.png) bottom center repeat-x;height:40px;}
.TopBox .main{width:1200px;margin:0 auto;line-height:40px;}
.TopBox .main .Word{float:left;max-width:650px;}
.TopBox_right{ width:auto; float:right;line-height:40px;height:40px;text-align:right;}
.TopBox_right span.wei_ico{background:url(/images/public/wx.png) center center no-repeat; cursor:pointer; width:100px; height:40px; display:inline-block;  position:relative;}
.TopBox_right span.wei_ico:hover .TopBox_wei{ display: block;}
.TopBox_wei{ position:absolute;left:0px; margin-left:-0px; top:40px; z-index:1000; background:#fff; width:110px; height:110px;border:#D9D9D9 1px solid; transition:height 0.3s ease; text-align:center; display:none;}
.TopBox_wei:before{ content:""; position:absolute; left:50%; top:-4px; margin-left:-4px; border-left:8px solid transparent;border-right:8px solid transparent; border-bottom:8px solid #fff;}
.TopBox_wei img{ width:100px; height:100px; margin-top:8px;}
.TopBox_right span.phone_ico{ background:url(/images/public/icon4.png) no-repeat left center; padding-left:30px; margin-left:35px; line-height:40px; float:right; height:40px; font-size:22px; color:#ffffff;}
.TopBox_right span.shop_ico{ background:url(/images/public/sc.png) no-repeat left center; padding-left:25px; margin-left:20px; line-height:40px; float:right; height:40px;}

/*菜单内容*/
.top_main{width:1200px;height:100px;margin:0 auto;}
.top_main .left{margin-top:8px;margin-bottom:4px;float:left;text-align:left;}
.top_main .tel{float:right;background:url(/images/public/tel.gif) no-repeat left; padding-left:44px;margin-top:30px;margin-left:20px;color:#757575;}
.top_main .tel .number{font-size:18px; font-weight:bold; color:#0467C1;}
.main_menu .menubtm
{
	width:100%; 
	height:4px;
	font-size:4px;
	position:absolute;
	z-index:999;
	left:0; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/public/top_btm.png");/*只对IE6有效*/
	background:url(/images/public/top_btm.png) repeat-x !important;
	_background:none;
}
.main_menu{
width:100%;
height:48px;
background-color:#0467C1;
z-index:9999;
}
.main_menu .pro_down{
width:16%;
height:48px;
font-size:16px;
background:url(/images/pro_down.png);
float:left;
background-color:#0284F9;
}
.main_menu .pro_down a{display:block;}
.main_menu .pro_down:hover{
width:16%;
height:48px;
font-size:16px;
background:url(/images/pro_up.png);
float:left;
background-color:#015BAD;
}
.main_menu .pro_title{
color:#ffffff;
padding-left:16px;
line-height:48px;
}
.main_menu .nav a{
width:12%;
height:48px;
line-height:48px;
color:#ffffff;
font-size:16px;
font-family:'Microsoft Yahei'; 
text-align:center;
float:left;
cursor:pointer;
-webkit-transition:background-color 0.3s linear;
-moz-transition:background-color 0.3s linear;
-o-transition:background-color 0.3s linear;
transition:background-color 0.3s linear;
}
.main_menu .nav a:hover{
background-color:#0284F9;
-webkit-transition:background-color 0.3s linear;
-moz-transition:background-color 0.3s linear;
-o-transition:background-color 0.3s linear;
transition:background-color 0.3s linear;}
.sub_menu{
position:relative;
width:1200px;
height:auto;
margin:0 auto;
z-index:100;
margin-top:-0px;
color:#8F8F8F;
display:none;
background:#ffffff;
	}
.sub_menu_left{
width:16%;
padding-left:16px;
border-left:#CCCCCC 1px solid;
border-bottom:#dcdcdc 1px solid;
background-color:#F2F2F2;
height:45px;
font-family:'Microsoft Yahei'; 
line-height:45px;
z-index:999;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sub_menu_left a{
display:block;
}
.sub_menu_left:hover{
	background-color:#0284F9;
}
.sub_menu_left:hover a{
	color:#ffffff;
	transition:all 0.3s ease-in-out 0.2s;
	padding-left:10px;
}
.sub_menu_right{
width:84%;
padding-left:5px;
padding-right:5px;
font-size:13px;
color:#111111;
height:45px;
z-index:999;
font-size:12px;
background-color:#ffffff;
border-right:#CCCCCC 1px solid;
border-bottom:#dcdcdc 1px solid;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.sub_menu .line-height45{
line-height:45px;
}
.sub_menu .line-height23{
line-height:23px;
}

.sub_menu_right span{
color:#717171;
margin-left:2px;
margin-right:6px;
float:left;
}
.sub_menu_right li a{
margin-right:6px;
color:#717171;
float:left;
}
.sub_menu_right li a:hover{
color:#0284F9;
margin-right:6px;
}
#menubtm
{
	width:100%; height:4px; font-size:4px; position:absolute; z-index:997; left:0; top:-2px; margin-top:176px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/public/top_btm.png");/*只对IE6有效*/
	background:url(/images/public/top_btm.png) repeat-x !important;
	_background:none;
}
/*手机端头部*/
.mbolie_head{display:none;width:100%;height:60px;}
.mobile_head .content{display:none;background:#fff;height:60px;width:100%;position:fixed;top:0;left:0;z-index:1000;}
.mobile_head .content .top_left{
	float:left;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:50%;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}
.mobile_head .content .top_left img{width:100%;height:auto;}	
.mobile_head .content .top_right{
	float:right;
	width:50%;
	padding-right:10px;
	padding-top:16px;
	text-align:right;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; 
	}
.mobile_head .content .top_right img{width:100%;height:auto;}	
.mobile_head .content .top_right .mobile_nav{float:right;width:30px;cursor:pointer;}
.mobile_head .content .top_right .mobile_tel{float:right;width:30px;cursor:pointer;margin-right:20px;}
#menuWap{display:none;position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.86);}
#menuWap .close{ width:80%; margin:30px auto; text-align:right;}
#menuWap .close img{height:20px; width:auto; border:1px solid rgba(255,255,255,.2);}
#menuWap ul{width:80%; margin:0px auto; text-align:left;}
#menuWap ul>li{position:relative;display: block;width: 100%;padding: 15px 0px;text-align: left;margin: 0px auto;border-bottom: 1px solid rgba(255,255,255,.3);}
#menuWap ul>li img{position:absolute;z-index:9;right:10px;top:18px;width:18px;height:auto;}
#menuWap ul>li>a {display:block; font-size: 18px;padding:0px 5px; color:rgba(255,255,255,.8);}
#menuWap ul>li.A>a{ color:#0075c2 !important;}
#menuWap ul>li>div{ display:none; padding:10px 0px;}
#menuWap ul>li>div a{display:block;padding:5px;font-size:14px;color:rgba(255,255,255,.6);}
#menuWap .language{ text-align:center; margin:0px auto;}
#menuWap .language a{ display:inline-block; padding:5px; color:rgba(255,255,255,.8);}
/*所在位置*/
/*.position_down{ background:url(/images/main_tbd.jpg) no-repeat top center; width:100%; height:auto; overflow:hidden; padding:0px 0 6px;}*/
.position{height:50px; line-height:50px; background:url(/images/position_icon.jpg) no-repeat left; width:1172px; padding-left:28px;}
.position a{ color:#666; padding:0 8px;}
.position span{ margin-left:8px;}
.position_down{width:100%;height:1px;border-bottom:#ccc 1px solid;box-shadow: 1px 1px 10px #cccccc;}
/*内页左右样式*/
.page_left{
   width:260px;
   float:left;
   margin-right:30px;	
   margin-top:20px;
   margin-bottom:20px;
	}
.page_left .mb20{margin-bottom:20px;}
.procate_menu{
	width:258px;
	box-shadow: 1px 1px 10px #cccccc;
}
.procate_menu h2{
	padding-left:50px;
	background-image:url(/images/lbt_bg.png);
	background-position:10px;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	border-bottom:none;
	line-height:50px;
	background-color:#0E74BC;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:18px;
	text-transform:capitalize;
	}	
.procate_menu ul{
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#ccc 1px solid;
	}
.procate_menu ul li{
	width:100%;
	line-height:35px;
	overflow:hidden;
	}
.procate_menu ul li a{
	font-size:14px;
	line-height:35px;
	color:#333;
	text-transform:capitalize;
	display:block;
	padding-left:10px;
	border-top:1px solid #ccc;
}
.procate_menu ul .on a{
	background-color:#1061BA;
	color:#ffffff;
}
.procate_menu ul li a:hover{
   	background-color:#1061BA;
	color:#ffffff;
	text-indent:20px;
	display:block;
	-webkit-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
	-o-transition:background-color 0.3s linear;
	transition:background-color 0.3s linear;
	}
.procate_menu ul p a{
	background-color:#FDFFFF;
	padding-left:10px;
	display:block;
	line-height:30px;
	}
.procate_menu ul p a:hover{
	background-color:#F09524;
	color:#FFF;
	}
.contact_menu{
	width:258px;
	box-shadow:1px 1px 10px #cccccc;
	margin-top:20px;
}
.contact_menu h2{
	padding-left:50px;
	background-image:url(/images/lbt_bg.png);
	background-position:10px;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	border-bottom:none;
	line-height:50px;
	background-color:#0E74BC;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:18px;
	text-transform:capitalize;}	
.contact_menu ul{
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#ccc 1px solid;
	}
.contact_menu ul li{
	font-size:13px;
	line-height:35px;
	color:#333;
	text-transform:capitalize;
	display:block;
	padding-left:10px;
}
.page_right{
  width:900px;
  margin-top:20px;
  float:left;
  margin-bottom:20px;
	}
.page_right .toptitle{
   font-size:18px;
   font-weight:bold;
   padding:3px 0 5px 0;
   line-height:40px;
   text-align:left;
   height:40px;
   border-bottom:#E4E4E4 1px solid;
	}
.page_right .catetitle{
   font-size:20px;
   font-weight:bold;
   margin-top:20px;
	}
.page_right .catetitle a{color:#0C9742;}
.pageshow{padding-top:10px;border-top:#E6E6E6 1px solid;margin-top:10px; text-align:left;margin-bottom:10px;}
/*分页样式*/
.technorati {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px;PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px;text-align:center;clear:both;
	}
.technorati A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
.technorati A:hover {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
.technorati A:active {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
.technorati SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
.technorati SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #C3C3C3; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
/*底部*/
.footer{background:#176DB7;width:100%;color:#ffffff;overflow:hidden;}
.footer .down_main{width:1200px;margin:0 auto;}
.footer .down_main .menu{width:300px;margin-top:20px;margin-bottom:10px;float:left;}
.footer .down_main .menu p{color:#FFF;font-size:18px;margin-bottom:10px; font-weight:bold;}
.footer .down_main .menu li{font-size:14px;color:#ffffff;margin-bottom:9px;}
.footer .padding_left{padding-left:30px;}
.footer_down{
width:100%;
height:34px;
background:#414141;
}
.footer_down ul{
line-height:34px;
width:1200px;
font-size:12px;
margin:0 auto;
color:#9B9B9B;
}
.footer_down ul a{
color:#9B9B9B;
}
.footer_down ul a:hover{
color:#E6E6E6;
}
/*表单样式*/
input{
	transition:all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	border:#C1C1C1 1px solid;
	border-radius:3px;
	outline:none;
	width:100%;
	height:30px;
	margin-bottom:10px;
}
input:focus{
	box-shadow:0 0 5px 1px rgba(81, 203, 238, 1);
	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);
}
textarea{
	transition:all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	border:#C1C1C1 1px solid;
	border-radius:3px;
	outline:none;
	width:100%;
	height:80px;
	cursor:pointer;
}
textarea:focus{
	box-shadow:0 0 5px 1px rgba(81, 203, 238, 1);
	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);
}
.submit{
   border-radius:3px;
   background-color:#FF8B17;
   color:#ffffff;
   margin-top:10px;
   border:#FF8B17;
   width:120px;
	}
/*线条样式*/
.pro_line{border-bottom:#E3E3E3 1px dotted;margin-bottom:20px;height:0px;}

/*常见问题*/
.faq{padding:0 0 25px;border-bottom:1px solid #eee; margin-bottom:45px;}
.faq dt { padding-left:40px;background:url(/images/products/pro_q.jpg) no-repeat 0 3px;margin-bottom:13px;color:#f1bb00}
.faq dd {padding-left:40px;background:url(/images/products/pro_a.jpg) no-repeat 0 1px;}
/*手机版底部固定*/
.mobilebody_footer {display:none;width: 100%; height: 45px; background: linear-gradient(#0091FA, #005A99) #005A99; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0091FA), to(#005A99)); background: -moz-linear-gradient(top, #0091FA, #005A99);/* Firefox */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0091FA, endColorstr=#005A99, grandientType=0);
bottom: 0; border-top: #005A99 solid 1px; }
.mobilebody_footer ul { width: 100%; height: 45px; line-height: 45px; }
.mobilebody_footer ul li { width: 25%; float: left; color: #fff; }
.mobilebody_footer ul li a { width: 100%; height: 45px; display: block; border-right: #005A99 solid 1px; }
.mobilebody_footer ul li a:hover { background: #005A99; }
.mobilebody_footer ul li dl { width: auto; margin: 0 auto; text-align: center; }
.mobilebody_footer ul li dt { width: auto; height: 25px; overflow: hidden; }
.mobilebody_footer ul li dd { width: auto; height: 20px; font-size: 12px; color: #fff; line-height: 20px; overflow: hidden; }
/* PC端客服 */
.kefu {
	position: fixed;
	right: -170px;
	top: 60%;
	z-index: 900;
	cursor:pointer;
}
.kefu li a {
	text-decoration: none;
}
.kefu li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.kefu li i {
	background: url(/images/kf/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0 auto;
	text-align: center;
}
.kefu li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin: 0;
}
.kefu .kefu-qq i {
	background-position: 4px 5px;
}
.kefu .kefu-tel i {
	background-position: 0 -21px;
}
.kefu .kefu-liuyan i {
	background-position: 4px -53px;
}
.kefu .kefu-weixin i {
	background-position: -34px 4px;
}
.kefu .kefu-weibo i {
	background-position: -30px -22px;
}
.kefu .kefu-ftop {
	display: none;
}
.kefu .kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.kefu .kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.kefu .kefu-tel-right {
	font-size: 18px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
	font-weight:bold;
}
.kefu .kefu-qq-right {
	font-size: 18px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
	font-weight:bold;
}
.kefu .kefu-right {
	width: 20px;
}
.kefu .kefu-tel-main {
	background: #0890e1;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-qq-main {
	background: #0890e1;
	color: #fff;
	height: 56px;
	width: 220px;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-main {
	background: #0890e1;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}
@media only screen and (max-width: 750px) {
.wrap{
width:calc(100% - 20px);	
	}
.pc_head{display:none;}
.mbolie_head{display:block;}
.kefu{display:none;}
/*手机版底部导航*/
.footer .down_main{width:calc(100% - 20px);margin:0 auto;}
.footer .down_main .menu{width:100%;margin-top:20px;margin-bottom:10px;float:none;}
.mobilebody_footer {display:block;}
.mobile_head{display:block;width:100%;height:60px;background:#fff;}
.mobile_head .content{
	display:block;
	background:#fff;
	height:60px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	box-shadow: 1px 1px 10px #cccccc;
}
#pc_banner{display:none;}
#mobile_banner{display:block;}
.position{display:none;}
.position_down{display:none;}
/*手机端页面左右样式*/
.page_left{
   width:100%;
   float:none;
   margin-right:30px;	
   margin-top:20px;
   margin-bottom:20px;
	}
.procate_menu{
	width:100%;
	box-shadow: 1px 1px 10px #cccccc;
}
.procate_menu ul{
	display:none;
}

.contact_menu{
	width:100%;
	box-shadow: 1px 1px 10px #cccccc;
	margin-top:20px;
}
.contact_menu ul{
	display:none;
}
.page_right{
  width:100%;
  margin-top:10px;
  float:none;
  margin-bottom:20px;
	}
}