@charset "utf-8";
/*基础样式*/
html{}
body{font-size:14px;/* 14÷10=1.4 */color: #333;font-family:'Arial',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:#333}
a:hover{text-decoration: none;color: #04508e;}
input[type='button'],button,input{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
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{width: 100%;height: 0;padding-bottom: 56.25%;overflow:hidden;display: block;background-color: #d8e3e6}
.gp-img-responsive img{width: 100%;transition: all 0.5s ease-in-out;max-width:none;}
.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;}
.text-upper{text-transform: uppercase;}
.text-left{text-align: left !important}
/*边框*/
.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: 180;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;}
.gp-f14{font-size:14px;}
.gp-f16{font-size:16px;}
.gp-f17{font-size:17px;}
.gp-f18{font-size:18px;}
.gp-f20{font-size:20px;}
.gp-f22{font-size:22px;}
.gp-f24{font-size:24px;}
.gp-f26{font-size:26px;}
.gp-f28{font-size:28px;}
.gp-f30{font-size:30px;}
.gp-f32{font-size:32px;}
.gp-f34{font-size:34px;}
.gp-f36{font-size:36px;}
.gp-f38{font-size:38px;}
.gp-f40{font-size:40px;}
.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,.gp-md-fl,.gp-sm-fl{float: left;}
.gp-fr,.gp-md-fr,.gp-sm-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-white *:hover,.gp-white:hover{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{max-width:1430px;margin-left: auto;margin-right: auto;}
@media screen and (max-width:1500px) {
.gp-container{width: 80vw}
.gp-f32{font-size: 26px;}
}
@media screen and (max-width:1386px) {
/* .gp-container{width: 1100px !important;} */
.gp-f32{font-size: 24px;}
}
@media screen and (max-width:1240px) {
.gp-container{width: 90vw}
}
@media screen and (max-width:1060px) {
/* .gp-container{width:900px !important;} */
}
@media screen and (max-width:996px) {
.gp-container{width: auto !important;margin-left: 3vw;margin-right: 3vw;padding-left: 0;padding-right: 0;}
.gp-md-fl,.gp-md-fr{float: none;width: 100% !important;}
}
@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-sm-fl,.gp-sm-fr{float: none;width: 100% !important;}
}
/*
面包屑
*/
.gp-bread{height:auto; line-height:20px; color:#999;padding:12px 0;overflow:hidden;position: relative;z-index: 5;}
.gp-bread span{color:#999;margin:0 3px}
.gp-bread a{color:#999;}
.gp-bread a:hover{color:#ba2528;}
@media screen and (max-width:767px) {
.gp-article {/* word-break: break-all; */}
.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%;}
}
/*
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-xxs-6 > li{width: 16.6%;}
.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%;}
.gp-avg-6 > li{width: 16.6%;}
}
@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%;}
.gp-avg-xxs-6 > li{width: 16.6%;}
}
@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%;}
.gp-avg-xs-6 > li{width: 16.6%;}
}
@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%;}
.gp-avg-sm-6 > li{width: 16.6%;}
}
@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%;}
.gp-avg-md-6 > li{width: 16.6%;}
}
@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-avg-lg-6 > li{width: 16.6%;}
}
/*
表格
*/
.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:19px 20px;line-height: 1.4;word-break: break-all;}
.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(even)>td,
.gp-table-striped>tbody>tr:nth-child(even)>th {
background-color:#f5f5f5
}
/*置顶*/
.gp-goTop{width: 50px;height: 50px;line-height: 50px;text-align: center;font-size:25px;color: #ffcc03 !important;background: #003e78;}
.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;}
/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;filter:alpha(opacity=90);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;}
.text-center{text-align: center;}
/* 公共样式 */
.header{ z-index: 9000;position: fixed;width: 100%;left: 0;top: 0;}
.top{position: relative;z-index: 20;}
.logo{float: left;width: 27.7%;line-height: 1;height: 140px;background-color: #00274c;position: relative;box-sizing: border-box;padding: 15px;}
.logo a img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 93%;max-height: 75%;}
/* .logo a img{height: 100%;display: inline-block;} */
.topNav{text-align: right;font-size: 0;background-color: #003e78;padding-right: 3vw;}
.topNav a{display: inline-block;vertical-align: middle;height: 40px;line-height: 40px;font-size: 16px;}
.topNav a:hover{opacity: 1;}
.topNav span{display: inline-block;vertical-align: middle;margin: 0 10px;opacity: 0.85;filter: alpha(opacity= 85);font-size: 16px;}
.topNav .gp-serBtn2{margin:0 22px 0 10px;}
.topRight{text-align: right;margin-left:27.7%;background-color: rgba(0,62,120,0.55);height: 140px;}
.nav{text-align: right;transition: all 0.35s ease-out;margin-right: 3vw;display: flex;display: -webkit-flex;justify-content:space-between;margin-left: 3vw;}
.nav >li{position: relative;height: 100px;line-height: 100px;transition: height 0.4s ease-out;}
.nav > li > a{font-size: 24px;display: inline-block;position: relative;overflow: hidden;vertical-align: middle;color: #fff;text-shadow: 1px 1px 0 rgba(0,0,0,0.8);}
.nav > li:hover > a,.nav > li.active > a{color: #f8c907;}
.nav > li > span{display: inline-block;vertical-align: middle;margin: 0 4px;}
.nav > li .second_nav1::before{content:'';width: 0;height:2px;position: absolute ;left: 50%;top: -2px;transition: all 0.35s ease-in-out;background-color: #fff;}
.nav > li.active .second_nav1::before,.nav > li.active .second_nav1::before,.nav > li.on .second_nav1::before,.nav > li.on .second_nav1::before{transform: none;width: 100%;left: 0;}
.nav > li .second_nav1{width: 270px;background-color:rgba(0,62,120,0.85);position: absolute;left: 50%;display: none;margin-left: -135px;top: 98px;padding: 30px 15px;box-shadow: 0 10px 10px rgba(0,0,0,0.35);}
.nav > li.on .second_nav1{display: block;}
.second_nav1 dd a{padding: 18px 15px;display: block;text-align: left;font-size: 18px;text-align: center;color: #fff;line-height: 1.5;}
.second_nav1 dd a:hover{color: #ffcc03;text-decoration: underline;}
.gp-serBtn2{}
.nav >li:last-child .second_nav1{left: auto;right: -3vw;}
/*1.默认展开的搜索*/
.gp-search{width:220px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;}
.gp-ser{width:100%; height:40px; z-index:9999994; margin:0 auto;position: relative;overflow: hidden;max-width: 900px;}
.gp-search input,.gp-search button{position:absolute; height: 40px;line-height:40px; border:none; background:none; top:0px;overflow: hidden; }
.gp-search input.notxt{color:#fff; width:87%;left: 0;padding-left: 2%;}
.gp-search .notxt1 {position: absolute;width: 10%;right:0;cursor:pointer;color:#fff;}
/*4.搜索按钮全屏展开*/
#gp-serBtn4{position: relative;z-index: 801;}
.gp-search4{width: 60%;height: 54px;margin-right:10px;display: none;position: relative;}
.gp-search4 .gp-ser{max-width: 800px;}
.gp-search4 input,.gp-search4 button{height: 54px;line-break: 54px;}
.gp-search4 .gp-ser{height:54px;overflow: hidden;border: 1px solid #979797;border-radius: 4px;}
.gp-search4 .notxt1{color:#999}
.gp-search4.active .gp-ser{display: inline-block;}
.gp-search4.active{display: inline-block;}
/* .searchActive .topNav,.searchActive .nav{display: none;}
.searchActive .topRight{padding-top: 28px;}
.searchActive #gp-serBtn4{padding-top: 10px;}
.serachClose{position: absolute;left: -40px;top: 16px;cursor: pointer;}
.serachClose i{color: #fff;font-size: 25px;} */
@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;}
}
.fadeInUpSmall ,.show { -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; }
@-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; }
}
.fadeInDownSmall { -webkit-animation-name: fadeInDownSmall ; animation-name: fadeInDownSmall ; 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; }
@-webkit-keyframes fadeInDownSmall {
0% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInDownSmall {
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; }
}
.fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall ; animation-name: fadeInLeftSmall ; 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; }
@-webkit-keyframes fadeInLeftSmall {
0% { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInLeftSmall {
0% { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
}
.fadeInRightSmall{ -webkit-animation-name: fadeInRightSmall ; animation-name: fadeInRightSmall ; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; }
@-webkit-keyframes fadeInRightSmall {
0% { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
100% { opacity: 1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInRightSmall {
0% { opacity: 0; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
}
/*头部定位*/
.header.currents{box-shadow: 0 0 15px rgba(0,0,0,0.2);position: fixed;left:0;top: 0;width: 100%;margin-bottom: 0;}
.header.currents::before{height: 100%;transition: all 0.35s linear;}
/* .header.currents::before{display: none;}
.header.currents .topNav{display: none;}
.header.currents .logo{padding-top: 8px;width:210px;padding-bottom: 0;}
.header.currents .topRight{padding-top: 0;}
.header.currents .nav{padding-top: 0;}
.header.currents .nav > li > a{height: 60px;line-height: 60px;padding: 0;font-weight: normal;font-size: 16px;}
.header.currents .second_nav1{top: 60px;}
.header.currents .second_nav1 dd a{font-size: 1.4rem;}
.header.currents .gp-serBtn2{padding-top: 8px;}
.header.currents .gp-search4 input,.header.currents .gp-search4 button{height: 45px;line-height: 45px;}
.header.currents .gp-search4 .gp-ser{height: 45px;}
.header.currents .gp-search4{height: 46px;}
.header.currents .serachClose{top: 10px;} */
.header.currents .logo,.header.currents .topRight{height: 100px;}
.header.currents .nav li{height: 60px;line-height: 60px;}
.header.currents .nav li .second_nav1{top: 60px;}
.header.currents .gp-m-search.active{top: 100px;}
/*手机端导航默认*/
.mobile_bg{width: 100%;height: calc(100% - 100px);z-index: 90;position: fixed;top:100px;left: 0;background: rgba(0,0,0,0.6);display: none;z-index: 300;}
.gp-menu{ width: 100%;z-index: 98;height: 100%;position: absolute;display: none;right: 0;top: 0;z-index: 400;}
.gp-menu-header{position: absolute;top: 15px;right: 0;z-index: 996;width: 100%;height:50px;}
.gp-menu-link{float: left;line-height: 40px;height: 40px;padding-left: 15px;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{float:right;position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;cursor: pointer;margin:0 15px 0 0;width: auto;height: 50px;border-radius: 50%;text-align: center;text-align: center;line-height: 50px;width: 50px;}
.gp-menu-header-icon span{ position: absolute; right: calc((100% - 30px) / 2); top: calc((100% - 6px) / 2.3); width: 27px; height: 2px; background-color: #fff;display: none;}
.gp-menu-header-icon-out span{width: 30px;height: 2px;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);}
.gp-menu-header .searchBtn{width: 50px;font-size:24px;padding-top: 10px;text-align: center;color: #fff;position: absolute;right: 70px;top:0;font-weight: normal;}
.gp-menu-header-icon-out i{width: 50px;display: inline-block;vertical-align: middle;height: 50px;}
@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{top: calc((100% - 2px) / 2.1);display: block;}
.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;margin-left: 0;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
.gp-menu-header-icon-click i{display: none;}
.gp-menu-header-icon-click strong{display: none;}
.gp-menu-header-icon-click em{display: inline-block;margin-right: 90px;width: 40px;height: 40px;vertical-align: middle;position: absolute;left: -40px;top: 5px;}
@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-header-icon-click{width: 50px;}
.gp-menu-nav{ width: 100%; position: absolute;top: 80px;right: 0px;display: none;background:#fff;border-top: 1px solid #D8D8D8; }
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul {}
.gp-menu-nav > ul > li{position: relative;box-sizing: border-box;transition: transform 0.5s ease-in;transform: translateY(-40px);opacity: 0;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid #f3f3f3;border-right: 1px solid #f0f0f0;box-sizing: border-box;}
.gp-menu-nav > ul > li > a{display: inline-block;font-size: 16px;line-height: 1.4;padding:18px 15px;width: 70%;box-sizing: border-box;}
.m-second-nav {display: none;padding-bottom: 10px;padding:0 8px;background-color: #e8f1f6;}
.m-second-nav > li{border-bottom: 1px solid rgba(0,0,0,0.05);}
.m-second-nav > li:last-child{border-bottom: none;}
.m-second-nav > li.on > span{transform: rotate(45deg);}
.m-second-nav > li > a{display:block;padding:16px 0 16px 50px;font-size:14px;color: #333;}
.m-second-nav > li > span{top: 4px;color: #dad6ce;font-size: 18px;}
.gp-menu-arrow {cursor: pointer;width: 30px;height: 60px;line-height: 60px;color:#999;text-align: right;position: absolute;right: 10px;top: 0;font-size: 20px;text-align: center;}
.gp-menu-arrow::before{transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on > span{color: #fff;}
.gp-menu-nav > ul > li.on > span::before{transform: rotate(90deg);display: inline-block;}
.gp-menu-nav li ul {}
/*导航内标签效果*/
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none;}
.open .logo,.open .header .divSelect{z-index: 90;}
.open .gp-menu-nav > ul > li{transform: none;opacity: 1;}
.open .gp-menu-nav > ul > li.on{background-color: #003e78;}
.gp-menu-nav.gp-menu-offcanvas2{position: fixed;display: block;transform: translate(150%,0);transition: all 1s ease-in-out;width: 85%;max-width: 400px;border-left: 8px solid #9A0000;}
body.open .gp-menu-offcanvas2{transform: translate(0,0);position:absolute;}
body.open .gp-menu-nav > ul > li.on > a{color: #fff;}
body.open .searchBtn {display: none !important; }
body.open .m_en{display: inline-block;padding-top: 4px;}
.m_logo{padding: 25px 80px 40px 20px;background-color: #9A0000;}
.mobile-column1{width: 100%;left: -100%;position: absolute;top: 50%;transform: translateY(-50%);}
.m-link{padding:30px 20px;text-align: center;}
.m-link a{display: inline-block;vertical-align: middle;line-height: 1.5;padding:4px 10px;font-size: 16px ;color: #999;}
/*5移动端搜索默认*/
.gp-m-search {width:100%;display: none;background-color: #fff;border-top: 1px solid #D8D8D8;height: 50px;line-height: 50px;box-sizing: border-box;padding: 3vw 5%;height: auto;}
.gp-m-search .gp-ser{border: 1px solid #D8D8D8;}
.gp-m-search .notxt1{right: 0;width: 80px;background-color: #04508e;font-size: 16px;}
.gp-m-search input.notxt{left: 0;width: 100%;box-sizing: border-box;padding-left: 15px;}
.gp-m-search.active{display: block;position: absolute;left: 0;top: 140px;}
/*加页面动画*/
.effect2{opacity: 0;transform: translateY(50px);transition: transform 1s, opacity 1s ease-in-out }
.effect2.isView{transform: none;opacity: 1 !important;}
.USTB-title{font-size: calc(25px + 1.65vw);font-weight: bold;font-family: Arial Black;padding: 35px 0;}
.readMore{text-align: center;padding: 50px 0;}
.readMore a{display: inline-block;line-height: 1;padding: 18px 0;width: 80%;max-width: 457px;background-color: #ffcc03;box-shadow: 0 0 7px rgba(0,0,0,0.15);position: relative;overflow: hidden;transition: transform 0.4s ease-out;}
.readMore a span{color: #00274c !important;position: relative;z-index: 5;}
.readMore a:before, .readMore a:after { content: ""; position: absolute; z-index: 0; height: 100%; width: 0;
top: 0; background-color: #004998; -webkit-transition: all .4s; transition: all .4s ease-out;}
.readMore a:before { left: -30px; -webkit-transform: skew(-45deg, 0); transform: skew(-45deg, 0);}
.readMore a:after { right: -30px; -webkit-transform: skew(-45deg, 0);transform: skew(-45deg, 0);}
/*footer*/
.wrap_footer{background: url(../images/footer.jpg) no-repeat center;background-size: cover;}
.footer{padding-top: 80px;}
.footer_logo{width: 48%;text-align: center;}
.footer_logo p{color: #fff;text-align: center;text-transform: uppercase;padding-top: 35px;}
.footer_logo img{max-width: 90%;}
.code-list1{margin-left: 52.4%;}
.code-list1 li{padding-left: 30px;box-sizing: border-box;transition: transform 0.35s ease-out;}
.code-list1 li strong{display: block;font-weight: normal;color: #fff;text-align: center;padding-top: 12px;}
.footer_nav{border-top: 1px solid rgba(255,255,255,0.1);margin-top: 35px;padding: 60px 0;}
.footer_nav > li{padding-left: 3%;box-sizing: border-box;transition: transform 0.35s ease-out;margin-bottom: 10px;}
.footer_nav > li h3{font-size: 18px;color: #ffcc03;line-height: 1.5;margin-bottom:30px;text-transform:uppercase;}
.footer_nav > li h3 a{color: #ffcc03;}
.nav_list li{line-height: 1.5;margin-bottom: 12px;}
.nav_list li a,.footer_nav > li h3 a{opacity: 0.8;filter: alpha(opacity=80);transition: all 0.35s ease-out;display: block;}
.copyRight{text-align: center;padding: 20px 0;background-color: rgba(0,0,0,0.25);}
.copyRight > *{opacity: 0.3;filter: alpha(opacity = 30);}
/***分页*/
.gp-page { padding:90px 0;font-size: 0;text-align:center;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a:first-child{border-left: 1px solid #e5e5e5;}
.gp-page>a,.gp-page > span{display:inline-block;*display: inline;*zoom:1;height:35px;line-height:35px; position:relative;text-align: center; vertical-align: top;font-size: 14px;transition: all 0.35s ease-in-out;border:1px solid #e5e5e5;margin-bottom: 5px;cursor: pointer;text-align: center;width: 35px;border-left: none;}
.gp-page > span{border: none;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page > span,.gp-page .gp-page-prev,.gp-page .gp-page-next {width: auto;padding: 0 20px;}
.gp-page .gp-page-prev{border-radius: 5px 0 0 5px;}
.gp-page .gp-page-next{border-radius: 0 5px 5px 0;}
.gp-page > a:hover ,.gp-page > a.on_pages{ background-color:#003e78;color: #fff;}
.gp-page .gp-page-prev:hover,.gp-page .gp-page-next:hover{background-color: #f0f5f9;color: #ffcc03;}
.arrow2{position: relative;}
.arrow2::before{content: '';width: 6px;height: 6px;border-left: 1px solid #666;border-top: 1px solid #666;display: inline-block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
.gp-page-next::before{transform: translate(-50%,-50%) rotate(135deg);}
.gp-page .pageSelect{min-width:66px;height: 38px; vertical-align: middle;border:1px solid #d7dfdc;line-height: 38px;text-align: center;padding:0 15px;font-size: 1.4rem;background: none;outline: none;}
@media screen and (min-width: 996px) {
.readMore a:hover{transform: translateY(-10px);}
.readMore a:hover span{color: #fff !important;}
.readMore a:hover:before, .readMore a:hover:after { width: 80%;}
.nav_list li a:hover,.footer_nav > li h3 a:hover{opacity: 1;filter: alpha(opacity=100);transform: translateX(10px);}
.code-list1 li:hover{transform: translateY(-10px);}
}
@media screen and (max-width:1700px) {
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1460px) {
.gp-f30{font-size: 26px;}
}
@media screen and (max-width:1386px) {
.nav >li{height: 70px;line-height: 70px;}
.nav > li .second_nav1{top: 68px;}
.topRight,.logo{height: 110px;}
.nav > li > a{font-size: 18px;}
.topNav a{font-size: 14px;}
.gp-f30{font-size: 24px;}
.gp-m-search.active{top: 110px;}
.gp-f24{font-size: 22px;}
}
@media screen and (max-width:1260px) {
}
@media screen and (max-width:1060px) {
}
@media screen and (max-width:996px) {
.topRight{display: none;}
.header{position: relative;}
.logo{width: 75%;padding: 15px 0 0;position: relative;z-index: 8888;height: 80px;}
.gp-m-search.active{top: 80px;}
.top{background-color: #1e5f9f;}
.top{position: static;}
.gp-menu{display: block;}
.gp-f30{font-size: 18px;}
.footer{padding-top: 50px;}
.footer_logo{text-align: center;}
.footer_logo img{width: 80%;max-width: 500px;}
.footer_logo p{text-align: center;padding-top: 15px;}
.code-list1{margin-left: 0;padding-top: 25px;}
.code-list1 li{padding: 0 15px;text-align: center;margin-bottom: 15px;}
.code-list1{margin: 0 -15px;}
.footer_nav{padding: 35px 0;}
.gp-page{padding: 60px 0;}
}
@media screen and (max-width:767px) {
.gp-f16{font-size: 15px;}
.readMore{padding: 30px 0;}
.gp-f24{font-size: 20px;}
.footer{padding-top: 20px;}
.footer_nav > li h3{margin-bottom: 15px;}
.nav_list li{margin-bottom: 8px;}
.nav_list li{font-size: 14px;}
.gp-page{padding: 30px 0;}
/* .nav_list{display: none;} */
}
@media screen and (max-width:640px) {
.gp-f24{font-size: 16px;}
.gp-f18{font-size: 16px;}
.gp-page a{display: none;}
.gp-page .on_pages,.gp-page .gp-page-prev,.gp-page .gp-page-next{display: inline-block;}
}
@media screen and (max-width:480px) {
.header{height: 60px;}
.gp-menu-header-icon-out i,.gp-menu-header-icon-out strong{width: 40px;height: 40px;line-height: 40px;}
.gp-menu-header-icon{height: 40px;line-height: 40px;margin-right: 4px;width: 40px;margin-top: 2px;}
.gp-menu-nav,.gp-m-search.active{top: 60px;}
.gp-menu-header{top: 5px;}
.gp-menu-header .searchBtn{padding-top: 12px;right: 50px;font-weight: normal;}
.gp-menu-nav > ul > li > a{padding: 12px 20px;}
.gp-menu-nav > ul > li.on > span{width: 46px;line-height: 46px;height: 46px;}
.m-second-nav > li > a{padding: 10px 15px;}
.gp-menu-arrow{height: 46px;line-height: 46px;}
.logo{height: 60px;}
.gp-f20{font-size: 18px;}
.code-list1{max-width: 340px;margin: 0 auto;}
.footer_logo p{font-size: 14px;}
}
@media screen and (max-width:400px) {
.logo{width: calc(100% - 100px);}
}