div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; font-size: 18px; line-height: 27px;  color: #fff;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
.l{float: left;}
.r{float: right;}
body{background: #000;}
/*container*/
.container{margin: 0 auto;}
.margin_top{margin-top: 80px;}
@media screen and (min-width: 768px){
	.container{width: 730px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1230px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.mt{margin-top: 50px;}
.row{margin: 0 45px;}
.half{width: 50%; float: left;}
.owl-dots{text-align: center; margin-top: 30px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 24px; height: 24px; margin:0 9px; display: block; background: #dddddd; border-radius: 30px;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #cc3399;}
/*banner*/
.banner{background: url(banner1920-810.jpg) no-repeat center 0; height: 810px; margin-bottom: -200px;}
.banner_phone{margin-bottom: 30px; display: block; width: 100%; margin-bottom: 50px;}


.silde-top{background: #010d23;}
.silde-top .owl-dots{position: absolute; left: 10px; bottom: 10px;}
.slide-txt{padding: 5px 30px 0;}
.slide-txt h4{padding:20px 0 8px;}
.slide-txt h4 a{color: #fff; font-size: 22px; line-height: 28px;}
.slide-txt h4 a:hover{color: #c39;}
.slide-txt p{color: #fff; font-size: 16px; line-height: 24px; padding:0 0 20px;}
.slide-txts-bottom{border-bottom: 1px solid #666;}

.back1{background: url(bk-1.jpg) no-repeat center 0; }
.title{position: relative; padding: 76px 0 50px;}
.title .tit{font-weight: bold; color: #fff; font-size: 36px; line-height: 1; margin:0 auto; position: relative; width: 200px; background: transparent;
text-align: center; z-index: 1;}
.title2 .line{width: 100%; height: 1px; background: #666; position: absolute; left: 0; top: 60%;}
.title2{position: relative; padding: 76px 0 50px;}
.title2 .tit{font-weight: bold; color: #fff; font-size: 36px; line-height: 1; margin:0 auto; position: relative; width: 200px; background: #000;
text-align: center; z-index: 1;}
.title2 .tit2{width: 260px;}

.nums-one .items{text-align: center; background: #010d23; padding: 30px 35px 45px; border-bottom: 8px solid #c39;}
.nums-one .items img{width: 150px; margin: 0 auto;}
.nums-one .items h5{ padding: 16px 0 15px;}
.nums-one .items h5 a{font-size: 24px;}
.nums-one .items h5 a:hover{color: #c39;}
.nums-one .items p{font-size: 16px; line-height: 24px;}

.application ul{overflow: hidden;}
.application ul li{width: 31.4666%; float: left;}
.application ul li.mr,.application ul li.mr2{margin-right: 2.8%;}
.application ul li img{display: block; width: 100%;}
.application-bottom{margin-bottom: 30px;}
.application-txt{position: relative;}
.tits{position: absolute; left: 0; bottom: 0; width: 100%; height: 48px; line-height: 48px; font-size: 24px; color: #fff; background: #c39; text-align: center;
font-weight: bold;}
.back-opa{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #010d23;  opacity: 0; filter: alpha(opacity=0);}
.back-opapadding{padding: 15px 30px 0;}
.back-opapadding p{font-size: 16px; line-height: 24px;}
.back-opapadding h6{border-left: 5px solid #c39;  margin-bottom: 12px;}
.back-opapadding h6 a{padding-left: 20px; font-size: 24px; line-height: 30px;}
.back-opapadding h6 a:hover{color: #c39;}
.back-opa-box{padding-top: 10px;}

.equipment-txt{padding: 30px 30px 0;}
.equipment h5{border-left: 5px solid #c39; margin-bottom: 18px;}
.equipment h5 a{padding-left: 20px; font-size: 24px; line-height: 27px;}
.equipment h5 a:hover{color: #c39;}
.equipment p{font-size: 16px; line-height: 24px; padding-bottom: 10px;}

.atlas img{margin-bottom: 2px;}
/*foot*/
.foot{background:#000; width:100%; min-height:120px; border-top: 1px solid #333; margin-top: 80px;}
.foot-1{max-width:960px; width: 100%; margin:0 auto; padding:30px 0 20px; overflow: hidden;}
.foot-1 p{font-size:16px; color:#fff; line-height:28px; margin-bottom: 0; padding-top: 3px;}
.foot-1 img{display: block; padding:0 0 0 30px; margin-right:30px; width: 20%; float: left;}
/*foot-mobile*/
.foot2{background: #000; width:100%; max-height:166px; margin:0 auto; padding-bottom: 4%; border-top: 1px solid #333; margin-top: 30px;}
.foot2-1{overflow: hidden; clear:both;}
.foot2-1 .li1-1{float: left; width: 30%; margin-left: 7%; padding-top: 5%;}
.foot2-1 .li1-1 img{width: 95%; float: left;}
.foot2-1 .li1-2{float: left; width: 58%; padding-left: 5%; padding-top: 5%;}
.foot2-1 .li1-2 p{color: #fff; font-size: 16px; line-height:1.5; margin:0;}

@media screen and (max-width: 1199px){
	.silde-top{background: transparent;}
	.application ul li{width: 100%;}
	.application ul li.mr, .application ul li.mr2{margin-right: 0; margin-bottom: 30px;}
	.application ul{max-width: 640px; margin: 0 auto;}
}

@media screen and (max-width: 991px){
	.half{width: 100%; float: none;}
	.silde-top{background: #010d23;}
	.equipment .silde-top{padding-bottom: 30px;}
}

@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
}

@media screen and (max-width: 640px){
	.banner_phone{margin-bottom: 30px;}
	.owl-dots .owl-dot span{width: 16px; height: 16px; margin: 0 5px;}
	.slide-txt{padding: 0 15px;}
	.slide-txt h4{padding: 20px 0 7px;}
	.slide-txt h4 a{font-size: 20px; line-height: 27px;}

	.margin_top {margin-top:35px;}
	.title,.title2{padding: 35px 0 20px;}
	.title .tit,.title2 .tit {font-size: 28px;}
	.title2 .tit{width: 170px;}
	.title2 .tit2{width: 210px;}
	.nums-one .items h5{padding: 16px 0 10px;}
	.nums-one .items h5 a{font-size: 20px;}

	.back-opapadding{padding: 15px 20px 0;}
	.back-opapadding h6 a{font-size: 20px; line-height: 24px; padding-left: 15px;}
	.back-opapadding h6{margin-bottom: 9px;}

	.equipment-txt{padding: 20px 15px 0;}
	.equipment h5 a {
	    padding-left: 15px;
	    font-size: 20px;
	    line-height: 24px;
	}
	.equipment h5{margin-bottom: 10px;}
	.equipment .silde-top{padding-bottom: 20px;}

	.owl-dots{margin-top: 20px;}
}