@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: #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;
-webkit-font-smoothing: subpixel-antialiased;
}
table {
border-collapse: collapse;
border-spacing: 0;
padding: 0
}
fieldset,
img {
border: 0;
}
img,
object {
max-width: 100%;
display: block;
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: #017a5b;
}
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: 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-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-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;
/* padding-bottom: 2%; */
}
.gp-row {
margin-left: -15px;
margin-right: -15px;
}
.gp-m15 {
margin: 0 15px
}
.gp-p15 {
padding-left: 15px;
padding-right: 15px;
}
.wrap_top {
width: 100%;
height: auto;
background: rgba(255, 255, 255, .9);
left: 0px;
top: 0px;
position: absolute;
z-index: 99;
box-shadow: 3.536px 3.536px 14.25px 0.75px rgba(0, 0, 0, 0.26);
}
.wrap_top1 {
position: relative;
}
@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) {
.rig_bottom2 .cul_rigg .cul_data2 {
top: 204px;
}
.mode2_p {
margin-bottom: 21px !important;
}
.notice .year {
line-height: 1.7rem;
}
.newsl_bot .news_h3,
.newsl_bot .news_p {
margin: 0px 13px;
}
.gp-container {
width: 1000px;
}
}
@media screen and (max-width:1060px) {
.gp-container {
width: 900px;
}
}
@media screen and (max-width:996px) {
.mode2_p {
margin-bottom: 188px;
}
.wrap_mode02 .mode2 .research {
width: 100% !important;
}
.wrap_mode02 .mode2 .culture {
width: 100% !important;
float: left !important;
}
.gp-f16 {
font-size: 1.4rem;
}
body {
font-size: 1.3rem;
}
.gp-container {
width: auto;
margin-left: 30px;
margin-right: 30px;
}
.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;
}
}
/*水平导航*/
.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: 20px;
color: #999;
padding: 12px 0;
overflow: hidden;
position: relative;
z-index: 5;
color: #fff;
}
.gp-bread span {
color: #757575;
margin: 0 3px
}
.gp-bread a {
color: #757575;
}
.gp-bread a:hover {
color: #017a5b;
}
@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: #017a5b;
}
.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.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;
}
/* 公共样式 */
body {}
.header {
z-index: 880;
position: relative;
}
.logo {
padding: 15px 0;
font-size: 0;
width: auto;
}
.logo_01 {
max-width: 374px;
}
.logo_02 {
margin-left: 10px;
max-width: 161px;
}
.logo a {
display: inline-block;
vertical-align: middle;
}
.logo:hover {
opacity: 0.9;
}
.top {
position: relative;
}
.searchWrap>a {
opacity: 0.6;
transition: all 0.35 ease-in-out;
margin: 0 10px
}
.searchWrap>a:hover {
opacity: 1;
color: #fff;
}
/*1.默认展开的搜索*/
.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 #609665;
background-color: #86a689;
margin-left: 10px;
}
.gp-ser {
width: 100%;
height: 32px;
z-index: 9999994;
margin: 0 auto;
position: relative;
}
.gp-search input,
.gp-search button {
position: absolute;
height: 32px;
line-height: 32px;
border: none;
background: none;
top: 0px;
overflow: hidden;
}
.gp-search input.notxt {
color: #fff;
width: 82%;
left: 0;
padding-left: 2%;
opacity: 0.5;
}
.gp-search .notxt1 {
position: absolute;
width: 15%;
right: 0;
cursor: pointer;
color: #38663c;
}
/*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;
}
.searchWrap {
position: absolute;
right: 0;
top: 30px;
z-index: 20;
}
.navWrap {
z-index: 18;
margin: 34px 30px 0 0px;
}
/*web导航*/
.nav {}
.nav>li {
float: left;
position: relative;
text-align: center;
padding: 0 13px;
}
.nav>li>a {
display: inline-block;
line-height: 1;
font-size: 16px;
color: #333333;
transition: all 0.35s ease-in-out;
position: relative;
z-index: 50;
position: relative;
vertical-align: top;
height: 40px;
line-height: 40px;
position: relative;
}
.nav>li>a:before {
content: '';
width: 0;
height: 2px;
background-color: #017a5b;
position: absolute;
left: 50%;
bottom: 0;
transition: all 0.35s ease-in-out;
}
.nav>li:last-child:after {
display: none;
}
.nav>li>a:hover:before,
.nav>li.on>a:before {
width: 100%;
left: 0;
}
.second_nav1 {
position: absolute;
left: 0;
top: 40px;
width: 100%;
display: none;
text-align: center;
background: #017a5b;
}
.second_nav1>dd {}
.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: #fff;
line-height: 1.2;
}
.second_nav1>dd>a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.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;
}
@-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;
}
}
/*头部定位*/
/*.header.currents{box-shadow: 0 0 15px rgba(0,0,0,0.2);position: fixed;left:0;top: 0;height: 50px;width: 100%;background-color: #017a5b;margin-bottom: 0;}
.header.currents .top{display: none;}
.header.currents .logo,.header.currents .searchWrap{display: none;}
.header.currents .nav > li > a{height: 50px;line-height: 50px;padding: 0;}
.header.currents .second_nav1{top: 50px;}
.header.currents .navWrap{position: static;width: 100%;}*/
body.currents {
padding-top: 184px;
}
/*手机端导航默认*/
.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: absolute;
display: none;
right: 0;
top: 0;
z-index: 400;
}
.gp-menu-header {
position: absolute;
top: 50%;
right: 0;
z-index: 996;
width: 100%;
height: 40px;
margin-top: -20px;
}
.gp-menu-link {
float: left;
line-height: 40px;
height: 40px;
padding-left: 15px;
}
.gp-menu-link a {
color: #fff;
}
.gp-menu-header-icon {
color: #fff;
height: 40px;
float: right;
width: 30px;
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 10px 0 0
}
.gp-menu-header-icon i {
color: #fff;
margin-top: 40px;
display: block;
font-style: normal;
text-align: right;
}
.gp-menu-header-icon span {
position: absolute;
left: calc((100% - 30px) / 2);
top: calc((100% - 6px) / 2.3);
width: 30px;
height: 2px;
background-color: #fff;
}
.gp-menu-header-icon-out span {
width: 30px;
height: 2px;
background-color: #017a5b;
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);
width: 24px;
}
.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 {
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;
width: 30px;
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;
}
@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;
display: none;
padding-top: 40px;
background: #017a5b;
background: -webkit-linear-gradient(top, #059f79, #017a5c);
/* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #059f79, #017a5c);
/* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom, #059f79, #017a5c);
/* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #059f79, #017a5c);
/* 标准的语法 */
}
/*导航*/
.gp-menu-nav a {}
.gp-menu-nav>ul {
padding: 0 30px;
}
.gp-menu-nav>ul>li {
position: relative;
box-sizing: border-box;
transition: all 0.5s ease-in;
transform: translateX(-40px);
opacity: 0;
}
.gp-menu-nav>ul>li {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.gp-menu-nav>ul>li>a {
display: inline-block;
padding: 1.2rem 0 1.2rem 0;
font-size: 1.6rem;
width: 60%;
line-height: 1.4;
}
.m-second-nav {
display: none;
opacity: 0.7;
padding-bottom: 1rem;
}
.m-second-nav>li {}
.m-second-nav>li.on>span {
transform: rotate(45deg);
}
.m-second-nav>li>a {
display: inline-block;
padding: 0.5rem 0 0.5rem 10px;
font-size: 1.4rem;
}
.m-second-nav>li>span {
top: 4px;
color: #dad6ce;
font-size: 1.8rem;
}
.gp-menu-arrow {
cursor: pointer;
width: 30px;
height: 45px;
line-height: 45px;
color: #e9e9e9;
text-align: right;
position: absolute;
right: 0;
top: 0;
font-size: 2rem;
transition: all 0.3s ease-in-out;
}
.gp-menu-nav>ul>li.on>span {
transform: rotate(90deg);
}
.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;
}
.gp-menu-header-icon-click {}
.open .gp-menu-nav>ul>li {
transform: none;
opacity: 1;
}
.gp-menu-nav.gp-menu-offcanvas1 {
position: fixed;
display: block;
transform: translate(-150%, 0);
transition: all 1s ease-in-out;
width: 100%;
right: auto;
left: 0
}
.open .gp-menu-offcanvas1 {
transform: translate(0, 0);
position: absolute;
}
.mobile-column1 {
width: 100%;
left: -100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.m-link {
margin: 0 30px;
padding: 15px 0;
}
.m-link a {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
padding: 4px 10px;
}
/*加页面动画*/
.effect2 {
opacity: 0;
transform: translateY(35px);
transition: transform 0.6s, opacity 0.6s ease-in-out
}
.effect2.isView {
transform: none;
opacity: 1 !important;
}
.mb50 {
margin-bottom: 50px;
}
.mb45 {
margin-bottom: 45px;
}
.pt40 {
padding-top: 40px;
}
.footer {
/* padding: 40px 0; */
overflow: hidden;
background-color: #017a5b;
}
.footer *:hover {
color: #fff;
}
.footer_logo {
max-width: 430px;
padding-bottom: 17px;
/* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
margin-bottom: -12px;
}
.footer_lf {
width: auto;
width: 69.167%;
float: left
}
.footer_lf p {
line-height: 30px;
/* height: 60px; */
overflow: hidden;
}
.footer_rt {
width: 20%;
line-height: 1.5;
float: right;
}
.footer_rt span {
display: block;
padding: 5px 0;
}
.share {
padding-top: 30px
}
.share .bdsharebuttonbox>a {
padding-left: 0;
margin-bottom: 20px;
height: 70px;
text-indent: 0;
width: 70px;
line-height: 70px;
text-align: center;
background: none;
font-size: 37px;
display: block;
margin-bottom: 20px;
border-radius: 50%;
}
.share1 .bdsharebuttonbox>a.bds_weixin {
background: url(../images/share1.png) no-repeat;
}
.share1 .bdsharebuttonbox>a.bds_tsina {
background: url(../images/share2.png) no-repeat;
}
.share .bdsharebuttonbox>a.bds_qzone {
color: #fece00
}
.shareBox {
width: 260px;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
margin: -150px 0 0 -130px;
z-index: 9998;
height: 310px;
border: 6px solid #8F8F8F;
border-radius: 8px;
box-shadow: 0 0 7px #aaa;
display: none;
}
.shareBox {
font-size: 14px;
}
.shareBox .title {
background: #f6f6f6;
font-size: 14px;
font-weight: bold;
padding: 10px 15px !important;
}
.shareClose {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
font-size: 18px;
width: 20px;
;
}
.sharelist {
position: static;
height: 250px;
overflow-y: auto;
padding-left: 17px !important;
}
.sharelist li {
float: left;
width: 130px;
padding: 2px;
margin-left: 6px;
_margin-left: 3px;
height: 28px;
overflow: hidden;
list-style: none;
}
.sharelist li a {
color: #565656;
font: 12px '宋体';
display: block;
text-decoration: none;
border: 1px solid #fff;
line-height: 18px;
width: auto;
height: auto;
text-indent: 0;
}
.weChatBox {
width: 260px;
height: 300px;
background-color: #fff;
border: solid 1px #d8d8d8;
padding: 10px;
position: fixed;
left: 50%;
top: 50%;
margin: -130px 0 0 -140px;
z-index: 9998;
display: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.weChatBox .w-title {
font-size: 12px;
font-weight: bold;
padding: 0 0 10px 0;
}
.w-close {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 20px;
position: absolute;
right: 0;
top: 0;
color: #333;
cursor: pointer;
}
.qrcode {
width: 200px;
height: 200px;
margin: 15px auto;
background: #ccc;
}
.w-footer {
font-size: 12px;
line-height: 1.5;
color: #999;
}
#qrodeText {
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 0;
visibility: hidden;
}
.share.fixed {
position: fixed;
left: 50%;
margin-left: 490px;
top: 0;
}
.share .bdsharebuttonbox>a {
width: 50px;
height: 50px;
font-size: 30px;
line-height: 50px;
}
.share1 {
width: 100%;
overflow: hidden;
text-align: right;
padding-top: 55px;
}
.share1 .bdsharebuttonbox>a {
margin: 0 38px 0 22px;
width: 44px;
line-height: 44px;
text-align: center;
font-size: 24px;
height: 44px;
display: inline-block;
* display: inline;
* zoom: 1;
vertical-align: top;
}
.share1 .bdsharebuttonbox>span {
line-height: 44px;
}
.btns {
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background-color: #017a5b;
border: 1px solid #00356e;
border-radius: 5px;
margin: 25px auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border: 1px solid #00356e
}
.btns a {
color: #fff;
}
.wx .wxewm {
display: block;
float: left;
margin-top: 21px;
margin-right: 47px;
}
.wx a:nth-child(2) {
display: block;
float: left;
margin-top: 21px;
}
.erm {
width: 100px;
height: 100px;
border: 1px solid black;
display: none;
margin-left: -33px;
}
/* 搜索 */
@charset "utf-8";
/*1.默认展开的搜索*/
.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: 2px 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;
}
/*2.搜索按钮当前位置展开*/
.gp-serBtn2 {
* background: url(../images/serBtn.png);
height: 18px;
margin-top: -54px;
}
.gp-search2 {
width: 0;
border: none;
/* margin-left: 933px; */
/* margin-top: -151px; */
}
.gp-search2.active {
width: 200px;
border: 1px solid #ccc;
margin-left: 587px;
margin-top: -117px;
}
/*3.搜索按钮顶部展开*/
#gp-serBtn3 {
position: relative;
z-index: 801;
}
.gp-search3 {
height: 0;
border: none;
width: 100%;
overflow: hidden;
transition: height 0.5s ease-in-out;
}
.gp-search3 .gp-ser {
max-width: 800px;
}
.gp-search3 input,
.gp-search3 button {
height: 40px;
line-break: 40px;
}
.gp-search3 .gp-ser {
height: 40px;
border: 1px solid #ccc;
margin-top: 20px;
}
.gp-search3 .notxt1 {
background: #C7000A;
color: #fff
}
.gp-search3 .gp-ser {
display: none;
}
.gp-search3.active .gp-ser {
display: block;
}
.gp-search3.active {
height: 80px;
}
/*4.搜索按钮全屏展开*/
#gp-serBtn4 {
position: relative;
z-index: 801;
}
.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-break: 40px;
}
.gp-search4 .gp-ser {
height: 40px;
border: 1px solid #ccc;
margin-top: 20px;
}
.gp-search4 .notxt1 {
background: #C7000A;
color: #fff
}
.gp-search4 .gp-ser {
display: none;
border: none;
background: #fff;
}
.gp-search4.active .gp-ser {
display: block;
}
.gp-search4.active {
height: 80px;
}
.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;
}
}
/*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;
}
@media screen and (min-width:1020px) {}
@media screen and (max-width:1460px) {
.gp-f26 {
font-size: 2.4rem;
}
.gp-f24 {
font-size: 2.2rem;
}
}
@media screen and (max-width:1386px) {
.rig_top .cul_rig .cul_data,
.rig_bottom2 .cul_rigg .cul_data2 {
/* bottom: -29px; */
}
.gp-f20 {
font-size: 1.8rem;
}
.mb50 {
margin-bottom: 40px;
}
.mb45 {
margin-bottom: 35px;
}
}
@media screen and (max-width:1300px) {
.gp-md-fr .notice ul li {
padding: 4px 0px;
overflow: hidden;
border-bottom: 1px solid #e6f6eb;
}
.gp-f24,
.gp-f22 {
font-size: 2rem;
}
.mb50 {
margin-bottom: 30px;
}
.pt40 {
padding-top: 30px;
}
.topIn .top .nav>li {
padding: -9px 16px;
padding: 31px 8px;
}
.navWrap {
margin: 0px;
}
}
@media screen and (max-width:1070px) {
.navWrap {
margin: 0px;
}
}
@media screen and (max-width:1060px) {
.nav>li {
padding: 21px 15px;
}
}
@media screen and (max-width:996px) {
.ser {
display: none;
}
body {
background-size: auto 260px;
}
.culture {
padding-bottom: 10%;
}
.logo {
position: relative;
z-index: 1000;
}
.header::before,
.header::after {
display: none;
}
.header {
width: 100%;
margin: 0 0 15px;
}
.navWrap,
.gp-search {
display: none;
}
.header {
height: auto;
position: relative;
left: 0;
transform: none;
}
.gp-menu,
.gp-m-search {
display: block;
}
.gp-search {
border-color: rgba(255, 255, 255, 0.15);
}
.searchWrap {
display: none;
}
.top {
height: auto;
}
.logo {
padding: 10px 0;
width: 70%;
}
.logo_01 {
width: 50%;
}
.logo_02 {
width: 38%;
}
.pt40 {
padding-top: 20px;
}
.mb50 {
margin-bottom: 20px;
}
.footer_lf p {
height: auto;
}
}
@media screen and (max-width:767px) {
.header {
margin-bottom: 0;
}
.mb50 {
margin-bottom: 20px;
}
.pt40 {
padding-top: 15px;
}
.copyRight>.gp-fl {
float: none;
text-align: center;
width: 100%;
max-width: none;
}
.footer_rt,
.footer_lf {
float: none;
width: 100%;
text-align: center;
padding-top: 15px;
max-width: none;
}
.dw-blue {
position: static;
margin: 10px auto 0;
display: block;
}
.footer_logo {
margin: 0 auto 15px;
padding-bottom: 10px;
}
.footer {
padding: 20px 0
}
.mb45 {
margin-bottom: 25px;
}
.share1 {
text-align: center;
padding-top: 0px;
}
}
@media screen and (max-width:640px) {
.rig_top .cul_rig .cul_data,
.rig_bottom2 .cul_rigg .cul_data2 {
bottom: -24px;
top: 151px;
}
.gp-ser {
height: 35px;
}
.gp-search input,
.gp-search button {
height: 35px;
line-height: 35px;
}
}
@media screen and (max-width:480px) {
.gp-menu-nav>ul>li>a {
font-size: 1.6rem;
}
.gp-menu-nav>ul {
padding: 10px 20px 0
}
.m-link {
margin: 0 20px
}
}