@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 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  background:url(../images/bg.jpg) center bottom 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; } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
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:#404040; text-decoration:none; }
a:hover{ color:#d50b10; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font { box-sizing:border-box; -moz-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);}

.header { width:100%; margin:0 auto; height:100%; overflow:hidden; position:relative; background: url(../images/topbj.jpg) center bottom no-repeat;   background-size: cover; /*display:flex; align-items:center; justify-content: center; */ }

.logo { position:absolute; right:5vh; top:5vh; height: 18vh; -webkit-animation:logo .5s ease .2s backwards; animation:logo .5s ease .2s backwards;}
@keyframes logo {
0% { -webkit-transform: translateX(200px); opacity:0}
100% { -webkit-transform: translateX(0); opacity:1 }
}
@-webkit-keyframes logo {
0% { -webkit-transform: translateX(200px); opacity:0}
100% { -webkit-transform: translateX(0); opacity:1 }
}
.logo img { max-height: 100%;}

.donghua { width:100%; position:absolute; top:10vh;   }
.tit { width:100%; float: left;  text-align: center; height: 43vh;-webkit-animation:tit 1.1s ease .5s backwards; animation:tit 1.1s ease .5s 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(.2);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
.tit img { max-height: 100%;}

.sub {  width:100%; float: left; margin-top: 16vh; height: 15vh;  text-align: center; -webkit-animation:sub .6s ease 1.3s backwards; animation:sub .6s ease 1.3s backwards;}
@keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
.sub img { max-height: 100%;}

.nav { width:100%; float: left; background:linear-gradient(90deg, rgba(0,153,68,1), rgba(0,140,214,1)); margin-bottom:30px;  }
.nav ul { width:1200px; overflow:hidden; margin:0 auto; }
.nav ul li { float:left; color:#fff; font-size:20px; /* font-family:"\5B8B\4F53";*/ /*font-weight:600;  */ }
.nav ul li a { color:#fff; display: block;  padding:0 30px; line-height:62px; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;  }
.nav ul li a:hover {/* color:#fff659;*/ background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1)); }


.nav2 { padding:0 10px; position:fixed; top:0; left:0;  z-index:1000; background:linear-gradient(90deg, #009944, #008cd6);  display: none; }
.nav2 ul li { float: left;  }
.nav2 ul li a { display: inline-block; color:rgba(255,255,255,1); font-size:18px; line-height:52px; padding:0 20px; font-family:"\5B8B\4F53"; }
.nav2 ul li a:hover { background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1)); }
.nav2 ul li a:focus { background:linear-gradient(to right, rgba(245,164,35,1), rgba(236,102,82,1)); }
.nav2 .affer { position:absolute; width:0px; height:0px; top:0px; right:-35px; border-right:35px solid transparent;  border-top:52px solid #008cd6;  }


.warp { width:1200px; overflow:hidden; margin:0 auto;  background: #fff; border-radius:20px; padding:0 50px; margin-top:30px; }
.lm { width:100%; float:left; padding:40px 0 25px 0; text-align:left; }

.warp2 { width:1200px; overflow:hidden; margin:0 auto;  margin-top:30px;  background: #fff; border-radius:20px; }

.w62 { width:62%; overflow:hidden;  }
.w38 { width:38%;}
.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; border-radius:20px 0 0 20px;  }
.swiper-wrapper { position: relative; width:100%; height:420px; 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; border-radius:20px 0 0 20px;  overflow:hidden; }
.swiper-slide h3 { width:100%; height:100%; position: absolute; border-radius:20px 0 0 20px; overflow:hidden; }
.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 { 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:12px;}
.swiper-button-prev { left:12px;}

.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; }

/*新闻资讯*/
.news { width: 100%; float: left;  height:420px; padding:26px 45px 0 45px; background: #fff; border-radius:0 20px 20px 0; overflow:hidden; }
.news ul li { width:100%; float: left; border-bottom: 1px dashed rgba(0,0,0,.1); margin:9px 0; padding:0 0 18px 0; }
.news ul li h2 { width: 100%; float: left;  display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical;  -webkit-line-clamp: 2; overflow:hidden; line-height:1.6em; font-size:18px; color:#333; font-weight: 600;  transition:all ease-out .3s 0s; }
.news ul li:hover h2 { background: linear-gradient(90deg, #008cd6, #009944); background-clip: text; -webkit-text-fill-color: transparent;}
.news ul li h3 { width: 100%; float: left; line-height:1.7em; font-size:15px; color:#888; text-align: justify; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin-top:9px; }
.news ul li:hover { -webkit-transform: translateX(-15px); -transform:translateX(-15px);}
.news ul li:last-child { margin-bottom:0;}


.intro { width:100%; float:left;  margin-bottom: 40px; }
.intro p {  width:100%; float:left; line-height:2em; font-size:17px; color:#404040; text-align:left; text-indent: 2em; text-align: justify;}
.intro em {  width:100%; float:left; line-height:2em; font-size:17px; color:#404040; text-align:left; text-indent: 1em; text-align: justify;}
.intro span { width:100%; float:left; line-height:2em; font-size:17px; color:#404040;  }
.intro span strong { font-size:18px; font-weight: 600; }


.intro2 { width:100%; float:left;  margin-bottom: 40px; }
.intro2 p {  width:100%; float:left; line-height:2em; font-size:17px; margin-bottom:5px; color:#404040; text-align:left; text-indent: 2em; text-align: justify;}
.intro2 p strong { font-size:18px; font-weight: 600; color:#e77817; }


.intro3 { width:100%; float:left;  margin-bottom: 25px; }
.intro3 p {  width:100%; float:left; line-height:2em; font-size:17px; color:#404040; text-align:left; text-indent: 2em; text-align: justify; margin-bottom: 15px;}
.intro3 span { width:100%; float:left; text-align: center; margin-top: 20px; margin-bottom: 25px; }


.honorbj { background: url(../images/honor.png) right center no-repeat #fff; }
.photobj { background: url(../images/photo.png) right center no-repeat #fff; }

.time { width:100%; float:left; margin-bottom: 30px; }
.time font { width:100%; float:left;  font-size:18px; line-height:2em;  text-align:left; padding:10px 0 20px 0; color: #404040;font-weight:600; }
.time .line { height:3px; border-radius:3px; display:block; width:100%; background:#ddd; float: left;}
.time ul li { width:32%; float:left; text-align:center; margin-right:2%; padding:2% 0 0 0;  position:relative; }
.time ul li i { position:absolute; top:0; right:50%; margin-right:-10px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:14px solid #ddd; display:block;}
.time ul li:nth-child(3) { margin-right:0; }
.time ul li b {  width:100%; float:left; text-align:center; font-weight:600; font-size:18px; line-height:1.6em; color:#e77817; margin-top: 5px; }
.time ul li p { width:100%; float:left; text-align:left; line-height:2em; font-size:16px; color:#666; padding:8px 30px; }


.tabBar { text-align: center; float: left; width: 100%;  margin:10px 0 25px 0; }
.tabBar span { display: inline-block; line-height: 56px; padding:0 40px;  background:linear-gradient(90deg, rgba(0,153,68,1), rgba(0,140,214,1)); color:#fff; font-weight: 600;  border-radius:50px ; font-size:18px;  }


.show { width:100%; float:left; margin:10px 0 15px 0; } 
.show ul { display:flex; flex-wrap:wrap; }
.show ul li { width:31%; float:left; margin-right:3.5%; margin-bottom:25px; cursor: pointer; }
.show ul li:nth-child(3n) { margin-right:0; }
/*.show ul li h3 { width:100%; float:left; }
.show ul li h3 img { width:100%; height:100%;   }
.show ul li h3 span { width:100%; float:left; color:#333; line-height:1.6em; font-size:18px;padding:18px 0 0 0; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.show ul li:hover h3 span { color:rgba(0,153,68,1); }

.show ul li h4 { width:100%; float:left; padding:18px 0 0 0; }
.show ul li:hover h4 span { color:rgba(0,153,68,1); }
.show ul li h5 { width:100%; float:left; margin-top:18px; display: none; }
*/

.warp { width:1200px; margin:0 auto; overflow:hidden;  background: #fff; border-radius:20px; padding:0 50px; margin-top:30px; }


.photo { width:100%; float:left; cursor:pointer; }
.photo span { width:100%;  float:left; height:220px; overflow:hidden;  }
.photo span img { width:100%; height:100%;  }
.photo p { width:100%; float:left; color:#333; line-height:1.6em; font-size:18px;padding:18px 0 0 0; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.photo:hover p {  color:rgba(0,153,68,1); }

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

.pop { width:100%; height:100vh; top:0; left:0;  display:flex; align-items:center; justify-content: center;  -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 img { max-width:90%;  max-height:90vh; }

.close { background:linear-gradient(90deg, rgba(0,153,68,1), rgba(0,140,214,1)); position:absolute; z-index:999; padding:20px; right:0; cursor:pointer;
-webkit-animation:tit 0.8s ease-out 1.2s backwards; 
animation:close 0.3s ease-out .4s backwards;
}
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
.close img { width: 100%;}



.footer { width:100%; float:left; font-size:16px; line-height:1.8em; color:rgba(0,0,0,.9); text-align:center; padding:40px 0; /* font-family:"\5B8B\4F53"; */}
.footer span { display: inline-block; padding:0 10px; }


/*手机适应*/
@media screen and (max-width:899px) and (min-width: 160px){
html,body { background-image:url(../images/bg.jpg) ; background-size: cover;}
	
.nav { display:none; }
	
.mnav { display:none;}
.nav2 { padding:0; background: none; top:inherit; bottom:1rem;  }
.nav2 ul li { width: 100%; float: left; margin-bottom: 1px; }
.nav2 ul li a { display: inline-block; color:rgba(255,255,255,1); font-size:.9rem; line-height:2.1rem; padding:0 .8rem; background:linear-gradient(to right,#e73c14 0,#eb603a 100%); }
.nav2 ul li b { }
.nav2 ul li a:hover { background:linear-gradient(to right,#e73c14 0,#eb603a 100%); }
.nav2 ul li a:focus { background:linear-gradient(135deg,#936b37 0,#a77f4b 100%); }
.nav2 .affer {  display: none; }
	

.header {height:16rem; background: url(../images/topbj.jpg) center top no-repeat; background-size:cover; }
.logo { display: none;}


.donghua { top:1.8rem;  }
.tit { height: auto; }
.tit img { width: 80%; max-height: auto;}
.sub {  margin-top: 1rem; height: auto; -webkit-animation:sub 0s ease 0s backwards; animation:sub 0s ease 0s backwards;}
.sub img {width: 65%;  max-height:auto;}	
	
	

.warp { width:92%; border-radius:.5rem; padding:0 6%; margin: 0 auto; margin-top:4%; }
.lm { padding:6% 0 4% 0; }
.lm img { width:auto; height:2.75rem;}
	
	
.warp2 {width:92%;  margin: 0 auto; margin-top:4%; border-radius:.5rem;}

.w62 { width:100%;  }
.w38 { width:100%;}
.swiper-container { border-radius:.5rem .5rem 0 0;  }
.swiper-wrapper { height:14rem;  }

.swiper-slide { border-radius:.5rem .5rem 0 0;  }
.swiper-slide h3 { border-radius:.5rem .5rem 0 0; }
.swiper-slide h3 span { padding:.9rem 5%; font-size:1.05rem; line-height:1.5em;  }

.swiper-button-prev,.swiper-button-next { width:32px; height:60px; line-height:60px; margin-top:-30px; font-size:32px; }
.swiper-button-next { right:8px;}
.swiper-button-prev { left:8px;}

.swiper-pagination { display: none; }

/*新闻资讯*/
.news {  height:auto; padding:3% 7%; border-radius: 0 0 .5rem .5rem; }
.news ul li {  margin:8px 0; padding:0 0 15px 0; }
.news ul li h2 {  display:-webkit-box; text-overflow:ellipsis;  -webkit-box-orient:vertical; -webkit-line-clamp: 3; line-height:1.6em; font-size:1rem;  transition:all ease-out 0s 0s; }
.news ul li:hover h2 { background:#333; background-clip:text; -webkit-text-fill-color: transparent;}
	
.news ul li h3 { line-height:1.7em; font-size:.9rem; -webkit-line-clamp:3;  margin-top:6px; }
.news ul li:hover { -webkit-transform: translateX(0); -transform:translateX(0);}
.news ul li:last-child { margin-bottom:0; border-bottom: none; }

	


.honorbj,.photobj { background:#fff; }

.intro { margin-bottom:6%; }
.intro p { line-height:1.8rem; font-size:1rem;}
.intro em { line-height:1.8rem; font-size:1rem;}
.intro span { line-height:1.8rem; font-size:1rem;  }
.intro span strong {  font-size:1rem; }

.intro2 {  margin-bottom:6%;}
.intro2 p { line-height:1.8em; font-size:1rem; margin-bottom:0; text-indent: 0em;}
.intro2 p strong { line-height:1.8rem; font-size:1rem;}	

.intro3 { margin-bottom:2%; }
.intro3 p { line-height:1.8rem; font-size:1rem; margin-bottom: 4%;  }
.intro3 span {  margin-bottom:7%; margin-top: 1%; }
.intro3 span img { width: 60%; }
	
.time { width:100%; float:left; margin-bottom:0; }
.time font { font-size:1rem; line-height:1.6em;  padding:2% 0; font-weight: 600; }
.time .line { display: none; }
.time ul li { width:100%;  margin-right:0; padding:4% 0 5% 0;}
.time ul li i { right:50%; margin-right:-.2rem;border-left:.4rem solid transparent; border-right:.4rem solid transparent; border-top:.6rem solid #ddd; display:block;}

.time ul li b { font-size:1.05rem; line-height:1.5em;  margin-top: 5px; }
.time ul li p { line-height:1.5rem; font-size:.95rem;  padding:8px 0%; }	
	
.tabBar { margin:1% 0 4% 0; }
.tabBar span {  line-height: 2.6rem; padding:0 1.8rem;  border-radius:50px ; font-size:1.05rem;  }
	
	
.show { margin:1.5% 0 2% 0;} 
.show ul { display:flex; flex-wrap:wrap; }
.show ul li { width:100%; margin-right:0; margin-bottom:5%; }
/*.show ul li h3 { height:12rem; }
.show ul li h4 { padding:.7rem 0 0 0; }
.show ul li h4 span { line-height:1.6rem; font-size:1rem; }
.show ul li:hover h4 span { color:#333;  }
.show ul li h5 { margin-top:3.5%; }*/
	

.photo span { height:12rem;   }
.photo p {line-height:1.6rem; font-size:1rem; padding:.7rem 0 0 0;  }
.photo:hover p { color:#333; }

.popup { background:rgba(0,0,0,.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9; display:none; }
.popup div { position:absolute; text-align:center; }
.pop img { max-width:100%;  max-height:100vh; }
.close { padding:1rem;}
.close img { width: 1.5rem;}
	
	

.footer { font-size:.9rem; line-height:1.8em;  padding:5% 5%; font-family: "Microsoft YaHei"; }
.footer span { padding:0; width: 100%; }
}