﻿@charset "utf-8";
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;}
body {font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#626262; margin:0px;padding:0; overflow-x:hidden;}
ul,ol{padding:0px; margin:0px;}
ul li,ol li{ list-style-type:none;margin:0px; }
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,form{margin:0 auto;padding:0; font-weight: normal;}
th,td,ul,ol,textarea,input{padding:0;color:#333333}
i{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333333;}
a:hover{ color:#F08519;}
li{list-style:none}
img{border:none}
.en {
FONT-SIZE: 12px; COLOR:#ADADAD; FONT-FAMILY: "Arial";line-height: 20px;text-transform: none;font-weight: normal;
}
.p{margin-bottom:10px;}
.clear{clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}
.clearfix {zoom:1;}
.fleft{float:left}
.fright{float:right}
.over_id {display:block;}
.out_id {display:none;}
.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;}
#pc_banner{display:block;}
#mobile_banner{display:none;}
/*标题字体*/
.f12 { font-size: 12px;font-family:Arial, Helvetica, sans-serif;line-height:26px;}
.f13 { font-size: 13px;font-family:Arial, Helvetica, sans-serif;line-height:25px;}
.f14 { font-size: 14px;font-family:Arial, Helvetica, sans-serif;line-height:29px;}
.f15 { font-size: 15px;font-family:Arial, Helvetica, sans-serif;line-height:30px;}
.f16 { font-size: 16px;font-family:Arial, Helvetica, sans-serif;line-height:31px;}
.f17 { font-size: 17px;font-family:Arial, Helvetica, sans-serif;line-height:32px;}
.f18 { font-size: 18px;font-family:Arial, Helvetica, sans-serif;line-height:34px;}
.f19 { font-size: 19px;font-family:Arial, Helvetica, sans-serif;line-height:35px;}
.f20 { font-size: 20px;font-family:Arial, Helvetica, sans-serif;line-height:36px;}
.f21 { font-size: 21px;font-family:Arial, Helvetica, sans-serif;line-height:37px;}
.f22 { font-size: 22px;font-family:Arial, Helvetica, sans-serif;line-height:39px;}
.f23 { font-size: 23px;font-family:Arial, Helvetica, sans-serif;line-height:40px;}
.f24 { font-size: 24px;font-family:Arial, Helvetica, sans-serif;line-height:41px;}
.f25 { font-size: 25px;font-family:Arial, Helvetica, sans-serif;line-height:42px;}
.f26 { font-size: 26px;font-family:Arial, Helvetica, sans-serif;line-height:43px;}
.f27 { font-size: 27px;font-family:Arial, Helvetica, sans-serif;line-height:44px;}
.f28 { font-size: 28px;font-family:Arial, Helvetica, sans-serif;line-height:48px;}
.f29 { font-size: 29px;font-family:Arial, Helvetica, sans-serif;line-height:49px;}
.f30 { font-size: 30px;font-family:Arial, Helvetica, sans-serif;line-height:50px;}
.f31 { font-size: 31px;font-family:Arial, Helvetica, sans-serif;line-height:51px;}
.f32 { font-size: 32px;font-family:Arial, Helvetica, sans-serif;line-height:52px;}
.f33 { font-size: 33px;font-family:Arial, Helvetica, sans-serif;line-height:53px;}
.f34 { font-size: 34px;font-family:Arial, Helvetica, sans-serif;line-height:54px;}
.f35 { font-size: 35px;font-family:Arial, Helvetica, sans-serif;line-height:55px;}
.f36 { font-size: 36px;font-family:Arial, Helvetica, sans-serif;line-height:56px;}
.f37 { font-size: 37px;font-family:Arial, Helvetica, sans-serif;line-height:57px;}
.f38 { font-size: 38px;font-family:Arial, Helvetica, sans-serif;line-height:58px;}
.big_bt{font-family:Arial, Helvetica, sans-serif;font-size:28px;line-height:50px;color:#000000;}
.b{font-weight:bold;}
.space{margin-right:5px;}
/*颜色*/
.c1{color:#FF0909;}
.c2{color:#FFF;}
.c3{color:#3C97E1;}
.write{color:#ffffff}
.red{color:#C40000}
.black{color:#1C1C1C}
.hs{color:#666666}
.shs{color:#5E5E5E}
.dls{color:#36C7F3}
.c4{color:#F08519}
/*间隔*/
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml80{margin-left:80px;}
.mr10{margin-right:10px;}
.mr25{margin-right:25px;}
.mr28{margin-right:28px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mb8{margin-bottom:8px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb20{margin-bottom:20px;}
.pl10{padding-left:10px;}
.paddingtop20{padding-top:20px;}
.paddingtop30{padding-top:30px;}
.paddingtop40{padding-top:40px;}
.paddingtop80{padding-top:80px;}
.paddingtop100{padding-top:100px;}
.paddingtop110{padding-top:110px;}
.paddingtop220{padding-top:220px;}
.paddingleft140{padding-left:140px;}
.paddingleft510{padding-left:510px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom40{padding-bottom:40px;}
/*返回顶部*/
#goTopBtn{position: fixed;line-height:36px;width:36px;bottom:35px;height:36px;cursor:pointer;display:none;background:url(/images/back_to_top_white.gif);}
/*PC端头部菜单*/
.pc_head{display:block;}
.top_logo{width:1200px;height:90px;margin:0 auto;margin-top:10px;text-align:center;}
.top_logo .left{margin-top:4px;float:left;text-align:left;}
.top_logo .right{float:right;margin-top:20px;margin-bottom:5px;}
.main_menu{width:100%;height:45px; background-color:#4B4B4B;box-shadow: 1px 1px 20px #ccc;position:relative;z-index:999;}
.main_menu .nav{
	height:45px;
	line-height:45px;
	float:left;
	width:240px;
	height:45px;
	line-height:45px;
	color:#ffffff;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
	}
.main_menu .nav:hover{
line-height:48px;
background-color:#F08519;
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 .active{
background-color:#F08519;
color:#ffffff;
cursor:pointer;
}
/*产品下拉*/
.pro_sub_menu{
position:absolute;
width:718px;
height:auto;
margin:0 auto;
z-index:9999;
top:45px;
left:0px;
text-align:left;
border-left:#DBDBDB 1px solid;
border-right:#DBDBDB 1px solid;
border-bottom:#DBDBDB 1px solid;
display:none;
background:#ffffff;
box-shadow: 1px 1px 10px #B2B2B2;
	}
.pro_sub_menu .procate
	{
		background-color:#FEF8F1;
		position:relative;
		height:100%;
		line-height:25px;
		color:#F08519;
		border-bottom:#FEEFDA 1px solid;
		width:239px;
		float:left;
	}
.pro_sub_menu .procate:hover
	{
		background-color:#F08519;
		-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;
 	}
.pro_sub_menu .procate:hover .left{color:#ffffff;}
.pro_sub_menu .procate .left
	{
	margin-left:10px;
	font-size:12px;
	line-height:40px;
	height:40px;
	width:calc(100% - 50px);
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	}
.pro_sub_menu .procate .right
	{
	float:right;
	background:#FFF;
	height:35px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:2px;
	}
.pro_sub_menu .procate ul{
	position:relative;
width:100%;
font-size:11px;
z-index:20;
display:none;
background:#FFE7D0;
font-family:Arial, Helvetica, sans-serif;

	}
.pro_sub_menu .procate ul li{
 margin-left:10px;
 height:25px;
font-size:11px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
 font-family:Arial, Helvetica, sans-serif;
	}
.sreach {width:202px;float:right;margin-top:30px;}
.sreach input{width:140px;padding-left:5px;height:23px;line-height:23px;border:1px solid #e0e0e0;color:#b4b4b4;margin-left:10px;display:inline;overflow:hidden;}
.sreach a{width:24px;height:23px;display:inline-block;text-align:center;line-height:25px;color:#fff!important;font-weight:700;overflow:hidden;background:url(/images/sear_a.gif) no-repeat;border:1px solid #e0e0e0;border-left:0px;}
.Banner_bottom{margin:0 auto;width:1200px; overflow:hidden;}
/*手机端头部*/
.mobile{display: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;margin-left:10px;margin-top:10px;margin-bottom:2px;}
.mobile_head .content .top_right{float:right;margin-right:10px;margin-top:18px;text-align:right;}
.mobile_head .content .top_right .mobile_tel{float:left;width:25px;height:auto;cursor:pointer;margin-right:20px;}
.mobile_head .content .top_right .mobile_nav{float:left;width:25px;height:20px;cursor:pointer;}
.mobile_subnav .main{width:100%;top:4px;position:relative;z-index:500;}
.mobile_subtel{padding:16px 10px 16px 10px;width:100%;height:115px;position:relative;z-index:500; background:url(/images/index/top_tel_bg.png);display:none;color:#ffffff;border-bottom:#95A4B5 1px solid;}
.mobile_subtel p{line-height:25px;}
.mobile_subtel a{color:#ffffff;}
.mobile_subnav1{width:50%;overflow-y:scroll;background:#F08519;position:absolute;left:0;top:0;border-right:1px solid #FEEFDA;left:-100%;z-index:40;}
.mobile_subnav1 li,
.mobile_subnav2 li,
.mobile_subnav3 li{padding:0 8%;height:42px;position:relative;}
.mobile_subnav1 ul a{display:block;border-bottom:1px solid #FCB656;font-size:12px;line-height:37px;padding-top:4px;color:#ffffff;}
.mobile_subnav_back{width:100%;height:45px;display:none;position:relative;z-index:500;background:url(/images/index/arrow12.png) #D50010 4% center no-repeat;background-size:23px;}
.mobile_subnav1 li i{display:block;width:6px;height:9px;background:url(/images/index/arrow10.png) no-repeat;background-size:100%;position:absolute;top:18px;right:-1px;display:none;}
.mobile_subnav1 li.on i{display:block;}
.mobile_subnav1 li.on{background:#C76A0E;color:#ffffff;}
.mobile_subnav2,
.mobile_subnav3{width:50%;position:absolute;top:0;left:-51%;border-right:1px solid #FF6A76;background:#fff;z-index:20;overflow-y:scroll;font-size:10px;}
.mobile_subnav2 ul,
.mobile_subnav3 ul{display:none;}
.mobile_subnav2 li a,
.mobile_subnav3 li a{display:block;border-bottom:1px solid #e1e1e1;line-height:37px;padding-top:4px;color:#888;}
.mobile_subnav2 li i{display:block;width:7px;height:11px;background:url(/images/index/arrow11.png) no-repeat;background-size:100%;position:absolute;top:17px;right:-1px;display:none;}
.mobile_subnav2 li.on i{display:block;}
.mobile_subnav2 li.on{background:#E70012;}
.mobile_subnav2 li.on a{color:#fff;border-bottom:1px solid #E70012 !important;}
.mobile_subnav3{margin-left:1px;z-index:10;}
.mobile_subnav3 li a:hover,.mobile_subnav3 li a.on{color:#E70012;}
/*产品排列样式*/
.toptitle{
   height:45px;
   margin-bottom:26px;
   font-size:32px;
   text-align:center;
   color:#333;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   margin-top:16px;   
}
.pro_list{
	width:204px;
	float:left;
	margin-bottom:24px;
	background-color:#FFFFFF;
	height:auto;
	z-index:5;
	overflow: hidden;
	}
.pro_list:hover{
	box-shadow: 1px 1px 10px #cccccc;
	}
.pro_list .content{
	text-align:center;
	border:#CCC 1px solid;
	box-shadow: 1px 1px 10px #cccccc;
	left:0;
    top:0;
	cursor:pointer;
	z-index:4;
	overflow: hidden;

	}
.pro_list .content img{
    width:180px;
	height:180px; 
	transform: scale(0.9);
	transition: all 0.5s;  
	z-index:3;
	position:relative;
}
.pro_list:hover .content img{
	transform: scale(1);
	transition: all 0.5s;  
		}
.pro_list .content .title{
	text-align: center;
	height:35px;
	text-align:center;
	font-size:13px;
	line-height:35px;
	width:100%;
	background-color:#EEEEEE;
	color:#3A3A3A;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position:relative;
	z-index:5;

	}
.pro_list:hover .content .title{
	background-color:#F08519;
	color:#ffffff;
	-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;
	}
.pro_list .shorttitle{
	padding:10px 0 0 0;
	text-align:left;
	line-height:25px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}
/*内页左右样式*/
.page_left{
   width:260px;
   float:left;
   margin-right:30px;	
   margin-top:10px;
   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:#F08519;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	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:#F08519;
	color:#ffffff;
}
.procate_menu ul li a:hover{
   	background-color:#F08519;
	color:#ffffff;
	-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:#FEF8F1;
	padding-left:10px;
	display:block;
	line-height:25px;
	}
.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:#F08519;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	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:10px;
  float:left;
  margin-bottom:20px;
	}
.page_right .toptitle{
   font-size:18px;
   font-weight:bold;
   padding:3px 0 5px 0;
   line-height:22px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   height:28px;
   border-bottom:#cccccc 1px solid;
	}
/*所在位置*/
.position{margin-top:15px;line-height:30px;background-image:url(/images/home.png);background-repeat:no-repeat;background-position:left center;padding-left:25px;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.position a{ color:#666; padding:0 8px;font-size:12px;}
.position span{ margin-left:8px;}
.position_down{width:100%;height:1px;border-bottom:#ccc 1px solid;box-shadow: 1px 1px 10px #cccccc;}


/*底部*/
.footer{background:#F08519;width:100%;font-family:Arial;color:#ffffff;overflow:hidden;}
.footer_img{border-radius:8px 8px 8px 8px;float-left:left;margin-right:2px;box-shadow: 1px 1px 6px #BF660D;}
.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{font-family:Arial, Helvetica, sans-serif;color:#FFF;font-size:22px;margin-bottom:10px;}
.footer .down_main .menu li{font-size:12px;color:#ffffff;margin-bottom:9px;}
.footer .padding_left{padding-left:30px;}
.footer_down{
width:100%;
height:34px;
background:#4B4B4B;
}
.footer_down ul{
line-height:34px;
width:1200px;
font-size:12px;
margin:0 auto;
color:#ffffff;
}
.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;
}
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;
	}
.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;}

/* 固定位置客服 */
#leftsead{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px;}
#leftsead li a{font-size:15px;font-family:"微软雅黑";color:#ffffff; text-decoration:none;font-weight:bold;}
#leftsead li a:hover{font-size:15px;font-family:"微软雅黑";color:#ffffff; text-decoration:none;font-weight:bold;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}
@media only screen and (max-width: 750px) {
.pc_head{display:none;}
.footer_down{display:none;}
.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;}
.wrap{
width:calc(100% - 20px);
margin:0 auto;
	}
/*手机版底部导航*/
.footer .down_main{width:calc(100% - 20px);margin:0 auto;}
.footer .down_main .menu{width:50%;margin-top:20px;margin-bottom:10px;float:left;}
/*产品列表*/
.pro_list{
	width:100%;
	float:none;
	margin-bottom:24px;
	background-color:#FFFFFF;
	height:auto;
	z-index:5;
	}	
.pro_list .content img{
    width:100%;
	height:auto;
	transform: scale(0.9);  
	transition: all 0.6s;  
	z-index:3;
}
/*手机端页面左右样式*/
.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;
	}
}