/* 前端白明明 */

@font-face {
    font-family: "numa";
    src: 
         url("../fonts/HELVETICA_0.woff") format("woff"),
         url("../fonts/HELVETICA_0.ttf") format("truetype"),
         url("../fonts/HELVETICA_0.eot") format("embedded-opentype"),
         url("../fonts/HELVETICA_0.svg") format("svg");
         font-weight: normal;
      font-style: normal;
  }

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;  max-width: 1920px; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#000;}

body::-webkit-scrollbar-track{ background:#fff;} 

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:#123b97;}

.gdt::-webkit-scrollbar-track{ background:#ddd;} 

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_48{font-size: 48px;}


/*分页*/

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.a_dw{position: relative;top: -60px;}

.box {max-width:1600px;min-width: 1200px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.page1 {display: flex;align-items: center;justify-content: center;  }
  
.page1 span a {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #cdcdcd;color: #333333;text-decoration: none;background: transparent;color: #666;position: relative;}

.page1 span a img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.page1 span a img:last-child{opacity: 0;}

.page1 span:hover a img:last-child{opacity: 1;}

.page1 span:hover a img:first-child{opacity: 0;}

.page1 span.current a {border: 1px solid #123b97;background: #123b97;color: #fff;}

.page1 span a:hover{border: 1px solid #123b97;color: #123b97;}

.page1 span {margin: 2px 5px;}

.page1 span input{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #cdcdcd;text-align: center;outline: none;background: transparent;}

.page2 {width: 120px;height: 40px;background: #123b97;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none; text-align: center;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}


/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}


/* 头部 */

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

.head .hd{width: 100%;height: 100px;position: relative;background: #fff;}

.head .hd .logo{display: block;float: left;width: 300px;background: #123b97;}

.head .hd .hrt{width: calc(100% - 300px);float: right;}

.head .hd .hrt .htop{width: 100%;height: 30px; line-height: 30px;background: #f0f0f0;padding-right: 60px;}

.head .hd .hrt .htop a{display: block;float: right;margin-left: 30px;color: #555;}

.head .hd .hrt .htop a img{display: block;float: left;margin-right: 10px;}

.head .hd .hrt .htop a:hover{color: #123b97;}





.head .hd .hrt .hbtm .ul1{float: right;}

.head .hd .hrt .hbtm .ul1 li{float: left;position: relative;margin-left: 50px;}

.head .hd .hrt .hbtm .ul1 li .ltop{line-height: 70px;}

.head .hd .hrt .hbtm .ul1 li .ltop a{display: block;position: relative;font-weight: bold;}

.head .hd .hrt .hbtm .ul1 li .ltop a s{display: block;width: 0%;height: 2px;background: #123b97;position: absolute;left: 0;bottom: 0;}

.head .hd .hrt .hbtm .ul1 li .lbtm{position: absolute;width: 160px;text-align: center;background: #fff;top: 90%;opacity: 0;visibility: hidden; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding: 10px 0;border-radius: 0 0 5px 5px;border: 1px solid #eee;border-top: 0;font-size: 14px;}

.head .hd .hrt .hbtm .ul1 li .lbtm a{display: block;line-height: 24px;padding: 5px 0;}

.head .hd .hrt .hbtm .ul1 li.act .ltop a,.head .hd .hrt .hbtm .ul1 li .ltop a:hover,.head .hd .hrt .hbtm .ul1 li .lbtm a:hover{color: #123b97;}

.head .hd .hrt .hbtm .ul1 li:hover .lbtm{top: 100%;opacity: 1;visibility: visible;}

.head .hd .hrt .hbtm .ul1 li.act .ltop a s{width: 100%;}

.head .hd .hrt .hbtm{padding-right: 60px;border-bottom: 1px solid #ddd;}

.head .hd .hrt .hbtm .ss{float: right;width: 20px;height: 20px;position: relative;z-index: 3;margin-top: 25px;}

.head .hd .hrt .hbtm .ss a{display: block;width: 100%;height: 100%;background: url(../images/ss.png) center no-repeat;}

.head .hd .hrt .hbtm .ss input{display: block;position: absolute;top: 0;right: 100%;width:0px;height: 20px;border: 0;border-bottom: 1px  solid #ddd;outline: navajowhite;}

.head .hd .hrt .hbtm .ss:hover a{background: url(../images/ss2.png) center no-repeat;}

.head .hd .hrt .hbtm .ss:hover input{width: 200px;}

.head .hd .hrt .hbtm .en{display: block;line-height: 14px;padding: 0 20px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;float: right;margin: 28px 20px 0 50px;}

.head .hd .hrt .hbtm .en:hover{color: #123b97;}



.head.act{top: -100px;}

.head2{position: fixed;width: 100%;top: 0;left: 0;z-index: 8;background: #fff;padding:  0;overflow: hidden;max-height: 0;}

.head2 .ul1{padding: 0 120px;}

.head2 .ul1 li{width: 24%;float: left;margin-right: 1.33%;}

.head2 .ul1 li:last-child{margin-right: 0;}

.head2 .ul1 li a{display: block;color: #666;margin-bottom: 20px;position: relative;left: 0;}

.head2 .ul1 li a:nth-child(1){color: #121212;padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}

.head2 .ul1 li a:hover{left: -5px;color: #123b97;}

.head2.act{padding: 160px 0 100px;max-height: 620px;}

.head.act2{top: 0px;background: #fff;}


/* 底部 */

.footer{padding: 50px 0;background: #222;position: relative;z-index: 3;}

.footer .flt{width: 420px;float: left;}

.footer .flt .flogo{float: left;display: block;}

.footer .flt .ico{float: right;padding-top: 10px;}

.footer .flt .ico a{display: block;width: 36px;height: 36px;position: relative;border: 1px solid rgba(255, 255, 255, .2);border-radius: 50%;float: left;margin-left: 25px;}

.footer .flt .ico a > img{opacity: .3;}

.footer .flt .ico a:nth-child(1){margin-left: 0;}

.footer .flt .ico a:hover > img{opacity: 1;}

.footer .flt .ico a .ewm{display: block;width: 130px;position: absolute;left: 50%;margin-left: -65px;top: 40px;opacity: 0;visibility: hidden;}

.footer .flt .ico a .ewm img{max-width: 130px;}

.footer .flt .ico a:hover .ewm{top: 50px;opacity: 1;visibility: visible;}

.footer .flt .dh{display: block;color: #fff;margin: 50px 0;}

.footer .flt .dh .img{display: block;width: 60px;float: left;border: 1px solid rgba(255, 255, 255, .2);border-radius: 50%;margin-right: 20px;}

.footer .flt .dh .tt{color: #999;margin-bottom: 10px;}

.footer .flt .dz{color: #999;margin-top: 15px;}

.footer .frt{float: right;}

.footer .frt li{float: left;}

.footer .frt li a{display: block;color: #999;position: relative;left: 0;margin-left: 80px;margin-bottom: 15px;}

.footer .frt li a:nth-child(1){color: #fff;margin-bottom: 25px;}

.footer .frt li a:hover{left: -5px;color: #fff;}

.footer2{background: #222;position: relative;z-index: 3;border-top: 1px solid rgba(255, 255, 255, .2);padding: 40px 0;}

.footer2 .flt{float: left;}

.footer2 .flt a{display: block;float: left;color: #999;margin-right: 38px;}

.footer2 .flt a:hover{color: #fff;}

.footer2 .frt{float: right;}

.footer2 .frt .alt{color: #999;float: left;}

.footer2 .frt .beian{float: left;color: #999;margin: 0 170px 0 10px;}

.footer2 .frt .art{color: #999;float: right;}

.footer2 .frt .art a{color: #999;}

.top_fh{display: block;width: 50px;height: 50px;position: fixed;right: -50px;bottom: 150px;z-index: 5;background: #123b97 url(../images/in1_7.png) center no-repeat;border-radius: 50%;cursor: pointer;transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}


.top_fh:hover{background: #1855de url(../images/in1_7.png) center no-repeat;}

.top_fh.act{right: 50px;}

.banner_gw{position: relative;}

.banner_gw{}

.banner_gw img{display: block;width: 100%;}

.banner_gw .mimg{display: none;}

.banner_gw .bax{position: absolute;width: 100%;top: 55%;transform: translateY(-50%);-webkit-transform: translateY(-50%); left: 0;z-index: 2;color: #fff;}

.banner_gw .bax .tt{font-size: 60px;}

.banner_gw .bax .tc{margin: 30px 0 60px;}

.banner_gw .bax .more{display: block;width: 150px;height: 40px;line-height: 40px ;padding: 0 15px 0 25px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, .3); text-align: justify; color: #fff;position: relative; overflow: hidden;z-index: 3;}

.banner_gw .bax .more span{display: block;width: 20px;height: 20px;background: url(../images/jtt.png) center no-repeat;position: absolute;top: 10px;right: 15px;}

.banner_gw .bax .more:hover{background: #123b97; color: #fff;border: 1px solid #123b97;}

.banner_gw .bax .more:hover span{background: url(../images/jtl.png) center no-repeat;}

.nav{position: relative;width: 100%;height: 60px;z-index: 7;}

.nav .nvx{position: absolute;width: 100%;height: 60px;top: 0;left: 0;z-index: 2;background: #fff;line-height: 60px;border-bottom: 1px solid #f2f2f2;}

.nav .nvx a{display: block;float: left;margin-right: 50px;position: relative;color: #666;}

.nav .nvx a s{display: block;position: absolute;width: 0%;height: 2px;background: #123b97;left: 0;bottom: 0;}

.nav .nvx a.act,.nav .nvx a:hover{color: #000;}

.nav .nvx a.act s{width: 100%;}

.nav .nvx.act{position: fixed;}

.nav .nvx.act2{position: fixed;top: 100px;}

.pd100{padding: 100px 0;}

.pd80{padding: 80px 0;}



.m_head,.m_nav{display: none;}



@media(max-width:1440px){

  .f_12{ font-size:12px; }

  .f_16{ font-size:14px; }

  .f_18{ font-size:16px; }

  .f_20{ font-size:18px; }

  .f_22{font-size: 20px;}

  .f_24{ font-size:22px; }

  .f_26{ font-size:24px; }

  .f_28{ font-size:26px; }

  .f_30{ font-size:28px; }

  .f_32{ font-size:30px; }

  .f_34{ font-size:30px; }

  .f_36{ font-size:30px; }

  .f_38{ font-size:30px; }

  .f_40{font-size: 32px;}

  .f_48{font-size: 34px;}


  










}


@media(max-width:1366px){

}


@media(max-width:1280px){

}

@media(max-width:1030px){

  .a_dw{position: relative;top: -50px;}
  
  body{min-width: 200px;padding-top: 50px;}

  .m_head {display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: rgba(255,255,255,1);border-bottom: 1px solid #eee;}
  
  .m_head .mlt{display: block;float: left;}

  .m_head .mlt img{display: block;height: 30px;margin-top: 10px;}

  .m_head .img{width: 50px;float: right;}

  .m_head .img img{display: block;width: 100%;}

  .m_nav{font-family: Microsoft Yahei; display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}

  .m_nav.act{right: 0;}

  .m_out{ width: 15%;float: left; }
  
  .m_out img{display: block;width: 100%;} 

  .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: #fff;top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;}

  .m_nav.act{right: 0;}

  .m_out{ width: 50px;float: right; max-width: 50px;margin-right: 3%;}
  
  .m_out img{display: block;width: 100%;}  

  .wow{opacity: 1;}

  .m_navbox{width: 100%;box-sizing: border-box;float: right;background: #fff;height: calc(100% - 80px);box-sizing: border-box;padding: 20px 0 ;overflow: auto; box-sizing: border-box;}

  .m_navbox div,.m_navbox a{color: #666;display: block;}

  .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;}

  .m_navbox div,.m_navbox a.ltp{font-size: 18px;line-height: 30px;padding: 10px 0;display: block;}

  .m_navbox li>div:nth-child(1) ,.m_navbox a.ltp{padding: 10px 30px 10px  50px;position: relative;}

  .m_navbox li>div:nth-child(1):after,.m_navbox a.ltp:after{content: '';display: block;width: 5px;height: 20px;background: #123b97;position: absolute;top: 50%;margin-top: -10px;left: 30px;} 

  .m_navbox li>div:nth-child(1){background: url(../images/plus.png)  95% center  no-repeat ;background-size: 16px;}

  .m_navbox li.act>div:nth-child(1){background: url(../images/reduce.jpg) 95%  center  no-repeat;}

  .m_navbox div.lbt{padding: 5px 50px;display: none;border-bottom: 1px solid #123b97;}

  .m_navbox li.act>div:nth-child(1){color: #123b97;}

  .m_navbox li.act>div:nth-child(1):after{background:#123b97; }

  .m_navbox .lange{text-align: center;}

  .m_navbox .lange a{display: inline-block;margin: 0 10px;}

  .m_navbox li.lang {padding: 10px;}

  .m_navbox li.lang > a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;}

  .m_navbox li.se{padding:10px 30px ;}

  .m_navbox li.se input{display: block;width: calc(100% - 40px);float: left;display: block;height: 40px;border:none;outline: none;padding: 0 10px;border-bottom: 1px solid #ddd;}

  .m_navbox li.se a{display: block;width: 40px;float: right;padding: 0;}

  .m_navbox li.se a img{display: block;width: 20px;margin: 10px;}

  .m_head .mrt {width: 50px;height: 50px;background: url(../images/ss.png) center no-repeat;background-size: 20px;display: block;float: right;}


  .box,.ibox{padding: 0 5%;min-width: 200px;width: 100%;}  

  .head{display: none;}

  .pd110,.pd80,.pd100{padding: 50px 0;}

  .footer{display: none;}

  .footer2{padding: 20px 0;}

  .footer2 .flt,.footer2 .frt{width: 100%;float: none;text-align: center;}

  .footer2 .flt a{display: inline-block;margin: 0 5px;float: none;}

  .footer2 .frt .alt,.footer2 .frt .beian,.footer2 .frt .art{display: inline-block; float: none;margin: 0 5px;}

  .footer2 .frt .art a{display: inline-block;width: auto;}

  .footer2 .frt{margin-top: 10px;}

  .nav{display: none;}

  .banner_gw .bax .tt{font-size: 40px;}

  


}


@media(max-width:960px){

  .f_12{ font-size:12px; }

  .f_16{ font-size:14px; }

  .f_18{ font-size:16px; }

  .f_20{ font-size:18px; }

  .f_22{font-size: 18px;}

  .f_24{ font-size:18px; }

  .f_26{ font-size:20px; }

  .f_28{ font-size:24px; }

  .f_30{ font-size:24px; }

  .f_32{ font-size:24px; }

  .f_34{ font-size:24px; }

  .f_36{ font-size:24px; }

  .f_38{ font-size:26px; }

  .f_40{font-size: 26px;}

  .f_48{font-size: 26px;}

  .f_48{ font-size:26px; }

  .banner_gw .mimg{display: block;}

  .banner_gw .pimg{display: none;}

  .banner_gw .bax .tc{margin: 20px 0;line-height: 1.5;}

  .banner_gw .bax .tt{font-size: 30px;}

  .pd110, .pd80, .pd100{padding: 30px 0;}

  .a_dw{top: -50px;}
  
  .footer2 .frt > .alt{margin-bottom: 10px;}

  .page1{display: none;}
  .page2{display: block;}
  .z_tanchuang .tbox .modal {
    padding: 10px;
}
.z_tanchuang .tbox .modal .out {
  width: 30px;
    height: 30px;
    top: -50px;
    right: -2px;
}
.m_nav .m_navbox li.ss_inp{
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 0 30px;
  margin-top: 15px;
}
.m_nav .m_navbox li.ss_inp input{
  width: calc(100% - 85px);
  height: 100%;
  padding-left: 10px;
  border: 1px solid #999;
  outline: none;
}
.m_nav .m_navbox li.ss_inp .ss{
  width: 65px;
  height: 100%;
  line-height: 30px;
  text-align: center;
  padding: 0;
  background-color: #123b97;
  color: #fff;
  border-radius: 3px;
}
}