@charset "gb2312";
*{ 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 'syS0',"Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; background:url(../images/bgpic.jpg) center top no-repeat;  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; }

.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { animation-duration: 1s; animation-fill-mode: both;}

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

.nav { padding:0 10px; position:fixed; top:0; left:0;  z-index:1000;  background:linear-gradient(135deg,#c68e50 0,#dbac72 100%); display: none; }
.nav ul li { float: left;  }
.nav ul li a { display: inline-block; color:rgba(255,255,255,1); font-size:16px; line-height:50px; padding:0 20px;  }
.nav ul li b { }
.nav ul li a:hover {  background:linear-gradient(135deg,#e73c14 0,#eb603a 100%);  }
.nav ul li a:focus {  background:linear-gradient(135deg,#e73c14 0,#eb603a 100%);  }
.nav .affer { position:absolute; width:0px; height:0px; top:0px; right:-35px; border-right:35px solid transparent;  border-top:50px solid #dbac72;  }

.header { width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative; background: url(../images/bj.jpg) center bottom no-repeat; background-size: 100% 100%; }

.logobk { width:1200px; left:50%; margin-left:-600px; top:45px; z-index:15; position:absolute; }
.logo { width:200px;  position:absolute; top:0px; left:0; z-index:5 }
.logo2 { width:200px;  position:absolute; top:0px; left:0; animation:logo 3.0s ease-in-out 2s infinite;-webkit-animation:logo 3.0s ease-in-out 2s infinite;}
@-webkit-keyframes logo{
	from{ }
	10%{ filter:alpha(opacity=80); opacity:.8; }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1.2,1.2); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(1.2,1.2);  }
}
@keyframes logo{
	from{ }
	10%{ filter:alpha(opacity=80); opacity:.8; }
	50%{ filter:alpha(opacity=0); opacity:0; transform: scale(1.2,1.2); }
	to{ filter:alpha(opacity=0); opacity:0; transform: scale(1.2,1.2);  }
}


.tit { width:1200px; left:50%; margin-left:-600px; top:22vh; z-index:15; position:absolute; text-align: center; -webkit-animation:tit 1.2s ease .3s backwards; animation:tit 1.2s ease .3s backwards; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}


.warp { width:1200px; margin:0 auto; overflow:hidden;  }
.lm { width:100%; float:left; text-align:center; padding:60px 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:24px; 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;   }

.swiper-button-prev,.swiper-button-next,.swiper-button-prev2,.swiper-button-next2 { 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,.swiper-button-next2 { right:6px;}
.swiper-button-prev,.swiper-button-prev2 { left:6px;}

.swiper-pagination,.swiper-pagination2 { 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:-10px;  }
.news ul li { width:100%; float:left; border-bottom:1px dotted rgba(0,0,0,.1); width:100%; padding:10px 0; }
.news ul li span { width:100%; float:left;font-size:16px; line-height:29px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; background: url(../images/yuan.png) left center no-repeat; padding:0 0 0 25px;}


.more { float:right; margin-top:24px; }
.more a { display:inline-block; font-size:16px; color:#946c38; background:#fff; padding:0 25px; line-height:42px; border-radius:50px;  }
.more a:hover { color:#fff; background:linear-gradient(135deg,#c68e50 0,#dbac72 100%);   }

.more2 { width: 100%; text-align: center; float: left; margin-top:45px; }
.more2 a { display:inline-block; font-size:20px; color:#fff; font-weight: 600; background:linear-gradient(135deg,#e73c14 0,#eb603a 100%);  padding:0 50px; line-height:60px; border-radius:60px;  }
.more2 a:hover { color:#fff; background:linear-gradient(135deg,#e73c14 0,#eb603a 100%);    }
.more2 span {  color: #fff5c8; font-weight: 600;  }



.maplist {  width:100%; height:640px; position:relative; left:0; top:0; background:url(../images/map.png) center top no-repeat;}
.maplist ul li { width:70px; height:70px; position:absolute;  }
.maplist ul li.hand01 { left:65px; top:60px;}
.maplist ul li.hand02 { left:216px; top:154px;}
.maplist ul li.hand03 { left:372px; top:96px;}
.maplist ul li.hand04 { left:28px; top:410px;}
.maplist ul li.hand05 { left:85px; top:555px;}
.maplist ul li.hand06 { left:650px; top:96px;}
.maplist ul li.hand07 { left:950px; top:25px;}
.maplist ul li.hand08 { left:1085px; top:156px;}
.maplist ul li.hand09 { left:1112px; top:315px;}
.maplist ul li.hand10 { left:1008px; top:474px;}
.maplist ul li.hand11 { left:790px; top:524px;}

.photo { width:100%; float:left; cursor:pointer; }
.photo img { width:50px; height:50px; font-size:16px; color:#666; line-height:26px;  }

.popup { background:rgba(0,0,0,.7); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; display:none; }
.popup div { position:absolute;  }

.pop { width:50%; height:70%; top:15%; left:25%; padding:50px 50px 30px 50px; background:#fff; overflow:scroll; -webkit-animation:pop .3s ease-in-out backwards; animation:pop .3s ease-in-out backwards;}
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
.pop font {  width:100%; float:left; text-align:center; font-size:20px; line-height:30px; font-weight: 600; color:#fff; padding:15px 0; background:linear-gradient(135deg,#c68e50 0,#dbac72 100%); margin-bottom: 30px; }
.pop center{ width:100%;float:left;  padding:10px 0 20px 0; }
.pop img { width:60%; height:auto;}
.pop p {  width:100%; float:left; text-indent:2em; text-align:left; font-size:17px; line-height:1.8em; color:#444; margin-bottom: 20px; }

.pop::-webkit-scrollbar { width:10px; height:0px; -webkit-overflow-scrolling:touch; background-color:#dddddd; }
.pop::-webkit-scrollbar-track { background-color: #dddddd; }
.pop::-webkit-scrollbar-button { height:10px; background-color:#dddddd; }
.pop::-webkit-scrollbar-thumb { border-radius:0px; background-color:#999; }

.close {  position:absolute; z-index:999; top:15%; right:25%; margin-top:-22px; margin-right:-22px; cursor:pointer; -webkit-animation:tit 0.8s ease-out 1.2s backwards; 
animation:close 0.3s ease-out .3s backwards;
}
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}

.list01 { width:100%; float: left; margin-bottom: 30px; }
.list01 ul { display:flex; flex-wrap:wrap; }
.list01 ul li { width:48.5%; float:left; margin-right:3%; margin-bottom:3%;  background:rgba(255,255,255,.5);}
.list01 ul li h3 { width:100%; float:left;  height:360px; overflow: hidden;  }
.list01 ul li h3 img {width:100%; height:100%;  -webkit-transition: transform 1.5s;transition: transform 1.5s; }
.list01 ul li:hover h3 img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.list01 ul li h2 { width:100%; float:left; padding:20px 30px 30px ;  }
.list01 ul li h2 font {width:100%; float:left; font-size:18px; line-height:32px; color: #333;  }
.list01 ul li h2 span { float:left; color:#fff; background:linear-gradient(135deg,#e73c14 0,#eb603a 100%); font-size: 16px; padding:0 18px; line-height:40px; margin-top: 20px;  }
.list01 ul li:nth-child(2n) { margin-right:0; }



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

.newslist { width:100%; float:left; margin-bottom:50px;   } 
.newslist ul li { width:100%; float:left; border-left:4px solid #c90000; padding:15px 30px; margin:8px 0; box-shadow: 2px 2px 6px rgba(0,0,0,.1);  
 background:#fff; box-shadow:0px 0px 10px rgba(174,127,65,.15); transition:all ease-out .3s 0s; -webkit-transition:all ease-out .43s 0s; }
.newslist ul li h4 { width:100%; float:left;  text-align:left; color:#333; font-size:18px; line-height:36px; height:36px; overflow:hidden;}
.newslist ul li h4 span { color:#999; float:right; font-size:16px; }
.newslist ul li:hover h4 { color: #c90000; }
.newslist ul li:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px); }
.newslist ul li:nth-child(2n) { border-left:4px solid #c5a37c; }



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

.mnav { display:none;}
.header { height:29vh;  background-size:auto 100%; }
	
	
.logobk { width:100%; left:0; margin-left:0; top:1.8vh; }
.logo { width:18%;  top:0; left:3%; }
.logo img { width:100%; }
.logo2 { width:18%; top:0; left:3%; }
.logo2 img { width:100%; }

.tit { position:absolute; width:100%; top:6.5vh; left:0; margin-left:0; text-align:center; }
.tit img { width:85%;}



.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; margin-bottom:2%; margin-top:5%; }
.swiper-wrapper { position: relative; width:100%; height:13rem; 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,.swiper-button-prev2,.swiper-button-next2 { width:40px; height:50px; margin-top:-25px; line-height:50px; font-size:40px;  }
.swiper-button-next,.swiper-button-next2 { right:4px;}
.swiper-button-prev,.swiper-button-prev2 { left:4px;}
	
.swiper-pagination,.swiper-pagination2 { 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 { padding:5% 0 0 0; }
.news ul li { width:100%; float:left; border-bottom:1px dotted rgba(0,0,0,.1); padding:10px 0; }
.news ul li span { font-size:1rem; line-height:1.5em;  width:100%; padding:0 0 0 22px; background: url(../images/yuan.png) left 5px no-repeat;   overflow:hidden; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.more { float:right; margin-top:4%; }
.more a { font-size:.9rem; background:#fff; color: #666; padding:0 1rem; line-height:2.2rem; border-radius:3px;  }
.more a:hover { color: #666; background:#fff;   }

.more2 { width: 100%; text-align: center; float: left; margin-top:6%; }
.more2 a {width: 100%; display:inline-block; font-size:.9rem; background:linear-gradient(135deg,#e73c14 0,#eb603a 100%);  padding:0 0; line-height:3em; border-radius:10rem; }
.more2 a:hover { color:#fff; background:linear-gradient(135deg,#e73c14 0,#eb603a 100%);   }
.more2 span {  color: #fff5c8; font-weight: 600;  }
	
	

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

	
	
.maplist {  width:100%; height:14rem; position:relative; left:0; top:0; background-size: 100% 100%; }
.maplist ul li { width:1.5rem; height:1.5rem; position:absolute; }
.maplist ul li img { width:100%; height:auto; }

.maplist ul li.hand01 { left:4%; top:1rem;}
.maplist ul li.hand02 { left:16.6%; top:3rem;}
.maplist ul li.hand03 { left:29.7%; top:1.8rem;}
.maplist ul li.hand04 { left:1.4%; top:8.7rem;}
.maplist ul li.hand05 { left:6%; top:11.9rem;}
.maplist ul li.hand06 { left:53.2%; top:1.8rem;}
.maplist ul li.hand07 { left:78.2%; top:.2rem;}
.maplist ul li.hand08 { left:89.2%; top:3.05rem;}
.maplist ul li.hand09 { left:91.5%; top:6.7rem;}
.maplist ul li.hand10 { left:82.7%; top:10.1rem;}
.maplist ul li.hand11 { left:64.7%; top:11.2rem;}

.close { top:2%; right:2%; margin-top:0; margin-right:0; }

.pop {width:100%; height:100%; top:0; left:0; padding:6% 6% 1% 6%; background:#fff;}
.pop font {  width:100%; float:left; text-align:center; font-size:1.1rem; line-height:1.5em;  padding:15px 5%; margin-bottom:5%; }
.pop center{ width:100%;float:left;  padding:10px 0 20px 0; }
.pop img { width:60%; height:auto;}
.pop p {  width:100%; float:left; text-indent:2em; text-align:left; font-size:1rem; line-height:1.8em;  color:#555; margin-bottom:5%; }


.list01 {  margin-bottom:0; }
.list01 ul li {  width: 100%; margin-right:0; margin-bottom:5%; }
.list01 ul li h3 {  height:13rem;  }
.list01 ul li:hover h3 img {-webkit-transform: scale(1);transform: scale(1);}
.list01 ul li h2 { width:100%; float:left; padding:5% 6% 6%;  }
.list01 ul li h2 font { font-size:1rem; line-height:1.8em;  }
.list01 ul li h2 span { font-size:.9rem; padding:0 1rem; line-height:2.5em; margin-top:5%;  }

	
	
	
.footer { width:100%; float:left; font-size:1rem; line-height:2.8rem;  } 

.newslist { width:100%; float:left; margin-bottom:2%;} 
.newslist ul li { padding:3% 5%; margin:0 0 4% 0; }
.newslist ul li h4 { font-size:1rem; line-height:1.5rem; height:auto; overflow:auto;}
.newslist ul li h4 span { display: none;  }
.newslist ul li:hover h4 { color: #333; }
.newslist ul li:hover { -webkit-transform: translateY(0px);transform:translateY(0px); }

}