@charset "utf-8";

*{margin:0; padding:0;font-family: "Microsoft YaHei";box-sizing: border-box;}
div p{font-family: "Microsoft YaHei";}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
a {text-decoration: none;}
ul,li{list-style: none;}
img{display:inline-block;}
html{font-size:50px;}
body{font-size:24px;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;   }
@media screen and (min-width:320px){
    html{font-size:21.333333333333332px;}
    body{font-size:12px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:360px){
    html{font-size:24px;}
    body{font-size:12px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:375px){
    html{font-size:25px;}
    body{font-size:12px;}
    .topnav{ margin-top:48px;}

}
@media screen and (min-width:384px){
    html{font-size:25.6px;}
    body{font-size:14px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:400px){
    html{font-size:26.666666666666668px;}
    body{font-size:14px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:414px){
    html{font-size:27.6px;}
    body{font-size:14px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:424px){
    html{font-size:28.266666666666667px;}
    body{font-size:14px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:480px){
    html{font-size:32px;}
    body{font-size:15.36px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:540px){
    html{font-size:36px;}
    body{font-size:17.28px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:720px){
    html{font-size:36px;}
    body{font-size:23.04px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:750px){
   html{font-size:36px;}
    body{font-size:23.04px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:768px){
    html{font-size:36px;}
    body{font-size:23.04px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:800px){
    html{font-size:36px;}
    body{font-size:23.04px;}
    .topnav{ margin-top:48px;}
}
@media screen and (min-width:1024px){
    html{font-size:36px;}
    body{font-size:18.04px;}
    .topnav{ margin-top:0px;}
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    clear: both;
}
.padding0{padding: 0px;}
header{width:100%;}
.topbar{ padding: 0rem;}
.logo{margin:.4rem 0rem;}
.thp{ padding: 1rem 0rem 0rem 0rem;}
.thp a{ color: #111; font-size: .5rem; text-decoration: none;}
.thp a p{background: url(../images/thp1.png) no-repeat left center ; padding-left:45px; line-height:middle; font-size:24px; margin-left:50px; color:#0064af;  font-weight: bold; }
.thp a p:hover{color: #0064af; background: url(../images/thp1.png) no-repeat left center;  font-size: 26px; }
.thp a:hover  p{transition:all .2s ease;}
.headbto{width:100%; background: #0064af; border-bottom: 1px solid #fff; }
.headbto1{width:100%;background: #0064af; position: fixed;position: fixed;left: 0;right: 0;top: 0;box-shadow: 0 0 25px rgba(0,0,0,0.1); z-index: 9999}
.navbar1{}
.navbar1 ul{min-height: 66px; margin: 0px;}
.navbar1 ul li{ float: left; height: 100%; padding: 0px 27px;}
.navbar1 ul li a{color: #fff; font-size: 18px;  text-decoration: none; padding: 0px .34rem; line-height: 66px; float: left; display: block; }

@media (min-width: 970px) and (max-width: 1024px) { .navbar1 ul li a{color: #fff; font-size: .5rem;  text-decoration: none; padding: 0px 0rem; line-height: 66px; float: left; display: block; } }

.navbar1 ul li a:hover{background: #00508c; height: 100%; height: 66px;}
.menu-toggle{height: 32px;position: absolute;right: 15px;top: 8px;line-height: 32px;color: #fff;cursor: pointer; font-size: .66rem;}
.show-xs-block{display: block !important}
.menu-toggle em{display: inline-block;width: 20px;height: 2px;position: relative;margin: 0 0 0 6px;vertical-align: middle;background: #fff;}
.menu-toggle em:before, .menu-toggle em:after{content: '';display: block;width: 100%;height: 2px;background: #fff;position: absolute;left: 0;}
.menu-toggle em:before {top: -8px;}
.menu-toggle em:after {top: 8px;}
.menu-toggle.show-menu em {background: transparent;}
.menu-toggle.show-menu em:before {transform: rotate(45deg);top: 0;}
.menu-toggle.show-menu em:after {transform: rotate(-45deg);top: 0;}
@media (max-width: 767px){.show-xs-block {
    display: block !important;
}}
@media (max-width: 767px){
    .mobile_mark.show-mark {
    display: block;}
}


@media (max-width: 767px){.mobile_mark {width: 100%;height: 20000px;background: rgba(0,0,0,0.2);position: fixed;left: 0;top: 0;z-index: 98;display: none;
}}
.mobnav{ background: #fff; padding-top:16px;padding-bottom:16px;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    box-shadow: 0 0 2px rgba(17,17,17,0.15);}
.mobnav ul{}
.mobnav ul li{margin: 5px 0px;}
.mobnav ul li a{ color: #525252; font-size: .45rem;}
.mobnav ul li a.a1{ color:  #0064af; }

.show-xs-block, .hidden {display: none !important; }

.aboutl ,.aboutr { margin:.0rem 0rem 0rem 0rem;}
.title1{color: #0064af; font-size: 24px; font-weight: bold;}
.aboutl a{ text-decoration: none; color: #111; }
.title1 span{ color: #999; font-size: 12px; text-transform:uppercase; font-weight: 300}
.aboutl p{ font-size: .4449rem; margin:.2rem 0rem .3rem 0rem; padding: 0px; line-height:.85rem;color: #111; text-indent: 2em; text-align: justify;  }
.aboutl .cpbox1{margin-top:.3rem; clear: both;  }
.jjnav{margin:0rem 0rem 1rem 0rem; float: right; padding-right: 15px;}
.jjnav ul{ }
.jjnav ul li{ float: left;}
.jjnav ul li a{ color: #111; font-size: 16px; text-decoration: none; padding: 0px .12rem;  }
.jjnav ul li a:hover{color: #fff; background: #0064af}
.jjnav ul li span{ display: inline-block; width: 10px; text-align: center; color: #ddd; float: left; font-size: .3rem ; margin-top: .195rem;}
.qbox{width:100%;  background: #f8f8f8; margin-top:.5rem;}
.title2{margin:.5rem 0rem 0rem 0rem; text-align: center;  padding-bottom:20px; }
.title2 p{line-height: 1.129rem;color: #0064af; font-size: .6669rem; font-weight: bold; margin: 0px;}
.line1{ height: 1px;  width: 100%; line-height: 1px; background: #e0e0e0; margin-top: 15px;}
.title2 span{ color: #999; font-size: 12px; text-transform:uppercase; display: block; font-weight: 300; line-height: 20px;}
.cplist{width:100%;position: relative;}
.cplist ul{  }
.cpbox{padding:0px; margin:0px;}
.cplist a{ color: #111; font-size: 14px; text-decoration: none; text-align: center;background: #e0e0e0;   }
.cplist a img{background: #e0e0e0; padding: 10px}
.cplist a p{ padding: 10px 0px; margin-bottom: 0px;background: #e0e0e0; font-size: .4449rem;}
.cplist a:hover{background: #0064af;}
.cplist a:hover img{background: #0064af; }
.cplist a:hover p{ background: #0064af; color: #fff; font-size: 16px;}

.zw {margin: 0px -15px 10px -15px;}
.ad1{width: 100%; height: auto;}

.footabo{background: #fff; width: 100%; height:auto;  background: url(../images/footbg.jpg) repeat-y center center; }
.fanei{}
.fanei ul{padding: 20px 20px; text-align: center;}
.fanei ul li{float: left; padding: 10px 0px; margin:0px 23px; }
@media (max-width: 767px){.fanei ul li{float: left; padding: 10px 20px; margin:0px 0px; text-align: center; }}

.fanei a{color: #fff; float: left; font-size: .4449rem;}
.footabo p{ color: #fff; font-size: 0.4rem; line-height: 32px;  padding-right: 0px; }
.footmid{ margin-top:20px; margin-bottom: 10px;}
.foobto{  width: 100%; text-align: center; color: #fff; font-size: 14px; line-height: 26.6px; padding:.3rem 0px .2rem 0px; border-top: 1px solid rgba(255,255,255,0.2);}