@charset "utf-8";

/*统一的样式*/


/* reset */

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box
}


/*默认外边距 和 内边距*/


/*去圆点*/

img {
    border: none;
    vertical-align: bottom;
    max-width: 100%
}

table {
    border-collapse: collapse;
}


/*边框会合并为一个单一的边框*/


/**/

button,
input,
select,
textarea {
    font-size: 100%;
}


/* 使得表单元素在 ie 下能继承字体大小 */

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}


/*字体系列 字体大小 字体样式 字体粗细 都继承父元素*/

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


/* 将斜体扶正 */


/*input:focus{box-shadow: 0 0 10px #999; outline: none;}   /*边框阴影*/


/*轮廓取消*/


/* link */

a {
    text-decoration: none;
    color: inherit;
    transition: 0s;
}


/*清除超链接的下划线*/

a:hover {
    text-decoration: none;
}

.clear {
    clear: both;
}


/*清除浮动*/


/*统一的样式*/

html {
    font-size: 625%;
}

@media screen and (min-width:0px) {
    html {
        font-size: 325%
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 350%;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 365%;
    }
}

@media screen and (min-width:440px) {
    html {
        font-size: 385%;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 425%;
    }
}

@media screen and (min-width:580px) {
    html {
        font-size: 525%;
    }
}

@media screen and (min-width:680px) {
    html {
        font-size: 625%;
    }
}

body {
    margin: 0 auto;
    line-height: 140%;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体";
    max-width: 767px;
    min-width: 320px;
    box-sizing: border-box;
    overflow: scroll;
    transition: .4s;
    position: relative;
}

.centers {
    width: 100%;
    padding: 0 .2rem 0 .2rem;
    /*background:rgba(1,1,1,.1);*/
}

.guidance {
    padding: 2px .2rem;
}

.header {
    width: 100%;
    position: relative;
    padding: .2rem .2rem;
    display: flex;
    justify-content: space-between;
}

.header::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}


/*.header img{*/


/*width: 30%;*/


/*height:100%;*/


/*}*/

.header a {
    display: block;
    width: 30%;
    height: 100%;
}

.header>p {
    width: 50%;
    position: relative;
}

.header>p img {
    object-fit: contain;
    height: 100%;
    position: absolute;
    left: 0;
}

.header a img {
    width: 100%;
    height: 100%;
}

.header>img {
    width: 10%;
    height: 45%;
    position: absolute;
    right: .3rem;
    top: .4rem;
    cursor: pointer;
}

.index-first-part {
    width: 100%;
    height: 3.6rem;
    position: relative;
    margin-bottom: .2rem;
}

