@charset "utf-8";
/* CSS Document */
.clear{clear:both; height:0; margin:0; padding:0; line-height:0; border:0; font-size:0}
.area{width:1180px; text-align:left; margin:0 auto;font-size:14px; line-height:26px; background:#fff}
body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,input,select,label,dl,dt,dd{margin:0;padding:0;font-family:"Microsoft YaHei";}
a{text-decoration:none;}
a:hover{color:#802709;text-decoration: none;}
div,input
{
-moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
}
.left{float:left;}
.right{float:right;}
li{list-style:none;}
.wrap{width:1180px;margin:0 auto;}
#headerzt{background:url(pic_2023_qinghaixing.jpg) no-repeat top center;background-size:100% 100%;height:600px; margin-bottom:40px}


.block{overflow:hidden;zoom:1;margin-top:0px;}
.blockF{margin-bottom:50px;}
.block h2 a{background:url(pic_2023_qinghaixing01.png) no-repeat;width:1180px;height:97px;display:block;margin:0 auto;margin-bottom:40px;}

.blockF h2 a{background-image:url(pic_2023_qinghaixing02.png);width:1180px;height:96px;}
.bigimg{overflow:hidden;zoom:1;margin-top:50px;}
.bigimg_a{float:left;}
.bigitem{overflow:hidden;zoom:1;}
.blockA .bigitem{margin-bottom:60px;}
.bigitem img{width:488px;height:355px;}
.bigitem .tit{float:right;width:644px;height:355px;padding:0;}
.blockA .bigitem .tit{background:#fff;color:#000;}
.bigitem .tit a{display:block;color:#000;line-height:32px;margin-bottom:18px;}
.blockF .bigitem{display:none;}
.smallimg{overflow:hidden;zoom:1;width:1200px;margin-top:20px;}
.smallimg a{float:left;margin-right:8px;}
.smallimg a,.smallimg img{width:290px;height:163px;}
.bigitem .tit .biaoti{ font-weight:bold; margin-bottom:15px; font-size:26px}
.bigitem .tit .biaoti a{ color:#000}
 .animated_3s {
         animation-delay:0.6s;
          -webkit-animation-delay:0.6s; 
		  -webkit-animation-duration:2s;
		  animation-duration: 2s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
         }
		 
		  .animated_5s {
         animation-delay:1s;
          -webkit-animation-delay:1s; 
		  -webkit-animation-duration:1.5s;
		  animation-duration: 1.5s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
         }
		 
		 .animated_7s {
         animation-delay:1.8s;
          -webkit-animation-delay:1.8s; 
		  -webkit-animation-duration:1.5s;
		  animation-duration: 1.5s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
         }
@-webkit-keyframes flipInX {
	  0% {
	    -webkit-transform: perspective(400px) rotateX(90deg);
	    transform: perspective(400px) rotateX(90deg);
	    opacity: 0;
	  }

	  40% {
	    -webkit-transform: perspective(400px) rotateX(-10deg);
	    transform: perspective(400px) rotateX(-10deg);
	  }

	  70% {
	    -webkit-transform: perspective(400px) rotateX(10deg);
	    transform: perspective(400px) rotateX(10deg);
	  }

	  100% {
	    -webkit-transform: perspective(400px) rotateX(0deg);
	    transform: perspective(400px) rotateX(0deg);
	    opacity: 1;
	  }
	}
@keyframes flipInX {
	  0% {
	    -webkit-transform: perspective(400px) rotateX(90deg);
	    -ms-transform: perspective(400px) rotateX(90deg);
	    transform: perspective(400px) rotateX(90deg);
	    opacity: 0;
	  }

	  40% {
	    -webkit-transform: perspective(400px) rotateX(-10deg);
	    -ms-transform: perspective(400px) rotateX(-10deg);
	    transform: perspective(400px) rotateX(-10deg);
	  }

	  70% {
	    -webkit-transform: perspective(400px) rotateX(10deg);
	    -ms-transform: perspective(400px) rotateX(10deg);
	    transform: perspective(400px) rotateX(10deg);
	  }

	  100% {
	    -webkit-transform: perspective(400px) rotateX(0deg);
	    -ms-transform: perspective(400px) rotateX(0deg);
	    transform: perspective(400px) rotateX(0deg);
	    opacity: 1;
	  }
	}

	.flipInX {
	  -webkit-backface-visibility: visible !important;
	  -ms-backface-visibility: visible !important;
	  backface-visibility: visible !important;
	  -webkit-animation-name: flipInX;
	  animation-name: flipInX;
	}
.tit0{background:url(pic_2020_huangheqing02.png) no-repeat;width:817px;height:113px;position:absolute;top:180px;left:200px;}
.tit1{background:url(pic_2020_huangheqing03.png) no-repeat;width:1042px;height:66px;position:absolute;top:360px;left:70px;}

@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-2000px);
	    transform: translateY(-2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(30px);
	    transform: translateY(30px);
	  }

	  80% {
	    -webkit-transform: translateY(-10px);
	    transform: translateY(-10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	@keyframes bounceInDown {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateY(-2000px);
	    -ms-transform: translateY(-2000px);
	    transform: translateY(-2000px);
	  }

	  60% {
	    opacity: 1;
	    -webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	    transform: translateY(30px);
	  }

	  80% {
	    -webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	    transform: translateY(-10px);
	  }

	  100% {
	    -webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	  }
	}

	.bounceInDown {
	  -webkit-animation-name: bounceInDown;
	  animation-name: bounceInDown;
	}	
@-webkit-keyframes fadeInRightBig {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateX(2000px);
	    transform: translateX(2000px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	  }
	}

	@keyframes fadeInRightBig {
	  0% {
	    opacity: 0;
	    -webkit-transform: translateX(2000px);
	    -ms-transform: translateX(2000px);
	    transform: translateX(2000px);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	    transform: translateX(0);
	  }
	}

	.fadeInRightBig {
	  -webkit-animation-name: fadeInRightBig;
	  animation-name: fadeInRightBig;
	}