@charset "utf-8";

a,
a:hover{text-decoration: none !important;color: #fff;}
a:focus{outline: none}
a{color:#b7b7b7;transition: all .4s;line-height: 2; font-size:15px;}
header{width: 100%;height: 90px;}

.navbar{margin-bottom: 0px;min-height: 90px;transition: all .7s;position: fixed;background: rgb() !important;width: 100%;/* background: rgb(0,36,82);*/z-index: 9999;border: 0px;/* border:1px solid red;*/}
.navbar-default{top: 0px;padding: 0 5%}
.navbar:hover{}
.nav li{float: left;}
.nav>li>.nav_case{width: 100%;overflow: hidden;}
.nav>li>.nav_case a{display: block;font-size: 14px;font-weight: 500;line-height: 90px;background: none;padding: 0px 15px;}
.hid_menu{display: none;}
ul.sub_menu_style{display: none;position: absolute;background: rgb(0,36,82);width:150px;padding-bottom: 10px;/* border:1px solid rebeccapurple;*/}
ul.sub_menu_style li{position: relative;width: 150px;text-align: left;display: block;}
ul.sub_menu_style li a{display: block;margin: 0px 0px;padding: 15px 20px 15px 20px;text-decoration: none;font-size: 14px;/* color: red;*/font-weight: normal;background: none;}
ul.sub_menu_style li ul{position: absolute;left: 150px;top: 0px;float: none;background: rgb(0,36,82);display: none;}
ul.sub_menu_style li ul>li{float: none;}
.m_language{position: absolute;bottom:10px;right:24px;display: none}
.m_language a.active{color: #fff;font-size: 18px;margin: 0 8px;}


.Blank_bg{background: #02599c}

/*底部*/
.g-ft{padding:4rem 0 6.4rem; position:relative;z-index:11;font-size: 1.2rem;line-height:2.4rem;color:#b1b4b8;margin:0 auto;background:#002452;z-index: 2;}
.g-ft:before{ content:""; position:absolute; bottom:0; right:0; width:100%; height:18.5rem; background:#002452;z-index:-1;}
.f_nav,.f_adress{margin: 0 6% 1.5rem;border-bottom: 1px solid #5d7491;padding-bottom:2.5rem;}
.f_adress{margin-bottom:1.7rem;padding-bottom:1rem;font-size: 1rem;line-height:1.4rem;}
.g-ft h3{font-size:15px;line-height: 3.4rem;height:4.3rem;color: #fff;}
.f_nav1{float: left;width:38%;}
/*.f_nav .f_nav1:nth-child(1){width: 47%;}*/
.f_nav .f_nav1:nth-child(3){width:24%;}
.f_nav1 a,.f_nav1 p a{display: block;color: #b1b4b8; font-size:14px;}
.f_adress li span{float: right;color: #fff;}
.f_con{padding:0rem 5.33%;text-align: center;height:11rem;position: relative;}
.f_pho{position: absolute;width: 50%;left: 25%;top:0.6rem;background: url(../images/f_pho.png) no-repeat center 0;background-size:2.2rem 2.2rem;padding: 2.5rem 0 0;font-size: 0.9rem;line-height: 1.3rem;}
.f_pho b{display: block;color: #fff;font-size:2rem; height:3rem;}
.f_wz{display: block;height: 9.45rem;line-height: 3.4rem;text-align: left;font-size: 0.9rem;}
.f_wz span{float: right;}

.ontop{display: block;height:3rem;line-height: 3rem;font-size: 1.1rem;color: #fff;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-animation: bounceY 2s infinite;
	-moz-animation: bounceY 2s infinite;
	-o-animation: bounceY 2s infinite;
	-ms-animation: bounceY 2s infinite;
	animation: bounceY 2s infinite;}
.ontop span{display:inline-block;background: url(../images/ontop.png) no-repeat right center;background-size:1.5rem 0.9rem;padding: 0 3.2rem 0 0;color: #fff;}
.g-ft a{color: #b1b4b8 ; font-size:12px;}
.g-ft{ font-size:12px;}
.fnav{ position:fixed; bottom:0; min-width:320px; max-width:750px; width:100%; height:4.25rem; background:#e7e7e7;z-index:12;line-height:4.25rem;text-align: left;border-top: 0px solid #d7d7d7;border-bottom: 0px solid #d7d7d7;overflow: hidden;}
.fnav li{ width:25%; float:left; height:4.25rem;position: relative;font-size: 1.3rem;}
.fnav li a{color: #333;display: inline-block; font-size:15px;}
.fnav li:hover,.fnav li.cur{background: url(../images/f_navbg.png) no-repeat center;background-size:9.4rem 4.2rem;}
.fnav li:hover a,.fnav li a:hover,.fnav li.cur a{color: #fff;}
.fnav li em{ display:block;float: left; width:2rem;margin:5px 0.5rem 0 2.35rem;height: 2.05rem;}
/*.fnav li:nth-child(2) em{margin:1rem 0.5rem 0 1rem}*/
.fnav li em img{ display:block; width:100%;}
.fnav li:hover em img,.fnav li a:hover em img,.fnav li.cur em img{margin-top:-4.55rem;} 
/*底部结束*/



@-moz-keyframes bounceY {
  0%,
  100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -moz-transform: translateY(-0.5rem);
      transform: translateY(-0.5rem);
  }
}

@-o-keyframes bounceY {
  0%,
  100% {
      -o-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -o-transform: translateY(-0.5rem);
      transform: translateY(-0.5rem);
  }
}

@keyframes bounceY {
  0%,
  100% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-0.5rem);
  }
}


html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}

.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


@media (max-width: 768px){header{width: 100%;height: 50px;}
.navbar{margin-bottom: 0px;min-height: 50px;position: fixed;width: 100%;z-index: 9999;border: 0px;overflow-x: hidden;overflow-y: auto;}
ul.nav{width: 100%; padding:0 8%; padding-top:20px; padding-bottom:92px; box-sizing: border-box;}
.container-fluid{padding-right: 0!important;padding-left: 0!important;}
.navbar-header{width: 100%;float: none;margin-right: 0!important;margin-left: 0!important;}
.navbar-nav{width: 100%;}
.navbar-collapse{overflow-x: visible;-webkit-overflow-scrolling: touch;border: 0px;-webkit-box-shadow: none;box-shadow: none;}
.navbar-toggle .icon-bar{width: 22px;height: 2px;margin-bottom: 4px;background: #b7b7b7!important;}
.navbar-brand{float: none;}
.navbar-brand img{width:106px;height: 36px;margin: 10px 0;}
.navbar-toggle{position: relative;display: block;margin-right:0px;margin-bottom: 0;margin-top:32px;border: none;background: none;}
.navbar-toggle img{display: none;position: absolute;top: 6px;right: 14px;width: 18px;height: 18px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;}
.nav li{float: none;width: 100%;height: auto;line-height: 40px;position: relative;}
.nav>li>.nav_case{box-sizing: border-box;width: 100%;overflow: hidden;border-bottom: 1px solid #0973c4;}
.navbar-nav>li>.nav_case>a{display: block;float: left;width: 100%;height:50px;font-size:15px;line-height:50px; color:#fff;}
.nav_case>a h4{}
.nav li.acitve>.border_bottom{display: none;}
.hid_btns{display: block;position: absolute;top:2px;right: -7px;padding:20px 20px 20px 20%;width:31.5%;height:50px;cursor: pointer;}
.hid_icons{display: block;width: 60%;height: 60%;background: url(../images/arrow.png) no-repeat center;background-size: 100%;transition: all 0.5s ease-in-out;}
.hid_menu{display: none;width: 100%;background: rgb(4,101,175);}
.hid_menu>a{display: block;margin-left: 7.6%;line-height:46px;}
.hid_menu>.nav_case>a{display: block;margin-left: 7.6%;}
.hid_menu a.has_sub_menu{background: url(../images/arrow.png) no-repeat 94% center;background-size: auto 15%;}
.hid_menu a span.arrow_down{float: right;width:21%;height: 38px;margin-top: 4px;margin-right:7px;background: url(../images/arrow.png) no-repeat 85%;background-size: 12%;box-sizing: border-box;/* border:1px solid green;*/}
.hid_menu h4{height: 2rem;color:#b7b7b7;position: relative; font-size:15px;line-height: 2rem;display: inline-block;width: 60%;/* border:1px solid red;*//* padding: 25px 40px;*/text-transform: capitalize;}
.sub_small_ul{display: none;margin-left: 14.0%;}
.sub_small_ul>li>a{font-size:15px;color:#b7b7b7;}