@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%; }
/*---------------------------------------页面-------------------------------------------*/
.logo{max-width:88.75rem; margin:auto; overflow:hidden; padding:20px 0; }
.logo img{ width:200px;margin-left: 2rem;}
.banner_ph{ display:none;}
.banner{ width:100%; margin:auto; overflow:hidden;}
.banner img{ width:100%;}
.nav{ width:100%; background:#333333; height:60px;}
.nav ul{max-width:88.75rem; margin:auto; overflow:hidden;}
.nav ul li{ width:17rem;  float:left; color:#FFF; padding:20px 0; text-align:center; border-right:1px solid #FFF;}
.nav ul li:hover{ background: #ef7e00;}
.con_02{ width:1200px; overflow:hidden; margin:30px auto;}
.biaoti{width:1200px; 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{line-height:30px;}
.con_02 dl{ overflow: hidden; margin-top: 20px;}
.con_02 dl dt{ width:50%; overflow: hidden; float: left;}
.con_02 dl dd{ width:40%; overflow: hidden; background:#f4f4f4; padding: 5%; height:217.5px; }
.con_02 dl dt video{ display: block; width:100%;}
.con_02 dl dd h1{ font-size:30px; color:#0a0a0a; padding-left:15px; line-height:30px; border-left:5px solid #ef7e00; margin-bottom: 30px;}
.con_02 dl dd p{ text-align: left;}


.biaoti01{ font-size:48px; color:#0a0a0a; padding-left:15px; line-height:60px; border-left:5px solid #ef7e00; width:1185px; margin:40px auto;}
.con_03{ width:100%;overflow:hidden; padding-top:30px;  background:#f4f4f4;}
.con_03 ul{ width:1200px; margin:15px auto; overflow:hidden; display: flex;flex-flow:row wrap; /*justify-content:center;*/ }
.con_03 ul li{ width:22.5%; float:left; margin:0 1.5%;}
.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;}

.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:100%; background:#f4f4f4; margin:auto; overflow:hidden;}
.shipin{  width:1200px; margin:15px auto; overflow:hidden; display: flex;flex-flow:row wrap; }
.shipin li{ width:22.5%; float:left; margin:0 1.5%; margin-bottom:2%; background: #fff;}
.shipin li video{width:100%; }
.shipin li h1{font-size:16px; padding:2% 4%; height: 48px;}
.shipin li p{ font-size:15px; line-height:28px; padding:0 4% 4% 4%;}

.shipin01{ width: 1200px; margin: auto;overflow:hidden;}
.shipin01 dt{ width:40%; float:left; overflow: hidden; margin-bottom: 3%;}
.shipin01 dt video{width:100%; }
.shipin01 dd{ width:56%; background: #fff; padding:0 2%;float:left;}
.buzhou ul{ width:100%; margin:auto; overflow:hidden; }
.buzhou ul li{ width:30%; float:left;  margin-bottom:2%; }
.buzhou ul li:nth-child(2) { margin: 0 5%; }
.buzhou ul li:hover{border-bottom: 5px solid #ef7e00; cursor:pointer; -webkit-transform:translateY(-20px);transition:all 0.4s; }
.buzhou ul li img{ width: 100%; margin:auto;}
.buzhou ul li h2{ font-size:18px; color:#0a0a0a; margin-bottom:10px;}
.buzhou ul li p{ color:#444; line-height:26px; font-size:15px;}



.con_01{ width:100%; background:#f4f4f4; margin:auto; overflow:hidden; padding:2% 0; margin-top: 2%;}
.con_01 dl{ width:1200px; overflow:hidden; margin:auto;}
.con_01 dl dt{ width:700px; float:left; overflow:hidden; margin-right:30px;}
.con_01 dl dd{ overflow:hidden; width:465px; float: right;}
.con_01 dl dd h3{ font-size:38px; margin-top:40px; margin-bottom:20px;}
.con_01 dl dd p{ text-align:inherit; line-height: 36px;}
.con_01 dl dd p strong{ color:#ef7e00}
.con_01 dl dd p span{ display:block; color:#818181; margin-top:25px;}


.chanpin ul{ width:1200px; margin:auto; overflow:hidden; }
.chanpin ul li{ width:31%; float:left;  margin-bottom:2%;}
.chanpin ul li:nth-child(2) { margin: 0 3%; }
.chanpin ul li img{ width: 100%; margin:10px auto;}
.chanpin ul li div{ overflow: hidden; padding:5%; border: 1px solid #dcdcdc; border-top:4px solid #ef7e00; height: 130px;}
.chanpin ul li div:hover{background:#ef7e00; cursor:pointer; -webkit-transform:translateY(-20px);transition:all 0.4s; color: #fff; }

.chanpin ul li h2{ font-size:18px; margin-bottom:10px;}
.chanpin ul li p{line-height:28px; font-size:15px;}

.con_04{ width:100%;overflow:hidden;}
.con_04 ul{ width:1200px; margin:15px auto; overflow:hidden; }
.con_04 ul li{ width:31%; float:left; margin-bottom:2%;}
.con_04 ul li:nth-child(2) { margin: 0 3%; border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}

.con_04 ul li img{ width:50%; margin:auto;}
.con_04 ul li p{ line-height:28px; font-size:15px; text-align:center; margin:10px 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:30%; margin-left:5%;}
.footer ul li p{ color:#FFF; font-size:14px; border-right:1px solid #FFF; line-height:24px;}
.footer ul li h2{ color:#FFF; font-size:18px;overflow:hidden;border-right:1px solid #FFF;}
.footer ul li h2 strong{float:left;}
.footer ul li h2 img{float:left;width:30px;margin:0 5px;}
.footer ul li img{ width:90px; float:left; margin:35px 15px;}
.fuchuang{ overflow:hidden; position:fixed; top:30%; right:1%;}
.fuchuang ul{ width:86px; overflow:hidden;}
.fuchuang ul li{ 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;}