/* CSS Document */
/*#region 重置元素*/
*:focus {
    outline: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("../fonts/sourcehansanscn-normal.woff2") format("woff2"),
        url("../fonts/sourcehansanscn-normal.woff") format("woff"),
        url("../fonts/sourcehansanscn-normal.ttf") format("truetype"),
        url("../fonts/sourcehansanscn-normal.eot") format("embedded-opentype"),
        url("../fonts/sourcehansanscn-normal.svg") format("svg"),
        url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../fonts/montserratsemibold.eot');
    src: url('fonts/Montserrat-SemiBold/MontserratSemiBold.eot') format('embedded-opentype'),
        url('../fonts/montserratsemibold.woff2') format('woff2'),
        url('../fonts/montserratsemibold.woff') format('woff'),
        url('../fonts/montserratsemibold.ttf') format('truetype'),
        url('../fonts/montserratsemibold.svg') format('svg');
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url("../fonts/montserrat-medium.woff2") format("woff2"),
        url("../fonts/montserrat-medium.woff") format("woff"),
        url("../fonts/montserrat-medium.ttf") format("truetype"),
        url("../fonts/montserrat-medium.eot") format("embedded-opentype"),
        url("../fonts/montserrat-medium.svg") format("svg"),
        url("fonts/Montserrat-Medium/Montserrat-Medium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


body {
    font: 1em/1.3 "SourceHanSansCN-Normal";
    -webkit-text-size-adjust: 100% !important;
}

img {
    max-width: 100%;
}

button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    line-height: 1.3;
    font-family: "SourceHanSansCN-Normal";
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 0.75em;
}

ul,
ol {
    list-style: none;
    margin: 0;
}

body,
legend {
    color: #333;
}

a {
    color: inherit;
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #3a90e9;
    text-decoration: none;
}

a:active {
    color: inherit;
}

sup {
    vertical-align: ;
}

sub {
    vertical-align: text-bottom;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    word-break: break-all;
}

table th {
    font-weight: normal;
}

table th,
table td {
    font-weight: normal;
    text-align: center;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    display: block;
    margin: 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

ul,
li {
    margin: 0;
    padding: 0
}

::-moz-placeholder {
    color: #9e9e9e;
}

input:-webkit-input-placeholder {
    color: #9e9e9e;
}

input:-moz-placeholder {
    color: #9e9e9e;
}

/*#endregion*/
/*#region 清除浮动*/
.clearfix:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*#endregion */

button:disabled,
.disabled {
    opacity: 0.5;
    cursor: default;
}

.hi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.css3,
.about_1 ul li a {
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.comdiv {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.cssimg,
.cssimgp img,
.index_4_3_left_1_bg,
.pro_1_mid_mid_left_bg,
.ser_2_mid_pic_bg,
.ser_1_right_bg {
    transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    /*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/
}

@media screen and (min-width:768px) {

    .cssimg:hover,
    .cssimgp:hover img,
    .index_4_3_left:hover .index_4_3_left_1_bg,
    .pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,
    .ser_2_mid ul li:hover .ser_2_mid_pic_bg,
    .ser_1_right:hover .ser_1_right_bg {
        /*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/
        transform: scale(1.08, 1.08);
    }
}

.daxie {
    text-transform: uppercase;
}

.cell_mid {
    display: table;
    height: 100%;
    width: 100%;
}

.cell_h {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.wmid {
    margin: 0 auto;
    max-width: 75%;
}

/*********header**********/
.header_top {
    font-size: 13px;
    color: #444;
    line-height: 40px;
    background-color: #f0f0f0;
    overflow: hidden;
}

.header_top_left {
    float: left;
}

.header_top_right {
    float: right
}

.header_top_right ul li {
    float: right;
    position: relative
}

.header_top_right ul li:nth-child(1):before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/h_img1.png);
}

.header_top_right ul li:nth-child(1) {
    padding-left: 18px;
}

.header_top_right ul li:nth-child(1) a {
    float: left;
    display: inline-block;
    padding: 0 6px;
    position: relative;
}

.header_top_right ul li:nth-child(1) a:nth-child(1) {
    background-position: right center;
    background-repeat: no-repeat;
    /*background-image: url(../images/img2.png);*/
}

.header_top_right ul li:nth-child(1) a:last-child {
    float: right;
    padding-left: 18px;
    margin-left: 12px;
    padding-right: 0
}

.header_top_right ul li:nth-child(1) a:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 12px;
    height: 17px;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/h_img3.png);
}

.header_mid {
    padding: 2em 0;
    overflow: hidden;
    position: relative;
    background-position: center top;
    background-repeat: repeat-x;
    background-image: url(../images/img4.jpg);
}

.header_mid:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../images/bg.jpg);
}

.header_mid_left {
    position: relative
}

.header_mid_left_right {
    width: 255px;
    padding-left: 32px;
    background-position: 16px center;
    background-repeat: no-repeat;
    background-image: url(../images/img5.png);
    position: absolute;
    left: 100%;
    line-height: 1.6;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #54a2da;
    font-size: 13px;font-weight:600
}

.header_mid_left {
    max-width: 31.31944444444444%;
}

.header_mid .wmid {
    z-index: 10;
    position: relative
}

.header_mid_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 335px;
}

.header_mid_right_mid {
    overflow: hidden;
    padding-left: 70px;
    line-height: 38px;
    height: 38px;
    position: relative;
    padding-right: 43px;
    border: 1px #e9e9e9 solid;
    background-color: #fff
}

.header_mid_right_mid_right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 43px;
}

.header_mid_right_mid_right button {
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    background-color: #02d399;
}

.header_mid_right_mid_right button i {
    webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 1.5em;
    height: 1.5em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/search.png);
}

.header_mid_right_mid_right button:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #00b482;
}

.header_mid_right_mid_right button:hover:after {
    width: 100%;
}

.header_mid_right_mid_left_left {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header_mid_right_mid_left_left select {
    color: #9e9e9e;
    border: none;
    background: none;
    font-size: 13px;
}

.header_mid_right_mid_left_right {
    padding-left: 10px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/img8.jpg);
}

.header_mid_right_mid_left_right input {
    height: 38px;
    line-height: 38px;
    border: none;
    width: 100%;
    background: none;
    background-color: #fff;
    font-size: 13px;
}

.header_nav {
    background-color: #1479d7;
}

.header_nav ul li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    position: relative;
    z-index: 10;
}

.header_nav ul li a.biga {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    color: #fff;
    font-size: 1.125em;
    display: block;
    position: relative;
    line-height: 2.777777777777778em;
    text-align: center
}

.header_nav ul li a.biga:hover,
.header_nav ul li a.bigaon,
.header_nav ul li:hover a.biga {
    background-color: #105ca2;
}

.header_nav ul li a.biga:after {
    transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 888;
    content: '';
    position: absolute;
    left: 50%;
    top: 110%;
    opacity: 0;
    width: 0.9444444444444444em;
    height: .5em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img9.png);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 888;
}

.header_nav ul li a.biga:hover:after,
.header_nav ul li a.bigaon:after,
.header_nav ul li:hover a.biga:after {
    top: 100%;
    opacity: 1;
}

.header_nav ul li a.biga.nosec:after {
    display: none
}

.header_nav ul li dl {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.header_nav ul li dl a {
    padding: 4px 0px;
    display: inline-block;
    position: relative;
    color: #fff;
}

.header_nav ul li dl dd {
    margin: 1em 0;
}

.header_nav ul li dl a:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #02c980;
    width: 0;
}

.header_nav ul li dl a:hover:after {
    width: 100%;
}

/***********index***********/
.index_1 {
    overflow: hidden;
    padding-bottom: 7.5em;
    background-color: #f0f6f7;
    text-align: center;
}

.index_1_no_hot {
    padding-top: 7.5em;
}

.index_1_1 a {
    padding-left: 1.136363636363636em;
    text-align: left;
    font-size: 2.75em;
    color: #333333;
    font-weight: bold;
    display: inline-block;
    position: relative;
}

.index_1_1 a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 0.9090909090909091em;
    height: 0.9090909090909091em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img1.png);
}

.index_1_2 {
    margin-top: 1.5em;
    margin-bottom: 4em;
    text-align: left;
    font-size: .9375em;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.index_1_1 {
    margin-top: 4.875em;
}

.index_1_1 a:hover {
    color: #f12f44
}

.index_1_3 {
    overflow: hidden;
    min-height: 25.790625em;
    position: relative;
    background-color: #fff;
}

.index_1_3_right {
    margin-left: 50%;
    position: relative;
    z-index: 10;
}

.index_1_3_bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 17.01388888888889%;
}

.index_1_3_right_mid_1 a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-right: 5px;
    border-radius: 2.1em;
    font-size: 1.25em;
    color: #3a90e9;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px #3a90e9 solid;
    width: 6.75em;
    line-height: 2.1em;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.index_1_3_right_mid_1 a span {
    position: relative;
    z-index: 10;
}

.index_1_3_right_mid_1 a:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-image: url(../images/img5.jpg);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index_1_3_right_mid_1 a:hover:after,
.index_1_3_right_mid_1 a.on:after {
    width: 100%;
}

.index_1_3_right_mid_1 a:hover,
.index_1_3_right_mid_1 a.on {
    color: #fff;
    border-color: #fff
}

.index_1_3_right_mid_2_mid_1 {
    min-height: 13.425em
}

.index_1_3_right_mid_2_mid_1 ul li a {
    padding-left: 6.5625em;
    padding-right: 8em;
    display: block;
    position: relative;
    text-align: left;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index_1_3_right_mid_2_mid_1 ul li a.nc_link_212 {
    padding-left: 9.5em;
}

.index_1_3_right_mid_2_mid_1 ul li a.nspan {
    padding-left: 1.25em;
}

.index_1_3_right_mid_2_mid_1 ul li a:hover {
    color: #f34540
}

.index_1_3_right_mid_2_mid_1_left {
    padding-left: 1.25em;
    position: absolute;
    left: 0;
    color: #999999;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_1_3_right_mid_2_mid_1_right {
    font-family: "Montserrat-Medium";
    position: absolute;
    right: 0;
    font-size: 13px;
    color: #444;
}

.index_1_3_right_mid_2_mid_1 ul li {
    margin-top: 1.125em;
}

.index_1_3_right_mid_2_mid_1 ul li:nth-child(1) {
    margin-top: 2.5vw;
}

.index_1_3_right_mid_2_mid_1 ul li a:hover .index_1_3_right_mid_2_mid_1_left {
    color: #f34540
}

.index_1_3_right_mid {
    margin: 2.5vw;
}

.index_1_3_right_mid_2_mid {
    display: none
}

.index_1_3_right_mid_2_mid_1_left:before,
.index_1_3_right_mid_2_mid_1 ul li a.nspan:before {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img9.png);
}

.index_1_3_right_mid_2_mid_1 ul li a:hover .index_1_3_right_mid_2_mid_1_left:before {
    background-image: url(../images/img10.png);
}

.index_1_3_right_mid_2_mid_1 ul li a.nspan:hover:before {
    background-image: url(../images/img10.png);
}

.c_view {
    width: 108px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    font-size: 13px;
    ont-family: "Montserrat-Medium";
    color: #000;
    font-weight: bold
}

.index_1_3_right_mid_2_mid_2 {
    text-align: left;
    margin-top: 1.875vw;
}

.c_view i {
    overflow: hidden;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
}

.c_view i:after {
    content: '';
    left: 0;
    right: 0;
    background-image: url(../images/img41.png);
    position: absolute;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.c_view i:before {
    content: '';
    z-index: 10;
    right: 100%;
    background-image: url(../images/img31.png);
    position: absolute;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}

.c_vew:hover i:after {
    left: 100%;
}

.c_view:hover i:before {
    right: 0
}

.c_view:hover {
    color: #1479d7
}

.index_1_3_right_mid_1 {
    text-align: left;
}

.index_1_3_right_mid_1 a:last-child {
    margin-right: 0
}

.index_1_3_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.index_1_3_left .swiper-slide {
    width: 100%;
    height: 100%;
}

.index_1_3_left .swiper-slide:after {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img7.png);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.75em;
}

