*{margin:0;padding:0;}
img{border:none;}
a{text-decoration:none; color:#4e302e;}
a:hover{text-decoration:none; color:#b62b2b; }
li{list-style:none outside none;}
body{font-size:16px;line-height:30px;font-family:"微软雅黑"; background: #f9efe0; color: #333;}

p{text-indent:2em;color:#666;}
p a{color:#cc9933;}
.fl{ float:left;} .fr{ float:right;}
.left{float:left;}.right{float:right;}



.wrap {width: 100%;margin: 0 auto 0;background: url(../images/banner_bg.png) no-repeat scroll 50% 0;height: 1080px;min-width: 1200px; }

.header {height:100%;padding: 0px 0 0;position: relative;overflow: hidden;width: 100%;min-width: 1200px;}

.banner {max-width: 1200px;height:900px;margin: 0 auto;}

.banner>img:nth-child(1) {
	width: 45%;
	left: 27%;
	bottom: 0;
	animation-delay: 1.4s;
	
	top: 7%;
	position: relative;
}

.banner>img:nth-child(2) {
	width: 75%;
	left: 13%;
	right: 0;
	margin: 0 auto;
	top: 18%;
	animation-delay: 1s;
	bottom: 5%;
	position: relative;
	}
	
.banner>img:nth-child(3) {
	width: 14%;
	left: -16%;
	right: 0;
	margin: 0 auto;
	top: 72.5%;
	animation-delay: 1.4s;
	bottom: 5%;
	position: relative;
}

.dy{ width:1000px; margin:0px auto; margin-bottom: 20px; overflow:hidden;  
  height: 180px;
  background-color: rgba(244, 221, 179,0.6);
  line-height: 32px;
  border-radius:1vw;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(182, 43, 43, 0.55);}
  
.dy p{ color: #a42b24; font-size: 18px;padding: 25px;text-align:justify;}

.dell{ width:100%; min-width:1200px;margin:0 auto;padding:0 0 80px 0;  overflow: hidden;}



.tt{ width:100%; height:100%; margin: 0 auto 40px; overflow: hidden;}

.center0{width:100%; background:url("../images/img_22.png")  no-repeat top center;overflow: hidden;}
.page{ width: 100%; margin:20px auto 0; overflow: hidden;}




/* 第一段 */

.grid {
	width: 100%;
	margin: 80px auto 0;
	padding: 0px 0 0px 0;
    min-width: 1200px;
	height: 570px;
}

.sop{overflow:hidden;width:1000px;height:563px;border:5px solid #fff;}

.zyy { width:1000px;height:563px;margin:0 auto 60px ;background:#000;display: block; }



.p1-nr left {
	width: 560px;
	overflow: hidden;
}

.p1-nr right {
	width: 560px;
	overflow: hidden;
}


.box-a {
	width: 580px;
	float: left;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}

.box-a img {width:580px;height:380px;
	border: 0px #fff solid;
}

.box-a h3 {
	margin: 15px 0 15px 0;
	font-size: 20px;
	line-height: 30px;
	font-weight: 800;
	padding-top: 0px;
}

.box-a h3 a {
	color: #008992;
}

.ar {
	width: 580px;
}

.ar p {
	text-indent: 2em;
	color: #666666;
	line-height: 30px;
	margin: 15px 0 15px 0;
}



.tt0{ width: 100%; margin:35px 0 0 0;overflow: hidden;}
.tt0 h3{ width:1010px; color: #b62b2b; font-size: 24px; text-align:center; line-height:36px; margin:0 auto;background: #e1bea5;}
.tt0 h3 a{ color: #b62b2b;}
.tt0 h3 a:hover{ color: #a42b24;}
.tt0 p{width: 1200px; color: #666; margin:30px auto; text-align: left;text-align:justify;}



.silder02{width:1200px;  margin:10px auto;overflow: hidden;}
.silder02 li{width:355px;height:255px; padding:0px 0px;  overflow:hidden; margin:0 0 0px 0 ;}
.silder02 li img{ width:345px; height:245px; border:5px #fff solid;}

/* 图片hover效果 动画放大0.05 */
#imgHover{ transition: all 0.5s;}
#imgHover:hover{
	transform: scale(1.05);
}


.silder02 li h4{ padding:20px 0 0; font-size:16px; text-align:center;line-height:20px;color:#333;}
.silder02-button{top:100px;width:15px;height:41px;position:absolute;cursor:pointer;}
.btl02{left:0px;background:url(../images/left.png);}
.btr02{right:0px;background:url(../images/right.png);}





/* 第二段 */

.center1{ width: 100%; margin: 0px auto; height: 100%; padding:0px 0 80px 0; min-width:1200px; background:url() no-repeat top center; overflow: hidden;}
.page{ width:100%; margin:0px auto 0; overflow:hidden;}



.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-1{font-size:18px;}
.news-1{color:#333;font-weight:bold;display:block;margin:2.5px 0;line-height:55px;}

.w4{ width:100%; height:100%; margin: 20px 0 0 0; overflow: hidden;}


.news-2{font-size:18px;}
.news-2{color:#333;font-weight:bold;display:block;margin:15px 0;line-height:32px;}






.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;}
















/* 第三段 */



.center3{ width: 100%; margin: 0 auto; height:100%; min-width: 1200px;padding:0px 0 0px 0;background:url() no-repeat top center; overflow: hidden;}
.pagebox3{width:1200px; overflow:hidden;}



.ded{ width:1200px; margin:0 auto 60px ; overflow:hidden; }

.op{ width:100%; margin:0 auto;  overflow:hidden; }
  
.op p{ color: #666;font-size: 16px; line-height:32px; text-align:justify;}

.one{ width: 1200px; overflow: hidden; margin: 0px auto;}
.one1{ width: 1200px; height:330px;overflow: hidden; margin:10px auto 40px;background: #e1bea5;border-radius:0.5vw;}
.imgs1{ width: 430px; height:270px;margin:25px 25px 25px 25px;}
.imgs1 img{ width: 420px; height: 270px; overflow: hidden;border: 5px #fff solid;}
.txt1{ width: 670px; overflow: hidden;margin:25px 25px 25px 25px;}
.txt1 h3{ width: 100%; color: #b62b2b; font-size: 22px; text-align:left; line-height:28px; margin:5px 0 15px 0;}
.txt1 h3 a{ color: #b62b2b;}
.txt1 h3 a:hover{ color: #9e0606;}
.txt1 p{width: 100%; color: #666; margin:0 auto; text-align: left;text-align:justify;}


.btn{ width: 1200px;margin: 40px 0 0;border-top: 1px solid #e1bea5;padding: 15px 0;}
.btn img {display: block;margin: 0 auto 0;cursor: pointer;}



/* 第四段 */

.center4{ width: 100%; margin: 0px auto; height: 100%; padding:0px 0 80px 0; min-width: 1200px;  overflow: hidden;}
.page{ width:1200px; margin:0px auto 0; overflow:hidden;}


.col-common1 {
  position: relative;
  width: 380px;
  height: 530px;
  overflow: hidden;
  float: left;
	
}

.col-common1:nth-of-type(3) {
  margin: 0px 30px;padding: 0px 0px 0px 0;
}

.group-10 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  width: 380px;height:260px;  
}



.product-1 { 
  justify-content: center;
  align-self: center;
  width: 370px;
  height: 250px;
	
  border:5px solid #fff; overflow:hidden;

  margin: 10px 0 0px 0px;
}




.col-item-0-1 {
  margin-left: 0px;padding: 0px 0px 0px 0;
}


.old{ width:100%; overflow: hidden;margin:20px auto;}
.old h3{ width: 100%; color: #b62b2b;font-size:20px;text-align:center; line-height:28px; margin:0px 0 10px 0;}
.old h3 a{ color: #b62b2b;}
.old h3 a:hover{ color: #9e0606;}

.old p{width: 100%; color: #666; margin:0px auto;font-size:16px; text-align: left;text-align:justify; }


.col-item-1-1 {
  margin:0 30px;
}


.col-item-1-2 {
  margin-right: 0px;
}


.ptn{ width: 1200px;margin: 40px 0 0px 0;border-bottom: 0px solid #e1bea5;padding: 0 0 0px 0;}
.ptn img {display: block;margin: 0px auto 0;cursor: pointer;padding: 10px 0 0px 0;}




/* 第五段 */

.center5{ width: 100%; margin: 0px auto; height: 100%; padding:0px 0 20px 0; min-width: 1200px;  overflow: hidden;}
.page{ width:1200px; margin:0px auto 0; overflow:hidden;}



.silder03{width:1200px;  height:350px; margin:60px auto;overflow: hidden;}

.silder03 li{width:355px;padding:0px 0px;  overflow:hidden;margin:0 0 0px 0 ;}
.silder03 li img{ width:345px; height:245px; border:5px #fff solid;}
.silder03 li .video-trigger{position:relative;display:block;width:355px;height:255px;}
.silder03 li .video-trigger .btn-play{
	position:absolute;
	top:50%;
	left:50%;
	width:72px;
	height:72px;
	border:0;
	transform:translate(-50%, -50%);
	z-index:2;
	pointer-events:none;
}
.silder03 li h4{ padding:10px 0 0; font-size:16px; text-align:center;line-height:20px;color:#333;}
.silder03-button{top:100px;width:15px;height:41px;position:absolute;cursor:pointer;}
.btl03{left:0px;background:url(../images/left.png);}
.btr03{right:0px;background:url(../images/right.png);}

.video-modal{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.75);
	z-index:9999;
	align-items:center;
	justify-content:center;
}
.video-modal.is-open{display:flex;}
.video-modal-content{
	position:relative;
	width:min(92vw, 960px);
	max-height:85vh;
	background:#000;
	display:flex;
	align-items:center;
	justify-content:center;
}
.video-modal-content video{
	display:block;
	width:100%;
	height:auto;
	max-height:85vh;
}
.video-modal-close{
	position:absolute;
	top:-44px;
	right:0;
	width:36px;
	height:36px;
	border:0;
	border-radius:50%;
	background:#fff;
	color:#333;
	font-size:24px;
	line-height:36px;
	text-align:center;
	cursor:pointer;
}




















































/* 版权 */
.footer {

	justify-content: center;
	align-self: center;
	width: 100%;
	height: 400px;
	padding: 0px 0px 10px 0px;
	background-color: #f9efe0;
	background-image: url("../images/pg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-origin: padding-box;
	min-width: 1200px;
	overflow: hidden;
}

.footer a{
	color: #fff;
}

.summary-6 {
	overflow: hidden;
	width: 100%;
	font-size: 18px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	margin: 220px auto;

}
