/* 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:1200px;}

#page{width:1200px;overflow:hidden; margin:0 auto;}
.main{width:1200px;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:58px;height:58px;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:92px;clear:both;}
.width{width:1200px;margin:0 auto;}
.header{height:90px;}
.header .logo{float:left;width:220px;display:inline-block;}
.header .logo img{margin-top:23px;width:200px;}
.header .nav{float:right;}
.header .nav ul{margin-top:25px;}
.header .nav ul li{float:left;position:relative;}
.header .nav ul li>a{display:inline-block;font-size:18px;padding:6px 6px;margin-left:14px;color:#000;border-radius:2px;}
.header .nav ul .subnav1{position:absolute;z-index:999;top:30px;left:-40px;width:200px;background:#fff;border:1px solid #f3f3f3;border-top:#FF552E 3px solid;display:none;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,11px,0) translateZ(0);display:flex;box-shadow:1px 1px 10px rgba(0,0,0,0.1);}
.header .nav ul .subnav1 .pro_nav{width:200px;}
.header .nav ul .subnav1 .pro_nav:last-child{margin-right:0;}
.header .nav ul .subnav1 .pro_nav a{display:block;width:100%;height:50px;line-height:300%;color:#333;text-align:center;background:#fff;font-size:16px;border-bottom:1px #eaeaea solid;position:relative;overflow:hidden;}
.header .nav ul .subnav1 .pro_nav a:hover{background:#FFE9ED;color:#FE2C55;}
.header .nav ul .subnav1 .pro_nav a span.red{background:#ED4014;}
.header .nav ul .subnav:after,.header .nav ul .subnav1:after{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #FF552E;position:absolute;top:-12px;left:45%;}
.header .nav ul li:hover .subnav,.header .nav ul li:hover .subnav1{display:flex;transform:translate3d(0,0,0);visibility:visible;}
.header .nav ul li.hover a{color:#FF552E;}
.header .nav ul li.zc a{padding:8px 30px;background:#FF6600;font-size:18px;color:#fff;border-radius:20px;margin-left:20px;}
.header .nav ul li.zc a:hover{background:#FF3D00;}


/* Ding1 */
.ding1{background:-webkit-linear-gradient(top,#F62D4F,#AB031F); height:600px;}
.ding2{margin: 0 auto; text-align: center; width: 1200px; padding-top:10px;}
.ding3{float: left; margin-top:80px; width:60%}
.ding4{width:100%;color: #FFFFFF}
.ding5{font-size:1.4rem; line-height:120%; letter-spacing: 1px; text-align: left; color: #F7F6F6;margin-top:40px;}
.ding6{margin-top:60px;}
.ding7{float: left; width: 160px; height: 50px; border: 1px solid #FFFFFF; line-height: 50px; font-size: 20px; color: #ffffff}
.ding8{float: left; margin-left: 40px;; flost: left; width: 160px; height: 50px; border: 1px solid #FFFFFF; line-height: 50px; font-size: 20px; color: #ffffff}
.ding9{float: left; width:39%;}
.h1{font-size:2.7rem;margin-bottom:.5rem;font-weight:600;line-height:1.2;}


/* Ding2 */
.w-homebk-bg{background:#fcfcfe;min-height:100%;}
.container{width:100%;height:auto;margin-bottom:60px;}
.container h2{font-size:2.4rem;font-weight:600;text-transform:uppercase;color:#f1010c;text-align:center;margin:60px 0;}
.container span{color:#000;font-size:2.4rem;}
.wflex-sb-s{display:flex;justify-content: space-between;align-items:stretch;text-align:center;}
.w-fwbk1{width:23.5%;height:300px;background:#fff;-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.13); box-shadow: 0 0 6px 0 rgba(0,0,0,0.13);border-radius:10px;overflow:hidden;position:relative;}
.w-fwbk1{display:block;height:300px;}
.w-fwbk1 div{width:250px;height:250px;background:rgb(255,255,255,0.2);position:absolute;border-radius:50%; -webkit-transition: 0.3s; transition: 0.3s;}
.w-fwbk1 div.yuanquan1{top:-220px;left:-220px;}
.w-fwbk1 div.yuanquan2{top:-220px;right:-220px;}
.w-fwbk1 div.yuanquan3{bottom:-220px;left:-220px;}
.w-fwbk1 div.yuanquan4{bottom:-220px;right:-220px;}
.w-fwbk1:hover div.yuanquan1{-webkit-transform: translate(150px, 150px); transform: translate(150px, 150px);}
.w-fwbk1:hover div.yuanquan2{-webkit-transform: translate(-150px, 150px); transform: translate(-150px, 150px);}
.w-fwbk1:hover div.yuanquan3{-webkit-transform: translate(150px, -150px); transform: translate(150px, -150px);}
.w-fwbk1:hover div.yuanquan4{-webkit-transform: translate(-150px, -150px); transform: translate(-150px, -150px);}
.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:31%;margin-right:28px;margin-bottom:28px}
.wflex-sb-s .w-fwbk1 img{object-fit:cover;width:100%;height:100%;}

/* Ding3 */
.app .super{background:#F6F9FC;overflow: hidden;padding:30px 0;}
.super .li_img{width:99px;float: left;padding-top:8px;}
.super .li_con{width: 436px;float: right;}
.super li{float: left;width:578px;overflow: hidden;padding-bottom:50px;}
.super .right{float: right;}
.super .li_tit{font-size:1.4rem;color:#393939;line-height:110%;border-bottom:1px solid #d2d2d2;font-weight:700;padding-bottom:6px;}
.super .li_txt{font-size: 14px;color:#7c7b7b;line-height: 26px;padding-top:10px;width:412px;}
.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:2.4rem;font-weight:bold;text-transform:uppercase;color:#f1010c;text-align:center;margin:60px 0;}
.wmwz1 span{color:#000;font-size:2.4rem;}
.wmwz .wgn .list li p{margin:6px 0;font-weight:bold;}
.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:298px;text-align: center;border:1px solid #eee;margin-right:-1px;margin-top:-1px;padding:26px 0;}


/* Ding6 */
.container{width: 1200px;height: 500px;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;}
.home__aboutus:hover {background-position:center 20%;}
.home__aboutus h3 {font-size:1.8rem;color:rgba(255, 255, 255, 1.0);}
.home__aboutus ul {display:block;padding:3% 0;}
.home__aboutus ul li {display:inline-block;padding:0 50px;}
.home__aboutus ul li ins {font-size:40px;text-decoration:none;line-height:1; color: #06CA29;background-color: #fff;border-radius:50%;padding:10px 20px;}
.home__aboutus ul li p {height:25px;}
.home__aboutus ul li span {font-size:18px;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:1200px;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:1200px;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;
}