*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none; color:#4e302e;}
a:hover{text-decoration:none; color:#1855b3; }
li{list-style:none outside none;}
body{font-size:16px;line-height:30px;font-family:"微软雅黑"; background: #ddf1fd; color: #4e302e;}

p{text-indent:2em;color:#fff;}
p a{color:#cc9933;}
.fl{ float:left;} .fr{ float:right;}
.left{float:left;}.right{float:right;}



.wrap {width:100%;height:100vh;margin: 0 auto 0; overflow: hidden;min-width:1280px; background:url("../images/bg.png") no-repeat center top ; background-size: cover;}

.header {height: 100%;padding:0px 0 0;position: relative;overflow: hidden;width: 100%;min-width: 1200px;}

.banner {max-width: 1280px;height: 860px;margin: 0 auto;}




.banner>img:nth-child(2) {
	width:50%;
	left: 26%;
	right: 0;
	margin: 0 auto;
	top: -2%;
	animation-delay: 1.2s;
	bottom: 0%;
	position: relative;
	}
	
.banner>img:nth-child(1) {
	width: 85%;
	left: 4%;
	right: 0;
	margin: 0 auto;
	top: 6%;
	animation-delay: 0.5s;
	bottom: 0%;
	position: relative;
}

.center0{ width:100%; margin: 0 auto; height:100%; min-width: 1280px; background:url(../images/img_23.png)no-repeat center top ; background-size: contain;}


.dy{ max-width:1280px; margin:-50px auto; margin-bottom: 20px; overflow:hidden; height:180px;line-height:36px; }
  
.dy p{ color: #666;font-size:1.2rem; padding:25px;text-align:justify;}

.page1{ width:1200px; margin:0 auto; padding:20px 0 20px 0; overflow:hidden;}



.tt{ width:1200px; height:100%; margin: 0 auto 40px; overflow: hidden;}




.pagebox1{ height: 1060px; width:1200px;  margin-top:40px;padding:0 0 0 0; }

.rap{width:100% ;padding:10px 0 10px 0;margin:0px 0; }
.w1{height:35px;}
.w1{background:url(../images/k1.png) no-repeat scroll 100% 0;}

.w2{height:35px;}
.w2{background:url(../images/k2.png) no-repeat scroll 100% 0;}

.col{overflow:hidden;}
.col-1-1{width:610px;height:380px;border:5px solid #fff;}
.col-1-2{width:530px;}

/* switch */
.switch{width:100%;height:100%;position:relative;margin:0 0 25px;}
.switch ul{width:100%;height:100%;position:relative;overflow:hidden;}
.switch li{width:100%;height:100%;position:absolute;top:0;left:0;}
.switch-nav{bottom:40px;right:10px;position:absolute;z-index:1;height:9px;}
.switch-nav span{margin:0 3px;font-size:10px;text-align:center;line-height:15px;cursor:pointer;float:left;display:block;width:9px;height:9px;background:url(../images/icon-switch.png) no-repeat scroll 0 0;color:#fff;}
.switch-nav span.active{background-position:0 -9px;}
.switch-hot-news{line-height:28px;width:454px;padding:0 0 0 105px;height:28px;margin:5px 0 0;background:url(../images/rc.png) no-repeat scroll 0 0;}
.switch-hot-news a{background:url(../images/n.gif) no-repeat scroll 0 50%;padding:0 10px 0 8px;font-size:13px;}
.switch h3{height:30px;line-height:30px;position:absolute;width:94%;padding:0 3%;background:url(../images/rs.png);font-size:14px;font-weight:normal;bottom:0;text-align:center;}
.switch h3 a{color:#fff;}

/* paragraph */
.paragraph{width:100%;height:auto;}
.paragraph h2  {text-align:justify;}
.paragraph h2 a {font-size:24px;color:#333;line-height:36px;}
.paragraph p {color:#666;text-align:justify;}
.paragraph p{margin:20px 0 0;font-size:16px;}
.news{font-size:18px;}
.news {color:#333;font-weight:bold;display:block;margin:2.5px 0;}





.caption {align-self: center;font-size:20px;line-height:90px;color: #ccc;text-decoration: none;letter-spacing: 0px;white-space: nowrap;lines:1;overflow: hidden; margin:0px auto;width: 1200px;}


.col-1-2 .news{margin:20px 0 0;}

.p_nr{ width: 1100px; overflow: hidden; margin: 30px 0 0 30px;}

.p_nr h2 {width:1100px;color: #027069; text-align: center;font-size: 24px;margin: 0 30px 15px 0;}

.p_nr p {width:1100px;color: #666;font-size:16px;margin: 20px 0 0 0;line-height:36px;text-align:justify;text-indent:2em;}

.grid {width:100%;margin:0px auto 0;padding: 0px 0 40px 0;height:500px;}

.p1-nr fl {width:550px;overflow: hidden;}

.p1-nr fr {width: 550px;overflow: hidden;}

.box-a {width:550px;float:left;margin: 5px 0px 0px 0px;overflow: hidden;}


.kk{ width:540px;height:320px;    
    position: relative;
    margin: 0px 0 30px 0;}

.kk h3{     
	position: absolute;
    bottom: -5px;
    left: 5px;
    width: 94%;
    padding: 0 3%;
    font-weight: normal;
    background: url(../images/rs.png);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
	text-align: center;
	color: #fff;}

.kk img h3 a{color: #fff;}

.box-a img {border-radius:0px;border:5px solid #fff;}

.box-a h2 {margin: 15px 0 20px 0;font-size: 24px;text-align:center;padding-top:0px;color:#027069;}

.ar {font-size:18px;color:#333;font-weight:bold;display:block;margin:2.5px 0;line-height: 36px;}






.center1{ width:100%; margin: 0 auto; height:100%; min-width: 1280px; background:url(../images/img_22.png)no-repeat center top ; background-size: contain;}

.page{ width:1200px; margin:20px auto 0; overflow:hidden;}


.wrap-w2 {
	width: 100%;
	margin: 20px auto 0;
	padding: 0px 0 20px 0;
	
	height: 1280px;
}

.mt-p1 {
	border-bottom: 1px #ccc dashed;
	padding: 10px 0 20px 0;
	width: 1200px;
	height: 280px;
	margin: 0px auto;
}

.mt-p1 img {
	margin: 20px auto;border:5px #fff solid;
}

.mp1 {
	background: #fff;
	width:1200px;
	padding: 0px;
}


.aol {
	width: 710px;
	overflow: hidden;
	float: right;
	margin-top: 25px;
	padding: 0px 0 0 30px;
}

.aol h2 {
	width: 710px;
	color: #333;
	font-size: 24px;
	margin: 0 30px 15px 0;
}

.aol p {
	width: 710px;
	color: #666;
	font-size: 16px;
	margin: 15px 30px 0 0;
	line-height: 36px;
	text-align: justify;
}




.center2{ width:100%; margin: 0 auto; height:950px; min-width: 1280px; background:url(../images/img_23.png) no-repeat center top ; background-size:cover;}




.page3{ width:1200px; height:100%; margin:0 auto; overflow:hidden;  }
.one{ width: 1200px; overflow: hidden; margin: 0px auto;}
.one1{ width: 1200px; overflow: hidden; margin:20px auto 0;}
.imgs1{ width: 640px; height:220px;}
.imgs1 img{ width: 300px; height: 210px; overflow: hidden;border:5px #fff solid;}
.txt{ width: 520px; overflow: hidden;}
.txt h3{ width: 100%; color: #333; font-size: 24px; text-align:center; line-height:30px; margin:14px auto;}
.txt p{width: 100%; color: #666; margin:0 auto; text-align: left;}


.col-2{overflow:hidden; margin:40px auto;}




.center3{ width:1200px; margin: 0px  auto;  min-width: 1280px; overflow: hidden;padding:0 0 30px 0;}
.pagebox3{ background: #fff; height: 420px; width:1160px;  border:20px solid #7ed0ca;border-radius:2vw;margin-top:40px;padding:0 0 0 0; }
.pvpv{width:1100px; overflow: hidden; margin:25px auto;padding:25px;  }



/*滚动部分样式*/
#cc03{ width:1200px; float: left; margin-top:20px; }


/*滚动部分样式*/
.silder-box-4{position:relative;margin:0 auto ; width:1200px;}
.silder4{margin:0 auto 0; width:1200px; height: 600px;}
.silder-box-4 li{width:321px;height:425px; text-align:center; position:relative; background:url(../images/yl_bg.png) no-repeat bottom;  padding:0.1vw;  margin: 0 17px 0 17px; }
.silder-box-4 li img{
	width: 190px;
    height: 190px;
    text-align: center;
    /* position: relative; */
    background: #fff;
    border-radius:10vw;
    /* padding: 0.1vw; */
    box-shadow: 0 2px 4px rgb(197 135 67 / 40%);
    margin: 0 8px 0 8px;}

.silder-button.btl1{left:10px;background:url(../images/anl.png);top:200px;width:44px;height:44px;position:absolute;cursor:pointer;}
.silder-button.btr1{right:10px;background:url(../images/anr.png); top:200px;width:44px;height:44px;position:absolute;cursor:pointer;}
.silder-box-4 h2{height:36px;line-height:36px;width:88%;padding: 0 3%; font-size: 24px;font-weight:bold; text-align:center; margin: 20px 0 0 9px; }
.silder-box-4 h2 a{  color: #cc9933;}
.silder-box-4 p{text-align: left; padding: 0 3%; width: 80%; margin: 10px auto;line-height:28px;color:#666;}



.center4{ width:100%; margin: 0px  auto;  min-width: 1280px;  background:url(../images/img_33.png) no-repeat bottom center;  background-size:cover; padding:50px 0 0px 0; }


.inbox {
  padding: 40px 0;
}
.imgslist {
  width: 1240px;
}
.imgslist li {
  position: relative;
  width: 400px;
  height: 225px;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
}
.imgslist li .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imgslist li .img img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.imgslist li .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(4, 4, 4, 0.5);
  padding: 10px;
  box-sizing: border-box;
  transform: translateY(100%);
}
.imgslist li .info h3 {
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 5px;
}
.imgslist li .info p {
  display: none;
.imgslist li:hover .info {
  transform: translateY(0%);
  transition: all 0.5s;
}
.imgslist li:hover .img img {
  transform: scale(1.1);
}
.imgslist li:nth-child(1) {
  width: 310px;
  height: 520px;
}
.imgslist li:nth-child(2),
.imgslist li:nth-child(3),
.imgslist li:nth-child(6) {
  width: 435px;
  height: 255px;
}
.imgslist li:nth-child(4),
.imgslist li:nth-child(5) {
  width: 212.5px;
  height: 255px;
}