@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-image: url(../images/bj.png); background-position: center; background-size: cover; background-color: rgba(255, 255, 255, 0.2); /* 白色混合，图片变浅 */
  background-blend-mode: multiply; 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.png) center bottom no-repeat;   background-size: cover; /*display:flex; align-items:center; justify-content: center; */ }

.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:35px}
.arrows path{stroke:#f5f5f59c;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}

.donghua { width:100%; position:absolute; top:10vh;   }
.tit { width:100%; float: left;  text-align: center; height: 65vh;-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: 1vh; 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, rgb(12 85 242), rgb(9 75 234)); margin-bottom:30px;  }
.nav ul { width:1200px; overflow:hidden; margin:0 auto;display: flex;  justify-content: center;  flex-wrap: wrap; }
.nav ul li {  color:#fff; font-size:18px; /* 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; }

/*头条*/
.tt { width:100%; margin:0 auto; overflow:hidden;  padding:50px 0 15px 0;  }
.tt h3 { width:100%;  float:left; }
.tt h3 span {  width:100%; float:left; text-align:center; margin-bottom:16px; font-size:40px; line-height:40px; height:42px; overflow:hidden; color:#333; font-weight:bold; }
.tt span b { display:inline-block; background:#0c55f2; padding:0 15px; line-height:40px;  vertical-align:top;  font-size:22px; color:#fff; margin-top:1px; border-radius:5px; margin-right:15px; }
.tt h3 p { width:100%;  font-size:16px; color:#999; float:left; font-weight:normal; line-height:24px; text-align:center;  }
.tt h3:hover span { color:#0c55f2;}


.xwlist { width:92%; margin: 0 auto; padding-bottom: 45px;}
.xwlist ul { overflow: hidden;}
.xwlist ul li { width:32%; float:left; margin:10px 2% 10px 0; background:#f5f5f5; border-radius: 10px; padding:20px 30px;  height:146px; overflow:hidden; }
.xwlist ul li span { width:100%; float:left; font-size:18px; line-height:24px; max-height:48px; font-weight:bold; color:#333;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; }
.xwlist ul li p { width:100%; float:left; color:#999; font-size:14px; line-height:24px; font-weight:normal; padding:10px 0 0 0;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; }
.xwlist ul li:hover { background:#0c55f2; }
.xwlist ul li:hover span { color:#fff; }
.xwlist ul li:hover p { color:rgba(255,255,255,.9); }
.xwlist ul li:nth-child(3n) { margin-right: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: 0em; text-align: justify;margin-bottom: 10px;}
.intro span { width:100%; float:left; line-height:2em; font-size:17px; color:#404040;  }
.intro span strong { font-size:21px; font-weight: 600; color:#1c68cf; }
.intro b { font-weight: 700;}
.intro font { color: #ef7e40; font-size: 14px;}
.intro .load { float: right; padding-left: 30px;}


.intro2 { width:100%; float:left;  margin-bottom: 40px; }
.intro2 p {  width:100%; float:left; line-height:2em; font-size:17px; margin-bottom:10px; color:#404040; text-align:left; text-indent: 0em; 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; }
*/



.shouming { width:100%; float:left;  margin: 10px 0 20px 0; background: #f5f5f5; padding:20px 30px; }
.shouming p {  width:100%; float:left; line-height:2em; font-size:14px; margin-bottom:2px; color:#333; text-align:left; text-indent: 0em; text-align: justify;}
.shouming p strong { font-size:18px; font-weight: 600; color:#e77817; }

.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; font-weight: 600;  padding:18px 0 0 0; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s; }
.photo:hover p {  color:#098144;}

.photo b { width:100%; float:left; color:#666; line-height:1.6em; font-size:16px;  padding:10px 0;  }
.photo font { width:100%; float:left; color:#666; line-height:1.6em; font-size:16px;  }
.photo font strong { color:#098144; }

.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 h4 { width: 100%; float: left; text-align: center;  }
.pop h4 img { max-width:80%;  max-height:75vh; }
.pop h4 em { width: 100%; float: left; text-align: center; font-size: 18px; margin-top: 5vh;  }
.pop h4 em a {  display: inline-block; color: #333; background: #fff; line-height: 6vh; padding:0 35px; border-radius:50px; font-weight: 600; }
.pop h4 em a:hover {  color: #098144; }


.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:18px; line-height:2em; color:rgba(0,0,0,.9); text-align:center; padding:40px 0;  }
.footer span { display: inline-block; padding:0 10px; }
.footer b { width:100%; float:left; display: inline-block; text-align: center; }

/*手机适应*/
@media screen and (max-width:899px) and (min-width: 160px){
html,body {}
	
.nav,.arrows { 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:24rem; background: url(../images/topbj.png) center top no-repeat; background-size:cover; }
.logo { display: none;}

.tt { width:92%; margin:0 auto; overflow:hidden; padding:6% 0%; }
.tt h3 span { height: auto;  width:100%; float:left; margin-bottom:.9rem; font-size:1.5rem; line-height:2rem; font-weight:bold; }
.tt span b { display: none; padding:0 .7rem; line-height:1.9rem;  vertical-align:top;  font-size:1rem;  margin-top:.1rem; border-radius:3px; margin-right:.7rem; }
.tt h3 p { width:100%; font-size:.9rem; float:left; line-height:1.5rem;  }

    .xwlist ul li { width: 100%; height: auto;}
    .xwlist ul li span{ font-size: 1rem; line-height: 1.8rem; font-weight: normal;    max-height: none;}
    .xwlist ul li p{ font-size: .9rem; line-height: 1.5rem; }

.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; }
.photo b { font-size:.95rem;  padding:.3rem 0;  }
.photo font {  font-size:.95rem;  }

.shouming {  margin: 10px 0 5% 0; background: #f5f5f5; padding:5% 6% 2% 6%; }
.shouming p {  line-height:1.8em; font-size:1rem; margin-bottom:4%; color:#333;  text-indent: 0em; }
.shouming p strong { line-height:1.8rem; font-size:1rem;}

.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 h4 img { max-width:100%;  max-height:80vh; }
.pop h4 em {  font-size: 1rem; margin-top: 4vh;  }
.pop h4 em a { line-height: 5vh; padding:0 7%; border-radius:50px;  }
.pop h4 em a:hover {  color: #333; }
	
	
.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%; }

}