@charset "gb2312";
@import "Noto Sans SC.css";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%; }

html,body {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5  'Noto Sans SC','Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1, 'Hiragino Sans GB', sans-serif;  background:url(../images/bg.jpg) center center no-repeat #f9f5ea; background-attachment:fixed; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
h1,h2,h3,h4,h5,h6,p,em,i,b,span,strong { margin:0; padding: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:#d92b2e; 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,font { box-sizing:border-box; -webkit-box-sizing:border-box; }


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

.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  background: url(../images/header.jpg) center bottom no-repeat; background-size: 100% 100%; }
.main { width:1200px; left:50%; margin-left:-600px; position:relative; top:0vh;  z-index:5; height:100%; }
.logo { width:1200px;  position:absolute; left:0; top:6.5vh;  z-index:5 }
.tit { width:1200px;  top:14vh; z-index:15; position:absolute; text-align: center;  }
.subtit { width:750px; left:30px; top:calc(14vh + 310px); z-index:15; position:absolute;  line-height:1.9; font-size:18px; color:#682e1a; text-indent: 2em; font-weight: 500; text-align: justify; }
.subtitmob { display: none;}

.arrows{width:60px; height:72px; position:absolute; left:50%; margin-left:-30px; bottom:50px; z-index:12;}
.arrows path { stroke:#fff; fill:transparent; stroke-width:2px; 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; overflow:hidden;  }
.lm { width:100%; float:left; text-align:center; padding:50px 0 50px 0; }


/*Í·Ìõ*/
.w56 { width:56%; float:left; }
.swiper-container,.swiper-container2 { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; }
.swiper-wrapper { position: relative; width:100%; height:400px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 30px 50px 30px; font-size:22px; line-height:1.4; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  text-align:center;  font-weight: 500; }

.swiper-button-prev,.swiper-button-next{ width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:6px;}
.swiper-button-prev { left:6px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#f56a3f; width:40px; }


.w40 { width:40%; float:right;  }
.news { width:100%; float:left; margin-top: -6px; }
.news ul li { width:100%; float:left; border-bottom:1px dotted rgba(0,0,0,.2); padding:0 0 15px 0; margin-bottom:15px; }
.news ul li span { width:100%; float: left; font-size:22px; line-height:1.5; color:#b17d31; font-weight: 500; }
.news ul li p { width:100%; float:left; line-height:1.7; font-size:14px; color:#666; padding:6px 0 0 0; font-weight: 300; }
.news ul li:hover span { color:#13574b; }
.news ul li:last-child { margin:0;}


.more { float:right; margin-top:15px; }
.more a {  font-size:16px; color:#444;  line-height:1.5; font-weight: 500; }
.more a:hover { color:#13574b;   }





.jrms { width: 100%; float: left; background:url(../images/con02.png) left center no-repeat; background-size:cover; }
.jrms ul { width: 182px; float: right; }
.jrms ul li { width: 100%; float: left; margin:8px 0; }
.jrms ul.mart120 { margin-top: 120px; margin-right: 40px; }


.jdrd {  width: 100%; float: left; margin-bottom: 80px; }


.footer { width:100%; float:left; font-size:17px; line-height:58px; color:#fff; text-align:center;  background:linear-gradient(0deg,#114b40 0,#176b62 100%);  } 
.footer span { padding-left:15px; }
.footer strong { }



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


.header { height:55vw;background: url(../images/header.jpg) center top no-repeat; background-size:cover; }
.main { width:100%; left:0; margin-left:0; top:0; }
	
.logo { width:100%;  position:absolute; left:5%; top:5vw;  z-index:5 }
.logo img { width:18%;}
	
.tit { width:100%; top:13vw;  }
.tit img { width:70%;}
	
.subtit { display: none; }

.arrows{ display: none; }
	
.subtitmob { width: 100%; float: left; padding:4.5% 6%;  display: block;  line-height:1.8; font-size:.95rem; color:#f9f5ea; text-indent: 2em; font-weight: 300; text-align: justify;  background:linear-gradient(135deg,#b17d31 0,#af5f00 100%); }	
	




.warp {  width:100%; padding:0 5%; margin:0 auto; float:left;}


.w56 { width:100%; }
/*½¹µãͼ*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-wrapper { position: relative; width:100%; height:52vw; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-wrapper img { width:100%; height:100%; }
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h3 span {  padding:5% 5% 33px 5%;  font-size:1rem; font-weight:600; line-height:1.375rem;  }

.swiper-button-prev,.swiper-button-next { width:40px; height:50px; margin-top:-25px; line-height:50px; font-size:40px;  }
.swiper-button-next { right:4px;}
.swiper-button-prev { left:4px;}
	
.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:15px; left:0; width:100%; }
.swiper-pagination-bullet { width:8px; height:8px;  border-radius:6px; margin:0 3px;}
.swiper-pagination-bullet-active{  width:30px; }	
	
	
.w40 { width:100%; }
.news {  margin-top: 5%; }
.news ul li { padding:0 0 .8rem 0; margin-bottom:.8rem; }
.news ul li span { font-size:1.15rem; line-height:1.5;  }
.news ul li p {  line-height:1.7; font-size:0.9rem;  padding:.3rem 0 0 0;  }
.news ul li:hover span { color:#b17d31; }
.news ul li:last-child { margin:0;}


.more { float:right; margin-top:.75rem; }
.more a {  font-size:1rem; }
.more a:hover { color:#444;  }
	

	

.lm { width:100%; float:left; padding:5.5% 5%; }
.lm img {width:80%; height:auto; }
	
	
	

.jrms { width: 100%; float: left; background:url(../images/con02.png) 35% center no-repeat; background-size:cover; padding:0 0% 0 0; }
.jrms ul { width: 25vw; float: right; }
.jrms ul li { width: 100%; float: left; margin:8px 0; }
.jrms ul li img { width: 100%; }
	
.jrms ul.mart120 { margin-top: 120px; margin-right: 40px; }
	
	
	
.jdrd {  width: 100%; float: left; margin-bottom: 6%; }
.jdrd img { width: 100%; }
	
	
	
	
	
	
.footer { width:100%; float:left; font-size:1rem; line-height:2.8rem;  } 


}