﻿@charset "utf-8";

/*reset*/


.header, .content, .container {

	margin-left: auto;

	margin-right: auto;

	width: 1200px;

}

/* CSS reset for c_b */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

table th, table td {

	padding: 5px;

}

fieldset, img {

	border: 0;

}

address, caption, cite, code, dfn, em, th, var, i {

	font-style: normal;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

ception, th {

	text-align: left;

}

q:before, q:after {

	content: '';

}

abbr, acronym {

	border: 0;

}

a {

	color: #666;

	text-decoration: none;

}  /*for ie f6n.net*/

a:focus {

	outline: none;

} /*for ff f6n.net*/

/*定位*/



.tl {

	text-align: left;

}

.tc {

	text-align: center;

}

.tr {

	text-align: right;

}

.bc {

	margin-left: auto;

	margin-right: auto;

}

.fl {

	float: left;

	display: inline;

}

.fr {

	float: right;

	display: inline;

}

.ov {

	overflow: hidden;

}

.zoom {

	zoom: 1

}

.hidden {

	visibility: hidden;

}

.vam {

	vertical-align: middle;

}



/*清除浮动*/



.clear:after {

	content: '';

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clear { /*兼容 IE*/

	zoom: 1;

}

/*清除浮动*/



.clearfix:after {

	content: '';

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix { /*兼容 IE*/

	zoom: 1;

}

 -moz-box-sizing:content-box;

 -webkit-box-sizing:content-box;

 box-sizing:content-box;

/*其他*/



.curp {

	cursor: pointer

}

;

/*原reset*/



sup {

	vertical-align: baseline;

}

sub {

	vertical-align: baseline;

}

input, button, textarea, select, optgroup, option {

	font-family: inherit;

	outline: none;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

}

input, button, textarea, select {

*font-size:100%;

}

input, select {

	vertical-align: middle;

}

body {

	font: 12px/1.231 arial, helvetica, clean, sans-serif;

}

select, input, button, textarea, button {

	font: 99% arial, helvetica, clean, sans-serif;

}

table {

	font-size: inherit;

	font: 100%;

	border-collapse: collapse;

}

pre, code, kbd, samp, tt {

	font-family: monospace;

*font-size:108%;

	line-height: 100%;

}

/*title*/



h1 {

	font-size: 32px;

}

h2 {

	font-size: 26px;

}

h3 {

	font-size: 20px;

}

h4 {

	font-size: 14px;

}

h5 {

	font-size: 12px;

}

h6 {

	font-size: 10px;

}

/*end reset*/











/* CSS Document */



body {

	background-color: #fff;

	overflow-x: hidden;

	color: #666;

	font-size: 14px;

	font-family: microsoft yahei, "微软雅黑";

	position: relative;

}/*网站字体颜色*/

.hong {

	color: #d21302;

}

.header, .container {

	margin-left: auto;

	margin-right: auto;

	width: 1200px;

	position: relative;

}

.wrap-header {

	height: 44px;

	border-bottom: 1px solid #e8e8e8;

	background: #fff;

}

.header p {

	float: left;

	height: 44px;

	line-height: 44px;

}

.header .hdu1 {

	float: right;



}

.header .hdu1 li {

	float: left;

}

.header .hdu1 li a {

	height: 44px;

	line-height: 44px;

	padding-left: 20px;

	margin-right: 30px;

}

.header .hdu1 li a.h_li01 {

	background: url(../images/lxfs.png) no-repeat left center;

}

.header .hdu1 li a.h_li02 {

	background: url(../images/liuyan.png) no-repeat left center;

}

.header .hdu1 li a.h_li03 {

	background: url(../images/diqiu.png) no-repeat left center;

}

.header .h_bj {

	position: absolute;

	right: -20px;

	top: 0;

}

/* logo部分 */



.wrap-logo {

	border-bottom: 1px solid #e8e8e8;

	background: #fff;

}

.logo {

	width: 1200px;

	height: 135px;

	margin: 0 auto;

	position: relative;

}

.logo .logo_h1 {

	position: absolute;

	left: 0;

	top: 35px;

}

.trait {

	width: 665px;

	height: 47px;

	position: absolute;

	left: 250px;

	top: 45px;

	color: #333;

	border-left: 1px solid #f1f1f1;

	padding-left: 16px;

}

.trait .trait01 {    font-weight: 700;

	font-size: 30px;

	position: relative;

	color: #c60000;

}

.trait .trait01 b {

	color: #8e0c0e;

}

.trait .trait02 {

	font-size: 12px;

	position: relative;

	color: #666;

}

.l_search {

	height: 43px;

	position: absolute;

	left: 666px;

	top: 47px;

	width: 240px;

	border: 1px solid #ddd;

}

.l_case {

	width: 195px;

	border: none;

	height: 43px;

	line-height: 43px;

	text-align: center;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	padding-left: 20px;

	background: url(../images/l_xl.png) no-repeat 175px center;

	color: #666;

}

.l_sea {

	width: 42px;

	border-left: 1px solid #ddd;

	height: 42px;

}

.l_sea input {

	border: none;

	width: 250px;

	height: 42px;

	float: left;

	line-height: 42px;

	text-indent: 12px;

	color: #666;

	display: none;

}

.l_sea a {

	float: right;

	width: 42px;

	height: 42px;

	background: url(../images/l_search.png) no-repeat center;

	border-left: 1px solid #ddd;

}

.tel {

	width: 200px;

	height: 50px;

	position: absolute;

	right: 0;

	top: 30px;

	padding-left: 35px;

	background: url(../images/h_tel.png) no-repeat left 7px;

}

.tel .tel_p1 {

	font-size: 14px;

	color: #333;

	height: 18px;

	line-height: 18px;

}

.tel .tel_p2 {

	font-size: 28px;

	color: #c60000;

	height: 30px;

	line-height: 30px; font-family:"impact";

}

.eemmss {

	z-index: 999999;

	overflow: hidden;

	width: 94px;

	height: 94px;

	padding: 5px;

	position: fixed;

	left: 70%;

	top: 34px;

	margin-left: -112px;/* display:none; */

	background-color: #fff;

	border: 1px solid #ccc;

}

.eemmss img {

	display: block;

	width: 100%;

	height: 100%;

}

/* nav部分 */



.Nav {

	height: 59px;

	background: #fff;

	position: relative;

	z-index: 5;

}

.navBox {

	height: 59px;

	line-height: 59px;

	position: relative;

}

.navUl {

	width: 102%

}

.navUl li {

	font-size: 16px;

	float: left;

	list-style-type: none;

	position: relative;

	height: 59px;

	border-left: 1px solid #e8e8e8;

	z-index: 99;

}

.navUl li:last-child {

	border-right: 1px solid #e8e8e8;

}

.navUl li a {

	display: block;

	color: #333333;

	text-align: center;

	position: relative;

	width: 150px;

}

.navUl li:hover a,  li.cur a {

	background: #c60000;

	color: #fff;

}

.navUl li:hover>a,  li.navli.cur>a, li.navli>ul>li.cur>a {

	color: #fff;

}




/* footer */
.footer{width: 100%;}
.footer .footerTop{width: 100%;background: #2a2a2a;padding-top: 45px;height: 322px;}
.footer .footerTop dl{float: left;border-right: 1px dotted #444444;height: 292px;}
.footer .footerTop dt{font-size: 14px;color: #fff;font-weight: bold;padding-left: 28px;line-height: 20px;margin-bottom: 20px;}
.footer .footerTop dl.dl1 dt{background: url(../images/footer_icon01.png) no-repeat left center;}
.footer .footerTop dl.dl2 dt{background: url(../images/footer_icon03.png) no-repeat left center;}
.footer .footerTop dl.dl3 dt{background: url(../images/footer_icon02.png) no-repeat left center;}
.footer .footerTop dd a{display: block;padding-left: 28px;background: url(../images/footer_icon04.png) no-repeat 6px center;font-size: 13px;color: #838080;margin-bottom: 9px;}
.footer .footerTop dl.dl1{width: 188px;}
.footer .footerTop dl.dl2{width: 162px;padding-left: 70px;}
.footer .footerTop dl.dl3{padding-left: 66px;width: 170px;}
.footer .footerTop .box{float: right;width: 488px;margin-top: 20px;}
.footer .footerTop .box .boxL{float: left;width: 333px;}
.footer .footerTop .box .boxL .p1{font-size: 16px;color: #fff;font-weight: bold;padding-left: 40px;background: url(../images/footer_phone.png) no-repeat left center;line-height: 30px;margin-bottom: 20px;}
.footer .footerTop .box .boxL .p1 span{font-size: 20px;color: #fff;font-weight: bold;font-family: arial;}
.footer .footerTop .box .boxL .p2{font-size: 13px;color: #838080;margin-bottom: 10px;}
.footer .footerTop .box .boxL .p2 a{color: #838080;}
.footer .footerTop .box .boxR{float: right;width: 117px;height: 133px;background: #fff;padding-top:4px;text-align: center;}
.footer .footerTop .box .boxR img{display: block;margin: 0 auto;}
.footer .footerTop .box .boxR span{display: block;font-size: 13px;color: #999999;}


.navUl li:hover .sub{ display:block}
.navUl li .l2 a{ background:none !important}
.navUl li .l2 a:hover{ background:#333 !important;}
.sub { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:180px; left: 50%; margin-left: -90px;top:100% !important; background:white; background:rgba(255,255,255,0.8);}
.sub .ul1{ width:100%;}
.sub .l2{ width:100%; float: left; position: relative;
font-size: 16px;
    float: left;
    list-style-type: none;
    position: relative;
    height: 40px;
    border-left:none;
    z-index: 99;
}
.sub .l2 .l2_a{ color:#fff;}
.sub .l2 .l2_a{ line-height: 46px;  width:100%;  display:block; font-size: 14px;  float:left;  color:#333; letter-spacing:1px;}
.sub .l2:hover .l2_a { color:#fff; background:#263c92;}
.sub .l2:hover{ background:white;}
.sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none;  margin:0px;  width:100%;  overflow:hidden;background:url(../images/bg_8.png);/*  box-shadow:0 3px 16px rgba(0,0,0,0.15);*/}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#fff; background: url(../images/bg_3.png);}


.side{position:fixed;width:78px;left:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#c60000;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#c60000;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;right:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;right:-240px;top:-79px;background:#c60000}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#9a0000}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}