.index_1_3_left_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index_1_3_left a {
    display: block
}

.index_1_3_left_name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.index_1_3_left_name h2 {
    margin-bottom: 1em;
    z-index: 10;
    padding-right: 5em;
    font-size: 1.25em;
    position: relative;
    padding-left: 1em;
    text-align: left;
    font-weight: normal
}

.index_1_3_left_left {
    left: 1em;
    left: -3.75em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateY(-50%);
    background-image: url(../images/pp.png);
    cursor: pointer;
    opacity: .5;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    width: 2.875em;
    height: 2.875em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index_1_3_left_right {
    right: 1em;
    right: -3.75em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateY(-50%);
    background-image: url(../images/nn.png);
    cursor: pointer;
    opacity: .5;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    width: 2.875em;
    height: 2.875em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index_1_3_left_right:hover,
index_1_3_left_left:hover {
    opacity: 1;
}

.index_1_3_left:hover .index_1_3_left_right {
    right: 1em;
}

.index_1_3_left:hover .index_1_3_left_left {
    left: 1em;
}

.indexbanner {
    background-color: #1479d7
}

.index_1_3_num {
    font-family: "Montserrat-Medium";
    position: absolute;
    right: 1em;
    bottom: .5em;
    color: #fff;
    z-index: 10;
    font-size: 1.125em;
}

.index_1_3_num span {
    color: #fd1f1f;
    font-size: 1.875em;
    font-style: italic
}

.index_1_3_bg_2 {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 5.69444444444444%;
}

.index_2_1 {
    position: relative;
}

.index_2_1_right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.index_2_1_right a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    text-align: center;
    width: 8.625em;
    line-height: 2.625em;
    color: #222;
    border-radius: 2.625em;
    position: relative;
    border: 1px #222222 solid;
}

.index_2_1_right a span {
    font-family: "Montserrat-Medium";
    font-size: 13px;
    position: relative;
    z-index: 10;
}

.index_2_1_right a:before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #222;
    top: 50%;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.875em;
    left: -.9375em;
    z-index: 1;
}

.index_2_1_right a:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-image: url(../images/img5.jpg);
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 0%;
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2.625em;
}

.index_2_1_right a:hover {
    color: #fff;
    border-color: #fff;
}

.index_2_1_right a:hover:before {
    background-color: #fff;
    width: 72%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.index_2_1_right a:hover:after {
    left: 0;
    width: 100%;
    opacity: 1;
}

.index_2_1_left {
    display: inline-block;
    position: relative;
}

.index_2_1_left_right {
    line-height: 1.5;
    position: absolute;
    left: 10.625em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 0.2em;
    color: #666666;
}

.index_2_1_left_right_2 {
    font-size: .875em;
}

.index_2_1_left_right_1 {
    font-size: 13px;
    font-family: "Montserrat-Medium";
}

.index_2_1_left_left_1 span {
    display: inline-block;
    padding-top: .34em;
    position: relative;
    font-size: 2.5em;
    color: #222;
}

.index_2_1_left_left_1 span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.15em;
    background-color: #1479d7;
}

.index_2 {
    margin-top: 5.4375em;
}

.index_2_2 {
    margin-top: 3.75em;
}

.index_2_2_1 {
    position: relative;
    overflow: hidden;
}

.index_2_2_1 img {
    width: 100%;
    position: relative;
}

.index_2_2_2 {
    margin-top: 1.5em;
    position: relative;
    font-size: 1.5em;
    color: #000;
    font-weight: bold
}

.index_2_2_3 {
    font-size: .9375em;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    margin-top: .875em;
    word-break: break-all;
    overflow: hidden;
    color: #000;
}

#indexproject_sb {
    margin: 0 auto;
    margin-top: 5.5em;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 45.13888888888889%;
    height: 7px;
    background: none;
}

#indexproject_sb .swiper-scrollbar-drag {
    z-index: 10;
    background-color: #02d399;
    border-radius: 0
}

#indexproject_sb:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
    background-color: #cccccc
}

.scrobar_nav {
    text-align: center;
}

.scrobar_nav div {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 6.25em;
}

.scrobar_nav_left {
    cursor: pointer;
    width: 7px;
    height: 10px;
    background-position: center;
    background-image: url(../images/img14.jpg);
    background-repeat: no-repeat;
}

.scrobar_nav_right {
    cursor: pointer;
    width: 7px;
    height: 10px;
    background-position: center;
    background-image: url(../images/img15.jpg);
    background-repeat: no-repeat;
}

.index_3 {
    padding-top: 4em;
    padding-bottom: 7.5em;
    position: relative;
    overflow: hidden;
    background-color: #f3f7f9;
    background-position: center top;
    background-repeat: no-repeat;
}

.index_3_bg {
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 47.65625vw;
    background-image: url(../images/img20.jpg);
}

.index_3 .wmid {
    z-index: 10
}

.whitetext,
.index_2_1_left_left_1 span.whitetext {
    color: #fff
}

.index_2_1_left_left_1 span.whitetext:before {
    background-color: #fff
}

.index_2_1_right a.whitebtn {
    color: #fff;
    border-color: #fff
}

.index_2_1_right a.whitebtn:before {
    background-color: #fff
}

.index_2_1_right a.whitebtn:hover {
    border-color: rgba(255, 255, 255, 0);
}

.index_3_1 {
    background-color: #fff;
    margin-top: 2.5em;
    position: relative;
}

.index_3_1_right {
    margin-left: 50%;
    overflow: hidden
}

.index_3_1_right_mid {
    margin: 0 3.64583333333333vw;
    margin-top: 3.64583333333333vw;
}

.index_3_1_right_mid_1 {
    position: relative;
}

.index_3_1_right_mid_1_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_3_1_right_mid_1_left span {
    padding-left: 0.8em;
    position: relative;
    font-size: 1.875em;
    color: #1479d7;
    display: inline-block;
    line-height: 1.2;
}

.index_3_1_right_mid_1_left span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    width: 0.1666666666666667em;
    background-color: #1479d7
}

.index_3_1_right_mid_2 ul li {
    border-bottom: 1px #d6d6d6 dotted;
    padding: 10px 0px;
}

.index_3_1_right_mid_2 ul li a {
    min-height: 60px;
    color: #222;
    display: block;
    position: relative;
    padding-left: 75px;
    padding-right: 120px;
}

.index_3_1_right_mid_2_left {
    border: 3px #f0f0f0 solid;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    overflow: hidden;
}

.index_3_1_right_mid_2_left img {
    width: 100%;
}

.index_3_1_right_mid_2_right {
    position: absolute;
    right: 0;
    top: 5px;
    text-align: right
}

.index_3_1_right_mid_2_right_2 {
    font-size: 13px;
    font-family: "Montserrat-Medium";
}

.index_3_1_right_mid_2_right_1 {
    font-size: .875em;
    margin-bottom: 10px;
}

.index_3_1_right_mid_2_right_1 span {
    font-family: "Montserrat-Medium";
    color: #f34540;
    font-weight: bold
}

.index_3_1_right_mid_2_mid_2 {
    font-size: 13px;
}

.index_3_1_right_mid_2_mid_1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 5px;
}

.index_3_1_right_mid_2 {
    padding: 1.25vw 0 2.60416666666667vw 0;
    border-top: 1px #e5e5e5 solid;
    margin-top: 1.125em;
}

.index_3_1_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img21.jpg);
    color: #fff;
}

.index_3_1_left_mid_1 {
    font-size: 1.375em;
    margin-bottom: .4em;
}

.index_3_1_left_mid_2 {
    font-family: "Montserrat-Medium";
    font-size: 3.5em;
    font-weight: bold;
    margin-bottom: 3vw
}

.index_3_1_left_mid {
    margin: 0 4.16666666666667vw;
}

.index_3_1_left_mid_3 a {
    color: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    width: 15.625em;
    line-height: 3.75em;
}

.index_3_1_left_mid_3 a span {
    padding-left: 2.2em;
    font-size: 1.375em;
    display: inline-block;
    position: relative;
}

.index_3_1_left_mid_3 a:nth-child(1) {
    background-color: rgba(255, 81, 81, 0.85);
    margin-right: 1.25vw;
}

.index_3_1_left_mid_3 a:nth-child(1):hover {
    background-color: rgba(255, 81, 81, 1);
}

.index_3_1_left_mid_3 a:nth-child(2) {
    background-color: rgba(2, 211, 153, 0.85);
}

.index_3_1_left_mid_3 a:nth-child(2):hover {
    background-color: rgba(2, 211, 153, 1);
}

.index_3_1_left_mid_3 a span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index_3_1_left_mid_3 a:nth-child(1) span:before {
    background-image: url(../images/i1.png);
    width: 1.454545454545455em;
    height: 1.363636363636364em;
}

.index_3_1_left_mid_3 a:nth-child(2) span:before {
    background-image: url(../images/i2.png);
    width: 1.5em;
    height: 1.272727272727273em;
}

.index_3_1_left_mid_4 {
    margin-top: 3.28125vw;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.25);
}

.index_3_1_left_mid_4 span {
    padding-left: 27px;
    display: inline-block;
    position: relative;
}

.index_3_1_left_mid_4 span:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.461538461538462em;
    height: 1.461538461538462em;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img18.png);
}

.index_4_ad_list li img {
    width: 100%;
}

.index_4_ad_list li {
    margin-top: 1.25em;
}

.index_4_ad_list li:nth-child(1) {
    margin-top: 0
}

.index_4 {
    margin-top: 2.5em;
}

.index_5 {
    margin-top: 3.75em;
}

.index_5_1 ul li {
    float: left;
    width: 48.61111111111111%;
}

.index_5_1 ul li:nth-child(2n) {
    float: right
}

.index_5_1_mid {
    border: 1px #eeeeee solid;
}

.index_5_1_mid_1 {
    background-color: #f9f9f9;
    padding: 1.4em 1.6875em;
}

.index_5_1_mid_1_mid {
    position: relative;
}

.index_5_1_mid_1_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_5_1_mid_1_left span {
    font-size: 1.375em;
}

.index_5_1_mid_2 {
    margin: 1.875em 1.6875em;
}

.index_5_1_mid_2 dl dd a {
    padding-left: 1.25em;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: block;
    position: relative;
    padding-right: 9em;
}

.index_5_1_mid_2_right {
    -webkit-transform: translateY(-50%);
    font-family: "Montserrat-Medium";
    transform: translateY(-50%);
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 50%;
}

.index_5_1_mid_2 dl dd a:hover {
    color: #ff5764
}

.index_5_1_mid_2 dl dd {
    margin-top: 1.125em;
}

.index_5_1_mid_2 dl dd:nth-child(1) {
    margin-top: 0
}

.index_5_1_mid_2 dl dd a:before {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img9.png);
}

.index_5_1_mid_2 dl dd a:hover:before {
    background-image: url(../images/img10.png);
}

.index_5_1 {
    margin-top: 2.5em;
}

.index_5_1 ul li:hover .index_5_1_mid_1 {
    background-color: #9ec9ee;
    color: #fff
}

.index_5_1 ul li:hover .c_view {
    color: #fff
}

.index_5_1 ul li:hover i:after {
    background-image: url(../images/img8w.png);
}

.index_6 {
    margin-top: 3em;
}

