@charset "utf-8";
/* CSS Document */
 
 
.content{ width:1350px; margin:0px auto; }
.content1{ width:1140px; margin:0px auto; }
.relative{ position:relative;}
 
.homepage .wrapper{padding-top: calc(100vh - 130px);}
 
.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:12px; 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; 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;-ms-right:-42px; right:-38px;*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: 5px;}
.top ul li:last-child a{ color:#FFF;}
.top ul li:last-child 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;text-align: left; padding-left: 20px;}
/*视频*/
.video{ position:fixed; overflow:hidden; height:100vh;-o-height:640px;z-index:0; top:50px; width:100%; }
.video-main video{ width:100%;}
.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: 900;
    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;	height:100%; 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;}
.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:250px; left:250px; font-size:6rem;  /*font-weight:bold;*/  letter-spacing: 0.2em;
		 }
.swiper-slide h6{ position:absolute; top:350px; left:260px; font-size:3.2rem; letter-spacing:0.4em; 
		 }
.swiper-slide h7{ position:absolute; top:350px; left:250px; font-size:2.6rem; letter-spacing:0.5em; font-weight:bold; 
		 }
.swiper-slide h8{ position:absolute; top:390px; left:250px; font-size:1.9rem; letter-spacing:0.2em; 
		 }
.has-topstage .nav ul li a{ color:#FFF; font-size:18px; margin:0px 10px; font-weight: bold;}
.nav>ul>li>a{ color:#706f6f; 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:12px; text-align:center;  background:#c24a23;}
.form-pc ul li:nth-child(1){ width:200px; border-radius:0;   text-align:left; top:12px; border:1px solid #c24a23; background:rgba(0,0,0,0); padding-left:1.5em; padding-right:1.5em; border-radius:2em;}
.form-pc ul li input{ color:#c24a23; 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:#706f6f; font-size:14px;}
.form-pc ul li:last-child{ width:130px; border-radius:0px; background:rgba(0,0,0,0);}
.form-pc ul li:last-child a{ color:#c24a23;}
.form-pc ul li:last-child a i{ margin:0 5px;}
.form-pc .fa{ color:#FFF;  right: 5px; top: 5px;}
.content  .fa{ right: 5px; top: 5px;}
.content  .fa1{top: 7px; font: normal normal normal 14px/1 FontAwesome;}
.form-pc .fa-caret-down{ color:#c24a23 !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;text-align: left;    padding-left: 40px;}
.form-pc .input-group-addon{ background:#c24a23; border:0px; position:absolute; width:40px; height:22px; right:-34px; 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(/static/index/images/pc2.png) center top no-repeat; */position:relative; height:200px; font-size:14px; color: #706f6f;}
.yuan ul li span{ font-size:45px; 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(/static/index/images/pc1.png) center top no-repeat; */color:#C44F29;}
.yuan img{width: 100%;}
.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-text img{width: 100%;padding-top: 20px;}
.index-news h3{ border-top:3px solid #C44F29; width:100%;  margin-bottom:30px; background:url(/static/index/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;transition:all .4s; }
 
.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; width: 38%;}
.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 span{ display:inline-block; position:absolute;  bottom:0px; left:14%; width:4em; font-size:16px;transition:all .4s;}
.news-text span i{ display:inline-block; margin-left:5px;    top: 3px;}
.news-text .fa-chevron-circle-right1{right: -18px; }
.pic-text:hover span{ color:#c24a23;}
.news-text1 h4{ font-size:30px; color:#c24a23; font-weight:bold;}
.news-text1 h4:after{ content:""; display:block;  width:45px; text-align:left; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #c24a23; }
.news-text1 p{  width:100%; font-size:18px; line-height:34px;  color:#4c4948;}
.news-text1 span{ display:inline-block; position:absolute;  bottom:0px; /*left:14%;*/ width:4em; font-size:16px;transition:all .4s;}
.news-text1 span i{ display:inline-block; margin-left:5px;    top: 3px;}
.news-text1 .fa-chevron-circle-right1{right: -18px; }


.news-text2 h4{ font-size:30px; color:#c24a23; font-weight:bold;}
.news-text2 h4:after{ content:""; display:block;  width:45px; text-align:left; margin-top:30px; margin-bottom:30px; border-bottom:2px solid #c24a23; }
.news-text2 p{  width:100%; font-size:18px; line-height:34px;  color:#4c4948;}
.news-text2 span{ display:inline-block; position:absolute;  bottom:0px; /*left:14%;*/ width:4em; font-size:16px;transition:all .4s;}
.news-text2 span i{ display:inline-block; margin-left:5px;    top: 3px;}
.news-text2 .fa-chevron-circle-right1{right: -18px; }

.pic-text2 .news-text{ position:absolute; top:0%; right:0%; padding-top:5%; padding-right:5%;height:29em; text-align:right;transition:all .4s;  width: 34%;}
.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 span{ right:21%; left:inherit;transition:all .4s; position:absolute;  /*left:14%;*/ width:4em;  transition:all .4s;}
.pic-text2:hover span{ color:#c24a23;}

.pic-text2 .news-text1{ position:absolute; top:0%; right:0%; padding-top:5%; width:32%; padding-right:5%;height:29em; text-align:right;transition:all .4s;}
.pic-text2 .news-text1 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-text1 p{ margin-top:4em;}
.pic-text2 .news-text1 span{ right:24%; left:inherit;transition:all .4s; position:absolute;  bottom:0px; /*left:14%;*/ width:4em; font-size:16px;}


.pic-text2 .news-text2{ position:absolute; top:0%; right:0%; padding-top:5%; padding-right:5%;height:29em; text-align:right;transition:all .4s; width: 30%;}
.pic-text2 .news-text2 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-text2 p{ margin-top:4em;}
.pic-text2 .news-text2 span{ right:21%; left:inherit;transition:all .4s; position:absolute;bottom: -20px; /* bottom:60px; left:14%;*/ transition:all .4s;width:4em; font-size:16px;}

.index-product{ padding-top:20px;}
.index-product h3{ border-top:3px solid #C44F29; width:100%;  margin-bottom:30px;background:url(/static/index/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;*/}

/*手机*/
.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:1vw;line-height:8vw;  border-radius:50%;   text-align:center;  background:#fff; top: 2vw;     position: relative;}
.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 1vw;font-size:6vw;  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{  position:relative; height:900px; /*background:url(/static/index/images/mapindex.jpg) no-repeat center center; background-size:contain;*/ margin:40px auto;}
.map1{  position:relative; /*height:620px; */}
.map1 img{width: 100%;}
.map-main{ display:none;  position:absolute; background:rgba(0,0,0,0.6); color:#FFF; padding:15px; padding-bottom:30px; width:380px;top: -30px; left: -352px;}
.map-main h2{ line-height:40px; font-size:18px; font-weight:bold;}
.map-main:after{ content:''; background:url(/static/index/images/xiesjh2.png) left top no-repeat; width:40px; height:70px;  position:absolute; top:0px; right:-40px;/* border:20px; border-style:inset; border-color:transparent; border-left-color:rgba(0,0,0,0.6);*/  }
.mapbg{ position:relative;}
.mapsb{ position:absolute; width: 120px; height: 60px;background:rgba(0,0,0,0);}
.mapsb span{display:none; }
.map-main p{ font-size: 16px;}
.p1{top: 44%;left: 72%;}
.p2{ top:44%;left:83%; width:130px; height:30px;}
.p3{ top: 51%;left: 63%;}
.p4{ top: 40%;left: 6%; width:200px; height:60px;}
.p5{  top: 74%; left: 80%; width:160px; height:75px;}
.p6{ top: 53%; left: 10%; width:160px; height:30px;}
.p7{ top:42%;left:34.5%; width:160px; height:30px;}
.p8{ top: 50%;    left: 50%; width:160px; height:40px;}
.p9{top: 57%;    left: 72%; width:100px; height:60px;}
.p10{    top: 77.6%;    left: 28.6%;}
.p11{ top: 77%;    left: 19%; width:140px; height:40px;} 
.p12{ top: 80%;    left: 22%; width:140px; height:40px;} 

.map2{top:-55px; left:-412px;}
.map3{top:-60px; left:-362px;}
.map4{top:-55px; left:-293px;}
.map5{top:-38px; left:-335px;}
.map6{top:-52px; left:-273px;}
.map7{top:-55px; left:-265px;}
.map8{top:-55px; left:-268px;}
.map9{top:-60px; left:-380px;}
.map11{top:-58px; left:-293px;}
.map12{top:-58px; left:-293px;}

.text{ position:absolute; font-size:1.1vw; /*font-weight:bold;*/ letter-spacing:0.1em; color:#666;}
.text span{ display:inline-block; font-size:1.5vw; position:relative; top:-0.2vw;}
.text1{ top:39%; left:5%;}
.text2{ top:53%; left:8.5%;}
.text3{ top:76.5%; left:18%;}
.text4{ top:41%; left:34%;}
.text5{ top:49.5%; left:49.5%;}
.text6{ top:54%; left:62%;}
.text7{ top:59%; left:70%;}
.text8{ top:43%; left:72%;}
.text9{ top:43%; left:84.5%;}
.text10{ top:80%; left:78%;}
.text11{ top:70%; left:36%;} 
.text12{ top:80%; left:33%;} 



@media only screen and (min-width:1200px) and (max-width: 1400px) {
	.content{ width:1200px !important;}
	.nav ul li{padding: 0px 5px 0 5px !important;}
	 .top ul{ right:0;}
	 .map{   height:750px; } 
	 .mapbg{ height:auto;}
	 .mapbg img{ width:100%; height:auto;}
	 /*.mapsb{ width: 100%; height: auto; position: inherit;left:inherit; top: inherit;}*/
	 .mapsb{ position:absolute; width: 100px; height: 50px;background:rgba(0,0,0,0);}
	.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:22vw; font-size:3vw; left:13vw;letter-spacing:0.1em;}
	.pic-text .news-text{height: 24em;}
	.pic-text2 .news-text1{height: 24em;}
	.pic-text2 .news-text{height: 24em;}
	.pic-text2 .news-text p{ margin-top:4vw;  font-size:1.2vw;}
	.news-text p{font-size:1.2vw;}
	.news-text1 p{font-size:1.2vw;}
	.news-text2 p{font-size:1.2vw;}
	.n3 a{ bottom:-15px;}
	.footer ul{ margin-left:5.5vw;}
	.bs{ margin-top:100px;}
	
	
	.content1{ width:858px; margin:0px auto; }
	
	.mapsb span{display:none; }
.map-main p{ font-size: 16px;}
.map-main {  top: -35px;left: -360px;}
.p1{top: 43%;left: 71%;}
.p2{ top:44%;left:83%; width:100px; height:30px;}
.p3{ top: 51%;left: 62.5%; width:100px; height:35px;}
.p4{ top: 41%;left: 6%; width:180px; height:50px;}
.p5{  top: 73%; left: 79%; width:130px; height:60px;}
.p6{ top: 53%; left: 10%; width:120px; height:25px;}
.p7{ top:42%;left:34.5%; width:120px; height:22px;}
.p8{ top: 50%;    left: 50.2%; width:120px; height:25px;}
.p9{top: 57%;    left: 71.5%; width:80px; height:40px;}
.p10{    top: 77.6%;    left: 28.6%;}
.p11{ top: 77%;    left: 18.5%; width:100px; height:25px;}  
 
.map2{top:-60px; left:-415px;}
.map3{top:-65px; left:-373px;}
.map4{top:-65px; left:-175px; width:230px;}
.map5{top:-42px; left:-348px;}
.map6{top:-58px; left:-213px; width:280px;}
.map7{top:-60px; left:-305px;}
.map8{top:-60px; left:-310px;}
.map9{top:-65px; left:-385px;}
.map11{top:-60px; left:-245px; width:300px;}

	}
 @media only screen and (min-width:1000px) and (max-width: 1200px) {
	 	.content{ width:1000px !important;}
	 	.nav ul li{padding: 0px 2px 0 2px !important;}
	 .nav>ul>li>a{    margin: 0px 1px;}
	 .nav>ul>li:after{padding-left: 5px;}
    .map{ height:auto !important;margin-top: 80px;}
	  .mapimg{ /*display:none;*/}
	.map-main{ display:block; position:inherit; width:100%; left:inherit; border-bottom:1px solid #FFF;}  
	.map-main:after{ background:none;}
	.mapsb{ width: 100%; height: auto; position: inherit;left:inherit; top: inherit;}
		.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;}
	 .mapimg,.text{ /*display:none;*/}
 }
 @media only screen and (max-width: 1000px) and (min-width:750px) {
	.content{ width:100% !important;}
	     .map{ height:auto !important;margin-top: 80px;}
	  .mapimg,.text{ /*display:none;*/}
	.map-main{ display:block; position:inherit; width:100%; left:inherit; border-bottom:1px solid #FFF;}  
	.map-main:after{ background:none;}
	.mapsb{ width: 100%; height: auto; position: inherit;left:inherit; top: inherit;}
		.pic-text .news-text{ height:32vw;padding-left:2%;}
	  	 .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(/static/index/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(/static/index/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,.text{ display:none;}
	.banner.wap{ padding:0px;}
	.homepage .wrapper{ 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(/static/index/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(/static/index/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;padding: 15px;}
	    .map{ height:auto !important;}
	  .mapimg{ /*display:none;*/}
	.map-main{ display:block; position:inherit; width:100%; left:inherit; top: inherit; border-bottom:1px solid #FFF;}  
	.map-main:after{ background:none;}
	.mapsb{ width: 100%; height: auto; position: inherit;left:inherit; top: inherit;}
		.pic-text .news-text{ height:32vw;padding-left:2%;}
	.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(/static/index/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;width: 40vw;}
.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;width: 40vw;}
.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:21%; /*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(/static/index/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; }
.p2{ display: none;}
.p3{ display: none;}
.p4{ display: none;}
.p5{  display: none;}
.p6{ display: none;}
.p7{ display: none;}
.p8{ display: none;}
.p9{ display: none;}
.p10{ display: none;}
.p11{ display: none;}
	
}
@media only screen and (min-width:751px) and (max-width: 950px){
	.nav>ul>li{padding: 0px 2px 0 0;}
	.nav>ul>li:after{padding-left: 5px;}
}
@media only screen and (max-width: 580px) {
	 .yuan ul li p{ margin-top:13vw;}
}
@media only screen and (max-width: 480px) {
	.slick-dots{bottom: 10px;}
	.yuan ul li{ width:30vw; height:30vw;}
	.yuan ul li span{ font-size:10vw;}
	.yuan ul li p{ margin-top:10vw;}
}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
	.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;}
.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);}
.form-pc ul li:nth-child(1){ 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-pc ul li input{position:absolute; top:-5px; color:#000; border:0px !important; height:24px;line-height:24px; font-size:12px; padding-left:0px;background:rgba(0,0,0,0);}
 .form-pc .input-group-addon{ background:#4C4948; border:0px; position:absolute; width:40px; height:22px; right:-39px; border-top-right-radius:1em;border-bottom-right-radius:1em;}
	}
<!--0.00021100044250488-->