.top_bgy{ height:5.7rem; }
.top_bg{ height:5.7rem; width:100%;position: fixed;
    z-index: 99; top:0;}
.top_main{width: 87.5%;margin: 0 auto;}
.h_cn{position:absolute;top:0;right:0;height:1rem;line-height:1rem;z-index:10;padding:0.5rem 0;}
.h_cn:before{content: "";width: 1px;height: 0.8rem;background: #333;position: absolute;top: 0.6rem;left: 3.4rem;
    -webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);

}

.h_cn a{ font-size:0.7rem; color:#333;display:block;float:left;padding:0 0 0 1rem;}
.h_cn a:first-child{background: url(../images/t_cn.png) no-repeat 0 center;background-size: 1rem 1rem;padding:0 0.5rem 0 1.3rem;}
.top_bg .h_nav li:hover a {
}
.search{width: 1.1rem;height: 1.1rem;cursor:pointer;position: relative;margin-top: 2.5rem;line-height: 0;}
.search .sea_icon img{width: 1.1rem;height: 1.1rem;}
.search .sea_icon:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.sea_box{position: absolute;width: 13.5rem;right: 0;top:2rem;z-index: 100;display: none;}
.sea_box input {float: left;font-size: 0.7rem;}
.sea_box input.txt {width: 10rem;padding: 0 0 0 0.5rem;line-height: 2rem;height: 2rem;border: 0.1rem solid #004782;box-sizing: border-box;}
.sea_box input.btn {width: 3.5rem;background-color: #004782;color: #fff;cursor: pointer;height: 2rem;border: none;}
input::-webkit-input-placeholder {color: #666;}
.logo{width: 20%;line-height: 0;padding: 1.4rem 0 0;}
.logo img{ width:13.3rem; height:2.8rem;}

.logo img.yes{display:block;}
.logo img.no{display:none;}
.h_nav{ height:5.7rem; line-height:6.2rem;overflow: hidden;padding-right: 1.5rem;}
.h_nav li{height: 5.7rem; float:left;position: relative;margin-left: -1px;}
.h_nav li:before{content: "";width: 1px;height: 0.7rem;background: #ccc;position: absolute;top: calc(50% - 0.3rem);right: 0;}
.h_nav li a{ font-size:1rem; color:#333; padding:0 1.56rem;display:block; float:left;height: 5.7rem;}
.h_nav li a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0px;
  border-bottom: #004782 3px solid;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before,.h_nav li.cur a:before {
  width: 100%;
}
.h_nav li.cur a,.h_nav li a:hover{}
.h_nav li.nobor:before{background: none;}
.top_bg {
    background: #fff;
}

.top_bg img.yes {
    display: none;
}

.top_bg img.no {
    display: block;
}

.top_bg .h_nav li a {
    color: #333;
}
em,i{font-style: normal;}



.procolumn {
    position: absolute;
    top: 5.7rem;
    width: 100%;
    left: 0px;
    background: #fff;
    border-top: 1px solid #ccc;
    display: none;
}
.procolumn.cur{ display:block;}

.procolumn {}

.procolumn .pronav {
    float: right;
    width: 48%;
}

.procolumn .procc1 {
    float: left;
    width: 34%;
    border-right: 1px solid #ccc;
    padding: 2rem  0 2rem 0;
}

.promain {
    padding: 2rem 0 2rem 5%;
    float: left;
    width:58%;
}

.procolumn .procc1 h2 {
    font-size: 0.9rem;
    display: block;
    padding-bottom: 0.86rem;
    cursor: pointer;
    color: #00447b;
    font-weight: bold;
}

.procolumn .procc1 h4 {}

.procolumn .procc1 h4 a {
    color: #5f5d5d;
    font-weight: normal;
    display: inline-block;
    position: relative;
    padding-right: 1rem;
    margin-bottom: 0.2rem;
    line-height: 2rem;
}

.procolumn .procc1 h4 a:after {
    content: ">";
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.prolists { display:none;}
.prolists.cur { display:block;}
.procolumn  .prolists a {
    display: inline-block;
    margin-bottom: 0.4rem;
    font-size: 0.8rem;
}
.prolists ul {
    float: left;
        padding-right: 7%;
}

.procolumn .prolists b a {
    color: #00447b;
    font-weight: normal;
}

.procolumn .procc1 h4 a:hover,.procolumn .procc1 h4.cur a{color:#00447b;}
.procolumn .prolists a:hover {color:#00447b;} 
.procolumn .prolists b a em {
    font-size: 0.6rem;
}


/*****底部*****/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}
.footss {
    background: #316a96;
}

.footss {
    padding: 5rem 0 7rem 0;
}

.footss .flogo {
    display: block;
    width: 20%;
}

.footss .flogo img {
    width: 100%;
    margin-left: -5%;
}

.footss ul.main-menu {
    color: #fff;
    font-size: 1.3rem;
}
.footss ul.main-menu a em{ font-size:0.8rem;}
.footss ul.main-menu a{ color:#fff; font-size:1rem;}
.footss ul.main-menu ul.sub-menu li {
    display: block;
    opacity: 0.6;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: normal;
}

.footss ul.main-menu>li {
    float: left;
    width: 12%;
    margin-right: 8%;
}

.footss ul.main-menu>li:nth-child(1) {
    width: 16%;
    margin-right: 0px;
}
.footss ul.main-menu>li:nth-child(2) {
    width: 27%;
    margin-right: 0px;
}
.footss ul.main-menu>li:nth-child(3) {
    width: 29%;
    margin-right: 0px;
}
.footss ul.main-menu>li:nth-child(4) {
    width: 19%;
    margin-right: 0%;
}
.footss ul.main-menu>li:nth-child(5) {
    width: 6%;
    margin-right: 0px;
    float: right;
}
.footss ul.main-menu>li:nth-child(6) {
    width: 8%;
    margin-right: 0px;
    float: right;
}

.footss nav {
    margin-top: 3rem;
 font-size: 1.33rem;
}

.footss ul.main-menu>li h3 {
    display: block;
    margin-bottom: 3rem;
    font-weight: normal;
    font-size: 1.33rem;
}
.footss ul.main-menu>li h3 a{
     font-size: 1.2rem; 
}
.qr-code {
    text-align: right;
}

.qr-code img {
    width: 4.8%;
}

.ftbqq {
    color: #fff;
    text-align: left;
    font-size: 1rem;
     opacity: 0.8;

}
   .ftbqq   b{  padding-right: 2.2rem;}

.ftbqq a {
    color: #fff;
    opacity: 0.8;
    font-size: 1rem;
}

.ftbqq p {
    display: inline-block;
    padding-right: 1rem;
        padding: 0 0 0 30px;
         padding-right: 2.2rem;
    background: url(../images/f_icp.png) no-repeat 0 center;
}



@charset "utf-8";html {
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch
}

body, html {
    font-size: calc(100vw / 120);
}


body {
    margin: 0;
    font-family: "Arial";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}


.contents,.content {
    padding: 0 16.25rem;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
@media (max-width:768px){
.procolumn .pronav {
    width: 100%;
}
.procolumn {

    top: 10.7rem;

}
}