﻿@charset "utf-8";
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;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}
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{clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
.clearfix:after{clear:both;}
.left{ float:left;}
.right{ float:right;}
.mr10{margin-right:10px;}
.page_line{border-bottom:#E4E4E4 1px solid;}
.wrap{width:1200px; margin:0 auto;}
.pagebanner img{width:100%;height:auto;background-repeat:no-repeat;background-position:center;display:block;}
/*位置*/
.fl{float:left;}
.fr{float:right;}
/*标题字体*/
.f16 {font-size: 16px;font-family: "Microsoft yahei";line-height:31px;}
.f28 {font-size:24px;
   font-weight:bold;
   margin-top:20px;
   margin-bottom:18px;
}
/*颜色*/
.c1{color:#838383;}
.c2{color:#FFFFFF;}
.c3{color:#3C97E1;}
.write{color:#ffffff;}
.lcolor{color:#1085D3;}
/*间隔*/
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mt60{margin-top:60px;}
.mr5{margin-right:5%;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml5{margin-left:5%;}
/*顶部内容*/
.pc_head{display:block;z-index:3; background-color:none;}
.TopBox{width:100%;background-color:#176DB7;height:40px;}
.TopBox .main{width:1200px;margin:0 auto;line-height:40px;}
.TopBox .main .Word{float:left;max-width:650px;color:#ffffff;}
.TopBox_right{ width:auto; float:right; height:40px;text-align:right;}
.TopBox_right span.wei_ico{background:url(/images/public/icon2.png) center center no-repeat; cursor:pointer; width:29px; height:40px; display:inline-block; margin-right:18px; position:relative;}
.TopBox_right span.wei_ico:hover .TopBox_wei{ display: block;}
.TopBox_wei{ position:absolute;left:0px; margin-left:-44px; 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.message_ico{ cursor:pointer; position:relative; background: url(/images/public/icon3.png) center center no-repeat; width:29px; height:40px;display:inline-block;}
.TopBox_right span.message_ico:hover .TopBox_message{display: block;}
.TopBox_message{ position:absolute;left:0px; margin-left:-104px; padding-top:12px; font-size:16px; color:#333333; text-align:center; top:40px; z-index:1000; background:#fff;border:#D9D9D9 1px solid;width:228px; height:45px; transition:height 0.3s ease; text-align:center; display:none;}
.TopBox_message: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_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;}
/*菜单内容*/
.header_menu{width:100%;height:80px;line-height:70px;background:#fff;box-shadow: 1px 1px 10px #9E9E9E;z-index:999; position:relative;}
.header_logo{float:left;margin-top:10px;} 
.header_daohan{
	width:701px;
	float:left;
	margin-left:35px;
	position:relative;
	}
.header_daohan li{
	float:left;
	width:116px;
	line-height:80px;
	text-align:center;
}
.header_daohan li a.off{
	color:#333333;
	display:block;
	font-size:17px;
	line-height:80px;
	}
.header_daohan li a.on{
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	background-color:#176DB7;
	line-height:80px;
	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;
	}
.sub_menu{
	position:absolute;
	width:113px;
	text-align:left;
	color:#E8E8E8;
	display:none;
	border-left:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	border-top:#176DB7 3px solid;
	background-color:#ffffff;
	z-index:9998;
	}
.sub_menu p{
	font-size:14px;
	display:block;
	}
.sub_menu p a{
	display:block;
	padding-left:10px;
	line-height:35px;
	border-bottom:#cccccc 1px solid;
	}
.sub_menu p:hover{
	background-color:#F0F0F0;
	-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;
	}
/*手机端头部*/
.mobile_head{display:none;}
.mobile_head .content{display:none;}
/*所在位置*/
/*.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_box {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; LINE-HEIGHT: 12pt; BORDER-BOTTOM:#cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none;height:22px;
}
.content_box {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #cccccc 1px solid; COLOR: #000000; LINE-HEIGHT: 12pt; BORDER-BOTTOM:#cccccc 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none;
}

/*线条样式*/
.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;}
/*手机版底部导航*/
.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;}
.kefu{display:none;}
.mobile_head{width:100%;height:60px;display:block;}
.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;}
.mobile_head .content .top_left{
	float:left;
	padding-left:10px;
    padding-top:10px;
	padding-bottom:2px;
	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:22px;
	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_tel{float:right;width:30px;cursor:pointer;margin-right:8px;}
.mobile_head .content .top_right .mobile_nav{float:right;width:30px;cursor:pointer;}
.mobile_head .content .top_right .mobile_weixin{float:right;width:30px;cursor:pointer;margin-right:8px;}
#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:#E2372E !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);}
#messageWap{display:none;position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.86);}
#messageWap .close{ width:80%; margin:20px auto; text-align:right;}
#messageWap .close img{height:20px; width:auto; border:1px solid rgba(255,255,255,.2);}
#messageWap ul{width:80%; margin:0px auto; text-align:left;}
#messageWap ul>li{position:relative;display: block;font-size:14px;color:#ffffff;padding: 2px 0px;margin-right:10px;text-align:left;}
#weixinWap{display:none;position:fixed; z-index:1001; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.86);}
#weixinWap .close{ width:80%; margin:20px auto; text-align:right;}
#weixinWap .close img{height:20px; width:auto; border:1px solid rgba(255,255,255,.2);}
#weixinWap ul{width:80%; margin:0px auto; text-align:left;}
#weixinWap ul>li{position:relative;display: block;font-size:24px;color:#ffffff;padding: 2px 0px;margin-right:10px;margin-bottom:10px;text-align:center;}
#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;
	}
}