@charset "utf-8";
@font-face {
  font-family:"impact";
  src:url("../font/impact.woff2") format("woff2"),
      url("../font/impact.woff") format("woff"),
      url("../font/impact.ttf") format("truetype"),
      url("../font/impact.eot") format("embedded-opentype"),
      url("../font/impact.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
html{font-size:62.5%;}
body{margin:0px; font-size:14px; color:#333; font-family:"微软雅黑", Arial, Helvetica, sans-serif; background-color:#fcfcfc; cursor:default;}
*{padding:0px; margin:0px;-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; }
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none;}
li{list-style:none;}
iframe{border:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#ff9500;}
.clear{overflow:hidden; clear:both; height:0px;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#ff9500;}
::-webkit-scrollbar-thumb:active{background-color:#ff9500;}
@media only screen and (max-width:995px) {
input{-webkit-appearance:none;}
}


.con{width:90%;}

.header{width:100%; z-index:9999; position:fixed; top:0; left:0;}

.header .logo{width:auto;padding:1rem 1rem .5rem;float:left;}
.header .logo img{width:auto;height: 3rem;display:block;}
.header .header-actions{float:right;padding:1rem 1rem .5rem;}
.header .share-btn{display:block;line-height:3rem;padding:0 1.4rem;border-radius:999px;background-color:rgba(1,62,151,.88);color:#fff;font-size:1.3rem;box-shadow:0 .4rem 1.2rem rgba(1,62,151,.18);}
.header .share-btn:hover{color:#fff;background-color:#013e97;}
.share-guide{position:fixed;left:0;top:0;right:0;bottom:0;z-index:20000;}
.share-guide-mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.45);}
.share-guide-panel{position:absolute;left:50%;top:22%;width:32rem;max-width:calc(100% - 4rem);margin-left:-16rem;background-color:#fff;border-radius:1.2rem;padding:2rem 1.8rem;text-align:center;box-shadow:0 1rem 3rem rgba(0,0,0,.2);}
.share-guide-panel strong{display:block;font-size:1.8rem;color:#333;margin-bottom:1rem;}
.share-guide-panel p{line-height:1.8;color:#666;margin-bottom:1.6rem;font-size:1.4rem;}
.share-guide-panel a{display:block;line-height:4rem;background-color:#013e97;color:#fff;border-radius:.8rem;font-size:1.4rem;}
.box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;padding-top: 4.7rem;}
.p1_1 {width:80%;position: relative;}
.p1_1 .zw{position: relative;z-index: 2;opacity: 0;margin: 1.5rem 0}
.p1_1 .en {width:116%;position: absolute;top: -1rem;left: -8%;z-index: 0;}
.p1_1 img{width: 100%;display: block;}
.page1 h2 {font-size: 2rem;color: #013e97;margin-bottom: 1rem;font-weight: bold;margin-top:1.6rem;position:relative;z-index: 5;opacity: 0;}
.page1 h3 {font-size:1.6rem;color: #013e97;margin-bottom: 1rem;opacity: 0;text-align: center;}
.page1 h4 {font-size:1.5rem;color: #013e97;margin-bottom: 1rem;opacity: 0;font-weight: bold;}
.page1 .yqh{width: 60%;margin-top:3rem;opacity: 0}
.page1 .yqh img{width: 100%;}
.page1 .zwt{margin-top:3rem;}
.page1 .zwt img{width: 100%;display: block;}

.active .zw{animation:bounceInDown 1.5s forwards;}
.active h2{animation:bounceInLeft 1.5s .5s forwards;}
.active h3{animation:bounceInRight 1.5s .5s forwards;}
.active .yqh{animation:bounceInUp 1.5s .8s forwards;}
.active h4{animation:bounceInUp 1.5s .9s forwards;}



.active .d_wz .wz_2 {
  animation: bounceInLeft 1.5s .5s forwards;
}


.page2{}
.page2 h1{font-size: 2.4rem;font-weight: bold;margin-bottom: 1.5rem;cursor:pointer; 
    background-image:-webkit-linear-gradient(bottom,#ae0101,#013e97); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;opacity: 0;}
.page2.active h1{animation:bounceInDown 1.5s forwards;}
.page2 .text {font-size: 1.3rem;line-height: 1.6;color: #013e97;padding: 0 20px;opacity: 0;}
.page2.active .text{animation:bounceInUp 1.5s .6s forwards;}
.page2.active .s_p{animation:bounceInUp 1.5s .8s forwards;}
.page2 .s_p{padding: 0 20px;opacity: 0;margin: 1.5rem 0}
 .video-container {
            max-width: 800px;
            border-radius: 8px;
        }
        video {
            display: block;
            width: 100%;
            height: auto;
        }
.page4 {}
.page4 h1{font-size: 2.4rem;line-height: 1.5;font-weight: bold;color: #013e97; opacity: 0;}
.page4 h3{font-size: 1.4rem;line-height: 1.8;margin-top: 2rem;margin-bottom: 2rem; color: #013e97;opacity: 0;padding: 0 20px;text-align: center;}
.page4 h4{font-size: 1.5rem;
  color: #013e97;
  margin-bottom: 1rem;
  opacity: 0;
  font-weight: bold;}

.page4 .zwt{opacity: 0;}
.page4 .zwt img{width: 100%;display: block;}



.page4.active h1{animation:bounceInDown 1.5s forwards;}
.page4.active h3{animation:bounceInLeft 1.5s .5s forwards;}
.page4.active h4{animation:bounceInRight 1.5s .5s forwards;}
.page4.active .zwt{animation:bounceInUp 1.5s .8s forwards;}

.page5{}
.page5 h3{font-size: 1.8rem;margin-bottom: 3rem;color: #013e97;opacity: 0;font-weight: bold;}
.page5 .t_p{width: 60%;opacity: 0;}
.page5 .t_p img{width: 100%;}
.page5.active h3{animation:bounceInDown 1.5s forwards;}
.page5.active .t_p{animation:bounceInUp 1.5s forwards;}


































.sy_ab{width:1200px; background:url(../images/bt_1.png) no-repeat top center; margin:0 auto; overflow:hidden;}
.sy_ab .a_bt{width:100%; font-size:40px; color:#ff9500; text-align:center; font-weight:bold;line-height:148px; margin-bottom:40px;}
.sy_ab .a_tp{width:600px; float:left; opacity:0;}
.sy_ab .a_tp img{width:100%; height:auto; display:block;}
.sy_ab .a_wz{width:550px; float:right; margin-top:30px; opacity:0;}
.sy_ab .a_wz h3{font-size:24px;font-weight:bold;color: #ff9500;margin-bottom:10px;}
.sy_ab .a_wz h4{font-size:16px; font-weight:bold; text-transform:uppercase; color:#000; margin-bottom:20px;}
.sy_ab .a_wz p{font-size:15px; line-height:28px;}
@media only screen and (max-width:995px){
.sy_ab{width:80%; background-size:80%; margin:0 auto; overflow:hidden;}
.header .header-actions{padding:.8rem 1rem .5rem;}
.header .share-btn{line-height:2.6rem;padding:0 1rem;font-size:1.1rem;}
.share-guide-panel{top:18%;width:28rem;max-width:calc(100% - 3rem);margin-left:-14rem;padding:1.8rem 1.4rem;}
.sy_ab .a_bt{font-size:3rem; line-height:6rem; margin-bottom:2rem;}
.sy_ab .a_tp{width:100%; float:none;}
.sy_ab .a_wz{width:100%; float:none; margin-top:2rem;}
.sy_ab .a_wz h3{font-size:2rem; margin-bottom:.5rem;}
.sy_ab .a_wz h4{font-size:1.4rem; margin-bottom:1rem;}
.sy_ab .a_wz p{font-size:1rem; line-height:1.8rem;}
}

.active .a_bt{animation:bounceInDown 1.5s forwards;}
.active .a_tp{animation:bounceInLeft 1.5s .5s forwards;}
.active .a_wz{animation:bounceInRight 1.5s .5s forwards;}

.sy_js{width:1200px; margin:0 auto; background:url(../images/bt_4.png) no-repeat top center;}
.sy_js .b_bt{text-align:center; margin-top:60px; opacity:0; padding-top:36px; height:113px;}
.sy_js .b_bt h3{font-size:40px; font-weight:bold; color:#fff; margin-bottom:5px;}
.sy_js .b_bt h4{font-size:22px;font-weight:bold;text-transform:uppercase;color: #ff9500;margin-bottom:5px;}
.sy_js .b_bt p{font-size:15px; color:#fff;}
.sy_js .b_by{text-align:center; font-size:40px; font-weight:bold; color:#fff; margin:50px auto 90px; opacity:0;}
.sy_js .b_wz{padding:20px 25px; width:920px; background-color:rgba(255,255,255,.3); font-size:15px; color:#fff; line-height:30px; text-align:center; margin:0 auto;}
.sy_js .b_wz p{opacity:0;}
@media only screen and (max-width:995px){
.sy_js{width:80%; background-size:100%;}
.sy_js .b_bt{margin-top:0; opacity:0; padding-top:1rem; height:auto;}
.sy_js .b_bt h3{font-size:2rem; margin-bottom:.5rem;}
.sy_js .b_bt h4{font-size:1.4rem; margin-bottom:.5rem;}
.sy_js .b_bt p{font-size:1rem;}
.sy_js .b_by{font-size:2rem; margin:2rem auto 3rem;}
.sy_js .b_wz{padding:5%; width:90%; font-size:1.2rem; line-height:2rem;}
}

.active .b_bt{animation:bounceInLeft 1.5s .5s forwards;}
.active .b_by{animation:bounceInRight 1.5s .5s forwards;}
.active .b_wz p{animation:bounceInUp 1.5s 1s forwards;}

.sy_al{width:1260px; margin:100px auto 60px;}
.sy_al .f_bt{text-align:center; margin-bottom:30px; opacity:0;}
.sy_al .f_bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#000;}
.sy_al .f_bt h4{font-size:26px; font-weight:bold; color:#ff9500; margin-bottom:15px;}
.sy_al .f_bt p{font-size:15px; color:#999;}
@media only screen and (max-width:995px){
.sy_al{width:90%; margin:0 auto;}
.sy_al .f_bt{padding-top:2rem; margin-bottom:2rem;}
.sy_al .f_bt h3{font-size:2rem; font-weight:bold; text-transform:uppercase; color:#000;}
.sy_al .f_bt h4{font-size:1.4rem; font-weight:bold; color:#ff9500; margin-bottom:.5rem;}
.sy_al .f_bt p{font-size:1.2rem;}
}

.sy_al .sw_al{width:100%; opacity:0;}
.sy_al .sw_al .swiper-slide{width:1140px; padding:0 60px; box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.sy_al .sw_al .swiper-slide .nr{width:1144px;}
.sy_al .sw_al .swiper-slide .tp{float:left; margin-right:4px; margin-bottom:4px; overflow:hidden;}
.sy_al .sw_al .swiper-slide .tp.t1{width:40.56%;}
.sy_al .sw_al .swiper-slide .tp.t2{width:29%;}
.sy_al .sw_al .swiper-slide .tp.t3{width:37.3%;}
.sy_al .sw_al .swiper-slide .tp.t4{width:20.3%;}
.sy_al .sw_al .swiper-slide .tp img{width:100%; height:auto; display:block;
transition:all 2s;
-webkit-transition:all 2s;
-moz-transition:all 2s;
-ms-transition:all 2s;
-o-transition:all 2s;}
.sy_al .sw_al .swiper-slide .tp:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.sy_al .sw_al .swiper-slide .tp .dt{display:none;}
.sy_al .sw_al .swiper-button-next{width:30px; height:60px; background:url(../images/yjt.png) no-repeat; right:0; margin-top:-40px; background-size:30px 60px; -webkit-background-size:30px 60px; -moz-background-size:30px 60px; -ms-background-size:30px 60px; -o-background-size:30px 60px;}
.sy_al .sw_al .swiper-button-prev{width:30px; height:60px; background:url(../images/zjt.png) no-repeat; left:0; margin-top:-40px; background-size:30px 60px; -webkit-background-size:30px 60px; -moz-background-size:30px 60px; -ms-background-size:30px 60px; -o-background-size:30px 60px;}
@media only screen and (max-width:1080px){
.sy_al{width:1080px;}
.sy_al .sw_al .swiper-slide{width:960px;}
.sy_al .sw_al .swiper-slide .nr{width:964px;}
}
@media only screen and (max-width:1024px){
.sy_al{width:1024px;}
.sy_al .sw_al .swiper-slide{width:904px;}
.sy_al .sw_al .swiper-slide .nr{width:908px;}
}
@media only screen and (max-width:768px){
.sy_al{width:96%; margin:30px auto;}
.sy_al .sw_al .swiper-slide{width:100%;}
.sy_al .sw_al .swiper-slide .nr{width:100%;}
.sy_al .sw_al .swiper-slide .tp{margin:.5%; overflow:hidden;}
.sy_al .sw_al .swiper-slide .tp.t1{width:99%;}
.sy_al .sw_al .swiper-slide .tp.t2{width:49%;}
.sy_al .sw_al .swiper-slide .tp.t3{width:99%;}
.sy_al .sw_al .swiper-slide .tp.t4{width:32.33333%;}
.sy_al .sw_al .swiper-slide .tp img{width:100%; height:auto; display:block;}
.sy_al .sw_al .swiper-slide .tp ul li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.sy_al .sw_al .swiper-button-next{width:30px; height:60px; background:url(../images/yjt.png) no-repeat; right:0; margin-top:-40px; background-size:30px 60px; -webkit-background-size:30px 60px; -moz-background-size:30px 60px; -ms-background-size:30px 60px; -o-background-size:30px 60px;}
.sy_al .sw_al .swiper-button-prev{width:30px; height:60px; background:url(../images/zjt.png) no-repeat; left:0; margin-top:-40px; background-size:30px 60px; -webkit-background-size:30px 60px; -moz-background-size:30px 60px; -ms-background-size:30px 60px; -o-background-size:30px 60px;}
}

.active .f_bt{animation:bounceInDown 1.5s .5s forwards;}
.active .sw_al{animation:fadeIn 1.5s 1.2s forwards;}

.sy_ys{width:1170px; padding-left:30px; margin:0 auto; background:url(../images/bt_2.png) no-repeat top left; overflow:hidden;}
.sy_ys .c_bt{margin-top:30px; opacity:0;}
.sy_ys .c_bt h3{font-size:38px; line-height:50px; font-weight:bold; color:#333; margin-bottom:30px;}
.sy_ys .c_bt span{color:#ff9900;}
.sy_ys .c_bt p{font-size:15px;text-transform: uppercase;color:#999;}
.sy_ys .c_by{margin:30px auto 50px; opacity:0;}
.sy_ys .c_by h3{font-size:40px; font-weight:bold; color:#ff9900; margin-bottom:10px;}
.sy_ys .c_by span{font-size:58px; padding:0 15px;}
.sy_ys .c_by p{font-size:15px; color:#999;}
.sy_ys .c_wz{font-size:14px; color:#000; line-height:30px; text-align:center;}
.sy_ys .c_wz ul li{width:100px; float:left; margin-right:20px; opacity:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.sy_ys .c_wz ul li:hover{margin-top:-10px;}
@media only screen and (max-width:995px){
.sy_ys{width:90%; padding-left:5%; background-size:100%;}
.sy_ys .c_bt{margin-top:0; opacity:0;}
.sy_ys .c_bt h3{font-size:2rem; line-height:2.6rem; margin-bottom:2rem;}
.sy_ys .c_bt p{font-size:1.2rem;}
.sy_ys .c_by{margin:2rem auto;}
.sy_ys .c_by h3{font-size:2rem; margin-bottom:1rem;}
.sy_ys .c_by span{font-size:4rem;padding:0 .5rem;}
.sy_ys .c_by p{font-size:1.2rem;}
.sy_ys .c_wz{font-size:1rem; line-height:2rem;}
.sy_ys .c_wz ul li{width:20%; float:left; margin:0 5% 3% 0;}
.sy_ys .c_wz ul li img{width:100%; height:auto; display:block;}
.sy_ys .c_wz ul li:hover{margin-top:-10px;}
}

.active .c_bt{animation:bounceInLeft 1.5s .5s forwards;}
.active .c_by{animation:bounceInLeft 1.5s 1s forwards;}
.active .c_wz ul li{animation:zoomInDown 1s 1.5s forwards;}

.sy_lc{width:1200px; margin:0 auto;}
.sy_lc .d_bt{margin-top:60px; margin-bottom:80px; opacity:0;}
.sy_lc .d_bt h3{font-size:32px; font-weight:bold; color:#fff; margin-bottom:15px;}
.sy_lc .d_bt span{color:#ff9900;}
.sy_lc .d_bt p{font-size:15px;text-transform: uppercase;color:#fff;}
.sy_lc .d_wz{font-size:14px; color:#fff; line-height:20px; text-align:center;}
.sy_lc .d_wz ul li{width:156px; float:left; margin-right:10px; opacity:0;}
.sy_lc .d_wz span{font-size:12px; color:#999;  text-transform:uppercase;}
@media only screen and (max-width:995px){
.sy_lc{width:90%;}
.sy_lc .d_bt{margin-top:3rem; margin-bottom:2rem;}
.sy_lc .d_bt h3{font-size:2rem; margin-bottom:1rem;}
.sy_lc .d_bt p{font-size:1.2rem;}
.sy_lc .d_wz{font-size:1rem; line-height:2rem;}
.sy_lc .d_wz ul li{width:23%; margin-right:2%; margin-bottom:2%;}
.sy_lc .d_wz ul li img{width:100%; height:auto; display:block;}
.sy_lc .d_wz span{font-size:1rem; line-height:1.6rem; height:4.8rem; display:block;}
}

.active .d_bt{animation:bounceInLeft 1.5s .5s forwards;}
.active .d_wz .wz_1{animation:fadeInRight .5s 1s forwards;}
.active .d_wz .wz_2{animation:fadeInRight .5s 1.2s forwards;}
.active .d_wz .wz_3{animation:fadeInRight .5s 1.4s forwards;}
.active .d_wz .wz_4{animation:fadeInRight .5s 1.6s forwards;}
.active .d_wz .wz_5{animation:fadeInRight .5s 1.8s forwards;}
.active .d_wz .wz_6{animation:fadeInRight .5s 2s forwards;}
.active .d_wz .wz_7{animation:fadeInRight .5s 2.2s forwards;}

.sy_lx{width:1120px; position:absolute; top:20%; left:50%; margin-left:-600px; background:url(../images/bt_3.png) no-repeat top left; padding:60px 0 0 80px;}
.sy_lx .e_bt{opacity:0;}
.sy_lx .e_bt h3{font-size:32px; font-weight:bold; color:#ff9900;}
.sy_lx .e_bt h4{font-size:22px;font-weight: bold;color:#333;margin-bottom:50px;}
.sy_lx .e_bt p{font-size:15px; color:#999; text-transform:uppercase;}
@media only screen and (max-width:995px){
.sy_lx{width:90%; position:absolute; top:20%; left:5%; margin-left:0; background:url(../images/bt_3.png) no-repeat top left; padding:0;}
.sy_lx .e_bt h3{font-size:2rem;}
.sy_lx .e_bt h4{font-size:1.4rem; margin-bottom:2rem;}
.sy_lx .e_bt p{font-size:1.2rem;}
}

.active .e_bt{animation:bounceInLeft 1.5s forwards;}

.ms_yy{width:100%; background-color:rgba(255,255,255,.6); padding:30px 0; position:absolute; bottom:36px; left:0; text-align:center; overflow:hidden;}
.ms_yy .t_p{width:655px; margin:0 auto 20px; opacity:0;}
.ms_yy .t_p img{width:100%; height:auto; display:block;}
.ms_yy a{width:160px; height:40px; display:block; border:2px solid #ff9500; background-color:#ff9500; border-radius:5px; margin:0 auto; font-size:16px; line-height:40px; color:#fff; opacity:0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.ms_yy a:hover{color:#ff9500;
box-shadow:inset 160px 0 0 0 #fff;
-webkit-box-shadow:inset 160px 0 0 0 #fff;
-moz-box-shadow:inset 160px 0 0 0 #fff;
-ms-box-shadow:inset 160px 0 0 0 #fff;
-o-box-shadow:inset 160px 0 0 0 #fff;}
@media only screen and (max-width:995px){
.ms_yy{padding: 2rem 0;bottom:4.2rem;}
.ms_yy .t_p{width:80%; margin:0 auto 1rem;}
.ms_yy a{width: 80px;height: 2rem;font-size:1.2rem;line-height: 2rem;color:#fff;opacity:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.ms_yy a:hover{color:#fff;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;}
}

.active .ms_yy .t_p{animation:bounceInDown 1.5s .5s forwards;}
.active .ms_yy a{animation:bounceInUp 1.5s .5s forwards;}

.db_xx{width:100%; position:absolute; bottom:0; left:0; background-color:#4b4b4b; font-size:14px; line-height:36px; color:#999; text-align:center;}
.db_xx a{color:#999;}
.db_xx a:hover{color:#ff9500;}
.db_xx span{padding-left:15px;}
@media only screen and (max-width:995px){
.db_xx{font-size:1rem; padding:.5rem 0; line-height:1.6rem;}
.db_xx span{display:block; padding-left:0;}
}

.n_ban{width:100%; height:680px; position:relative;}
.n_ban .z_w{width:800px; position:absolute; text-align:center; left:50%; margin-left:-400px; top:130px;}
.n_ban .z_w h3{font-size:70px; text-transform:uppercase; font-family:"impact"; color:#fff;}
.n_ban .z_w h4{font-size:50px; font-weight:bold; color:#ff9500;}
.n_ban .y_w{width:800px; position:absolute; font-size:18px; color:#fff; line-height:30px; text-transform:uppercase; text-align:center; left:50%; margin-left:-400px; bottom:70px;}
@media only screen and (max-width:995px){
.n_ban{height:18rem;}
.n_ban .z_w{width:94%; text-align:center; left:3%; margin-left:0; top:20%;}
.n_ban .z_w h3{font-size:2.6rem;}
.n_ban .z_w h4{font-size:2rem;}
.n_ban .y_w{width:94%; font-size:1rem; line-height:1.6rem; left:3%; margin-left:0; bottom:5%;}
}

.pp_js{width:1200px; margin:50px auto;}
.pp_js .bt{text-align:center; margin-bottom:50px;}
.pp_js .bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#000;}
.pp_js .bt h4{font-size:26px; font-weight:bold; color:#f8a400;}
.pp_js .nr{font-size:15px; line-height:30px; color:#777;}
.pp_js .nr p{margin-bottom:20px;}
.pp_js .nr p.b_y{color:#ff9900; font-weight:bold; text-align:center; font-size:30px; line-height:40px; margin-top:40px;}
.pp_js .nr p.b_y span{font-size:16px; font-weight:normal; text-transform:uppercase;}
@media only screen and (max-width:995px){
.pp_js{width:94%; margin:2rem auto;}
.pp_js .bt{margin-bottom:2rem;}
.pp_js .bt h3{font-size:1.6rem;}
.pp_js .bt h4{font-size:2rem;}
.pp_js .nr{font-size:1rem; line-height:2rem;}
.pp_js .nr p{margin-bottom:1rem;}
.pp_js .nr img{width:100%; height:auto; display:block;}
.pp_js .nr p.b_y{font-size:1.6rem; line-height:1.6rem; margin-top:2rem;}
.pp_js .nr p.b_y span{font-size:1rem; padding-top:.5rem; display:block;}
}

.pp_ry{width:100%; padding:50px 0; background:url(../images/bj1.jpg) no-repeat top center / cover;}
.pp_ry .bt{text-align:center; margin-bottom:50px;}
.pp_ry .bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#fff;}
.pp_ry .bt h4{font-size:26px; font-weight:bold; color:#f8a400;}
.pp_ry .zz{width:1078px; margin:0 auto 50px;}
.pp_ry .zz .bd{width:100%; overflow:hidden;}
.pp_ry .zz .bd ul li{width:346px; float:left; margin-right:20px;}
.pp_ry .zz .bd ul li img{width:100%; height:auto; display:block;}
.pp_ry .ry{border:1px solid #a7a7a7; padding:10px; overflow:hidden;}
.pp_ry .ry .xr{border:1px solid #575757; padding:30px; overflow:hidden;}
.pp_ry .ry ul{float:left; width:558px;}
.pp_ry .ry ul li{width:100%; padding-left:38px; background:url(../images/zs.png) no-repeat left top; float:left; font-size:18px; color:#f8a400; line-height:36px;}
.pp_ry .ry i{color:#fff; padding-right:10px;}
@media only screen and (max-width:995px){
.pp_ry{padding:2rem 0;}
.pp_ry .bt{margin-bottom:2rem;}
.pp_ry .bt h3{font-size:1.6rem;}
.pp_ry .bt h4{font-size:2rem;}
.pp_ry .zz{width:100%; margin:0 auto 2rem;}
.pp_ry .ry{padding:2%; box-sizing:border-box;}
.pp_ry .ry .xr{ padding:2%; box-sizing:border-box;}
.pp_ry .ry ul{float:none; width:100%;}
.pp_ry .ry ul li{font-size:1rem; padding-left:30px; box-sizing:border-box;}
.pp_ry .ry i{padding-right:.5rem;}
}
@media only screen and (max-width:768px){
.pp_ry .zz .bd ul li{width:100px; float:left; margin-right:10px;}
}
@media only screen and (max-width:414px){
.pp_ry .zz .bd ul li{width:125px; float:left; margin-right:10px;}
}
@media only screen and (max-width:375px){
.pp_ry .zz .bd ul li{width:112px; float:left; margin-right:10px;}
}
@media only screen and (max-width:320px){
.pp_ry .zz .bd ul li{width:95px; float:left; margin-right:10px;}
}

.td_bt{width:100%; padding:30px 0; background-color:#eee;}
.td_bt .bt{float:left;}
.td_bt .bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#000;}
.td_bt .bt h4{font-size:26px; font-weight:bold; color:#f8a400;}
.td_bt .bt span{width:100px; height:1px; background-color:#f8a400; display:block; margin-top:10px;}
.td_bt .bt p{font-size:16px; line-height:30px; color:#666; margin-top:10px;}
.td_bt .wz{float:right; font-size:12px; line-height:18px; color:#bbb; text-align:right; margin-top:30px;}
@media only screen and (max-width:995px){
.td_bt{padding:2rem 0;}
.td_bt .bt{width:100%; float:none;}
.td_bt .bt h3{font-size:1.6rem;}
.td_bt .bt h4{font-size:2rem;}
.td_bt .bt span{width:50px; margin-top:1rem;}
.td_bt .bt p{font-size:1rem; line-height:2rem; margin-top:1rem;}
.td_bt .wz{float:none; width:100%; font-size:1rem; line-height:1.6rem; text-align:left; margin-top:1rem;}
}

.bz_bt{width:100%; padding:30px 0; background-color:#424242;}
.bz_bt .bt{text-align:center;}
.bz_bt .bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#fff;}
.bz_bt .bt h4{font-size:26px; font-weight:bold; color:#f8a400;}
.bz_bt .bt p{font-size:16px; line-height:30px; color:#999; margin-top:10px;}
@media only screen and (max-width:995px){
.bz_bt{padding:2rem 0;}
.bz_bt .bt h3{font-size:1.6rem;}
.bz_bt .bt h4{font-size:2rem;}
.bz_bt .bt p{font-size:1rem; line-height:2rem; margin-top:1rem;}
}

.gy_bj{width:100%; padding:50px 0; background:url(../images/bj.png); overflow:hidden;}
.gy_bj .bt{text-align:center; margin-bottom:50px;}
.gy_bj .bt h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#000;}
.gy_bj .bt h4{font-size:26px; font-weight:bold; color:#f8a400;}
.gy_bj .bt h4 span{color:#000;}
.gy_bj .bt p{font-size:16px; line-height:30px; color:#666; margin-top:20px;}
.gy_bj .ej_fl{width:100%; margin-bottom:50px;}
.gy_bj .ej_fl ul li{float:left; margin-right:20px;}
.gy_bj .ej_fl a{display:block; padding:0 30px; font-size:18px; color:#555; line-height:46px;}
.gy_bj .ej_fl a.on{background-color:#f8a400; color:#fff; border-radius:5px;}
@media only screen and (max-width:995px){
.gy_bj{padding:2rem 0;}
.gy_bj .bt{margin-bottom:2rem;}
.gy_bj .bt h3{font-size:1.6rem;}
.gy_bj .bt h4{font-size:2rem;}
.gy_bj .bt p{font-size:1rem; line-height:2rem; margin-top:1rem;}
.gy_bj .ej_fl{margin-bottom:2rem;}
.gy_bj .ej_fl ul li{margin-right:0;}
.gy_bj .ej_fl a{padding:0 1.5rem; font-size:1.4rem; line-height:3rem;}
}

.fw_bz{width:100%; padding:50px 0; background:url(../images/bj.png); overflow:hidden;}
.fw_bz .bz_t{margin-bottom:30px;}
.fw_bz .bz_w{font-size:18px; line-height:36px; color:#444;}
.fw_bz .bz_w p{text-align:center; font-size:15px; line-height:26px; margin-top:10px;}
.fw_bz .bz_w ul{width:1206px;}
.fw_bz .bz_w ul li{width:396px; float:left; margin-right:6px;}
.fw_bz .bz_w img{width:100%; height:auto; display:block;}
.fw_bz .bx_w{margin-top:60px;}
.fw_bz .bx_w p{text-align:center; font-size:15px; line-height:26px; margin-top:10px;}
.fw_bz .bx_w ul{width:1288px;}
.fw_bz .bx_w ul li{width:234px; float:left; margin-right:88px;}
.fw_bz .bx_w img{width:100%; height:auto; display:block;}
.fw_bz .bb{position:relative; padding:15px 0 15px 110px; margin-bottom:30px;}
.fw_bz .bb h3{font-size:30px; color:#444; line-height:30px; text-transform:uppercase; font-family:"impact";}
.fw_bz .bb h4{font-size:24px; line-height:30px;}
.fw_bz .bb em{color:#ff9500; font-family:"impact";}
.fw_bz .bb i{display:block; position:absolute; top:0; left:0; width:90px; height:90px; background-color:#444; font-size:44px; color:#fff; line-height:90px; text-align:center; font-family:"impact";}
@media only screen and (max-width:995px){
.fw_bz{padding:2rem 0;}
.fw_bz .bz_t{margin-bottom:2rem;}
.fw_bz .bz_t img{width:100%; height:auto; display:block;}
.fw_bz .bz_w{font-size:1.4rem; line-height:2.6rem;}
.fw_bz .bz_w p{font-size:1.2rem; line-height:2rem; margin-top:1rem;}
.fw_bz .bz_w ul{width:100%;}
.fw_bz .bz_w ul li{width:100%; margin:0 0 1rem;}
.fw_bz .bx_w{margin-top:2rem;}
.fw_bz .bx_w p{font-size:1.2rem; line-height:2rem; margin-top:1rem;}
.fw_bz .bx_w ul{width:100%;}
.fw_bz .bx_w ul li{width:46%; float:left; margin:0 2% 4%;}
.fw_bz .bx_w img{width:80%; height:auto; display:block; margin:0 auto;}
.fw_bz .bb{padding:.5rem 0 .5rem 5.5rem; margin-bottom:2rem;}
.fw_bz .bb h3{font-size:2rem; line-height:2rem;}
.fw_bz .bb h4{font-size:2rem; line-height:2rem;}
.fw_bz .bb i{width:5rem; height:5rem; font-size:4rem; line-height:5rem;}
}

.fw_ba{width:100%; background:url(../images/bj2.jpg) no-repeat center; padding:140px 0; overflow:hidden;}
.fw_ba .bb{position:relative; padding:15px 0 15px 110px; margin-bottom:30px;}
.fw_ba .bb h3{font-size:30px; color:#444; line-height:30px; text-transform:uppercase; font-family:"impact";}
.fw_ba .bb h4{font-size:24px; line-height:30px;}
.fw_ba .bb em{color:#ff9500; font-family:"impact";}
.fw_ba .bb i{display:block; position:absolute; top:0; left:0; width:90px; height:90px; background-color:#444; font-size:44px; color:#fff; line-height:90px; text-align:center; font-family:"impact";}
.fw_ba .bz_w{font-size:18px; line-height:36px; color:#444;}
@media only screen and (max-width:995px){
.fw_ba{background:url(../images/bj2.jpg) no-repeat center / cover; padding:2rem 0;}
.fw_ba .bb{padding:.5rem 0 .5rem 5.5rem; margin-bottom:2rem;}
.fw_ba .bb h3{font-size:2rem; line-height:2rem;}
.fw_ba .bb h4{font-size:2rem; line-height:2rem;}
.fw_ba .bb i{width:5rem; height:5rem; font-size:4rem; line-height:5rem;}
.fw_ba .bz_w{font-size:1.2rem; line-height:2rem;}
}

.fw_bb{width:100%; background-color:#fff; overflow:hidden;}
.fw_bb .con{width:680px; background:url(../images/bj3.jpg) no-repeat center; padding:140px 0 140px 520px;}
.fw_bb .bb{position:relative; padding:15px 0 15px 110px; margin-bottom:30px;}
.fw_bb .bb h3{font-size:30px; color:#444; line-height:30px; text-transform:uppercase; font-family:"impact";}
.fw_bb .bb h4{font-size:24px; line-height:30px;}
.fw_bb .bb em{color:#ff9500; font-family:"impact";}
.fw_bb .bb i{display:block; position:absolute; top:0; left:0; width:90px; height:90px; background-color:#444; font-size:44px; color:#fff; line-height:90px; text-align:center; font-family:"impact";}
.fw_bb .bz_w{font-size:18px; line-height:36px; color:#444; padding-left:110px;}
@media only screen and (max-width:995px){
.fw_bb .con{width:94%; background:url(../images/bj3.jpg) no-repeat center / cover; padding:2rem 3%;}
.fw_bb .bb{padding:.5rem 0 .5rem 5.5rem; margin-bottom:2rem;}
.fw_bb .bb h3{font-size:2rem; line-height:2rem;}
.fw_bb .bb h4{font-size:2rem; line-height:2rem;}
.fw_bb .bb i{width:5rem; height:5rem; font-size:4rem; line-height:5rem;}
.fw_bb .bz_w{font-size:1.2rem; line-height:2rem; padding-left:5.5rem;}
}

.jz_gd .hidden{display:none;}
.jz_gd .list{}
.jz_gd .more{width:120px; height:50px; margin:30px auto 0; text-align:center;}
.jz_gd .more p{text-align:center; font-size:18px; color:#999; line-height:50px;}
.jz_gd .more a{display:block; font-size:18px; line-height:50px; border:1px solid #c7c7c7; color:#999;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.jz_gd .more a:hover{border:1px solid #f8a400; color:#fff;
box-shadow:inset 120px 0 0 0 #f8a400;
-webkit-box-shadow:inset 120px 0 0 0 #f8a400;
-moz-box-shadow:inset 120px 0 0 0 #f8a400;
-ms-box-shadow:inset 120px 0 0 0 #f8a400;
-o-box-shadow:inset 120px 0 0 0 #f8a400;}
.jz_gd .al_zs{width:1204px;}
.jz_gd .al_zs li{width:598px; float:left; margin-right:4px; margin-bottom:4px; position:relative; overflow:hidden;}
.jz_gd .al_zs .t_p{width:100%; overflow:hidden}
.jz_gd .al_zs .t_p img{width:100%; height:auto; display:block;}
.jz_gd .al_zs li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.jz_gd .al_zs .b_j{position:absolute; top:0; left:0; width:0; height:100%; background-color:rgba(0,0,0,.5);}
.jz_gd .al_zs li:hover .b_j{width:100%;}
.jz_gd .al_zs .w_z{width:100%; position:absolute; top:50%; left:0; margin-top:-72px; font-size:26px; line-height:36px; color:#fff; text-align:center; opacity:0;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.jz_gd .al_zs li:hover .w_z{opacity:1; margin-top:-36px;
transition:all .3s .3s;
-webkit-transition:all .3s .3s;
-moz-transition:all .3s .3s;
-ms-transition:all .3s .3s;
-o-transition:all .3s .3s;}
.jz_gd .xw_zx{width:1218px;}
.jz_gd .xw_zx li{width:388px; float:left; background-color:#fff; margin-right:18px; margin-bottom:18px; position:relative;}
.jz_gd .xw_zx .t_p{width:100%; overflow:hidden;}
.jz_gd .xw_zx .t_p img{width:100%; height:auto; display:block;}
.jz_gd .xw_zx li:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}
.jz_gd .xw_zx .w_z{padding:15px; font-size:16px; line-height:30px; color:#fff;}
.jz_gd .xw_zx .w_z i{display:block; color:#bbb;}
.jz_gd .xw_zx .w_z a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.jz_gd .hx_td{width:1232px;}
.jz_gd .hx_td li{width:276px; float:left; margin-right:32px; margin-bottom:32px; position:relative;}
.jz_gd .hx_td .t_p{width:220px; margin:0 auto; border-radius:100%; position:absolute; top:0; left:50%; margin-left:-110px; overflow:hidden;}
.jz_gd .hx_td .t_p img{width:100%; height:auto; display:block;}
.jz_gd .hx_td .w_z{padding:130px 30px 30px; background-color:#fff; text-align:center; margin-top:110px; box-shadow:0 0 5px #aaa;}
.jz_gd .hx_td .w_z h3{font-size:16px; line-height:36px;}
.jz_gd .hx_td .w_z h3 i{font-size:20px; color:#ff9900; padding-right:5px;}
.jz_gd .hx_td .w_z span{width:50px; height:1px; background-color:#ff9900; margin:15px auto; display:block;}
.jz_gd .hx_td .w_z p{font-size:15px; line-height:26px;}
@media only screen and (max-width:995px){
.jz_gd .more{width:30%; height:3rem; margin:2rem auto 0;}
.jz_gd .more p{font-size:1.2rem; line-height:3rem;}
.jz_gd .more a{display:block; font-size:1.2rem; line-height:3rem;}
.jz_gd .more a:hover{border:1px solid #c7c7c7; color:#555;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;}
.jz_gd .al_zs{width:100%;}
.jz_gd .al_zs li{width:46%; margin:0 2% 4%;}
.jz_gd .al_zs .w_z{margin-top:-4rem; font-size:1.2rem; line-height:2rem;}
.jz_gd .al_zs li:hover .w_z{margin-top:-2rem;}
.jz_gd .xw_zx{width:100%;}
.jz_gd .xw_zx li{width:46%; margin:0 2% 4%;}
.jz_gd .xw_zx .w_z{padding:.5rem; font-size:1.2rem; line-height:2rem;}
.jz_gd .hx_td{width:100%;}
.jz_gd .hx_td li{width:46%; margin:0 2% 4%;}
.jz_gd .hx_td .t_p{width:80%; left:10%; margin-left:0;}
.jz_gd .hx_td .w_z{padding:50% 2% 4%; margin-top:40%;}
.jz_gd .hx_td .w_z h3{font-size:1rem; line-height:2.4rem;}
.jz_gd .hx_td .w_z h3 i{font-size:1.4rem;}
.jz_gd .hx_td .w_z span{margin:.5rem auto;}
.jz_gd .hx_td .w_z p{font-size:1rem; line-height:1.8rem;}
}

.search{width:100%; padding:50px 0; background-color:#424242;}
.search .s_c{width:820px; margin:0 auto;}
.search .w_z{width:330px; float:left;}
.search .w_z img{width:100%; height:auto; display:block;}
.search .s_s{width:460px; background-color:#fff; float:right; margin-top:1.5px;}
.search input.s_z{width:370px; height:60px; padding:0 15px; float:left; text-align:center; line-height:60px; color:#555; font-size:16px;}
.search input.a_n{width:60px; height:60px; background:url(../images/ss.png) no-repeat center; cursor:pointer;}
@media only screen and (max-width:995px){
.search{padding:2rem 0;}
.search .s_c{width:80%;}
.search .w_z{width:60%; margin:0 auto 1rem; float:none;}
.search .s_s{width:100%; float:none; margin:0;}
.search input.s_z{width:81%; height:3rem; padding:0 2%; line-height:3rem; font-size:1.2rem;}
.search input.a_n{width:15%; height:3rem; background-size:cover;}
}

.lx_wm{width:100%; overflow:hidden;}
.lx_wm .d_t{width:65%; height:500px; float:left;}
.lx_wm .w_z{width:35%; height:500px; background:url(../images/b8.jpg) no-repeat center / cover; float:right; position:relative;}
.lx_wm .n_r{width:90%; position:absolute; top:15%; left:10%;}
.lx_wm .n_r h3{font-size:32px; font-weight:bold; text-transform:uppercase; color:#000;}
.lx_wm .n_r h4{font-size:26px; font-weight:bold; color:#f8a400;}
.lx_wm .n_r h5{font-size:22px; color:#f8a400; margin-top:50px; margin-bottom:20px;}
.lx_wm .n_r p{font-size:15px; line-height:36px;}
.lx_wm .n_r i{padding-right:10px; width:14px; text-align:center; display:inline-block;}
.lx_wm .n_r a{width:120px; height:40px; border-radius:5px; background-color:#f8a400; margin-top:50px; display:block; font-size:15px; line-height:40px; text-align:center; color:#fff;}
.lx_wm img{width:100%; height:auto; display:block;}
@media only screen and (max-width:995px){
.lx_wm .d_t{width:100%; height:35rem; float:none;}
.lx_wm .w_z{width:100%; height:35rem; float:none;}
.lx_wm .n_r{width:90%; top:15%; left:5%;}
.lx_wm .n_r h3{font-size:1.6rem;}
.lx_wm .n_r h4{font-size:2rem;}
.lx_wm .n_r h5{font-size:1.4rem; margin-top:2rem; margin-bottom:2rem;}
.lx_wm .n_r p{font-size:1.2rem; line-height:2rem; margin-top:1rem;}
.lx_wm .n_r i{width:1.2rem;}
.lx_wm .n_r a{width:30%; height:3rem; margin-top:3rem; font-size:1.2rem; line-height:3rem;}
}

.zp_xx{width:1200px; margin:0 auto 50px;}
.zp_xx h5{font-size:20px; font-weight:bold; color:#ff9900; margin-bottom:15px;}
.zp_xx p{font-size:14px; line-height:28px;}
.zp_xx .bt{text-align:left;}
.zp_xx .zw{width:500px; height:252px; padding:30px; background-color:#fff; float:left;}
.zp_xx .zg{width:500px; height:252px; padding:30px; background-color:#f8f8f8; float:left;}
@media only screen and (max-width:995px){
.zp_xx{width:94%; margin:0 auto 2rem;}
.zp_xx h5{font-size:1.4rem; margin-bottom:1rem;}
.zp_xx p{font-size:1.2rem; line-height:2rem;}
.zp_xx .zw{width:90%; height:auto; padding:5%;}
.zp_xx .zg{width:90%; height:auto; padding:5%;}
}

.footer{width:100%; color:#999; background-color:#fff; overflow:hidden;}
.footer .con{margin:30px auto 50px;}
.footer .con .w_z{font-size:15px; line-height:50px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin-bottom:50px;}
.footer .con .d_lg{width:205px; float:left;}
.footer .con .d_lg img{width:100%; height:auto; display:block;}
.footer .con .d_xx{width:580px; float:left; padding:0 50px; margin-left:50px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:15px; line-height:26px;}
.footer .con .d_xx h3{font-size:18px; margin-bottom:10px; font-weight:bold; color:#000;}
.footer .con .k_j{float:left; width:200px;}
.footer .con .k_j a{float:left; width:50%; font-size:15px; line-height:32px;}
.footer .con .d_z{float:right; width:250px;}
.footer .con .d_z .w{padding-left:50px; background:url(../images/dz.jpg) no-repeat left center;}
.footer .con .d_jh{float:right; width:220px;}
.footer .con .d_jh .d_h{font-family:"impact"; font-size:25px; line-height:40px; color:#ff9500; margin-right:10px; margin-left:10px;}
.footer .con .d_jh .d_h h3{font-size:18px; color:#000;}
.footer .con .d_jh .d_h i{padding-right:6px; font-size:23px;}
.footer .con .d_jh .j_h{width:37px; float:left; margin-left:10px; margin-top:10px; position:relative;}
.footer .con .d_jh .j_h img{width:100%; height:auto; display:block;}
.footer .con .d_jh .j_h .e_m{width:120px; height:120px; top:-130px; position:absolute; left:50%; margin-left:-61px; border:1px solid #e7e7e7; background-color:#fff; display:none;}
.footer .con .d_jh .j_h:hover .e_m{display:block;}
.footer .b_q{width:100%; padding:10px 0; font-size:14px; line-height:30px; text-align:center; background-color:#4b4b4b;}
.footer .b_q span{padding-left:15px;}
.footer a{color:#999;}
.footer a:hover{color:#f8a400;}
@media only screen and (max-width:995px){
.footer{width:100%; color:#999; background-color:#fff; overflow:hidden;}
.footer .con{margin:2rem auto;}
.footer .con .w_z{font-size:1.2rem; line-height:3rem; text-align:center; margin-bottom:2rem;}
.footer .con .d_lg{width:30%; float:none; margin:0 auto 2rem;}
.footer .con .d_xx{display:none;}
.footer .con .d_jh{float:none; width:100%; text-align:center;}
.footer .con .d_jh .d_h{font-size:2.6rem; line-height:2.6rem; margin:0;}
.footer .con .d_jh .d_h h3{font-size:1.4rem;}
.footer .con .d_jh .d_h i{display:none;}
.footer .con .d_jh .j_h{float:none; margin:1rem .5rem; position:relative; display:inline-block}
.footer .b_q{padding:.5rem 0; font-size:1rem; line-height:1.6rem;}
.footer .b_q span{display:block; padding-left:0;}
.footer .b_q a{font-size:1rem;}
}


.fh_top{width:38px; height:38px; border-radius:100%; background-color:#fff; border:2px solid #e7e7e7; display:none; position:fixed; right:10px; bottom:30px; z-index:99999;}
.fh_top img{width:100%; height:auto;}
@media only screen and (max-width:995px){
.fh_top{width: 2.5rem;height: 2.5rem;m;right: 1rem;bottom: 2rem;}
}

.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yy .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:1000px; padding:60px 0; background:url(../images/yy_bj.jpg) no-repeat center / cover; position:absolute; top:50%; left:50%; margin-top:-233px; margin-left:-500px;}
.tj_yy .n_r .bt{text-align:center; color:#fff; margin-bottom:60px;}
.tj_yy .n_r .bt h3{font-size:32px; font-weight:bold; text-transform:uppercase;}
.tj_yy .n_r .bt h4{font-size:26px; font-weight:bold; color:#f8a400; margin-bottom:20px;}
.tj_yy .n_r .bt p{font-size:15px;}
.tj_yy .n_r .yy{width:380px; margin:0 auto;}
.tj_yy .n_r .yy input.w{width:360px; height:50px; padding:0 10px; background-color:rgba(255,255,255,.8); border-radius:5px; font-size:16px; color:#555; line-height:50px; margin-bottom:10px;}
.tj_yy .n_r .yy input.a{width:380px; height:50px; background-color:rgba(255,153,0,.8); border-radius:5px; font-size:16px; color:#fff; line-height:50px; cursor:pointer;}
@media only screen and (max-width:995px){
.tj_yy .n_r{width:90%; padding:3rem 0; top:50%; left:5%; margin-top:-14rem; margin-left:0;}
.tj_yy .n_r .bt{margin-bottom:3rem;}
.tj_yy .n_r .bt h3{font-size:2rem;}
.tj_yy .n_r .bt h4{font-size:1.4rem; margin-bottom:1rem;}
.tj_yy .n_r .bt p{font-size:1.2rem;}
.tj_yy .n_r .yy{width:90%; margin:0 auto;}
.tj_yy .n_r .yy input.w{width:96%; height:2.6rem; padding:0 2%; font-size:1.2rem; line-height:2.6rem; margin-bottom:rem;}
.tj_yy .n_r .yy input.a{width:100%; height:2.6rem; font-size:1.2rem; line-height:2.6rem;}
}

.tp_zs{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tp_zs .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.tp_zs .n_r{position:absolute; width:100%; text-align:center; left:0; top:50%; margin-top:-250px;}
.tp_zs .n_r img{width:auto; height:500px;}
@media only screen and (max-width:995px){
.tp_zs .n_r{position:absolute; width:80%; text-align:center; left:10%; margin:0; transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-o-transform:translate(0, -50%);}
.tp_zs .n_r img{width:100%; height:auto; display:block;}
}

.kf_kf{position:absolute; right:10px; bottom:80px; z-index:9999; opacity:0; animation:bounce 1.5s .2s infinite linear;
-webkit-animation:bounce 1.5s .2s infinite linear;
-moz-animation:bounce 1.5s .2s infinite linear;
-ms-animation:bounce 1.5s .2s infinite linear;
-oanimation:bounce 1.5s .2s infinite linear;}
.kf_kf img{width:100%; height:auto; display:block;}
.kf_kf:hover{animation:none;}
.kf_kf a.jg{display:block; padding:15px; border-radius:100%; width:50px; height:50px; background-color:#ff6600;
transition:all .5s;
-webkit-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;}
.kf_kf:hover a.jg{background-color:#ff9500;}
.kf_kf .kf_zx{position:absolute; bottom:0px; left:-220px; color:#555; height:0; overflow:hidden; opacity:0;
transition:all .5s;
-webkit-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;}
.kf_kf:hover .kf_zx{opacity:1; height:auto;}
.kf_kf .kf_nr{width:180px; padding:15px; background-color:#fff; border:1px solid #ccc; border-top:3px solid #ff6800; position:relative; margin-right:13px;}
.kf_kf .zx_bt{background:url(../images/sy1.jpg) no-repeat left center; padding-left:60px; font-size:22px; color:#ff9500; line-height:26px;}
.kf_kf .zx_bt i{font-size:14px; color:#777; line-height:24px;}
.kf_kf .zx_jt{bottom:36px;}
.kf_kf .zx_nr{padding:10px 20px; margin:10px 0; text-align:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.kf_kf .zx_nr p{font-size:14px; color:#777; margin-bottom:6px;}
.kf_kf .zx_nr a{padding-left:40px; background:url(../images/q1.gif) no-repeat left center; font-size:12px; line-height:32px; color:#aaa; display:block; margin:5px 0;}
.kf_kf .zx_nr a:hover{color:#ff6800;}
.kf_kf .zx_dh{background:url(../images/sy3.jpg) no-repeat left center; padding-left:60px; font-size:22px; color:#ff9500; line-height:26px; font-family:"impact";}
.kf_kf .zx_dh i{font-size:14px; color:#777; line-height:24px;}
.kf_kf .zx_wm{padding:10px 20px; margin:10px 0 0; text-align:center; border-top:1px solid #ccc;}
.kf_kf .zx_jt{width:8px; height:16px; position:absolute; background:url(../images/sxj.png) no-repeat; right:-8px;}
@media only screen and (max-width:995px){
.kf_kf{right:1rem; bottom:5rem;}
.kf_kf a.jg{padding:.5rem; width:2.5rem; height:2.5rem;}
.kf_kf .zx_jt{bottom:1rem;}
}

.active .kf_kf{transition-delay:2s; opacity: 1}