.index-container {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.index-container .swiper-pagination-bullet {
    margin: 0 .1rem;
    height: .1rem;
    width: .1rem;
    border-radius: .05rem;
    transition: .4s;
}

.index-container .swiper-pagination-bullet-active {
    width: .25rem;
    border-radius: .1rem;
}

.header-pagination {
    position: absolute!important;
    bottom: 0px!important;
}

.index-text-part {
    width: 100%;
}

.index-text-part>div:first-of-type::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.index-text-part>div:first-of-type {
    width: 100%;
    border-bottom: 1px solid #78c32a;
    line-height: 1.5em;
    position: relative;
    padding-bottom: .05rem;
}

.index-text-part>div:first-of-type p {
    float: left;
    color: #78c32a;
    font-size: .3rem;
    padding-left: .25rem;
    margin-right: .2rem;
    line-height: .5rem;
}

.index-text-part>div:first-of-type p:nth-of-type(2) {
    float: left;
    color: #c2bfbf;
    font-size: .28rem;
    padding-left: .2rem;
    line-height: .5rem;
}

.index-text-part>div:first-of-type a {
    float: right;
    display: block;
    color: #fcfcfc;
    font-size: .28rem;
    background: #78c32a;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 .05rem;
}

.index-text-part>div:first-of-type div {
    width: 3.05rem;
    border-bottom: .02rem solid #78c32a;
    position: absolute;
    bottom: 0px;
    float: left;
}

.index-text-part-content {
    width: 100%;
}

.index-text-part-content ul {
    width: 100%;
}

.index-text-part-content ul li {
    margin-bottom: .35rem;
    position: relative;
}

.index-text-part-content ul li p:first-of-type {
    font-size: .32rem;
    color: #78c32a;
    line-height: 1.5em;
    padding-top: .08rem;
}

.index-text-part-content ul li p:nth-of-type(2) {
    color: #898989;
    font-size: .32rem;
    line-height: 1.6em;
    padding-top: .1rem;
    text-indent: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news-contents ul li {
    margin-bottom: 0rem!important;
    border-bottom: 1px solid #CCCCCC;
}

.news-contents ul li p {
    color: #756d6d!important;
    padding: 0 .2rem .1rem .2rem;
}

.news-contents ul li p:hover {
    color: #78c32a!important;
}

.news-contents ul li::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.news-contents ul li span {
    /*position: absolute;*/
    /*right: 0px;*/
    /*bottom: .05rem;*/
    float: right;
    color: #d5d5d5;
    font-size: .24rem;
    line-height: .4rem;
}

.news {
    margin-bottom: .3rem;
}

.index-box {
    width: 100%;
    padding-right: .2rem;
    padding-left: .2rem;
}

.index-banner {
    width: 100%;
    height: 5rem;
}

.swiper-wrapper {
    width: 100%;
}

.swiper-slide {
    width: 100%;
}

.index-banner .swiper-wrapper .swiper-slide img {
    width: 100%;
}


/*.index-banner-shadow{*/


/*background: rgba(63, 92, 124,.4);*/


/*position: absolute;*/


/*bottom: 0;*/


/*z-index: 99;*/


/*width: 100%;*/


/*padding: .2rem 0 .15rem .45rem;*/


/*}*/


/*.index-banner-shadow::after{*/


/*clear: both;*/


/*content: '';*/


/*display: block;*/


/*width: 0px;*/


/*height: 0px;*/


/*}*/


/*.index-banner-shadow>div{*/


/*float: left;*/


/*}*/


/*.index-banner-shadow>div:first-of-type{*/


/*width: 60%;*/


/*}*/


/*.index-banner-shadow div p{*/


/*color: #fdfdfd;*/


/*font-size: .28rem;*/


/*overflow : hidden;*/


/*text-overflow: ellipsis;*/


/*display: -webkit-box;*/


/*-webkit-line-clamp: 2;*/


/*-webkit-box-orient: vertical;*/


/*line-height: .4rem;*/


/*}*/

.index-pagination {
    width: 40%;
    position: absolute;
    bottom: .2rem;
    right: 0;
    line-height: .2rem;
}

.index-pagination .swiper-pagination-bullet {
    width: .4rem;
    height: .4rem;
    color: rgba(1, 1, 1, .5);
    background: #338fbb;
    opacity: 1;
    font-size: .2rem;
    margin: 0 .05rem 0 .05rem;
    line-height: .4rem;
}

.index-pagination .swiper-pagination-bullet-active {
    width: .4rem;
    height: .4rem;
    color: #e6eef3;
    background: #338fbb;
    font-size: .2rem;
    margin: 0 .05rem 0 .05rem;
    line-height: .4rem;
}

.economic>div {
    padding-top: .2rem;
}

.economic>div>p:first-of-type {
    color: #338fbb!important;
}

.zhaoshang>div:first-of-type {
    padding-top: .2rem;
}

.zhaoshang>div>p {
    color: #338fbb!important;
}

.zhaoshang-img {
    position: absolute;
    left: 0px;
    bottom: -.02rem;
    width: 3%;
}

.member>div:first-of-type {
    padding-top: .2rem;
}

.member>div>p:first-of-type {
    color: #338fbb!important;
}

.zhaoshang-img {
    position: absolute;
    left: 0px;
    bottom: -.02rem;
    width: 3%;
}

.index-member-logo {
    width: 100%;
}

.index-member-logo ul {
    width: 100%;
}

.index-member-logo ul::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.index-member-logo ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    text-align: center;
    color: #020202;
    font-size: .32rem;
    line-height: .4rem;
    padding-top: .25rem;
}

.index-member-logo ul li:hover {
    color: #7ec535;
}

.index-member-logo ul li:nth-of-type(2n+0) {
    margin-right: 0;
}

.index-member-logo ul li img {
    width: 100%;
    object-fit: contain;
    height: 1.9rem;
    min-height: 100px;
    border: 1px solid #CCCCCC;
    background: white;
}

.index-member-logo ul li p {
    padding-top: .15rem;
}

.members-style {
    padding-top: .3rem;
}

.members-style>div p:first-of-type {
    color: #338fbb;
}

.members-style-content {
    width: 100%;
}

.members-style-content ul {
    width: 100%;
}

.members-style-content ul li {
    width: 100%;
    margin-top: .3rem;
    border: .2rem solid #4cb9e2;
    padding: .2rem 0 0 .2rem;
    position: relative;
    display: flex;
}

.members-style-content ul li::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.members-style-content ul li>div {
    float: left;
    width: 46%;
}

.members-style-content ul li div:first-of-type {
    text-align: center;
    padding-bottom: .65rem;
    width: 3.2rem;
}

.members-style-content ul li div:first-of-type p {
    font-size: .3rem;
    line-height: .3rem;
    width: 2rem;
    border-bottom: 1px solid #cccccc;
    margin: auto;
    padding-top: .1rem;
    color: #127cbf;
    padding-bottom: .1rem;
}

.members-style-content ul li div:first-of-type img {
    width: 100%;
    height: 2.9rem;
    min-height: 110px;
    object-fit: contain;
}

.members-style-content ul li div:nth-of-type(2) {
    padding-top: .1rem;
    padding-right: .15rem;
}

.members-style-content ul li div:nth-of-type(2) p:first-of-type {
    font-size: .3rem;
    color: #127cbf;
    line-height: 1.5em;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    padding-bottom: .1rem;
    margin-bottom: .3rem;
}

.members-style-content ul li div:nth-of-type(2) p:nth-of-type(2) {
    font-size: .26rem;
    color: #b1acab;
    line-height: 1.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.members-style-content ul li div:nth-of-type(2) a {
    width: 1.6rem;
    display: block;
    height: .5rem;
    background: #2176af;
    font-size: .3rem;
    line-height: .5rem;
    text-align: center;
    color: white;
    position: absolute;
    bottom: .5rem;
}

.members-style-content ul li div:nth-of-type(2) a:hover {
    background: white;
}

.members-style-content ul li span {
    display: block;
    float: left;
    width: .01rem;
    height: 2.6rem;
    margin: 0 2%;
    background: #CCCCCC;
}

.more {
    width: 2rem;
    height: .5rem;
    border: 1px solid #CCCCCC;
    display: block;
    text-align: center;
    line-height: .5rem;
    color: #9b9b9b;
    font-size: .32rem;
    margin: .6rem auto .6rem auto;
}

.footer {
    padding: .4rem;
    background: #f9fdff;
}

.copyright {
    font-size: 0.250rem;
    color: #a49f9b;
    line-height: .4rem;
    padding: 0 .4rem;
    text-align: center;
}

.support {
    padding-top: .1rem;
    text-align: center;
    font-size: 0.250rem;
    color: #a49f9b;
    line-height: .4rem;
}


/* legal ----------------------------------------- */

.legal-first-part {
    width: 100%;
    height: 3.6rem;
    position: relative;
    margin-bottom: .2rem;
}

.legal-container {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.legal-container .swiper-pagination-bullet {
    margin: 0 .1rem;
    height: .1rem;
    width: .1rem;
    border-radius: .05rem;
    transition: .4s;
}

.legal-container .swiper-pagination-bullet-active {
    width: .25rem;
    border-radius: .1rem;
}

.legal-pagination {
    position: absolute!important;
    bottom: 0!important;
}

.legal-second-part {
    width: 100%;
}

.positions {
    width: 100%;
    border: 1px solid #cccccc;
    background: url("../img/positions-background.png") no-repeat;
    background-size: cover;
    font-size: .32rem;
    color: #83c435;
    position: relative;
}

.positions>div {
    float: left;
    line-height: .3rem;
}

.positions::after {
    clear: both;
    display: block;
    content: '';
    width: 0px;
    height: 0px;
}

.positions div:first-of-type::after {
    clear: both;
    display: block;
    content: '';
    width: 0px;
    height: 0px;
}

.positions div:first-of-type span:first-of-type {
    display: block;
    width: .05rem;
    height: .5rem;
    background: #83c435;
    float: left;
}

.positions div:first-of-type span:nth-of-type(2) {
    width: .02rem;
    display: block;
    height: .5rem;
    margin-left: .02rem;
    background: #83c435;
    float: left;
}

.positions div:nth-of-type(2) {
    margin-left: .2rem;
    padding: .1rem 0 .1rem 0;
}

.positions div:nth-of-type(2) i {
    font-size: .3rem;
    color: #83c435;
}

.positions div:nth-of-type(2) span {
    font-size: .3rem;
    color: #83c435;
    margin: 0 .1rem;
}

.legal-second-part>div:nth-of-type(2) {
    width: 100%;
    padding: .1rem 0 .1rem .12rem;
}

.znav {
    padding: 0 .2rem 0 .2rem;
    margin-top: 15px;
}

.znav::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.znav a {
    float: left;
    display: block;
    width: 31.33%;
    height: 32px;
    overflow: hidden;
    margin-left: 3%;
    margin-bottom: 3%;
    background: #ccc;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.znav a:nth-of-type(3n+1) {
    margin-left: 0;
}

.znav a:hover,
.znav a.active {
    background: #83c435;
}

.legal-forms {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 0 .2rem .3rem .3rem;
}

.legal-forms::after {
    content: '';
    display: block;
    clear: both;
    width: 0px;
    height: 0px;
}

.legal-forms>div:first-of-type {
    width: 100%;
    margin: auto;
    text-align: center;
}

.legal-forms p {
    color: #9b9b9b;
    font-size: .32rem;
    text-align: center;
    line-height: .4rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid #78c32a;
    margin: .3rem auto;
    display: inline-block;
}

.legal-forms ul {
    width: 100%;
    position: relative;
}

.legal-forms ul li {
    margin-bottom: .15rem;
    color: #b6b6b6;
    white-space: nowrap;
}

.legal-forms ul li::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.legal-forms span {
    width: 15%;
    display: block;
    font-size: .3rem;
    color: #b6b6b6;
    line-height: 1.5em;
    float: left;
    margin-right: 7%;
    padding-top: .02rem;
}

.legal-forms input {
    float: left;
    display: inline-block;
    width: 75%;
    font-size: .2rem;
    height: .45rem;
    border: 1px solid #78c32a;
}

.legal-forms ul li:nth-of-type(2) textarea {
    height: 2.8rem;
    width: 75%;
    font-size: .3rem;
    resize: none;
    border: 1px solid #78c32a;
}

.legal-forms ul li:last-of-type input {
    width: 43%;
}

.legal-forms ul div {
    float: left;
    width: 27%;
    margin-left: 2%;
}

.legal-forms ul div span {
    color: red;
    width: 1%!important;
}

.legal-forms ul div img {
    float: left;
    width: 80%;
    height: 80%;
}

.form-submit {
    display: block!important;
    width: 2rem!important;
    height: .6rem!important;
    line-height: .6rem!important;
    margin: auto!important;
    text-align: center!important;
    margin-top: .2rem!important;
    border: 1px solid black!important;
    float: none!important;
    border-radius: .1rem;
    font-size: .26rem;
    transition: .4s;
}

.form-submit:hover {
    background: #00a4ef;
}


/*forward-looking ------------------------------------- */

.forward-looking-content {
    width: 100%;
}

.forward-looking-content ul {
    border: 1px solid #CCCCCC;
    padding-left: .2rem;
}

.forward-looking-content ul li::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.forward-looking-content ul li {
    width: 100%;
    padding: .3rem 0 .2rem 0;
    border-bottom: 1px solid #CCCCCC;
}

.forward-looking-content ul li a>div {
    float: left;
}

.forward-looking-content ul li a>div:first-of-type {
    box-sizing: border-box;
    width: 25%;
    /*height: 1.5rem;*/
}

.forward-looking-content ul li a>div:first-of-type::after {
    clear: both;
    content: '';
    width: 0px;
    height: 0px;
    display: block;
}

.forward-looking-content ul li a>div:first-of-type img {
    width: 100%;
    object-fit: contain;
    min-height: 75px;
    height: 1.25rem;
    border: 1px solid #CCCCCC;
}

.forward-looking-content ul li a>div:last-of-type {
    width: 72%;
    margin-left: 3%;
}

.forward-looking-content ul li a>div:last-of-type>p:first-of-type {
    color: #494949;
    font-size: .3rem;
    border-bottom: 1px solid #78c32a;
    padding-bottom: .2rem;
    line-height: 1.5em;
    padding-left: .15rem;
}

.forward-looking-content ul li a>div:last-of-type p:nth-of-type(2) {
    color: #626262;
    font-size: .26rem;
    line-height: 1.5em;
    /*padding-left: .15rem;*/
    padding-top: .1rem;
}

.forward-looking-content ul li a div:last-of-type div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: .2rem;
    padding-right: .1rem;
}

.forward-looking-content ul li a div:last-of-type div p {
    font-size: .3rem;
    color: #83c435;
}

.forward-looking-content ul li a div:last-of-type div span {
    font-size: .2rem;
    color: #626262;
}

@media screen and (max-width: 550px) {
    .forward-looking-content ul li a>div:last-of-type p:nth-of-type(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding-top: .05rem;
    }
    .forward-looking-content ul li a>div:last-of-type p:first-of-type {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-bottom: .05rem;
    }
}

@media screen and (max-width: 480px) {
    .forward-looking-content ul li a div:last-of-type div {
        display: none;
    }
}

.forward-looking-content ul li:hover>a {
    color: #00a0e9;
}

.forward-looking-content ul li a::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.page-control {
    width: 100%;
    margin-top: .4rem;
    text-align: center;
    height: .6rem;
    margin-bottom: .3rem;
}

.page-control::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.page-control>a,
.page-control select {
    float: left;
}

.page-control a {
    display: block;
    width: .6rem;
    min-width: .6rem;
    height: 100%;
    min-height: 100%;
    background: #b6b6b7;
    margin-left: .5rem;
    font-size: .3rem;
    color: white;
    border-radius: .1rem;
}

.page-control a:first-of-type {
    margin-left: 35%;
}

.page-control a>i {
    font-size: .5rem;
    color: white;
    line-height: 1.2em;
    text-align: center;
}

.page-control a:hover {
    background: #00a0e9;
}

.page-control select {
    width: 8%;
    min-width: 7%;
    height: .4rem;
    min-height: 100%;
    line-height: 1.5em;
    font-size: .2rem;
    text-align: center;
    margin-left: .4rem;
}

@media screen and (max-width: 600px) {
    .page-control a {
        width: 20px;
        height: 20px;
    }
    .page-control select {
        width: 48px;
    }
}

@media screen and (max-width: 480px) {
    .page-control select {
        height: 20px;
    }
}


/*member-content ------------------------------------------  */

.member-content {
    width: 100%;
}

.member-content>div:first-of-type {
    width: 100%;
    margin-bottom: .3rem;
    padding: .2rem 0;
}

.member-content>div:first-of-type span {
    font-size: .4rem;
    line-height: 1.5em;
}

.member-content div:nth-of-type(2) {
    border: 1px solid #CCCCCC;
    padding: .4rem .16rem;
}

.member-content div:nth-of-type(2) p {
    text-indent: .25rem;
    color: #626262;
    font-size: .3rem;
    line-height: 1.6em;
    border-top: 1px solid #CCCCCC;
    padding-top: .2rem;
}

.member-content div:nth-of-type(2) span {
    display: inline-block;
    border-bottom: 1px solid #0250a2;
    color: #626262;
    font-size: .3rem;
    line-height: 1.5em;
}


/*member-company ------------------------------------------ */

.member-company {
    width: 100%;
}

.member-company ul {
    width: 100%;
    padding-top: .65rem;
    border: 1px solid #CCCCCC;
}

.member-company ul::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.member-company ul li {
    float: left;
    width: 46%;
    margin-right: 8%;
    text-align: center;
    margin-bottom: .3rem;
}

.member-company ul li a img {
    width: 100%;
    height: 2.3rem;
    min-height: 100px;
    object-fit: contain;
    transition: .4s;
    background: white;
    border: 1px solid #cccccc;
}

.member-company ul li:nth-of-type(2n+0) {
    margin-right: 0;
}

.member-company ul li a p {
    font-size: .3rem;
    color: #71736f;
    line-height: .4rem;
    padding-top: .15rem;
}

.member-company ul li:hover a p {
    color: #00a0e9;
}

.mores {
    display: block;
    margin: auto auto .2rem auto;
    width: 1.95rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border: 1px solid #CCCCCC;
    font-size: .32rem;
    color: #9b9b9b;
}


/*members ------------------------------------------ */

.members {
    width: 100%;
    margin-bottom: .1rem;
}

.members ul {
    width: 100%;
    border: 1px solid #CCCCCC;
}

.members ul::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.members ul>div:first-of-type {
    width: 100%;
    margin-bottom: .3rem;
    padding-top: .2rem;
}

.members ul>div::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.members ul>div span {
    display: block;
    width: .08rem;
    height: .3rem;
    background: #78c32a;
    line-height: .4rem;
    float: left;
}

.members ul>div p {
    float: left;
    color: #626262;
    font-size: .3rem;
    line-height: .3rem;
    margin-left: .2rem;
}

.members ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: .3rem;
    border: 1px solid #CCCCCC;
}

.about.centers>p>span>img {
    height: auto!important;
}

.members ul li:nth-of-type(2n+0) {
    margin-right: 0;
}

.shang_ja>ul {
    width: 90%;
    margin-left: 5%;
}

.members ul li a img {
    width: 100%;
    height: 2.1rem;
    min-height: 100px;
    object-fit: cover;
}

.members ul li::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
}

