@charset "utf-8";
*{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-indent: 0px;
	list-style-type: none;
	font-family: "微软雅黑";
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	color: #fff;
	text-decoration: none !important;
}
.clear{
	clear: both;
}

body{ background-color:#0D0D0D;}
.top{
	height: 83px;
	padding-top: 25px;
	padding-bottom: 22px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.top .logo{
	float: left;
	width: 300px;
}
.top .nav{
	float: right;
	width: 520px;
	position: relative;
}
.top .nav span{
	font-size: 16px;
	line-height: 83px;
	margin-right: 12px;
	margin-left: 12px;
}
.top .nav span a{ color:#FFFFFF;}
.top .nav .active{}
.top .nav .active a{
	color: #ffcc00;
}
.top .nav span:hover{}
.top .nav span:hover a{
	color: #ffcc00;
}
.top .nav .nav_con{
	position: absolute;
	top: 50px;
	height:45px;
	left:-180px;
	z-index:100;
	display:none;
}
.top .nav .nav_con ul{}
.top .nav .nav_con li{
	font-size: 14px;
	line-height: 45px;
	float: left;
	width: 90px;
	text-align:center;
}

.top .tel{
	float: right;
	width: 380px;
}
.top .tel span{font-size: 16px;
	line-height: 83px;
	margin-right: 12px;
	margin-left: 12px;color:#FFFFFF;}
.mb{
	background-image: url(../images/mmb.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 800px;
}
.banner{
	  width: 100%;
	  height: 800px;
	            /*height: 560px;*/
	            /*background: black;*/
	            /*�Ӿ�����*/
	            position: relative;
	            /*��������ȫ�����أ�������������*/
	            overflow: hidden;
				
	        }
.banner ul{
	            position: absolute;
	        }
.banner ul li{
	            /*���100%������ڸ����ӵģ���Ѹ����ӵĿ�ȼ̳й���,�縸����300%,�������100%�ͻ��൱��300%��*/
	            width: 100%;
	            height: 800px;
	            float: left;
	            background:  no-repeat center center;
	        }
	        /*.banner ul li:nth-child(1){*/
	            /*background: url('./1.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(2){*/
	            /*background: url('./2.jpg') no-repeat center center;*/
	        /*}*/
	        /*.banner ul li:nth-child(3){*/
	            /*background: url('./3.jpg') no-repeat center center;*/
	        /*}*/
.banner ul li img{height: 800px;}			
.banner ol{
	            /*width: 60px;*/
	            height: 20px;
	          /* background: rgba(0,0,0,0.5);*/
	            position: absolute;
	            left:50%;
				width:200px;
	          /*  margin-left: -80px;*/
	            bottom: 15px;
	           /* padding: 0 10px;*/
	           /*  border-radius: 10px;*/
	        }
.banner ol li{
	            width: 40px;
	            height: 6px;
	            float: left;
	            margin: 2px 2px;
	            background: rgba(255,255,255,0.5);
	            /*border-radius: 50%;*/
	            cursor: pointer;
	        }
.banner ol .current{
	            background: rgba(255,255,255,1);
	        }
.banner i{
	            width: 43px;
	            height: 98px;
	            position: absolute;
	            top: 50%;
	            margin-top: -60px;
	            cursor: pointer;
	            border-radius: 5px;
	            display: none;
	        }
.banner .left{
	            left: 120px;
	            background: url('../images/left.png') no-repeat 0 0px;
	        }
.banner .right{
	            right: 120px;
	            background: url('../images/right.png') no-repeat 0px 0px;
	        }
.banner .left:hover , .banner .right:hover{
	            background-color: rgba(0, 0, 0, 0.31);
	        }
.main{
	padding-top: 50px;
	background-image: url(../images/mbj.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #181818;
}
.main .con1{width: 1200px;
	margin-right: auto;
	margin-left: auto;}
.main .con1 h2{
	font-family: "微软雅黑";
	font-size: 40px;
	line-height: 60px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing:8px;
}
.main .con1 h2 span{
	font-size: 27px;
	font-weight: normal;
	display: block;
	letter-spacing:2px;
}
.main .con1 .con1_l{
	float: left;
	width: 660px;
	margin-top: 60px;
	padding: 10px;
}
.main .con1 .con1_l h3{
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 55px;
	font-weight: normal;
	color: #fff;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.main .con1 .con1_l p{
	font-size: 15px;
	line-height: 26px;
	font-weight: normal;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 30px;
	text-indent: 2em;
}
.main .con1 .con1_r{
	float: right;
	width: 510px;
	margin-top: 60px;
	padding-top: 30px;
}
.main .con2{
width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.main .con2 h2{
	font-family: "微软雅黑";
	font-size: 30px;
	line-height: 45px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing:3px;
}
.main .con2 ul{
	margin-top: 20px;
}
.main .con2 li{
	float: left;
	width: 600px;
	margin-bottom: 50px;
	overflow: hidden;
}
.main .con2 li .img-box{overflow: hidden;position: relative;}
.main .con2 li .img-box:after{content: "";position: absolute;background: rgba(0,0,0,0);top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;}
.main .con2 li .img-box img{transition: 0.5s;}
.main .con2 li:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.main .con2 li:hover .img-box:after{background: rgba(0,0,0,0.5)}
.main .con2 h3{
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	margin-top:20px;
}
.main .con2 .sub{
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-top: 20px;
	letter-spacing:4px;
}
.main .con2 .sub span{ color:#FFFFFF;letter-spacing:-4px;}

.main .con3{
width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
}
.main .con3 h2{
	font-family: "微软雅黑";
	font-size: 32px;
	line-height: 35px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing:5px;
}
.main .con3 h2 span{letter-spacing:-5px;}
.main .con3 .con3_con{
	margin-top: 20px;
}
.main .con3 .fl{
	width: 450px;
	padding-left: 150px;
	float: left;
}

.main .con3 ul{}
.main .con3 li{
	font-size: 24px;
	line-height: 65px;
	font-weight: normal;
	color: #fff;
}
.main .con4{
width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
}
.main .con4 h2{
	font-family: "微软雅黑";
	font-size: 36px;
	line-height: 45px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing:5px;
}
.main .con4 h2 span{letter-spacing:-5px;}
.main .con4 .con4_con{
	margin-top: 20px;
}
.main .con4 ul{}
.main .con4 li{ width:240px; float:left; margin-top:20px;}
.main .con4 li img{ width:240px; height:160px;}
.main .con4 .con4_con1{
	margin-top: 20px;
	text-align:center;
	font-size:18px;
	font-family: "微软雅黑";
	line-height:25px;
	letter-spacing:4px;
	font-weight:400;
	color:#fff;
}


.about{width: 1200px;
	margin-right: auto;
	margin-left: auto;}
.about h2{
	font-size: 30px;
	line-height: 45px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.about .text{
	padding: 30px;
	text-align: center;
}
.about .text p{
	font-size: 16px;
	line-height: 35px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	text-indent: 2em;
	margin-top: 10px;
}


.product{width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top:50px;
	}
.product p{
	font-size: 20px;
	line-height: 35px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	text-indent: 2em;
	margin-top: 10px;
	margin-right: 90px;
	margin-left: 90px;
}	

.lxwm{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top:50px;
	text-align: center;
	}
.lxwm h3{
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	margin-bottom: 30px;
	letter-spacing:8px;
}
.lxwm img{}
.lxwm .text{
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	margin-top: 30px;
	margin-left: 170px;
	text-align: left;
}
.lxwm .text p{font-size: 16px;
	line-height: 35px;
	color: #fff;}	

.case{
width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
}
.case h2{
	font-size: 33px;
	line-height: 55px;
	color: #fff;
	font-weight: normal;
	letter-spacing:2px;
	font-family: "微软雅黑";
}
.case h2 span{
	font-size: 28px;
	display: block;
	letter-spacing:1px;
}
.case ul{
	margin-top: 50px;
}
.case li{
	float: left;
	width: 600px;
	margin-bottom: 50px;
overflow: hidden;
}
.case li .img-box{overflow: hidden;position: relative;}
.case li .img-box:after{content: "";position: absolute;background: rgba(0,0,0,0);top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;}
.case li .img-box img{transition: 0.5s;}
.case li:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.case li:hover .img-box:after{background: rgba(0,0,0,0.5)}
.case h3{
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	margin-top:20px;
}

.zhdt{width: 1200px;
	margin-right: auto;
	margin-left: auto;}
.zhdt h2{
	font-family: "微软雅黑";
	font-size: 40px;
	line-height: 60px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}
.zhdt ul{}
.zhdt ul li{ margin-top:20px;}
.zhdt h3{
	font-family: "微软雅黑";
	font-size: 24px;
	line-height: 55px;
	font-weight: normal;
	color: #fff;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.zhdt p{
	font-size: 15px;
	line-height: 26px;
	font-weight: normal;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 30px;
	text-indent: 2em;
}

.zhhx{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
}
.zhhx h2{
	font-family: "微软雅黑";
	font-size: 40px;
	line-height: 60px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	letter-spacing:6px;
}
.zhhx .hx_con{
	margin-top: 70px;
}
.zhhx .fl{ float:left;}
.zhhx .fr{ float:right;}
.zhhx img{ margin-top:10px;}
.zhhx .hx_l{
	float: left;
	width: 578px;
}
.zhhx .hx_r{
	float: right;
	width: 580px;
}

.news{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
}
.news h2{
	font-family: "微软雅黑";
	font-size: 40px;
	line-height: 60px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	font-family: "微软雅黑";
	letter-spacing:5px;
}
.news .sp{
	width:1200px;
	height:676px;
	margin-top: 50px;
}
.news .text{
	padding: 10px;
	text-align: center;
	margin-top: 15px;
}
.news .text p{
	font-size: 16px;
	line-height: 35px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	text-indent: 2em;
	margin-top: 10px;
}

.page{
	text-align: center;
	margin-top: 25px;
}
.page span{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 14px;
	line-height: 25px;
}
.page .active{
	background-color: #333;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #fff;
}
.page .active a{
	color: #FFFFFF;
}

.foot{
	padding-top: 30px;
	padding-bottom: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	margin-top: 50px;
}
.foot .foot_con{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.foot .foot_l{
	float: left;
	width: 600px;
}
.foot .foot_l .conn{
	padding: 0px;
	margin-bottom: 30px;
}
.foot .foot_l .conn a{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
	line-height: 28px;
}
.foot .foot_l p{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.foot .foot_m{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 130px;
	float: left;
	width: 380px;
	padding-left: 80px;
	font-size: 24px;
	line-height: 130px;
	font-weight: normal;
	color: #fff;
}
.foot .foot_r{
	float: right;
	width: 100px;
	margin-right: 20px;
}
.foot .foot_r .img1{
	height: 98px;
	width: 98px;
}

.foot .foot_r p{
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.fbj{background-color: #f3f3f3;}

@media (max-width:1300px) {
.banner,.banner ul li,.banner ul li img{  height: 700px;        }
}
@media (max-width:1200px) {
.banner,.banner ul li,.banner ul li img{  height: 650px;        }
}
@media (max-width:1100px) {
.banner,.banner ul li,.banner ul li img{  height: 600px;        }
}

@media (min-width:1000px) {
.m_top,.m_nav{display:none;}
.m_banner{ display:none;}
.foot_con1{ display:none;}
.focus{ display:none;}
.mbb{ display:none;}
}