@charset "utf-8";

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #0377B4 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #0377B4 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #0377B4 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_QQ a {
	 color:#fff;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #0377B4 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}




body {
	background-color: #fff;
	font-size: 14px;
/* 	padding-bottom: 600px; */
	font-family: 'Microsoft YaHei';
}
html, body {
    width: 100%;
}

/*头部*/
.logo{
	height: 60px;
}
.header{
	height: 150px;
	background: #000;
}
.header-top{
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
}
#logo-img{
	display: block;
    width: 362px;
    height: 57px;
    float: left;
    padding-left: 318px;
}
.wei{
	float: right;
	position: relative;
}
.wei img{
	margin: 0 10px;
}
.wei .weixin-qr1{
	position: absolute;
	top: 25px;
	left: 0;
	display: none;
	z-index: 9999;
}
.wei .weixin-qr1 img,.wei .weixin-qr2 img{
	width: 110px;
	height: 110px;
}
.wei .weixin-qr2{
	position: absolute;
	top: 25px;
	left: 60px;
	display: none;
	z-index: 9999;
}

.dang{
	width: 1000px;
	margin: 0 auto;
	height: 30px;
	position: relative;
	text-align: center;
	margin-top: 40px;
}
.dang ul{
	/* width: 720px; */
	height: 30px;
	margin: 0 auto;
	display: table;
}
.dang ul li{
	float: left;
	width: 100px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	margin: 0 10px;
	display: table;
}
.dang ul li a{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}
.dang ul li a:hover{
	text-decoration: underline;
}
.dang ul li .xiala dt a{
	color: #333;
	font-size: 14px;
}
.dang ul li .xiala{
	display: none;
	position: absolute;
	z-index: 999;
	background: #fff;
	border-top: 2px solid #076ca2;
	border-bottom: 1px solid #ccc;
	/* width: 940px; */
	/* left: 0; */
	height:auto;
	/* padding: 20px 30px; */
	text-align: left;
	margin-left: 15px;
	padding: 5px 0;
}
.dang ul li .xiala a{
	color: #333;
}
.dang ul li .xiala dl dd{
	border:0;
	/* width: 100px; */
	/* float: left; */
	font-weight: 100;
	font-size: 14px;
	line-height: 30px;
}
.dang ul li .xiala dl dd a{
	color:#888;
	font-size:12px;
	font-weight: 300;
	width: 100px;
}
.dang ul li .xiala .xiala_a{width: 300px;margin-right: 40px;}

.dang ul li .xiala .xiala_b{
	width: 300px;
	margin-right: 20px;
}
.dang ul li .xiala .xiala_c{
	width: 200px;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	padding-bottom: 30px;
}
.dang ul li .xiala .xiala_c dl dd{
	width:100%;
}

.dang ul li div dl dd{
	/* border-bottom: 1px solid #eee; */
	padding: 0 30px 0 10px;
}
.dang ul li .xiala p{
	line-height: 25px;
	color: #888;
	font-size: 12px;
}

.dang ul li .xiala .xiala_pro{
	width: 250px;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	padding-bottom: 0px;
	font-size: 12px;
}
.dang ul li .xiala .xiala_pro dl{
    float: left;
    width: 83px;
    line-height: 25px;
    height: 129px;
}
.dang ul li .xiala .xiala_pro dl dt{
}
.dang ul li .xiala .xiala_pro dl dd{
    width: 83px;
}



.dang ul li .pro_xl{
	display: none;
	position: absolute;
	z-index: 999;
	background: #fff;
	border-top: 2px solid #076ca2;
	border-bottom: 1px solid #ccc;
	width: 940px;
	left: 0;
	height:auto;
	padding: 40px 30px;
	text-align: left;
}

.dang ul li .xiala .pro_xl_pro{
	width: 630px;
	border-left: 1px solid #ccc;
	padding-left: 30px;
	height: 400px;
}

