@charset "utf-8";
/* CSS Document */
html,body{font-family:Arial, "Microsoft YAHEI",Helvetica, sans-serif; font-size: 12px;font-style: normal; line-height: 22px;
 font-weight: normal; font-variant: normal; color:#666;overflow-y:auto; position:relative;}
 body{ overflow-x:hidden; background:#F9F9F9;}
/*.gunstld {
SCROLLBAR-FACE-COLOR: #f892cc;
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;
SCROLLBAR-SHADOW-COLOR: #fd76c2;
SCROLLBAR-3DLIGHT-COLOR: #fd76c2;
SCROLLBAR-ARROW-COLOR: #fd76c2;
SCROLLBAR-TRACK-COLOR: #fd76c2;
SCROLLBAR-DARKSHADOW-COLOR: #f629b9;
SCROLLBAR-BASE-COLOR: #e9cfe0
}*/
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:100; font-size:14px;}
table{ border-collapse:collapse; border-spacing:0;}
a{ outline-style:none; color:#4b4b4b; text-decoration:none; border:0px;}
a:hover{ text-decoration:none; color:#3a7fc2;}
input,select,textarea{font-size:12px; font-family:"微软雅黑"; width:100%; border:0px; outline:none; color:#666}
img{border:0;}
li{list-style-type:none; vertical-align:0}
.hidden{display:none;}
.fleft{float:left}
.fright{float:right}
.fleft_impt{ float:left!important;}
.pr{ position:relative;}
.pa{ position:absolute}
.clear{ clear:both; height:0; line-height:0; overflow:hidden; font-size:0;}
textarea{resize: none;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.fbold{ font-weight:700}
.slans{ color:#022c49;}
.cls{ color:#014b98}
.red{ color:#cc0000;}
.slans1{ color:#1b516a}
.mar0{ margin:0px!important;}
.w1100{ width:1100px; margin:0 auto;}
.w1140{ width:1140px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
/**圆角**/
/**.mbr3{ border-radius:3px;}**/
.mbr3{ border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.mbr5{ border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.mbr10{ border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
.mbr5f{ border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}
/****/
.homeindex{ overflow:hidden; position:relative;}
.bannerindex{ position:relative; overflow:hidden; width:100%; height:100%;}
.bannerindex ul,.bannerindex li{ width:100%; height:100%;}
.bannerindex li{ position:absolute; left:0px; top:0px; overflow:hidden; display:none;}
.bannerindex li.show{ display:block;}
.bannerindex li img{ position:absolute; left:0%; top:50%; display:block; width:100%;}
a.prev_but,a.next_but{ display:block; position:absolute; left:50%; top:50%; width:30px; height:50px; margin-left:-15px; margin-top:-25px; display:none;}
a.prev_but{ background:url(../images/prev1.png) no-repeat left center; margin-left:-680px;}
a.prev_but:hover{background:url(../images/prev1d.png) no-repeat left center;}
a.next_but{ display:block; background:url(../images/next1.png) no-repeat right center; margin-left:650px;}
a.next_but:hover{ background:url(../images/next1d.png) no-repeat right center;}
.header{ background:url(../images/bg1.png); height:85px; position:absolute; left:0px; top:0px; width:100%;}
.header .w1200{ height:85px;}
a.logo{ display:block; background:url(../images/logo.png) no-repeat center center; width:321px; height:43px;}
.header a.logo{}

.logoimg{height: 45px;margin-top: 18px;}


.enclsz{
	margin-right: -30px;
}
.enclsbox{

}
.encls{
	width: 65px!important;padding-right: 10px;
}
.productclsbox {
	width: 155px!important;
}
.productclsbox a {
	width: 155px!important;
}

.productclsbox .xl{
	background-position: 132px 20px!important;
}

.xl2{
	background-image: url(../images/row_down.png);
	background-repeat: no-repeat;
	background-position: 55px 20px;
	background-size: 8px 4px;
}
.enclsz li:hover .xl2{
	width: 70px!important;
	padding-right: 10px;
	height: 45px;
	line-height: 45px;
	margin-top: 22px;
	border-radius: 5px;
	background-color: #3c7ec1;
	color: #fff;
	background-image: url(../images/row_up.png);
	background-repeat: no-repeat;
	background-position: 55px 20px!important;
	background-size: 8px 4px!important;
}
.nav_list li:hover .xl2{
	width: 70px!important;
	padding-right: 10px;
	height: 45px;
	line-height: 45px;
	margin-top: 22px;
	border-radius: 5px;
	background-color: #3c7ec1;
	color: #fff;
	background-image: url(../images/row_up.png);
	background-repeat: no-repeat;
	background-position: 40px 20px;
	background-size: 8px 4px;
}

.enclsbox dl dd a{
	width: 80px!important;
}

.nav_list{ position:absolute; right:0px; top:0px;}
.nav_list li{ height:85px; width:130px; text-align:center; float:left; position:relative;margin-left: 10px;}
.nav_list li>a{ display:block;width: 130px; height: 45px;line-height: 45px;margin-top: 22px;border-radius: 5px;}
.homecls{width: 100px!important;}
.homeclsli2{margin-right: -25px!important; }

/* 所有A标签 */
.nav_list li[name="top1"] dd a {
 display:block;width: 130px; height: 45px;line-height: 45px;
}

/* 第一个A 圆角 */
.nav_list li[name="top1"] dd:first-child a {
 border-radius: 6px 6px 0 0;
}

/* 最后一个A 圆角 */
.nav_list li[name="top1"] dd:last-child a {
 border-radius: 0 0 6px 6px;
}

a.nanvb{ color:#232B2E; font-size:16px; line-height:85px; position:relative; }
.nav_list li.hoverd a.nanvb span{ display:block; position:absolute; height:6px; width:100%; left:0px; top:-5px;}
.nav_list dl{width:130px; border-top:0px; padding-top: 18px;  text-align:center; position:absolute; left:0;display:none;}
.nav_list dd a{ background:#fff; color:#232B2E; font-size:16px; line-height:50px;}
.nav_list dd a:hover{ color:#fff; background:#3c7ec1;}
/* 用 background-color，避免与 .xl 的箭头背景图互相覆盖（勿用 background 简写） */
.nav_list li.choset a.nanvb,
.nav_list li a.cur {
	background-color: #3c7ec1;
	color: #fff;
	background-image: url(../images/row_up.png);
	background-repeat: no-repeat;
	background-position: 110px 20px;
	background-size: 8px 4px;
}
/* 悬停在整个 li 上（含 dl 子菜单）时仍保持顶部 .xl 的“展开”箭头，避免只在 a.xl 上 :hover 导致移入下拉后失效 */
.nav_list li:hover .xl{
	width: 130px;
	height: 45px;
	line-height: 45px;
	margin-top: 22px;
	border-radius: 5px;
	background-image: url(../images/row_up.png);
	background-repeat: no-repeat;
	background-position: 110px 20px;
	background-size: 8px 4px;
}

.nav_list li.choset dl{ display:block;}
/* 箭头只用 background-image，不把整块背景盖住，才能与 .cur 的蓝底叠加 */
.nav_list li .xl{
	background-image: url(../images/row_down.png);
	background-repeat: no-repeat;
	background-position: 110px 20px;
	background-size: 8px 4px;
}
/* 当前页 + 下拉：鼠标在子菜单上时 li 仍 :hover，保持蓝底与 row02 */
.nav_list li:hover a.xl.cur {
	background-color: #3c7ec1;
	color: #fff;
	background-image: url(../images/row_up.png);
	background-repeat: no-repeat;
	background-position: 110px 20px;
	background-size: 8px 4px;
}

.contactclstop a {

}


.fooer{ background:#3576b9; height:60px; width:100%; position: fixed; bottom: 0px;}
.fooer.fot_fd{ position:absolute; left:0px; bottom:0px; }
.fooer dl{width:1200px; height:60px; margin:0 auto;}
.fooer dl dt{ float:left; line-height:60px; color:#eee; font-size:14px; margin-right:30px;}
.fooer dl dd{ float:right; line-height:60px; color:#eee; font-size:14px;}


.imgstylebox1{
	width: 1200px;
	height: 200px;
	margin: 0px auto;
	position: relative;
	top: 55%;
	transform: translateY(-70%);
	z-index: 1000;
	color: red;
}
.imgstyle1{
	width: auto!important;
	height: auto!important;
	margin-top: 0px!important;
	position: relative!important;
	left: 0!important;
	top:0!important;
}