.members ul li a div {
    padding: 0 .4rem;
}

.members ul li a p {
    width: 100%;
    height: .65rem;
    background: #267ab8;
    text-align: center;
    font-size: .26rem;
    line-height: 2.8em;
}

.member-last {
    width: 100%;
    text-align: center;
}

.member-last a {
    display: inline-block;
    width: 1.9rem;
    height: .6rem;
    color: #9b9b9b;
    font-size: .32rem;
    text-align: center;
    line-height: .6rem;
    border: 1px solid #CCCCCC;
    margin-bottom: .3rem;
}


/*about --------------------------- */

.about {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
}

.about table {
    width: 100% !important;
}

.about div {
    width: 100%;
    padding: .25rem .1rem .6rem .1rem;
    border: 1px solid #CCCCCC;
    margin-bottom: .5rem;
}

.about div p {
    color: #626262;
    font-size: .3rem;
    line-height: .4rem;
    text-indent: .24rem;
}


/*contacts ------------------------------------- */

.contacts {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 0 .2rem .3rem .2rem;
    margin-bottom: .5rem;
}

.contacts ul {
    margin-bottom: .3rem;
}

.contacts ul li {
    color: #494949;
    font-size: .3rem;
    line-height: .4rem;
}

.contacts ul li::after {
    content: '';
    clear: both;
    display: block;
    width: 0px;
    height: 0px;
}