.dang ul li .xiala .pro_xl_pro dl{
    float: left;
    width: 123px;
    line-height: 25px;
    height: 150px;
}
.dang ul li .xiala .pro_xl_pro dl dt{
}
.dang ul li .xiala .pro_xl_pro dl dd{
    width: 83px;
}

.pro_xiala{
	width: 200px;
}
.pro_xiala ul li img{
	width: 231px;
	height: 174px;
	border: 1px solid #ccc;
}
.pro_xiala ul li p{
	line-height: 30px;
}
.pro_xiala ul li:hover p{
	text-decoration: underline;
}



/* banner */
.slide2 {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.slide2 .hd {
	width: 100%;
	overflow: hidden;
	position: absolute;
	text-align: center;
	left: 0;
	bottom: 20px;
	z-index: 1;
}
.slide2 .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slide2 .hd ul li {
	display: inline-block;
	margin: 0px 2px;
	width: 13px;
	height: 13px;
	background: #fff;
	opacity: 0.7;
	cursor: pointer;

/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: 60px 10px 10px;
}
.slide2 .hd ul li.on {
	background: #000;
	opacity: 1
}
.slide2 .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slide2 .bd li {
	zoom: 1;
	vertical-align: middle;
}
.slide2 .bd li .geng{
	position: absolute;
	z-index: 99999;
	top: 150px;
	left: 40%;
	display: none;
}
.slide2 .bd li:hover .geng{
	display: block;
}
.slide2 .bd img {
	width: 100%;

	display: block;
}
.slide2 .prev,  .slide2 .next {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	display: block;
	width: 50px;
	height: 50px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.slide2 .prev{
	left: 3%;
	background-image: url(../images/leftb.png);
}
.slide2 .next {
	right: 3%;
	background-image: url(../images/rightb.png);
}
.slide2 .prev:hover,  .slide2 .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
.slide2 .prevStop {
	display: none;
}
.slide2 .nextStop {
	display: none;
}
.geng{
	background: #fff;
	padding:2.5% 5%;
	text-align: center;
	color:#333;
}
.geng .geng_a{
	height:30px;
	line-height:30px;
	padding-bottom:20px;
	font-size: 20px;
}
.geng .geng_b{
	border:1px solid #eee;
	line-height:30px;
	font-size:12px;
}




/*首页中部内容*/
.Brand{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.index_tit{
	text-align: center;
}
.index_tit_biao{
    height: 60px;
    line-height: 60px;
    font-size: 30px;
}
.index_tit_xian{
	
height: 21px;
}
.index_tit_fu{
    line-height: 35px;
    height: 35px;
    font-size: 16px;
    color: #333;
}

.Brand_photo{
	width: 1200px;
	height: 520px;
	margin-top: 30px;
}
.Brand_photo .Brand_photo_l{
	width:600px;
	height:520px;
	float:left;
}
.Brand_photo .Brand_photo_l img{
	width:600px;
	height:520px;
}
.Brand_photo .Brand_photo_r{
    float: left;
    width: 600px;
    height: 520px;
}
.Brand_photo .Brand_photo_r ul li{
	float:left;
	width:300px;
	height:260px;
}
.Brand_photo .Brand_photo_r ul li img{
	width:300px;
	height:260px;
}
.Brand_photo .Brand_photo_r ul li:hover img,.Brand_photo .Brand_photo_l:hover img{
	filter:alpha(opacity=80); /* IE */  
	-moz-opacity:0.8; /* 老版Mozilla */  
	-khtml-opacity:0.8; /* 老版Safari */  
	opacity: 0.8;
}
.picScroll-left{
	overflow:hidden;
}
.advantage{
	padding: 40px 0 70px;
	background: #eee;
}
.advantage_photo{
	height: 140px;
	margin-top: 50px;
}
.advantage_photo ul{
	
}
.advantage_photo ul li{
	float: left;
	width: 100px;
	margin-right: 120px;
	overflow:hidden;
}
.advantage_photo ul li img{
	width: 100px;
	height: 85px;
}
.advantage_photo ul #y1{
	background: url(../images/y1.png) no-repeat;
}
.advantage_photo ul #y1:hover{
	background: url(../images/y1_a.png) no-repeat;
}
.advantage_photo ul #y2{
	background: url(../images/y2.png) no-repeat;
}
.advantage_photo ul #y2:hover{
	background: url(../images/y2_a.png) no-repeat;
}
.advantage_photo ul #y3{
	background: url(../images/y3.png) no-repeat;
}
.advantage_photo ul #y3:hover{
	background: url(../images/y3_a.png) no-repeat;
}
.advantage_photo ul #y4{
	background: url(../images/y4.png) no-repeat;
}
.advantage_photo ul #y4:hover{
	background: url(../images/y4_a.png) no-repeat;
}
.advantage_photo ul #y5{
	background: url(../images/y5.png) no-repeat;
}
.advantage_photo ul #y5:hover{
	background: url(../images/y5_a.png) no-repeat;
}
.advantage_photo ul #y6{
	background: url(../images/y6.png) no-repeat;
}
.advantage_photo ul #y6:hover{
	background: url(../images/y6_a.png) no-repeat;
}
.advantage_photo ul li p{
	text-align: center;
	font-size: 14px;
	margin-top: 100px;
	color: #333;
}


