/*======index的Header 部分======*/

.header .calcWidth{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 15px 0; */
}
.nav_back {
    background: #174994;
}
.nav li {
    position: relative;
    transition: all 0.35s ease;
}
.nav{
	display: -webkit-flex;
    justify-content: space-between;
}
.nav a {
    display: block;
    padding: 23px 0;
    line-height: 1;
}
.subNav dd{
	list-style: none;
	width: 33%;
}

.white * {
    color: #fff;
}

.header .calcWidth{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  /* padding: 0; */
  background: #ffffff6b;
  }
.calcWidth, .nav{/* margin-left:  20px; *//* margin-right:  20px; */}

.logo{ display: flex; display: -webkit-flex; align-items: center;}
.logo a{ display: block;}
.logo01{ margin-right: 0px; position: relative;width: 454px;height:103px;}
.logo02{
	width: 181px;
	height:103px;
}
.logo01::after{ content: ''; display: block; width: 1px; height: 25px; background-color: transparent;
  position: absolute; top: 50%; right: -20px; transform: translateY(-50%);}

.nav_back{padding: 0 15px;background: #174994;}
.nav{ display: flex; display: -webkit-flex; /* Safari */ justify-content: space-between;}
.nav li{ position: relative; transition: all 0.35s ease;}
.nav li:last-child{ margin-right: 0px;}
.nav li:hover > a{ color: #fff; opacity: 0.85;}
.nav a{ display: block; padding: 23px 0; line-height: 1;}
/*手机端导航默认*/
.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; position: absolute; top: 0%; right: 0px; display: none;}
.gp-menu-header{position: absolute;top: 15px; right: 20px;z-index: 996;width: 10%;height: 40px;/* background: rgba(0,0,0,0.2); */}
.open .gp-menu-header{ position: fixed; top: 2%;}
.gp-menu-link{/* float: left; */line-height: 40px;height: 40px;padding-left: 15px; margin-bottom: 10px;
  display: block; padding: 0 100px; display: flex; display: -webkit-flex; justify-content: space-between;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{ color: #fff; 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;margin-right: 10px;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 25px) / 2);  top: calc((100% - 2px) / 3);  width: 27px;  height: 3px;  background-color: #fff;}
.gp-menu-header-icon-out span{width: 27px;height: 4px;background-color:#174994;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 > 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);}
.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;
  }
}
.gp-menu-header{ display: none;}

.gp-menu-nav{ width: 100%; max-height: 640px; overflow-y: scroll; position: fixed;top: 0;right: 0px;padding-top: 30px;background: #b90202;
    background: -webkit-linear-gradient(120deg, #ffb100 , #b90202);
    background: linear-gradient(120deg, #ffb100 , #b90202); display: none;}


@keyframes turnSelf{
  0% { transform: rotateY(0deg);}
  20% { transform: rotateY(180deg);}
  100% { transform: rotateY(360deg);}
}

.c_back{
	color:#000000;
}

.c_white{
	color:#ffffff;
}
.c_blue, .gp-clearFix .c_blue{
	color:#0c4994;
}
.c_white .index_title::after{
	content: '';display: block;position: absolute;left: 114px;right: 0;top: 25px;height: 1px;background: #1e9852;
}


.c_white .index_title .channel_title{
	color:#ffffff;
}
.search{ width: 220px; position: relative;}
.search .notxt{ width: 100%; height: 36px; line-height: 1; box-sizing: border-box; border: 1px solid #bfbfbf; border-radius: 18px; 
  padding: 0; outline: none; padding-left: 30px; font-size: 14px;}
.search .notxt1 { width: 25px; height: 36px; cursor:pointer; color:#666; background: url(../images/icon/search_icon.png) no-repeat center; border: 0px;
  position: absolute; right: 20px; top: 0px;}
.toplink{
	float:right;
	top:-45px;
	right: -360px;
	position: relative;
	
}
.gp-f12{font-size:12px;font-size: 1.2rem;}
.gp-f14{font-size:14px;font-size: 1.4rem;}
.gp-f15{font-size:15px;font-size: 1.5rem;}
.gp-f16{font-size:16px;font-size: 1.6rem;}
.gp-f17{font-size:17px;font-size: 1.7rem;}
.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-f23{font-size:23px;font-size: 2.3rem;}
.gp-f24{font-size:24px;font-size: 2.4rem;}
.gp-f25{font-size:25px;font-size: 2.5rem;}
.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-f35{font-size:35px;font-size: 3.5rem;}
.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-f42{font-size:42px;font-size: 4rem;}