.index_6_2 ul li {
    margin-right: 1.27314814814815%;
    float: left;
    width: 13.19444444444444%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.index_6_2 ul li:nth-child(7) {
    margin-right: 0
}

.index_6_2_mid {
    position: relative;
    text-align: center;
    border: 1px #eeeeee solid;
    height: 5.20833333333333vw;
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: relative;
}

.myscroll {
    height: 25.3125em;
    overflow: hidden
}

.index_6_2 ul li:hover .index_6_2_mid {
    -webkit-box-shadow: 0 0.40625em 0.8125em rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.40625em 0.8125em rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0.40625em 0.8125em rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0.40625em 0.8125em rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.40625em 0.8125em rgba(0, 0, 0, 0.1);
}

.index_6_2_mid img {
    position: absolute;
    max-width: 88%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_6_2 {
    margin-bottom: 5em;
    margin-top: 2em;
}

.index_6_1 {
    position: relative;
}

.index_6_1_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.index_6_1_right div {
    opacity: .5;
    cursor: pointer;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 2.1875em;
    height: 2.1875em;
}

.index_6_1_right_left {
    margin-right: 8px;
    background-image: url(../images/img26.png);
}

.index_6_1_right_right {
    background-image: url(../images/img25.png);
}

.index_6_1_right div:hover {
    opacity: 1;
}

.index_6_2_mid_mask {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img27.png);
}

.index_6_2_mid_mask p {
    margin: 0 1em;
}

.index_6_2 ul li:hover .index_6_2_mid_mask {
    opacity: 1;
}

.a-image-hover {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    left: 0;
    letter-spacing: .1em;
    line-height: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.a-image-hover span {
    display: inline-block;
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
    transition: all .5s cubic-bezier(.14, 1, .34, 1) 0s;
    position: relative;
    z-index: 10;
}

.a-image-hover span:first-child {
    transition-delay: .03s
}

.a-image-hover span:nth-child(2) {
    transition-delay: .06s
}

.a-image-hover span:nth-child(3) {
    transition-delay: .09s
}

.a-image-hover span:nth-child(4) {
    transition-delay: .12s
}

a:hover .a-image-hover span {
    opacity: 1;
    transform: translateZ(0)
}

a:hover .a-image-hover span:first-child {
    transition-delay: .12s
}

a:hover .a-image-hover span:nth-child(2) {
    transition-delay: .06s
}

a:hover .a-image-hover span:nth-child(3) {
    transition-delay: .04s
}

a:hover .a-image-hover span:nth-child(4) {
    transition-delay: .03s
}

.a-image-hover:after {
    background-color: rgba(0, 0, 0, .4);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .5s cubic-bezier(.4, .8, .74, 1) 0s;
    width: 100%
}

a:hover .a-image-hover:after {
    opacity: 1;
}

.indexbanner {
    position: relative
}

/***********footer****************/
#footer {
    padding-top: 5em;
    padding-bottom: 5em;
    background-color: #1c2042;
    overflow: hidden
}

.footer_1 {
    color: #fff;
    position: relative;
    padding-right: 7.5em;
}

.footer_1_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 120px;
}

.footer_1_right div {
    text-align: center;
    font-size: 13px;
    color: #fff;
    opacity: .6;
    text-align: justify;
    text-align-last: justify;
    margin-top: 8px;
}

.footer_1_left_1 span {
    padding-left: 1.043478260869565em;
    font-size: 2.875em;
    display: inline-block;
    position: relative;
}

.footer_1_left_1 span:before {
    background-image: url(../images/w_img1.png);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: '';
    position: absolute;
    width: 0.6521739130434783em;
    height: 0.8695652173913043em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer_1_left_2 {
    font-size: .935em;
    margin-top: 1em;
}

.footer_1_left_2 a {
    color: #fff
}

.footer_2 {
    font-size: 13px;
    color: #bbbcc2;
    border-top: 1px #333755 solid;
    margin-top: 2.3em;
    padding-top: 1.5em;
}

.footer_2 a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    color: #bbbcc2
}

.footer_2_1_left_2 {
    margin-top: 1em;
}

.footer_2 a:hover {
    color: #fff
}

.footer_2_1_right {
    position: absolute;
    right: 0;
    top: 0;
}

.footer_2_1 {
    position: relative
}

/*******about************/
.banner_footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.banner_footer_mid {
    position: relative;
    min-height: 6.25em;
}

.banner_footer_mid_left {
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 250px;
    text-align: center;
    color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img4.png);
}

.banner_footer_mid_left span {
    padding-left: 1.653846153846154em;
    display: inline-block;
    position: relative;
    font-size: 1.625em;
}

.banner_footer_mid_left span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.153846153846154em;
    height: 1.153846153846154em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/a_img1.png);
}

.banner_footer_mid_right {
    position: absolute;
    right: 0;
    bottom: 1em;
    font-size: 13px;
    color: rgba(255, 255, 255, .75);
}

.banner_footer_mid_right a {
    color: rgba(255, 255, 255, .75);
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.banner_footer_mid_right a:hover {
    color: #fff
}

.about_1_mid {
    position: relative;
    min-height: 1017px;
}

.about_mid_left {
    height: 100%;
    background-color: #f0f4f9;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
}

.about_mid_right {
    margin-left: 250px;
}

.about_mid_right_other {
    margin-left: 0
}

.about_1 {
    margin-bottom: 9.375em;
}

.about_mid_left ul li a {
    position: relative;
    z-index: 10;
    display: block;
    padding-left: 3.75em;
    line-height: 3.125em;
    color: #222
}

.about_mid_left ul li a:before {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #e7edf3
}

.about_mid_left ul {
    margin-top: 1.875em;
    position: relative
}

.HeaderBrick {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 3.125em;
    pointer-events: none;
    transition: all .5s;
    background: #dfe6ee;
}

.HeaderBrick:after {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/img5.png);
    content: '';
    width: 100%;
    left: 0%;
    position: absolute;
    top: 0;
    height: 100%;
}

.about_mid_right_mid_1 {
    line-height: 1;
    position: relative;
    font-size: 2.5em;
    background-position: center bottom;
    background-repeat: repeat-x;
    background-image: url(../images/img3.png);
}

.about_mid_right_mid_1_left {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 10;
    padding-right: .5em;
}

.about_mid_right_mid_1_right {
    position: absolute;
    left: 100%;
    top: .1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.about_mid_right_mid_1_right{ width:calc(100% - 4.425em);
position:absolute; left:4.425em; bottom:.15em; padding-bottom:.5em;background-position:center bottom; background-repeat:repeat-x; background-image:url(../images/img3.png);}*/
.about_mid_right_mid_1_right_1 {
    letter-spacing: 1px;
    font-size: 12px;
    color: #1479d7;
    font-family: "Montserrat-Medium";
}

.about_mid_right_mid {
    margin-left: 3.85416666666667vw;
    padding-top: 4.5vw;
}

.about_mid_right_mid_2_con {
    line-height: 2;
    position: relative;
    z-index: 10
}

.about_mid_right_mid_2 {
    margin-top: 3.3vw;
    position: relative;
}

.about_mid_right_mid_2_bg {
    max-width: 10.41666666666667vw;
    position: absolute;
    right: 0;
    top: 16.35416666666667vw;
}

.about_mid_right_mid_2_list_1 ul li {
    position: relative;
    padding: 1.25em 0;
    border-bottom: 1px #e6e6e6 solid;
}

.about_mid_right_mid_2_list_1 ul li:nth-child(1) {
    padding-top: 0
}

.about_mid_right_mid_2_list_1_mid {
    position: relative;
    min-height: 135px;
    padding-left: 230px;
}

.about_mid_right_mid_2_list_1_mid_left {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 200px;
}

.about_mid_right_mid_2_list_1_mid_left img {
    width: 100%;
}

.about_mid_right_mid_2_list_1_mid_right_1 {
    font-size: 1.25em;
    color: #333;
}

.about_mid_right_mid_2_list_1_mid_right_2 {
    color: #333;
    font-size: .9375em;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    margin-top: .875em;
    margin-bottom: 1.125em;
}

.about_mid_right_mid_2_list_1_mid_right_3 {
    font-size: 13px;
    color: #333;
    font-family: "Montserrat-Medium";
}

.about_mid_right_mid_2_list_1_mid_right_3 span:nth-child(1) {
    float: left
}

.about_mid_right_mid_2_list_1_mid_right_3 span:nth-child(2) {
    float: right
}

.about_mid_right_mid_2_list_1 ul li:hover .about_mid_right_mid_2_list_1_mid_right_1 {
    color: #ff4554;
}

.about_mid_right_mid_2_list_1 ul li:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 10;
    height: 1px;
    width: 0;
    background-color: #ff4554
}

.about_mid_right_mid_2_list_1 ul li:hover:after {
    width: 100%;
}

.pagination {
    text-align: center;
}

.pagination li {
    display: inline-block;
    
}

.pagination li a,
.pagination li span {
    margin: 0 2px;
    border: 1px #ededed solid;
    display: inline-block;
    padding: .3em .7em;
    color: #999
}

.pagination li a:hover {
    border-color: #ff4554;
    color: #222;
}

.pagination li  a.page-num-current {
    color: #fff;
    background-color: #ff4554;
    border-color: #ff4554
}

.about_mid_right_mid_2_list_2 {
    margin-top: 3.75em;
}

.about_info_1 {
    text-align: center;
    font-size: 1.875em;
    margin-top: 1em;
}

.about_info_2 {
    margin-top: 1em;
    margin-bottom: 1.75em;
    text-align: center;
    font-size: 13px;
    color: #999;
}

.about_info_2 span {
    display: inline-block;
    margin: 0 5px;
}

.about_info_3 {
    font-size: .875em;
    line-height: 2;
    padding-top: 4em;
    padding-bottom: 4em;
    background-position: center top;
    background-repeat: repeat-x;
    background-image: url(../images/img3.png);
}

.about_info_4_left {
    line-height: 26px;
    font-size: 13px;
    color: #666;
    position: relative;
}

.about_info_4_left span:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img14.png);
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
}

.about_info_4_left span {
    display: inline-block;
    position: relative;
    padding-left: 23px;
}


.about_info_4_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    padding-left: 30px;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/img9.jpg);
}

.about_info_4 {
    position: relative;
    min-height: 26px;
    border-bottom: 1px #eeeeee solid;
    border-top: 1px #eeeeee solid;
    padding: .875em 0;
}

.about_info_4_right .box div {
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#share-qrcode {
    background-image: url(../images/img10.png);
}

#share-qzone {
    background-image: url(../images/img12.png);
}

#share-sina {
    background-image: url(../images/img11.png);
}

#share-qq {
    background-image: url(../images/img13.png);
}

.about_info_5 {
    text-align: center;
    margin-top: 5em;
}

.about_info_5 a {
    overflow: hidden;
    width: 12.5em;
    text-align: center;
    line-height: 2.8125em;
    border-radius: 2.8125em;
    display: inline-block;
    position: relative;
    border: 1px #222 solid;
}

.about_info_5 a span {
    position: relative;
    z-index: 10;
}

.about_info_5 a:hover {
    color: #fff;
    border-color: #fff;
}

.about_info_5 a:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img4.png);
}

.about_info_5 a:hover:after {
    width: 100%;
}

/********support********/
.support_1 {
    margin: 0 auto;
    max-width: 45.3125em;
}

.support_1_1 {
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.5em;
}

.support_1_2 .layui-form-pane .layui-form-label {
    border: none;
    background: none;
    font-size: .9375em;
    text-align: right
}

.support_1_2 .layui-form-pane .layui-input {
    font-size: .9375em;
    border-radius: 5px;
    border: 1px #cdcdcd solid;
}

.support_1_2 .layui-form-radio i {
    font-size: 16px;
}

.support_1_2 .layui-form-radio i:hover,
.support_1_2 .layui-form-radioed i {
    color: #ff4554
}

.support_1_2 .layui-form-pane .layui-form-label {
    width: 115px;
}

.support_1_2 .layui-form-pane .layui-input-block {
    margin-left: 145px;
}

.support_1_2 .layui-form-select dl dd {
    font-size: .9375em;
}

