/*默认样式重置*/
html, body, div, p, a, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0 auto; padding: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu { display: block; margin: 0 auto; padding: 0; }
ul, ol, li { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; }
img { border: 0 none; display: block; vertical-align: top; }
a { text-decoration: none; outline: none; color: inherit; }
/*全局定义*/
body { font-family: "思源黑体", "微软雅黑", "Arial Narrow"; font-size: 16px; color: #444; }
/*封面区域*/
.top_box { position: fixed; top: 0; width: 100%; max-width: 1920px; height: 100%; min-height: 940px; background: url(../images/top_bg_20220216.jpg) top center no-repeat; overflow: hidden; z-index: 99; }
.donghua_banner { width: 1200px; height: 920px; position: relative; margin-top: 0px; z-index: 888; overflow: hidden; background-size: cover; }
.donghua_banner .top_logo { animation: fadeInUp 1s 1.2s ease both;  background: url(../images/top_logo_20220216.png); width: 580px; height: 72px; margin-left: 25%; margin-top: 680px; float: left; position: absolute; z-index: 100; }
.donghua_banner .top_mouse {animation: fadeInUp 1s 1.4s ease both;  background: url(../images/top_mouse_20220216.png); width: 225px; height: 120px; margin-left: 40%; margin-top: 560px; float: left; position: absolute; z-index: 101; }
#flagCanvas {position: absolute; top: -25px; left: 0; z-index: 0; transform-origin: center; transform: translate3d(-50%, -50%, 0); -webkit-animation: fadeInUp 0s .5s ease both; -moz-animation: fadeInUp 0s .5s ease both; }
#piaodai { width: 100%; height: 940px; background: url(../images/top_redFlag_20220216.gif) no-repeat; left: 0px; position: absolute; top: 100px; }
.donghua_banner .big_title01 { width: 1000px; height: 220px; background: url(../images/top_title01_20220216.png)no-repeat; position: absolute; margin-left: 150px; margin-top: 100px; -webkit-animation: fadeInUp .4s .6s ease both; -moz-animation: fadeInUp .4s .15s ease both; z-index: 90; }
.donghua_banner .big_title02 { width: 1000px; height: 200px; background: url(../images/top_title02_20220216.png)no-repeat; position: absolute; margin-left: 250px; margin-top: 250px; -webkit-animation: fadeInUp .6s .8s ease both; -moz-animation: fadeInUp .6s .15s ease both; z-index: 91; }
.donghua_banner .big_title03 { width: 1000px; height: 105px; background: url(../images/top_title03_20220216.png)no-repeat; position: absolute; margin-left: 35%; margin-top: 500px; -webkit-animation: fadeInUp .8s .8s ease both; -moz-animation: fadeInUp .8s .15s ease both; z-index: 92; }
.donghua_banner .top_lizi { width: 850px; height: 500px; background: url(../images/top_lizi_20220216.png) no-repeat; animation: top_lizi 2.67s steps(1) infinite; position: absolute; margin-left: 100px; margin-top: 90px; opacity: 0.6; z-index: 91; }
/*粒子动画*/
@keyframes top_lizi { 0% { background-position: 0px 0px; }
  3.12% { background-position: -1000px 0px; }
  6.25% { background-position: 0px -500px; }
  9.38% { background-position: -1000px -500px; }
  12.50% { background-position: 0px -1000px; }
  15.62% { background-position: -1000px -1000px; }
  18.75% { background-position: 0px -1500px; }
  21.88% { background-position: -1000px -1500px; }
  25.00% { background-position: 0px -2000px; }
  28.12% { background-position: -1000px -2000px; }
  31.25% { background-position: 0px -2500px; }
  34.38% { background-position: -1000px -2500px; }
  37.50% { background-position: 0px -3000px; }
  40.62% { background-position: -1000px -3000px; }
  43.75% { background-position: 0px -3500px; }
  46.88% { background-position: -1000px -3500px; }
  50.00% { background-position: 0px -4000px; }
  53.12% { background-position: -1000px -4000px; }
  56.25% { background-position: 0px -4500px; }
  59.38% { background-position: -1000px -4500px; }
  62.50% { background-position: 0px -5000px; }
  65.62% { background-position: -1000px -5000px; }
  68.75% { background-position: 0px -5500px; }
  71.88% { background-position: -1000px -5500px; }
  75.00% { background-position: 0px -6000px; }
  78.12% { background-position: -1000px -6000px; }
  81.25% { background-position: 0px -6500px; }
  84.38% { background-position: -1000px -6500px; }
  87.50% { background-position: 0px -7000px; }
  90.62% { background-position: -1000px -7000px; }
  93.75% { background-position: 0px -7500px; }
  96.88% { background-position: -1000px -7500px; }
  100.00% { background-position: 0px -8000px; }
  }
/*动画库*/
@-webkit-keyframes fadeInLeft {0% {opacity: 0; -webkit-transform: translateX(-20px)}
  100% {opacity: 1; -webkit-transform: translateX(0)}
  }
@-moz-keyframes fadeInLeft {0% {opacity: 0; -moz-transform: translateX(-20px)}
  100% {opacity: 1; -moz-transform: translateX(0)}
  }
@-webkit-keyframes fadeInRight {0% {opacity: 0; -webkit-transform: translateX(20px)}
  100% {opacity: 1; -webkit-transform: translateX(0)}
  }
@-moz-keyframes fadeInRight {0% {opacity: 0; -moz-transform: translateX(20px)}
  100% {opacity: 1; -moz-transform: translateX(0)}
  }
@-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px)}
  100% {opacity: 1; -webkit-transform: translateY(0)}
  }
@-moz-keyframes fadeInUp {0% {opacity: 0; -moz-transform: translateY(20px)}
  100% {opacity: 1; -moz-transform: translateY(0)}
  }
/*内容页区域*/
.con_box {width: 100%; height: 940px; max-width: 1920px; background: url(../images/con_bg_20220216.jpg) no-repeat; overflow: hidden; position: relative; }
#piaodai2 { width: 100%; height: 940px; background: url(../images/top_redFlag_20220216.gif) no-repeat; left: 0px; position: absolute; top: 85px; }
.swiper_box { width: 1420px; height: 690px; margin-top: 70px; overflow: hidden; }
.swiper-container { width: 1100px; height: 690px; float: right; background: #ffffff; border-radius: 20px; }
.swiper-slide .title{ margin-top:50px;  }
.swiper-slide .blist li{ width: 1020px; height: 159px; margin-top: 10px; overflow: hidden; }
.swiper-slide .blist li span{ display: block; float: left; width: 184px; height: 159px; background: url(../images/swiper_ibg_20220216.jpg) no-repeat; overflow: hidden;}
.swiper-slide .blist li:nth-child(2n) span{ float: right;}
.swiper-slide .blist li span img{ width: 130px; height: 130px; border-radius: 50%; margin-top: 15px; margin-left: 15px; }
.swiper-slide .blist h4{ display: block;  width: 780px; height: 70px; line-height: 70px; font-size: 28px; color: #151515; overflow: hidden; text-align: center;}
.swiper-slide .blist p{ display: block;  width: 780px; height: 64px; line-height: 32px; color: #6a6a6a; overflow: hidden;}
.swiper-slide .slist{ width: 1000px; margin-top: 30px; padding-top: 20px; border-top:1px dashed #cfbea4;}
.swiper-slide .slist li{ float: left; width: 480px; margin: 0 10px; height: 32px; line-height: 32px; }