/*底部*/
.footer_xian{
	height: 3px;
	background: #000;
	width: 100%;
	clear: both;
}
.footer{
	clear: both;
	height: 432px;
	background: #1a1a1a;
}
.footer_a{
	padding-top: 30px;
	height: 340px;
}
.dibu{
	width: 360px;
    border-right: 2px solid #35373c;
    padding-right: 30px;
    height: 335px;
}
.dibu ul li{
	float: left;
	height: 180px;
	/* width: 90px; */
	margin-right: 40px;
}
.dibu ul li dl{
	/* margin-right: 80px; */
}
.dibu ul li dl dt{
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.dibu ul li dl dd{
	/* height: 25px; */
	line-height: 25px;
	color: #999;
	font-size: 14px;
}
.dibu ul li dl dd:hover{
	text-decoration:underline;
	font-weight:bold;
}
.dibu_xx{
	color: #fff;
	border-left: 2px solid #35373c;
	padding-left: 40px;
	width: 315px;
	height: 335px;
}
.dibu_xx a{
	color: #999;
}
.dibu_xx dl{
	padding-bottom: 20px;
	border-bottom: 2px solid #808080;
}
.dibu_xx dl dt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
}
.dibu_xx dl dd{
	/*height: 30px;*/
	line-height: 30px;
	font-size: 14px;
	color: #999;
}
.ewm{
	margin-top: 20px;
}
.ewm p{
	float: left;
	width: 80px;
	text-align: center;
	margin: 0 20px;
}
.ewm p img{
	width: 80px;
	height: 80px;
}
.footer_b{
	border-top: 2px solid #808080;
	height: 40px;
	clear: both;
	margin-top: 20px;
}
.footer_b .fl{
	color: #999;
	line-height: 40px;
	height: 40px;
}
.footer_b .fl span{
	color: #6eba2c;
}
.footer_b .fr{
	color: #999;
	line-height: 40px;
	height: 40px;
}
.footer_b .fr a{
	color: #999;
	margin: 0 5px;
}
.footer_b .fr a:hover{
	text-decoration: underline;
	font-weight: bold;
}
.footer_pro{
    width: 400px;
    margin: 0 25px;
}
.footer_pro dl{}
.footer_pro dl dt{
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
}
.footer_pro dl dd{}
.footer_pro dl dd a{
    float: left;
    width: 133px;
    color: #999;
    height: 25px;
    line-height: 25px;
}
.footer_pro dl dd a:hover{
	text-decoration: underline;
	font-weight:bold;
}