.support_1_2 .layui-form-select dl dd.layui-this {
    background-color: #ff4554
}

.jzmoney {
    display: flex;
    flex: 0 1 auto;
    flex-flow: row wrap;
}

.jzmoney p {
    cursor: pointer;
    flex: 0 1 32%;
    text-align: center;
    max-width: 32%;
    margin-left: 2%;
}

.jzmoney p:nth-child(1) {
    margin-left: 0
}

.jzmoney p span {
    position: relative;
    display: block;
    font-size: .9375em;
    border-radius: 5px;
    border: 1px #cdcdcd solid;
    line-height: 38px;
    height: 38px;
}

.jzmoney p span:after {
    display: none;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.533333333333333em;
    height: 1.533333333333333em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img1.png);
}

.jzmoney p.on span {
    border-color: #ff4554
}

.jzmoney p.on span:after {
    display: block
}

.otm {
    width: 100%
}

.support_1_2 .x-red {
    color: #ff4554
}

.pay_list p {
    margin-right: 1em;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    border: 1px #cdcdcd solid;
    width: 13.125em;
    height: 4em;
    position: relative;
}

.pay_list p span {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pay_list p.alipay span {
    background-image: url(../images/alipay.png);
    width: 6.6875em;
    height: 2.4375em;
}

.pay_list p.wxpay span {
    background-image: url(../images/wxpay.jpg);
    width: 8.875em;
    height: 2.5em;
}

.pay_list p.on {
    border-color: #ff4554
}

.pay_list p:after {
    display: none;
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.4375em;
    height: 1.4375em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img1.png);
}

.pay_list p.on:after {
    display: block
}

.agree_xy {
    font-size: 14px;
}

.agree_xy .layui-form-checkbox span {
    display: none
}

.agree_xy {
    position: relative;
    padding-left: 25px;
}

.agree_xy .layui-form-checkbox {
    line-height: 15px;
    text-align: center;
    position: absolute;
    margin: 0;
    width: 15px;
    height: 15px;
    padding: 0;
    left: 0;
    top: 1px;
    border: 2px #ff4554 solid
}

.agree_xy .layui-form-checkbox i {
    color: #ff4554;
    display: none;
    width: 15px;
    left: -5px;
    top: -1px;
    right: auto;
    font-size: 14px;
}

.agree_xy .layui-form-checkbox.layui-form-checked i {
    display: block
}

.agree_xy a {
    color: #0090f4
}

#jzbtn {
    width: 11.36363636363636em;
    height: 2.727272727272727em;
    text-align: center;
    position: relative;
    margin-left: 225px;
    font-size: 1.375em;
    background-color: #ff4554;
    border-radius: 5px;
}

#jzbtn span {
    padding-left: 2em;
    display: inline-block;
    position: relative;
}

#jzbtn span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.454545454545455em;
    height: 1.363636363636364em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img2.png);
}

.support_2 {
    margin: 0 10.9375em
}

.support_2_1 {
    font-size: 1.5em;
    margin-bottom: 1.25em;
}

.support_2_2 dl dd p {
    font-size: .9375em;
    margin-top: 1em;
}

.support_2_2 dl {
    margin-bottom: 1em;
}

.support_2 ul li {
    margin-top: 3em;
}

.support_2_footer span {
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(../images/img3.png);
    display: inline-block;
    position: relative;
    color: #999999;
    font-size: 13px;
    padding-left: 1.875em;
}

.support_2_footer {
    margin-top: 3em;
    display: inline-block;
    padding-top: 1em;
    border-top: 1px #dbe1ea solid;
}

.support_mid {
    min-height: 807px;
}

/*****user*********/
.div1200 {
    margin: 0 auto;
    max-width: 75em;
    padding: 0 1em;
}

.user_header_mid {
    position: relative;
}

.user_header_left {
    position: relative;
    display: inline-block;
}

.user_header_left_left img {
    height: 3.75em;
}

#user_header {
    padding: 1.25em 0;
}

.user_header_left_right {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 2.3125em;
    width: 100%;
}

.user_header_left_right img {
    margin-left: 5px;
}

.user_header_right {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
}

.user_header_right a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: inline-block;
    border: 1px #0b82d7 solid;
    color: #0b82d7;
    text-align: center;
    font-size: .875em;
    line-height: 2.142857142857143em;
    width: 6em;
    border-radius: 2.142857142857143em;
}

.user_header_right a:hover {
    color: #fff;
    background-color: #0b82d7
}

.user_header_right a:nth-child(1) {
    border-color: #ff6000;
    color: #ff6000;
    margin-right: .65em;
}

.user_header_right a:nth-child(1):hover {
    background-color: #ff6000;
    border-color: #ff6000;
    color: #fff
}

#user_footer {
    padding: 1.875em 0;
    background-color: #1c2042;
    overflow: hidden
}

#user_footer .footer_2 {
    margin-top: 0;
    padding-top: 0;
    border: none
}

.indexbanner .swiper-slide img {
    width: 100%
}

.userlogin_mid {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1;
}

.userlogin_mid_right {
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    float: right;
    width: 22.5em;
    background-color: #fff;
    border-radius: 5px;
}

.userlogin_mid_right_mid {
    margin: 0 1.875em;
}

.userlogin_mid_right_mid_1 {
    text-align: center;
    padding-top: 8px;
    margin-bottom: .875em;
}

.userlogin_mid_right_mid_2_left {
    font-size: 1.25em;
}

.userlogin_mid_right_mid_2_right {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 13px;
    color: #999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.userlogin_mid_right_mid_2 {
    position: relative;
    margin-bottom: .875em;
}

.userlogin_mid_right_mid_3 .layui-form-pane .layui-input-block {
    margin-left: 0
}

.userlogin_mid_right_mid_3 .layui-tab-content {
    padding: 0;
}

.userlogin_mid_right_mid_3 .layui-form-pane .layui-input {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border: 1px #eeeeee solid;
    vertical-align: middle;
    /*表单控件上下居中对齐*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.userlogin_mid_right_mid_3 .agree_xy {
    color: #999;
    font-size: 13px;
}

.userlogin_mid_right_mid_3 .agree_xy .layui-form-checkbox {
    top: 0;
    color: #1fcd85;
}

.userlogin_mid_right_mid_3 .agree_xy .layui-form-checkbox {
    border: 1px #1fcd85 solid;
    background-color: #fff;
    left: 2.8px;
    top: 1px;
}

.userlogin_mid_right_mid_3 .agree_xy .layui-form-checkbox i {
    color: #1fcd85
}

.userlogin_mid_right_mid_3 .agree_xy:before {
    background-color: #f2f2f2;
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
}

.userlogin_mid_right_mid_3 .layui-form-pane .layui-input-block.sm {
    min-height: inherit;
    margin-bottom: 1.25em;
}

#userlogin_btn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img3.jpg);
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 2.777777777777778em;
    line-height: 2.777777777777778em;
    border-radius: 5px;
    -webkit-box-shadow: 0px 9px 25px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 9px 25px rgba(0, 0, 0, .3);
    box-shadow: 0px 9px 25px rgba(0, 0, 0, .3);
}

#userlogin_btn span {
    font-size: 1.125em;
}

.userlogin_mid_right_mid_4 {
    font-size: 13px;
}

.userlogin_mid_right_mid_4 a {
    color: #666;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.userlogin_mid_right_mid_4 a:hover {
    color: #0b82d7
}

.userlogin_mid_right_mid_4 a:nth-child(1) {
    float: left
}

.userlogin_mid_right_mid_4 a:nth-child(2) {
    float: right
}

.userlogin_mid_right_mid_3 .layui-form-item:last-child {
    margin-bottom: 10px;
}

.userlogin_mid_right_mid_5 {
    margin-top: 1em;
    text-align: center;
    position: relative;
}

.userlogin_mid_right_mid_5:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-top: -.5px;
    background-color: #efefef;
}

.userlogin_mid_right_mid_5 span {
    opacity: .5;
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
    color: #888888;
    position: relative;
    z-index: 10;
}

.userlogin_mid_right_mid_6 {
    margin-top: .875em;
    text-align: center;
    margin-bottom: 1em;
}

.userlogin_mid_right_mid_6 a {
    width: 2.625em;
    height: 2.625em;
    background-size: cover;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img1.png);
}

.userbannerimg {
    position: relative;
    width: 100%;
    height: 415px;
    padding: 7.29166666666667vw 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-height:768px) {

    .userbannerimg,
    .indexbanner_forget {
        height: calc(100vh - 201.1px);
        padding-top: 0;
        padding-bottom: 0
    }

    .userindex {
        height: calc(100vh - 201.1px);
        padding-top: 0;
        padding-bottom: 0
    }

}

#register_f_btn {
    padding-bottom: 2em;
}

#register_body .userlogin_mid_right_mid_3 .layui-form-pane .layui-input {
    background: none
}

.yzmbar {
    overflow: hidden;
    border: 1px #eee solid;
    position: relative;
    height: 40px;
}

.yzmbar_btn {
    z-index: 10;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    left: 188px;
    width: calc(100% - 188px);
    background-color: #eff7f8;
}

.yzmbar_btn input {
    border: none;
    cursor: pointer;
    background: none;
    text-align: center;
    width: 100%;
    height: 38px;
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    color: #444
}

.userlogin_mid_right_mid_3 .layui-form-pane .yzmbar .layui-input {
    border: none
}

/********project******/
.about_mid_right_mid_2_list_pro_left {
    overflow: hidden;
    float: left;
    position: relative;
    width: 40.54054054054054%;
}

.about_mid_right_mid_2_list_pro_right {
    float: right;
    width: 55.22522522522523%;
}

.about_mid_right_mid_2_list_pro ul li a {
    display: block;
    overflow: hidden
}

a:hover .index_2_2_2 {
    padding-left: 1.75em;
}

.index_2_2_2:before {
    background-color: #02d399;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    height: .2083333333333333em;
    width: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

a:hover .index_2_2_2:before {
    width: 1.25em;
}

.about_mid_right_mid_2_list_pro_catename span {
    color: #fff;
    font-size: .875em;
    line-height: 28px;
    padding-left: 28px;
    padding-right: 12px;
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/img2.png);
    border-radius: 0 3px 3px 0;
}

.about_mid_right_mid_2_list_pro_catename {
    margin-top: 1.45em;
}

.about_mid_right_mid_2_list_pro .index_2_2_2 {
    margin-top: .875em;
}

.about_mid_right_mid_2_list_pro .index_2_2_3 {
    -webkit-line-clamp: 4;
    line-height: 2;
}

.about_mid_right_mid_2_list_pro_link {
    text-align: right;
    margin-top: .875em;
}

.about_mid_right_mid_2_list_pro_link p {
    text-align: left
}

a:hover .about_mid_right_mid_2_list_pro_link .c_view i:before {
    right: 0
}

a:hover .about_mid_right_mid_2_list_pro_link .c_view {
    color: #1479d7
}

.about_mid_right_mid_2_list_pro ul li {
    padding: 2.5em 0;
    border-bottom: 1px #e6e6e6 solid;
    position: relative
}

.about_mid_right_mid_2_list_pro ul li:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 10;
    height: 1px;
    background-color: #ff4554;
    width: 0;
}

.about_mid_right_mid_2_list_pro ul li:hover:after {
    width: 100%;
}

.about_mid_right_mid_2_list_pro ul li:nth-child(1) {
    padding-top: 0
}

.project_info {
    background-color: #f6f6f6;
    overflow: hidden;
}

.project_info_1 {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 1.25em 0;
    background-image: url(../images/img6.png);
    padding-left: 30px;
    font-size: 13px;
    color: rgba(102, 102, 102, 0.75);
}

.project_info_1 a {
    color: rgba(102, 102, 102, 0.75);
}

.project_info_1 a:hover {
    color: #1479d7
}

