/*common start*/

body,
div,
ul,
li,
a,
img,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
span,
strong,
input {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    list-style: none;
}

body {
    font-size: 12px;
    font-family: ' ';
    color: #666;
}

body.head_on {
    overflow: hidden
}

a {
    color: #666;
    transition: 0.3s;
}

a:hover {
    color: #008cdf;
    text-decoration: none;
    cursor: pointer;
}

p {
    line-height: 1.8em;
    padding: 5px 0;
}

.clear {
    margin: 0;
    padding: 0;
    font-size: 0;
    clear: both;
}

.wapper {
    width: 1480px;
    margin: 0 auto;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.dingwei_page {
    padding-top: 90px;
    margin-top: -90px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(0 0 0 / 10%);
    z-index: 999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.headList {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
}

.headList .logo {
    display: block;
}

.headList .logo img {
    max-height: 75px;
    width: auto;
    display: block;
}

.logo_2 {
    display: none;
}

.header.fixed .logo_1 {
    display: none;
}

.header.fixed .logo_2 {
    display: block;
}


/*menu*/

.menu {
    height: 90px;
    line-height: 90px;
}

.menu ul li {
    float: left;
    position: relative;
}

.menu ul li dl {
    background: #fff;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 90px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 9;
    transform: translateX(-50%);
    min-width: 140px;
}

.menu ul li dl dd {
    line-height: 40px;
}

.menu ul li dl dd a {
    font-size: 14px;
    color: #666;
    display: block;
    padding: 0 10px;
}

.menu ul li dl dd a:hover {
    color: #fff;
    background: #e61824;
}

.menu a {
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0 20px;
    position: relative;
}

.menu a:hover {
    color: #e61824;
}

a.menu_hover {
    color: #e61824;
}

.menu ul li span a:after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    display: inline-block;
    width: 0%;
    margin: 0 auto;
    background: #e61824;
    height: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
}

.menu ul li span a:hover:after {
    width: 100%;
}

.menu ul li.cur span a {
    color: #e61824;
}

.header.fixed {
    background: #fff;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.header.fixed .menu ul li span a {
    color: #333;
}

.header.fixed .menu ul li span a:hover {
    color: #e61824;
}


/*mMenu*/

.m_header {
    width: 100%;
}

.sp_header {
    height: 70px;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index: 999;
    width: 100%;
    display: none;
    top: 0;
}

.sp_logo {
    float: left;
    height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
}

.sp_logo img {
    margin: auto;
    max-height: 55px;
}

.sp_nav {
    width: 50px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 25px
}

.sp_nav span {
    display: block;
    background: #333;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 10px;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0px
}

.sp_nav span:nth-of-type(2) {
    top: 10px
}

.sp_nav span:nth-of-type(3) {
    top: 20px
}

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    height: calc(100% - 70px);
    font-size: 14px;
    line-height: 40px;
    top: 70px;
    right: -100%;
    overflow: auto;
    overflow-x: hidden;
    transition: right ease 0.35s;
    display: none;
}

.nav_show {
    right: 0;
}

.sjj_nav ul li i {
    position: absolute;
    top: 5px;
    right: 0px;
    height: 30px;
    padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    border-top: 1px #e4e8eb solid;
    position: relative;
    line-height: 45px;
    font-size: 16px
}

.sjj_nav>ul>li:last-child {
    border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #333;
    width: 100%;
    padding: 0 20px;
    display: block;
    box-sizing: border-box;
}

.sjj_nav ul li a:hover {
    color: #0188FB;
}

.sjj_nav ul li ul li a {
    color: #333;
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 25px;
    height: 25px;
    fill: #333;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #333
}

.sjj_nav ul li ul li>ul {
    margin-left: 10px
}

.sjj_nav ul li ul li {
    border-top: none;
}

.sjj_nav ul li ul li a {
    padding: 0 30px;
}


/*swiper*/

.swiper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.swiper-slide {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }


/*common*/

.disFlex {
    flex-wrap: wrap;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
}

.jusBet {
    justify-content: space-between;
}

.jusCet {
    justify-content: center;
}

.jusEnd {
    justify-content: flex-end;
}

.aliTop {
    align-items: flex-start;
}

.aliCet {
    align-items: center;
}

.alibtm {
    align-items: flex-end;
}

.img {
    font-size: 0px;
    overflow: hidden;
}

img {
    transition: 0.5s;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    *zoom: 1;
}

.bgfff {
    background: #fff !important;
}

.fff {
    color: #fff !important;
}

em {
    font-style: normal;
}

.overflow1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
}

.overflow2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overflow3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pt140 {
    padding-top: 140px;
}

.pb140 {
    padding-bottom: 100px;
}

.pt120 {
    padding-top: 60px;
}

.pb120 {
    padding-bottom: 80px;
}

.pt100 {
    padding-top: 50px;
}

.pb100 {
    padding-bottom: 100px;
}

.pt80 {
    padding-top: 60px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 50px;
}

