@charset "utf-8";
/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #222;font-family:'微软雅黑','Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;padding:0}
fieldset,img{border:0;}
img,object{max-width:100%;width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color:#222}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}  /* lga 20241129 这个样式影响图片列表不显示 */
pre,code {white-space:pre-wrap}
.gp-pa{position: absolute;}
.gp-pr{position: relative;}
.gp-clearFix{*zoom:1;clear:both;}
.gp-clearFix:after{content: '';display: block;clear:both;}
.gp-clear{width: 100%;overflow:hidden;}
/*响应式图片*/
.gp-img-responsive{height: 0;padding-bottom: 62.5%;overflow:hidden;display: block;}
.gp-img-responsive img{width: 100%;transition: all 0.5s ease-in-out;}
.gp-img-responsive img:hover{transform:scale(1.03);opacity: 0.85;}
.gp-radius{border-radius: 3px;display: block;overflow: hidden;}
.gp-round{border-radius: 500px;display: block;overflow: hidden;}
.gp-circle{border-radius: 50%;display: block;overflow: hidden;}
/*边框*/
.gp-img-thumbnail {display:inline-block;max-width:100%;height:auto;padding:2px;line-height:1.6;background-color:#fff; border:1px solid #ddd;border-radius:0; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.gp-ib{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
/*半透明背景*/
.gp-overlay{width: 100%;height: 100%;position: fixed;top: 0;z-index: 1800;background: #000;opacity: 0.7;filter: alpha(opacity=80);display: none;left:0}
/*文章页控制ul li序号*/
.gp-article ol,.gp-article ol li,.gp-order-list li,.gp-order-list{list-style:decimal inside none;}
.gp-article ul,.gp-article ul li,.gp-unorder-list li,.gp-unorder-list{list-style: disc inside  none;}
.gp-unorder-list.circle{list-style-type:circle}
.gp-unorder-list.square,.gp-unorder-list.square li{list-style-type:square}
.gp-unorder-list.upper-roman,.gp-unorder-list.upper-roman li{list-style-type:upper-roman}
.gp-unorder-list.lower-alpha,.gp-unorder-list.lower-alpha li{list-style-type:lower-alpha}
.gp-article{word-break: break-word;}
/*字号*/
.gp-f12{font-size:12px;font-size: 1.2rem;}
.gp-f14{font-size:14px;font-size: 1.4rem;}
.gp-f16{font-size:16px;font-size: 1.6rem;}
.gp-f18{font-size:18px;font-size: 1.8rem;}
.gp-f20{font-size:20px;font-size: 2rem;}
.gp-f22{font-size:22px;font-size: 2.2rem;}
.gp-f24{font-size:24px;font-size: 2.4rem;}
.gp-f26{font-size:26px;font-size: 2.6rem;}
.gp-f28{font-size:28px;font-size: 2.8rem;}
.gp-f30{font-size:30px;font-size: 3rem;}
.gp-f32{font-size:32px;font-size: 3.2rem;}
.gp-f34{font-size:34px;font-size: 3.4rem;}
.gp-f36{font-size:36px;font-size: 3.6rem;}
.gp-f38{font-size:38px;font-size: 2.8rem;}
.gp-f40{font-size:40px;font-size: 4rem;}
.gp-ul-inline{font-size: 0;}
.gp-ul-inline > li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;}
.gp-fl{float: left;}
.gp-fr{float: right;}
.gp-center{display: block;margin-left: auto;margin-right: auto;}
.gp-vam,.gp-vama *{vertical-align:middle;}
/*
字体色
*/
.gp-black *,.gp-black {color:#333}
.gp-white *,.gp-white{color:#fff}
/*一行截短*/
.gp-ellipsis,.gp-text-truncate { word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
/*透明度*/
.gp-opt-50{	opacity: 0.5;filter: alpha(opacity=50);}
/*-平均分配*/
/* [class*="gp-avg"] > li {float: left;} */
[class*="gp-avg"] {font-size: 0;}
[class*="gp-avg"] > li{display: inline-block;*display: inline;*zoom: 1;font-size: 14px;vertical-align: top;}
/*
版心和间距的问题
*/
.gp-container{width: 1400px;margin-left: auto;margin-right: auto;position: relative;}
.gp-row{margin-left: -15px;margin-right: -15px;}
.gp-m15{margin:0 15px}
.gp-p15{padding-left: 15px;padding-right: 15px;}
@media screen and (max-width:1386px) {
  .gp-f18{font-size: 1.6rem;}
  .gp-f24{font-size: 2.2rem;}
  .gp-f30{font-size: 2.6rem;}
  .gp-f16{font-size: 1.5rem;}
}
@media screen and (max-width:1300px) {
  .gp-container{width: 1200px;}
}

@media screen and (max-width:1060px) {
  .gp-container{width: 960px;}
}
@media screen and (max-width:996px) {
  .gp-f16{font-size: 1.4rem;}
  body{font-size: 1.3rem;}
  .gp-container{width: 100%;}
}
@media screen and (max-width:767px) {
  .gp-container{margin-left: 15px;margin-right: 15px;}
  .gp-row{margin-left: -8px;margin-right: -8px;}
  .gp-p15{padding-left: 8px;padding-right: 8px;}
  .gp-m15{margin-left: 8px;margin-right: 8px;}
}
.gp-ellipsis, .gp-text-truncate {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@charset "utf-8";
/*手机端导航默认*/
.mobile_bg{width: 100%;height: 100%;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{display:none;width: 100%;z-index: 900;/* height: 100%; */position: relative;}
.gp-menu-header{position: absolute;top: 20px;right: 0;z-index: 996;width: 100%;height: 40px;}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #c7000a; height: 40px;font-size:25px;text-align: center; float:right;width: 40px;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; right: 20px;  top: calc((100% - 2px) / 3);  width: 27px;  height: 3px;  background-color: #c7000a;}
.gp-menu-header-icon-out span{width: 27px;height: 4px;background-color:#0154a4;display: block;border-radius: 4px;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(12px) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 2px) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-nav{  width: 100%; position: fixed;top: 0;right: 0px;padding-top: 40px;background:#0154a4;display: none;
}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul li{display: block;}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);display: block;}
.gp-menu-nav > ul > li > a{display: inline-block;padding:14px 0 14px 25px;font-size: 1.6rem;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0.1);padding:0 25px}
.gp-menu-nav > ul > li > ul a{display: inline-block;padding:10px 0;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 50px;line-height: 50px;color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 2rem;margin-right: 0px;transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);}
.gp-menu-nav li ul {display: none;}
/*导航内标签效果*/
.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}


/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.7;filter:alpha(opacity=70);z-index:99998;}
.ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;}
.ie9tips a{color:red;}  
.ie9tips img{display:block;margin:0 auto;opacity:0.9;filter:alpha(opacity=90);} 
.ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;}