.project_info_2 {
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
    padding: 1.75em;
}

.project_info_2_left {
    float: left;
    overflow: hidden;
    width: 49.85549132947977%;
    overflow: hidden;
}

.project_info_2_left img {
    width: 100%;
}

.project_info_2_right {
    float: right;
    width: 46.24277456647399%;
}

.project_info_2 .index_2_2_2 {
    margin-top: 1em;
}

.project_info_2 .index_2_2_3 {
    margin-bottom: 4em;
    margin-top: 1.5em;
    line-height: 2;
    -webkit-line-clamp: 1000;
}

.project_info_2_right_1 a {
    position: relative;
    display: inline-block;
    color: #fff;
    background-color: #f9554c;
    border-radius: 3px;
    overflow: hidden;
    width: 12.5em;
    text-align: center;
    line-height: 3.125em;
}

.project_info_2_right_1 a span {
    position: relative;
    z-index: 10;
}

.project_info_2_right_1 a:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 0;
    background-color: #1479d7
}

.project_info_2_right_1 a:hover:after {
    width: 100%;
}

.project_info_2_right_1 a.disa {
    background-color: #c0c0c0
}

.project_info_2_right_1 a.disa:after {
    display: none
}

.project_info_2_right_2 {
    height: 26px;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    margin-top: 2.5em;
    padding-bottom: 0
}

.project_info_3_left {
    float: left;
    width: 76.38888888888889%;
    background-color: #fff;
    -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
}

.project_info_3_left_mid {
    padding: 1.75em;
}

.project_info_3 {
    margin-top: 1.75em;
}

.project_info_3_left_mid_1 ul li {
    display: inline-block;
    margin-right: 2.875em;
}

.project_info_3_left_mid_1 ul li a {
    display: block;
    position: relative;
    padding: .85em 0;
    font-size: 1.25em;
}

.project_info_3_left_mid_1 {
    border-bottom: 1px #e9e9e9 solid;
}

.project_info_3_left_mid_1 ul li a:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: .2em;
    width: 0%;
    background-color: #1479d7;
}

.project_info_3_left_mid_1 ul li.on a:after,
.project_info_3_left_mid_1 ul li:hover a:after {
    width: 100%;
}

.project_info_3_left_mid_1 ul li.on a,
.project_info_3_left_mid_1 ul li:hover a {
    color: #1479d7
}

.project_info_3_left_mid_2 {
    font-size: 14px;
    line-height: 2;
}

.tabcon {
    padding: 1.75em;
}

.project_info_3_left_mid_3_1 {
    font-size: 13px;
    color: #5cc0c0;
    position: relative;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/img7.png);
}

.project_info_3_left_mid_3_1 span {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 24px;
    width: 110px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img8.jpg);
    text-align: center
}

.project_info_3_left_mid_3_2 {
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 1em;
}

.project_info_3_left_mid_3_3 {
    font-size: 13px;
    color: #666;
    line-height: 2;
    margin-top: .875em;
    margin-bottom: 1.5em;
}

#page1,
#page2 {
    text-align: center
}

#page2 {
    margin-top: 2em;
}

#page1 .layui-laypage a,
#page1 .layui-laypage span,
#page2 .layui-laypage a,
#page2 .layui-laypage span {
    font-size: 14px;
    padding: .25em .7em;
    font-size: 16px;
    height: auto;
    line-height: normal;
    color: #999
}

#page1 .layui-laypage .layui-laypage-curr .layui-laypage-em,
#page2 .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #ff4554;
}

.project_info_3_left_mid_3_4 dl dd {
    display: inline-block;
    margin-right: 1px;
}

.project_info_3_left_mid_3_4 dl dd a img {
    width: 110px;
}

#eventslist li {
    margin-bottom: 2em;
}

.project_info_3_left_mid_4_mid {
    min-height: 60px;
    position: relative;
    padding-right: 15em;
}

.project_info_3_left_mid_4_mid_right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
}

.project_info_3_left_mid_4_mid_right span {
    font-weight: bold;
    color: #f34540;
    font-size: 18px;
    padding: 0 3px;
}

.project_info_3_left_mid_4_mid_left {
    position: relative;
    padding-left: 4.8125em;
}

.project_info_3_left_mid_4_mid_left_left {
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 3px #eeeeee solid;
    width: 54px;
    height: 54px;
    overflow: hidden
}

.project_info_3_left_mid_4_mid_left_left img {
    width: 100%;
}

.project_info_3_left_mid_4_mid_left_right_1 {
    font-size: .875em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 6px;
}

.project_info_3_left_mid_4_mid_left_right_2 {
    font-size: 13px;
    color: #888;
}

#donatelist li {
    padding: 10px 0px;
    border-bottom: 1px #d6d6d6 dotted;
}

.tabcon {
    display: none
}

.project_info_3_right {
    -webkit-box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.1);
    float: right;
    width: 21.52777777777778%;
    background-color: #fff;
}

.project_info_3_right_1 {
    background-size: cover;
    color: #fff;
    line-height: 3.125em;
    padding-left: 1.25em;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/img10.jpg);
}

.project_info_3_right_1 span {
    padding-left: 1.727272727272727em;
    display: inline-block;
    position: relative;
    font-size: 1.375em;
}

.project_info_3_right_1 span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.136363636363636em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img9.png);
    height: 1.227272727272727em;
}

.project_info_3_right_2 {
    padding: 0 1.25em;
}

.project_info_3_right_2 ul li {
    padding: 1.25em 0;
    border-bottom: 1px #e6e6e6 solid;
}

.project_info_3_right_2_mid {
    position: relative;
    overflow: hidden
}

.project_info_3_right_2_mid img {
    width: 100%;
}

.project_info_3_right_2_mid_name {
    line-height: 34px;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
}

.project_info_3_right_2_mid_name p {
    margin: 0 10px;
}

.project_info_4_left {
    width: 76.38888888888889%;
    text-align: center
}

.project_info_4_left .about_info_5 {
    margin-top: 3.75em;
    margin-bottom: 3.75em;
}

.project_info_3_right_3 {
    padding-top: 1.25em;
    text-align: center;
    padding-bottom: 1.25em;
}

.project_info_3_right_3 a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-size: 14px;
    color: #999999
}

.project_info_3_right_3 a:hover {
    color: #1479d7
}

.information_1 {
    padding: 10px 1em;
    background-color: #02d399;
    color: #fff
}

.information_1 label {
    position: relative;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    display: inline-block;
}

.information_1_left {
    padding-left: 2.6875em;
    display: inline-block;
    position: relative;
}

.information_1_left:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.125em;
    height: 2.125em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img1.png);
}

.information_1_right {
    display: inline-block;
    margin-left: 6vw;
}

.information_1 span {
    font-weight: bold;
    font-size: 1.5em;
}

.information_2 .layui-tab-content {
    padding: 0 2.91666666666667vw;
}

.information_2 .layui-form-item {
    float: left;
    clear: none;
    width: 49%;
}

.information_2 .layui-form-item:nth-child(2n) {
    float: right
}

.information_2 .layui-form-pane .layui-form-label {
    border: none;
    padding-right: 10px;
    color: #666666;
    font-size: .9375em;
    width: auto;
    padding-left: 0;
    background: none
}

.information_2 .layui-form-pane .layui-input-block {
    margin-left: 85px;
}

.information_2 .layui-form-pane .layui-input {
    font-size: 14px;
    border-radius: 3px;
    border: 1px #cdcdcd solid;
}

.jztime {
    display: flex;
    flex: 0 1 auto;
    flex-flow: row wrap;
}

.jztime dd {
    cursor: pointer;
    flex: 0 1 32%;
    text-align: center;
    max-width: 32%;
    margin-left: 2%;
}

.jztime dd:nth-child(1) {
    margin-left: 0
}

#gss_btn {
    width: 100%;
    background-color: #ff4554;
}

#gss_btn span {
    padding-left: 2em;
    position: relative;
    display: inline-block;
}

#gss_btn span:after {
    content: '';
    position: absolute;
    width: 1.625em;
    height: 1.375em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img2.png);
    background-size: cover;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.information_2 {
    margin-top: 2em;
    margin-bottom: 1.875em;
}

.pay_method img {
    height: 28px;
}

.information_3 .layui-table th {
    border-top: 3px solid #9ec9ee;
    font-weight: bold;
    font-size: 14px;
}

.information_3 .layui-table td {
    font-size: 13px;
}

.view_cer {
    color: #3598dc
}

.information_4 span {
    padding-left: 20px;
    font-size: 13px;
    color: #999;
    display: inline-block;
    position: relative;
}

.information_4 span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img3.png);
}

.information_4 {
    margin-top: 1.5em;
}

.information_2 .layui-form-select dl {
    font-size: 14px;
}

.information_2 .layui-form-select dl dd.layui-this {
    background-color: #ff4554;
}

.index_5_1_mid_2_report {
    margin-left: 0;
    margin-right: 0
}

.index_5_1_mid_2_report dl dd {
    position: relative;
    padding: .9375em 0;
    border-bottom: 1px #e6e6e6 solid;
    margin: 0
}

.index_5_1_mid_2_report dl dd:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-color: #ff5764;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: '';
    z-index: 10;
    width: 0
}

.index_5_1_mid_2_report dl dd:hover:after {
    width: 100%;
}

.fpinput {
    display: none
}

#swiper-pagination-banner {
    position: static;
}

#swiper-pagination-banner .swiper-pagination-bullet {
    border-radius: 12px;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    opacity: .5;
    background-color: #fff;
    transition: all .25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#swiper-pagination-banner .swiper-pagination-bullet-active {
    opacity: 1;
    width: 36px;
}

.banner_jd {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
    bottom: 26px;
}

.banner_jd_mid {
    display: inline-block;
    position: relative;
}

.banner_jd_mid_right {
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    right: -17px;
    width: 12px;
    height: 14px;
    background: url(../images/pause-white.svg) no-repeat;
    background-size: 100% 100%;
}

.banner_jd_mid_right.stop {
    background: url(../fonts/play-white.svg) no-repeat;
}

.nybanner_wb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
    color: #fff;
    height: 100%;
}

.nybanner_wb_1 {
    font-size: 1.125em;
    letter-spacing: 2em;
    color: rgba(255, 255, 255, .75)
}

.nybanner_wb_2 {
    font-size: 11px;
    letter-spacing: 5px;
    color: rgba(255, 255, 255, .75);
    margin-top: 12px;
}

.nybanner_wb_2_party {
    font-size: .9375em;
}

.index_5_1_mid_1_left span {
    cursor: pointer;
    padding: 0 1em;
    color: #999999
}

.index_5_1_mid_1_left span.syspan {
    color: #000
}

.index_5_1_mid_1_left span:nth-child(1) {
    padding-left: 0;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/img6.png);
}

.index_5_1_mid_1_left span.on {
    color: #222
}

.index_5_1_mid_1_left span.syspan {
    background: none
}

.index_5_1 ul li:hover .index_5_1_mid_1_left span.syspan {
    color: #fff
}

.flist_hide {
    display: none
}

.cerbox {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

#cerimg {
    max-width: 32vw;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    display: inline-block;
    position: relative;
}

.cerbox a {
    position: fixed;
    display: block;
    right: 2em;
    top: 2em;
    z-index: 100;
}

.cerbox a img {
    -webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
}