.pt50 {
    padding-top: 60px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt35 {
    margin-top: 35px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 50px;
}

.mt80 {
    margin-top: 80px;
}

.textCet {
    text-align: center;
}

.textLeft {
    text-align: left;
}


/*-------------------------------------------*/


/*banner*/

.banner {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}

.bannerSwiper .swiper-pagination-bullet {
    opacity: 1;
    background: #fff;
    transition: width ease 0.35s;
    border-radius: 20px;
}

.bannerSwiper .swiper-pagination-bullet-active {
    background: #00b0ec;
    width: 20px;
}

.banner .swiper-slide {
    z-index: 1;
}

.banner .swiper-slide-active {
    z-index: 2;
}

.banner .swiper-slide img {
    transform: translate(0) scale(1.08);
    transition: all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .swiper-slide-active img {
    transform: translate(0) scale(1);
}

.banner .swiper-slide .banTop {
    transform: translate(0) scale(1.2);
	transition: all 1.8s ease-in;
    /*transition: all 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
}

.banner .swiper-slide-active .banTop {
    transform: translate(0) scale(1.05);
}

#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
    filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
    transition: 0.3s;
    opacity: 0;
}

.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next{opacity: 1}

.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{filter:none;}

.banTop {
    position: absolute;
    left: 10%;
    top: 0%;
    /*   transform: translate(-50%, -50%);*/
    width: 80%;
    text-align: center;
    color: #fff;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.banTop .t1 {
    font-size: 34px;
    font-weight: bold;
}

.banTop .t2 {
    font-size: 62px;
    font-weight: bold;
    margin-top: 15px;
}

.mainWarp {
    position: relative;
    z-index: 2;
    background: #fff;
    margin-top: 100vh;
}

.iTit {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    margin: 0px 0 10px 0;
    text-align: center;
}

.iIcon img {
    width: auto;
    max-width: 100%;
}

.iTitEn {
    color: #333;
    font-size: 16px;
    margin: 10px 0;
    text-transform: uppercase;
    text-align: center;
}

.iTxt {
    font-size: 16px;
    color: #666;
    margin: 20px auto;
    max-width: 920px;
    text-align: center;
}

.iMore a {
    height: 40px;
    position: relative;
    background: linear-gradient(45deg, #f00 50%, #c00 50%) right bottom;
    background-size: 275% 100%;
    transition: all ease-out .3s;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    line-height: 40px;
    padding: 0 35px;
}

.iMore a:hover {
    background-position: left bottom;
}

.iMore a i {
    padding-left: 10px;
}

.iMore.iMore2 a {
    background: linear-gradient(45deg, #5c8ae6 50%, #008cdf 50%) right bottom;
    background-size: 275% 100%;
    transition: all ease-out .3s;
    border-radius: 5px;
}

.iMore.iMore2 a:hover {
    background-position: left bottom;
}

.iBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.iBg img {
    width: 100%;
    height: 60px;
}

.iInfo {
    font-size: 14px;
    color: #666;
}

.iInfo p {
    padding: 3px 0;
}

.index1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 80px;
}

.index1:before {
    position: absolute;
    left: 0;
    width: 30%;
    top: 0;
    height: 100%;
    background: #f4f5f8;
    content: "";
    z-index: -1;
}

.i1Warp {
    width: 100%;
}

.i1Warp .imgBg {
    width: 48%;
    position: relative;
    padding: 0 0 10% 5%;
    box-sizing: border-box;
}

.i1Warp .imgBg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 40%;
    background: #008cdf;
    content: "";
    border-radius: 10px;
}

.i1Warp .img {
    position: relative;
}

.i1Warp .img img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.i1Warp .img .txt {
    color: #fff;
    position: absolute;
    bottom: 4%;
    right: 4%;
}

.i1Warp .img .txt .h2 {
    font-size: .62vw;
    line-height: 1.2em;
    background: url(../images/ico_rl.png) left center no-repeat;
    background-size: auto .744vw;
    padding-left: .8vw;
    margin-bottom: .5vw
}

.i1Warp .img .txt .h3 {
    font-size: 1.04vw;
    line-height: 1.2em;
    letter-spacing: 1px;
    font-weight: 600;
}

.i1Warp .imgTop {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 45%;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.i1Warp .desc {
    width: 48%;
}

.i1Tit {
    color: #222429;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.i1Tit strong {
    font-weight: normal;
    font-size: 32px;
}

.i1Tit span {
    font-size: 16px;
    font-style: italic;
    color: #666;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    text-transform: uppercase;
}

.i1Txt {
    font-size: 20px;
    color: #008cdf;
}

.i1List {
    width: 100%;
}

.i1List ul {
    flex: 1;
}

.i1List ul li {
    margin: 15px 0;
    position: relative;
    display: flex;
    font-weight: 300;
    font-size: 16px;
}

.i1List ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #008cdf;
    vertical-align: middle;
    position: relative;
    top: 2px;
    font-size: 18px;
}

.i1List .txt {
    font-size: 16px;
    color: #333;
    margin-left: 10px;
    flex: 1;
}

.i1List .box {
    margin-left: 20px;
    padding-left: 15%;
    position: relative;
    margin-right: 10%;
}

.i1List .box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #008cdf;
    content: "";
}

.i1List .year {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #222429;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.8;
}

.i1List .year:before {
    content: '';
    position: absolute;
    left: -10px;
    top: -5px;
    width: 110px;
    height: 110px;
    background: #e8e9e9;
    border-radius: 50%;
    z-index: -1;
    transform: scale(1);
    -webkit-animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
    animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
}

@-webkit-keyframes circleAni-data-v-5aaaeebc {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(1.5);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes circleAni-data-v-5aaaeebc {
    0% {
        transform: scale(1);
        opacity: 1
    }
    50% {
        transform: scale(1.5);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.index2 {
    width: 100%;
    background: #000a24 url(../images/a_bg2.gif) bottom center no-repeat;
    background-size: cover;
    padding-top: 100px;
}

.i2List {
    width: 100%;
}

.i2List dd {
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
}

.i2List dt {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

.i2Top {
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    padding: 5% 3%;
    box-sizing: border-box;
    border-radius: 10px;
    height: 100%;
}

.i2Tit {
    font-weight: bold;
    color: #fff;
    font-size: 42px;
}

.i2TitEn {
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
    opacity: 0.9;
    text-transform: uppercase;
    font-weight: normal;
}

.i2Txt {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
    opacity: 0.8;
}

.i2List .part {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px;
    padding-top: 45px;
    box-sizing: border-box;
    background: #1c1e22;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

.i2List .part .desc {
    order: 0;
    flex: 1;
}

.i2List .part .t1 {
    font-size: 24px;
    line-height: 1em;
    font-weight: bold;
    color: #eee;
}

.i2List .part .t1 span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.i2List .part .t1 span:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #008cdf;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.i2List .part .info {
    font-size: 15px;
    color: #b2b2b2;
    margin-top: 15px
}

.i2List .part .icon {
    width: 60px;
    margin-left: 15px;
    order: 1;
}

.i2List .part .icon img {
    width: 60px;
}

.i2List .part:after {
    position: absolute;
    right: -70px;
    bottom: 0;
    width: 100px;
    height: 80%;
    background: #222429;
    opacity: .20;
    z-index: 0;
    transform: skewX(0deg) scaleX(0);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    content: "";
}

.i2List .part:hover {
    background: #008cdf;
}

.i2List .part:hover:after {
    transform: skewX(-35deg) scaleX(1);
}

.i2List .part:hover .t1 {
    color: #fff;
}

.i2List .part:hover .info {
    color: #fff;
    opacity: 0.9;
}

.index3 {
    width: 100%;
    background: url(../images/m-3j-bj.png) left top no-repeat;
    padding-bottom: 10px;
}

.i3Top {
    width: 30%;
    margin: 0 auto;
    background: #008cdf;
    padding: 60px 30px 0 30px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.i3Top .iTit,
.i3Top .iIcon,
.i3Top .iTitEn,
.i3Top .iTxt {
    margin: 0;
    padding: 5px 0;
    color: #fff;
}

.i3Top .icon img {
    position: absolute;
    top: -2px;
    z-index: 9;
}

.i3Top .icon img.img1 {
    left: 0;
}

.i3Top .icon img.img2 {
    right: 0;
}

.i3Warp {
    width: 100%;
}

.i3Warp ul li {
    width: 50%;
    padding: 1px;
    box-sizing: border-box;
}

.i3Warp ul li:nth-child(1) {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.i3Warp .part {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.i3Warp .part .img {
    width: 100%;
    height: 280px;
    position: relative;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.i3Warp ul li:nth-child(1) .part .img {}

.i3Warp .part .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.i3Warp .part .desc {
    background: #008cdf;
    padding: 15px;
}

.i3Warp .part .t1 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.i3Warp .part:before,
.i3Warp .part:after {
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
    position: absolute;
    z-index: 9;
    display: none;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.i3Warp .part:before {
    top: 0;
    left: -435px;
    transform: rotate(130deg);
}

.i3Warp .part:after {
    top: 0;
    right: -435px;
    transform: rotate(-130deg);
}

.i3Warp ul li:nth-child(1) .part:before {
    transform: rotate(130deg);
    display: block;
    left: -530px;
}

.i3Warp ul li:nth-child(1) .part:after {
    transform: rotate(-130deg);
    display: block;
    right: -530px;
}

.i3Warp ul li:nth-child(2) .part:before {
    display: block;
}

.i3Warp ul li:nth-child(3) .part:after {
    display: block;
}

.i3List {
    position: relative;
}

.i3List_m {
    display: none;
}

.i3Bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.i3Bg img {
    width: 100%;
}
.i3List.mt70{margin-top: 30px;}
.i3List ul li {
    width: 33.33%;
    /*box-sizing: border-box;*/
}
.i3List ul li .part{ margin:0 50px;}
.i3List .part {
    display: block;
    width: 100%;
    background: #eee;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
    transition: 0.3s;
    border-radius: 10px;
    overflow: hidden;
}

    .i3List .part .img {
        width: 100%;
        height: 454px;
        border-radius: 10px;
        overflow: hidden;
    }

.i3List .part .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.i3List .part .desc {
    padding: 20px;
    box-sizing: border-box;
}

.i3List .part .t1 {
    text-align: center;
    font-size: 20px;
    color: #333;
}

.i3List .part:hover img{
    transform: scale(1.05);
}

.i3List .swiper-button-next,
.i3List .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #008cdf;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    transition: 0.6s;
}
.i3List .swiper-button-next:hover,
.i3List .swiper-button-prev:hover{background: #5c8ae6;}
.i3List .swiper-button-prev{ left:0;}
.i3List .swiper-button-next{ right:0;}
.i3List .swiper-button-next:after,
.i3List .swiper-button-prev:after {
    font-size: 20px;
}

.i3List .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 0;
    background: #e6e6e6;
    opacity: 1;
}

.i3List .swiper-pagination-bullet-active {
    background: #5C8AE6;
}

.i5Page {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) !important;
    display: none;
}

.i5Page .swiper-pagination-bullet {
    margin: 0 6px;
}

.index4 {
    width: 100%;
    position: relative;
    padding-top: 110px;
}

.i4Top {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 9;
}

.i4Top img {
    width: 100%;
    height: 60px;
}

.i4List {
    width: 100%;
    position: relative;
    padding: 0 45px;
    box-sizing: border-box;
    padding-bottom: 20px;
}

.i4Swiper {
    width: 100%;
	border-radius: 10px;
}
.i4Swiper .swiper-slide{ width:33.33%;}
.i4List .part {
    display: block;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.i4List .part .img {
    width: 100%;
    position: relative;
    font-size: 0px;
    overflow: hidden;
    border-radius: 10px;
}

.i4List .part .img img {
    width: 100%;
    transition: 0.6s;
    
}

.i4List .part:hover .img img {
    transform: scale(1.2);
}

.i4List .part .desc {
    width: 90%;
    margin: 0 auto;
    position: relative;
    margin-top: -60px;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
}

.i4List .part .date {
    width: 67px;
    position: absolute;
    height: 100%;
    right: 0px;
    top: 0px;
    text-align: center;
    background: url(../images/m-3j-txt-bj.png) no-repeat right center;
    background-size: 100% auto
}

.i4List .part .date .day {
    font-size: 40px;
    line-height: 40px;
    margin: 55px 0 0;
    color: #fff;
    display: block;
}

.i4List .part .date .month {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.i4List .part .tit {
    font-size: 20px;
    color: #333333;
    height: 35px;
    line-height: 30px;
    overflow: hidden;
}

.i4List .part .txt {
    font-size: 15px;
    line-height: 26px;
    height: 100px;
    overflow: hidden;
    color: #666;
    margin: 0px 0 0 0;
}

.i4List .part .info {
    padding-right: 60px;
    box-sizing: border-box;
}

.i4List .swiper-button-next,
.i4List .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #008cdf;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    transition: 0.6s;
}

.i4List .swiper-button-next:hover,
.i4List .swiper-button-prev:hover{background: #5c8ae6;}

.i4List .swiper-button-next:after,
.i4List .swiper-button-prev:after {
    font-size: 20px;
}

.i4List .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 15px;
    background: #e6e6e6;
    opacity: 1;
}

.i4List .swiper-pagination-bullet-active {
    background: #5C8AE6;
}

.i4Page {
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%) !important;
}

.index4 .iMore {margin-top:70px;}

.i4Page .swiper-pagination-bullet {
    margin: 0 6px;
}

.viewer-open .header {
    z-index: 0;
}

.index5 {
    width: 100%;
    position: relative;
    background: #f5f5f5;
   
    padding-bottom: 90px;
}

.index5 .iBg {
    bottom: -5px;
    top: auto;
}
.i5Swiper_pc{border-radius:10px;}
.i5List {
    width: 100%;margin-bottom: 10px;
}

.i5List>ul>li {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    .i5List .img {
        display: block;
        width: 100%;
        height: 100%;
        border: 1px solid #ddd;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        transition: 0.3s;
        border-radius: 10px;
    }

.i5List .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.i5List .img:hover {
    border-color: #008cdf;
}

.i5List .img:hover img {
    transform: scale(1.2);
}

.index6 {
    padding-top: 25px;
    padding-bottom: 40px;
}

.i6List {
    position: relative;
    padding-bottom: 50px;
}

.i6List .swiper-button-prev {
    left: 18%;
}

.i6List .swiper-button-next {
    right: 18%;
}

.i6List .swiper-button-prev,
.i6List .swiper-button-next {
    filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
    opacity: 0;
    transition: 0.3s;
}

.i6List:hover .swiper-button-prev,
.i6List:hover .swiper-button-next {
    opacity: 1;
}

.i6List .i6Page {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.i6List .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 15px;
    background: #e6e6e6;
    opacity: 1;
    margin: 0 5px;
}

.i6List .swiper-pagination-bullet-active {
    background: #5C8AE6;
}

.i6List .swiper-slide {
    position: relative; width:50%;border-radius: 10px;
}
.i6List .swiper-slide:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    content: "";
}

.i6List .swiper-slide-active:before {
    opacity: 0;
}

.index7 {
    width: 100%;
    background: #f5f5f5;
    position: relative;
    padding-top: 60px;
    padding-bottom: 70px;
}

.i7List {
    width: 100%;
    position: relative;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}

.i7List ul {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -30px;
}

.i7List ul li {
    display: block;
    width: 110px;
    height: 110px;
    cursor: pointer;
    background: #fff;
    transform: rotate(45deg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 25px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 10%);
    transition: 0.3s;
    overflow: hidden;
}

.i7List ul li:hover {
    border: 2px solid #008cdf;
}

.i7List ul li a {
    display: block;
    transform: rotate(-45deg);
}

.i7List ul li img {
    max-width: 110px;
}

.i7List ul li:hover img {
    transform: scale(1.2);
}

.a_aboSwiper .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background: #eee;
    opacity: 1;
    border-radius: 0
}

.a_aboSwiper .swiper-pagination-bullet-active {
    background: #58595b;
}
.a_aboSwiper .a_aboPrev,.a_aboSwiper .a_aboNext{ text-align:center; width:40px; height:40px; line-height:40px; margin-top:-20px; background:none; color:#fff; font-size:40px; opacity:0; visibility:hidden; transition:all .3s ease;}
.a_aboSwiper:hover .a_aboPrev,.a_aboSwiper:hover .a_aboNext{ opacity:1; visibility:visible;}
.a_aboSwiper .a_aboPrev{ left:-20px;}
.a_aboSwiper .a_aboNext{ right:-20px;}
.a_aboSwiper:hover .a_aboPrev{ left:0;}
.a_aboSwiper:hover .a_aboNext{ right:0;}
.footer { position:relative; z-index:2;
    background: #333;
    font-size: 16px;
    color: #ccc;
}

.f_logo img {
    width: auto;
    max-height: 75px;
    position: relative;
    top: -10px;
}

.fInfo {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 20px;
    margin-top: 15px
}

.fTit {
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
}

.fTel ul li {
    margin: 15px 0;
    font-size: 16px;
    color: #CCCCCC;
    display: flex;
    line-height: 1.8;
    position: relative;
    left: -5px;
}

.fTel ul li a {
    color: #ccc;
}

.fTel a:hover {
    color: #fff;
    text-decoration: underline;
}

.fTel ul li .icon {
    width: 30px;
    text-align: center;
}

.fTel ul li .icon img {
    width: 20px;
    vertical-align: middle;
}

.fTel ul li span {
    flex: 1;
}

.fTop .item1 {
    width: 32%;
    padding-right: 2%;
    box-sizing: border-box;
}

.fTop .item2 {
    width: 15%;
    padding-right: 5%;
    box-sizing: border-box;
}

.fTop .item3 {
    width: 22%;
    box-sizing: border-box;
}

.fEwm .ewm {
    margin-right: 50px;
    text-align: center;
    font-size: 16px;
}

.fEwm .ewm:last-child {
    margin-right: 0;
}

.fEwm .ewm img {
    width: 100%;
    max-width: 120px;
    border-radius: 5px;
}

.fLink {
    margin-top: 30px;
}

.fLink a {
    display: inline-block;
    width: 30px;
    font-size: 0px;
    overflow: hidden;
    margin-right: 10px;
    height: 30px;
    border-radius: 50%;
}

.fLink a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fMenu ul li {
    margin: 15px 0;
}

.fMenu ul li a {
    font-size: 16px;
    color: #CCCCCC;
}

.fMenu ul li a:hover {
    color: #fff;
}

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.copyright .desc {
    font-size: 15px;
    color: #fff;
}

.copyright a {
    color: #ccc;
}

.copyright a:hover {
    color: #fff;
}

.copyright p {
    padding: 0;
}

.copyright .hr {
    display: inline-block;
}

.toTop {
    position: fixed;
    right: 32px;
    bottom: 50px;
    transition: all 0.3s ease 0s;
    z-index: 999;
    transform: scale(0);
}

.toTop img {
    width: 20px;
}

.toTop.active {
    transform: scale(1);
}

.toTop a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
}

.toTop a:hover {
    background: #008cdf;
    color: #fff;
    /*transform: scale(1.1);*/
}

.tongtu {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.tongtu .img {
    width: 100%;
}

.tongtu .img img {
    width: 100%;
}

.tongtu .imgTop {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.tongtu .wapper {
    overflow: hidden;
    text-align: center;
    /*text-shadow: 0px 2px 18px rgb(0 0 0 / 30%);*/
}

.tongtu .t1 {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
}

.tongtu .info {
    font-size: 28px;
    color: #fff;
    margin: 10px auto;
    /*font-weight: 600*/
}

.abo1 {
    width: 100%;
    position: relative;
    padding-top: 80px;
}

.abo1Warp {
    width: 100%;
}

.abo1Warp .imgBg {
    width: 45%;
    font-size: 0px;
    border-radius: 10px;
    box-shadow: 0 22px 60px -5px rgb(0 140 223 / 25%);
}

.abo1Warp .imgBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.abo1Warp .desc {
    width: 50%;
}

.abo1Tit {
    color: #FFFFFF;
    text-shadow: 0px 5px 15px #008cdf;
    font-size: 48px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    top: 5px
}

.abo1Warp .desc h3 {
    font-size: 18px;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #008cdf;
    background-image: -moz-linear-gradient(left, #008cdf, #6519c5);
    background-image: -webkit-linear-gradient(left, #008cdf, #6519c5);
    background-image: -o-linear-gradient(left, #008cdf, #6519c5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
    border-bottom: 1px solid;
}

.abo1Warp .desc .info {
    font-size: 14px;
    color: #333;
    text-indent: 2em;
    text-align: justify;
}

.abo1Bg {
    position: absolute;
    left: 0;
    bottom: -40vh;
    z-index: -1;
    opacity: 0.1;
}

.abo1Bg img {
    width: auto;
    max-width: 100%;
}

.abo2 {
    border-top: 1px solid #e5e5e547;
}

.abo2List {
    width: 100%;
}

.abo2List ul {
    justify-content: space-around;
}

.abo2List ul li {
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}

.abo2List .tit {
    font-size: 16px;
    color: #333;
}

.abo2List .tit span {
    font-size: 44px;
    color: #008cdf;
    font-weight: bold;
}

.abo2List .txt {
    margin-top: 15px;
    font-size: 16px;
    color: #333;
}

.abo3 {
    position: relative;
    width: 100%;
}

.abo3:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background: #000;*/
    opacity: 0.6;
    content: "";
}

.abo3 .wapper {
    position: relative;
    z-index: 9;
    text-align: center;
}

.abo3 .logo {
    color: #fff;
    font-weight: bold;
    font-size: 26px;
}

.abo3 .logo img {
    max-height: 55px;
    width: auto;
}

.abo3 .t1 {
    font-size: 34px;
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
    /*letter-spacing: 0.2em;*/
}

.abo3 .info {
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}

.cul1 {
    width: 100%;
}

.cul1List {
    position: relative;
}

.cul1List:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #eee;
    content: "";
}

.cul1List ul li {
    padding: 20px 70px;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    box-sizing: border-box;
}

.cul1List .part {
    width: 100%;
    position: relative;
    text-align: right;
    font-size: 16px;
    color: #5c5b5b;
    font-weight: 300;
}

.cul1List .part:before {
    position: absolute;
    top: 25px;
    right: -60px;
    background: #f78800;
    width: 50px;
    content: "";
    height: 1px;
}

.cul1List .part .numb {
    font-size: 38px;
    color: #999;
}

.cul1List .part .tit {
    font-size: 20px;
    color: #54595f;
    font-weight: bold;
}

.cul1List .part .info {
    margin-top: 15px;
}

.cul1List .part .img {
    width: 100%;
    margin-top: 20px;
}

    .cul1List .part .img img {
        width: 100%;
        border-radius: 10px;
    }

.cul1List ul li:nth-child(2n) {
    margin-top: 80px;
}

.cul1List ul li:nth-child(2n) .part {
    text-align: left;
}

.cul1List ul li:nth-child(2n) .part:before {
    right: auto;
    left: -60px;
}

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

.cul2List img {
    width: auto;
    max-width: 100%;
}

.cul4 {
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
    border-top: 1px solid #eee;
}

.cul4Tit {
    font-size: 48px;
    font-weight: bold;
    color: #000;
}

.cul4Tit2 {
    font-size: 24px;
    color: #666;
    margin-top: 15px;
}

.cul4Info {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 20px 0;
}

.cul4List {
    width: 100%;
    position: relative;
    width: 780px;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
}

.cul4List .part {
    display: block;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.cul4List .part .t1En {
    color: #fff;
    font-weight: bold;
}

.cul4List ul li {
    position: absolute;
}

.cul4List ul li:nth-child(1) {
    left: 42px;
    top: 51px;
}

.cul4List ul li:nth-child(2) {
    left: 127px;
    top: 61px;
    z-index: 4;
}

.cul4List ul li:nth-child(3) {
    left: 266px;
    top: 20px;
    z-index: 5;
}

.cul4List ul li:nth-child(4) {
    left: 390px;
    top: 130px;
    z-index: 5;
}

.cul4List ul li:nth-child(5) {
    left: 520px;
    top: 115px;
    z-index: 5;
}

.cul4List ul li:nth-child(6) {
    left: 580px;
    top: 0;
    z-index: 4;
}

.cul4List ul li:nth-child(1) .part {
    width: 105px;
    height: 105px;
    background: rgba(255, 192, 143, 0.85);
    font-size: 18px;
}

.cul4List ul li:nth-child(2) .part {
    width: 162px;
    height: 162px;
    background: rgb(73, 101, 154);
}

.cul4List ul li:nth-child(3) .part {
    width: 176px;
    height: 176px;
    background: rgba(100, 140, 189, 0.9);
    font-size: 30px;
}

.cul4List ul li:nth-child(4) .part {
    width: 147px;
    height: 147px;
    background: rgba(95, 160, 239, 0.94);
    font-size: 22px;
}

.cul4List ul li:nth-child(5) .part {
    width: 120px;
    height: 120px;
    background: rgba(162, 204, 255, 0.9);
    font-size: 18px;
}

.cul4List ul li:nth-child(6) .part {
    width: 180px;
    height: 180px;
    background: rgb(0 140 223 / 79%);
    font-size: 26px;
}

.cul4List .icon {
    position: absolute;
}

.cul4List .icon1 {
    width: 20px;
    height: 20px;
    background: #a2ccff;
    border-radius: 50%;
    left: 10px;
    bottom: 50px;
}

.cul4List .icon2 {
    width: 20px;
    height: 20px;
    background: #49659a;
    border-radius: 50%;
    top: 50px;
    right: 230px;
}

.cul4List .icon3 {
    width: 30px;
    height: 30px;
    background: #a2ccff;
    border-radius: 50%;
    top: 10px;
    right: 190px;
}

.organ {
    width: 100%;
}

.organList {
    width: 100%;
}

.organList dl {
    padding-top: 25px;
    border-top: 1px solid #d5d0d0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.organList dl dt {
    width: 15%;
}

.organList .tit {
    width: 100%;
    font-size: 22px;
    color: #008cdf;
    padding: 0 15px;
    box-sizing: border-box;
}


/*.organList .tit span{display: inline-block;font-size: 14px;margin-left: 10px;}*/

.organList dl dd {
    width: 80%;
}

.organList .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.organList .list span {
    width: 16.667%;
    margin-bottom: 25px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #6d6c6c;
    font-size: 16px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.organList .list span:hover {
    color: #008cdf;
    /*text-decoration: underline;*/
}

.organList dl:nth-child(2n) {
    background: #eeeeee61;
}

.team1 {
    width: 100%;
}

    .team1 .wapper {
        width: 100%;
        max-width: 1400px;
    }

.team1List {
    width: 100%;
}


/*.team1List .part1{display: block;position: relative;overflow: hidden;}
.team1List .part1:before{position: absolute;top: -10%;left: -20%;background: rgb(255 255 255 / 80%);width: 70%;height: 140%;content: "";transform: rotate(75deg);}
.team1List .part1 .img{width: 100%;height: 420px;overflow: hidden;}
.team1List .part1 .img img{width: 100%;height: 100%;object-fit: cover;}
.team1List .part1 .desc{position: absolute;left: 0;width: 45%;height: 100%;bottom: 0;z-index: 9;display: flex;padding: 5%;box-sizing: border-box;flex-direction: column;justify-content: center;}
.team1List .part1 .t1{font-size: 26px;color: #333;font-weight: bold;position: relative;padding-bottom: 20px;}
.team1List .part1 .t1:after{width: 50px;height: 2px;background: #008cdf;content: "";position: absolute;left: 0;bottom: 0;}
.team1List .part1 .t2{font-size: 18px;color: #333;margin-top: 20px;font-weight: bold;}
.team1List .part1 .info{font-size: 16px;color: #555;margin-top: 15px;padding-right: 25px;}

.team1List .part{width: 49%;}
.team1List .part .img{width: 100%;}
.team1List .part .img img{width: 100%;}
.team1List .part .desc{padding: 20px;box-sizing: border-box;}*/

.team1List {
    width: 100%;
	position:relative; z-index:9;
}

.team1List dl dd,
.team1List ul li {
    width: 33.3%;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}


.team1List .part {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 15px 15px 0 0;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.team1List .part .img {
    width: 100%;
}

.team1List .part .img img {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

    .team1List .part .desc {
        padding: 15px 9px;
        background: #ca8f45;
        color: #fff;
        border-radius: 0 0 10px 10px;
    }

.team1List .part .t1 {
    font-size: 18px;
}

.team1List .part .t2 {
    font-size: 16px;
    margin-top: 10px;
}

.team1List .part .info {
    font-size: 14px;
    /*height: 45px;*/
    line-height: 22px;
    margin-top: 10px;
}

.team1List .part .info p {
    padding: 0;
    line-height: 22px;
}

.team1List .part:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    background: #333f50;
    content: "";
    z-index: -1;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
    border-radius: 10px;
}

.team2 {
    background: #f5f5f5;
}

    .team2 .wapper {
        width: 100%;
        max-width: 1400px;
    }

.team2List {
    width: 100%;
	padding:0 20px;
	box-sizing:border-box;
}
.team2List ul{justify-content: space-between;}
.team2List ul li {
	width: 31%;
	margin-bottom: 5%;
	position:relative;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.team2List .part {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
    transition: 0.3s;
    border-radius: 10px;
    overflow: hidden;
}

.team2List .part .img {
    width: 100%;
}

.team2List .part .img img {
    width: 100%;
}

.team2List .part .desc {
    padding: 15px;
    background: #ca8f45;
    color: #fff;
}

.team2List .part .t1 {
    font-size: 16px;
}

.team2List .part .t2 {
    font-size: 18px;
    margin-top: 5px;
}

.team2List .part:hover .img img {
    transform: scale(1.1);
}

.hisMenu {
    position: fixed;
    left: -100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    transition: 0.3s;
}

.hisMenu.active {
    left: 5%;
}

.hisMenu ul li {
    margin: 5px 0;
}

.hisMenu a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #008cdf;
    position: relative;
}

.hisMenu a:after {
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 2px;
    background: #008cdf;
    content: "";
    transition: 0.3s;
}

.hisMenu a:hover {
    color: #008cdf;
}

.hisMenu ul li.on a:after {
    width: 100%;
}

.hisMenu .tab-item.active:after {
    width: 100%;
}

.his .wapper {
    width: 100%;
    max-width: 1400px;
}

.his1 {
    width: 100%;
}

.his1 ul li {
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

    .his1 .part {
        width: 100%;
        padding: 30px 40px;
        background: #eee;
        box-sizing: border-box;
        height: 100%;
        box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
        transition: 0.3s;
        cursor: default;
        border-radius: 10px;
    }

.his1 .part .year {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    color: #555;
    margin: 0 auto;
    position: relative;
}

.his1 .part .year:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ddd;
    border-radius: 50%;
    z-index: -1;
    transform: scale(1);
    -webkit-animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
    animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
}

.his1 .part .desc {
    margin-top: 20px;
    text-align: left;
}

.his1 .part .info {
    font-size: 16px;
    color: #333;
}

.his1 .part:hover {
    background: #008cdf;
    transform: translateY(-20px);
}

.his1 .part:hover .info {
    color: #fff;
}

.his1 ul li:nth-child(1) {
    margin-top: 90px;
}

.his1 ul li:nth-child(2) {
    margin-top: 60px;
}

.his1 ul li:nth-child(3) {
    margin-top: 30px;
}

.his2 {
    width: 100%;
}

.his2List {
    width: 100%;
    position: relative;
}

.his2List:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.3);
    content: "";
    width: 1px;
    height: 100%;
}

.his2List ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
    position: relative;
}

.his2List:after {
    font-family: 'FontAwesome';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    content: "\f107";
    color: rgba(255, 255, 255, 0.6);
    font-size: 35px;
}

.his2List ul li:after {
    position: absolute;
    top: 40px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    content: "";
    z-index: 1;
    transform: scale(1);
    -webkit-animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
    animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
}

.his2List ul li:before {
    position: absolute;
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    background: #008cdf;
    border-radius: 50%;
    content: "";
    z-index: 2;
}

.his2List .part {
    width: calc(50% - 60px);
    text-align: right;
}

.his2List .part .year {
    color: #333;
    font-size: 28px;
}

    .his2List .part .desc {
        color: #333;
        margin-top: 20px;
        max-width: 561px;
        margin-left: auto;
    }

.his2List .part .info {
    font-size: 16px;
}

.his2List ul li:nth-child(2n) .part {
    margin-left: auto;
    text-align: left;
}

.his2List ul li:nth-child(2n) .part .desc {
    margin-left: 0;
    margin-right: auto;
}

.his2 .his2List .part .year,
.his2 .his2List .part .desc {
    color: #fff;
}

.his3 .his2List:before {
    background: #eee;
}

.his3 .his2List ul li:after {
    background: #008cdf;
}

.his3 .his2List ul li:before {
    background: #fff;
}

.his3 .his2List:after {
    content: "\f0d8";
    color: #eee;
}

.partner {
    width: 100%;
}

.partnerList {
    width: 100%;
}

.partnerList ul li {
    width: 16.6%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

    .partnerList .img {
        width: 100%;
        height: 100%;
        border: 1px solid #eee;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 5px;
        box-sizing: border-box;
        transition: 0.3s;
        border-radius: 10px;
    }

.partnerList .img:hover {
    border-color: #008cdf;
}

.partnerList .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.envSwiper {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.envSwiper .swiper-button-next,.envSwiper .swiper-button-prev{width: 50px;height: 50px;border-radius: 50%;background-size: 20px !important;background-position: center !important;background-repeat: no-repeat !important;transition: 0.3s;}
.envSwiper .swiper-button-next:hover,.envSwiper .swiper-button-prev:hover{background-color: #5452524f;}
.envList .part {
    display: block;
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

.envList .part .img {
    width: 100%;
    height: 100%;
}

.envList .part .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.envList .part .imgTop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.envList .part .desc {
    display: flex;
    align-items: center;
}

.envList .part .icon {
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.6);
    transform: scale(1);
    -webkit-animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
    animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
    border-radius: 50%;
    padding: 3px;
    box-sizing: border-box;
}

.envList .part .icon span {
    display: block;
    width: 100%;
    height: 100%;
    background: #008cdf;
    border-radius: 50%;
}

.envList .part .info {
    margin-left: 20px;
    font-size: 18px;
    color: #fff;
    text-shadow: 0px 2px 18px rgb(0 0 0 / 50%);
}

.news {
    width: 100%;
    background: #fff;
    position: relative;
}

.news:before {
    width: 100%;
    height: 100%;
    background: url(../images/bg-02.jpg) center no-repeat;
    background-size: cover;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.15;
}

.news .wapper {
    position: relative;
    z-index: 3;
}

.newList {
    width: 100%;
}

.newList ul li {
    width: 33.3%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.newList .part {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    transition: 0.3s;
    border-radius: 10px;
}

.newList .part .img {
    width: 100%;
    height: 320px;
    border-radius: 10px;
}

.newList .part .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.newList .part .desc {
    padding-top: 15px;
}

.newList .part .top {
    font-size: 12px;
    color: #999;
}

.newList .part .top i {
    padding-right: 5px;
}

.newList .part .t1 {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    font-weight: 600;
}

.newList .part .info {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.8;
        text-align: left;
}

.newList .part .info p {
    padding: 0;
}

.newList .part:hover {
    background: #008CDF;
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
}

.newList .part:hover .img img {
    transform: scale(1.1);
}

.newList .part:hover .top {
    color: #fff;
    opacity: 0.8;
}

.newList .part:hover .t1 {
    color: #fff;
}

.newList .part:hover .info {
    color: #fff;
    opacity: 0.8;

}

.joinLinks {
    width: 100%;
    padding: 5px 0;
}

.joinLinks ul {
    border-bottom: 1px solid #eee;
}

.joinLinks ul li {
    display: inline-block;
}

.joinLinks ul li a {
    display: block;
    padding: 25px 35px;
    color: #333;
    font-size: 16px;
}

.joinLinks ul li a:hover {
    color: #008CDF;
}

.join1Top {
    padding-top: 30px;
    padding-bottom: 30px;
}

.join1 {
    padding-bottom: 1.8rem;
}

.join1 .cont {
    display: flex;
    justify-content: space-between;
}

.join1 .cont dl {
    width: 20%;
    height: 620px;
    position: relative;
    transition: all .5s;
    /*cursor: pointer;*/
}

.join1 .cont dl dt {
    width: 100%;
    font-size: 34px;
    color: #FFFFFF;
    position: absolute;
    left: 0px;
    top: calc(50% - 20px);
    z-index: 2;
    text-align: center;
    transition: all .5s;
    font-weight:600;
}

.join1 .cont dl dd {
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    display: none;
    margin: 0px auto;
    z-index: 2;
    font-size: 20px;
    color: rgba(255, 255, 255, .8);
    line-height: .56rem;
    top: 40%;
    transition: all .5s;
}

.join1 .cont dl dd.img {
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.join1 .cont dl dd.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.join1 .cont dl.active {
    width: 30%;
}

.join1 .cont dl.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    background: RGBA(15, 55, 100, .8);
}

.join1 .cont dl.active dt {
    top: 20%;
}

.join1 .cont dl.active dd {
    display: block;
}
.join1 .cont dl dd p {
    padding: 0px 0;
}

.join2 {
    padding-top: 10px;
}

.join2List {
    width: 100%;
}

.join2List .item {
    margin-bottom: 30px;
    background: #fbfcff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.join2List .left {
    width: 270px;
    padding: 0 15px;
    text-align: center;
}

.join2List .left .icon {
    width: 100%;
    margin-bottom: 25px;
    height: 88px;
    line-height: 88px;
    font-size: 88px;
    font-weight: 700;
    font-style: italic;
    color: #e8eaee;
    overflow: hidden;
    text-align: center;
}

.join2List .left .t1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    color: #3d3d3d;
    text-align: center;
}

.join2List .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px;
    overflow: hidden;
    border-left: 1px solid #e8e9ea;
    border-right: 1px solid #e8e9ea;
}

.join2List .right2 {
    width: 260px;
    padding: 0 40px;
    text-align: center;
}

.join2List .right2 .j_lxfs {
    width: 260px;
    padding: 0 40px;
    height: 100%;
    background: #fbfcff;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .3s ease;
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: centerv;
    align-items: center;
}

.join2List .right2.active .j_lxfs {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.j_lxfs_close {
    font-style: normal;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 35px;
    color: #999;
    cursor: pointer;
    transition: all .3s ease;
    position: absolute;
    top: 0;
    right: 0;
}

.j_lxfs_close:hover {
    transform: rotate(90deg);
}

.join2List .right2 ul {
    display: inline-block;
    text-align: left;
}

.join2List .right2 ul li {
    font-size: 16px;
    line-height: 24px;
    margin: 15px 0;
}

.join2List .right2 ul li i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.join2List .right2 ul li i img {
    display: block;
    height: 24px;
}

.join2List .right2 ul li strong {
    color: #333;
    font-weight: 500;
}

.join2List .explain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    font-size: 16px;
}

.join2List .explain .post-label {
    width: 98px;
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    color: #3d3d3d;
}

.join2Warp {
    width: 100%;
    position: relative;
}

.join2Warp img {
    width: 100%;
    border-radius: 10px;
}

    .join2Warp .imgTop {
        position: absolute;
        top: -3px;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 34px;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        letter-spacing: 2px;
    }
.desc-wrap p {
    padding: 0px 0;
}
.join2Warp .more {
    display: inline-block;
    color: #fff;
    text-decoration: underline;
}

.contact1 {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: rgb(41, 45, 49);
}

.cont1Warp {
    width: 100%;
    /*background: #fff url(../images/pattern-2.png) right bottom no-repeat;*/
    background: rgba(255, 255, 255, .1);
    overflow: hidden;
    background-size: cover;
    border-radius: 10px;
}

.cont1Warp .f_left {
    width: 400px;
}

.cont1Warp .f_right {
    width: calc(100% - 400px);
    padding: 4.16vw 8% 5% 8%;
    box-sizing: border-box;
}

.cont1Warp .desc {
    width: 100%;
    height: 100%;
    padding: 4.16vw 40px 40px 40px;
    box-sizing: border-box;
    color: #fff;
    background: url(../images/-47894.png) center no-repeat;
    background-size: cover;
}

.cont1Warp .contlogo {
    max-height: 45px;
    width: auto;
    margin-bottom: 20px;
}

.cont1Warp .contact_title {}

.cont1Warp .contact_title strong {
    display: block;
    font-size: 30px;
    text-transform: uppercase;
    opacity: .2;
}

.cont1Warp .contact_title span {
    display: block;
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 15px 0;
}

.cont1Warp dl {
    padding: 15px 0;
    border-bottom: 1px solid #364448;
    font-size: 14px;
    color: #bbb;
    line-height: 1.6;
}

.cont1Warp dl dd {
    font-weight: 400;
    color: #fff;
    margin-top: 5px;
}

    .cont1Warp .ewm {
        margin-top: 50px;
        text-align: center;
        color: #7a858b;
        font-size: 12px;
    }

.cont1Warp .ewm img {
    width: 125px;
}

.cont1Warp h3 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    opacity: .2;
}

.cont1Warp h4 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    margin: 0 0 15px 0;
}

.cont1Warp p {
    font-size: 16px;
    color: #999;
}

.cont1Warp .contForm {
    width: 100%;
    margin-top: 50px;
}

.contForm {
    width: 100%;
}

.contForm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contForm ul li {
    width: 49%;
    margin-bottom: 12px;
}

.contForm ul li.li1 {
    width: 100%;
}

.contForm input,
.contForm textarea {
    width: 100%;
    height: 38px;
    border-radius: 3px;
    /*background: rgb(236, 241, 244);*/
    background: rgba(233, 233, 233, .9);
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    border: none;
}

.contForm textarea {
    height: 130px;
    padding: 10px;
}

.contForm .yzm {
    width: 100%;
    position: relative;
}

.contForm .yzm .yzmImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 38px;
    padding: 0 5px;
    box-sizing: border-box;
}

.contForm .yzm .yzmImg img {
    width: 100%;
    height: 100%;
}

    .contForm button {
        /*display: block;*/
        width: 170px;
        height: 38px;
        margin: 0 auto;
        background: #008cdf;
        border: none;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
    }

.contForm button:hover {
    background: #2e80e2;
}

.contForm .yzm2 {
    width: 100%;
    position: relative;
}

    .contForm .yzm2 .yzmBtn {
        position: absolute;
        top: 0;
        left: 104%;
        width: 120px;
        height: 38px;
        padding: 0 5px;
        box-sizing: border-box;
        background: #008cdf;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        border-radius: 5px;
    }

.contForm .yzm2 .yzmBtn:hover {
    background: #2e80e2;
}

.contact2 {
    width: 100%;
    background: rgb(23, 23, 23);
    padding: 50px 0;
}

.contact2 h3 {
    font-size: 22px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 400;
}

.map {
    width: 100%;
    height: 510px;
    overflow: hidden;
}

.map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.develop .title {
    position: relative;
    padding-left: 15px;
    color: #008CDF;
    font-size: 16px;
}

.develop .title:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #008CDF;
}

.develop-info {
    position: relative;
    margin: auto;
    margin-top: 60px;
    z-index: 2;
    width: 44vw;
    height: 44vw;
}

.develop-info:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/culture-a.png) center no-repeat;
    -o-background-size: cover;
    background-size: cover;
    animation: myMove1 3s linear infinite;
    -webkit-animation: myMove1 32s linear infinite;
}

.develop-wrap {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.develop-wrap span {
    display: block;
    margin: auto;
    margin-bottom: 48px;
    width: 60px;
    height: 60px;
    background: url(../images/logo3.png) center no-repeat;
}

.develop-wrap .solute-hide strong {
    color: #008CDF;
}

.common-hide {
    overflow: hidden;
}

.common-hide strong {
    display: block;
    line-height: 1.52;
    color: #008CDF;
    font-size: 3.125vw;
    font-weight: normal;
}

@-webkit-keyframes myMove1 {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes myMove1 {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes myMove1 {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes myMove1 {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.develop_list {
    position: relative;
    z-index: 3;
    margin-top: 0px;
    /*overflow: hidden;*/
    background: #fff;
}

.develop_list ul li {
    float: left;
    width: 25%;
    margin-bottom: 30px;
    padding: 0 15px;
    box-sizing: border-box;
}

.develop_list .part {
    display: block;
    width: 100%;
    height: 100%;
    background: #fed092;
    border-radius: 10px;
    overflow: hidden;
    background-image: linear-gradient(to top, #0496ff 0, #aadcff 100%);
    padding: 35px 20px;
    box-sizing: border-box;
    text-align: center;
    transition: 0.3s;
    cursor: auto;
}

.develop_list .part .icon {
    width: 100px;
    height: 100px;
    /*border: 2px dashed #fff;border-radius: 50%;*/
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.develop_list .part .icon img {
    width: auto;
    max-width: 100px
}

.develop_list .part .desc {
    padding-top: 26px;
}

.develop_list .part .t1 {
    color: #fff;
    font-size: 26px;
}

.develop_list .part:hover {
    box-shadow: 0px 2px 18px -11px rgb(0 0 0 / 30%);
    transform: translateY(-20px);
}

.develop_list ul li:nth-child(1) .part {
    background-image: linear-gradient(to top, #d0913d 0, #fed094 100%);
}

.develop_list ul li:nth-child(2) .part {
    background-image: linear-gradient(to top, #0496ff 0, #aadcff 100%);
}

.develop_list ul li:nth-child(3) .part {
    background-image: linear-gradient(to top, #eb5556 0, #feb592 100%);
}

.develop_list ul li:nth-child(4) .part {
    background-image: linear-gradient(to top, #7568ef 0, #cc9ffc 100%);
}

.develop_list ul li:nth-child(5) .part {
    background-image: linear-gradient(to top, #33cbbc 0, #8ff7ec 100%);
}

.develop_list ul li:nth-child(6) .part {
    background-image: linear-gradient(to top, #f45252 0, #fcce32 100%);
}

.develop_list ul li:nth-child(7) .part {
    background-image: linear-gradient(to top, #143698 0, #95a9ff 100%);
}

.develop_list ul li:nth-child(8) .part {
    background-image: linear-gradient(to top, #b71b29 0, #ff7e8a 100%);
}

.develop_list .lastPart {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 1480px) {
    .wapper {
        width: 1200px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .i1Tit strong {
        font-size: 26px;
    }
    .i1Tit span {
        font-size: 14px;
    }
    .i1Txt {
        font-size: 16px;
    }
    .i1List ul li {
        margin: 10px 0;
    }
    .iMore.iMore2 a {
        font-size: 15px;
    }
    .i2Tit {
        font-size: 36px;
    }
    .i2TitEn {
        font-size: 17px;
    }
    .i2Txt {
        font-size: 15px;
    }
    .i2List .part .t1 {
        font-size: 20px;
    }
    .i2List .part .info {
        font-size: 15px;
    }
    .i2List .part .icon {
        width: 50px;
    }
    .i3List .part .t1 {
        font-size: 18px;
    }
    .i4List .part .tit {
        font-size: 18px;
    }
    .i4List .part .txt {
        font-size: 14px;
    }
    .i4List .part .date .day {
        font-size: 32px;
    }
    .i4List .part .date .month {
        font-size: 18px;
    }
    .i2List .part .icon img {
        width: auto;
        max-width: 45px;
    }
    .abo1Tit {
        font-size: 42px;
    }
    .tongtu .img img {
        /*height: 115px;*/
        object-fit: cover;
    }
    .tongtu .t1 {
        font-size: 32px;
    }
    .develop_list {
        margin-top: 0px;
    }
    .envList .part {
        height: 580px;
    }
    .his1 .part {
        padding: 30px;
    }
    .his1 .part .year {
        width: 80px;
        height: 80px;
        font-size: 16px
    }
    .his1 .part .desc {
        margin-top: 10px;
    }
    .his1 .part .info {
        font-size: 14px;
    }
    .join1 .cont dl dt {
        font-size: 28px;
    }
    .join1 .cont dl dd {
        font-size: 16px;
        top: 30%;
    }
    .newList .part .img {
        height: 260px;
    }
    .organList .tit {
        font-size: 18px;
    }
    .organList dl dt {
        width: 25%;
    }
    .organList dl dd {
        width: 75%;
    }
}

@media only screen and (max-width: 1200px) {
    .wapper {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .i1Tit strong {
        font-size: 24px;
    }
    .i1Tit span {
        font-size: 13px;
    }
    .i1Txt {
        font-size: 14px;
    }
    .i1List .txt {
        font-size: 14px;
    }
    .i1List ul li {
        margin: 8px 0;
    }
    .iMore.iMore2 a {
        font-size: 14px;
    }
    .i2Tit {
        font-size: 32px;
    }
    .i2TitEn {
        font-size: 16px;
    }
    .i2Txt {
        font-size: 14px;
    }
    .i2List .part {
        padding: 20px 15px;
    }
    .i2List .part .t1 {
        font-size: 18px;
    }
    .i2List .part .info {
        font-size: 14px;
    }
    .i2List .part .icon {
        width: 45px;
    }
    .i3List .part .t1 {
        font-size: 16px;
    }
    .i4List .part .tit {
        font-size: 16px;
    }
    .i4List .part .txt {
        font-size: 13px;
    }
    .i4List .part .date .day {
        font-size: 26px;
    }
    .i4List .part .date .month {
        font-size: 16px;
    }
    .fTit {
        font-size: 20px;
    }
    .fEwm .ewm img {
        max-width: 100px;
    }
    .i7List ul li {
        width: 90px;
        height: 90px;
    }
    .i7List ul li img {
        max-width: 60px;
    }
    .i4List .part .date {
        width: 55px;
    }
    .i4List .part .info {
        padding-right: 50px;
    }
    .abo1Tit {
        font-size: 38px;
    }
    .develop_list .part .icon {
        width: 120px;
        height: 120px;
    }
    .develop-wrap span {
        margin-bottom: 20px;
    }
    .envList .part {
        height: 480px;
    }
    .his1 ul li {
        padding: 0 15px;
    }
    .his1 .part {
        padding: 20px;
    }
    .join2List .left .icon {
        height: 120px;
        line-height: 120px;
        font-size: 78px;
    }
    .join2List .left .t1 {
        font-size: 22px;
    }
    .join1 .cont dl dt {
        font-size: 24px;
    }
    .join1 .cont dl {
        height: 580px;
    }
    .newList .part .img {
        height: 220px;
    }
    .organList dl dt {
        width: 100%;
        margin-bottom: 20px;
    }
    .organList .tit {
        padding: 0;
    }
    .organList dl dd {
        width: 100%;
    }
    .organList .list span {
        width: auto;
        display: inline-block;
        margin-right: 5%;
    }
}

@media only screen and (max-width: 980px) {
    .wapper {
        padding: 0 10px;
    }
    .header {
        display: none
    }
    .sp_header {
        display: block;
    }
    .sjj_nav {
        display: block;
    }
    .mt10 {
        margin-top: 6px;
    }
    .mt20 {
        margin-top: 10px;
    }
    .mt35 {
        margin-top: 15px;
    }
    .mt50 {
        margin-top: 35px;
    }
    .mt60 {
        margin-top: 45px;
    }
    .mt70 {
        margin-top: 50px;
    }
    .mt80 {
        margin-top: 55px;
    }
    .pb140 {
        padding-bottom: 100px;
    }
    .pt120 {
        padding-top: 30px;
    }
    .pb120 {
        padding-bottom: 80px;
    }
    .pt100 {
        padding-top: 60px;
    }
    .pb100 {
        padding-bottom: 60px;
    }
    .pt80 {
        padding-top: 50px;
    }
    .pb80 {
        padding-bottom: 50px;
    }
    .i1List .box {
        padding-left: 10%;
    }
    .index1:before {
        display: none;
    }
    .i1Warp .imgBg {
        width: 100%;
    }
    .i1Warp .img .txt {
        bottom: 3%;
        right: 3%;
    }
    .i1Warp .img .txt .h2 {
        font-size: 1.94vw;
        line-height: 1.2em;
        background-size: auto 2.4vw;
        padding-left: 2.5vw;
        margin-bottom: 1vw
    }
    .i1Warp .img .txt .h3 {
        font-size: 3.24vw;
        line-height: 1.2em;
        letter-spacing: 1px;
    }
    .i1Warp .desc {
        width: 100%;
        margin-top: 20px;
    }
    .i2List dt {
        width: 100%;
    }
    .i2List dd {
        width: 50%;
    }
    .i3List {
        display: none;
    }
    .i3List_m {
        display: block;
    }
    .i3List ul li {
        /*padding: 0 10px;box-sizing: border-box;*/ width:100%;
    }
	.i3List ul li .part{ margin:0 10px;}
    .i3List .part .img {
        height: 430px;
    }
	.i4Swiper .swiper-slide{ width:100%;}
	.i6List .swiper-slide { width:100%; }
    .i7List ul {
        flex-wrap: wrap;
    }
    .i7List ul {
        margin-top: 0px;
    }
    .i7List ul li {
        padding: 0 5px;
        margin: 0 5px;
        margin-bottom: 10px;
        transform: none;
        box-sizing: border-box;
        width: calc(16.6% - 10px);
    }
    .i7List ul li a {
        transform: none;
    }
    .i7List ul li img {
        max-width: 100px;
    }
    .fEwm .ewm img {
        max-width: 80px;
    }
    .abo1Tit {
        font-size: 32px;
    }
    .abo1Warp .desc {
        width: 100%;
    }
    .abo1Warp .imgBg {
        width: 100%;
        margin-top: 20px;
    }
    .abo1Bg {
        bottom: auto;
        top: 300px;
    }
    .tongtu {
        margin-top: 70px;
    }
    .dingwei_page {
        padding-top: 70px;
        margin-top: -70px;
    }
    .cont1Warp .contForm {
        margin-top: 30px;
    }
    .contForm ul li {
        width: 100%;
    }
    .contForm .yzm2 .yzmBtn {
        left: auto;
        right: 0;
    }
    .develop_list ul li {
        width: 50%;
    }
    .develop-wrap span {
        margin-bottom: 10px;
    }
    .envList .part {
        height: 380px;
    }
    .his1 ul li {
        padding: 0 5px;
    }
    .his1 .part {
        padding: 15px;
    }
    .his1 .part .year {
        width: 60px;
        height: 60px;
        font-size: 14px;
    }
    .his1 .part .info {
        font-size: 12px;
    }
    .his2List .part .year {
        font-size: 20px;
    }
    .his2List .part .info {
        font-size: 14px;
    }
    .join1 .cont dl {
        height: 480px;
    }
    .join1 .cont dl dt {
        font-size: 20px;
    }
    .join2List .left {
        width: 220px;
    }
    .join2List .left .icon {
        height: 100px;
        line-height: 100px;
        font-size: 68px;
        margin-bottom: 10px;
    }
    .join2List .left .t1 {
        font-size: 20px;
    }
    .join2List .right {
        padding: 20px;
    }
    .join2List .explain {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .join2List .explain .post-label {
        font-size: 16px;
    }
    .join2Warp .imgTop {
        font-size: 20px;
    }
    .newList ul li {
        width: 50%;
    }
    .partnerList ul li {
        width: 33.3%;
    }
}

@media only screen and (max-width: 780px) {
    .i1List .year {
        width: 80px;
        height: 80px;
        font-size: 14px;
    }
    .i1List .year:before {
        width: 80px;
        height: 80px;
    }
    .iMore.iMore2 a {
        padding: 0 20px;
    }
    .i2Tit {
        font-size: 26px;
    }
    .i2TitEn {
        font-size: 14px;
    }
    .i2Txt {
        font-size: 13px;
    }
    .i2List dd {
        width: 100%;
    }
    /*.i3List ul li{width: 100%;padding: 0;}
.i3List ul li:nth-child(1){order: 1;}
.i3List ul li:nth-child(2){order: 1;}
.i3List ul li:nth-child(3){order: 2;}*/
    .index3 {
        padding-bottom: 20px;
    }
    .index4 .wapper {
        padding: 0;
    }
    .i4List {
        padding: 0 20px;
    }
    .i4List .swiper-button-next,
    .i4List .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .i5List>ul>li {
        width: 50%;
    }
    .i7List ul li {
        width: calc(33.3% - 10px);
    }
    .i7List ul:nth-child(2) li:nth-last-child(1),
    .i7List ul:nth-child(2) li:nth-last-child(2) {
        width: calc(50% - 10px);
    }
    .i7List ul:nth-child(3) li {
        width: calc(50% - 10px);
    }
    .i7List ul:nth-child(5) li {
        width: calc(50% - 10px);
    }
    .i7List ul:nth-child(6) li {
        width: calc(100% - 10px);
    }
    .fTop {
        justify-content: flex-start;
    }
    .fTop .item1 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .fTop .item2 {
        width: 50%;
        margin-bottom: 15px;
    }
    .fTop .item3 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .fTit {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .fMenu ul {
        display: flex;
        flex-wrap: wrap;
    }
    .fMenu ul li {
        width: 50%;
        margin: 5px 0;
    }
    .abo1Tit {
        font-size: 28px;
    }
    .abo1Warp .desc {
        width: 100%;
    }
    .tongtu .t1 {
        font-size: 26px;
    }
    .tongtu .info {
        font-size: 14px;
    }
    .abo1Bg {
        width: 100%;
        overflow: hidden;
        top: 150px;
    }
    .abo1Bg img {
        width: 200%;
        max-width: none;
    }
    .abo2 {
        padding: 0 0 60px;
    }
    .abo2List ul li {
        padding: 15px;
        width: 100%;
    }
    .abo3 .t1 {
        font-size: 26px;
    }
    .cont1Warp .f_left {
        width: 100%;
    }
    .cont1Warp .contact_title strong {
        font-size: 26px;
    }
    .cont1Warp .contact_title span {
        font-size: 28px;
    }
    .cont1Warp .f_right {
        width: 100%;
        padding: 30px 15px;
    }
    .cont1Warp .desc {
        padding: 30px 15px;
    }
    .cont1Warp h3 {
        font-size: 26px;
    }
    .cont1Warp h4 {
        font-size: 28px;
    }
    .cul1List:before {
        display: none;
    }
    .cul1List ul li {
        width: 100%;
        padding: 20px;
    }
    .cul1List .part {
        width: 100%;
        font-size: 14px;
    }
    .cul1List .part:before {
        right: -20px;
        width: 20px;
    }
    .cul1List ul li:nth-child(2n) .part:before {
        left: -20px;
    }
    .cul1List ul li:nth-child(2n) {
        margin-top: 20px;
    }
    .cul4Tit {
        font-size: 28px;
    }
    .cul4Tit2 {
        font-size: 18px;
    }
    .cul4Info {
        font-size: 14px;
    }
    .cul4List {
        width: 100%;
        height: auto;
    }
    .cul4List ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .cul4List ul li {
        position: relative;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
    }
    .cul4List ul li .part {
        width: 100% !important;
        height: 100% !important;
        border-radius: 0;
        font-size: 16px !important;
        padding: 20px 10px;
        box-sizing: border-box;
    }
    .cul4List .icon3 {
        top: 0;
        right: 12px;
    }
    .cul4List .icon2 {
        top: 20px;
        right: 160px;
    }
    .cul4List .icon1 {
        left: 0;
    }
    .develop_list ul li {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .develop_list .part .icon {
        width: 60px;
        height: 60px;
    }
    .develop_list .part .icon img {
        max-width: 45px;
    }
    .develop_list .part .t1 {
        font-size: 18px;
    }
    .develop-info {
        width: 65vw;
        height: 65vw;
    }
    .develop_list {
        margin-top: -20px;
    }
    .common-hide strong {
        font-size: 16px;
    }
    .envList .part {
        height: 280px;
    }
    .his1 ul li {
        width: 100%;
        margin-top: 20px !important;
    }
    .hisMenu {
        display: none !important;
    }
    .hisMenu.active {
        left: -100%;
    }
    .his2List .part {
        width: calc(50% - 20px);
    }
    .his2List .part .year {
        font-size: 18px;
    }
    .his2List .part .info {
        font-size: 12px;
    }
    .his2List ul li {
        padding: 10px 0;
    }
    .join1 .cont {
        flex-wrap: wrap;
    }
    .join1 .cont dl {
        width: 100% !important;
        height: 260px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        justify-content: center;
    }
    .join1 .cont dl dt,
    .join1 .cont dl.active dt {
        top: auto;
        font-size: 18px;
        position: relative;
        left: auto;
    }
    .join1 .cont dl dd,
    .join1 .cont dl.active dd {
        display: block;
        font-size: 14px;
        width: 100%;
    }
    .join1 .cont dl dd {
        width: 90%;
        position: relative;
        left: auto;
        top: auto;
        padding: 10px;
        box-sizing: border-box;
    }
    .join1 .cont dl dd.img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .join2List .item {
        flex-wrap: wrap;
    }
    .join2List .left {
        width: 100%;
    }
    .join2List .right {
        width: 100%;
        padding: 20px 10px;
        border: none;
        border-bottom: 1px solid #e8e9ea;
    }
    .join2List .right2 {
        width: 100%;
        padding: 20px 10px;
        text-align: center;
    }
    .join2List .right2 .iMore {
        display: none;
    }
    .join2List .right2 .j_lxfs {
        width: 100%;
        padding: 0 10px;
        position: static;
        transform: translate(0);
        opacity: 1;
        visibility: visible;
        display: block;
    }
    .j_lxfs_close {
        display: none;
    }
    .join2List .right2 ul {
        display: inline-block;
        text-align: left;
    }
    .join2List .explain .post-label {
        width: 70px;
        font-size: 14px;
    }
    .join2List .explain .desc-wrap {
        flex: 1;
    }
    .join2Warp img {
        height: 100px;
        object-fit: cover;
    }
    .joinLinks ul li a {
        padding: 15px;
        font-size: 14px;
    }
    .newList ul li {
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .newList .part {
        padding: 0;
    }
    .newList .part .img {
        height: 120px;
    }
    .newList .part .desc {
        padding: 10px 5px;
    }
    .newList .part .t1 {
        font-size: 14px;
        margin-top: 5px;
    }
    .newList .part .info {
        font-size: 12px;
        display: none;
    }
    .organList dl {
        padding: 10px;
        box-sizing: border-box;
    }
    .organList .list span {
        font-size: 14px;
        margin-right: 3%;
        margin-bottom: 10px;
    }
    .organList dl dt {
        margin-bottom: 10px;
    }
    .i1Tit span {
        font-size: 12px;
    }
    .partnerList ul li {
        padding: 0;
        margin-bottom: 0;
    }
    .team1List dl dd,
	.team1List ul li {
        width: 100%;
        padding: 0;
    }
    .team1List dl dd:nth-child(1) {
        order: 1;
    }
    .team1List dl dd:nth-child(2) {
        order: 0;
    }
    .team1List dl dd:nth-child(3) {
        order: 2;
    }
    .team2List ul li {
        width: 100%;
        padding: 0;
    }
    .banTop .t1 {
        font-size: 14px;
    }
    .banTop .t2 {
        font-size: 16px;
    }
	.team2List{ padding:20px; background: #fff;}
}

html {
    overflow-x: hidden;
}


/*-------------------------*/

.indexMenu {
    position: fixed;
    top: 67% !important;
    transform: translateY(-50%) !important;
    right: 20px;
    z-index: 9999;
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: 0.3s;
    padding: 65px 0;
}

.indexMenu:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: transparent linear-gradient(to top, transparent, #0000001a, transparent) repeat scroll 0 0;
    z-index: 1;
}

.indexMenu.active {
    opacity: 1;
    visibility: visible;
    right: 20px;
}

.indexMenu ul {
    position: relative;
    z-index: 9;
}

.indexMenu ul li {
    font-size: 14px;
    position: relative;
}

.indexMenu ul li a {
    color: #333;
    display: block;
    position: relative;
    padding: 10px 0;
    padding-right: 15px;
    transition: 0.2s
}

.indexMenu ul li a:hover {
    color: #00B0EC !important;
}

.indexMenu ul li a span {
    position: absolute;
    right: -8px;
    top: 12.5px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: #e61824;
    content: "";
    transform: scale(1);
    /* -webkit-animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite;
    animation: circleAni-data-v-5aaaeebc 2s ease-in-out infinite; */
    display: none;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.indexMenu ul li a span i {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px;
    display: block;
}

.indexMenu .tab-item.active {
    color: #00B0EC;
}

.indexMenu .tab-item.active span {
    display: block;
    display: flex;
}

.indexMenu.indexMenu2 ul li a span {
    background: #00B0EC;
}

.indexMenu.indexMenu2 .tab-item.active {
    color: #00B0EC;
}

@media only screen and (max-width: 780px) {
    .indexMenu {
        display: none !important;
    }
}

.pages1_box {}

.pages1bg {}

.pages1 {
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}

.pages1 span {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    text-align: center;
    background: #e5e5e5;
    color: #333;
    border-radius: 3px;
    margin: 0 5px;
}

.pages1 span a {
    display: block;
    color: inherit;
}

.pages1 span.on,
.pages1 span:hover {
    background: #01a3e4;
    color: #fff;
}

.pages1 span.more {
    cur
}

.pages1 strong {
    font-weight: normal;
    margin: 0 5px;
}

.pages1 strong input {
    border: 1px solid #ddd;
    background: none;
    width: 30px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    margin-left: 4px;
    margin-right: 4px;
    font-size: 14px;
}

.pages1 strong input:hover,
.pages1 strong input:focus {
    border-color: #666;
}

.pages1 strong i {
    margin-left: 14px;
}

.tankuang-bg,
.tankuang-bg2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.tankuang,
.tankuang2 {
    width: 440px;
    height: 136px;
    margin: 0 auto;
    box-shadow: 1px 1px 5px #333;
    -webkit-box-shadow: 1px 1px 5px #333;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -68px;
    z-index: 100000;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 20px;
    color: #3d4b59;
}

.HClose {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 20px;
    right: 20px;
}

.HClose img {
    display: block;
    width: 100%; transition:all .3s ease;
}
.HClose img:hover{transform: rotate(90deg);}

.tankuang>h2 {
    font-size: 18px;
    font-weight: normal;
}

.tankuang2>h2 {
    font-size: 18px;
    font-weight: normal;
}

.gth {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

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

.gth img {
    margin-right: 12px;
    width: 22px;
}

.tuichu {
    text-align: right;
    margin-top: 2%;
}

.tuichu a {
    font-size: 12px;
    color: #3d4b59;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    display: inline-block;
    padding: 2% 6%;
    margin-right: 13px;
}

.quding,
.quding2 {
    background: #1890ff !important;
    color: #fff !important;
    border: 1px solid #1890ff !important
}
.quding:hover,
.quding2:hover{ background:#2e80e2 !important; border-color:#2e80e2 !important;}

@media only screen and (max-width: 780px) {
    .indexMenu {
        display: none !important;
    }
    .tankuang {
        width: 90%;
        margin-left: -45%;
    }
}





/*廉政举报*/
/*<!---->*/
/*.wrap { position: fixed; left: 0; top: 0; background-color: #000; z-index: 10000; opacity: 0.3; }*/
.popUpBox { /* display: none; */ width: 600px; position: absolute; overflow: hidden; box-sizing: border-box; z-index: 10000; background-color: #fff; border-radius: 12px; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3); }
.layer-head { width: 100%; height: 72px; box-sizing: border-box; background-color: #fafafa;/* cursor: move;*/ }
.layer-head-text { height: 72px; line-height: 72px; }
.layer-head-text .logo1 { padding: 13px 0 0 0; }
.layer-head-text .logo1 img { display: block; margin: 0 auto; height: 46px; pointer-events:none;-webkit-user-drag: none; user-select: none;}
.layer-close { width: 32px; height: 32px; background: url(../images/ico_close1.png) center no-repeat; background-size: contain; position: absolute; top: 14px; right: 24px; cursor: pointer; transition:all .3s ease;}
.layer-close:hover { background-image: url(../images/ico_close1_hover.png); transform: rotate(90deg);}
.layer-body { width: 100%; height: calc(100% - 72px); }
.popuplay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: rgba(0, 0, 0, .6); display: none; }
.popuplayout { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.zoomIn{
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: zoomIn;
animation-name: zoomIn;}
@-webkit-keyframes zoomIn { 
0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) }
50% { opacity:1 }
}
@keyframes zoomIn { 
0% { opacity:0; -webkit-transform:scale3d(.5, .5, .5); transform:scale3d(.5, .5, .5) }
50% { opacity:1 }
}
@media(max-width:750px){
.popUpBox { width: 90%; }
}


.lzjb{}
.lzjb .h2{ padding:20px 30px; font-size:20px; line-height:1em; font-weight:bold; text-align:center; margin-bottom:10px; color:#333; background-color: #fafafa;}
.lzjb .form{ padding:0 30px 30px 30px;}
.lzjb .form ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;
flex-wrap:wrap;}
.lzjb .form ul li{ width:calc((100% - 20px)/2); margin-top:20px;}
.lzjb .form ul li.li1{ width:100%;}
.lzjb .form .h3{ font-size:14px; line-height:1em; margin-bottom:10px;}
.lzjb .form .h3 font{ color:#f00; margin-right:5px;}
.lzjb .form input,.lzjb .form textarea,.lzjb .form button{ outline:none; box-shadow:none;}
.lzjb .form .text1{     font-size: 14px;border:1px solid #d9d9d9; border-radius:4px; height:30px; line-height:30px; padding:0 10px; width:calc(100% - 22px); display:block;}
.lzjb .form .text1:hover,.lzjb .form .text1:focus{ border-color:#008cdf; }
.lzjb .form .text2{    font-size: 14px; border:1px solid #d9d9d9; border-radius:4px; height:140px; line-height:30px; padding:0 10px; width:calc(100% - 22px); display:block;    font-family: ' ';box-sizing: content-box;}
.lzjb .form .text2:hover,.lzjb .form .text2:focus{ border-color:#008cdf; }
.lzjb .form .btn_scfj{ display:inline-block; vertical-align:top; position:relative; overflow:hidden;z-index: 9;margin-bottom: 5px;border: 1px solid #d9d9d9;border-radius: 5px;}
.lzjb .form .btn_scfj:hover{border-color:#008cdf;}
.lzjb .form .btn_scfj input{ width:100%; height:100%; background:none; padding:30px; cursor:pointer; position:absolute; left:0; top:0; z-index:2;
-khtml-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);filter:"alpha(opacity=0)";opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.lzjb .form .button3{ display:inline-block; vertical-align:top; border:0px solid #d9d9d9; background:#fff; height:32px; line-height:30px; width:110px; border-radius:4px; text-align:center; cursor:pointer; position:relative; z-index:1; transition: all ease-out .3s;}
.lzjb .form .button3:hover,.lzjb .form .btn_scfj:hover .button3{ border-color:#008cdf; color:#008cdf; position: relative;z-index: 3;}
.lzjb .form .tips1{ font-size:12px; line-height:16px; color:#999; margin-top:5px;}
.lzjb .form .button_box{ text-align:center;}
.lzjb .form .button1{ display:inline-block; border:1px solid #d9d9d9; background:#fff; height:40px; line-height:38px; width:160px; border-radius:4px; text-align:center; cursor:pointer; margin:0 8px; transition: all ease-out .3s;}
.lzjb .form .button1:hover{ border-color:#008cdf; color:#008cdf;}
.lzjb .form .button2{ border-color:#008cdf; color:#fff; background: linear-gradient(45deg, #5c8ae6 50%, #008cdf 50%) right bottom; background-size: 275% 100%;}
.lzjb .form .button2:hover{background-position: left bottom; color:#fff;}
@media(max-width:750px){
.lzjb .form ul li{ width:calc((100% - 10px)/2); margin-top:20px;}
.lzjb .form .text2{ height:90px;}
.lzjb .form .button1{ width:120px; margin:0 4px;}
}


.dingwei{ padding-top:90px; margin-top:-90px;}
@media(max-width:750px){
.dingwei{ padding-top:70px; margin-top:-70px;}
}

.upload_panel{max-height: 150px;overflow: hidden;overflow-y: auto;}
.lzjb .form .upload_panel ul{justify-content: flex-start;}
.upload_panel ul li{border: 1px solid #d9d9d9;padding: 5px;border-radius: 2px;margin: 5px 0 !important;font-size: 14px; width:24% !important;box-sizing: border-box;margin-right:1% !important;}
.upload_panel ul li:nth-child(4n){margin-right:0;}
.upload_panel .part{display: flex;justify-content: space-between;align-items: center;}
.upload_panel .part .img{width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;margin-right: 0;}
.upload_panel .part .img img{width: auto;height: auto;max-height: 100%;max-width: 100%;}
.upload_panel .part .tit{width: calc(100% - 120px); display:none;}
.upload_del{width: 30px;text-align: center;vertical-align: middle;}
.upload_del img{width: 25px;vertical-align: middle;}
.lzjb_open:hover{color: #00B0EC !important;}



@media(max-width:620px){
.lzjb{max-height: 500px;overflow: hidden;overflow-y: auto;}
.lzjb .form ul li{width:100%;}
.tongtu .img img{height: 110px;}
#index1{margin-top: 0 !important;padding: 15px !important;}
.banTop{width: 100%;left: 0;}
.toTop{right: 10px;}
.toTop a{width: 35px;height: 35px;}
.abo3{padding-bottom:30px;}
.abo3 .wapper{}
.abo3 .t1{font-size:26px; margin-bottom:20px}
.abo3 .info{font-size: 17px; width:355px; margin:0 auto;}
.abo3 .info p span{font-size: 17px !important;}




}

.jbBtn{display: inline-block;vertical-align: middle;width: 15px;height: 15px;border: 1px solid #999;border-radius: 3px;box-sizing: border-box;cursor: pointer;position: relative;color: #fff;text-align: center;line-height: 13px;}
.jbBtn.active{background: #008bde;}
.jbBtn.active:after{content: "✔";}
.jb_panel .nimingjubao{display: none;}
.jb_panel.active .nimingjubao{display: block;}
.jb_panel.active .shimingjubao{display: none;}

.viewer-open .m_header{z-index: 0;position: relative;}
.update_detail_con{font-size: 14px;color: #333;}
.update_detail_con p,
.update_detail_con span{font-size: 16px;}