/* css */
html{overflow-y:scroll}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
td,p,li,select,input,textarea,div{color:#000;font-family: "Arial", "Georgia", "sans-serif", HELVETICA;font-size:16px;}
li,ul,ol{list-style-type:none;}
a,a:visited,a:hover,a:active{color:black; text-decoration:none;}
p img{max-width:100%;}

#page{width:100%;overflow:hidden; margin:0 auto;}
.main{width:100%;overflow:hidden; margin:0 auto;}
.wzbg{width:100%;background:#F2F2F2;}
.ads{margin-top:6px;margin-bottom:6px;text-align:center; float:center; clear:both;}
.red,a.red:link, a.red:visited, a.red:hover{color:#FF0000;}
.fff,a.fff:link, a.fff:visited, a.fff:hover{color:#ffffff;text-decorationnone;}
.b {font-weight:bold;}
.jg_10{height:10px; overflow:hidden; clear:both; font-size:0; background:#fff;}
.jg_1{overflow:hidden; clear:both;}
.title_xg{line-height:50px; height:50px; padding-left:15px; font-weight:bold; font-size:24px; border-bottom:3px solid #ED4040;color:#FF4A00;}
.title_xg a{ font-weight:bold; font-size:22px; color:black;}
.line1 {MARGIN: 10px 0px; border-bottom:1px #EDEDED solid;OVERFLOW: hidden}
.div1{}
.div2{position:fixed;_position:absolute;top:0;z-index:300;}
.biaoge1 {background-color:#FFF;}
.biaoge2 {font-size: 16px;font-weight: bold; height:46px; background-color:#F7FCFF; text-align:center; float:center;}
.style1 {background-color:#FFF;}
.style2 {font-size: 18px;font-weight: bold; height:56px; background-color:#F7FCFF; text-align:center; float:center;}
.zj{ height:12px; margin-top:10px;}
.zjb li{width:172px; height: 50px; background: #F7F7F7; text-align: center; line-height: 50px;float: left;margin-right: 2px;font-size: 20px;}
.zjb li a{ color:#656565; text-decoration: none; display: block;}
.zjb li a:hover,.zjb li a.act{background: #FF6507; color:#FFF;}

.border{border:1px solid #E0E0E0;}
#title{display:none;}
.piaofu{width:30px;height:30px;border:0;border-radius:5px;}

/*title2*/
.title2{ width:100%; padding:25px 0 0 0; margin-bottom:15px; border-bottom:solid 1px #ddd;height:62px;}
.tit_name{ padding:10px 20px; font-size:20px; color:#ffffff;background:#FF6507;}
.f12,.f12 p.f12 td,a.f12:link,a.f12:visited,a.f12:hover{font-size:12px;line-height:200%}
.f14a,.f14a p.f14a td,a.f14a:link,a.f14a:visited,a.f14a:hover{font-size:16px;line-height:250%}
.f14,.f14 p.f14 td,a.f14:link,a.f14:visited,a.f14:hover{font-size:16px;color:#626262;line-height:250%}
.f16,.f16 p.f16 td,a.f16:link,a.f16:visited,a.f16:hover{font-size:16px;color:#626262;line-height:200%}
.f16a,.f16a p.f16a td,a.f16a:link,a.f16a:visited,a.f16a:hover{font-size:16px;line-height:200%}
.f18,.f18 p.f18 td,a.f18:link,a.f18:visited,a.f16:hover{font-size:18px;line-height:200%}
.f18a,.f16a p.f18a td,a.f18a:link,a.f18a:visited,a.f18a:hover{font-size:18px;line-height:200%}
.f20,.f20 p.f20 td,a.f20:link,a.f20:visited,a.f20:hover{font-size:20px;color:#626262;line-height:200%}
.f20a,.f20a p.f20a td,a.f20a:link,a.f20a:visited,a.20a:hover{font-size:20px;line-height:200%}
.f22,.f22 p.f22 td,a.f22:link,a.f22:visited,a.f22:hover{font-size:22px;color:#626262;line-height:200%}
.f22a,.f22a p.f22a td,a.f22a:link,a.f22a:visited,a.22a:hover{font-size:22px;line-height:200%}
.f24,.f24 p.f24 td,a.f24:link,a.f24:visited,a.f24:hover{font-size:24px;color:#626262;line-height:200%}
.f24a,.f24a p.f24a td,a.f24a:link,a.f24a:visited,a.24a:hover{font-size:24px;line-height:200%}

.yd{width:80%;overflow:hidden;margin-bottom:10px;margin:0 auto;margin-left:20px;margin-top:10px;float:right;text-align:right; height:60px;}
.yd a{color:#ffffff; text-decoration:none;text-align:center;width:30%;background-color:#249CFD;width:200px;height:50px;padding:10px;line-height:200%;font-size:24px;font-weight:bold;}

/* header */
*,::after,::before{box-sizing:border-box;}
#header{background:#fff;box-shadow:0px 0px 29px rgba(192, 192, 192,0.3);z-index:990;position:fixed;width:100%;}
#nav1{height:55px;clear:both;}
.width{width:100%;margin:0 auto;}
.header{height:55px;}
.header .logo{float:left;width:180px;display:inline-block;}
.header .logo img{margin-left:10px;margin-top:10px;width:160px;}
.header .nav{float:right;}
.header .nav ul{margin-top:18px;}
.header .nav ul li{float:left;position:relative;}


.header .nav ul li.zc a{padding:8px 15px;background:#FF6600;font-size:0.8rem;color:#fff;border-radius:20px;margin-right:10px;}
.header .nav ul li.zc a:hover{background:#FF3D00;}


/* Ding1 */
.ding1{background:-webkit-linear-gradient(top,#F62D4F,#AB031F); height:230px;}
.ding2{margin: 0 auto; text-align: center; width: 100%; padding-top:10px;}
.ding3{float: left; margin-left:2%; width:58%}
.ding4{width:100%;color: #FFFFFF}
.ding5{font-size:0.9rem; line-height:1.2; letter-spacing: 1px; text-align: left; color: #F7F6F6;margin-top:4px;}
.ding6{margin-top:20px;}
.ding7{float: left; width:80px;height:30px; line-height:200%; border: 1px solid #fff; font-size:0.8rem; color: #ffffff;}
.ding8{float: left; margin-left:10px;; flost: left; width:80px;height:30px; line-height:200%; border: 1px solid #fff; font-size:0.8rem; color: #ffffff;}
.ding9{float: left; width:39%;height:130px;}
.h1{font-size:1.4rem;font-weight:600;line-height:120%;margin:20px 0;}


/* Ding2 */
.w-homebk-bg{background:#fcfcfe;}
.container{width:100%;height:auto;}
.container h2{font-size:1.2rem;font-weight:700;text-transform:uppercase;color:#f1010c;text-align:center;margin:20px 0;}
.container span{color:#000;font-size:1.2rem;}
.wflex-sb-s{text-align:center;}
.w-fwbk1{width:100%;height:400px;overflow:hidden;position:relative;margin-bottom:20px;}
.w-fwbk1 p{line-height:46px;background:rgb(0,0,0,0.2);position:absolute;bottom:0;left:0;width:100%;color:#fff;margin:0;font-size:18px;}
.w-fwbk2{width:100%;margin-right:28px;margin-bottom:20px}
.wflex-sb-s .w-fwbk1 img{object-fit:cover;width:100%;height:100%;}

/* Ding3 */
.app .super{background:#F6F9FC;overflow: hidden;padding:10px 0;}
.super .li_img{width:20%;float: left;padding-top:30px;text-align:center;}
.super .li_img img{width:50px;}
.super .li_con{width:80%;float: right;}
.super li{float: left;width:100%;overflow: hidden;padding-bottom:20px;}
.super .right{float: right;}

.super .li_tit{font-size:1.1rem;color:#393939;line-height:120%;padding-bottom:6px;border-bottom:1px solid #d2d2d2;font-weight:600;}
.super .li_txt{font-size:1rem;color:#7c7b7b;line-height:120%;padding-top:6px;}
.super .li_tit.active{color:#2b78d9;}
.super .li_txt.active{color:#2b78d9;}


/* Ding4 */
.wmwz{padding:0 0 30px 0;overflow: hidden;background:#fff;min-height:100%;}
.wmwz1{width:100%;height:auto;}
.wmwz1 h2{font-size:1.2rem;font-weight:bold;text-transform:uppercase;color:#f1010c;text-align:center;margin:20px 0;}
.wmwz1 span{color:#000;font-size:1.2rem}

.wmwz .wgn .list li p{margin:6px 0;font-weight:600;font-size:1rem;}
.wmwz .wgn .list li img{-ms-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.wmwz .wgn .list li:hover .li_img img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.wmwz .wgn .list li{float: left;width:50%;text-align: center;border:1px solid #eee;margin-right:-1px;margin-top:-1px;padding:26px 0;}


/* Ding6 */
.container{width: 100%;position: relative;}
.home__aboutus {text-align:center; padding:3% 2%; font-size:16px; background-color:#0050fe;background-image: url(css/fw.svg);background-size:auto 200%; background-position:center 1%;background-repeat:no-repeat;transition-duration:.25s;-webkit-transition-duration:.25s;padding-bottom:30px;}
.home__aboutus:hover {background-position:center 20%;}
.home__aboutus h3 {font-size:1.4rem;color:rgba(255, 255, 255, 1.0);padding-top:10px;}
.home__aboutus ul {width:100%;}
.home__aboutus ul li {display:inline-block;padding:0 44px;}
.home__aboutus ul li ins {font-size:rem;text-decoration:none;line-height:1; color: #06CA29;background-color: #fff;border-radius:50%;padding:10px 10px;}
.home__aboutus ul li p {height:25px;}
.home__aboutus ul li span {font-size:0.8rem;color: #fff;}
.home__aboutus a {display:block;color:#fff;}


/* Main */
.Main1,.Main2{overflow:hidden; zoom:1;}
.Main1,.Main2{ }
.Main_left{float:left; width:890px; overflow:hidden;}
.Main_right{float:right; width:300px; overflow:hidden;}
.Main_Bottom{height:1px; overflow:hidden; clear:both;}
.nr_zt{padding:1px 0 0; overflow:hidden; zoom:1; margin:0 1px;}

.brand{width:100%;margin:0 auto;padding-top:90px;}
.introduce-title{text-align:center;padding:60px 0;}
.known-wrap{width:100%;}
.known-img{float:left;width:544px;height:267px;padding:10px 48px 18px 0;}
.known,.known p{color:#585858;line-height:200%;font-size:18px;}
.known-text1{padding-top:3px;}
.known p img{max-width:100%;padding:20px 0;}
.title {font-size: 50px;color: #333;}

/* foot */
.footer{background:#1C2730;height:80px;}
.footer .copyright{padding-top:30px;font-size:14px;color:#7A8A9A;font-family:microsoft yahei;line-height:30px;clear:both;text-align:center;}
.footer .copyright a{color:#7A8A9A;}
#boot_reg{width:100%;height:60px;position:fixed;bottom:0;z-index:1000000;}
.reg a{height:46px;width:200px;background:#FE2C55;position: absolute;border-radius:8px;color: #fff;font-size:18px;left: 0;right:0;margin: 0 auto;line-height: 46px;text-align: center;}
.reg a:hover{ background:#FF4A6E;color:#fff; text-decoration:none;}

@font-face{font-family:PINGFANG_REGULAR;src:url(../fonts/pingfang_regular.eot);src:url(../fonts/pingfang_regular.eot) format("embedded-opentype"),url(../fonts/pingfang_regular.woff) format("woff"),url(../fonts/PINGFANG_REGULAR.otf) format("otf"),url(../fonts/PINGFANG_REGULAR.ttf) format("truetype"),url(../fonts/pingfang_regular.svg#gotham) format("svg");}
.anim-1,
.anim-2,
.anim-3,
.anim-4,
.anim-5,
.anim-6,
.anim-7,
.anim-8,
.anim-9,
.anim-10,
.anim-11,
.anim-12,
.anim-13,
.anim-14,
.anim-15,
.anim-16 {
  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(100px) translateX(0);
  transform: translateY(100px) translateX(0);
  opacity: 0;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.anim-1 {
  -webkit-transition: transform .8s,opacity .8s;
  -moz-transition: transform .8s,opacity .8s;
  -o-transition: transform .8s,opacity .8s;
  transition: transform .8s,opacity .8s;
}
.anim-2 {
  -webkit-transition: transform 1s,opacity 1s;
  -moz-transition: transform 1s,opacity 1s;
  -o-transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s;
}
.anim-3 {
  -webkit-transition: transform 1.2s,opacity 1.2s;
  -moz-transition: transform 1.2s,opacity 1.2s;
  -o-transition: transform 1.2s,opacity 1.2s;
  transition: transform 1.2s,opacity 1.2s;
}
.anim-4 {
  -webkit-transition: transform 1.4s,opacity 1.4s;
  -moz-transition: transform 1.4s,opacity 1.4s;
  -o-transition: transform 1.4s,opacity 1.4s;
  transition: transform 1.4s,opacity 1.4s;
}
.anim-5 {
  -webkit-transition: transform 1.6s,opacity 1.6s;
  -moz-transition: transform 1.6s,opacity 1.6s;
  -o-transition: transform 1.6s,opacity 1.6s;
  transition: transform 1.6s,opacity 1.6s;
}
.anim-6 {
  -webkit-transition: transform 1.8s,opacity 1.8s;
  -moz-transition: transform 1.8s,opacity 1.8s;
  -o-transition: transform 1.8s,opacity 1.8s;
  transition: transform 1.8s,opacity 1.8s;
}
.anim-7 {
  -webkit-transition: transform 2s,opacity 2s;
  -moz-transition: transform 2s,opacity 2s;
  -o-transition: transform 2s,opacity 2s;
  transition: transform 2s,opacity 2s;
}
.anim-8 {
  -webkit-transition: transform 2.2s,opacity 2.2s;
  -moz-transition: transform 2.2s,opacity 2.2s;
  -o-transition: transform 2.2s,opacity 2.2s;
  transition: transform 2.2s,opacity 2.2s;
}
.anim-9 {
  -webkit-transition: transform 2.4s,opacity 2.4s;
  -moz-transition: transform 2.4s,opacity 2.4s;
  -o-transition: transform 2.4s,opacity 2.4s;
  transition: transform 2.4s,opacity 2.4s;
}
.anim-10 {
  -webkit-transition: transform 2.6s,opacity 2.6s;
  -moz-transition: transform 2.6s,opacity 2.6s;
  -o-transition: transform 2.6s,opacity 2.6s;
  transition: transform 2.6s,opacity 2.6s;
}
.anim-11 {
  -webkit-transition: transform 2.8s,opacity 2.8s;
  -moz-transition: transform 2.8s,opacity 2.8s;
  -o-transition: transform 2.8s,opacity 2.8s;
  transition: transform 2.8s,opacity 2.8s;
}
.anim-12 {
  -webkit-transition: transform 3.0s,opacity 3.0s;
  -moz-transition: transform 3.0s,opacity 3.0s;
  -o-transition: transform 3.0s,opacity 3.0s;
  transition: transform 3.0s,opacity 3.0s;
}
.anim-13 {
  -webkit-transition: transform 3.2s,opacity 3.2s;
  -moz-transition: transform 3.2s,opacity 3.2s;
  -o-transition: transform 3.2s,opacity 3.2s;
  transition: transform 3.2s,opacity 3.2s;
}
.anim-14 {
  -webkit-transition: transform 3.4s,opacity 3.4s;
  -moz-transition: transform 3.4s,opacity 3.4s;
  -o-transition: transform 3.4s,opacity 3.4s;
  transition: transform 3.4s,opacity 3.4s;
}
.anim-15 {
  -webkit-transition: transform 3.6s,opacity 3.6s;
  -moz-transition: transform 3.6s,opacity 3.6s;
  -o-transition: transform 3.6s,opacity 3.6s;
  transition: transform 3.6s,opacity 3.6s;
}
.anim-16 {
  -webkit-transition: transform 3.8s,opacity 3.8s;
  -moz-transition: transform 3.8s,opacity 3.8s;
  -o-transition: transform 3.8s,opacity 3.8s;
  transition: transform 3.8s,opacity 3.8s;
}
.anim-show {
  -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);
  opacity: 1;
}
.anim-list .anim-1 {
  -webkit-transition: transform .5s,opacity .5s;
  -moz-transition: transform .5s,opacity .5s;
  -o-transition: transform .5s,opacity .5s;
  transition: transform .5s,opacity .5s;
}
.anim-list .anim-2 {
  -webkit-transition: transform .6s,opacity .6s;
  -moz-transition: transform .6s,opacity .6s;
  -o-transition: transform .6s,opacity .6s;
  transition: transform .7s,opacity .7s;
}