.cerbox a:hover img {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.user_forget {
    position: static;
    margin: 0 auto;
}

.user_forget .userlogin_mid_right {
    float: none;
    margin: 1em auto;
    padding-bottom: 2em;
}

.indexbanner_forget {
    background-color: #fff;
    padding: 4em 0;
    border-top: 1px #dedede solid;
}

/*****userindex***********/
.userindex {
    background-color: #f6f6f6;
    overflow: hidden;
    padding-bottom: 4em;
}

.userindex_mid {
    position: relative;
}

.userindex_top {
    font-size: .875em;
    padding: 1em 0;
}

.userindex_mid {
    position: relative;
}

.userindex_mid_left {
    box-shadow: 0 0 2px #eaeaea;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    background-color: #fff;
    z-index: 10;
}

.userindex_mid_right {
    min-height: 500px;
    margin-left: 215px;
    padding: 15px;
    background-color: #fff;
    box-shadow: 0 0 2px #eaeaea;
}

@media screen and (min-height:900px) {
    .userindex_mid_right {
        min-height: 750px;
    }
}

.userindex_mid_left_mid {
    margin: 15px;
    border: 1px #eaeaea solid;
}

.userindex_mid_left_mid_1 {
    padding: 10px 0px;
    background-color: #1479d7;
    color: #fff;
    text-align: center;
}

.userindex_mid_left_mid_1 span {
    font-size: 1.125em;
}

.centers_listm_one_in {
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    padding-left: 1.875em;
    border-bottom: 1px #eaeaea solid;
    padding-top: .6em;
    padding-bottom: .6em;
}

.centers_listm_one_in img {
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.centers_listm_one_in b {
    width: 12px;
    height: 6px;
    display: block;
    background: url(../images/jbjt.png) no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

span.gjszmdm {
    border-bottom: 1px #eaeaea solid;
    display: block;
    margin: 0 15px;
    padding-left: 1.875em;
    padding-top: 5px;
    padding-bottom: 5px;
}

span.gjszmdm a {
    display: block;
    font-size: .875em;
    padding: 5px 0px;
}

.userindex_mid_right_1 span {
    color: #e50012
}

.userindex_mid_right_2 {
    border: 1px #eaeaea solid;
    padding: 15px;
    margin-top: 15px;
}

.layui-tab-content-user {
    padding-left: 0;
    padding-right: 0
}

.userindex_mid_right_2_2 {
    margin: 0 auto;
}

.user_index_avatar {
    margin-top: 0px;
    margin-left: 10px;
    border: 1px solid #e6e6e6;
    max-width: 100px;
    padding: 5px;
    border-radius: 100%;
}

.user_index_username,
.bind_mobile {
    margin-left: 10px;
    line-height: 38px;
    display: block
}

.bind_mobile span {
    margin-right: 10px;
}

.bind_mobile a {
    margin-left: 10px;
    color: #1479d7
}

.layui-tab-content-user #userlogin_btn {
    max-width: 120px;
    margin: 0 auto;
    float: none;
}

.layui-tab-content-user #userlogin_btn span {
    font-size: 1em;
}

.userindex_mid_right_2_1 {
    width: 888px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    border-left: 3px solid #1479d7;
    text-indent: 6px;
    margin-bottom: 19px;
}

.bindmobile {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5);
}

.bindmobile_mid {
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    padding: 0 1em;
}

.bindmobile_mid_mid_1 {
    position: relative;
    background-color: #e3e3e3;
    padding: 0.75em 1em;
}

.userindex_mid_right_2_2 {
    font-size: 14px;
}

.bindmobile_mid_mid_1_right {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bindmobile_mid_mid_1_right a {
    display: block;
    background-image: url(../images/icon.png);
    width: 16px;
    height: 16px;
    background-position: 0 -40px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.bindmobile_mid_mid_2 {
    background-color: #fff;
    padding: 1em 2em;
}

.bindmobile_mid_mid_2 ul li {
    height: 36px;
    line-height: 36px;
    position: relative;
    padding-left: 5em;
    font-size: .875em;
    margin-bottom: 1em;
}

.bindmobile_mid_mid_2 ul li span {
    position: absolute;
    left: 0;
    top: 0;
    color: #999
}

.bindmobile_mid_mid_2 ul li div {
    padding: 0 1em;
    border: 1px #c0c4cc solid;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.bindmobile_mid_mid_2 ul li div input.wbk_bind {
    border: none;
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: none
}

#getvcode_bind {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 100%;
    border: none;
    background-color: #f5f7fa;
    border-left: 1px #c0c4cc solid;
}

.bindmobile_mid_mid_2 ul li.bind_v div {
    padding-right: 126px;
}

.confirm_bind {
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    height: 36px;
    width: 74px;
    display: block;
    color: #fff;
    background-color: #1479d7;
}

.confirm_bind:hover {
    color: #fff
}


@media screen and (max-width:1700px) {
    #gss_btn span {
        padding-left: 0
    }

    #gss_btn span:after {
        display: none
    }

    .information_2 .layui-tab-content {
        padding: 0
    }

    .about_mid_right_mid_2_list_pro .index_2_2_3 {
        -webkit-line-clamp: 3
    }

    .about_mid_right_mid_2_list_pro .index_2_2_2 {
        margin-top: 0
    }

    .support_2 {
        margin: 0 8.8em
    }

    #jzbtn {
        font-size: 1.25em;
    }

    .pay_list {
        font-size: .875em;
    }

    .about_info_1 {
        font-size: 1.625em;
    }

    .banner_footer_mid {
        font-size: .875em;
    }

    .about_mid_right_mid_1 {
        font-size: 2em;
    }

    .footer_1_left_1 span {
        font-size: 2.25em;
    }

    .index_5_1_mid_1_left span {
        font-size: 1.25em;
    }

    .index_3_1_left_mid_3 a {
        font-size: .75em;
    }

    .index_3_1_left_mid_2 {
        font-size: 2em
    }

    .index_3_1_left_mid_1 {
        font-size: 1.25em;
    }

    .index_3_1_right_mid_1_left span {
        font-size: 1.5em;
    }

    .index_2_2_2 {
        font-size: 1.375em;
    }

    .index_2_1_right a {
        font-size: .875em;
    }

    .index_2_1_left_right {
        left: 9em;
    }

    .index_2_1_left_left_1 span {
        font-size: 2em;
    }

    .wmid {
        max-width: 85%;
    }

    .index_1_1 a {
        font-size: 2em;
    }

    .index_1_3_right_mid_1 a {
        font-size: 1.125em;
        width: auto;
        padding: 0 .7em;
    }
}

@media screen and (max-width:1200px) {
    #jzbtn {
        font-size: 1em;
    }

    .pay_list p {
        font-size: .875em;
    }

    .support_1_2 .layui-form-pane .layui-input-block {
        margin-left: 122px;
    }

    .support_1_2 .layui-form-pane .layui-form-label {
        width: 90px
    }

    .support_1_2 .layui-tab-content {
        padding-left: 0;
        padding-right: 0
    }

    .support_1_1 {
        font-size: 1.25em;
    }

    .project_info_3_right_1 span,
    .project_info_3_left_mid_1 ul li a {
        font-size: 1.125em;
    }

    .about_info_1 {
        font-size: 1.375em;
    }

    .about_mid_right_mid_1 {
        font-size: 1.5em;
    }

    .index_6_2 ul li {
        width: 15.60570987654321%;
    }

    .index_6_2 ul li:nth-child(6n) {
        margin-right: 0
    }

    .index_6_2 ul li:nth-child(7n) {
        margin-right: 1.27314814814815%
    }

    .index_6_2_mid {
        height: 8vw;
    }

    .footer_1_left_1 span {
        font-size: 1.875em;
    }

    .index_3_1_left_mid_1 {
        font-size: 1.125em;
    }

    .index_3_1_right_mid_1_left span {
        font-size: 1.25em;
    }

    .index_3_1_left_mid_2 {
        font-size: 1.5em;
    }

    .index_3_1_left_mid_3 a {
        font-size: .7em;
    }

    .index_2_2_2 {
        font-size: 1.125em;
    }

    .index_2_1_left_left_1 span {
        font-size: 1.5em;
    }

    .wmid {
        max-width: 90%;
    }

    .index_1_1 a {
        font-size: 1.5em;
    }

    .index_1_1 {
        margin-top: 2.5em;
    }

    .index_1_3_left_name h2 {
        font-size: 1.125em;
    }
}

.index_1_3_left_img {
    display: none;
    width: 100%;
}

.m-ins-navbox {
    width: 100%;
    height: 40px;
    background-color: #fff;
    display: none;
    position: relative;
    z-index: 11;
}

.m-ins-navbox.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}

.m-ins-navbox .left {
    width: 15%;
    float: left;
    cursor: pointer;
}

.m-ins-navbox .left .ico {
    display: block;
    width: 100%;
    height: 40px;
    background: url("../images/ico_35.png") no-repeat center #1479d7;
    background-size: auto 50%;
}

.m-ins-navbox .ret-subbox {
    position: absolute;
    top: 40px;
    width: 100%;
    background-color: #035cac;
    left: 0;
    z-index: 2;
    display: none;
}

.m-ins-navbox .right {
    width: 85%;
    float: right;
    position: relative;
}

.m-ins-navbox .right .tit {
    display: block;
    width: 95%;
    padding-left: 5%;
    font-size: 18px;
    color: #1479d7;
    line-height: 40px;
    background: url("../images/ico_36.png") no-repeat 93% center;

    cursor: pointer;
}

.m-ins-navbox .right .subbox {
    width: 100%;
    position: absolute;
    top: 40px;
    background-color: #fff;
    z-index: 2;
    display: none;
    left: 0;
}

.m-ins-navbox .right .subbox a {
    display: block;
    width: 95%;
    padding-left: 5%;
    line-height: 40px;
    height: 40px;
    border-top: 1px solid #e5e5e5;
    background: url("../images/ico_37.png") no-repeat 92% center;
    background-size: auto 35%;
    /*border-left: 1px solid #fff;
    margin-left: -1px;*/
}

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

    .userindex_mid_right_2,
    .userindex_mid_right_1 {
        width: 810px
    }

    .userindex_mid_right {
        overflow: hidden;
        overflow-x: auto;
    }

    #jzbtn {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block
    }

    .project_info_2_right_1 a {
        width: 9em;
        line-height: 2.5em;
    }

    .about_mid_right_mid_2_bg {
        display: none
    }

    .about_1 {
        margin-bottom: 4em;
    }

    .about_mid_right_mid_2_list_1_mid_right_1 {
        font-size: 1em;
    }

    .nybanner_wb_2,
    .nybanner_wb_1 {
        letter-spacing: 0
    }

    .about_1_mid {
        min-height: inherit
    }

    .about_mid_right_mid_1 {
        font-size: 1.125em;
    }

    .m-ins-navbox {
        display: block
    }

    .about_mid_right_mid {
        margin-left: 0
    }

    .about_mid_left {
        display: none
    }

    .about_mid_right {
        margin-left: 0
    }

    .banner_footer {
        display: none
    }

    .index_5_1 ul li:nth-child(1) {
        margin-bottom: 2em;
    }

    .index_5_1 ul li {
        width: 100%;
    }

    .index_3_1_right {
        margin-left: 0
    }

    .index_3_1_left {
        width: 100%;
        overflow: hidden;
        padding: 4em 0;
        position: static;
        height: auto
    }

    .index_3_1_left_mid_3 a {
        width: 13em;
    }

    .index_1_3_left_img {
        display: block
    }

    .index_1_3_left_bg {
        display: none
    }

    .header_mid_left_right {
        display: none
    }

    .index_1_3_left {
        position: static;
        width: 100%;
        height: auto
    }

    .index_1_3_right {
        margin-left: 0
    }
}

.mobile_user_nav {
    position: absolute;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    padding-right: 15px;
    display: none;
    transform: translateY(-50%);
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(../images/img2.png);
}

.mobile_user_nav a {
    background-position: right center;
    background-repeat: no-repeat;
    /*background-image: url(../images/img1.png);*/
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
    width: 20px;
    height: 20px;
}

.mobilenav {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    display: none;
}

.mobilenav .icon {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 100%;
    height: 24px;
}

