@charset "utf-8";
/******************** Reset ********************/
html{
  background-color:#fff;
  color:#000;
  font-size:12px;
}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{
  margin:0;
  padding:0;
}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{
  font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
}
small,big,input,textarea,button,select{
  font-size:100%;
}
h1,h2,h3,h4,h5,h6{
  font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
}
h1,h2,h3,h4,h5,h6,b,strong{
  font-weight:normal;
}
address,cite,dfn,em,i,optgroup,var{
  font-style:normal;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
}
caption,th{
  text-align:inherit;
}
ul,ol,menu{
  list-style:none;
}
fieldset,img{
  border:0;
}
img,object,input,textarea,button,select{
  vertical-align:middle;
  max-width: 100%;
}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{
  display:block;
}
audio,canvas,video{
  display:inline-block;
  *display:inline;
  *zoom:1;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:"\0020";
}
textarea{
  overflow:auto;
  resize:vertical;
}
input,textarea,button,select,a{
  outline:0 none;
  border: none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
  padding:0;
  border:0;
}
mark{
  background-color:transparent;
}
a,ins,s,u,del{
  text-decoration:none;
}
sup,sub{
  vertical-align:baseline;
}
html{
  overflow-x: hidden;
  height: 100%;
  font-size: 50px;
  -webkit-tap-highlight-color: transparent;
}
body{
  font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
  color: #333;
  font-size: .28em;
  -webkit-text-size-adjust: none;
}
hr{
  height: .02rem;
  margin: .1rem 0;
  border: medium none;
  border-top: .02rem solid #cacaca;
}
a{
  color: #333;
  text-decoration: none;
}
.clearfix::after{
  content: "";
  display: table;
  clear: both;
}

/******************** public header-box ********************/
#public-header{
  display: flex;
  justify-content: space-between;
  height: 90px;
}
.container-1200{
  margin: 0 auto;
  width: 1200px;
}
.logo-box{
  margin-top: 23px;
}
.logo-box a{
  display: flex;
}
.logo{
  margin-right: 10px;
  width: 62px;
  height: 43px;
  overflow: hidden;
}
.logo > img{
  width: 100%;
  height: 100%;
}
.title-box{
  color: #18448E;
  font-size: 12px;
}
.title-box .title-en{
  letter-spacing: 0.3px;
}
.title-zh{
  margin-bottom: 3px;
  font-size: 22px;
  font-weight: 600;
}
.global-navigation{
  margin-top: 25px;
}
.nav-all{
  display: flex;
}
.nav-all a{
  display: inline-block;
  width: 100px;
  height: 65px;
  text-align: center;
  color: #18448E;
  font-size: 14px;
  font-weight: 600;
}
.nav-all a:hover{
  background: #FAFAFA;
}
.nav-title{
  margin: 20px 0 7px;
}
.nav-all a .iconfont{
  color: transparent;
  font-size: 10px;
}
.nav-active a .iconfont{
  color: #18448E;
}
.nav-active,
.nav-active a:hover{
  background: #F7F7F7;
}

/******************** public public-banner-box ********************/
.public-banner-box{
  width: 1920px;
  height: 300px;
}
.public-banner-box img{
  width: 100%;
  height: 100%;
}

/******************** public public-item-title ********************/
.public-item-title{
  text-align: center;
  line-height: 0.8em;
  font-size: 20px;
  font-weight: 600;
}
.public-item-en{
  color: #D9D9D9;
}
.public-item-zh{
  color: #18448E;
}

/******************** public crumbs-box ********************/
.crumbs-box{
  padding: 20px 0;
}
.crumbs-box ul{
  display: flex;
  align-items: center;
}
.crumbs-box li{
  margin-right: 5px;
  color: #18448E;
}
.crumbs-box li a{
  color: #18448E;
}
.crumbs-box li a:hover{
  color: #D71F18;
}
.crumbs-box li .iconfont{
  font-size: 12px;
}

/******************** public page-box ********************/
.page-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-box span:first-child{ 
  display: none;
}

.page-box a,.page-box span{
  margin-right: 10px;
  padding: 6px 10px;
  border: 1px solid #E2E1E1;
  color: #8A8989;
  font-size: 14px;
}
.page-box .disabled{
  background: #C4C4C4;
}
.page-box .current{
  background: #F9BB3E;
  border: 1px solid #F9BB3E;
  color: #FFFFFF;
}
.page-box a:hover{
  background: #F7F7F7;
}
.page-box .current:hover{
  background: #F9BB3E;
}

/******************** public detail-con 详情页 ********************/
.detail-container{
  padding-bottom: 90px;
  background: #F5F5F5;
}

/******************** public footer-box ********************/
#public-footer{
  background: #18448E;
  overflow: hidden;
}
.footer-nav{
  display: flex;
  justify-content: space-between;
  padding: 37px 0;
}
.footer-left{
  width: 400px;
}
.footer-left-title{
  margin-bottom: 7px;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 600;
}
.footer-left-li{
  display: flex;
  padding: 20px 0 14px;
  color: #FFFFFF;
  font-size: 14px;
}
.footer-left-line{
  height: 1px;
  background: #FFFFFF;
  opacity: 0.1;
}
.footer-phone{
  color: #F9BB3E;
  font-size: 18px;
  font-weight: 600;
}
.footer-contact-title{
  padding-top: 14px;
  color: #F9BB3E;
  font-size: 18px;
  font-weight: 600;
}
.footer-contact-con{
  display: flex;
  justify-content: space-between;
}
.footer-left-label{
  flex-shrink: 0;
}
.footer-qr-code{
  flex-shrink: 0;
  margin-left: 43px;
  width: 153px;
  height: 153px;
  background: #CCCCCC;
  overflow: hidden;
}
.footer-qr-code img{
  width: 100%;
  height: 100%;
}
.footer-center{
  width: 1px;
  height: 206px;
  background: #FFFFFF;
  opacity: 0.1;
}
.wechat-number-hint{
  margin: 16px 0 38px;
  color: #F9BB3E;
  font-size: 14px;
}
.wechat-number-btn-box{
  position: relative;
  width: 203px;
  height: 49px;
  background: #F9BB3E;
  text-align: center;
  line-height: 49px;
  color: #333333;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.wechat-number-btn-box:hover{
  background: #FF811B;
}
.wechat-number-btn{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.wechat-number-btn-box input{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -10;
}
.footer-right{
  display: flex;
}
.footer-right ul{
  margin-right: 72px;
  color: #FFFFFF;
}
.footer-right ul:last-of-type{
  margin-right: 0;
}
.footer-right li{
  padding-bottom: 16px;
}
.footer-right li:first-of-type{
  padding: 0 0 24px 10px;
}
.footer-right li:last-of-type{
  padding: 0;
}
.footer-right a{
  display: inline-block;
  transition: transform 0.3s ease-out 0s;
  -ms-transition: transform 0.3s ease-out 0s;
  -moz-transition: transform 0.3s ease-out 0s;
  -webkit-transition: transform 0.3s ease-out 0s;
  -o-transition: transform 0.3s ease-out 0s;
  color: #A1C4FF;
}
.footer-right a:hover{
  transform: translateX(4px);
  -ms-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -webkit-transform: translateX(4px);
  -o-transform: translateX(4px);
}
.footer-right a .iconfont{
  margin-right: 10px;
  color: #F9BB3E;
  font-size: 10px;
}
.footer-copyright{
  padding: 25px 0;
  background: #5E8BD6;
}
.footer-copyright-li{
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  opacity: 0.7;
}
.none_a {
  text-decoration: none;
}
.none_a:hover {
  text-decoration: none;
  color: #18448E !important;
}