/*基本样式*/
html{font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #666;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;}
/* h1, h2, h3, h4, h5, h6, p,  i,  span{word-break: break-all;} */
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:#666}
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;}
pre,code {white-space:pre-wrap}
input{outline: none;}
.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;}

@media screen and (min-width:992px){
	.effect1{opacity: 0.5;transition: all 0.8s ease-out;}
	.effect1.isView{opacity: 1;}
	.effect2,.effect2 li,.effect5{opacity: 0;transition: all 0.8s ease-out;transform: translateY(70px);}
	.effect2.isView,.effect2.isView li,.effect5.isView{opacity: 1;transform: none;}
	.effect3{opacity: 0;transition: all 0.8s ease-out;transform: translateX(50px);}
	.effect3.isView{opacity: 1;transform: none;}
	.effect4 ,.effect4 li,.effect6 tr{opacity: 0;transition: all 0.8s ease-out;transform: translateX(-50px);}
	.effect4.isView,.effect4.isView li,.effect6.isView tr{opacity: 1;transform: none;}
}
/*响应式图片*/
.gp-img-responsive{width: 100%;height: 0;padding-bottom: 62.5%;overflow:hidden;display: block;background-color: #d2d2d2}
.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: 3.8rem;}
.gp-f40{font-size:40px;font-size: 4rem;}
.gp-f48{font-size:48px;font-size: 4.8rem;}
.gp-f60{font-size:60px;font-size: 6rem;}
.gp-f90{font-size:90px;font-size: 9rem;}
.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: 1200px;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:1400px) {
  /* .gp-container{width: 100%;padding-left: 30px;padding-right: 30px;box-sizing: border-box;} */
}
@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-f48{font-size: 4.6rem;}
  .gp-f16{font-size: 1.5rem;}
  .gp-f60{font-size: 5rem;}
  .gp-f90{font-size: 8rem;}
}
@media screen and (max-width:1300px) {
  .gp-container{width: 100%;padding-left: 40px;padding-right: 40px;box-sizing: border-box;}
}