.contacts ul li span {
    display: block;
    float: left;
    width: 15%;
}

.contacts ul li p {
    float: left;
    width: 85%;
}

#map {
    width: 100%;
    height: 7.3rem;
}

#allmap {
    width: 100%;
    height: 100%;
}


/*navigation -------------------------------- */

.navigation {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 200;
    background: rgba(1, 1, 1, .8);
    top: 0;
    left: 0;
    color: white;
    display: none;
    overflow-x: scroll;
}

.navigation div {
    width: 100%;
}

.navigation div::after {
    clear: both;
    display: block;
    width: 0px;
    height: 0rem;
    content: '';
}

.navigation div .fa-close {
    float: right;
    display: block;
    font-size: .7rem;
    line-height: 100%;
    padding-top: .35rem;
    margin-right: .35rem;
    cursor: pointer;
    margin-bottom: .25rem;
}

.navigation ul {
    width: 100%;
}

.navigation ul li {
    text-align: center;
}

.navigation ul li a {
    display: block;
    width: 100%;
    height: 1rem;
    font-size: .3rem;
    line-height: 1rem;
    color: white;
    border-bottom: 1px solid #CCCCCC;
}

.navigation ul li a:hover,
.navigation ul li a.active {
    background: #78c32a;
}

.shang_ja h1 {
    line-height: 1.5em;
}

