@charset "utf-8";
/* CSS Document */
html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */}
body{font-size:14px; /* 14÷10=1.4 */color: #333;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;color: #282828; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;padding:0}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover{color: #0072e1;text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address, caption, cite, code, dfn, em, th, var{font-style:normal;font-weight:400;}
ul,ol,li{list-style:none outside none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.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{width: 100%;height: 0;padding-bottom: 66.67%;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;}
.black *{color:#333}
.white *{color:#fff}
.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-container{width: 1200px;}
.gp-f12{font-size: 12px;}
.gp-f16{font-size: 16px;}
.gp-f18{font-size: 18px;}
.gp-f20{font-size: 20px;}
.gp-f22{font-size: 22px;}
.gp-f24{font-size: 24px;}
.gp-f48{font-size: 48px;}
.gp-container{width: 1200px;margin:0 auto}
.gp-ib{display: inline-block;*display: inline;*zoom: 1;}
/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.8;filter:alpha(opacity=80);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;opactiy:0.9;filter:alpha(opacity=90);} 
.ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;}
/*文章页控制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;}
@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;}
}
@media screen and (max-width:1300px) {
  .gp-container{width: 1100px;}
  .gp-f18{font-size: 1.6rem;}
  .gp-f24{font-size: 2rem;}
  .gp-f30{font-size: 2.6rem;}
  .gp-f16{font-size: 1.5rem;}
  .gp-f28{font-size: 2.2rem;}
  .gp-f48{font-size: 4rem;;}
}
@media screen and (max-width:1200px) {
  .gp-container{width: 1000px;}
}
@media screen and (max-width:1100px) {
  .gp-container{width: 900px;}
}
@media screen and (max-width:960px) {
  .gp-container{width: auto;margin-left: 30px;margin-right: 30px;}
}
@media screen and (max-width:996px) {
  .gp-f16{font-size: 1.5rem;}
  body{font-size: 1.3rem;}
}
@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;}
}
/*头部样式*/

/* nav */
.nav_container {position: fixed;	top: 0;	left: 0;width: 100%;height: 70px;	z-index: 999;transition: transform 0.8s ease-in-out;}
.navWrap{margin:0 auto;height: 100%;position: relative;}
.nav {height: 100%;	z-index: 80;width: auto;height: 53px;display: inline-block;*display: inline;*zoom: 1;vertical-align:middle;}
.nav li {float: left;text-align: center;position: relative;}
.nav li.active a,.nav li:hover a{color:#fff;display: block;transition:all 0.4s;}
.nav .nav_item {font-size: 14px;}
.nav > li >a{display: block;	text-decoration: none;padding:0 24px;font-size: 18px;height: 50px;line-height: 50px;padding-top: 3px;position: relative;}
.nav > li >a:before{content: '';width: 0;background-color: #0a7cb2;height: 3px;position: absolute;left: 50%;top: 0;transition: all 0.35s ease-in-out;}
.subNav{display: none;}
.logo {display: block;width: 809px;padding-top:45px;float:left;transition:padding 0.3s,width 0.3s ease-out;padding-left: 8.8%;}
.topRight{float: right;padding-top: 60px;margin-right: 8.8%;transition: padding 0.3s ease-in-out;}

.gp-search{width:220px;overflow: hidden;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;border:1px solid #ccc;}
.gp-ser{width:100%; height:28px; z-index:9999994; margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute; height: 28px;line-height:28px; border:none; background:none; top:0px;overflow: hidden; }
.gp-search input.notxt{color:#a4a4a4; width:82%;left: 0;padding-left: 2%;}
.gp-search .notxt1 {position: absolute;width: 15%;right:0;cursor:pointer;color:#666;}
/*4.搜索按钮全屏展开*/
.gp-serBtn2{position: relative;z-index: 801;vertical-align: middle;width: 40px;height: 40px;background-color: rgb(0,0,0,0.2);border-radius: 50%;line-height: 40px;text-align: center;font-size: 20px;margin-left: 20px;transition: all 0.35s ease-in-out;}
.gp-serBtn2:hover{background-color: #0a7cb2;color: #fff;;}
.gp-search4{height: 0;border:none;width: 100%;overflow: hidden;position: fixed;top: 50%;z-index: 802;left: 0;}
.gp-search4 .gp-ser{max-width: 800px;}
.gp-search4 input,.gp-search4 button{height: 40px;line-height: 40px;}
.gp-search4 .gp-ser{height: 40px;border: 1px solid #ccc;margin-top: 20px;}
.gp-search4 .notxt1{background: #0a7cb2;color:#fff;font-size: 20px;}
.gp-search4 .gp-ser{display: none;border:none;background: #fff;}
.gp-search4.active .gp-ser{display: block;}
.gp-search4.active{height: 80px;}
.gp-overlay{background-color: #000;opacity: 0.6;position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.searchActive .gp-overlay{top: 0;}
@media screen and (max-width:998px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 90px;}
  .gp-search4 .notxt1{width: 85px;}
}


.nav > li >a:hover,.nav > li.on > a{background-color: #fff;color: #0a7cb2;}
.nav > li >a:hover:before,.nav > li.on >a:before{width:100%;left: 0;}
.nav > li.on .subNav{display: block;}
.subNav{position: absolute;top: 53px;width: 100%;left: 0;background-color: #0a7cb2;background-color: rgba(10,124,178,0.9);}
.subNav dd > a{display: block;border-bottom: 1px solid rgba(255,255,255,0.1);padding:13px 10px}
.subNav dd > a:hover{background-color: #fff;color: #0a7cb2;}



.search_wrap{display: none;}
.mobile-search{height: 42px;}
.mobile-search input, .mobile-search button{height: 40px;line-height: 40px;}
.mobile-search{width: 100%;border: none;border-bottom: 2px solid rgba(255,255,255,0.2);font-size: 1.6rem;}
.mobile-search input.notxt{color:rgba(255,255,255,0.2);width: 100%;box-sizing: border-box;padding-right: 35px;;}
.mobile-search .notxt1{font-size: 25px;color: #fff;width: 35px;}
.nav_container.active{transform: none;}
.mobile_header{height: 100px;}
.mobile_logo{padding: 10px 0 0 15px;width: 70%;}
.mobile_nav{display: none;position: absolute;width: 100%;top: 0;z-index: 9999;}


/*手机端导航*/
#menu-btn-wrap{width: 28px;height:50px;position: absolute;top:13px;right:15px;
	z-index:99991;cursor: pointer;
	transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	overflow: hidden;
	display: none;
}
.menu-icon i{color: #fff;font-size: 30px;position: absolute;left: 0;top: 0;}
#menu-btn-wrap.active .menu-icon i{display: none;}
#menu-btn-wrap.active{width: 65px;}
#menu-btn-wrap.active span{background-color:#fff;}
#menu-btn-wrap.active .menu-icon span{opacity: 1;}
#menu-btn-wrap.active .menu-icon span:nth-child(1){display: block;
	transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
#menu-btn-wrap.active .menu-icon span:nth-child(2){
	transform:translateX(60px);
	-o-transform:translateX(60px);
	-moz-transform:translateX(60px);
	-webkit-transform:translateX(60px);
	-ms-transform:translateX(60px);
	opacity: 0
}
#menu-btn-wrap.active .menu-icon span:nth-child(3){display: block;
	transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	margin-bottom: 0;
	
}
#menu-btn-wrap.active .menu-txt{left:35px;width: 65px;height: 17px;
	transition:all 0.3s ease-in-out;
}
#menu-btn-wrap.active .menu-icon{margin-left:6px;transition:all 0.6s ease-in-out;}
.menu-txt{position: absolute;top:3px;left:-45px;
	transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
}
.menu-icon{width: 24px;height: 20px;margin:5px 0 0;
	transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transform-origin:12px 12px;
	float:left;
}
.menu-icon span{
	display: block;width: 100%;height: 4px;background-color:#fff;margin-bottom: 4px;opacity: 0;
	transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
}
.menu-icon span:nth-child(1){
	transform-origin:left top;
	-o-transform-origin:left top;
	-moz-tranform-orign:left top;
	-webkit-tranform-orign:left top;
	-ms-tranform-orign:left top;
}
.menu-icon span:nth-child(3){
	transform-origin:bottom left;
	-o-transform-origin:bottom left;
	-moz-tranform-orign:bottom left;
	-webkit-tranform-orign:bottom left;
	-ms-tranform-orign:bottom left;
	margin-bottom: 0
}
.sNav{display: none;position: absolute;left:20%;top:50px;width:60%; z-index: 99982;}
.gp-menu-arrow{color: #fff;font-size: 20px;position: absolute;right: 0;top: 0;height: 10vh;line-height: 10vh;transition: all 0.4s ease-in-out;}
.phoneNav{}
.phoneNav > li.on .gp-menu-arrow{transform: rotate(90deg);}
.phoneNav > li{position: relative;border-bottom: 1px solid rgb(255,255,255,0.1);}
.phoneNav > li > a{color:#fff;font-size: 18px;height: 10vh;line-height: 10vh;}
.gp-menu-sub{padding-left: 30px;display: none;}
.gp-menu-sub li a{color: #fff;display: block;padding:10px 0;font-size: 16px;opacity: 0.5;}
.links{width:100%;height:50px;line-height: 50px;border-top:1px solid #5d125c;margin-top:20px;text-align: center;}
.links a{display: inline-block;color:#fff;font-size: 14px;padding:0 12px;}

.lightbox_back { z-index: 99980; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: #004ea2;
    display: none;}
/*.fullScreen{display: block;right:50%;margin-right:-84px;}
.lightbox_fore { z-index: 999998; left: 20%; top: 50%;width: 60%; height: 116px; margin-top:-58px;
  position: fixed;  display: none;}
.boxClose{position: absolute;right:-15px;top:-15px;cursor:pointer;}*/
.wrap_footer{background-color: #0a7cb2;}
.footer{padding-top:60px;padding-bottom: 60px;text-align: center;line-height: 1.4;}
.footer{}
.footer span{display: inline-block;*display: inline;*zoom: 1;margin:0 8px;}
.footer a:hover{color: #fff;opacity: 0.8;}
.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;  }
}
.mobile_nav.active{background-color: rgba(0,0,0,0.5);}
.mobile_nav.active{height: 60px;}
.mobile_nav.active .mobile_logo{width: 385px;}
.topRight{position: relative;}
.loginBtns{position: absolute;top: 15px;right: 10px;}
.loginBtns a{margin:0 0 0 15px;}
.loginBtns a img{width: 16px;display: inline-block;vertical-align:middle;margin-right: 6px;}
.loginBtns a :hover{color: #fff;}
.loginBtns2{overflow: hidden;padding:15px 0;text-align: center;}
.loginBtns2 a{display: inline-block;margin-right: 15px;color: #fff;font-size: 1.6rem;}
@media  screen and (max-width:1800px){
   .logo{padding-left: 3%;}
   .topRight{margin-right:3%;}
   .logo{width: 40%;}
   .topRight{padding-top: 3%;}
}
@media  screen and (max-width:1386px){
.nav > li >a{padding:0 15px;font-size: 16px;}
}
@media  screen and (max-width:1024px){
	.navWrap{width: auto;margin:0 auto;margin:0 15px;}
	.nav_container{position:fixed}
   .logo{padding:15px 0 0;}
	
}	

@media screen  and (max-width:996px) {
  .mobile_nav{display: block;}
	.logo{width: 180px;height:50px;padding-top: 5px;font-size: 20px;line-height: 50px;}
	#menu-btn-wrap{display: block;}
 	.nav_container,.nav_container.active{display: none !important;}
  .footer{padding:15px;line-height: 1.4;}
  
}

@media screen  and (max-width:860px) {

}
@media screen  and (max-width:767px) {
.gp-f48{font-size: 2rem;}
}

@media screen and (max-width:480px) {
  .mobile_header{height: 40px;background-color: rgba(255,255,255,0.6);}
  .mobile_nav.active{background: none;}
  .menu-icon i{color: #004ea2;}
  #menu-btn-wrap{top: 4px;}
  .mobile_logo,.mobile_nav.active .mobile_logo{padding:5px 0 0 10px;width: 300px;}
  .sNav{width: 80%;left: 10%;}
  .phoneNav > li > a{font-size: 1.6rem;}
  .gp-menu-sub li a{font-size: 1.4rem;}
  
}
	
	

@media screen and (max-width:380px) {
  .mobile_logo,.mobile_nav.active .mobile_logo{width: 250px;padding-top: 7px;}
}