@media screen and (max-width:1060px) {
  /* .gp-container{width: 960px;} */
}
@media screen and (max-width:996px) {
  .gp-f16{font-size: 14px;}
  .gp-f14{font-size: 12px;}
  body{font-size: 1.3rem;}
  .gp-container{width: 100%;}

  .gp-f18{font-size: 1.4rem;}
  .gp-f24{font-size: 2.0rem;}
  .gp-f30{font-size: 2.4rem;}
  .gp-f48{font-size: 4.2rem;}
  /* .gp-f16{font-size: 1.3rem;} */
  .gp-f60{font-size: 4.5rem;}
  .gp-f90{font-size: 7rem;}
}
@media screen and (max-width:767px) {
  
  .gp-f28{font-size: 22px;font-size: 2.2rem;}
  .gp-container{padding-left: 15px;padding-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-f90{font-size: 5rem;}
}
/*水平导航*/
.gp-nav-horizontal{}
.gp-nav-horizontal > li{display: inline-block;*display: inline;*zoom:1;position: relative;}
.gp-nav-justify{ width:100%;display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;text-align: center;}
.gp-nav-justify > li{ float:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1; flex:1}
/*
面包屑
*/
.gp-bread{height:auto; line-height:21px; color:#999;padding:26px 0;overflow:hidden;position: relative;z-index: 5;color:#fff;}
.gp-bread span{color:#757575;margin:0 10px}
.gp-bread a{color:#757575;}
.gp-bread a:hover{color:#1F81DC;}

@media screen and (max-width:767px) {
	.gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  html{font-size: 54.705%;}
  body{font-size:1.4rem;}
}
/*
pad端固定宽度
*/
@media screen and (max-width:999px) {
  .gp-flex{display: flex;display: -webkit-flex;}
  .gp-flex-fixed{width: 250px;}
  .gp-flex-flexible{flex:1;width: auto ;}
}

/***
布局-网格样式 
**/

[class*="gp-xs"],[class*="gp-sm"],[class*="gp-md"],[class*="gp-lg"] {
  display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: 100%;
}
@media screen and (min-width:100px){
   [class*="gp-avg"] li{width: 100%;}
  /*平均分配*/
  .gp-avg-xxs-1 > li{width: 100%;}
  .gp-avg-xxs-2 > li{width: 50%;}
  .gp-avg-xxs-3 > li{width: 33.3%;}
  .gp-avg-xxs-4 > li{width: 25%;}
  .gp-avg-xxs-5 > li{width: 20%;}
  
  .gp-avg-1 > li{width: 100%;}
  .gp-avg-2 > li{width: 50%;}
  .gp-avg-3 > li{width: 33.3%;}
  .gp-avg-4 > li{width: 25%;}
  .gp-avg-5 > li{width: 20%;}
}
@media screen and (max-width:479px) {
  [class*="gp-xs"]{width: 100%;display: block;}
  /*平均分配*/
  .gp-avg-xxs-1 > li{width: 100%;}
  .gp-avg-xxs-2 > li{width: 50%;}
  .gp-avg-xxs-3 > li{width: 33.3%;}
  .gp-avg-xxs-4 > li{width: 25%;}
  .gp-avg-xxs-5 > li{width: 20%;}
}
@media screen and (min-width:479px) {
  
  /*平均分配*/
  .gp-avg-xs-1 > li{width: 100%;}
  .gp-avg-xs-2 > li{width: 50%;}
  .gp-avg-xs-3 > li{width: 33.3%;}
  .gp-avg-xs-4 > li{width: 25%;}
  .gp-avg-xs-5 > li{width: 20%;}
  
}

@media screen and (min-width:767px) {
  /*平均分配*/
  .gp-avg-sm-1 > li{width: 100%;}
  .gp-avg-sm-2 > li{width: 50%;}
  .gp-avg-sm-3 > li{width: 33.3%;}
  .gp-avg-sm-4 > li{width: 25%;}
  .gp-avg-sm-5 > li{width: 20%;}
}  
@media screen and (min-width:997px) {
  
  /*平均分配*/
  .gp-avg-md-1 > li{width: 100%;}
  .gp-avg-md-2 > li{width: 50%;}
  .gp-avg-md-3 > li{width: 33.3%;}
  .gp-avg-md-4 > li{width: 25%;}
  .gp-avg-md-5 > li{width: 20%;}
}
@media screen and (min-width:1300px) {
  /*平均分配*/
  .gp-avg-lg-1 > li{width: 100%;}
  .gp-avg-lg-2 > li{width: 50%;}
  .gp-avg-lg-3 > li{width: 33.3%;}
  .gp-avg-lg-4 > li{width: 25%;}
  .gp-avg-lg-5 > li{width: 20%;}
}

/*
表格
*/
.gp-table > tbody > tr > td, .gp-table > tbody > tr > th, .gp-table > tfoot > tr > td, .gp-table > tfoot > tr > th, .gp-table > thead > tr > td, .gp-table > thead > tr > th{padding:14px;padding:1.4rem;}
.gp-table-bordered { border:solid #e6e6e6;border-width: 0px 0 1px 0px;}
.gp-table *{word-wrap: break-word;}
/*边框*/
.gp-table-bordered  td{ border:solid #e6e6e6; border-width:1px 1px 0px 1px;}
/*条纹*/
.gp-table-striped>tbody>tr:nth-child(odd)>td,
.gp-table-striped>tbody>tr:nth-child(odd)>th {
 background-color:#f5f5f5
}
/*置顶*/
.gp-goTop{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 2.5rem;transition: all 0.3s ease-in-out;color: #fff !important;background: #004ea1;}
.gp-goTop-fixed{position: fixed;right: 20px;bottom: 20px;z-index: 800;box-shadow: 0 0 8px rgba(0,0,0,0.2);}
.gp-goTop-fixed.bottom{bottom: 150px;}
/*低版本跳转样式*/
.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;}



/*5移动端搜索默认*/
.gp-m-search {width:90%;margin:10px auto 0;display: block;}
.gp-m-search .notxt1{right: auto;left: 0;width: 40px;}
.gp-m-search input.notxt{left: 0;width: 100%;box-sizing: border-box;padding-left: 42px;}

.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;}
@-webkit-keyframes fadeInUpSmall {
  0% {   opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }
}
@keyframes fadeInUpSmall {  
  0% {    opacity: 0;    -webkit-transform: translate3d(0, 20px, 0);    -ms-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }
  100% {    opacity: 1;    -webkit-transform: none;    -ms-transform: none;    transform: none;  }
}

/*置顶*/
.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;}





@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{ width: 100%;z-index: 98;height: 100%;position: relative;}
.gp-menu-header{position: absolute;top: 20px;right: 0;z-index: 996;width: 40px;height: 40px;/* background: rgba(0,0,0,0.2); */}
.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-click{position: fixed;} */
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 25px) / 2);  top: calc((100% - 2px) / 3);  width: 27px;  height: 3px;  background-color: #c7000a;}
.gp-menu-header-icon-out span{width: 27px;height: 4px;background-color: #fff;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:#3168D9;
  display: none;
  padding-bottom: 20px;
  max-height: 90vh;
  overflow-y: auto;
  }
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul {
    margin-bottom: 10px;
}
.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;border-bottom: 1px solid rgba(255,255,255,0.1);}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.3);}
.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: 10px;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;
  }
}


