@charset "utf-8";
/* CSS Document */
body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; }
a{ text-decoration:none; outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
a{text-decoration:none;}
ul { list-style: none; }
img { border-style: none; border:none;}
body{ width:100%; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; -webkit-text-size-adjust:none; cursor:default;}

/*左右漂浮样式*/
.l{float:left;}
.r{float:right;}

/*clearfix*/
.fix{*zoom:1;*clear:both;}
.fix:before,
.fix:after{content:"";display:table;clear:both;}

/*下拉(组)*/
.sele{position:relative;height:22px;line-height:22px;width:99px;cursor:pointer;font-family:"Microsoft Yahei",Arial; color:#666666;}
.sele_{display:none;position:absolute;width:150px;left:-1px;top:22px;background:#fff;border:1px solid #cacad9;height:auto;overflow:auto;}
.sele_ a{display:block;}
.sele_ a:hover{color:#333;}

.wrap { width:980px; height:auto; clear:both; margin:0 auto;}

/*top*/
.top { background:#fff; height:100px; position:relative; z-index:888;}
.top .top_right{ width:630px; padding-top:10px;}
.i_topr_t .toplan{ width:80px; margin-right:20px; padding-top:3px;}
.i_topr_t span i.jt{ display:inline-block; width:8px; height:5px; background:url(../images/jt_ico.gif) no-repeat 0 0; margin-left:5px;*vertical-align:5px; font-size:0px;}
.i_topr_t .toplg{ width:115px; padding-top:3px; margin-right:30px;}
.i_topr_t .toplg a{color:#666666;}
.i_topr_t .toplg a:hover{ color:#1773bb;}
.i_topr_t .toplan .sele_,.i_topr_t .toplg .sele_{ padding-left:5px; top:25px;}
.i_topr_t .it_sea{ width:262px; height:23px; border:1px solid #d7d7d7;}

.i_topr_t .toplgen{ width:240px; padding-top:3px;}
.i_topr_t .toplgen a{color:#666666;}
.i_topr_t .toplgen a:hover{ color:#1773bb;}

.topyy{ background:url(../images/topyy.png) repeat-x 0 0; height:6px; font-size:0; position:relative; z-index:20;}

/*导航*/
.i_topr_b{ margin-top:20px;float: right;width: 600px;}
.nav li {float: left;width: 100px;position: relative;height: 40px;line-height: 30px;font-size: 15px;text-align: center;}
.nav li a { padding:4px;display: block;height: 40px;position: relative;font-family:"Microsoft Yahei",Arial; color:#333333;font-weight: bold;}
.nav li a:hover{color:#fff;}
.nav li:hover{height:40px;width:100px; background:#1E95FB;}

.index-main-box{position:relative;width:100%;overflow:hidden;height:350px;clear:both;z-index:10;margin-top:-5px; }
/* indexslider */
#indexslider{position:relative;width:1920px;left:50%;margin-left:-920px;height:350px;}
.index-img{display:block;width:1920px;height:350px;overflow:hidden;}
.index-img img{width:1920px;height:350px;}
.index-pagination{position:absolute;z-index:66;top:290px;left:50%;height:30px;width:210px;margin-left:-100px;text-align:center;}
.index-pagination li{display:inline-block;width:30px;position:relative;float:left;height:23px;margin-right:4px;overflow:hidden;background:url(../images/index-ar2r.png) -20px 0px no-repeat;}
.index-pagination li a{position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:2px;color:#5f6a72;text-align:center;}
.index-pagination li a div{position:relative;z-index:555;display:block;height:2px;background:#c9242b;}
.index-pagination li a div span{position:absolute;top:0px;left:0px;height:2px;width:0px;background:#FFF;}
.index-pagination li a div em{position:absolute;display:none;width:27px;height:10px;background: url(../images/car-ico.png) no-repeat;top:-5px;left:1px;}
.index-pagination li.current a{color:#0b4da2;}
.index-pagination li.back{background: url(../images/car-ico.png) no-repeat;display:block;position:absolute;width:27px;height:10px;left:0px;top:4px;z-index:444;}

.ty{ width:100%; height:14px; background:url(../images/b_ty_06.jpg) repeat-x center;}

#content{ width:980px; margin:0 auto;}
.con{width:980px; margin:0 auto; overflow:hidden; margin-top:30px;}
.c_left{ width:276px; float:left;}
#ml{ width:276px; height:452px; background:url(../images/pro_bg_03.jpg) no-repeat center; }
#ml h1{ font-size:18px; color:#1773bb; font:400 18px/normal "Microsoft YaHei";text-shadow:0 0 0 rgba(9,63,109,1); margin-left:85px; padding-top:25px;}
#ml h2{ width:241px; height:32px;  background: url(../images/ph_bg_03.jpg) no-repeat center; margin-top:30px;}
#ml ul li{ line-height:28px; background: url(../images/jt_07.jpg) no-repeat left center; border-bottom:1px dotted #ccc; margin-left:30px;}
#ml ul li a{ padding-left:25px;  color:#333333; display:block; }
#ml h2 a{ font-size:14px; color:#FFF; line-height:32px; text-align:center;display:block;}
#ml ul li a:hover{ color:#1773bb; font-weight:bold;text-decoration:underline;}
#ml ul li:hover,#ml h2 a:hover{ text-decoration:underline;}
#mm{ width:238px; margin:0 auto;}
.p_h{ margin-top:15px;}

.tat{ width:276px; height:342px; background:url(../images/con_bg_11.jpg) no-repeat center;}
.t_h h1{ font-size:18px; height:25px; color:#1773bb; font:400 18px/normal "Microsoft YaHei"; text-shadow:0 0 0 rgba(9,63,109,1);margin-left:85px; padding-top:28px;}
.c_p{ margin-top:15px; height:87px;}
.c_t{ width:200px; margin-top:12px; margin-left:50px;}
.c_t p{ font-size:12px; color:#333333; line-height:26px;}
.c_t p a{ color:#333333;}
.c_t p a:hover{color:#1773bb;text-decoration:underline;}

.c_right{ width:675px; float:right; overflow:hidden;}

/*@ipro*/
.ipro{width:675px; height:540px;}
.ipro-tl{height:48px;background: url(../images/z_h_06.jpg) left 27px no-repeat;}
.ipro-tl h2{font:400 18px/normal "Microsoft YaHei";color:#1773bb;text-shadow:0 0 0 rgba(9,63,109,1);margin-left:27px;}
.ipro-tl .more{ margin-top:2px;width:92px;height:37px;background: url(../images/m_bg_06.jpg) right center no-repeat; padding:20px 5px 0 5px ;text-align:right;}
.ipro-tl .more a{color:#fff;}
.ipro-tl .more a:hover{ font-weight:bold;color:#1773bb;text-decoration:underline;}
.ipro-con{padding-top:22px;}
.ipro-con li{ float:left; padding-bottom:30px;margin-right:20px;}
.ipro-con li img{width:202px;height:154px;overflow:hidden;border:1px solid #b5cfe6; }
.ipro-con li a p{ text-align:center; font-size:12px; color:#333333; line-height:32px;}
.fr {display: inline;float: right;}
.fl {display: inline;float: left;}


.inews{width:675px;}
.inew-tl{height:48px;background: url(../images/z_h_06.jpg) left 27px no-repeat;}
.inew-tl h2{font:400 18px/normal "Microsoft YaHei";color:#1773bb;text-shadow:0 0 0 rgba(9,63,109,1);margin-left:27px;}
.inew-tl .more{ margin-top:2px;width:92px;height:37px;background: url(../images/m_bg_06.jpg) right center no-repeat; padding:8px 5px 0 5px ;text-align:right;}
.inew-tl .more a{color:#fff;}
.inew-tl .more a:hover{ font-weight:bold;color:#1773bb;text-decoration:underline;}
.newtxt li{ width:630px;background: url(../images/hd_21.jpg) no-repeat left center; line-height:36px; border-bottom:1px #ccc dashed; margin-left:10px;}
.newtxt li a{ color:#333333;margin-left:25px;}
.newtxt li a:hover{color:#1773bb;text-decoration:underline;}

.rqzs{ width:980px; margin:0 auto; margin-top:10px;}
.rq_h{ width:980px; height:72px; background:url(../images/rq_h_25.jpg) no-repeat center; }
.rq_h h1{ width:160px; float:left;font:400 18px/normal "Microsoft YaHei";color:#1773bb;text-shadow:0 0 0 rgba(9,63,109,1);margin-left:88px; margin-top:50px;}
.rq_h a{ float:right; margin-top:40px; margin-right:5px; font-size:12px; color:#fff;}
.rq_h a:hover{ font-weight:bold;color:#1773bb;text-decoration:underline;}
.rq_pic{ margin-top:30px;}
.rq_pic li{ float:left;}
.rq_pic li img{ width:212px; height:160px; padding:4px;border:1px solid #b5cfe6;margin-right:22px;}
.rq_pic li p{ text-align:center; font-size:12px; color:#333333; line-height:32px;}

.yq{ width:100%; height:50px; background:#1773bb;}
.yq_h{ width:980px; margin:0 auto;}
.y_l{ width:150px; height:50px; background:url(../images/yq_h_33.jpg) no-repeat center;float:left;}
.y_l h1{color:#03f7ec; font:400 16px/normal "Microsoft YaHei";text-shadow:0 0 0 rgba(9,63,109,1); margin-left:80px; padding-top:25px; } 
.y_x{ float:left; margin-left:50px;}
.y_x a{ font-size:12px; color:#fff; line-height:50px; margin-right:30px;}
.y_x a:hover{text-decoration:underline;}

#foot{ width:100%; height:210px; background:#1773bb; margin-top:1px;}
.foot{ width:980px; margin:0 auto; height:170px;}
.f_le{ width:185px; height:185px; background: url(../images/f_dt_36.jpg) no-repeat; float:left;}
.f_len{ width:185px; height:185px; background: url(../images/f_tden_36.jpg) no-repeat; float:left;}
.f_mi{ width:570px; float:left; margin-top:40px; margin-left:15px;}
.f_mi p{ font-size:12px; color:#fff; padding-bottom:20px;}
.f_mi p a{ color:#fff; margin:0 1.2em;}
.f_mi p a:hover{text-decoration:underline;}
.f_mi span{ font-size:12px; color:#fff; padding-bottom:20px;}
.f_mi span a{ color:#fff;}
.f_mi span a:hover{text-decoration:underline;}
.f_ri{ width:117px; height:117px; float:right; margin-top:35px; margin-right:25px;}

.key{ width:980px; margin:0 auto; height:80px; border-top:1px #03F solid;}
.key p a{ line-height:30px; color:#0CC; margin-right:10px;}
.key p a:hover{text-decoration:underline;}

/*内页*/
.n_ban{ width:100%; height:250px; background:url(../images/n_ban.jpg) no-repeat center;clear:both;z-index:10;margin-top:-5px;}
.pro{width:675px; overflow:hidden;}

/*简介*/
.about{padding-top:20px;}
.about p{ font-size:12px; color:#333333; line-height:28px; }
.about p a{ color:#1773bb;}
.about p a:hover{text-decoration:underline;}

/*新闻*/
.new{padding-top:20px;width:650px; margin:0 auto;}
.rignew li{ line-height:32px;border-bottom:1px dashed #bebebe; background: url(../images/hd_21.jpg) no-repeat 0px 50%; padding-left:20px;}
.rignew li span{ float: right;font:12px/20px Arial; color:#666666; }
.rignew li a{ font-size:12px; color:#333;}
.rignew li a:hover{color:#da9605;}

/*产品*/
.product{padding-top:20px;}
.pro_p li{ float:left;}
.pro_p li img{ width:202px; height:154px; margin-right:20px;border:1px solid #b5cfe6;}
.pro_p li p{ font-size:12px; color:#333333; text-align:center; line-height:32px; padding-bottom:25px;}

/*联系*/
.contact{padding-top:20px;}
.contact p{ font-size:12px; color:#333333; line-height:28px; }
.contact p a{ color:#1773bb;}
.contact p a:hover{text-decoration:underline;}

.sroll{ width:980px; height:45px; margin:0 auto; border-bottom:1px #ccc dashed;}
.s_le{height:53px; width:90px; float:left;}
.s_le h1{ font-size:14px; color:#ff0309; font-weight:bold; line-height:53px;}
.s_rig{ width:890px;height:53px;float:right;}


@import "font-awesome.css";

.venus-menu{
	position:relative;
	float:left;
	font-family:'Open Sans', sans-serif;
	list-style:none;
	background:#fff;
}
.venus-menu li{
	display:inline-block;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.venus-menu > li > a{
	width:80px; margin-right:20px; padding-top:3px;font-family:"Microsoft Yahei",Arial;   
	font-size:12px;
	color:#666;
	text-decoration:none;
	display:block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.venus-menu > li > a i{
	color:#bababa;
}
.venus-menu ul, .venus-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99;
	width:130px;
}
.venus-menu ul{
	top:15px;
	left:0;
	padding-top:10px;
}
.venus-menu > li > ul > li:first-child a:before{
	content:'';
	position:absolute;
	bottom:10px;
	width:0;
	height:0;
}
.venus-menu > li > ul > li ul li:first-child a:before{
	content:'';
	position:absolute;
	bottom:16px;
	left:45%;
	margin-left:-71px;
	width:0;
	height:0;
}
.venus-menu ul li ul{
	top:0;
	left:100%;
	padding-left:10px;
}
.venus-menu ul li{
	clear:both;
	width:100%;
	border:1px #cccccc solid;
}
.venus-menu ul li a{
	padding:10px 10px;
	width:100%;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	float:left;
	clear:both;
	background:#fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{
	color:#666;
	text-decoration:underline;
}
.venus-menu > li .indicator{
	position:absolute;
	color:#bababa;
	top:2px;
	right:25px;
	font-size:20px;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
	color:#fff;
}
.venus-menu ul > li .indicator{
	top:14px;
	right:8px;
	color:#fff;
}
.venus-menu i{
	line-height:10px !important;
	margin-right:6px;
	font-size:20px;
	float:left;
}

@-webkit-keyframes zoomOut{
	0%{
		-webkit-transform:scale(.6);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes zoomOut{
	0%{
		-moz-transform:scale(.6);
	}
	100%{
		-moz-transform:scale(1);
	}
}
@-o-keyframes zoomOut{
	0%{
		-o-transform:scale(.6);
	}
	100%{
		-o-transform:scale(1);
	}
}
@keyframes zoomOut{
	0%{
		transform:scale(.6);
	}
	100%{
		transform:scale(1);
	}
}

@media only screen and (max-width:768px){
	.venus-menu li{
		display:block;
		width:100%;
	}
	.venus-menu > li > a{
		padding:13px 0 14px 20px;
	}
	.venus-menu > li.brand{
		display:none !important;
	}
	.venus-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu ul, .venus-menu ul li ul{
		width:100%;
		padding:0;
		left:0;
		border:none;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
		border:none;
	}
	.venus-menu ul li{
		border-left:none;
		border-right:none;
	}
	.venus-menu ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.venus-menu ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li .indicator{
		top:14px;
		right:20px;
		font-size:20px;
	}
	.venus-menu ul > li .indicator{
		top:10px;
		right:20px;
	}
	.venus-menu > li > ul > li > a{
		padding-left:40px !important;
	}
	.venus-menu > li > ul > li > ul > li > a{
		padding-left:60px !important;
	}
	.venus-menu > li > ul > li > ul > li > ul > li > a{
		padding-left:80px !important;
	}
}

#sanhua{
	background-color: #f8f8f8;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	height:34px;
	font-size:12px;
	color:#666;
}