/*
下拉横排效果
*/
.bg-black span{background: #c7000a;}
.gp-menu-nav.gp-menu-dropdown2{background: #F5F5F5;}
.gp-menu-nav.gp-menu-dropdown2 > ul{position: relative;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li{border-bottom: none;position:static;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li > a{padding:0;display: block;text-align: center;height: 50px;line-height: 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0 5px;position: relative;z-index: 900;color: #333;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li > a.icon-down:after{content: "\e73a";font-size: 1.4rem;margin-left: 5px;transition: all 0.3s ;display: inline-block;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li > a.icon-down:before{content: '';content: '';width: 0;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent;border-bottom: 8px solid #000;position: absolute;left: 50%;bottom: -100%;margin-left: -5px;opacity: 0.2;transition: all 0.3s;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li.on > a.icon-down:before{bottom: 0;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li > ul{position: absolute;left: 0;width: 100%;z-index: 1000;background: #fff;box-shadow:0 0 3px rgba(0,0,0,.15);right: 5px;padding:8px 0;text-align: center;}
.gp-menu-nav.gp-menu-dropdown2 > ul > li > ul a{color:#666}
.gp-menu-nav.gp-menu-dropdown2 > ul li{-webkit-animation-fill-mode:none;animation-fill-mode:none}
.gp-menu-nav.gp-menu-dropdown2 > ul > li.on > a.icon-down:after{transform: rotate(180deg);}


.gp-m-search {width:90%;margin:10px auto 15px;display: block;}
.gp-m-search .notxt{
  color: #a4a4a4;
  width:calc(100% - 85px);
  float: left;
  height: 30px;
  left: 0;
  border-radius: 3px;
  border: 1px solid #f8f8f8;
  background: rgba(0,0,0,0);
  vertical-align: middle;
  color: #fff;
  text-indent: 10px;
  padding-right: 30px;
  box-sizing: border-box;
  }
.gp-m-search button.notxt1{
  width: 68px;
  height: 28px;
  /* line-height: 34px; */
  background: #fff;
  border-radius: 3px;
  border: none;
  margin-left: 10px;
  vertical-align: middle;
  /* margin-top: 3px; */
  }



/* header */
.top{
    position: relative;
    z-index: 880;
    width: 100%;
    background: url(../images/top_bg.png);
    background-size: cover;
}
.headertop{
  position: relative;
  padding-top: 40px;
  padding-bottom: 28px;
}
header .logo {
  width: 457px;
  position: relative;
  z-index: 900;
  overflow: hidden;
  float: left;
}
header .logo a {
  display: block;
  padding-bottom: 18.16%;
  height: 0;
}
.topRight{float: right;
  position: relative;
  z-index: 900;
}
.topRight a{display: inline-block;}
.topRight form{display: inline-block;margin-left: 40px;}
.topRight button.icon-sousuo{width: 51px;height: 51px;border-radius: 50%;background: rgba(0,0,0,0.08);border: 1px solid rgba(0,0,0,0.1);cursor: pointer;color: #2a6eb0;}
input.notxt{height: 51px;border: none;background: transparent;;border-bottom: 1px solid #2a6fb3;outline: none;color: #fff;text-indent: 20px;font-size: 14px;}
input.notxt{color:#999;}
input.notxt::-webkit-input-placeholder {
    color: #999;
}
input.notxt:-moz-placeholder {
    /* FF 4-18 */
    color: #999;
}
input.notxt::-moz-placeholder {
    /* FF 19+ */
    color: #999;
}
input.notxt:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
}
.gp-ser a{font-size: 14px;color: #0154a4;font-weight: bold;}
.gp-m-search .gp-ser a{font-size: 14px;color: #fff;font-weight: bold;display: inline-block;}
.gp-m-search button.icon-sousuo{width: 51px;height: 51px;border-radius: 50%;background: #014d97;border: 1px solid #3476b6;color: #fff;}
.gp-m-search input.notxt{height: 51px;border: none;background: transparent;;border-bottom: 1px solid #2a6fb3;outline: none;color: #fff;text-indent: 20px;font-size: 14px;}
.icon-sousuo {
  width: 15px;
  height: 15px;
  background: url(../images/sousuo.png) no-repeat center center;
  border: none;
  vertical-align: middle;
  display: inline-block;
}
.navWrap {
  height: 63px;
  background-color: #0154a4;
  position: relative;
  z-index: 30;
}
.nav > li {
  float: left;
  position: relative;
  width: 10.5%;
}
.nav > li::before{content: "";width: 1px;height: 18px;position: absolute;left: 0;top: 30px;background: url(../images/li.png);}
.nav > li:last-child::after{content: "";width: 1px;height: 18px;position: absolute;right: 0;top: 30px;background: url(../images/li.png);}
.nav > li > a {
  display: block;
  height: 63px;
  line-height: 63px;
  padding: 0 10px;
  font-size: 18px;
  color: #fff;
  position: relative;
  z-index: 50;
  text-align: center;
}
.nav > li > a::before{content: '';width: 0;height: 1px ;background-color: #fff;position: absolute;left: 50%;bottom: 0;transition: all 0.35s ease-out;}
.nav > li.on > a::before{width: 100%;left: 0;}
.second_nav1 {
  background-color: rgba(1,84,164,0.85);
  position: absolute;
  left: 0;
  top: 63px;
  width: 100%;
  display: none;
  text-align: center;
}
.second_nav1 > dd > a {
  display: block;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  padding: 10px 0px;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
  color: #fff;
  line-height: 1.4;
}
.second_nav1 > dd > a:hover{color:#c6e3ff;}

.nav > li.on .second_nav1{display: block;}
.fadeInUpSmall  {  -webkit-animation-name: fadeInUpSmall ;  animation-name: fadeInUpSmall ;  animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;   display: block;}
.content{
  background: #f8f8f8;
}

footer{
  background: url(../images/footer_bg.png);
  background-size: cover;
  box-sizing: border-box;
  padding-top: 48px;
  position: relative;
  padding-bottom: 70px;
}

footer .logo {
  width: 396px;
  position: relative;
  z-index: 900;
  overflow: hidden;
  float: left;
}
footer .logo a {
  display: block;
  padding-bottom: 18.43%;
  height: 0;
}
footer .gp-container{padding-bottom: 40px;}
footer .list01{float: right;}
footer .list01 li{font-size: 14px;color: #fff;opacity: 0.8;filter: alpha(opacity=80);line-height: 30px;text-align: right;}
footer .share{margin-left: 680px;padding-top: 15px;}
footer .share li{width: 80px;height: 80px;background: url(../images/share_bg.png) no-repeat;position: relative;margin-right: 20px;}
footer .share li a{display: block;text-align: center;position: absolute;top: 50%;margin-top: -17px;left: 50%;margin-left: -17px;}
footer .share li span{position: absolute;top: -150px;display: none;}
footer .share li span img{max-width: 150px;}
footer .share li:hover span{display: block;}
footer p{opacity: 0.8;filter: alpha(opacity=80);position: absolute;bottom: 0;width: 100%;height: 68px;font-size: 14px;color: #fff;line-height: 68px;text-align: center;background: rgba(0,0,0,.2);}

/*置顶*/
.gp-goTop{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size:25px;color: #ffcc03 !important;background: #0154a4;}
.gp-goTop-fixed{position: fixed;right: 20px;bottom: 20px;z-index: 800;box-shadow: 0 0 8px rgba(0,0,0,0.2);display: none;}
.gp-goTop-fixed.bottom{bottom: 150px;}


@media screen and (max-width:1460px) {
  .gp-container{width: 1200px;}
  footer .share{margin-left: 580px;}
	.gp-f26{font-size: 24px;}
}
@media screen and (max-width:1240px) {
  .gp-container{width: 1000px;}
  footer .share{margin-left: 480px;}
	.gp-f26{font-size: 20px;}
}
@media screen and (max-width:1060px) {
  .gp-container{width: auto;margin-left: 3vw;margin-right: 3vw;}
}
@media screen and (max-width:996px) {
  /* .nav{display: none;} */
  .topRight{display: none;}
  .gp-search{display: none;}
  .gp-menu{display: block;}
  .navWrap{display: none;}
	.headertop{padding: 15px 0;}
	header .logo{width: 300px;}
  footer .logo{margin: 0 auto;float: initial;}
  footer .list01{clear: both;float: initial;text-align: center;}
  footer .list01 li{text-align: left;display: inline-block;margin-right: 20px;}
  footer .share{margin-left: 0;width: 200px;margin: 0 auto;}
  footer .share li{display: inline-block;}
	/* .content{overflow: hidden;} */
}
@media screen and (max-width:767px) {
  .gp-container{}
}
@media screen and (max-width:540px) {
}
@media screen and (max-width:479px) {
  footer .logo{width: 296px;}
  header .logo{width: 257px;}
}