:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box}
*:focus{outline: inherit}
html{-webkit-tap-highlight-color: transparent}
body{overflow-x: hidden;color: #333;font-size: 14px;-webkit-overflow-scrolling: touch}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,td,th{margin: 0;padding: 0;border: 0}
li,ol,ul{margin: 0;padding: 0;list-style-type: none}

table{border-collapse: collapse;border-spacing: 0}
a{color: inherit;outline: none;text-decoration: none;background: transparent}
a:hover{color: #00a0e9}
a,em,i,span{display: inline-block}
b,em,i{font-style: normal}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 14px}
button{padding: 0}
button,input,optgroup,select,textarea{outline: 0;border: 0;vertical-align: middle;font-family: 'Microsoft Yahei'}
input[type=radio],input[type=checkbox]{vertical-align: -2px}
button,html input[type=button],input[type=reset],input[type=submit],input[type=text]{outline: 0;border: 0;border-radius: 0;cursor: pointer;-webkit-appearance: button}
textarea{resize: none;font-size: 14px}
textarea,.select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none}
.select::-ms-expand{display: none}
.clearfix::after,.mauto::after,.row::after,.hsms::after{display: table;content: ""}
.clearfix:after,.mauto:after,.row:after,.hsms:after,.clear{clear: both}

/* 图片缩放 */
.img-scale{overflow: hidde;}
.img-scale img {transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.img-scale:hover img {transform: scale(1.1);-webkit-transform: scale(1.1)}

.fl{float:left}
.fr{float:right;}
.width_1200{max-width:1200px;margin:0 auto;}
.flex{display:flex}
.rel{position:relative}
.abs{position:absolute}

/* 手机头部 */
.mob-nav{ display:none; width:40px; height:40px; margin-top:5px; border-radius:50%; margin-left:10px; background-size:auto 40%; position:relative;right:0px;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#000; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#000; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#000; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}

/* 分享 */
.qrcode_mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 1999;
  }
  .qrcode{
      width:180px;
      padding:20px;
      position: fixed;
    z-index: 2000;
      left:50%;
      top:50%;
      margin-left:-120px;
      margin-top:-140px;
      background: #fff;
      z-index: 100000;
    font-size: 14px;
    text-align: center;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  .qrcode img{
      max-width: 100%;
      max-height:100%;
  }
  .qrcode p{margin: 10px 0;}
  .weixin_close{
      background: #0058A7;
      display: inline-block;
      width:100%;
      height:30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
      text-decoration: none
  }



/* 页码 */
.page{justify-content:center;padding:20px 0 62px 0;}
.page a{display:block; padding:10px 15px;background:#fff;margin-right:5px;border:1px solid #c3c3c3}
.page .current,.page a:hover{color:#fff;background:#0160ae;border:1px solid #0160ae;}

/* 搜索框 */

.search_box01{top:93px;z-index:999;width:100%; display:none;}
.search_box{background:#fff;height:80px;padding:15px;justify-content:center;}
.search_box input{width:80%;border-bottom:1px solid #c3c0c0;font-size:18px}
.search_box_tit a{background:url(../images/header_seacher_icon.png) no-repeat center;display:block;width:100px;height:100%}

/* 视频弹窗 */
.fix-wrap {display:none;z-index:999;position:fixed;background:rgba(0, 0, 0, 0.8)}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.dt {display:table;table-layout:fixed}
.wh1 {width:100%;height:100%}
.dtcell {display:table-cell;vertical-align:middle;text-align:center;padding:30px}
.dtcell img{max-width:100%;object-fit:contain;}
.fix-video .video-wrap {min-width:55%;max-width:55%;margin:0 auto}
.fix-video video {width:100%;height:100%;padding:10px;border-radius:5px;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);background:#2d2d2d;object-fit:cover;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-wrap .hide01,.fix-wrap circle{transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide01 {position:fixed;top:5%;right:5%;width:49px;height:49px;border-radius:50%;cursor:pointer;overflow:hidden;background:transparent}
.fix-wrap .hide01:hover {transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.fix-wrap .hide01::before, .fix-wrap .hide01::after{z-index:1;position:absolute;content:"";top:50%;left:50%;width:1px;height:50%;margin-top:-25%;background:#fff}
.fix-wrap .hide01::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide01::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap svg {position:absolute}
.fix-wrap,.fix-wrap svg {top:0;left:0;width:100%;height:100%}
.fix-wrap circle {stroke-dasharray:0 145}
.fix-wrap .hide01:hover circle {fill:none;stroke-dasharray:145}

.space_between{justify-content:space-between;}
.align_items{align-items: center;}
/* 头部 */
header{margin:0 auto;height:93px;position:fixed;z-index:999;width:100%;background:#fff;left: 0;box-shadow: 0 0 10px #eee;}
.top_nav > li{line-height:48px;position: relative;padding:0 0.7vw;}
.top_nav > li > a{display:block;font-size:18px;font-weight:bold;border-bottom:3px solid transparent;text-align:center;}
.top_nav > li.current > a,.top_nav > li > a:hover{border-bottom:3px solid #004d8c; color:#004d8c}
.nav_item{background:rgba(1, 96, 176, 0.6);width:117px; position:absolute;left:-10px;top:52px;display:none; z-index:9999;}
.nav_item   a{display:block;text-align:center;line-height:42px;color:#fff;}
.nav_item   a:hover{background:#0160ae;}
.top_nav  li:hover .nav_item{display:block}
.search{padding:0 1.8vw;;margin-top:3px}
.email a{display:block;background:url(../images/header_emlia_icon.png) no-repeat left center;padding-left:40px;font-size:16px}
.search{padding:0 1vw;;margin-top:3px}
.langue{padding-left:0.5vw; font-size:16px;font-weight:bold}
.langue i{padding:0 0.5vw}

/* 右边悬浮 */
.fix-side{z-index: 5;position: fixed;right:5px;bottom: 80px}
.fix-side .item{position: relative;width: 46px;height: 46px;margin-top: 2px}
.fix-side .item em,.fix-side .item .imgs{position: absolute;top: 0;right: 0px;width: 46px;height: 46px;line-height: 46px;color: #fff;white-space: nowrap;overflow: hidden;transition: all .8s;-webkit-transition: all .8s}
.fix-side .item em a,.fix-side .item .imgs a{color: #fff;display: block;}
.fix-side .item em i,.fix-side .item .imgs i{width: 125px;text-align: center;}
.fix-side .item .imgs img{height:100%;width:100%;}
.fix-side .item span{width: 46px;height: 46px}
.fix-side .item:hover em{width: 170px;height: 46px}
.fix-side .pic,.fix-side #gotop{height: 46px;width: 46px;cursor: pointer}
.fix-side .pic:hover .imgs{visibility: visible;opacity: 1;right: 100%}
.fix-side .pic .imgs{visibility: hidden;opacity: 0;z-index: -1;position: absolute;width: 100px;height: 100px;top: 0;right: -110%;background-color: #eee}
.fix-side #gotop{position: relative;transition: all .3s;-webkit-transition: all .3s;margin-top: 2px;}
.fix-side #gotop::after{position: absolute;content: '';top: 50%;left: 50%;padding: 7px;margin-top: 5px;border: solid #fff;border-width: 0 2px 2px 0;transform: translateX(-50%) translateY(-50%) rotate(-135deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg)}
.fix-side .item span,.fix-side .pic,#gotop{background-repeat: no-repeat;background-position: center}
.fix-side .item i,.fix-side .item span,.fix-side .pic,#gotop{background-color: #333;}
.fix-side .item:hover i,.fix-side .item:hover em span,.fix-side .pic:hover,#gotop:hover{background-color: #1273c5}
/* 手机的内页菜单 */
.main-nav-m01 {display:none;position: relative;z-index: 55;cursor: pointer}
.main-nav-m01 .title {position: relative;height: 45px;line-height: 45px;padding: 0 10px;background: #004b88}
.main-nav-m01 .title strong {color: #fff;font-size: 16px;font-weight: bold}
.main-nav-m01 .title i {position: absolute;content: '';width: 45px;height: 100%;right: 0}
.main-nav-m01 .title i::before, .main-nav-m01 .title i::after {position: absolute;top: 50%;content: '';width: 12px;height: 1px;background: #fff;transition: all .3s;-webkit-transition: all .3s}
.main-nav-m01 .title i::before {left: 46%;transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m01 .title i::after {right: 46%;transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m01 .title.active i::before {transform: rotate(-40deg) scaleY(1.5);-webkit-transform: rotate(-40deg) scaleY(1.5)}
.main-nav-m01 .title.active i::after {transform: rotate(40deg) scaleY(1.5);-webkit-transform: rotate(40deg) scaleY(1.5)}
.main-nav-m01 >ul {display: none;position: absolute;top: 45px;width: 100%;padding: 0 10px;background: rgba(0, 75, 136, 0.8);color: #fff}
.main-nav-m01 ul >li {animation: ReturnToNormal .5s both;-webkit-animation: ReturnToNormal .5s both}
.main-nav-m01 ul >li >a {display: block;line-height: 45px;border-bottom: 1px solid rgba(255, 255, 255, 0.55)}
.m_sub_nav01{width:97%;display:none}
.m_sub_nav01 a{padding-left:20px;display:block;line-height:45px;}
.auto{height:100%;overflow: hidden}
/* 动画 */
.animation{visibility: hidden;opacity: 0}
.fadel, .fader, .fadeup, .fadez{visibility: visible}
.fadeup {animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
@keyframes slideInUp {
    from {transform: translate3d(0, 50%, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes fadeInUp {
    from {-webkit-transform: translate3d(0, 50%, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fadel {
    animation: slideInLeft ease-out .8s forwards;
    -webkit-animation: slideInLeft ease-out .8s forwards
}

@keyframes slideInLeft {
    from {transform: translate3d(-50%, 0, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes slideInLeft {
    from {-webkit-transform: translate3d(-50%, 0, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fader {
    animation: slideInRight ease-out .6s forwards;
    -webkit-animation: slideInRight ease-out .6s forwards
}

@keyframes slideInRight {
    from {transform: translate3d(50%, 0, 0)}
    to {opacity: 1;transform: none}
}

@-webkit-keyframes slideInRight {
    from {-webkit-transform: translate3d(50%, 0, 0)}
    to {opacity: 1;-webkit-transform: none}
}

.fadez {
    animation: zoomIn ease-out .6s forwards;
    -webkit-animation: zoomIn ease-out .6s forwards
}

@keyframes zoomIn {
    from {transform: scale3d(.3, .3, .3)}
    to {opacity: 1;transform: none}}

@-webkit-keyframes zoomIn {
    from {-webkit-transform: scale3d(.3, .3, .3)}
    to {opacity: 1;-webkit-transform: none}
}




/* 底部 */
.footer{background:url(../images/foot_bg01.jpg) no-repeat left top;padding-top:44px;background-size:100% 100%}
.footer_nav_box{border-right:1px solid #608cc0;}
.bt{margin-bottom:15px;font-weight:bold;color:#fff;}
.footer_nav{margin-bottom:20px}
.footer_nav_box{padding-right:3vw;margin-right:2vw;}
.footer_nav_box a{display:block;font-size:12px;line-height:24px;color:#fff}
.footer_nav{padding-left:6vw;}
.pro .jq{padding-right:3vw}
.bq{background:url(../images/foot_bg02.jpg) no-repeat left top #163185;padding:15px 0;text-align:center;color:#fff;}
.ewm_pic{height:132px;width:132px}
.ewm_pic img{height:100%;width:100%}
.ewm p{text-align:center;font-weight:bold;color:#fff;line-height:36px;font-weight:bold}



@media(max-width:1024px){
  .top_nav > li{padding:0 0.8vw}
  .mob-nav{display:block; right:2px}
  .m_nav{display:none;position:fixed;background:#fff;height:calc(100% - 70px);left: 0; width:100%; top:92px;z-index:999;}
  .email{padding-right:30px}

  .banner{padding-top:93px}
}

@media(max-width:768px){


  .top_nav{display:block}
  .top_nav > li{border-bottom:1px solid #f8f8f8;}
  .top_nav > li.current a,.top_nav > li > a:hover{border-bottom:none; color:#004d8c}
  .nav_item{background:#f7f5f5; position:static; z-index:9999;width:100%;}
  .nav_item  a{display:block;text-align:center;line-height:42px;color:#333;}
  .nav_item  a:hover{background:#0160ae;color:#fff !important;}
  .fix-side,.footer,.top_nav > li:hover .nav_item{display:none}


}

@media(max-width:500px){
  .page{padding-bottom:30px}
  header{height:70px}
  .m_nav{top:70px}
}