@charset "gb2312";
@import url(animate.min.css);
/* 1.BODY
---------------------------------------------------------------------- */
body{padding:0;font-family:"Microsoft YaHei"; margin:0 auto;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; max-width: 640px; min-width: 320px; background:#fff!important;}
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;font-weight: normal;}
ul,li{ list-style:none;}		
img{border:0;}
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
#ymtj{ display:none!important;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
/*******************reset***********************/

.zxdk_wap{width:100%; position: relative; overflow: hidden;}


.zxdk_top{width:100%; position: relative; overflow: hidden;}
.zxdk_top img{ width:100%; display: block;}
.zxdk_top img:nth-child(2){ position: absolute; top: 4%; left: 7%; width: 86%; animation-delay: 0.5s;}
.zxdk_top a{ position: absolute; top: 40%; left: 30%; width: 40%; animation-iteration-count: infinite;}


.zxdk_box1{ width: 100%; position: relative; overflow: hidden;}
.zxdk_box1 img{ display: block; width: 100%;}
.zxdk_box1 img:nth-child(1){ width: 61%; margin: 6% auto 4%;}
.zxdk_box1 p{ width: 94%; position: relative; overflow: hidden; margin: 0 auto; color: #333333; text-indent: 2em; line-height: 1.6; }
.zxdk_box1 p span{ color: #fd431a; font-weight: bold;}
.zxdk_box1 img:nth-child(3){ width:84%; margin: 5% auto 6%;}
.zxdk_box1 .dk_zx{ width:100%; position: relative; overflow: hidden; margin: 0 auto 6%; text-align: center;}
.zxdk_box1 .dk_zx a{width: 26%; display: inline-block; text-align: center; color: #fff; background: #ff001a; padding: 1.5% 0; margin: 0 7%; border-radius: 7px;}


.zxdk_box2{ width:100%; position: relative; overflow: hidden; background: #ffd7b9; padding-bottom: 20%;}
.zxdk_box2 img{ display: block; width: 100%;}
.zxdk_box2 img:nth-child(1){ width: 54%; margin: 6% auto 4%;}
.zxdk_box2 p{width: 94%; position: relative; overflow: hidden; margin: 0 auto 6%;color: #666666;text-indent: 2em; line-height: 1.6; }
.zxdk_box2 img:nth-child(3){ width: 38%; float: left; margin-left: 4%;}
.zxdk_box2 img:nth-child(4){ width: 50%; float: left; margin-left: 4%; margin-top: 3%; margin-bottom: 2%;}
.zxdk_box2 img:nth-child(5){ width: 50%; float: left; margin-left: 4%;}
.zxdk_box2 .dk_zx{ width:100%; margin: 6% auto; text-align: center; position: absolute; bottom: 0; left: 0; }
.zxdk_box2 .dk_zx a{width: 26%; display: inline-block; text-align: center; color: #fff; background: #ff001a; padding: 1.5% 0; margin: 0 7%; border-radius: 7px;}



.zxdk_box3{ width:100%; position: relative; overflow: hidden;}
.zxdk_box3 img{ display: block; width: 100%;}
.zxdk_box3 img:nth-child(1){ width: 26%; margin: 6% auto 4%;}
.zxdk_box3 img:nth-child(2){ width: 93%; margin: 6% auto;}


.zxdk_box4{ width:100%; position: relative; overflow: hidden;}
.zxdk_box4 img{ width: 100%; display: block;}
.zxdk_box4 img:nth-child(2){ position: absolute; top: 10%; left: 36%; width:28%; margin-bottom: 6%;}
.zxdk_box4 form{ position: absolute; top: 28%; left: 0; width:100%; text-align: center;}
.zxdk_box4 input{ width: 60%; display: block; margin: 5% auto; padding: 2% 0; border:none; outline: none; text-align: center;}
.zxdk_box4 button{ width:34%; margin: 0 auto; padding: 1% 0; background: #ff001a; color: #ffffff; border: none; outline: none; font-size: 1rem; border-radius: 8px;}