@charset "utf-8";
/* CSS Document */

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:12px;font-family:"微软雅黑"; color:#000000; text-align:left; background-color:#ffffff;}
a{text-decoration:none; color:#000000;}
a:hover{text-decoration:none;color:#000000; text-decoration: underline;}
ul li{list-style:none;}
img{display:block; vertical-align:top;}
div{-webkit-text-size-adjust: none}
.mycl{clear:both; height:0px; overflow:hidden;}

.banner{background:url("banner.png") no-repeat center top; height:808px; position:relative;}
.container{width:1200px; margin:0 auto; height:auto; position:relative;}
.dh{ height: 40px; color: #FFF; font-size: 24px; padding-top: 86px; padding-left: 600px; display: none}
.dh a{color: #FFF; padding-left: 5px; padding-right: 5px;}

.wz1{width: 907px; padding-top: 170px; text-align: center; margin: auto; display: none}
.wz2{width: 463px; padding-top:55px; text-align: center; margin: auto;display: none}

.cpdw{ width: 1200px; height: 420px; position: relative; padding-top: 100px;}
.yj{width:924px; height:208px; background:url("diyimokuan.png") no-repeat center top; position:absolute; font-size: 24px; font-weight: bold; color: #333333; z-index: 1; left: 155px; }
.yj div{line-height: 40px; padding:50px 60px 0px 160px}
.dwt{position:absolute;z-index: 2; top:100px; left: 30px;}

.bt{font-size: 40px; text-align: center;background:url("Shape 17.png") no-repeat center bottom; height:80px;}
.bt span{ color: #4eadfe}

.ys{float:left}
.ys img{width: 300px}

.td{float:left}
.td img{width: 600px; height: 437px;}

.jj{width: 1200px;}
.jj img{width: 1200px;}

.tp{width:550px; text-align: center }
.tp img{margin: auto}
.wzk{width: 650px; padding-top: 30px;}

.bt2{background:url("lan.png") no-repeat left center; font-size: 44px; padding-left:20px; padding-top: 5px; padding-bottom: 5px;}
.bt3{padding-left: 20px; padding-top: 30px; line-height:50px;font-size:26px; color: #666666;}

.di{background:url("di.jpg") no-repeat center top; height:682px; position:relative;}
.di2021{margin: auto; padding-top: 250px; line-height: 30px; font-size: 14px;}



/*变大变小*/
.daxiao{
cursor:pointer;
animation: dax 4s infinite linear;
-webkit-animation: dax 4s infinite linear;
}
@-webkit-keyframes dax {
  0% {opacity: 1;transform: scale3d(1, 1, 1);}
  50% {opacity: 1;transform: scale3d(1.05, 1.05, 1.05);}
  100% {opacity: 1;transform: scale3d(1, 1, 1);}	
}
@keyframes dax {
  0% {opacity: 1;transform: scale3d(1, 1, 1);}
  50% {opacity: 1;transform: scale3d(0.95, 0.95, 0.95);}
  100% {opacity: 1;transform: scale3d(1, 1, 1);}	
}

/*小幅度摇摆*/
.yaobai{
animation: rotate_zx 3s infinite linear;
-webkit-animation: rotate_zx 3s infinite linear;
}
@-webkit-keyframes rotate_zx {
	0% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(5deg);}
	100% {-webkit-transform: rotate(0deg);}
}

@keyframes rotate_zx {
	0% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(5deg);}
	100% {-webkit-transform: rotate(0deg);}
}