@charset 'gb2312';
* { margin: 0; padding:0;} 
html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; background: url(../images/bg.png) top center no-repeat #f7e8bc; }
body { width:100%; height:100%; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,em,i,b,span,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; font-style:normal;} 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color: #333; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:hover{ color:#1d52a2; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn:hover img { -webkit-transform:scale(1.05);  transform:scale(1.05);}



.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  z-index:99; position:relative; background-size: cover;  }

.cl { clear: both;}

.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:35px}
.arrows path{stroke:#d71d1f;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
@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}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}

.warp { width:1200px; margin: 0 auto; }

.daoyu { text-align: center; padding: 3% 0;}
.daoyu2 { display: none;}
.lm { width:100%;  margin:0 auto; overflow:hidden; text-align:center; padding:50px 0; }
.lm img {}



.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 60px;/* border: #f89d3b 5px solid;*/ border-radius: 20px; box-shadow: 0px 0px 10px #f89d3b;}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:600px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 { width:100%; height:100%; position: absolute;}
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:10%; float:left; padding:15px 30px; max-width:80%; background:#f89d3b; line-height:30px; font-size:22px; color:#fff; }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:72px; height:80px; top:50%; margin-top:-40px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:80px; font-size:50px; color:#fff;  font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0px;}
.hdpic .swiper-button-prev { left:0px;}


.st { width:100%; float: left;}
.st ul li { width:32%; float:left; margin-right:2%; margin-bottom:25px; box-shadow: 0px 0px 10px #f89d3b;  border-radius: 20px; overflow: hidden; }
.st ul li h3 { width:100%; height:210px; position:relative;  }
.st ul li h3 img { width:100%; height:100%; }
.st ul li h3 b { position:absolute; left:0; bottom:0; background: linear-gradient(135deg, #13876b 1%, #0e7e72 100%);color:#fff; font-size:14px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.st ul li h4 { width:100%; float:left; /* background:rgba(255,255,255,.8);*/  padding:12px 5%; }
.st ul li h4 p { font-size:16px; line-height:22px; color:rgba(0,0,0,.8);  text-align: center; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.st ul li:nth-child(3n) { margin-right:0;}
.st ul li:hover h4 { color:#e84335; }



.footer { width: 100%; margin-top: 60px; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;   background:linear-gradient(135deg,#ea2d1a 0,#c10c19 100%); }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }

@media screen and (max-width: 1024px) {


html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;background: url("../images/mbg.jpg") top center no-repeat #f7e8bc; background-size: 100%;}
body { width:100%; height:100%; }

.header { height:auto;  }
.warp { width:100%;  padding:0 5%;}
.hdpic { width:100%; overflow:hidden; position: relative; display:block; margin-bottom: 5%;}
.hdpic .swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.hdpic .swiper-wrapper { position: relative; width:100%; height:14rem; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.hdpic .swiper-wrapper img { width:100%; height:100%; }
.hdpic .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.hdpic .swiper-slide h3 img { width:100%; height:100%; }
.hdpic .swiper-slide h3 span {  position:absolute; bottom:6%; float:left; padding:3% 5%; max-width:90%; line-height:1.3rem; font-size:1rem;   }
.hdpic .swiper-button-prev,.hdpic .swiper-button-next { width:32px; height:2.5rem; line-height:3rem; top:50%; margin-top:-1.7rem; cursor:pointer; position:absolute; z-index:9999; text-align:center; line-height:2.5rem; font-size:1.5rem; color:#fff;  text-shadow:1px 1px 5px rgba(0,0,0,.5);  background:rgba(0,0,0,.6);}
.hdpic .swiper-button-next { right:0;}
.hdpic .swiper-button-prev { left:0;}


	.st ul li { width: 100%; margin-right: 0%;}
	.lm { padding: 3vh 0;}
	.lm img { width: 70%;}
	.daoyu { display: none;}
.daoyu2 { margin-top: 35vh; display:block;}
.daoyu2 img { width:100%;  padding:0 5%;}
	.footer {    margin-top: 3vh;}
}