@media screen and (max-width:950px) {
    .support_2 ul li {
        margin-top: 2em;
    }

    .support_2_1 {
        font-size: 1.25em;
    }

    .support_2 {
        margin-left: 0;
        margin-right: 0
    }

    .information_1_left {
        padding-left: 2em;
        display: block
    }

    .information_1_right {
        display: block;
        margin-left: 2em;
    }

    .information_1_left:after {
        font-size: .75em;
    }

    .index_6_2 ul li {
        width: 18.98148148148148%;
    }

    .index_6_2 ul li:nth-child(5n) {
        margin-right: 0
    }

    .index_6_2 ul li:nth-child(6n) {
        margin-right: 1.27314814814815%
    }

    .index_6_2_mid {
        height: 9vw;
    }

    .project_info_3_left {
        width: 100%;
    }

    .project_info_3_right {
        width: 100%;
        margin-top: 1.75em;
    }

    .project_info_4_left {
        width: 100%;
    }

    .project_info_3_right_2 ul li {
        width: 32%;
        float: left;
        margin-right: 2%;
    }

    .project_info_3_right_2 ul li:nth-child(3) {
        margin-right: 0
    }
}

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

    .project_info_2_left,
    .project_info_2_right {
        width: 100%;
    }

    .information_2 .layui-form-item {
        width: 100%;
    }
}

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

    .userlogin_mid_right {
        float: none;
        margin: 0 auto;
        width: auto;
        max-width: 23em;
    }

    .user_header_left_right {
        display: none
    }

    .user_header_left_left img {
        height: 2.75em;
    }

    #user_header {
        padding: 1em 0;
    }

    .userbannerimg,
    .userindex,
    .indexbanner_forget {
        height: calc(100vh - 186.1px);
    }
}

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


    #cerimg {
        max-width: 70vw;
    }

    .cerbox a img {
        width: 2em;
    }



    #mainWrap {
        padding-top: 82px;
    }

    #userbody #mainWrap {
        padding-top: 0
    }

    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 777;
    }

    .information_1 span {
        font-size: 1.375em;
    }

    .project_info_3_left_mid_1 ul li a:after {
        height: 2px;
    }

    .tabcon {
        padding-left: 0;
        padding-right: 0
    }

    .footer_2_1 {
        padding-right: 2em
    }

    .index_5_1_mid_1 {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .index_5_1 {
        margin-top: 2em;
    }

    .index_3 {
        padding-bottom: 4em;
    }

    .index_2_1_left_left_1 span {
        font-size: 1.25em;
    }

    .index_1 {
        padding-bottom: 4em;
    }

    .index_1_no_hot {
        padding-top: 4em;
    }

    .index_1_3_num {
        font-size: 1em;
    }

    .index_1_3_left_left {
        font-size: .875em;
        left: 1em;
    }

    .index_1_3_left_right {
        font-size: .875em;
        right: 1em;
    }

    .index_1_1 a {
        font-size: 1.25em;
    }

    .mobilenav,
    .mobile_user_nav {
        display: block
    }

    .header_top {
        display: none
    }

    .header_mid_right {
        display: none
    }

    .header_mid {
        padding: 1em 0;
    }

    .header_mid_left {
        max-width: none;
    }

    .header_mid_left img {
        height: 50px;
    }

    .header_nav {
        display: none
    }

    #swiper-pagination-banner .swiper-pagination-bullet {
        margin: 0 3px;
    }

    .banner_jd {
        bottom: 16px;
        transform: scale(.8, .8);
    }

    .index_5_1_mid_2 dl dd a {
        padding-right: 5.5em;
    }
}

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

    .footer_1,
    .footer_2 {
        text-align: center
    }

    .index_1_3_right_mid_1 {
        text-align: center
    }

    .header_mid:after {
        background-image: url(../images/bg2.jpg);
        background-size: cover;
    }

    .about_mid_right_mid_1_right {
        top: 0
    }

    .about_mid_right_mid_1 {
        background-image: url(../images/l.png);
    }

    .index_6_1_right {
        font-size: .875em;
    }

    .index_6_2 ul li {
        width: 24.04513888888889%;
    }

    .index_6_2 ul li:nth-child(4n) {
        margin-right: 0
    }

    .index_6_2 ul li:nth-child(5n) {
        margin-right: 1.27314814814815%
    }

    .index_6_2_mid {
        height: 10vw;
    }

    .index_6_2 {
        margin-bottom: 2em;
    }
}

#swiper-pagination-links {
    display: none;
    position: static;
}

#swiper-pagination-links .swiper-pagination-bullet {
    background: none;
    border: 2px #c9c9c9 solid;
    opacity: 1
}

#swiper-pagination-links .swiper-pagination-bullet-active {
    background-color: #c9c9c9
}

.about_mid_right_mid_2_list_pro_left img {
    width: 100%;
}

.donate_value {
    display: none
}

.donate_value .project_info_3_left_mid_4_mid_right {
    position: static
}

@media screen and (max-width:640px) {
    .cerbox a {
        top: 5vw;
        right: 5vw;
    }

    #cerimg {
        max-width: 90vw;
    }

    .support_2_footer {
        margin-top: 2em;
    }

    .support_2_1 {
        font-size: 1em;
    }

    .pay_list p {
        font-size: .6em;
    }

    #jzbtn {
        width: 100%;
    }

    .about_mid_right_mid_2_list_1 .index_5_1_mid_2 {
        margin-left: 0;
        margin-right: 0
    }

    .information_3 {
        overflow-x: auto;
    }

    .information_3 .layui-table {
        width: 768px;
    }

    .information_1 span {
        font-size: 1.25em;
    }

    .pagination {
        font-size: .875em;
    }

    .project_info_3_left_mid_3_2 {
        font-size: 1em;
    }

    .project_info_3_left_mid_3_4 dl dd a img {
        width: 100%;
    }

    .project_info_3_left_mid_3_4 dl dd {
        margin-bottom: 4px;
        width: 24.25%;
        margin-right: 1%;
        float: left;
        display: block
    }

    .project_info_3_left_mid_3_4 dl dd:nth-child(4n) {
        margin-right: 0
    }

    .donate_value {
        display: block;
        padding-bottom: 8px;
    }

    .project_info_3_left_mid_4_mid {
        padding-right: 0em;
    }

    .project_info_3_left_mid_4_mid_right {
        position: static;
        display: none
    }

    .donate_value .project_info_3_left_mid_4_mid_right {
        display: block;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    #page1 .layui-laypage a,
    #page1 .layui-laypage span,
    #page2 .layui-laypage a,
    #page2 .layui-laypage span {
        font-size: 14px;
    }

    .project_info_3_left_mid_1 ul li a {
        padding-top: 12px;
    }

    .project_info_3_left_mid_1 ul li {
        margin-right: 1em;
    }

    .project_info_3_right_2 ul li {
        width: 100%;
        margin-right: 0
    }

    .project_info_2 .index_2_2_3 {
        margin-bottom: 2.5em;
    }

    .project_info_2_right_1 a {
        width: 100%;
    }

    .about_mid_right_mid_2_list_pro ul li {
        padding: 1.5em 0;
    }

    .about_mid_right_mid_2_list_pro_left {
        width: 100%;
    }

    .about_mid_right_mid_2_list_pro_right {
        width: 100%;
        margin-top: 1em;
    }

    .about_mid_right_mid_2_list_1_mid_right_2 {
        color: #666;
    }

    .about_info_5 a {
        width: 100%;
        line-height: 2.25em;
        border-radius: 2.25em;
        display: block;
    }

    .about_info_5 {
        margin-top: 2.5em;
    }

    .about_info_3 {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .about_info_1 {
        margin-top: 0;
        font-size: 1.25em;
    }

    .about_mid_right_mid_2_list_2 {
        margin-top: 2em;
    }

    .about_mid_right_mid_2 {
        margin-top: 2em;
    }

    .about_mid_right_mid {
        padding-top: 2em;
    }

    .about_mid_right_mid_2_list_1_mid_right {
        margin-top: 1em;
    }

    .about_mid_right_mid_2_list_1_mid {
        padding-left: 0;
    }

    .about_mid_right_mid_2_list_1_mid_left {
        position: static;
        width: 100%;
    }

    #linktab {
        text-align: center
    }

    .index_6_1_right {
        display: none
    }

    .index_6 {
        margin-top: 2em;
        padding-top: 2em;
        background-color: #f3f7f9;
        overflow: hidden
    }

    #swiper-pagination-links {
        display: block
    }

    .index_6_2 ul li {
        background-color: #fff;
        width: 32.48456790123457%;
        margin-top: 0
    }

    .index_6_2 ul li:nth-child(3n) {
        margin-right: 0
    }

    .index_6_2 ul li:nth-child(4n) {
        margin-right: 1.27314814814815%
    }

    .index_6_2_mid {
        height: 15vw;
    }


    .footer_2,
    .footer_2_1_left_2,
    .footer_1_left_2 {
        line-height: 1.5;
    }

    .footer_2_1_right {
        display: none
    }

    .footer_2_1 {
        padding-right: 0em
    }

    .footer_1_left_1 span {
        font-size: 1.5em;
    }

    #footer {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .footer_1 {
        padding-right: 0
    }

    .footer_1_right {
        display: none
    }

    .index_5_1_mid_1 {
        padding-left: 1em;
        padding-right: 1em;
    }

    .index_5_1_mid_2 {
        margin: 1em;
    }

    .index_3_1_left {
        padding: 2.5em 0;
    }

    .scrobar_nav div {
        margin-bottom: 2.5em;
    }

    #indexproject_sb {
        width: 100%;
        margin-top: 2.5em;
    }

    .index_2 {
        margin-top: 2.5em;
    }

    .index_2_2 {
        margin-top: 2em;
    }

    .index_2_1 {
        text-align: center
    }

    .index_2_1_left_right,
    .index_2_1_right {
        display: none
    }

    .index_1_3_right_mid_1 a {
        font-size: 1em
    }

    .index_1_3_right_mid_2_mid_1 ul li a,
    .index_1_3_right_mid_2_mid_1 ul li a.nc_link_212 {
        padding-right: 80px;
        padding-left: 18px;
    }

    .index_1_3_right_mid_2_mid_1_left {
        width: 5px;
        text-indent: -999em;
    }

    .index_1_3_right_mid_2_mid_2 {
        margin-top: 1.5em;
    }
}

@media screen and (max-width:480px) {
    .user_header_right {
        display: none
    }

    #mainWrap {
        padding-top: 72px;
    }

    .jztime dd {

        flex: 0 1 49%;

        max-width: 49%;

    }

    .jztime dd:nth-child(3) {

        flex: 0 1 calc(100% + 85px);

        max-width: calc(100% + 85px);
        margin-left: -85px;
        margin-top: 1em;

    }

    .information_1 {
        font-size: 14px;
    }

    .information_1 span {
        font-size: 14px;
    }

    .information_1_right,
    .information_1_left {
        padding: 5px 0px;
    }

    .information_1 .information_1_right span {
        display: inline-block;
    }

    .information_1_right {
        margin-left: 0
    }

    .information_1_left {
        padding-left: 0
    }

    .information_1_left:after {
        display: none
    }

    #gss_btn span {
        font-size: .9375em;
    }

    .project_info_4_left .about_info_5 {
        margin: 2.5em 0;
    }

    .index_5_1_mid_1_left span {
        font-size: 1.125em;
    }

    .c_view {
        width: 100px;
    }

    .c_view i {
        transform: scale(.8, .8);
    }

    .index_1_3_left_name h2 {
        font-size: 1em;
        padding-right: 55px;
    }

    .index_1_3_left_left,
    .index_1_3_left_right {
        font-size: .65em
    }

    .index_5 {
        margin-top: 32px;
    }

    .index_4 {
        margin-top: 32px;
    }

    .index_3_1_right_mid_1_left span {
        font-size: 1.125em;
    }

    .index_3 {
        padding-top: 2.5em;
        padding-bottom: 32px;
    }

    .index_3_1_left_mid_1 {
        font-size: 1em;
    }

    .index_3_1_left_mid_3 a:nth-child(1) {
        float: left;
        width: 48%;
        margin: 0;
        margin-bottom: 1.5em;
        margin-top: 1em;
        line-height: 3.2em
    }

    .index_3_1_left_mid_3 a:nth-child(2) {
        float: right;
        width: 48%;
        margin: 0;
        margin-bottom: 1.5em;
        margin-top: 1em;
        line-height: 3.2em
    }

    .index_1 {
        padding-bottom: 32px;
    }

    .index_1_no_hot {
        padding-top: 32px;
    }

    .index_1_3_right_mid_1 a {
        padding: 0 .4em;
        margin-right: 2px;
    }

    .index_1_3_right_mid {
        margin: 5vw 4vw;
    }

    .header_mid_left img {
        height: 40px;
    }

    .index_1_1 {
        margin-top: 32px;
    }

    .index_1_2 {
        margin-bottom: 32px;
        margin-top: 1em;
    }

}

