@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#0a0a0a;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}

/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*---------------------------------------页面-------------------------------------------*/
.banner_ph{ display:none;}
.banner{ width:100%; margin:auto; overflow:hidden;}
.banner img{ width:100%;}
.nav{ width:100%; background:#ef7e00; height:60px;}
.nav ul{ width:902px; margin:auto; overflow:hidden;}
.nav ul li{ float:left; color:#FFF; margin:16px 0; padding:0 40px; text-align:center; border-right:1px solid #FFF;}
.con_02{ width:1100px; margin:auto; overflow:hidden; margin-top:30px;}
.biaoti{width:1100px; margin:auto;}
.biaoti h1{ font-size:40px; color:#0a0a0a; margin:auto; text-align:center; margin-bottom:20px;}
.biaoti h1 sup{ font-size:18px;}
.con_02 p{ text-align:center; line-height:30px;}
.shipin{ width:600px; height:340px; margin:auto; overflow:hidden; margin-top:20px;}
.con_02 dl{ width:1030px; overflow:hidden; margin:auto; margin-top:40px;}
.con_02 dl dt{ width:500px; float:left; overflow:hidden; margin-right:30px;}
.con_02 dl dd{ overflow:hidden; width:480px;}
.con_02 dl dd h3{ font-size:28px; margin-top:40px; margin-bottom:20px;}
.con_02 dl dd p{ text-align:inherit;}
.con_02 dl dd p strong{ color:#ef7e00}
.con_02 dl dd p span{ display:block; color:#818181; margin-top:25px;}

.biaoti01{ font-size:48px; color:#0a0a0a; padding-left:15px; line-height:60px; border-left:5px solid #ef7e00; width:1200px; margin:40px auto;}
.con_03{ width:100%;overflow:hidden; margin-top:30px;  background:#f4f4f4;}
.con_03 ul{ width:1200px; margin:15px auto; overflow:hidden; }
.con_03 ul li{ width:29%; float:left; margin:0 2%; margin-bottom:2%;}
.con_03 ul li img{ margin:10px auto;}
.con_03 ul li h2{ font-size:24px; text-align:center; color:#0a0a0a; margin-bottom:10px;}
.con_03 ul li p{ color:#444; line-height:28px; font-size:15px; text-align:center;}

.con_07{ width:1200px; margin:auto; margin-top:20px;}
.con_07 dl{ overflow:hidden;width:1200px; margin:25px auto; padding:20px 0; border-bottom:1px solid #CCC;}
.con_07 dl dt{ width:580px; overflow:hidden; float:left;}
.con_07 dl dt img{ width:100%;}
.con_07 dl dd{ width:550px; overflow:hidden; float:right;}
.con_07 dl dd h2{ font-size:20px; color:#0a0a0a; margin-bottom:15px;}
.con_07 dl dd h2 sup{ font-size:14px;}
.con_07 dl dd span{ font-size:16px; line-height:30px; display:block; margin-bottom:10px;}
.con_07 dl dd p{ margin-bottom:20px; line-height:36px;}
.con_07 dl dd p img{ float:left; margin-right:10px; margin-top:6px;}
.btn{ display:inline-block; width:200px; height:42px; background:#ef7e00; color:#FFF; line-height:42px; font-size:16px; text-align:center;}
.btn:hover{ background:#f89e1a;}

.video{ width:1200px; margin:auto; overflow:hidden;}
.video ul{ overflow:hidden;}
.video ul li{ width:29%; float:left; margin:0 2%; margin-bottom:2%;}
.video ul li iframe{ height:200px;}
.video ul li p{ color:#444; line-height:28px; font-size:15px; text-align:center; margin:15px 0;}
.video ul li p sup{ font-size:12px;}
.video01{ width:1200px; margin:auto; overflow:hidden; margin-top:30px;}
.video01 ul{ overflow:hidden;}
.video01 ul li{ width:29%; float:left; margin:0 2%; margin-bottom:2%;}
.video01 ul li iframe{ height:200px;}
.video01 ul li p{ color:#444; line-height:28px; font-size:15px; text-align:center;}

.game{ width:1200px; margin:20px auto;}

.more{ display:block; width:200px; height:42px; background:#ef7e00; color:#FFF; line-height:42px; font-size:16px; text-align:center; margin:auto;}
.more:hover{ background:#f89e1a;}
.con_04{ width:100%;overflow:hidden; margin-top:30px;  background:#f4f4f4;}
.con_04 ul{ width:1200px; margin:15px auto; overflow:hidden; }
.con_04 ul li{ width:29%; float:left; margin:0 2%; margin-bottom:2%;}
.con_04 ul li img{ margin:auto;}
.con_04 ul li p{ line-height:28px; font-size:15px; text-align:center; margin:15px 0;}
.con_04 ul li p sup{ font-size:12px;}
.pdf{ display:block; width:220px; height:42px; background:#ef7e00; color:#FFF; line-height:42px; font-size:16px; text-align:center; margin:auto;}
.pdf:hover{ background:#f89e1a;}
.con_06{ width:1200px; margin:auto; margin-top:20px; margin-bottom:40px;}

@media (max-width: 550px) {
  .con_06 {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
}
.fl h2 {
  font-size: 20px;
  line-height: 46px;
  font-weight:normal;
  display: block;
  background-color: #f4f4f4;
  margin: 0;
  cursor: pointer; padding:0 10px; border-left:3px solid #ef7e00;
}


.con_06 ul.fl li i:before, ul.fl li i:after {
  transition: all 0.25s ease-in-out;
}

ul.fl li {
 /* animation: flipdown 0.5s ease both;*/
}

.con_06 ul.fl {
  list-style: none;
  perspective: 900;
  padding: 0; margin-top:20px;
}
.con_06 ul.fl li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
}
.con_06 ul.fl li dl{ overflow:hidden;}
.con_06 ul.fl li dl dt{ width:22%; float:left;margin:20px;}
.con_06 ul.fl li dl dt img{ width:100%;}
.con_06 ul.fl li dl dd{ line-height:30px; width:60%; float:left; margin:20px 0;}
.more01{ display:inline-block; width:150px; height:42px; background:#ef7e00; color:#FFF; line-height:42px; font-size:16px; text-align:center; margin-top:80px; margin-right:20px; float:right;}
.more01:hover{ background:#f89e1a;}

.con_06 ul.fl li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.con_06 ul.fl li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.con_06 ul.fl li:nth-of-type(3) {
  animation-delay: 1s;
}
.con_06 ul.fl li:nth-of-type(4) {
  animation-delay: 1.25s;
}
.con_06 ul.fl li:last-of-type {
  padding-bottom: 0;
}
.con_06 ul.fl li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 15px;
  right:20px;
}
.con_06 ul.fl li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #ef7e00;
  width: 3px;
  height: 9px;
}
.con_06 ul.fl li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.con_06 ul.fl li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.con_06 ul.fl li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 46px;
  z-index: 1;
  opacity: 0;
}
.con_06 ul.fl li input[type=checkbox]:checked ~ dl {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.con_06 ul.fl li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.con_06 ul.fl li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

.footer{ width:100%; background:#ef7e00;}
.footer ul{ width:900px; margin:auto; overflow:hidden; padding:20px}
.footer ul li{ width:50%; float:left;}
.footer ul li:nth-child(2){ width:40%; margin-left:10%;}
.footer ul li p{ color:#FFF; font-size:14px; border-right:1px solid #FFF; line-height:30px;}
.footer ul li img{ width:90px; float:left; margin:0 15px;}
.fuchuang{ overflow:hidden; position:fixed; top:10%; right:0;}
.fuchuang ul{ width:86px; overflow:hidden;}
.fuchuang ul li{ width:86px; padding:5px; color:#FFF; font-size:13px; text-align:center; height:70px; border-bottom:5px solid #ef7e00; background:#949ca1; margin-bottom:5px;}
.fuchuang ul li:hover{ background:#ef7e00;}
.fuchuang ul li img{ margin:auto; margin:3px auto;}
/*---------------------------------------下载-------------------------------------------*/
.con_download{ width:1080px; overflow:hidden; margin:auto;}
.con_download dl{ overflow:hidden; margin-top:30px;}
.con_download dt{ width:600px; margin-top:26px; float:left; }
.con_download dt h1{ font-size:28px; color:#ef7e00; line-height:36px; margin-bottom:20px;}
.con_download dt p{ line-height:30px;}
.con_download dd{ width:420px; float:right; overflow:hidden; background:#f1f1f1; padding:20px;  margin:30px 0;}
.con_download dd p{padding-left:30px;}
.con_download dd img{ margin-top:20px;}
.biaodan{ overflow:hidden; padding-left:30px;}
.biaodan li{ margin:20px 0;}
.biaodan li input{ border-radius:3px; width:80%; padding:2%; border:none; background:#FFF; font-size:15px;}
.biaodan li span{ font-size:12px; color:#F00; margin:0;}
.biaodan li textarea{ border-radius:3px; width:80%; padding:2%; border:none; height:100px; font-size:15px;}
.btn01{border-radius:3px; width:84%; margin:0; border:none; background:#ef7e00; height:46px; line-height:46px; color:#FFF; font-weight:bold; cursor:pointer;}
.btn01:hover{ background:#f89e1a;}

.check{ width:20px !important; line-height:30px;}
.biaodan li b{ font-weight:normal; line-height:28px; font-size:15px;}
.biaodan li h3{ font-weight:normal; display:block;}