.zixun-border {
    padding: 0 .2rem;
}

.box1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*height: 324px;*/
    padding: 15px 10px;
    background: url(../images/box1bg_02.jpg) no-repeat top;
    /*background: #627593;*/
}

.xz_nav {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 9;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
}

.xz_nav a {
    float: left;
    box-sizing: border-box;
    width: 124px;
    height: 36px;
    line-height: 36px;
    /*background: rgba(223,20,34,.8);*/
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.xz_nav a:nth-of-type(2) {
    float: right;
}

.nav {
    width: 100%;
    margin-top: 18px;
}

.nav>a {
    display: block;
    margin: 10px 0;
    /*background: #b82c36;*/
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    transition: .2s;
}

.nav>a:hover,
.nav>a.active {
    color: #333;
}

.search-form {
    position: relative;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #d4e6f7;
    background: #fff;
}

.search-form i {
    position: absolute;
    top: 7px;
    left: 0px;
    bottom: 7px;
    display: block;
    width: 54px;
    border-right: 3px solid #cacaca;
    background: url(../images/searchbtn.png) no-repeat center;
    background-size: 20px;
}

.search-form input {
    float: left;
    box-sizing: border-box;
    display: block;
    width: 70%;
    height: 40px;
    overflow: hidden;
    padding: 0px 10px 0 68px;
    border: none;
    outline: none;
    background: transparent;
    line-height: 40px;
    font-size: 16px;
    color: #a0999c;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-form button {
    box-sizing: border-box;
    display: block;
    width: 30%;
    height: 40px;
    border: 0;
    border-left: 3px solid #e2e0e1;
    background: transparent;
    line-height: 40px;
    font-size: 16px;
    color: #0167cb;
    text-align: center;
    font-weight: bold;
    transition: .2s;
}

.search-form button:hover {
    background: #0167cb;
    color: #fff;
}


/*@media screen and (max-width: 640px) {
    .search-form i {
        background-size: 20px;
    }
    .search-form input {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .search-form button {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
}*/

.about iframe {
    max-width: 100%;
}

.search-form2 {
    padding: .2rem .2rem 0 .2rem;
}

.search-form2 input {
    float: left;
    box-sizing: border-box;
    display: block;
    width: 70%;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ccc;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.search-form2 button {
    float: left;
    box-sizing: border-box;
    display: block;
    width: 30%;
    height: 32px;
    border: none;
    background: #007aff;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.news_head_c {
    width: 100%;
    margin: 0 auto;
    height: 25px;
}

.news_head_c .swiper-slide {
    height: 100%;
    width: 100%;
    position: relative;
}

.news_head_c .swiper-slide p a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: white;
    font-size: 12px;
    position: relative;
}

.bt_wechat {
    position: relative;
    width: 34%;
    height: 100%;
    overflow: hidden;
    padding: 16% 0;
    margin: 0 auto;
}

.bt_wechat img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.will_close {
    z-index: 2;
    display: block;
    position: absolute;
    right: -15px;
    top: -10px;
    width: 36px;
    height: 36px;
    font-size: 30px;
    line-height: 28px;
    font-style: normal;
    color: #193c83;
    text-align: center;
    border-radius: 18px;
    border: 2px solid #193c83;
    background: #fff;
    cursor: pointer;
}

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

.message_form_con {
    width: 320px;
    height: 500px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 23px 35px;
    border: 2px solid #193c83;
    background: #fff;
}

.message_form_con img {
    width: 100%;
    object-fit: contain;
}

.message_form_con form {
    margin-top: 20px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.message_form_con form input {
    box-sizing: border-box;
    transition: 0.3s;
    margin-bottom: 20px;
    width: 100%;
    height: 35px;
    font-size: 16px;
    color: #666666;
    padding: 0 10px;
    border: 1px solid #d7d7d7;
    outline: none;
}

.message_form_con form input:nth-of-type(-n+4) {
    width: 100%;
}

.message_form_con form input:nth-of-type(1),
.message_form_con form input:nth-of-type(3) {
    margin-right: 2%;
}

.message_form_con form input::-webkit-input-placeholder {
    color: #666666;
}

.message_form_con form input:focus {
    border-color: #193c83;
    box-shadow: 0 0 10px rgba(25, 60, 131, 0.5);
}

.message_form_con form input[type="submit"] {
    transition: 0.3s;
    display: block;
    margin: 0 auto;
    border: 1px solid #193c83;
    background: #193c83;
    color: #fff;
    cursor: pointer;
    outline: none;
}

.message_form_con form input[type="submit"]:hover {
    box-shadow: 0 0 10px rgba(25, 60, 131, 0.5);
}

.about td p {
    font-size: 12px;
    text-align: center;
}

.about td p:nth-of-type(1) {
    width: 95%;
    position: relative;
    padding: 36.5% 0 !important;
    margin: 0 auto;
}

.about td p:nth-of-type(1) img {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    object-fit: contain;
    left: 0;
    top: 0;
}


/*2019-7-11 王嘉良添加*/

.m_po {
    width: 200px;
    height: 30px;
    border: none;
    text-align: center;
    color: #999;
    display: block;
    font-size: 14px;
}

@media screen and (min-width:700px) and (max-width:1000px) {
    .m_po {
        width: 70%;
    }
}

.about.centers>p:nth-of-type(2n) {
    /* text-align: center; */
    margin: 2% 0;
}


/* .about strong{
    font-weight: normal;
} */