@charset "utf-8";
/* CSS Document */
html{ margin:0px; padding:0px; }
body{ margin:0px; padding:0px; }
a{ text-decoration:none; }
.clear{ width:100%; clear:both; }
/* banner样式 */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute;
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}
.section{ position:relative; width:100%; height:100%; background:#000; }
.about{ background:url(../images/aboutbg.jpg); background-size: cover;
    background-position: center top; animation:scale 15s infinite linear;
 -webkit-animation:scale 15s infinite linear; }

.aboutwidth{ width:80%; left:10%; top:50%; margin-top:-250px; position:absolute; }
.aboutleft{ width:55%; float:left; }
.aboutleft p{ font-size:14px; color:#dddddd; line-height:30px;
}
.active .aboutleft{ width:55%; float:left;-webkit-animation:fadeInLeftBig 2s .2s ease both;
-moz-animation:fadeInLeftBig 2s .2s ease both;}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
100%{opacity:1;
-moz-transform:translateX(0)} }
.aboutleft h1{ font-size:48px; color:#fff; font-weight:500; -webkit-animation:fadeInUpBig 1s .2s ease both;
-moz-animation:fadeInUpBig 1s .2s ease both;}
.aboutleft h1 span{ color:#8f1408; }
.aboutleft h2{ font-size:18px; color:#dddddd; font-weight:normal; padding-top:5px; }
.aboutleft h2 span{ width:50px; height:3px; background:rgba(255,255,255,0.6); float:left; position:relative; top:8px; margin-right:10px; }
.aboutleft p strong{ display:block; width:100%; font-size:30px; line-height:50px; padding-bottom:20px; font-weight:normal; padding-top:10px; }
.aboutleft a{ display:block; width:182px; text-align:center; font-size:16px; color:#fff; text-decoration:none; background:url(../images/morebg.png) center no-repeat; line-height:48px; margin-top:60px; }
.aboutleft a:hover{ color:#fff; }
.aboutright{ width:40%; float:right; }
.active .aboutright{ width:40%; float:right;
-webkit-animation:fadeInRightBig 2s .2s ease both;
-moz-animation:fadeInRightBig 2s .2s ease both;}
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
0%{opacity:0;
-moz-transform:translateX(2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
 }
.aboutnav{ width:100%; }
.aboutnav a{ display:block; width:48%; background:rgba(255,255,255,0.5); border:5px solid rgba(255,255,255,0.1); margin-bottom:15px;text-align:left; border-radius:5px; color:#fff; padding:10px 0px; text-indent:110px; font-size:16px; }
.aboutnav a:nth-child(1){ background:url(../images/gsjj.png) 50px center no-repeat rgba(255,255,255,0.5); float:left; }
.aboutnav a:nth-child(1):hover{ background:url(../images/gsjj.png) 50px center no-repeat #8f1408; color:#fff; }
.aboutnav a:nth-child(2){ background:url(../images/qywh.png) 50px center no-repeat rgba(255,255,255,0.5);float:right; }
.aboutnav a:nth-child(2):hover{ background:url(../images/qywh.png) 50px center no-repeat #8f1408; color:#fff; }
.aboutnav a:nth-child(3){ background:url(../images/zzry.png) 50px center no-repeat rgba(255,255,255,0.5);float:left; }
.aboutnav a:nth-child(3):hover{ background:url(../images/zzry.png) 50px center no-repeat #8f1408; color:#fff; }
.aboutnav a:nth-child(4){ background:url(../images/ldzc.png) 50px center no-repeat rgba(255,255,255,0.5);float:right; }
.aboutnav a:nth-child(4):hover{ background:url(../images/ldzc.png) 50px center no-repeat #8f1408; color:#fff; }
.aboutnav a span{ display:block; font-size:12px; width:100%; line-height:25px; }
.aboutvideo{ width:100%; border:10px solid rgba(255,255,255,0.5); border-radius:5px;  }
.aboutvideo video{ width:100%; }
.products{ background:url(../images/products.jpg); background-size: cover;
    background-position: center top; }
.products_t{ width:80%;  left:10%; top:50%; margin-top:-300px; position:absolute; }
.products_left{ width:30%; float:left; }
.active .products_left{ width:30%; float:left; -webkit-animation:fadeInLeftBig 2s .2s ease both;
-moz-animation:fadeInLeftBig 2s .2s ease both;}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
100%{opacity:1;
-moz-transform:translateX(0)} }
.products_right{ width:60%; float:right; text-align:right; position:relative; top:60px; }
.active .products_right{ width:60%; float:right; text-align:right; position:relative; top:60px; -webkit-animation:fadeInRightBig 2s .2s ease both;
-moz-animation:fadeInRightBig 2s .2s ease both;}
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
0%{opacity:0;
-moz-transform:translateX(2000px)}
100%{opacity:1;
-moz-transform:translateX(0)} }
.products_right a{ display:inline-block; width:28.33%; background:rgba(255,255,255,0.5); text-indent:90px; margin-left:2.3%; padding:20px 0px; border:5px solid rgba(255,255,255,0.1); margin-bottom:15px;  text-align:left; border-radius:5px; color:#fff; font-size:16px;  }
.products_right a:nth-child(1){ background:url(../images/gxxl.png) 50px center no-repeat rgba(255,255,255,0.5); }
.products_right a:nth-child(1):hover{ background:url(../images/gxxl.png) 50px center no-repeat #8f1408; color:#fff; }
.products_right a:nth-child(2){ background:url(../images/dxcx.png) 50px center no-repeat rgba(255,255,255,0.5); }
.products_right a:nth-child(2):hover{ background:url(../images/dxcx.png) 50px center no-repeat #8f1408; color:#fff; }
.products_right a:nth-child(3){ background:url(../images/tp.png) 50px center no-repeat rgba(255,255,255,0.5); }
.products_right a:nth-child(3):hover{ background:url(../images/tp.png) 50px center no-repeat #8f1408; color:#fff; }
.products_right a p{ font-size:12px; width:100%; line-height:25px; }
.products_right a:hover{ background:#8f1408; }
.products_list { width:80%; margin:0 auto; left:10%; top:50%; margin-top:-150px; position:absolute; }
.active .products_list { width:80%; margin:0 auto; left:10%; top:50%; margin-top:-150px; position:absolute; -webkit-animation:fadeInUpBig 2s .2s ease both;
-moz-animation:fadeInUpBig 2s .2s ease both;}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:0;
-moz-transform:translateY(2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}}
.products_left p{ font-size:14px; color:#dddddd; line-height:30px;
}
.products_left h1{ font-size:48px; color:#fff; font-weight:500; -webkit-animation:fadeInUpBig 1s .2s ease both;
-moz-animation:fadeInUpBig 1s .2s ease both;}
.products_left h1 span{ color:#8f1408; }
.products_left h2{ font-size:18px; color:#dddddd; font-weight:normal; padding-top:5px; }
.products_left h2 span{ width:50px; height:3px; background:rgba(255,255,255,0.6); float:left; position:relative; top:8px; margin-right:10px; }
.products_tt{ width:92%; margin:0 auto; padding:10px 0px 0px; }
.products_ttleft { width:70%; float:left; color:#fff; font-size:20px; }
.products_ttleft p{ font-size:12px; padding:5px 0px 0px; }
.products_ttright{ width:42px; height:44px; float:right; color:#fff; font-size:12px; text-align:center; padding-top:5px;  background:url(../images/cpmore.png) center no-repeat; }
.news{ background:url(../images/newsbg.jpg); background-size: cover;
    background-position: center top; }
.news_w{ width:80%;  left:10%; top:50%; margin-top:-250px; position:absolute; }
.news_left{ width:43%; float:left; overflow:hidden; }
.active .news_left{ width:43%; float:left; overflow:hidden; -webkit-animation:fadeInLeftBig 2s .2s ease both;
-moz-animation:fadeInLeftBig 2s .2s ease both;}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
100%{opacity:1;
-moz-transform:translateX(0)} }
.news_left p{ font-size:14px; color:#dddddd; line-height:30px;
}
.news_left h1{ font-size:48px; color:#fff; font-weight:500; -webkit-animation:fadeInUpBig 1s .2s ease both;
-moz-animation:fadeInUpBig 1s .2s ease both;}
.news_left h1 span{ color:#8f1408; }
.news_left h2{ font-size:18px; color:#dddddd; font-weight:normal; padding-top:5px; }
.news_left h2 span{ width:50px; height:3px; background:rgba(255,255,255,0.6); float:left; position:relative; top:8px; margin-right:10px; }
#wrap{
		width:100%;
		min-width: 300px;
		margin:20px 0px 0px;
	}
	.hiSlider{
		overflow: hidden;
		height: 280px;
		width: 100%;
	}
	.hiSlider-item{
		float: left;
	}
.hiSlider-item img{ width:100%; }
.hiSlider-pages, .hiSlider-title {
	position: absolute;
	z-index: 3
}
.hiSlider-btn-prev, .hiSlider-btn-next {
	position: absolute;
	z-index: 5;
	top: 50%;
	height: 30px;
	width: 30px;
	background: url(../images/hislider-arrow.png) no-repeat;
	margin-top: -15px;
	text-indent: -200px;
	overflow: hidden;
	opacity: .6;
filter:alpha(opacity:60)
}
.hiSlider-btn-prev {
	left: 10px
}
.hiSlider-btn-next {
	right: 10px;
	background-position: -30px 0
}
.hiSlider-btn-prev:hover, .hiSlider-btn-next:hover {
	opacity: 1;
filter:alpha(opacity:100)
}
.hiSlider-title {
	bottom: 0;
	width: 100%;
	padding: 6px 0;
	color: #fff;
	text-indent: 10px;
	background: rgba(0,0,0,.6);
	z-index: 2;
	font: 14px/2 "Microsoft YaHei", Arial, Tahoma
}
.hiSlider-pages {
	bottom: 10px;
	right: 10px;
	text-align: right
}
.hiSlider-pages a {
	height: 12px;
	width: 12px;
	margin: 0 6px;
	display: inline-block;
	overflow: hidden;
	text-indent: -100px;
	font-size: 0;
	border-radius: 50%;
	background: #fff
}
.hiSlider-pages a.active {
	background: #8f1408
}
.news_right{ width:55%; float:right; }
.active .news_right{ width:55%; float:right; 
-webkit-animation:fadeInRightBig 2s .2s ease both;
-moz-animation:fadeInRightBig 2s .2s ease both;}
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
0%{opacity:0;
-moz-transform:translateX(2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.newsnav{ width:100%; margin-top:30px; }
.newsnav a{ display:inline-block; width:23%; background:rgba(255,255,255,0.5); text-indent:80px; margin-left:2%; padding:10px 0px; border:5px solid rgba(255,255,255,0.1); margin-bottom:15px;  text-align:left; border-radius:5px; color:#fff; font-size:16px;  }
.newsnav a:nth-child(1){ background:url(../images/gsjj.png) 20px center no-repeat rgba(255,255,255,0.5); }
.newsnav a:nth-child(1):hover{ background:url(../images/gsjj.png) 20px center no-repeat #8f1408; color:#fff; }
.newsnav a:nth-child(2){ background:url(../images/qywh.png) 20px center no-repeat rgba(255,255,255,0.5); }
.newsnav a:nth-child(2):hover{ background:url(../images/qywh.png) 20px center no-repeat #8f1408; color:#fff; }
.newsnav a:nth-child(3){ background:url(../images/zzry.png) 20px center no-repeat rgba(255,255,255,0.5); }
.newsnav a:nth-child(3):hover{ background:url(../images/zzry.png) 20px center no-repeat #8f1408; color:#fff; }
.newsnav a:nth-child(4){ background:url(../images/ldzc.png) 20px center no-repeat rgba(255,255,255,0.5); }
.newsnav a:nth-child(4):hover{ background:url(../images/ldzc.png) 20px center no-repeat #8f1408; color:#fff; }
.newsnav a p{ display:block; font-size:12px; width:100%; line-height:25px; }
.news_right ul{ width:100%; }
.news_right ul li{ width:100%; border-bottom:1px dashed #aaaaaa; padding:18px 0px; clear:both; min-height:98px; }
.news_right ul li span{ border:solid 1px #aaaaaa; width:15%; border-radius:10px; float:left; color:#fff; font-size:14px; padding:9px 5px; text-align:center; }
.news_right ul li span strong{ font-size:24px; }
.newstite{ width:83%; float:right; }
.newstite a{ color:#fff; font-size:16px; }
.newstite a:hover{ color:#8f1408; }
.newstite p{ width:100%; font-size:12px; color:#aaaaaa; line-height:22px; padding-top:5px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
.contact{ background:url(../images/contactbg.jpg); background-size: cover;
    background-position: center center; }
.contact_w{ width:700px; height:700px; border:dashed 1px rgba(255,255,255,0.2); border-radius:50%; left:50%; margin-left:-350px; top:50%; margin-top:-350px; position:absolute; }
.active .contact_w{ width:700px; height:700px; border:dashed 1px rgba(255,255,255,0.2); border-radius:50%; left:50%; margin-left:-350px; top:50%; margin-top:-350px; position:absolute; 
-webkit-animation:bounceIn 2s .2s ease both;
-moz-animation:bounceIn 2s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
 }
.zsjm{ position:absolute; left:0px; top:100px; border:solid 6px rgba(255,255,255,0.1); border-radius:50%; background:#8f1408; color:#fff; font-size:24px; width:100px; height:100px; text-decoration:none; padding:10px 20px 0px; }
.zsjm:hover{ color:#fff; }
.rczp{ position:absolute; right:0px; bottom:100px; border:solid 6px rgba(255,255,255,0.1); border-radius:50%; background:#8f1408; color:#fff; font-size:24px; width:100px; height:100px; text-decoration:none; padding:10px 20px 0px; }
.rczp:hover{ color:#fff; }
.contact_t{ width:550px; height:550px; border:solid 6px rgba(255,255,255,0.1); border-radius:50%; margin:75px auto 0px; background:rgba(255,255,255,0.3); }
.contact_t h1{ font-size:48px; color:#dddddd; width:100%; text-align:center; padding-top:50px; font-weight:500; -webkit-animation:fadeInUpBig 1s .2s ease both;
-moz-animation:fadeInUpBig 1s .2s ease both;}
.contact_t h1 span{ color:#8f1408; }
.contact_t p{ width:50px; height:5px; background:rgba(255,255,255,0.5); margin:15px auto 0px; }
.contact_t h2{ width:100%; text-align:center; font-size:32px; font-weight:400; color:#fff; padding-top:15px; }
.contact_c{ width:100%; margin-top:25px; }
.contact_c ul{ width:100%; list-style-type:none; }
.contact_c li{ width:100%; text-align:center; color:#fff; font-size:18px; padding:0px 0px; list-style-type:none; line-height:40px; }
.contact_c li img { margin-right:10px; width:30px; height:30px; position:relative; top:0px; }
.contact_c a{ display:block; width:100%; text-align:center; font-size:16px; color:#fff; text-decoration:none; background:url(../images/morebg.png) center no-repeat; line-height:48px; margin-top:60px; }
.contact_c a:hover{ color:#fff; }
.bottom{ position:fixed; bottom:0px; left:5%; width:90%; z-index:99; -webkit-animation:fadeInUp 4s .2s ease both;
-moz-animation:fadeInUp 4s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)} }
.bottomleft{ width:80%; float:left; color:#b4aba6; font-size:14px;  padding-bottom:30px;  }
.bottomright{ width:20%; float:right; color:#b4aba6; font-size:14px; text-align:right;  padding-bottom:30px;   }