﻿/*重置标签*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none; }
input.hidefocus::-moz-focus-inner {border:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset,img{border:0;}
img{border: none; vertical-align: top;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
legend{color:#5A5A5A;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}

i,em{font-style:normal}
small{font-size:12px;display: block;}
body{ color:#000;font: 14px/1.75 "Microsoft YaHei" !important; background:#fff;overflow-x:hidden;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#1C50A2; text-decoration:none;}


.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.fl{ float: left;}
.fr{ float: right;}
.mt10{ margin-top: 10px;}
.mt30{ margin-top: 30px;}
.mt15{ margin-top: 15px;}
.m15{ margin-bottom: 15px;}
.mt20{ margin-top: 20px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.pl0{ padding-left: 0;}
.pr0{ padding-right: 0;}
.rel { position: relative;}
.abs { position: absolute;}
.pr20{padding-right:20px;}
.pl20{padding-left:20px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
/*清除浮动开始*/
.clear {clear:both;}
.clearfix:after {display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}
.bgfff{background:#fff;}
.bgf8f8f8{background:#f8f8f8;}
.bgf5{background:#f5f5f5;}
.srcollbar::-webkit-scrollbar {
 width: 8px;
}
.srcollbar::-webkit-scrollbar-track {
 background-color:#fff;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
}
.srcollbar::-webkit-scrollbar-thumb {
 background-color:#0092DB;
 -webkit-border-radius: 2em;
 -moz-border-radius: 2em;
 border-radius:2em;
 }
/*header*/
.header{height:135px;}
.header .fixed{position: fixed;background:#fff;width: 100%;z-index: 1000;box-shadow: 0 1px 5px rgba(0,0,0,0.2);}
.header .top{overflow:hidden;padding:10px 0;}
.header .hlogo{width: 350px;}
.header .hlogo img{width: 100%;height:auto;}
.header .map-search{height:45px;align-items: center;margin-top: 10px;}
.header .map-search .secsearch-t{width:308px;height:35px;line-height:35px;border:1px solid #eee;float:left;padding:0 10px;color:#aeb5bf;}
.header .map-search .secsearch-b{border:none;width:52px;height:35px;line-height:35px;background:#aeb5bf;color:#fff;float:left}
.header .menu{height:60px;background:#1C50A2;}
.navToggle{display:none}

.navbar_nav{display:flex;justify-content:center;align-items:center;  cursor: pointer;  }
.navbar_nav li {position: relative;}
.navbar_nav li .sub{display:block;width:153px;text-align: center;height:100%;line-height: 60px;text-decoration:none;font-size:16px;color:#fff;transition:.5s;position: relative;}
.navbar_nav li .sub:hover{color:#fff !important;font-weight: bold;font-size:16px;background:#0C4195;}
.navbar_nav li .sub:hover::before{background:#fff;}
/* .navbar_nav li.show .sub{color:#fff;font-weight: bold;font-size:16px;background:#0C4195;} */

.dropdown_menu{position:absolute;top:60px;left:0;z-index:222;display:none;padding:10px 0;width:100%;background:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.08)}
.dropdown_menu:before{position:absolute;top:-6px;left:50%;width:0;height:0;border-right:3px solid transparent;border-bottom:6px solid #fff;border-left:3px solid transparent;content:''}
.dropdown_menu li{text-align:center;font-size:14px;line-height:36px;transition:.5s}
.dropdown_menu li a{padding-bottom:5px;border-bottom:1px dashed #dcdcdc;font-style:inherit}
.dropdown_menu li:hover{color:#1c50a2;font-weight:700}
.navbar_nav li.on .dropdown_menu{display:block;}

.navbar_nav li:first-child .sub::before{left:32px;}
.navbar_nav li:nth-child(2) .sub::before{left:10px;}
          
.header .right{display: flex;align-items: center;height: 35px;margin-top: 10px;}
.header .right .date{color:#707070;font-size: 14px;margin: 0 10px;}
.header .right .bottom{display:flex;justify-content: space-around;}
.header .right .login{margin:1px 10px 0 0;line-height:20px;}
.header .right .login i{font-size:18px;margin-right:3px;vertical-align:middle;}
.language{display:flex;width:80px;height:22px;border:1px solid #aaa;border-radius:22px;justify-content:space-between}
.language:hover{border-color:#1c50a2}
.language .jt:hover{background:#1c50a2;color:#fff}
.language .ft:hover{background:#1c50a2;color:#fff}
.language .jt{margin-right:-1px;border-top-right-radius:11px;border-bottom-right-radius:11px;background:#aaa;color:#fff}
.language .ft{margin-left:-1px;border-bottom-left-radius:11px;border-top-left-radius:11px;}
.language span{display:inline-flex;font-size:12px;cursor:pointer;justify-content:center;align-items:center;flex:1}

.banner-img{width:100%;position: relative;overflow:hidden;margin-top: -9px;}
.banner-img img{width: 100%;display: block;}
.banner-img .colunmname{position:absolute;right:10%;top:50%;width:278px;margin-top:-31px;width:274px;height:57px;line-height:57px;text-align:center;background:#1c50a2;display: none;}
.banner-img span{display:block;background:#0092db;color:#fff;font-size:26px;width:100%;height:100%;position:relative;right:5px;bottom:5px}
.banner-img span::after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url("../image/xuanzhong.png") no-repeat center}

.Container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
    
  

/*footer*/
.footer{display:flex;height:240px;background:#1c50a2;color:#fff;align-items:center;justify-content:center}
.footer .info{display:flex;align-items:center}
.footer p{margin-left:90px;line-height:30px;}
.footer a {color:#fff;}
  
/*侧边kf*/
.global_toolbar{position:fixed;z-index:1001;top:50%;right:14px;width:59px;margin-top:-150px}
.toolbar_btn .item{position:relative;display:block;margin-bottom:14px;cursor:pointer}
.toolbar_btn .item .toolbar_icon{height:59px;line-height:59px;transition:all .4s cubic-bezier(.2,.83,.42,.91);width:59px;background-color:#f5f5f5;border:1px solid #e2e2e2;text-align:center}
.toolbar_btn .item .toolbar_icon i{font-size:32px}
.toolbar_btn .item .toolbar_icon img{vertical-align:middle}
.toolbar_info{font-size:14px;position:absolute;z-index:1;top:0;right:59px;overflow:hidden;transition:all .4s cubic-bezier(.2,.83,.42,.91);text-align:center;color:#999;background-color:#f5f5f5;opacity:0;}
.toolbar_info img{width:100%}
.toolbar_btn .item.on .toolbar_icon{background-color:#ebebeb}
.toolbar_btn .item.on .toolbar_info{width:120px;height:120px;background:#f5f5f5;opacity:1;}

/* 隐藏的时间样式 */
#timeVisible{visibility: hidden;height: 0;}




/* 小屏幕（平板，大于等于 768px） */


@media screen and (max-width: 768px) {
.page-index,.indroud-page{width:100%;overflow:hidden}
.page-index .open .navbar_nav li.m:first-child .sub{
color: #fff;
    background-color: #0C4195;
}
.header{height:110px;}
.global_toolbar{transform:scale(0.8)}


.header .top{padding-bottom:0;position:relative;height: 110px;}
  .header .hlogo{width:48%;height:45px;line-height:45px;margin: 0 10px;display: flex;align-items: center;}
  .header .right{width:46%;height: 45px;display: inline-block;margin-top:0;}
  .header .hlogo img{vertical-align:middle;}
  .header .right .bottom{height:45px;margin:0;align-items:center;}
  .header .right .date{display:none;}
  .header .right .login{position:absolute;bottom:.35rem;right:0;}
  .navToggle{margin:0 .2rem;display:block}
  .header .map-search{width: 100%;float: none;background: #f5f5f5;margin:0;margin-top:1rem;box-sizing: initial;display: flex;justify-content: center;}
  .header .map-search .secsearch-t{width:65%;height:36px;line-height:36px;}
  .header .map-search .secsearch-b{height:36px;line-height:36px;}
  .header .menu{display:none;height:auto;position:fixed;top:60px;z-index:1000;visibility:visible;overflow-y:auto;margin-top:0;width:100%;height:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);opacity:1;-webkit-transition:all ease .5s;transition:all ease .5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateX(100%);}
.header .menu.open{display:block;width:100%;transform:translateX(0);background-color:rgb(28, 80, 162) !important;height:auto;}
.open .navbar_nav{display:block;}
.open .navbar_nav li .sub{width:100%;text-align: left;color: #000;text-indent: 20px;font-size:16px;box-sizing: border-box;}
.open .navbar_nav li.m{border-bottom:1px dashed #eee}
/* .open .navbar_nav li.show .sub{color:#fff;} */
.open .dropdown_menu{position:relative;top:0;}
.open .dropdown_menu:before{left:40px;}
.open .dropdown_menu li{text-align:left;padding-left:20px;line-height:42px;}
.open .dropdown_menu li a {width: 100%;display: inline-block;}
.open .navbar_nav li.on .sub{    color: #fff !important;}



.banner-img img{width: 100%;left: -50%;}
.banner-img .colunmname{width: 160px;height:40px;line-height:40px;top: 30px;right:10px;margin: 0;}
.banner-img span{font-size:22px;}


.footer{height:auto;position: relative;    width: 100%;    overflow: hidden;}
.footer>img{width:unset !important;height:100%}
.footer .info{flex-direction:column;padding:30px 10px;}
.footer p{margin:0;line-height:25px;width:100%;text-align: center;}
.footer .sp5 span {display:block;}

}

/** 5.7IN Android Galaxy */
@media screen and (min-width:429px) and (max-width:480px){
html{font-size:64px;}
}

/** 6.5IN IPhone 6+ ~ 11Pro Max*/
@media screen and (min-width:410px) and (max-width:414px){
html{font-size:55.2px;}
}

/** Mate30 Pro  IPhone 12Pro */
@media screen and (min-width:376px) and (max-width:392px){
html{font-size:52.4px;}
}

/** iPhone 8 (8, 7, 6S, 6) ~  11Pro*/
@media screen and (min-width:361px) and (max-width:375px){
html{font-size:50px;}
}

/** HUAWEI P30 ~ XIAOMI6*/
@media screen and (max-width:360px){
html{font-size:48px;}
.header{height:110px;}
.header .fixed{height: 160px;}
.header .top{padding-bottom:0;position:relative;}
.header .hlogo{width:60%;height:1rem;line-height:1rem;}
.header .hlogo img{vertical-align:middle;}
.header .map-search{width: 100%;float: none;background: #f5f5f5;margin:0;box-sizing: initial;display: flex;justify-content: center;}
  .header .map-search .secsearch-t{width:65%;height:36px;line-height:36px;}
  .header .map-search .secsearch-b{height:36px;line-height:36px;}
  .header .menu{display:none;height:auto;position:fixed;top:60px;z-index:1000;visibility:visible;overflow-y:auto;margin-top:0;width:100%;height:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);opacity:1;-webkit-transition:all ease .5s;transition:all ease .5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transform:translateX(100%);}
.header .menu.open{display:block;width:100%;transform:translateX(0);}
.banner-img{margin-top: 60px;}
}






  
}
/** 768*/
@media screen and (max-width:768px){
  .Container{overflow-x:hidden;}
  .banner-img{margin-top:60px;}
.hlogo{height:50px !important;line-height:50px !important;}
}
@media screen and (max-width: 320px) {
   
}
@media screen and (max-width:320px){html{font-size:42.667px;}
}

@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;}
}

@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;}
}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;}
}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;}
}
@media screen and (min-width:721px) and (max-width:750px){html{font-size:100px;}
}
@media screen and (min-width:751px) and (max-width:768px){html{font-size:102.4px;}
}