@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(4px) rotate(45deg);
  }
}   

@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(4px) rotate(-45deg);
  }
} 

@keyframes clickthird {
    0% {
     opacity: 0
  }

  100% {
   opacity: 0
  }
}   
.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }
.mobile-inner-header-icon-out span:nth-child(3){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outthird;
    }
@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);
  }
}

.mobile-inner-nav{background-color: rgba(53,51,112);width: 100%;position: absolute;top: 66px;left: 0px;padding-top: 10px;padding-bottom: 25px;display: none;}
.mobile-inner-nav a{display: inline-block;line-height: 45px;
    text-decoration: none;  width: 100%;font-size: 1.4rem; 
     border-bottom: solid 1px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s; }
.mobile-inner-nav a:hover{color:#fff;}
.mobile-inner-nav li{position: relative;padding: 0 20px;}
.mobile-inner-nav li a{text-indent: 15px;color: #fff;}
.mobile-inner-nav li strong{color:#fff;position: absolute;right:20px;top:0;font-size: 2.5rem;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s; }
.mobile-inner-nav a{-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;}
@-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;
      }
    }
.mobile_subNav{display: none;padding-left:10px;}
.mobile-inner-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 1.2rem;}


/* style */
/*搜索*/
.gp-search{width: 212px;overflow: hidden;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;border:1px solid #ccc;background: #fff;}
.gp-ser{width:100%;height: 42px;z-index:9999994;margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute;height: 42px;line-height: 42px;border:none;background:none;top:0px;overflow: hidden;}
.gp-search input.notxt{color: #999;width:82%;left: 0;padding-left: 6%;}
.gp-search .notxt1 {position: absolute;width: 15%;right: 6px;top: -4px;cursor:pointer;color: #094993;font-size: 26px;}
/*5移动端搜索默认*/
.gp-m-search {width:80%;margin:0 auto;display: block;}
.gp-m-search .notxt1{right: auto;left: 0;width: 40px;}
.gp-m-search input.notxt{left: 0;width: 100%;box-sizing: border-box;padding-left: 42px;}



/* style样式开始 */
body{position: relative;background: url(/images/bg_top.png) top center no-repeat  #fff;background-size: 100% auto;}
/* body::before{content: "";display: block;width: 100%;background: url(/images/bg_top.png) no-repeat top center;position: absolute;top: 0;left: 0;height: 841px;} */
body::after{content: "";display: block;width: 100%;background: url(/images/bg_bottom.png)  no-repeat  ;position: absolute;bottom: 0;left: 0;height: 600px;z-index: -1; }
/* header */
.header{/* background: linear-gradient(#4d74ef,#2B66CF); */}
.top{transition:all 0.35s ease-in-out;position: relative;z-index: 992;padding: 23px 0 16px;height: auto;}
.top img:hover{transform:scale(1);opacity: 1;}
.logo1{width: 270px;position: relative;z-index: 2;float: left;vertical-align: middle;}
.logo2{width: 400px;position: relative;z-index: 2;float: left;vertical-align: middle;margin: 1% 0 0 1%;}
.top .logo a{display: block;background: none;}
.topRight{position: relative;vertical-align: middle;float: right;margin-top: 24px;}
/* .nav{font-size: 0;text-align: justify;border-top: 1px solid #d8d8d8;}
.nav > li{float: left;position: relative;padding: 0 19px;}
.nav > li:hover{}
.nav > li:hover>a{color: #fff;}
.nav > li > a{display:block;height: 55px;line-height: 55px;font-size: 18px;color: #fff;transition: all 0.35s ease-in-out;position: relative;z-index: 0;}
.second_nav1{background-color: #fff;position: absolute;left: 0;top: 55px;width: 100%;display: none;text-align: center;z-index: 10;}
.second_nav1 > dd{border-bottom: 1px solid rgba(0,0,0,0.1);}
.second_nav1 > dd > a{display: block;border-bottom: 1px solid rgba(255,255,255,0.2);padding:10px 15px;font-size: 14px;transition: all 0.3s ease-in-out;color: #444;line-height: 1.2;}
.second_nav1 > dd > a:hover{color:#fff;} */

.nav{border-top: 1px solid rgba(216,216,216,0.5);position: relative;z-index: 10;}
.nav ul{text-align: justify;text-justify:inter-ideograph;overflow: visible !important;height: 50px;padding-top: 0px;box-sizing: border-box;}
.nav ul:after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;height: 0;}
.nav ul > li{ transition: all 0.3s ease;position: relative;display: inline-block;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);}
.nav ul > li{ position: relative;padding: 0 12px; }
.nav ul > li.active,.nav ul > li.on{ background: #fff; }
.nav ul > li.active>a,.nav ul > li.on >a{ color: #1F81DC; }
/* .nav ul > li:before{ content: "";display: block; width: 0; height: 0; background: #fff; position: absolute; bottom: -24px; left: -25%;transition: all 0.3s ease-in-out;} */
/* .nav ul > li.on:before{ width: 150%; height: 4px;} */
.nav ul li > a{padding:0;text-align:center;line-height:50px;height: 50px;  color:#fff; display: block;transition: all 0.3s ease;}
.nav ul li.on > a,.nav ul li:hover > a{ }
.nav ul li.on .subNav{display: block;transition: all 0.6s ease-in-out; }
.nav-wrapper > div{position: relative;}
.headerFix-menu{position: absolute;right: -30px;top: 3px;cursor: pointer;display: none;}
.headerFix-menu i{color:#fff;font-size: 30px;}
.headerFix-close{float: right;height: 50px;line-height: 50px;margin-left: 10px;cursor: pointer;display: none;}
.headerFix-close i{color:#ccd2de;font-size: 24px;}
.subNav{width: 100%;background:#1F81DC;padding-top: 8px;padding-bottom: 8px;position: absolute;left:0;top:50px;display: none;/*! text-align: center; */z-index: 9;transition: display 0.6s ease-in-out;}
.subNav dd {
    text-align: center;
}
.subNav a{color:#fff;padding:8px 10px; font-size: 14px; line-height: 20px; display: block;}
.subNav a:hover{background-color:#fff;color: #333;}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp ;
  animation-name: fadeInUp ;
  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;
}


.banner{position: relative;}
.banner a{display: block;}
.banner a img{display: block;width: 100%;}











footer{color: #fff;line-height: 22px;position: relative;}
.footer_top{overflow: hidden;padding:44px 0 20px;}
.footer_top .footer_lt{margin-right: 370px;overflow: hidden;}
.footer_top .footer_lt dl{float: left;width: 30%;padding: 0 10px;box-sizing: border-box;}
.footer_top .footer_lt dt{margin-bottom: 21px;line-height: 21px;margin-top: 8px;}
.footer_top .footer_lt dd{line-height: 19px;font-size: 14px;margin-bottom: 12px;}
.footer_top .footer_lt dd a{color:#fff;}
.footer_top .footer_lt dl:first-child{width: 40%;padding: 0;}
.footer_top .footer_lt dl:first-child dd{width: 50%;float: left;}
/* .footer_top .footer_cen{width: calc((100% - 270px) /2);float: left;margin: 0 ;}
.footer_top .footer_cen dl{width: 270px;}
.footer_top .footer_cen dt{margin-bottom: 21px;line-height: 21px;margin-top: 8px;}
.footer_top .footer_cen dd{line-height: 19px;font-size: 14px;margin-bottom: 12px;} */
.footer_top .footer_rt{float: right;width: 370px;}
.footer_top .footer_rt li{float: left;margin: 0 10px;text-align: center;}
.footer_top .footer_rt li:first-child{width: calc(100% - 160px);}
.footer_top .footer_rt li:last-child{width: 120px;}
.footer_top .footer_rt li img{width: 100px;height: 100px;}
.footer_bottom{clear: both;border-top: 1px solid rgba(255,255,255,0.23);height: 74px;line-height: 74px;font-size: 14px;}
.footer_bottom ul{float: left;margin: 0 -10px;overflow: hidden;}
.footer_bottom ul li{float: left;}
.footer_bottom ul li a{color: #fff;margin: 0 10px;}
.footer_bottom p{float: right;}
.footer_bottom p a{color: #fff;}

@media screen and (max-width:1500px) {
  
}
@media screen and (max-width:1400px) {
  
}
@media screen and (max-width:1240px) {
  .logo2 {
    margin: 1% 0 0 1%;
}
}
@media screen and (max-width:1060px) {
  
}
@media screen and (max-width:996px) {
  .logo2 {
    width: 370px;
  }
  .topRight{display: none;}
  .nav{display: none;}
  .mobile{display: block;}

  
  footer{padding: 10px 0;color: #333;}
  .footer_top .footer_lt dd a{color:#333;}
  .footer_top{padding: 0;}
  .footer_top .footer_lt,.footer_top .footer_cen,.footer_top .footer_rt{width: 100%;margin: 0 auto;text-align: center;margin: 0;float: none;}
  .footer_top .footer_lt dl,.footer_top .footer_cen dl{width: 100%!important;margin: 0 auto;text-align: center;}
  .footer_top .footer_rt li{float: none;display: inline-block;}
  .footer_bottom{height: auto;line-height: 36px;margin-top: 10px;}
  .footer_bottom ul,.footer_bottom p{float: none;display: block;width: 100%;text-align: center;}
  .footer_bottom ul li{float: none;display: inline-block;}
}
@media screen and (max-width:768px) {
  header::before{height: auto;bottom: 0;}
  footer::before{height: auto;top: 0;}
  
  .logo1{width: 30%;}
  .logo2{width: 45%;}
  .top{padding: 10px 0;}
}
@media screen and (max-width:540px) {
  .gp-menu-header{top: 10%;}
}
@media screen and (max-width:479px) {
  .logo2 {
    margin: 1% 0 0 1%;
}

.footer_top .footer_lt dl:first-child dd{width: 100%;}
}