@media screen and (max-width:450px) {
    #userbody .layui-form-item .layui-input-inline {
        margin-left: -1px
    }
}

/******mobile nav**********/
.mobile {
    width: 20px;
    height: 16px;
    cursor: pointer;
    display: block;
    z-index: 10001
}

#header .mobile span {
    position: absolute;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
    left: 0;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer
}

#header .mobile span:nth-child(2) {
    left: 5px;
    top: 7px;
    width: 15px;
}

#header .mobile span:nth-child(3) {
    left: 0;
    background-color: #000;
    top: 14px;
    width: 20px;
}

#header .mobile.open span {
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg)
}

#header .mobile.open span:nth-child(2) {
    top: 0;
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
    width: 20px;
}

#navi {
    right: 0;
    width: 87.33333333333333%;
    height: 100%;
    overflow-y: scroll;
    z-index: 1000;
    position: fixed;
    top: 0;
    background-color: rgba(255, 255, 255, 1);
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: hidden
}

#navi::-webkit-scrollbar {
    display: none
}

#navi.menuIsActive {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

#navi .inner {
    height: calc(100vh - 82px);
    position: relative
}

#navi>.inner>.menu>ul {
    margin: 82px 0 0
}

#navi>.inner>.menu>ul>li {
    top: 0;
    font-size: 20px;
    text-align: left;
    line-height: 26px;
    margin-bottom: 32px;
}

#navi>.inner>.menu>ul>li>a {
    position: relative;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    padding: 0 0 0 5%;
    font-weight: bold;
    position: relative;
    display: block
}

#navi>.inner>.menu>ul>li>a:after {
    font-size: .4em;
    transition: .2s ease-in-out;

    -webkit-transition: .2s ease-in-out;

    -moz-transition: .2s ease-in-out;

    -o-transition: .2s ease-in-out;
    content: '';
    position: absolute;
    right: 5%;
    width: 2.125em;
    height: 1.1875em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/ico_100.png);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#navi>.inner>.menu>ul>li.on>a:after {
    transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg);

    -moz-transform: rotate(-180deg);

    -o-transform: rotate(-180deg);
}

#navi>.inner>.menu>ul>li dl {
    display: none;
    padding-bottom: 1em;
    font-size: 16px;
    margin: 0 5%;
    border-bottom: 1px #dedede solid;
}

#navi>.inner>.menu>ul>li dl dd a {
    display: block;
    padding: 0 0 0 80px;
}

#navi>.inner>.menu>ul>li dl dd {
    margin-top: 10px;
}

.headermask {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    visibility: hidden;
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    opacity: 0;
}

#header.showafter .headermask {
    visibility: visible;
    opacity: .41
}

.navi_close {
    cursor: pointer;
    width: 24px;
    height: 40px;
    cursor: pointer;
    position: fixed;
    z-index: 88888;
    right: 5%;
    top: 10px;
}

.navi_close svg.icon {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 24px;
    height: 24px;
}

.ovh {
    overflow: hidden
}

#navi>.inner>.menu>ul>li>a.nhs:after {
    display: none
}

@media screen and (max-width:480px) {
    .pagination li {
        margin-bottom: 5px;
    }

    #navi .inner {
        height: calc(100vh - 72px);
    }

    #navi>.inner>.menu>ul {
        margin: 72px 0 0
    }
}

/*.keith {
    text-align: justify;
}
.keith:after {
    display: inline-block;
    width: 100%;
    content: '';
}*/
@media screen and (max-width:410px) {
    .index_1_3_right_mid_1 a {
        margin-right: 2px;
        padding: 0 3px;
    }

    .project_info_3_left_mid_1 ul li {
        margin-right: 8px;
    }

    .wmid {
        max-width: 95%
    }

    .index_1_3_right_mid {
        margin-left: 2vw;
        margin-right: 2vw;
    }
}

@media screen and (max-width:387px) {
    .support_1_2 .layui-form-pane .layui-form-label {
        padding-left: 0
    }

    .support_1_2 .layui-form-pane .layui-input-block {
        margin-left: 105px;
    }

    .pay_list p {
        font-size: .55em
    }
}

/**************************/
.alipaymask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, .5);
}

.alipaymask_mid {
    margin: 0 auto;
    max-width: 520px;
    padding: 0 1em;
}

.alipaymask_mid_mid {
    background-color: #fff;
    border-radius: 10px;
    padding: 1em;
    position: relative;
    text-align: center
}

.alipaymask_mid_mid_2 img {
    width: 200px;
}

.alipaymask_mid_mid_2 {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.alipaymask_mid_mid_1 {
    padding-top: 2em;
}

.alipaymask_mid_mid_3 {
    padding-top: 1em;
    text-align: right;
    border-top: 1px solid #e8e8e8
}

.alipaymask_mid_mid_3 a {
    border-radius: 3px;
    font-size: 14px;
    padding: 4px 8px;
    display: inline-block;
    border: 1px solid #e8e8e8;
    margin-left: 3px;
    overflow: hidden
}

.alipaymask_mid_mid_3 a:hover {
    border-color: #1890ff;
    color: #1890ff
}

.alipaymask_mid_mid_3 a:nth-child(2) {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff
}

.alipaymask_mid_mid_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 3em;
    height: 3em;
    text-align: center;
    cursor: pointer
}

.alipaymask_mid_mid_2_wx img {
    max-width: 200px;
}

.alipaymask_mid_mid_2_wx {
    padding: 1.5em 0 0 0;
}

.wxpayqr img {
    width: 200px;
}

.donate_order {
    margin: 0 auto;
    max-width: 490px;
}

.donate_order_1 {
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
}

.donate_order_1 img#orderqr {
    border: 1px #dedede solid;
}

.donate_order {
    text-align: center
}

.donate_order_1_footer {
    padding: .85em 0;
    margin-top: 1em;
    color: #fff;
    background-color: #00c901;
    position: relative;
}

.donate_order_1_footer_left {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5em;
    text-align: center;
}

.donate_order_1_footer_right {
    text-align: left;
    margin-left: 5.8em;
    line-height: 1.5;
    font-size: 13px;
}

.donate_order_2 {
    text-align: center;
    padding: 1em 0;
}

.donate_order_3 {
    text-align: center;
    color: #222222;
    font-size: 1.375em;
}

.donate_order_4 {
    font-size: 2.5em;
    margin: .3em 0;
}

.donate_order_5 ul li {
    line-height: 1.6;
    padding: .2em 0;
    width: 100%;
    clear: both;
    overflow: hidden;
    font-size: 13px;
    color: #222222;
}

.donate_order_5_left {
    float: left;
}

.donate_order_5_right {
    float: right
}

.donate_order_5 {
    padding: 1em 0;
    margin-top: 1.5em;
    border-top: 2px #dee2ea solid;
    border-bottom: 4px #dee2ea solid;
    overflow: hidden
}

.order_su {
    text-align: center
}

.view_ticket,
.view_ticket:hover {
    color: #ff0000
}

.donate_order_6 {
    padding-top: 2em;
}

.donate_order_6 a {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border: 1px #dedede solid;
    padding: .5em 1.75em;
}

.donate_order_6 a:nth-child(1) {
    float: left;
}

.donate_order_6 a:nth-child(2) {
    float: right
}

.donate_order_6 a:hover {
    color: #3598dc;
}

@media screen and (max-width:480px) and (max-height:650px) {
    .userbannerimg {
        height: 100vh;
    }
}

.yzmbar_btn {
    left: 145px;
    width: calc(100% - 145px)
}

.mobile_user_mid {
    display: none
}

.layui-input-inline_pc {
    width: 150px;
}

.layui-form-label_zt {
    width: 60px;
}

.layui-input-inline_zt2 {
    width: 80px;
}

.layui-form-label_sj {
    width: 60px;
}

.layui-input-inline_sj2 {
    width: 80px;
}

@media screen and (max-width:640px) {
    .mobile_user_mid {
        font-size: .9375em;
        display: block
    }

    .userindex_mid_left,
    .userindex_mid_right {
        display: none
    }

    .mobile_user_mid_1 {
        background-color: #fff;
        position: relative;
        padding: 10px 0px;
        padding-left: 95px;
        min-height: 72px;
    }

    .mobile_user_mid_1_left {
        position: absolute;
        left: 0;
        top: 10px;
    }

    .mobile_user_mid_1_left img {
        width: 60px;
    }

    .mobile_user_mid_1_right_1 {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .mobile_user_mid_1_right_2 {
        font-size: .875em;
        color: #999;
    }

    .mobile_user_mid_2 {
        background-color: #fff;
        overflow: hidden;
        margin-top: 1em;
        padding: 1em 0;
    }

    .mobile_user_mid_2 ul li {
        float: left;
        width: 33.3333%;
        text-align: center;
    }

    .mobile_user_mid_2_mid {
        margin: 0 1em;
        line-height: 1.6;
    }

    .mobile_user_mid_3 ul li {
        padding: 1em;
        display: block;
        margin-top: 1em;
        background-color: #fff;
        overflow: hidden;
    }

    .mobile_user_mid_3_1 span {
        font-size: 1.125em;
    }

    .mobile_user_mid_3_1 {
        padding-bottom: .5em;
        margin-bottom: 1em;
        border-bottom: 1px #dedede solid
    }

    .mobile_user_mid_3_2 dl dd {
        float: left;
        width: 50%;
        text-align: center;
    }

    .mobile_user_mid_3_2 dl dd a {
        color: #333;
    }

    .mobile_user_mid_3_2_1 img {
        height: 1.75em;
    }

    .mobile_user_mid_3_2_2 {
        margin-top: 10px;
    }

    /*********/
    .userindex_mid_right_show {
        display: block;
        margin-left: 0
    }

    .userindex_mid_right_show .userindex_mid_right_1 {
        display: none
    }

    .userindex_mid_right_2,
    .userindex_mid_right_1 {
        width: 100%;
    }

    .userindex_mid_right_show .layui-tab-content-user {
        padding-right: 1em;
    }

    .userindex_mid_right_show .layui-form-pane .layui-form-label {
        width: 70px;
    }

    .userindex_mid_right_show .layui-form-pane .layui-input-block {
        margin-left: 102px;
    }

    .userindex_mid_right_show .layui-tab-content-user #userlogin_btn {
        max-width: 100%;
    }

    .userindex_mid_right_show .userindex_mid_right_2 {
        width: 768px;
    }

    .userindex_mid_right_show .userindex_mid_right_2_width {
        width: 100%;
    }

    .userindex_mid_right_show .layui-form-item .layui-input-inline_pc {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }

    .userindex_mid_right_show .layui-input-inline_sj2 {
        width: 100%;
        margin-top: 1em;
    }

    .userindex_mid_right_show .layui-input-inline_sj2 .layui-btn {
        display: block;
        padding-left: 0;
        padding-right: 0;
        width: 20%;
    }
}