@charset "utf-8";
/* CSS Document */
body {
    overflow-y: scroll;
    overflow-x: hidden;
    position: static;
}
*{ margin:0px; padding:0px;}
.content{ width:1350px; margin:0px auto; }
.relative{ position:relative;}
a{ text-decoration:none !important;}
.homepage .wrapper{padding-top: calc(100vh - 130px);}

body{ font-family:"微软雅黑"; font-size:1;}
.top{ background:#000; height:50px; position:fixed; width:100%; top:0px; z-index:100;}
.top ul { height:50px; position:absolute; right:30em;}
.top ul li{ display:inline-block; width:24px; height:24px; margin:0px 2px; font-size:12px; line-height:24px; position:relative; border-radius:50%; top:5px; text-align:center;  background:#FFF;}
.top ul li:nth-child(1){ width:200px; border-radius:0;   text-align:left; top:12px; border:1px solid #FFF; background:rgba(0,0,0,0); padding-left:1.5em; padding-right:1.5em; border-radius:2em;}
.top ul li input{ color:#fff; border:0px !important; position:absolute; top:-5px; font-size:12px; height:24px;line-height:24px; padding-left:0px;background:rgba(0,0,0,0);}
.top .input-group-addon{ background:#FFF; border:0px; position:absolute; width:40px; height:22px; right:-42px; border-top-right-radius:1em;border-bottom-right-radius:1em;}

.input-group-addon .glyphicon{ top:-2px;}
.top ul li a{ color:#000; font-size:14px;}
.top ul li:last-child{ width:100px; border-radius:0px; background:rgba(0,0,0,0);color:#FFF;}
.top ul li:last-child a{ color:#FFF;}
.top ul li:last-child a i{ margin:0 5px;}

.top ul li dl{ display:none; position:absolute; top:38px; width:100%; background:#000; padding-bottom:10px;}
.top ul li dl dt{ line-height:28px;}
 

/*视频*/
.video{ position:fixed; overflow:hidden; height:100vh;z-index:0; top:0px; }
.video img{ width:100%;}
.scrollindicator{
	 display:block;
    opacity: .75;
    position: absolute;
    z-index: 50;
    left: calc((100% - 1330px) / 2 + 57px);
    bottom: 140px;
    text-align: center;
    transform: translateX(-50%);
 
	}
#scrolldescription {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    font-size: 12px;
}
svg:not(:root) {
    overflow: hidden;
}
.scrollarrows {
    width: 22px;
    height: 42px;
    margin-top: 10px;
}
.scrollarrows path {
    stroke: #fff;
    fill: transparent;
    stroke-width: 2px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}
.scrollarrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.scrollarrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}
.scrollarrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
@keyframes arrow {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
100% {
opacity:0
}
}
@-webkit-keyframes arrow {
0% {
opacity:0
}
40% {
opacity:1
}
80% {
opacity:0
}
100% {
opacity:0
}
}
.sheng{ position:absolute;  top:50%; background:rgba(178,75,35,0.9); width:80px; height:80px; border-bottom-right-radius:3em;}
.sheng i{ font-size:50px; color:#FFF; text-align:center; line-height:80px; margin-left:10px;}
.has-topstage .page{ background:none;}
.page{ position:relative; background:#FFF; z-index:33;}
.has-topstage .header{ background:rgba(0,0,0,0);}
.has-topstage .nav ul li:after{ content:"/"; display:inline-block; color:#fff;}
.header{ position:relative; width:100%; background:rgba(255,255,255,1); padding-top:15px;}
.nav{ position:relative; bottom:35px; right:0%;  }
.nav ul{ text-align:right;}
.nav ul li{ display:inline-block; padding:0px 15px 0 0; }
.nav ul li:after{ content:"/"; padding-left:15px; display:inline-block; color:#000;}
.nav ul li:last-child:after{ display:none;}
.nav ul li:hover a{ color:#C44F29; font-weight:bold;}
.banner{ position:relative; color:#FFF;} 
.banner img{ width:100%; }


	.swiper-wrapper{
    transition-delay:.3s;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        margin: 0px auto;
    }
    .swiper-slide {
		position:relative;
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.slick-dots{ position:absolute; bottom:50px; width:100%; text-align:center;}
	.slick-dots li{     position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
 
	
	}
.slick-dots li button { border: 0; background: #666;border-radius: 50%; display: block; height: 14px; width: 14px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { background: #C44F29; }
	.swiper-slide:nth-child(2){
		background:#3183ff;
		color:#fff;}
	.swiper-slide p{
 
		transform:translateX(-200px);
		opacity:0;
		transition:all .4s;}
	.ani-slide p{
		transform:translateX(0);
		opacity:1;
		}
.swiper-slide h2{ position:absolute; top:200px; left:250px; font-size:130px; font-weight:bold; 
		 }
.swiper-slide h3{ position:absolute; top:280px; left:530px; font-size:2.6rem; letter-spacing:0.5em; font-weight:bold; 
		 }
.swiper-slide h4{ position:absolute; top:320px; left:530px; font-size:1.9rem; letter-spacing:0.2em; 
		 }
.swiper-slide h5{ position:absolute; top:200px; left:250px; font-size:10rem;  font-weight:bold; 
		 }
.swiper-slide h6{ position:absolute; top:320px; left:250px; font-size:3.2rem; letter-spacing:0.2em; 
		 }
 
.has-topstage .nav ul li a{ color:#FFF; font-size:18px; margin:0px 10px;}
.nav ul li a{ color:#000; font-size:18px; margin:0px 10px;}
.form-pc{ display:none;height:50px; position:absolute; right:0%;}
 
.form-pc ul li{ display:inline-block; width:24px; height:24px; margin:0px 2px; line-height:24px; position:relative; border-radius:50%; top:5px; text-align:center;  background:#706f6f;}
.form-pc ul li:nth-child(1){ width:200px; border-radius:0;   text-align:left; top:12px; border:1px solid #706f6f; background:rgba(0,0,0,0); padding-left:1.5em; padding-right:1.5em; border-radius:2em;}
.form-pc ul li input{position:absolute; top:-5px; color:#706f6f; border:0px !important; height:24px;line-height:24px; font-size:12px; padding-left:0px;background:rgba(0,0,0,0);}
 
.form-pc ul li a{ color:#000; font-size:14px;}
.form-pc ul li:last-child{ width:100px; border-radius:0px; background:rgba(0,0,0,0);}
.form-pc ul li:last-child a{ color:#000;}
.form-pc ul li:last-child a i{ margin:0 5px;}
.form-pc .fa{ color:#FFF;}
.form-pc .fa-caret-down{ color:#000 !important;}
.form-pc ul li dl{ display:none; position:absolute; top:38px; width:100%; background:#E3E3E3; z-index:100; padding-bottom:10px;}
.form-pc ul li dl dt{ line-height:28px;}
 
.form-pc .input-group-addon{ background:#706f6f; border:0px; position:absolute; width:40px; height:22px; right:-40px; border-top-right-radius:1em;border-bottom-right-radius:1em;}

.form-pc .input-group-addon .glyphicon{ top:-2px; color:#FFF;}





.banner img{ width:100%;}
.yuan{ margin:40px auto; text-align:center;}
.yuan ul li{ padding-top:40px; margin:0px 30px; display:inline-block; width:159px; background:url(../images/pc2.png) center top no-repeat; position:relative; height:180px; font-size:14px; }
.yuan ul li span{ font-size:50px; font-weight:bold;}
.yuan ul li p{ position:absolute; bottom:5px; font-size:18px; font-weight:normal; text-align:center; display:block; width:100%;}
.yuan ul li:hover{ background:url(../images/pc1.png) center top no-repeat; color:#C44F29;}
.bs{ margin-top:140px;}
.index-text{ text-align:center;}
.index-text h2{ font-size:32px; font-weight:bold; color:#C44F29; line-height:60px; margin-bottom:20px;}
.index-text  p{ line-height:30px; font-size:18px;}

.index-news h3{ border-top:3px solid #C44F29; width:100%;  margin-bottom:30px; background:url(../images/index_18.png) top left no-repeat; background-size:contain;}
.index-news h3 span{ display:inline-block; border-bottom-right-radius:40px; padding:0px 30px 0px 15px; height:40px; line-height:40px; color:#FFF; font-size:24px;}


.pic-text,.pic-text2,.pic-text3{ position:relative; margin-bottom:30px;}
.pic{ width:100%;}
.pic img{ width:100%; height:auto;}
.pic-text .news-text{ position:absolute; left:0%; top:0%; padding-top:5%; padding-left:5%; height:29em;transition:all .4s;}
.news-text h4{ font-size:30px; color:#c24a23; font-weight:bold;}
.news-text h4:after{ content:""; display:block;  width:45px; text-align:left; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #c24a23; }
.news-text p{  width:100%; font-size:18px; line-height:34px;  color:#4c4948;}
.news-text a{ display:inline-block; position:absolute;  bottom:0px; left:14%; width:5em; font-size:16px;transition:all .4s;}
.news-text a i{ display:inline-block; margin-left:5px;}
.pic-text2 .news-text{ position:absolute; top:0%; right:0%; padding-top:5%; padding-right:5%;height:29em; text-align:right;transition:all .4s;}
.pic-text2 .news-text h4:after{ content:""; display:block; position:absolute; right:20%;  width:45px;  text-align:right; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #c24a23; }
.pic-text2 .news-text p{ margin-top:4em;}
.pic-text2 .news-text a{ right:17%; left:inherit;transition:all .4s;}

.index-product h3{ border-top:3px solid #C44F29; width:100%;  margin-bottom:30px;background:url(../images/bgg.jpg) top left no-repeat;background-size:contain;}
.index-product h3 span{ display:inline-block; border-bottom-right-radius:40px; padding:0px 30px 0px 15px; height:40px; line-height:40px;  color:#FFF; font-size:24px;}

.index-product .news-text h4:after{ content:""; display:block;  width:45px; text-align:left; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #666; }
.pic-text:hover img:hover{ transform:scale(1.1,1.1);}
.pic-text:hover a{ left:18%;}

 
.pic{ overflow:hidden; }
.pic img{ transform:scale(1,1);transition:all .4s;}
.pic img:hover{ transform:scale(1.1,1.1);}
.scale{transform:scale(1.1,1.1) !important;}
.n3{ padding-top:2% !important;}
.n3 p{ margin-top:2em}
.n3 a{ bottom:-30px;}
.footer{ border-top:1px solid #999; padding-top:5em; margin-top:6em; }
.foot-logo{ float:left; margin-left:10px;}
.footer ul{ float:left; margin-left:7.5em;}
.footer ul h2{  font-size:16px; font-weight:bold; margin-bottom:10px;}
.footer ul h2 a{color:#c24a23;}
.footer ul li{ line-height:30px;}

.bottom{ padding:8px 0px; text-align:center; color:#FFF; margin-top:40px; background:#c24a23;}

/*手机*/
.form-wap{ display:block; background:#C24A23; line-height:14vw;}
 .wap{ padding:0px 4vw;}
.form-wap ul li{ display:inline-block; width:8vw; height:8vw; margin-left:2vw;line-height:8vw;  border-radius:50%;   text-align:center;  background:#fff;}
.form-wap ul li:nth-child(1){ display:none; width:200px; border-radius:0;   text-align:left; top:12px; border:1px solid #000; background:rgba(0,0,0,0); padding-left:1.5em; padding-right:1.5em; border-radius:2em;}
.form-wap ul li input{ color:#fff; border:0px !important; height:24px;line-height:24px; padding-left:0px;background:rgba(0,0,0,0);}
 
.form-wap ul li a{ color:#fff; font-size:5vw;}
.form-wap ul li:last-child{ position:relative; top:2vw; width:42vw; border-radius:0px; background:rgba(0,0,0,0);}
.form-wap ul li:last-child a{ color:#fff;}
.form-wap ul li:last-child a i{ margin:0 2vw;font-size:8vw;  font-weight:normal;}

.form-wap .fa{ color:#C24A23;}
.form-wap .fa-caret-down{ color:#fff !important;}
.form-wap ul li dl{ display:none; position:absolute; z-index:100; top:10vw; right:-3vw; width:100%; background:#C24A23; padding-bottom:1vw;}
.form-wap ul li dl dt{ line-height:10vw;}
 
.form-wap ul li dl dt a i{color:#FFF !important; font-size:5vw !important; }
.form-wap .input-group-addon{ background:#000; border:0px; position:absolute; width:40px; height:22px; right:-22px; border-top-right-radius:1em;border-bottom-right-radius:1em;}

.form-wap .input-group-addon .glyphicon{ top:-2px; color:#FFF;}
.navbar-toggle,.wap{ display:none;}
.map img{ width:100%;}
.map{ width:100%; height:723px; background:url(../images/map2.gif) no-repeat center center; background-size:contain;}
@media only screen and (min-width:1200px) and (max-width: 1400px) {
	.content{ width:1200px !important;}
	 .top ul{ right:0;}
	  	.map{ background:url(../images/map2.gif) no-repeat center center; background-size:contain; height:500px;} 
				.banner h2{ top:10vw; left:13vw; font-size:10vw;}
	.banner h3{ top:22vw; font-size:2.5vw; left:13vw;}
	.banner h4{ top:26vw; font-size:2vw; left:13vw;letter-spacing:0.1em;}
	.banner h5{ top:13vw; font-size:5vw; left:13vw;}
	.banner h6{ top:20vw; font-size:3vw; left:13vw;letter-spacing:0.1em;}
	.pic-text2 .news-text p{ margin-top:4vw;  font-size:1.2vw;}
	.news-text p{font-size:1.2vw;}
	.n3 a{ bottom:-10px;}
	.footer ul{ margin-left:5.5vw;}
	.bs{ margin-top:100px;}
	}
 @media only screen and (min-width:1000px) and (max-width: 1200px) {
	 	.content{ width:1000px !important;}
		 	.map{ background:url(../images/map2.gif) no-repeat center center; background-size:contain; height:400px;} 
		.pic-text .news-text{ height:32vw;padding-left:2%;}
.news-text p{ font-size:1.2vw; line-height:2.5vw;}
.pic-text .news-text a{ left:5% !important;}
.pic-text2 .news-text{ height:32vw;padding-right:2%;}
.index-product .news-text h4:after{ margin-top:10px;right: 2vw;}
.pic-text2 .news-text p{ margin-top:4vw;}
.n3 a{bottom:5px;}
.pic-text2 .news-text a{ right:8% !important;}
	.footer ul{ margin-left:3.5vw;}
	.bs{ margin-top:60px;}
 }
 @media only screen and (max-width: 1000px) and (min-width:750px) {
	.content{ width:100% !important;}
	  .map{ background:url(../images/map1.gif) no-repeat center center; height:500px;background-size:contain;} 
	  	 .top ul{ right:0;}
		 .nav ul li a{ margin:0px !important; font-size:12px;}
		 .nav{}
			.banner h2{ top:10vw; left:13vw; font-size:10vw;}
	.banner h3{ top:22vw; font-size:2.5vw; left:13vw;}
	.banner h4{ top:26vw; font-size:2vw; left:13vw;letter-spacing:0.1em;}
	.banner h5{ top:13vw; font-size:5vw; left:13vw;}
	.banner h6{ top:20vw; font-size:3vw; left:13vw;letter-spacing:0.1em;}
.yuan ul li{ width:20vw; margin:1vw; padding-top:4vw;   display:inline-block; background:url(../images/wap2.png) center top no-repeat; position:relative; background-size:contain;   font-size:2vw; }
.yuan ul li span{ font-size:7vw; font-weight:bold;}
.yuan ul li p{ position:inherit; bottom:5px; font-size:2.2vw; margin-top:9vw; font-weight:normal; text-align:center; display:block; width:100%;}
.yuan ul li:hover{ background:url(../images/wap1.png) center top no-repeat; background-size:contain;  color:#C44F29;} 
.bs{ margin-top:10vw;}	
.pic-text .news-text{ height:32vw;padding-left:2%;}
.news-text p{ font-size:1.5vw; line-height:3vw;}
.news-text a{ left:5%;}
.pic-text2 .news-text{ height:35vw;padding-right:2%;}
.index-product .news-text h4:after{ margin-top:10px;}
.pic-text2 .news-text p{ margin-top:2vw;}
.n3 a{bottom:5px;}
.pic-text2 .news-text a{ right:8%;}
	}
@media only screen and (max-width: 750px) {
	.content{ width:100%;}
	.index-news,.index-product,.pc{ display:none;}
	.banner.wap{ padding:0px;}
	.homepage .wrapper{ height: 40vh;padding-top:0vh;}
	.top{ display:none;}
	.video{ height:40vh; display:none; position:relative;}
	.sheng {
    position: absolute;
    top: 50%;
    background: rgba(178,75,35,0.9);
    width: 15vw;
    height: 15vw;
    border-bottom-right-radius: 10vw;
}
.sheng i {
    font-size: 10vw;
    color: #FFF;
    text-align: center;
    line-height: 15vw;
    margin-left: 10px;
}
	
	.header{ padding-top:0px; background:#FFF; position:relative;}
	.nav{ display:none; background:#C24A23; width:100%; position:absolute;top:29vw; left:0px;  z-index:102;}
	.nav ul {background:#C24A23;}
	.nav ul li{ display:block; line-height:10vw;  text-align:center; border-bottom:1px solid #FFF;}
	.nav ul li a{font-size:4vw !important;}
	.nav ul li:after{ content:""; display:none !important;}
	.navbar-toggle{ display:block; position:absolute; top:13vw; color:#C24A23; right:0vw; font-size:10vw;}
	.banner h2{ top:10vw; left:13vw; font-size:10vw;}
	.banner h3{ top:22vw; font-size:2.5vw; left:13vw;}
	.banner h4{ top:26vw; font-size:2vw; left:13vw;letter-spacing:0.1em;}
	.banner h5{ top:13vw; font-size:8vw; left:13vw;}
	.banner h6{ top:23vw; font-size:4vw; left:13vw;letter-spacing:0.1em;}
	
 
.yuan ul li{ width:40vw; margin:3vw; padding-top:8vw;   display:inline-block; background:url(../images/wap2.png) center top no-repeat; position:relative; background-size:contain;   font-size:2vw; }
.yuan ul li span{ font-size:10vw; font-weight:bold;}
.yuan ul li p{ position:inherit; bottom:5px; font-size:4.2vw; margin-top:9vw; font-weight:normal; text-align:center; display:block; width:100%;}
.yuan ul li:hover{ background:url(../images/wap1.png) center top no-repeat; background-size:contain;  color:#C44F29;}

	.index-text h2{ font-size:5vw;}
	.index-text p{ font-size:4vw; font-weight:normal; line-height:6vw; color:#4c4948;}
	.map{ width:100%; height:75vw; background:url(../images/map1.gif) no-repeat center center; background-size:contain;}
	.wap{ display:block;}
	.index-text{ text-align:center; margin-top:20px;}
.index-text h2{ font-size:5vw; font-weight:bold; color:#C44F29; line-height:9vw; margin-bottom:2vw;}
 
.index-text  p span{ display:block;}
.index-text  p br{ display:none;}
.index-news h3{ border-top:3px solid #C44F29; width:100%; position:relative; height:7vw;  margin-bottom:5vw; background:none;}
.index-news h3 span{ padding:0 5vw 5vw 3vw; display:inline-block; position:absolute; top:0px; background:url(../images/wapnews.jpg) 0 0 no-repeat;background-size:contain; height:8vw; line-height:6vw;  color:#FFF; font-size:4.8vw;}

.pic-text,.pic-text2,.pic-text3{ position:relative; margin-bottom:5vw;}
.pic{ width:100%;}
.pic img{ width:100%; height:auto;}
.pic-text .news-text{ position:absolute; top:1%; left:1%; height:29vw;}
.news-text h4{ font-size:4.8vw; color:#c24a23; font-weight:bold;}
.news-text h4:after{ content:""; display:none;  width:45px; text-align:left; margin-top:5vw; margin-bottom:5vw; border-bottom:2px solid #c24a23; }
.news-text p{ width:100%; font-weight:200 !important;  margin-top:2vw;font-size:3.8vw; line-height:6vw}
.news-text a{ display:inline-block; position:absolute;  bottom:0px; width:5em; top:30vw; font-size:3vw;}
.news-text a i{ display:inline-block; margin-left:5px;}
.pic-text2 .news-text{ position:absolute; top:1%; right:1%;height:29vw; text-align:right;}
.pic-text2 .news-text h4:after{ content:""; display:none; position:absolute; right:0px;  width:45px;  text-align:right; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #c24a23; }
.pic-text2 .news-text p{ margin-top:2vw;}
.pic-text2 .news-text a{ right:12%; top:30vw;}
.index-product{ margin-top:15vw;}
.index-product h3{ border-top:3px solid #C44F29;position:relative; height:8vw; width:100%;  margin-bottom:4vw; background:none; }
.index-product h3 span{ display:inline-block; position:absolute; top:0px;   height:8vw; line-height:6vw; background:url(../images/wappro.jpg) 0 0 no-repeat; color:#FFF; font-size:4.8vw; background-size:contain;}

.index-product .news-text h4:after{ content:""; display:none;  width:45px; text-align:left; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #666; }
.foot-logo{ display:none;}
.footer{ margin:0px 4vw;}	
.footer ul{ margin:0px; width:30%; margin-left:3vw; margin-top:2vw;}
.footer{ padding-top:5vw}
.footer ul h2{  font-size:3.7vw; font-weight:bold; margin-bottom:10px;}
.footer ul h2 a{color:#c24a23;}
.footer ul li{ line-height:6vw;font-size:3.7vw; color:#4c4948;}
}
@media only screen and (max-width: 580px) {
	
	 .yuan ul li p{ margin-top:13vw;}
	
}
@media only screen and (max-width: 480px) {
	
	.yuan ul li{ width:30vw; height:30vw;}
	.yuan ul li span{ font-size:10vw;}
	.yuan ul li p{ margin-top:10vw;}
	
	
}