@media (min-width: 992px){
    .container{width: 1300px;padding: 0}

}

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

    .wp {
        padding: 0 20px
    }

}

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

    .wp {
        width: auto;
        padding: 0 50px
    }

}

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

    .wp {
        padding: 0 30px
    }

}

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

    .wp {
        padding: 0 20px
    }

}

.sub-tit {
    text-align: center;
    margin-bottom: 50px
}

.sub-tit h2 {
    font-size: 2.08vw;
    height: 82px;
    line-height: 1.5;
    color: #656565;
    position: relative
}

.sub-tit h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 2px;
    background-color: #c5c5c5
}

.m-fbox {
    overflow: hidden;
    background-color: #fff;
    padding: 40px 80px
}

.row-info1 .m-fbox {
    padding: 0;
    background-color: #eff2f8;

}

.m-fbox .ul-news {
    margin-bottom: 20px;
}

.naviSelect-result {
    font-size: 18px;
}

.g-fnav {
    text-align: center;
    font-size: 1.88vw;
    padding-bottom: 40px
}

.g-fnav-bor {
    border-bottom: 1px solid #ddd
}

.g-fnav li {
    display: inline-block;
    margin: 0 10px
}

.g-fnav li a {
    color: #999
}

.g-fnav li.on a,
.g-fnav li:first-child {
    color: #000
}

.g-fnav li:nth-child(n) {
    position: relative
}

.g-fnav li:first-child {
    position: initial
}

/* .g-fnav li:first-child a{color:#000} */

.g-fnav li:after {
    content: '';
    position: absolute;
    left: -15px;
    top: 10px;
    background-color: #bfc0c3;
    width: 1px;
    height: 60%
}

.navsub {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    font-size: 16px;
    border-bottom: 2px solid #f5f5f5;
}

.row-search {
    overflow: hidden;
    line-height: 35px;
    width: 67%;
    margin: 0 auto;
    padding-top: 18px;
}

.row-search p {
    float: left;
    margin-right: 18px;
}

.row-search input {
    float: left;
    width: 615px;
    height: 35px;
    border: 2px solid #676767;
    border-radius: 5px;
}

.navsub .cur {
    width: 40%;
    float: left;
    /* background: url(../images/home.png) left center no-repeat; */
    padding-left: 0;
    font-size: 16px;
    color: #888
}

.navsub .cur a {
    color: #888
}

.navsub .tabnav {
    width: 58%;
    float: right;
    text-align: right
}

.navsub .tabnav li {
    display: inline;
    padding: 16px 0;
}

.navsub .tabnav li a {
    display: inline-block;
    padding: 0 20px;
    position: relative
}

.navsub .tabnav li.on {
    border-bottom: 2px solid #1e3190;
}

.navsub .tabnav li.on a {
    color: #1e3190;
}

.navsub .tabnav li a::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #293b95
}

.navsub .tabnav li.on a::after,
.navsub .tabnav li:hover a::after {
    width: 100%
}

.ul-pics {
    overflow: hidden;
    padding-top: 25px;
}

.ul-pics li {
    margin-bottom: 20px
}

.ul-pics .con {
    display: block
}

.ul-pics .pic {
    height: 0;
    padding-top: 49%;
    background: #ddd;
    overflow: hidden;
    position: relative
}

.ul-pics .pic img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.ul-pics .txt {
    font-size: 16px;
    line-height: 1.8;
    padding: 32px 30px;
    overflow: hidden;
    background-color: #fff
}

.ul-pics-g .txt {
    background-color: #f6f6f6
}

.ul-pics .info {
    overflow: hidden
}

.ul-pics .title {
    font-size: 1.15vw;
    font-weight: 400;
    overflow: hidden;
    /* white-space: nowrap;
	text-overflow: ellipsis; */
    margin-bottom: 16px
}

.ul-pics .desc {
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis
}

.ul-pics .day,
.ul-pics .more,
.ul-pics .pic img,
.ul-pics .title {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.ul-pics .con:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.ul-pics .con:hover .title {
    color: #293b95
}

.g-tit1 {
    text-align: center;
    margin-bottom: 40px
}

.g-tit1 h2 {
    font-size: 1.97vw;
    font-weight: 400;
    color: #1d295c;
    margin-bottom: 7px
}

.g-tit1 .desc {
    color: #888
}

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

    .ul-pics .day {
        font-size: 3.333vw
    }

}

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

    .ul-pics .title {
        font-size: 18px;
        font-weight: 700
    }

    .nav li.so {
        display: none
    }

}

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

    .ul-pics .txt {
        padding: 15px
    }

    .titbox h3 {
        font-size: 1.04vw
    }

    .titbox {
        font-size: 14px
    }

    .titsub h2 {
        font-size: 18px
    }

    body {
        padding-top: 50px
    }

    .header .wp {
        width: auto !important;
        max-width: none !important;
        padding: 0 20px
    }

    .bank100 {
        display: none
    }

    /* .row-well {
		padding: 30px 0
	} */

}

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

    .sub-desc {
        font-size: 1.5vw;
        padding: 7.17vw 11.33vw 4.166vw
    }

    .sub-desc p span {
        font-size: 1.354vw
    }

    .sub-tit h2 {
        font-size: 2.083vw;
        height: 4vw
    }

}

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

    .sub-desc p span {
        font-size: 18px
    }

    .sub-tit h2 {
        font-size: 1.15vw;
        height: 45px
    }

    .row-box {
        padding: 30px 0
    }

    .g-tit1 {
        margin-bottom: 30px
    }

    .g-tit1 h2 {
        font-size: 1.04vw;
        font-weight: 700
    }

    .bansub {
        padding-top: 37%
    }

    .sub-tit {
        margin-bottom: 25px
    }

    .navsub {
        height: auto;
        line-height: auto
    }

    .navsub .cur,
    .navsub .tabnav {
        width: auto;
        float: none;
        text-align: left
    }

    /* 	.m-fbox {
		padding: 0 15px !important;
	} */

    .row-oneset1 .pic {
        display: none;
    }

}

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

    .navsub .tabnav li a {
        padding: 0 2px
    }

    .sub-desc {
        font-size: 14px;
        padding: 20px;
        margin-bottom: 25px
    }

    .sub-desc p span {
        font-size: 18px
    }

    .m-news1 .g-fnav {
        font-size: 10px
    }

    .m-news1 .g-fnav li:after {
        top: 5px
    }

}

.header {
    height: 95px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 999;
}

.logo {
    float: left;
    padding-top: 27px;
    margin-right: 45px
}

.logo img {
    display: inline-block;
    vertical-align: top;
    height: 25px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.hdr {
    float: right;
    padding-top: 13px
}

.hdr .con-top {
    text-align: right
}

.hdr .con-bot {
    clear: both
}

.con-top .icondiqiu {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
    font-size: 19px
}

.m-area {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 3px
}

.m-area a {
    display: block;
    float: left;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 14px;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    margin-left: 12px
}

.m-area a:hover {
    background-color: #fff;
    color: #1e3190
}

.header .so {
    float: left;
    padding-top: 28px
}

.soBox {
    width: 550px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #1e3190;
    overflow: hidden
}

.soBox .sub {
    display: block;
    position: absolute;
    right: 18px;
    top: 4px;
    background: 0 0;
    padding: 0
}

.soBox .inp {
    display: block;
    width: 90%;
    font-family: "寰蒋闆呴粦";
    height: 30px;
    border: none;
    padding-left: 25px;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    background: 0 0;
    font-weight: bold;
}

.soBox .inp::-webkit-input-placeholder {
    color: #FFFFFF;
}

.nav {
    float: left;
}

.nav dd {
    padding: 18px 0;
}

.nav li {
    float: left;
    /* position: relative; */
}

.nav .v1 {
    display: block;
    font-size: 18px;
    color: #000;
    line-height: 50px;
    border-top: 2px solid transparent;
    padding: 0 13px 6px;
    font-weight: 500;
    position: relative;
    height: 50px;
}

.nav .v1:after {
    content: ' ';
    height: 3px;
    background-color: #1e3190;
    position: absolute;
    /* margin-top: 0; */
    bottom: -6px;
    width: 100%;
    left: 0;
    display: none;
}

.nav .v1:hover::before {
    content: "";
    height: 3px;
    background-color: #1e3190;
    position: absolute;
    /* margin-top: 0px; */
    bottom: -6px;
    width: 100%;
    left: 0;
}

/* .nav .v1:hover::before {
	content: "";
	position: absolute;
	left: 0;
	margin-left: 0px;
	bottom: -7px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 11px 10px;
	border-color: transparent transparent #FFF;
	right: 0;
	margin: auto;
} */

.nav li:nth-child(6) .v1::before {
    border-width: 0;
}


.nav li.on .v1,
.nav li:hover .v1 {
    color: #1e3190
}

/* .nav li:hover .v1 {
	background-color: #fff
} */

.nav li.on .v1:after {
    display: block
}

.nav .v1 .iconfont {
    font-size: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 9px
}

.header.small .nav dl {
    top: 80%;
}

.nav dl {
    width: 100%;
    position: absolute;
    left: 0;
    top: 60%;
    z-index: 10;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .18);
    padding-top: 4px;
    display: none;
    text-align: right;
    opacity: 0.95;
    border-top: 1px solid #ddd;
}

.nav li:last-child dl {
    left: auto;
    right: 0
}

.nav .v2 {
    display: inline-block;
    font-size: 14px;
    color: #202020;
    line-height: 24px;
    /* padding: 8px 5px 8px 36px; */
    padding: 0 19px;
    border-left: 1px solid #edeff0;
    position: relative;
    line-height: 1;
}

.nav .v2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5px;
    /* background-color: gray; */
    height: 100%;
    border-radius: 15px;
    border-left: 2px solid gray;
}

.nav .v2:hover {
    color: #1e3190;
}

.nav .v2:last-child {
    background-image: none
}

.lang {
    padding-top: 15px;
    margin-left: 15px;
    /* background: url(../images/lang2.png) right 23px no-repeat */
}

.nav li .car {
    position: relative;
}

.nav li .car a {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 15px;
    left: 50px;
    margin-left: 20px;
    background: url(../images/wendang1.png) right no-repeat;
    background-size: 100%
}

.nav li em {
    position: absolute;
    top: -5px;
    background-color: #ba3737;
    color: #fff;
    border-radius: 50%;
    padding: 0 5px;
    right: -5px;
    font-size: 10px
}

.language {
    height: 22px;
    border-left: 1px solid #202020;
    padding-left: 20px;
    position: relative;
    /* background: url(../images/lang1.png) 20px center no-repeat; */
    line-height: 22px
}

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

.language .con a {
    display: none;
    height: 30px;
    font-size: 14px
}

.language .con a.on,
.language:hover a {
    display: block
}

.header.small {
    height: 70px;
    background: rgba(255, 255, 255, .9);
    border-width: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.header.small .logo {
    padding-top: 0;
    height: 70px;
    line-height: 70px
}

.header.small .logo img {
    display: inline-block;
    vertical-align: middle
}

.header.small .so {
    padding-top: 20px
}

.header.small .hdr {
    padding-top: 10px
}

.header.small .hdr .con-top {
    display: none
}

.header.small .hdr .con-bot {
    padding-top: 0
}

.header.small .hdr .con-bot .soBox {
    float: right;
    margin-top: 0;
    margin-left: 15px;
    background-color: #f6f6f6
}

.menuBtn {
    width: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 9;
    padding-top: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    color: #fff
}

.menuBtn em {
    font-size: 30px;
    line-height: 40px;
    color: #1e3190
}

.menuBtn b {
    display: block;
    height: 2px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s
}

.menuBtn b:nth-child(2) {
    display: block;
    width: 24px
}

.header-m {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-left: 19.2%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header-m.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.header-m .inner {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(29, 41, 92, .9);
    box-shadow: -5px 0 13px rgba(0, 0, 0, .43);
    padding-top: 50px;
    position: relative
}

.lang-m {
    position: fixed;
    left: 19.2%;
    top: 0;
    right: 0;
    z-index: 10;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    padding: 0 12px;
    background: #1d295c;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.lang-m a {
    color: #fff
}

.lang-m em {
    font-size: 14px;
    margin-right: 5px
}

.nav li:nth-child(1) {
    position: static
}

.header.small .nav li .pro-box {
    top: 100%;
}

.nav li .pro-box {
    background: url(../images/logoback_03.png) right 105% no-repeat;
    position: absolute;
    left: 0;
    top: 75%;
    width: 100%;
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 20px 0;
    display: none;
    background-color: rgba(255, 255, 255, 0.95);
}

.nav li .pro-box .item:nth-child(1) {
    border: 0;
    padding-left: 0
}

.nav li .pro-box .item {
    width: 20%;
    float: left;
    border-left: 1px solid #ddd;
    padding-left: 30px
}

.nav li .pro-box .item h3 {
    font-size: 1.04vw;
    margin-bottom: 5px;
    padding-left: 14px;
    position: relative;
}

.nav li .pro-box .item h3:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    background-color: #1e3190;
    height: 100%;
    border-radius: 15px;
}

.nav li .pro-box .item .cla {
    line-height: 2;
    margin-bottom: 15px;
    padding-left: 14px;
}

.nav li .pro-box .item .cla .more {
    color: #1E3190;
    font-weight: bold;
}

.nav li .pro-box .item a {
    display: block;
    font-size: 14px;
}

.nav li .pro-box .item a:hover {
    color: #1e3190
}

.soBox-m {
    margin: 10px 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #1d295c;
    position: relative;
    overflow: hidden
}

.soBox-m .inp {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 40px 0 20px;
    font-size: 12px;
    color: #fff;
    line-height: 36px;
    background: 0 0;
    border: none
}

.soBox-m .inp::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 1)
}

.soBox-m .inp::-moz-placeholder {
    color: rgba(255, 255, 255, 1)
}

.soBox-m .inp::-ms-input-placeholder {
    color: rgba(255, 255, 255, 1)
}

.soBox-m .sub {
    width: 36px;
    height: 36px;
    border: none;
    background: 0 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff
}

.nav-m {
    border-top: 1px solid #1d295c
}

.nav-m li {
    position: relative
}

.nav-m .v1 {
    display: block;
    font-family: PTSerif, Arial;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    border-top: 2px solid transparent;
    padding: 0 20px;
    border-bottom: 1px solid #1d295c
}

.nav-m li.on .v1 {
    background: #1d295c
}

.nav-m dl {
    background: #1d295c;
    padding: 14px 20px 10px;
    display: none
}

.nav-m dd {
    overflow: hidden
}

.nav-m .v2 {
    display: block;
    float: left;
    width: 49%;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nav-m .v2.on,
.nav-m .v2:hover {
    color: #1d295c;
    background-color: #fff
}

.nav-m .v2:nth-child(2n) {
    float: right
}


.header .lang1 {
    display: none;
}

.header .lang {
    float: right;
    margin-right: 38px;
}



.header .lang1 .language {
    border: 0;
}

.header .lang1 .language a {
    color: #1e3190;
}

.btn-slide {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 5;
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer
}

.btn-slide em {
    display: block;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, .5);
    font-size: 15px;
    text-align: center
}

.btn-slide .icon2,
.nav-m li.open .btn-slide .icon1 {
    display: none
}

.nav-m li.open .btn-slide .icon2 {
    display: block;
    color: #fff
}

.btn-close {
    display: block;
    width: 30px;
    height: 30px;
    position: fixed;
    right: 12px;
    top: 10px;
    z-index: 11;
    cursor: pointer;
    color: #fff
}

.btn-close em {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 30px;
    line-height: 30px;
    text-align: center
}

.bank-header {
    height: 95px;
    overflow: hidden;
    clear: both
}

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

    .nav .v1 {
        padding: 0 10px
    }

    .nav li {
        margin-left: 5px
    }

    .soBox {
        width: 32vw
    }

    .nav .v1 {
        padding: 0 5px;
    }

}

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

    .header,
    .header.small {
        height: 50px
    }

    .header.small .logo,
    .logo {
        height: 50px;
        line-height: 50px
    }

    .bank-header,
    .header.small .nav .v1 {
        display: none
    }

    .g-curx1 {
        top: 50px !important;
    }

    .hdr,
    .header .so {
        display: none
    }

    .menuBtn {
        display: block
    }

    .header,
    .header.small {
        background: #fff;
        border: none
    }

    .header.small .logo,
    .logo {
        padding: 0
    }

    .header.small .logo img,
    .logo img {
        display: inline-block;
        vertical-align: middle;
        height: 26px;
        margin-right: 10px
    }

    .header .lang {
        display: block;
    }

}

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



    .m-area {
        display: block;
        overflow: hidden;
        padding: 0;
        margin: 30px 12px
    }

    .m-area a {
        margin: 0;
        padding: 0;
        width: 48%;
        font-size: 13px;
        line-height: 27px;
        text-align: center
    }

    .m-area a:nth-child(2n) {
        float: right
    }

    .nav .v1 {
        font-size: 15px
    }

    .nav dl {
        width: 180px
    }

    .nav .v2 {
        font-size: 13px;
        line-height: 1.5;
        padding: 6px 15px
    }

    .nav-m .v2 {
        float: none;
        width: 100%
    }

}

.footer {
    overflow: hidden;
    background-color: #dfe2ec;
}

.footer-nav {
    overflow: hidden;
    padding-top: 55px;
    margin-bottom: 95px
}

.footer-nav .item:first-child {
    text-align: inherit
}

.footer-nav .item {
    float: left;
    width: 235px;
    border-right: 1px solid #cdd1e2;
    /* margin-right: 1.2vw; */
    height: 350px
}

.footer-nav .item:last-child {
    border-right: none;
    width: 70px;
    margin: 0
}

.footer-nav .item h3 {
    margin-bottom: 13px;
    font-size: 1.15vw;
    font-weight: 400
}

.footer-nav .item li {
    font-size: 16px;
    line-height: 2
}

.footer-nav .item li a {
    color: #888
}

.footer-nav .item li a:hover {
    color: #1b2971
}

.footer-link {
    overflow: hidden;
    margin-bottom: 10px
}

.footer-link .link {
    float: left;
    font-size: 16px
}

.footer-link .link img {
    margin-right: 10px
}

.footer-link .link span {
    padding: 0 10px
}

.footer-link .link span:nth-child(3) {
    border-right: 1px solid #000;
    border-left: 1px solid #000
}

.footer-link .shar {
    float: right;
    overflow: hidden
}

.footer-link .shar .pic {
    float: left;
    width: 27px;
    margin: 0 10px;
    cursor: pointer;
}

.footer-link .shar .pic img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.footer-copy {
    overflow: hidden;
    background-color: #1b2971;
    padding: 24px 0
}

.footer-copy .copy {
    float: left;
    width: 70%
}

.footer-copy .copy p {
    /* padding-right: 20px; */
    font-size: 12px;
    display: inline
}

.footer-copy .copy p:last-child {
    /* padding: 0 20px; */
    border: none
}

.footer-copy .info {
    float: right
}

.footer-copy p {
    color: #fff
}

.footer-copy a,
.footer-copy span {
    color: #fff;
    font-size: 12px
}

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

    .footer-nav .item {
        width: 11vw;
        margin-right: 3.0vw !important;
    }

}

@media only screen and (max-width:1440px) {
    .footer-copy .copy {
        width: auto;
    }

    .footer-copy .copy p {
        font-size: 12px;
    }

    .footer-copy a,
    .footer-copy span {
        font-size: 12px;
    }
}

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

    .footer-copy .copy,
    .footer-copy .info {
        float: none;
        text-align: center;
        width: auto
    }

}

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

    .wp {
        width: auto;
        padding: 0 15px
    }

    .footer-link .link img {
        width: 6.75vw
    }

    .footer-nav .item {
        width: 25%;
        margin-bottom: 60px
    }

}

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

    .footer-link,
    .footer-nav {
        display: none
    }

    .footer-copy .copy,
    .footer-copy .info {
        float: none
    }

    .footer-link .link img {
        width: 50px
    }

    .footer-link .link span {
        font-size: 12px
    }

}

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

    .footer-copy .copy p {
        float: none;
        padding: 0;
        border: none
    }

    .footer-copy .copy p:last-child {
        padding: 0
    }

    .footer-link .shar .pic {
        width: 3.4vw
    }

    .footer-nav .item {
        width: 50%;
        margin-bottom: 30px;
        border: none;
        margin-right: 0;
        height: 350px
    }

    .row-search {
        width: 100%;
    }

    .row-search input {
        width: 47%;
    }

}

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

    .footer-link .link,
    .footer-link .shar {
        float: none
    }

    .footer-link .shar .pic {
        width: 27px
    }

}

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

    .footer-nav .item {
        margin-right: 6px
    }

}

.bansub {
    position: relative;
    padding-top: 27.8%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.ban-tit {
    position: absolute;
    width: 100%;
    left: 0;
    top: 52%;
    color: #fff
}

.ban-tit h2 {
    font-size: 2.08vw
}

.ban-tit p {
    font-size: 1.04vw
}

.bansub2 {
    padding-top: 22%
}

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

    .ban-tit h2 {
        font-size: 2.1vw
    }

    .ban-tit p {
        font-size: 1.1vw
    }

}

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

    .bansub {
        padding-top: 37%
    }

    .ban-tit h2 {
        font-size: 16px
    }

    .ban-tit p {
        font-size: 14px
    }

}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1589382465498);
    src: url(iconfont.eot?t=1589382465498#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(iconfont.woff?t=1589382465498) format('woff'), url(iconfont.ttf?t=1589382465498) format('truetype'), url(iconfont.svg?t=1589382465498#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconbaojiaquotation:before {
    content: "\e63a"
}

.iconbaojiaquotation2:before {
    content: "\e63c"
}

.icondizhi:before {
    content: "\e614"
}

.iconbus:before {
    content: "\e78d"
}

.icongongyede-:before {
    content: "\e76a"
}

.icongongyede-1:before {
    content: "\e778"
}

.icontupian:before {
    content: "\e63d"
}

.iconVisa:before {
    content: "\ea72"
}

.iconCardsafety:before {
    content: "\e6a2"
}

.iconminzuzongjiao:before {
    content: "\e61b"
}

.iconyiliaoxiang:before {
    content: "\e858"
}

.iconxiazai:before {
    content: "\e65d"
}

.iconshiyan:before {
    content: "\e6af"
}

.icon-_jiantou:before {
    content: "\e638"
}

.icon4banshichu:before {
    content: "\e62e"
}

.iconquanbu:before {
    content: "\e783"
}

.iconyoujiantou:before {
    content: "\e637"
}

.iconweibo:before {
    content: "\e62d"
}

.iconsousuo:before {
    content: "\e60d"
}

.icontwitter:before {
    content: "\e8a8"
}

.iconlinkedin:before {
    content: "\e697"
}

.iconfacebook:before {
    content: "\e6d9"
}

.iconweixin:before {
    content: "\e636"
}

.iconjiantou:before {
    content: "\e610"
}

.iconjiantou1:before {
    content: "\e663"
}

.iconbofang:before {
    content: "\e611"
}

.icondiqiu1:before {
    content: "\e60a"
}

.iconxitongcaidan:before {
    content: "\e696"
}

.iconicon-test:before {
    content: "\e612"
}

.iconcl-icon-down:before {
    content: "\e865"
}

.iconcl-icon-up:before {
    content: "\e866"
}

.iconcl-icon-left:before {
    content: "\e867"
}

.iconcl-icon-right:before {
    content: "\e868"
}

.icondc-icon-kejifuwu:before {
    content: "\e646"
}

.ul-news li {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 0;
    position: relative
}

/* .ul-info1 li {
	width: 33.333%;
	float: left;
} */

.ul-info1 li .info {
    position: relative;
}

.products-list li {
    margin: 0 5px;
}

.products-list {
    position: relative;
    margin-left: -13px;
}

.ul-info1 li .info .backc {
    background-color: rgba(15, 37, 96, 0.6);
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.ul-info1 li:hover .info .backc {
    opacity: 1;
}

.ul-info1 li .info .tit {
    text-align: center;
    position: absolute;
    top: 40%;
    width: 100%;
    line-height: 2;
    z-index: 9;
    color: #FFFFFF;
    opacity: 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.ul-info1 li .info .tit h3 {
    font-size: 20px;
}

.ul-info1 li .info .tit p {
    display: inline-block;
    padding-top: 4px;
    font-size: 16px;
    position: relative;
    margin: 0 40px;
}

.ul-info1 li .info .tit p:after {
    position: absolute;
    content: '';
    border-top: 1px solid #ffffff;
    top: 0;
    left: 0;
    width: 100%;
}

.ul-info1 li:hover .info .tit {
    opacity: 1;
}

.ul-info1 li .info .tit a {
    color: #FFFFFF;
}

.ul-info1 li .info .pic {
    height: 0;
    padding-top: 78%;
    overflow: hidden;
    position: relative;
}

.ul-info1 li .info .pic img {
    position: absolute;
    width: 100%;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ul-news .date {
    position: absolute;
    left: 0;
    top: 44px;
    bottom: 44px;
    padding: 37px 50px 0 0;
    width: 136px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    font-family: Arial;
    color: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.ul-news .date .p1 {
    font-size: 1.66vw
}

.ul-news .date .p2 {
    margin-top: -7px;
    padding-right: 4px;
    font-size: 18px
}

.ul-news .pic {
    float: left;
    width: 262px;
    height: 147px;
    overflow: hidden
}

.ul-news .pic img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    position: relative
}

.ul-news .pic span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    background-image: url(../images/s-pic_03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    color: #fff;
    padding: 7px 28px 7px 15px
}

.ul-news .pic:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.ul-news .txt {
    padding: 0 50px 0;
    overflow: hidden;
    padding-right: 70px;
}

.ul-news .txt .tit {
    position: relative;
    font-size: 1.04vw;
}

.ul-news .txt .tit a,
.ul-news .txt .tit {
    display: block;
    font-size: 1.04vw;
    color: #404040;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.ul-news .txt p:after {
    content: "";
    width: 46px;
    height: 46px;
    background: url(../images/pic-z1.png) center center no-repeat #ccc;
    position: absolute;
    top: 40%;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.ul-news .txt .desc {
    padding-top: 11px;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ul-news li:hover .txt p:after {
    opacity: 1;
    background-color: #1e3190
}

.ul-news li:hover .date,
.ul-news li:hover .txt .tit,
.ul-news li:hover .txt .tit a {
    color: #1e3190;
}

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

    .ul-news .date {
        padding-right: 20px
    }

    .ul-news .txt {
        padding-left: 20px
    }

}

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

    .ul-news .txt .tit a {
        font-size: 16px
    }

    .ul-news .txt .desc {
        font-size: 14px
    }

    .ul-news .date {
        top: 20px;
        bottom: 20px
    }

    .ul-news .date .p1 {
        font-size: 1.35vw;
        line-height: 36px
    }

    .row-well {
        padding: 15px 0;
    }

}

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

    .ban-tit {
        top: 30%
    }

    .ul-news .txt {
        float: none;
        padding: 10px
    }

    .ul-news .date {
        float: none;
        position: relative;
        top: 0;
        bottom: 0;
        padding: 0;
        text-align: left;
        margin-left: 10px;
        overflow: hidden;
        font-size: 0
    }

    .ul-news .txt .desc {
        padding-top: 0
    }

    .ul-news .date .p1,
    .ul-news .date .p2 {
        font-size: 16px;
        line-height: 26px;
        padding-top: 0
    }

    .ul-news li {
        padding: 10px 0
    }

    .ul-news .txt .tit:after {
        display: none
    }

    .ul-news {
        padding-bottom: 20px
    }

    .ul-news .pic {
        float: none;
        margin: 0 auto
    }

    .ul-news .date p {
        display: inline-block;
        vertical-align: middle
    }

    .ul-news .date .p2 {
        margin-top: 0;
        font-size: 14px;
        line-height: 24px
    }

    .ul-news .date .p1 {
        margin-right: 10px
    }

    /* .ul-info1 li {
		width: 50%;
	}
 */
}

@media only screen and (max-width:648px) {
    /* .ul-info1 li {
		width: auto;
		float: none;
	} */
}

.m-job {
    margin-top: 36px;
    box-shadow: 0 6px 10px 0 rgba(204, 204, 204, .4);
    margin-bottom: 50px
}

.m-job dl {
    border-top: 1px solid #f0f0f0;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
}

.m-job dt {
    overflow: hidden;
    padding: 0 44px 0 50px;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    background-image: url(../images/pic-b3_05.png);
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 22px;
}

.m-job dt span {
    float: left;
    font-size: 14px;
    color: #333
}

.m-job dt .s1 {
    width: 21.7%
}

.m-job dt .s2 {
    width: 24.45%
}

.m-job dt .s3 {
    width: 22.84%
}

.m-job dd {
    display: none;
    overflow: hidden;
    padding: 36px 48px 59px;
    background-color: #f8f8f8;
    background-image: url();
    background-repeat: no-repeat;
    background-position: right 115%;
    margin: 0;
}

.m-job .txt div:nth-child {
    line-height: 32px;
}

.m-job dd .tit1 {
    font-size: 1.25vw;
    color: #1b2971;
    background-image: url();
    background-size: 25px;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 35px;
    margin-bottom: 40px
}

.m-job dd .info span {
    font-size: 15px;
    color: #767676
}

.m-job dd .info span:nth-child(2) {
    margin-right: 15px;
}

.m-job dd .info .date {
    float: right
}

.m-job dd .tit2 {
    margin-bottom: 5px;
    font-size: 18px;
    color: #000
}

.m-job dd .info {
    margin-bottom: 30px
}

.m-job dd .txt {
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 32px
}

.m-job dl.on dt {
    border-color: #1b2971;
    background-color: #1b2971;
    background-image: url()
}

.m-job dl.on dt span {
    color: #fff
}

.gc-more {
    text-align: center
}

.gc-more a {
    font-size: 18px;
    color: #666;
    display: block;
    background-image: url();
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 40px
}

.m-sel {
    overflow: hidden;
    margin-bottom: 25px;
}

.cpxinput {
    overflow: hidden;
    padding: 40px 0;
}

.cpxinput .wp {
    width: 60%;
}

.cpxinput .m-sel .sel1 {
    width: 100%;
}

.cpxinput .m-sel select {
    width: 85%;
    float: right;
}

.cpxinput .m-sel p {
    float: left;
    line-height: 49.06px;
}

.m-sel p {
    font-size: 16px;
    margin-bottom: 10px
}

.m-sel .sel1 {
    float: left;
    width: 50%
}



.m-sel select {
    width: 100%;
    font-size: 16px;
    padding: 13px 0 13px 20px;
    border: 1px solid #dfdfdf;
    background-image: url();
    background-repeat: no-repeat;
    background-position: right center
}

.m-sel select option {
    font-family: "寰蒋闆呴粦";
}

.m-sel .sel2 p {
    padding-left: 20px
}

.m-sel .sel2 select {
    margin-left: 20px;
    width: 97%
}

.m-sel .sel2 {
    float: right;
    width: 50%
}

.m-sel input {
    font-size: 16px;
    border: 1px solid #dfdfdf
}

.m-sel .top {
    overflow: hidden;
    margin-bottom: 20px
}

.m-sel .input1 {
    position: relative
}

.m-sel .input1 .t1 {
    width: 100%;
    padding: 20px 0 20px 20px
}

.m-sel .input1 .b1 {
    background-color: #1e3190;
    color: #fff;
    padding: 20px 38px 20px 67px;
    position: absolute;
    top: 0;
    right: 0;

    cursor: pointer;
}

.m-sel .input1 .t1::-webkit-input-placeholder {
    color: #000
}

/* .m-show1 {
	height: 1000px
} */

.m-show1 .btn {
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 65px
}

.m-show1 .btn .btn1 {
    float: left
}

.m-show1 .btn a {
    color: #999;
    padding: 9.5px 38px;
    border: 1px solid #999;
    display: inline-block;
    transition: .5s
}

.m-show1 .btn .btn1 .back {

}

.m-show1 .btn .btn2 {
    float: right
}

.m-show1 .btn .btn2 a:first-child {
    margin-right: 2px
}

.m-show1 .btn a:hover {
    background-color: #002e73;
    border-color: #002e73;
    color: #fff
}

.m-show1 .txts h2 {
    font-size: 2.08vw;
    font-weight: 400;
    padding-bottom: 15px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 26px
}

.m-show1 .txts h3 {
    font-size: 18px;
    font-weight: 400;
    background-color: #1e3190;
    color: #fff;
    display: inline-block;

    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom: 28px;
    padding: 2px 49px 2px 33px
}


.m-show1 .txts td {
    padding: 10px;
}

.row-bc5 {
    /* margin: -16px 0; */
}

.row-bc5 .g-titb1 h3 {
    font-size: 1.88vw;
    margin-bottom: 40px
}

.row-bc5 .slick05 .item {
    position: relative
}

.row-bc5 .slick05 .slick-next,
.row-bc5 .slick05 .slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    border: 0;
    overflow: hidden;
    width: 57px;
    height: 56px;
    font-size: 0;
    line-height: 0;
    z-index: 5;
    cursor: pointer;
    background-size: 100% 100%;
    background-color: inherit
}



.row-bc5 .slick05 {
    margin: 0 -32px 70px
}

.row-bc5 .slick05 .pic {
    height: 0;
    padding-top: 55%;
    overflow: hidden;
    position: relative;
}

.row-bc5 .slick05 img {
    position: absolute;
    padding: 0 25px;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-bc5 .slick05 img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.row-bc5 .slick05 .txt {
    padding: 0 32px;
    position: absolute;
    right: 10px;
    bottom: 27px;
    left: 20px;
    color: #fff
}

.row-bc5 .slick05 .date {
    padding-left: 24px;
    background: url(../images/date1.png) left center no-repeat;
    background-size: 13px;
    font-size: 14px;
    margin-bottom: 9px
}

.row-bc5 .slick05 .tit {
    font-size: 1.15vw;
    line-height: 25px;
    height: 50px;
    overflow: hidden
}

.ul-news1 {
    margin-bottom: 57px
}

.ul-news1 li {
    height: auto;
    padding: 16px;
    position: relative;

}

.ul-news1 li .con {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    /* width: 100%; */
    height: 300px;
    padding: 39px;
    display: block;
    border: 1px solid #eee
}

.ul-news1 li .con::after {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    content: ' ';
    display: block;
    position: absolute;
    width: 0%;
    height: 3px;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #293b95
}

.ul-news1 li:hover .con::after {
    width: 100%
}

.ul-news1 .date {
    margin-bottom: 15px
}

.ul-news1 .date strong {
    font-size: 1.77vw;
    color: #b2b2b2
}

.ul-news1 .date span {
    color: #888
}

.ul-news1 li .info {
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 20px
}

.ul-news1 li .info::after {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    content: ' ';
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    left: 50%;
    top: 100px;
    z-index: 2;
    opacity: 0;
    background: url(../images/news-picbtn_03.png) center no-repeat
}

.ul-news1 li .pic {
    padding-top: 15px
}

.ul-news1 li .pic img {
    width: 100%;
}

.ul-news1 li .info img {
    position: absolute;
    /* opacity: 0; */
    transition: .5s;
    top: 15px;
    left: 0;
}

.ul-news1 li:hover .info img {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
    opacity: 1
}

.ul-news1 li:hover .info::after {
    top: 60px;
    opacity: 1;
}

.ul-news1 li:hover .con {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.ul-news1 h3 {
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 49px;
    margin-bottom: 13px
}

.ul-news1 p {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

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

    .m-tit .tit {
        font-size: 1.25vw
    }

    .m-job dt span {
        font-size: 16px
    }

    .m-job dt {
        padding: 0 15px;
        line-height: 50px;
        height: 50px
    }

    .m-job dl .s4,
    .m-job dl.on .s4 {
        display: none
    }

    .m-job dd {
        padding: 20px
    }

    .m-job dd .tit1 {
        font-size: 16px;
        -webkit-background-size: 20px auto;
        background-size: 20px auto
    }

    .m-sel .sel1,
    .m-sel .sel2 {
        float: none;
        width: 100%
    }

    .m-sel .sel2 select {
        margin-left: initial;
        width: 100%
    }

    .m-sel .sel2 p {
        padding-left: 0
    }

    .m-show1 .txts h2 {
        font-size: 3.08vw
    }

    .ul-news1 h3 {
        font-size: 1vw
    }

    .row-search input {
        width: 50vw;
    }


}

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

    .ul-news1 h3 {
        font-size: 2vw
    }

    .g-fnav {
        font-size: 18px;
        margin-bottom: 30px;
        padding-bottom: 20px
    }

    .g-fnav li:after {
        top: 5px
    }

    .m-job dd .info span {
        display: block
    }

}

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

    .m-job {
        margin-top: 0
    }

    .m-job dt {
        padding: 0
    }

    .m-job dt .s2 {
        display: none
    }

    .m-job dt .s1 {
        padding: 0 10px;
        width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .m-job dt span {
        font-size: 14px
    }

    .m-job dt .s5 {
        display: none
    }

    .m-job dt .s3 {
        padding-right: 10px;
        width: 30%;
        display: none
    }

    .m-show1 .txts h2 {
        font-size: 14px;
    }

    .row-bc5 .ul-imgTxtb1 li {
        float: left
    }

    .row-bc5 .ul-imgTxtb1 {
        padding: 0 15px
    }

    .g-page .num {
        display: none
    }

    .g-page .on {
        display: inline-block
    }

    .ul-news .txt:after {
        display: none
    }

    .m-show1 .txts h3 {
        background-image: none
    }

    .m-show1 .txts p,
    .row-bc5 .g-titb1 h3 {
        margin-bottom: 20px
    }

    .row-bc5 .slick05 {
        margin-bottom: 25px
    }

    .g-fnav {
        margin: 0
    }

}

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

    .row-bc5 h3 {
        font-size: 18px !important
    }

    .row-bc5 p {
        font-size: 14px !important
    }

    .m-job dt {
        padding: 10px 0;
        height: auto;
        line-height: 1.8
    }

    .m-sel .input1 .b1 {
        padding: 20px;
        background-position: 5px center;
        background-image: none
    }

    .m-show1 .btn a {
        padding: 9.5px
    }

    .m-show1 .btn .btn1 .back {
        padding: 9.5px;
        background-image: none
    }

    .ul-news1 h3 {
        font-size: 16px
    }

}

.row-bc4 .txt h3 {
    font-size: 1.88vw;
    font-weight: 400
}

.row-bc4 .ul-info {
    overflow: hidden
}

.row-bc4 .ul-info li {
    overflow: hidden;
    padding: 55px 0;
    position: relative;
    z-index: 1;
    margin-bottom: 64px
}

.row-bc4 .ul-info li .txt {
    float: left;
    width: 50%;
    padding: 0 30px;
    position: relative;
    z-index: 2
}

.row-bc4 .ul-info li:after {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 61%;
    height: 100%;
    z-index: -1
}

.row-bc4 .ul-info li:nth-child(2n):after {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: inherit;
    width: 61%;
    height: 100%;
    z-index: -1
}

.row-bc4 .ul-info li .pic .slick-next,
.row-bc4 .ul-info li .pic .slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    border: 0;
    overflow: hidden;
    width: 25px;
    height: 45px;
    font-size: 0;
    line-height: 0;
    z-index: 5;
    cursor: pointer;
    background-size: 100% 100%;
    background-color: initial
}

.row-bc4 .ul-info li .pic .slick-next {
    right: 30px;
    background-image: url(../images/slick04_05.png)
}

.row-bc4 .ul-info li:nth-child(2n) .pic .slick-prev {
    left: 30px;
    background-image: url(../images/slick04_03.png)
}

.row-bc4 .ul-info li .txt h3 {
    text-align: inherit;
    margin-bottom: 33px
}

.row-bc4 .ul-info li .txt p {
    color: #666;
    margin-bottom: 28px;
    font-size: 16px
}

.row-bc4 .ul-info li .txt p:nth-child(7) {
    margin-bottom: 0
}

.row-bc4 .ul-info li .pic {
    float: right;
    width: 50%;
    position: relative;
    z-index: 2
}

.row-bc4 .ul-info li:nth-child(2n) .txt {
    float: right;
    width: 50%
}

.row-bc4 .ul-info li:nth-child(2n) p {
    margin-bottom: 15px
}

.row-bc4 .ul-info li:nth-child(2n) .txt p:nth-child(7) {
    margin-bottom: 15px
}

.row-bc4 .ul-info li:nth-child(2n) .pic {
    float: left;
    width: 50%
}

.row-bc4 .ul-info li .pic img {
    width: 99%;
    transform: translateX(1px);
}

.row-bc6 {
    overflow: hidden
}

.row-bc6 .txt1 {
    float: left;
    width: 72%;
    line-height: 1.8
}

.row-bc6 .txt1 h1 {
    font-size: 1.48vw;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px
}

.row-bc6 .txt1 .info {
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #dee3e6;
    padding-bottom: 20px
}

.row-bc6 .txt1 .info span {
    margin: 0 10px
}

.row-bc6 .txt1 .info span a {
    margin: 0 10px;
    cursor: pointer
}

.row-bc6 .txt2 {
    float: right;
    width: 20%
}

.row-bc6 .txt2 h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 52px;
    position: relative
}

.row-bc6 .txt2 h3:after {
    position: absolute;
    content: '';
    width: 25px;
    height: 2px;
    background-color: #57565b;
    bottom: -21px;
    left: 0
}

.row-bc6 .txt2 .pic {
    margin-bottom: 14px
}

.row-bc6 .txt2 .pic img {
    width: 100%;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.row-bc6 .txt2 li:hover .pic img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.row-bc6 .txt2 .date {
    background-image: url(../images/row-bc6time_03.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    margin-bottom: 5px
}

.row-bc6 .txt2 .ul-info li {
    margin-bottom: 40px
}

.row-bc6 .txt2 .date p {
    font-size: 14px
}

.row-bc6 .txt2 p a {
    color: #838383;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.row-bc6 .txt2 li:hover p a {
    color: #1e3190
}

.row-bc6 .share {
    text-align: right;
    overflow: hidden;
    border-bottom: 1px solid #dee3e6;
    height: 60px;
    margin-bottom: 32px;
    width: 100%;
}

.row-bc6 .share  .dib{
    display: inline-block;
    font-size: 16px;
}

.bdshare-button-style0-16{
    float: right;
}

.row-bc6 .btn {
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 65px
}

.row-bc6 .btn .btn1 {
    float: left
}

.row-bc6 .btn a {
    color: #000;
    padding: 9.5px 38px;
    border: 1px solid #999;
    display: inline-block
}

.row-bc6 .btn a:hover {
    border: 1px solid #1e3190;
    background-color: #1e3190;
    color: #fff
}

.row-bc6 .btn .btn1 .back:hover {
    background-image: url(../images/m-show1-whiteback_03.png)
}

.row-bc6 .btn .btn1 .back {
    background-image: url(../images/m-show1-back_03.png);
    background-repeat: no-repeat;
    background-position: 38px center;
    padding: 9.5px 38px 9.5px 70px
}

.row-bc6 .btn .btn2 {
    float: right
}

.row-bc6 .btn .btn2 a:first-child {
    margin-right: 2px
}

.row-bc6 .share .pic {
    float: right
}

.row-bc6 .share p {
    font-size: 16px;
    float: right;
    margin: 7px 10px
}

.row-bc6 .share a {
    display: inline-block;
    margin-left: 4px
}

.row-bc2 .g-page {
    text-align: center
}

.row-bc2 .ul-picx li {
    margin-bottom: 96px;
}

.row-bc2 .g-page li {
    display: inline
}

.row-bc2 .g-page .num a {
    width: 33px;
    padding: 0
}

/* .row-bc2 .g-page .prev a{padding:0 20px} */

.row-bc2 .g-page li a {
    display: inline-block;
    padding: 0 14px;
    color: #666;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    margin: 0 3px;
    font-size: 16px
}

.row-bc2 .g-page li.on a,
.row-bc2 .g-page li:hover a {
    color: #fff;
    background-color: #1e3190
}

.row-bc2 .g-page.r li.on a,
.row-bc2 .g-page.r li:hover a {
    background-color: #d61518
}

.row-bc2 .g-page.c {
    text-align: center
}

.row-bc2 .g-page.c li {
    display: inline-block;
    float: none
}

.row-bc2 .g-page.c li.on a,
.row-bc2 .g-page.c li:hover a {
    background-color: #002e73
}

.row-bc2 .ul-picx {
    overflow: hidden;
    margin-bottom: 85px
}

.row-bc2 .g-tit3 {
    margin-bottom: 78px
}

.row-bc2 .g-tit3 h3 {
    text-align: center;
    font-size: 1.88vw;
    font-weight: 400;
    margin-bottom: 48px
}

.row-bc2 .g-tit3 p {
    font-size: 14px
}

.row-bc2 .ul-picx .pic {
    padding-top: 72%;
    background-color: #fff;
    margin-bottom: 15px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.row-bc2 .ul-picx .pic img {
    /* padding: 15px; */
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.row-bc2 .ul-picx .pic::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 0%;
    height: 3px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #293b95;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.row-bc2 .ul-picx .pic:hover::after {
    width: 100%
}

.row-bc2 .ul-picx .pic:hover img {
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform: translate(-50%, -50%) scale(1.05)
}

.row-bc2 .ul-picx .pic em {
    display: block;
    position: absolute;
    width: 48px;
    height: 50px;
    left: 50%;
    top: 40%;
    background: url(../images/row-bc2-so_03.png) no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    transition: .5s;
    z-index: 2;
}

.row-bc2 .ul-picx .pic:hover em {
    opacity: 1;
}

.row-bc2 .ul-picx .pic:hover:before {
    opacity: 1
}

.row-bc2 .ul-picx h3 {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 47px
}

.g-tit2 {
    text-align: center;
    margin-bottom: 30px
}

.g-tit2 h3 {
    font-size: 2.5vw;
    font-weight: 400
}

.g-tit2 p {
    font-size: 1.04vw;
    color: #9399b8
}

.row-b0fixed {
    position: fixed;
    bottom: 20px;
    left: 15px;
    z-index: 999
}

.row-b0fixed .ul-dots li {
    width: 15px;
    height: 15px;
    background-color: #d0d0d0;
    display: block;
    border-radius: 50%;
    margin-bottom: 65px;
    position: relative;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b0fixed .ul-dots li span {
    position: absolute;
    left: 20px;
    top: -3px;
    width: 70px;
    color: #1e3190;
    opacity: 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b0fixed .ul-dots li:hover span {
    opacity: 1;
}

.row-b0fixed .ul-dots li.fon span {
    opacity: 1;
}

.row-b0fixed .ul-dots li.fon,
.row-b0fixed .ul-dots li:hover {
    background-color: #1e3190
}

.row-bc01 .m-about {
    position: relative;
    height: 410px;
    overflow: hidden
}

.row-bc01 .txt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #fff;
    padding: 90px 86px 75px 70px;
    width: 65%;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, .1);
    margin-top: 15px;
    margin-left: 15px
}


.row-bc01 .m-about .txt p {
    position: relative;
    font-size: 16px;
    line-height: 2
}

.row-bc01 .m-about .txt p:after {
    position: absolute;
    content: '';
    background-color: #9f1031;
    width: 34px;
    height: 2px;
    top: -34px;
    left: 0
}

.row-bc01 .m-about .slick1 {
    width: 65%;
    position: absolute;
    right: 0;
    bottom: 0
}

.row-bc01 .m-about .pic {
    width: 100%;
    height: 361px
}

.row-bc01 .m-about .pic img {
    width: 100%;
    height: 100%
}

.row-bc01 .m-about .more {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../images/row-b1Arrow_03.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px
}

.row-bc01 .m-about .more a {
    color: #23273e
}

.row-bc01 .m-about .slickbtn {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 40px;
    right: -42px;
    z-index: 99
}

.row-bc01 .m-about .slick-next,
.row-bc01 .m-about .slick-prev {
    position: absolute;
    top: 0;
    margin-top: -32px;
    border: 0;
    overflow: hidden;
    width: 41px;
    height: 41px;
    font-size: 0;
    line-height: 0;
    z-index: 5;
    cursor: pointer;
    background-size: 100% 100%
}

.row-bc01 .m-about .slick-next {
    right: 0;
    background-image: url(../images/slicknext_04.png)
}

.row-bc01 .m-about .slick-prev {
    right: 40px;
    background-image: url(../images/slickprev_04_03.png)
}

.row-bc01 .slick1 .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: -50px;
    text-align: right;
    z-index: 3;
    top: -122px
}

.row-bc01 .slick1 .slick-dots li {
    display: block;
    margin: 25px 10px
}

.row-bc01 .slick1 .slick-dots button {
    width: 13px;
    height: 13px;
    background: 0 0;
    font-size: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: rgba(30, 49, 144, .4)
}

.row-bc01 .slick1 .slick-dots li.slick-active button {
    background: #1e3190
}

.row-b2 .slick02 {
    margin-bottom: 40px;
    padding: 0 120px;
}

.row-b2 .slick02::after {
    position: absolute;
    content: '';
    border-bottom: 2px solid rgba(24, 39, 122, .2);
    bottom: 10px;
    height: 5px;
    width: 120px;
    left: 0;
    z-index: 1;
}

.row-b2 .slick02::before {
    position: absolute;
    content: '';
    border-bottom: 2px solid rgba(24, 39, 122, .2);
    bottom: 10px;
    height: 5px;
    width: 120px;
    right: 0;
}

.row-b2 {
    background-image: url(../images/row-b2-time-back_02.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

.row-b2 .slick02 .item {
    text-align: center
}

.row-b2 .slick03 .item {
    line-height: 2;
    font-size: 14px;
}

.row-b2 .slick03 .item p {
    font-size: 16px;
    color: #464b64;
    padding-left: 50px;
}

.row-b2 .item .con h3 {
    font-weight: 400;
    font-size: 2.6vw
}

.row-b2 .item .con {
    font-size: 2.6vw;
    position: relative;
    padding-bottom: 35px;
}

.row-b2 .item:last-child {
    position: relative;
}

.row-b2 .item:last-child::after {
    position: absolute;
    content: '';
    border-bottom: 2px solid rgba(24, 39, 122, .2);
    bottom: 10px;
    height: 5px;
    width: 50%;
    right: 0;
}

.row-b2 .slick03 .item:last-child::after {
    display: none;
}

.row-b2 .item .con::after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background-color: rgba(24, 39, 122, .2);
    border-radius: 50%;
    bottom: 4px;
    left: 50%;
    z-index: 99;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    z-index: 999;
    cursor: pointer;
}

.row-b2 .item .con::before {
    position: absolute;
    content: '';
    border-bottom: 2px solid rgba(24, 39, 122, .2);
    bottom: 10px;
    height: 5px;
    width: 90%;
    right: 51%
}

.row-b2 .slick-center h3 {
    color: #18277a
}

.row-b2 .item.on .con h3 {
    color: #18277a;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b2 .item.on .con::before {
    background-image: url(../images/row-b2dots_03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: inherit;
    width: 20px;
    height: 20px;
    bottom: 2px;
}

.row-b2 .item.slick-current.on1 .con::after {
    background-image: url(../images/row-b2dots_03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: inherit;
    width: 20px;
    height: 20px;
    bottom: 2px;
    z-index: 1;
}

.row-b2 .item.slick-current .con::after {

    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: inherit;
    width: 20px;
    height: 20px;
    bottom: 2px;
}

.row-b2 .slick-center .con::after {

    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: inherit;
    width: 20px;
    height: 20px;
    bottom: 2px
}

.row-b2 .item p {
    font-size: 16px
}

.row-b2 .slick02 .slick-next,
.row-b2 .slick02 .slick-prev {
    position: absolute;
    top: 100%;
    margin-top: -32px;
    border: 0;
    overflow: hidden;
    width: 20px;
    height: 41px;
    font-size: 0;
    line-height: 0;
    z-index: 5;
    cursor: pointer;
    background-size: 100% 100%;
    background-color: inherit
}

.row-b2 .slick02 .slick-next {
    right: 30px;
    background-image: url(../images/row-b2next_05.png)
}

.row-b2 .slick02 .slick-prev {
    left: 30px;
    background-image: url(../images/row-b2prev_03.png)
}

.row-b3 {
    position: relative
}

.row-b3 .slick04 {
    position: relative;
    overflow: hidden;
}

.row-b3 .slick04 .slick-slide {
    position: relative;
    z-index: 1;
    transform: scale(0.6);
    transition: .3s;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
}

.row-b3 .slick04 .slick-active {
    position: relative;
    z-index: 0;
    transform: translateX(-120px) scale(0.7);
    -webkit-transform: translateX(-120px) scale(0.7);
    -moz-transform: translateX(-120px) scale(0.7);
    -ms-transform: translateX(-120px) scale(0.7);
    -o-transform: translateX(-120px) scale(0.7);
    transition: .3s;
}

.row-b3 .slick04 .slick-current {
    position: relative;
    z-index: 3;
    transform: scale(1.02);
    transition: .3s;
}

.row-b3 .slick04 .slick-current+.slick-active {
    position: relative;
    z-index: 2;
    transform: translateX(-20px) scale(0.9);
    -webkit-transform: translateX(-20px) scale(0.9);
    -moz-transform: translateX(-20px) scale(0.9);
    -ms-transform: translateX(-20px) scale(0.9);
    -o-transform: translateX(-20px) scale(0.9);
    transition: .3s;
}

.row-b3 .slickpic01 {
    height: 0;
    padding-top: 142.857%;
    overflow: hidden;
    position: relative;
}

.row-b3 .slickpic01 img {
    position: absolute;
    width: 100%;
    display: block;
    left: 50%;
    top: 50%;
}

.row-b3 .slick04 .slick-slide img {
    transform: translate(-60%, -50%);
    -webkit-transform: translate(-60%, -50%)
}

.row-b3 .slick04 .slick-slide.slick-current img {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

/* .row-b3 .slick04 .slick-active:first-child {
	z-index: 99;
	width: 60% !important;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
}

.row-b3 .slick04 .slick-active:nth-child(2) .slickpic01 {
	z-index: 98;
	width: 80%;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
}

.row-b3 .slick04 .slick-active:nth-child(3) .slickpic01 {
	width: 100%;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
} */
.row-b3 .slick04 .slick-active img,
.row-b3 .slick04 .item .slick-current img {
    width: 100%;
}


/* .row-b3 .slick04 .slick-active:nth-child(1){width:45%;z-index:10}

.row-b3 .slick04 .slick-active:nth-child(2){width:35%;top:10%;left:40%;z-index:5}

.row-b3 .slick04 .slick-active:nth-child(3){width:30%;top:15%;left:69%}

.row-b3 .slick04 .slick-active:nth-child(4) img{    width: 45%;
    top: 50%;
    left: 22%;}
 */


.row-b3 .slick05 {
    /* 	padding-left: 80px; */
    position: relative;
    padding-top: 20px
}

.row-b3 .slick05 h3 {
    font-size: 1.77vw;
    margin-bottom: 20px
}

.row-b3 .slick05 p {
    padding-top: 20px;
    font-size: 16px;
    border-top: 1px dashed #000;
    margin-bottom: 100px;
    color: #5c6080;
    line-height: 35px
}

.row-b3 .slick05 a {
    font-size: 16px;
    background-image: url(../images/row-b1Arrow_03.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    float: right;
    color: #5c6080;
    position: absolute;
    bottom: 12px;
    right: 0;
}

.row-b3 .slick-next,
.row-b3 .slick-prev {
    position: absolute;
    top: 100%;
    margin-top: -32px;
    border: 0;
    overflow: hidden;
    width: 32px;
    height: 32px;
    font-size: 0;
    line-height: 0;
    z-index: 5;
    cursor: pointer;
    background-size: 100% 100%;
    background-color: inherit
}

.row-b3 .slickbtn {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 38px;
    left: 31.3%;
    z-index: 99
}

.row-b3 .slick-next {
    left: 115px;
    background-image: url(../images/slick05arrow_05.png)
}

.row-b3 .slick-prev {
    left: 80px;
    background-image: url(../images/slick05arrow_03.jpg)
}

.row-b4 .ul-pic {
    overflow: hidden;
    margin: 0 -25px
}

.row-b4 .ul-pic li {
    padding: 0 25px;
    position: relative
}

.row-b4 .ul-pic .pic {
    height: 0;
    padding-top: 40%;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px
}

.row-b4 .ul-pic .pic .pic01 {
    position: absolute;
    width: 100%;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b4 .ul-pic .pic:hover .pic01 {
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform: translate(-50%, -50%) scale(1.05);
}

.row-b4 .ul-pic .pic-white {
    position: absolute;
    bottom: 150px;
    left: 43%;
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center
}

.row-b4 .ul-pic .pic-white .pic-blue {
    background-color: #18277a;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin: 10px auto 0;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b4 .ul-pic .pic-white:hover .pic-blue {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.row-b4 .ul-pic .pic-white img {
    margin: 10px 0
}

.row-b4 .ul-pic .txt h3 {
    overflow: hidden;
    text-align: center;
    font-size: 1.35vw;
    font-weight: 400;
    margin-bottom: 20px
}

.row-b4 .ul-pic .txt p {
    line-height: 30px;
    font-size: 14px;
    color: #5c6080
}

.row-b5 .ul-info {
    overflow: hidden;
    margin: 0 -23px
}

.row-b5 .ul-info li {
    padding: 0 23px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b5 .ul-info .pic {
    height: 0;
    padding-top: 55%;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px
}

.row-b5 .ul-info .pic img {
    position: absolute;
    width: 100%;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b5 .ul-info .pic img:hover {
    transform: translate(-50%, -50%) scale(1.05);
    -webkit-transform: translate(-50%, -50%) scale(1.05);
}

.row-b5 .ul-info li .txt {
    padding-left: 55px;
    background-image: url(../images/row-b5ARROW_03.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b5 .ul-info li h3 {
    font-size: 1.35vw;
    margin-bottom: 20px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.row-b5 .ul-info li:hover .txt {
    background-position: 10px 10px;
}

.row-b5 .ul-info li p {
    font-size: 14px;
    color: #5c6080
}

.row-bc1 h3 {
    font-size: 1.88vw;
    font-weight: 400;
    padding-bottom: 45px;
    position: relative
}

.row-bc1 h3:after {
    content: '';
    position: absolute;
    background-color: #1e3190;
    width: 45px;
    height: 2px;
    bottom: 0;
    left: 0
}

.row-bc1 .info {
    padding-top: 55px
}

.row-bc1 .info .txt {
    font-size: 14px;
    line-height: 24px;
    padding-right: 35px
}

.row-bc1 .info .pic {
    float: right
}

.row-bc1 .info p {
    margin-bottom: 45px
}

.txt-body {
    line-height: 1.8;
    margin-bottom: 30px;
    font-size: 14px;
}

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

    .row-bc4 .ul-info li .txt h3,
    .row-bc4 em,
    .row-bc4 span {
        font-size: 2.5vw
    }

    .row-bc4 .ul-info li .txt p {
        font-size: 1vw
    }

    .g-tit2 h3,
    .row-bc2 .g-tit3 h3 {
        font-size: 2vw
    }

    .g-tit3 p,
    .row-bc2 .g-tit2 p {
        font-size: 1vw
    }

    .row-bc01 .m-about .txt {
        padding: 6.2vw 4.48vw 3vw 3.64vw
    }

    .row-bc01 .m-about .txt p {
        font-size: 14px;
        position: relative
    }

    .row-bc01 .m-about .txt p:after {
        content: '';
        position: absolute;
        width: 34px;
        background-color: #9f1031;
        height: 2
    }

    .row-b2 .item .con h3 {
        font-size: 2vw
    }

    .row-b2 .slick02 .slick-next,
    .row-b2 .slick02 .slick-prev {
        width: 1vw;
        height: 2.135vw
    }

    .row-b3 .slick05 h3 {
        font-size: 1.77vw
    }

    .row-b3 .slick05 a,
    .row-b3 .slick05 p {
        font-size: 14px
    }

    .row-bc1 .info .txt {
        font-size: .73vw;
        line-height: 1.25vw
    }

    .row-bc1 .info .pic {
        width: 30vw;
        height: 34.8vw
    }

    .row-bc1 h3 {
        font-size: 1.875vw
    }

}

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

    .row-bc4 .ul-info li .txt h3,
    .row-bc4 em,
    .row-bc4 span {
        font-size: 2vw;
    }

    .row-b2 .slick02 .slick-next,
    .row-b2 .slick02 .slick-prev {
        top: 107%;
    }

    .row-bc1 .info p {
        margin-bottom: 20px;
    }

    .row-bc1 .info .txt {
        padding: 0;
    }

    .row-bc2 .ul-picx li {
        margin-bottom: 20px;
    }

    .m-job dd .tit1 {
        margin-bottom: 10px;
    }

    .footer-nav .item li {
        font-size: 14px;
    }

    .row-b4 .ul-pic .pic-white {
        left: 40%;
    }
}

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

    .row-bc01 .m-about .slick1 {
        width: 100%;
        position: initial
    }

    .row-bc01 .m-about .slick-next {
        right: 30px
    }

    .row-bc01 .m-about .slick-prev {
        left: 30px
    }

    .row-bc01 .m-about .txt {
        width: 100%;
        bottom: 0;
        top: auto;
        padding: 15px;
        opacity: .9;
        margin-top: 0;
        margin-left: 0;
        box-shadow: none
    }

    .row-bc01 .m-about .pic {
        width: 100%;
        position: initial
    }

    .row-bc01 .m-about .pic img {
        transform: none;
        top: 0
    }

    .row-bc01 .m-about .more {
        top: auto;
        bottom: 0;
        right: 0;
        z-index: 9
    }

    .row-bc01 .m-about .slickbtn {
        display: none
    }

    .row-b3 .slick05 {
        padding-top: 0;
        padding-left: 20px
    }

    .row-b3 .slick-prev {
        left: 20px
    }

    .row-b3 .slick-next {
        left: 60px
    }

    .row-b4 .ul-pic .pic-white {
        bottom: 50%
    }

    .row-bc01 .m-about .txt p:after {
        display: none
    }

    .row-bc01 .m-about .txt p {
        font-size: 12px
    }

    .row-b4 .ul-pic li,
    .row-b5 .ul-info li {
        margin-bottom: 40px
    }

}

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

    .row-bc01 .m-about .slick-next,
    .row-bc01 .m-about .slick-prev {
        width: 33.33px;
        height: 33.33px
    }

    .row-b3 .slick05 a,
    .row-b3 .slick05 p {
        font-size: 11px
    }

    .row-b3 .slick05 h3 {
        font-size: 18px
    }

    .row-b4 .ul-pic li {
        width: 50%
    }

    .row-b5 .ul-info li {
        width: 33.333%;
        margin-bottom: 20px
    }

    .row-b5 .ul-info li p {
        height: 72px
    }

    .row-b3 .slick05 a {
        bottom: -30px;
    }

    .cpxinput .m-sel p {
        display: none;
        float: none;
    }

    .cpxinput .m-sel select {
        width: 100%;
        float: none;
    }

}

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

    .row-bc1 .info .txt {
        font-size: 14px;
        line-height: 24px;
        padding: 0
    }

    .row-bc1 .info .pic {
        width: 100%;
        height: auto
    }

    .g-tit2 h3,
    .row-bc4 em,
    .row-bc4 span {
        font-size: 14px
    }

    .g-tit2 p {
        font-size: 10px
    }

    .row-bc4 .ul-info li .txt {
        padding: 0 15px
    }

    .row-bc4 .ul-info li .txt h3 {
        margin-bottom: 20px;
        font-size: 14px
    }

    .row-bc4 .ul-info li .txt p {
        font-size: 12px;
        margin-bottom: 16px
    }

    .row-bc2 .g-tit3 h3 {
        font-size: 14px
    }

    .row-bc2 .g-tit3 p {
        font-size: 12px
    }

    .row-bc1 h3 {
        font-size: 14px
    }

    .row-b3 .slickbtn {
        left: 65%;
        bottom: 300px;
    }

    .row-b2 .slick02 .slick-next,
    .row-b2 .slick02 .slick-prev {
        height: 4vw;
    }

    .row-b2 .slick02 .slick-next {
        right: 0px;
    }

    .row-b2 .slick02 .slick-prev {
        left: 0px;
    }

}

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

    .row-b5 .ul-info li {
        width: 50%;
        padding: 0 10px
    }

    .row-b5 .ul-info {
        margin: 0
    }

    .row-bc4 .ul-info li .pic,
    .row-bc4 .ul-info li .txt {
        float: none;
        width: auto
    }

    .row-bc4 .ul-info li:nth-child(2n) .pic {
        float: none;
        width: auto
    }

    .row-bc4 .ul-info li:nth-child(2n) .txt {
        float: none;
        width: auto
    }

    .row-bc4 .ul-info li:after {
        content: '';
        background-color: #fff;
        position: absolute;
        top: 55px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .row-bc4 .ul-info li:nth-child(2n):after {
        content: '';
        background-color: #fff;
        position: absolute;
        top: 55px;
        right: 0;
        left: inherit;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .row-bc4 .ul-info li {
        padding: 0
    }

    .row-bc2 .g-tit3 h3 {
        margin-bottom: 24px
    }

    .row-bc2 .g-tit3 {
        margin-bottom: 30px
    }

    .row-bc2 .ul-picx li {
        margin-bottom: 20px
    }

    .row-bc2 .ul-picx {
        margin-bottom: 0
    }

    .m-news1 .ul-news1 li .news {
        padding: 15px
    }

    .row-bc6 p {
        overflow: hidden
    }

    .row-bc6 .txt1 {
        width: auto !important;float: none !important;
        margin: 0 auto;
    }
    .row-bc6 table td,.row-bc6 table th{width: auto !important;}
    .row-bc6 table{max-width: 100% !important;}
    .row-bc6 .txt2 {
        width: 100%;
        margin: 0 auto
    }

    .row-bc6 .txt1 h1 {
        font-size: 3vw
    }

    .cpxinput .wp {
        width: auto;
    }

}

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

    .row-b2 .item .con h3 {
        font-size: 1.05vw
    }

    .row-b2 .slick03 .item {
        padding: 0
    }

    .row-b3 .slick04 {
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .row-b4 .ul-pic li,
    .row-b5 .ul-info li {
        width: auto;
        float: none
    }

    .row-b5 .ul-info li p {
        height: auto
    }

    .m-fbox {
        padding: 15px
    }

    .row-bc1 .info {
        padding-top: 20px
    }

    .row-bc1 h3 {
        padding-bottom: 20px
    }

    .row-bc1 .info p {
        margin-bottom: 20px
    }

    /* .row-bc2 .g-page .num,.row-bc2 .g-page .prev{display:none} */

    .row-bc2 .g-page li {
        display: none;
    }

    .row-bc2 .g-page .on {
        display: inline-block
    }

    .row-bc2 .g-page .prev:first-child {
        display: inline-block
    }

    .row-bc2 .g-page .next:last-child {
        display: inline-block
    }

    .row-b5 .ul-info li .txt {
        padding-left: 20px;
        background-position: left 5px
    }

    .row-b5 .ul-info li,
    .row-b5 .ul-info li h3 {
        margin-bottom: 10px
    }

    .g-tit2,
    .row-b4 .ul-pic .pic {
        margin-bottom: 25px
    }

    .row-b3 .slick05 p {
        padding-top: 25px;
        margin-bottom: 50px
    }

    .g-tit2 h3 {
        font-size: 1.15vw !important
    }

    .row-cb h3 {
        font-size: 18px !important
    }

    .row-cb p {
        font-size: 14px !important
    }

    .row-b5 .ul-info li {
        padding: 0
    }

    .row-b4 .ul-pic .pic-white {
        width: 60px;
        height: 60px;
        bottom: 200px;
        left: 45%
    }

    .row-b4 .ul-pic .pic-white .pic-blue {
        width: 40px;
        height: 40px;
        margin-top: 10px
    }

    .row-b4 .ul-pic .pic-white img {
        width: 20px;
        height: 20px;
        margin: 10px 0
    }

    .row-b3 .slick05 {
        width: 100%;
        float: none;
        padding: 0
    }

    .row-well {
        padding: 15px 0
    }

    .row-b3 .slick05 h3,
    .row-b4 .ul-pic li {
        margin-bottom: 20px
    }

    .row-b0fixed {
        display: none
    }

    .row-b2 .slick02 .slick-next,
    .row-b2 .slick02 .slick-prev {
        height: 6vw;
    }

}

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

    .row-b2 .slick02 .slick-next,
    .row-b2 .slick02 .slick-prev {
        height: 8vw;
    }

    .row-b3 .slickbtn {
        bottom: :;
    ;
    }

    .row-bc01 .m-about .slick-next,
    .row-bc01 .m-about .slick-prev {
        top: 30%
    }

    .row-bc6 .txt1 h1 {
        font-size: 14px
    }

    .row-bc6 .btn a {
        padding: 9.5px
    }

    .row-bc6 .btn .btn1 .back {
        padding: 9.5px;
        background-image: none
    }

    .row-bc6 .btn .btn1 .back:hover {
        background-image: none
    }

    .row-bc6 .share a {
        margin-left: 0
    }

    .row-bc01 .m-about .txt p {
        line-height: 1.5
    }

}

.row-aqz {
    padding-top: 90px;
    /* margin-bottom: 20px; */
    /* 	background-color: #f5f5f5; */
    /* padding-bottom: 4.8vw */
    position: relative;
    z-index: 1;
}

.row-aqz .wp {
    width: auto;
}

.phone {
    overflow: hidden
}

.phone .ul-about {
    float: left;
    width: 64.5%;
    /* padding: 37px 0; */
    display: flex;
}

.phone .ul-about li {
    flex: 0.2 1 auto;
}

.phone .ul-about .con {
    display: block;
    overflow: hidden
}

.phone .ul-about .txt {
    float: left
}

.phone .ul-about .txt h4 {
    font-weight: normal;
}

.phone .ul-about .txt p {
    font-weight: bold;
}

.phone .ul-about .tit {
    font-size: 14px;
    color: #343434;
    padding-right: 30px;
    margin-bottom: 10px;
    position: relative
}

.phone .ul-about .tit::after {
    content: "";
    position: absolute;
    top: 65px;
    left: 0;
    width: 29px;
    height: 1px;
    background-color: #000
}

.phone .ul-about .txt p {
    font-size: 16px;
    color: #000
}

.phone .ul-about .pic {
    float: left;
    margin-right: 2vw;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    text-align: center;
    transition: all .5s
}

.phone .ul-about .pic img {
    clear: both;
    vertical-align: middle;
    margin-top: -5px
}

.phone .ul-about .hover0 .pic {
    background: url(../images/phone1.png) center center no-repeat
}

.phone .ul-about .hover0:hover .pic {
    background: url(../images/phone.png) center center no-repeat
}

.phone .ul-about .hover1 .pic {
    background: url(../images/ie.png) center center no-repeat
}

.phone .ul-about .hover1:hover .pic {
    background: url(../images/ie2.png) center center no-repeat
}

.phone .ul-about .hover2 .pic {
    background: url(../images/email.png) center center no-repeat
}

.phone .ul-about .hover2:hover .pic {
    background: url(../images/email2.png) center center no-repeat
}

.phone .ul-about .hover1:hover .pic,
.phone .ul-about .hover2:hover .pic {
    background-color: #1e3190;
    border: none
}

.phone .qr .pic:nth-child(1) img {
    filter: hue-rotate(185deg)
}

.phone .qr {
    float: right;
    width: auto;
    overflow: hidden;
    margin-right: 4vw
}

.phone .qr .pic {
    float: left;
    width: 8vw;
    height: auto
}

.phone .qr .pic:nth-child(1) {
    margin-right: 2vw
}

.phone .qr p {
    text-align: right;
    font-size: 14px;
    width: 110px;
    padding-left: 21px
}

.phone .qr p span {
    position: relative
}

.phone .qr p span::after {
    content: url(../images/wb1.png);
    position: absolute;
    top: 0;
    left: -26px;
    width: 10px;
    height: 10px
}

.phone .qr .wx span::after {
    content: url(../images/wx1.png)
}

#StateTip,
.stateTip {
    display: none;
    position: absolute;
    padding: 8px;
    background: #fff;
    border: 2px solid #2385b1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-family: Tahoma;
    color: #333;
    text-align: center
}

.itemCon {
    position: relative;
    overflow: hidden
}

.itemCon svg {
    display: block;
    margin: 0 auto;
    width: 70% !important;
    height: auto;
    fill: rgb(230, 232, 234, 1) !important
}

.itemCon span {
    text-align: center;
    padding-top: 1.3vw;
    position: relative;
    cursor: pointer
}

.itemCon .beijing {
    top: 13.5vw;
    right: 21.5vw;
    display: inline
}

.itemCon .beijing em {
    position: absolute;
    top: .8vw;
    left: 1.1vw;
    width: 20.5vw;
    height: 1px;
    background-color: #e60012
}

.itemCon .shanxi {
    top: 19.3vw;
    right: 28vw
}

.itemCon .shanxi em {
    position: absolute;
    top: .8vw;
    left: 1.1vw;
    width: 25.3vw;
    height: 1px;
    background-color: #e60012
}

.itemCon .sichuan {
    top: 23vw;
    right: 32.7vw
}

.itemCon .sichuan em {
    position: absolute;
    top: .8vw;
    left: 1vw;
    width: 28.4vw;
    height: 1px;
    background-color: #e60012
}

.itemCon .shanghai {
    top: 20.2vw;
    right: 22.1vw
}

.itemCon .shanghai em {
    position: absolute;
    top: .8vw;
    left: 1.1vw;
    width: 16.1vw;
    height: 1px;
    background-color: #e60012
}

.itemCon .hongkong {
    top: 28.8vw;
    right: 28.2vw
}

.itemCon .hongkong em {
    position: absolute;
    top: .8vw;
    left: 1.1vw;
    width: 20.5vw;
    height: 1px;
    background-color: #e60012
}

.m-tit {
    text-align: center;
    font-size: 2.08vw;
    font-weight: 500;
    color: #333;
    margin-bottom: 70px
}

.wrap {
    max-width: 1600px;
    max-width: 1900px;
    width:1300px;
    margin: 0 auto
}

.wp {
    margin: 0 auto;
    max-width: 1300px;
    box-sizing: border-box;
    width: 90%;
    margin-top: 50px;

}

/* .row-c2 .wp{width: auto;} */

.itemCon .ChinaMap {
    float: left;
    width: 73% !important;
    height: 38vw !important;
    background: url(../images/map1.png) 82% bottom no-repeat;
    background-size: 23% 25%
}

.map-con dl.on dd {
    display: block
}

.map-con dl dd {
    display: none
}

.itemCon .inner {
    width: 1480px;
    margin: 0 auto
}

.itemCon .con-l {
    float: left;
    padding: 86px 0 0
}

.itemCon .con-r {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
    background: #fff
}

.itemCon .con-l .txt {
    font-size: 16px;
    color: #999;
    line-height: 26px;
    margin-bottom: 28px
}

.itemCon .con-l .txt h3 {
    font-size: 1.56vw;
    color: #eb4200;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 5px
}

.itemCon .map-china {
    width: 647px;
    height: 527px;
    position: relative;
    float: left;
    left: 150px;
    top: 150px;
}

.itemCon .map-china .img-bg {
    display: block;
    width: 100%;
    height: 100%
}

.ul-list9 li {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    position: absolute
}

.ul-list9 li span {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.ul-list9 li span i {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 18px;
    background: url(../images/icon040.png) center center no-repeat;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    margin-right: 3px
}

.ul-list9 li span:hover i,
.ul-list9 li.on span i {
    background-image: url(../images/icon040-1.png)
}

.ul-list9 li img {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter: alpha(Opacity=0);
    position: relative;
    z-index: 1;
    max-width: none
}

.ul-list9 li span:hover+img,
.ul-list9 li.on span+img {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter: alpha(Opacity=100)
}

.itemCon .map-info {
    box-sizing: border-box;
    float: right;
    text-align: left;
    color: #333;
    background-color: #f2f4f7;
    width: 45%;
    position: relative;
}

.itemCon .map-info .txt {
    position: absolute;
    top: 200px;
    left: 100px;
    padding-right: 80px;
    color: #ffffff;
}

.itemCon .map-info .name1 {
    position: absolute;
    width: 145px;
    height: 85px;
    top: 23px;
    left: -30px;
    overflow: hidden;
}

.itemCon .map-info .name {
    float: left;
    color: #FFFFFF;
    background-color: #1e3190;
    width: 30px;
    height: 85px;
    padding: 14px 0;
    text-align: center;
}

.itemCon .map-info .name2 {
    height: 100%;
    background-color: #FFFFFF;
    text-align: center;
    padding: 8px 0;
}

.itemCon .map-info .name2 p {
    font-size: 28px;
    color: #4a5899;
}

.itemCon .map-info .name2 .n1 {
    font-size: 18px;
    color: #333333;
}

.itemCon .map-info .tit {
    margin-bottom: 1vw
}

.itemCon .map-info .tit a {
    font-size: 1.5vw;
    font-weight: 500;
    color: #ffffff
}

.itemCon .map-info .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.itemCon .map-info .pic img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.itemCon .map-info:hover .pic img {
    transform: scale(1.05)
}

.itemCon .map-info p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7
}

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

.itemCon .map-info p a {
    color: #fff;
}

@media only screen and (max-width:1500px) {
    .itemCon .map-info {
        width: 39%;
    }

    .itemCon .map-china {
        top: 0;
    }

}

@media only screen and (max-width:1440px) {
    .itemCon .map-china {
        margin-left: 9vw;
        left: 0;
    }

    .itemCon .map-info {
        width: 40%;

    }

    .nav li .pro-box .item {
        padding-left: 10px
    }
}

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

    .itemCon .map-info .name1 {
        top: 0;
        left: 0;
    }

    .itemCon .map-china {
        display: none
    }

    .map-con dd {
        display: block !important;
        margin-bottom: 10px
    }

    .itemCon .map-info {
        float: left;
        width: 50%;
        margin-bottom: 10px;
        height: 400px;
        margin: 0;
    }

    .itemCon .map-info .txt {
        top: 25%;
        left: 25%;
        padding: 10px;
    }

    .phone .ul-about {
        float: none;
        width: 100%
    }

    .phone .qr {
        float: none;
        width: auto;
        display: flex
    }

    .phone .qr .pic {
        flex: 1 1 auto
    }

    .phone .qr .pic img {
        display: block;
        margin: 0 auto 15px;
    }

    .row-aqz {
        padding-top: 0;
    }

    .phone .qr .pic p {
        width: 100%;
        text-align: center;
        padding-left: 2vw;
        background-position: 35% center
    }

    .itemCon .map-info .name {
        left: 0;
    }

}

@media only screen and (max-width:1280px) {
    .wp {
        width: auto;
    }
}

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

    .phone .ul-about {
        display: block
    }

    .phone .ul-about li {
        margin-bottom: 20px;
        width: 50%;
        float: left;
    }

    .phone .ul-about {
        width: auto !important;
        margin: 0 !important;
    }

    .phone .qr .pic p {
        background-position: 28% center
    }

    .m-tit {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .itemCon span {
        position: static
    }

    .itemCon span em {
        display: none !important
    }

    .itemCon .ChinaMap {
        float: none;
        width: 100% !important;
        height: auto !important
    }

    .map-con {
        overflow: hidden
    }

    .map .address {
        overflow: hidden;
        width: 100%;
        padding: 30px 0;
        display: flex
    }

    .map .address span {
        flex: 1 1 auto;
        padding: 2.2vw;
        text-align: center;
        border: 1px solid #ccc;
        background-position: 17% center;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s
    }

    .map .address span:hover {
        background-color: #1e3190;
        color: #fff
    }



    .itemCon .map-info {
        width: 100%;
        text-align: left;
        padding: 0;
        height: auto;
    }

    .itemCon .map-info .tit a {
        font-size: 14px
    }

    .itemCon .map-info p {
        font-size: 12px
    }

    .itemCon .map-info .pic {
        width: 100%
    }

}

@media only screen and (max-width:648px) {
    .phone .ul-about .pic {
        float: none;
    }

    .phone .ul-about .txt {
        float: none;
    }

    .row-b2 .slick02 {
        padding: 0;
    }

    /* .itemCon .map-info .name1 {
		display: none;
	} */
}

@media only screen and (max-width:468px) {
    .itemCon .map-info .txt {
        /* top: 0; */
    }

    .itemCon .map-info .name2 .n1 {
        display: none;
    }

    .itemCon .map-info .name1 {
        width: 100px;
        height: 65px;
    }

    .itemCon .map-info .name2 p {
        font-size: 20px;
        line-height: 65px;
    }

    .itemCon .map-info .name2 {
        padding: 0;
    }

    .phone .ul-about .txt p {
        font-size: 11.5px;
    }
}


@media only screen and (max-width:375) {

    .map .address span {
        background-position: left center;
        background-size: 50%
    }

}

.ul-video li .pic {
    padding-top: 64.3%
}

.ul-video li .title {
    /* line-height: 1; */
    line-height: 1.5;
    border-left: 2px solid #000;
    font-size: 18px;
    padding: 0 12px;
    /*鐢熸垚鍧楀尯闂�*/
    overflow: hidden;
    /*瓒呭嚭鏄剧ず鐪佺暐鍙�*/
    text-overflow: ellipsis;
    /*妗嗕綋*/
    display: -webkit-box;
    /* 闄愬埗琛屾暟 */
    -webkit-line-clamp:2 ;
    -webkit-box-orient: vertical;
    height: 3em;
}

.ul-video li .pic::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: url(../images/pic-i1.png) center center no-repeat
}

.ul-video li .con {
    position: relative
}

.ul-video li .con::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #293b95
}

.ul-video li .txt {
    padding: 40px
}

.ul-video li .desc {
    font-size: 15px;
    color: #666;
    height: 81px
}

.ul-video li:hover .con::after {
    width: 100%
}

.ul-listl1 li {
    margin-bottom: 30px
}

.ul-listl1 .con {
    display: block;
    overflow: hidden;
    padding: 48px 100px 34px 42px;
    background-color: #fff;
    position: relative
}

.ul-listl1 li .con::after {
    content: ' ';
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #293b95
}

.ul-listl1 .date {
    float: left;
    text-align: center;
    border-right: 1px solid #d1d1d1;
    padding-right: 20px;
    line-height: 2.5;
}

.ul-listl1 .date .day {
    display: block;
    font-size: 1.97vw;
    font-weight: 700
}

.ul-listl1 .date .year {
    font-size: 14px;
    color: #919191;
}

.ul-listl1 .info {
    overflow: hidden;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    height: 73px;
}

.ul-listl1 .info .tit {
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ul-listl1 .info p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px
}

.ul-listl1 .more {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 30%;
    right: 20px;
    background-color: #fff;
    -ms-background-position: center center;
    background-position: center center;
    background-repeat: no-repeat;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    background-image: url(../images/pic-n14.png)
}

.ul-listl1 .con:hover {
    -webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 10px 16px rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 10px 16px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 10px 16px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 16px rgba(0, 0, 0, .05)
}

.ul-listl1 .con:hover .date {
    color: #000
}

.ul-listl1 .con:hover .more {
    color: #6673b4;
    background-image: url(../images/pic-x1.png)
}

.ul-listl1 li:hover .con:after {
    width: 100%
}

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

    .ul-listl1 .date .day {
        font-size: 2.1vw
    }

}

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

    .ul-listl1 .date .year {
        font-size: 16px
    }

    .ul-listl1 .info .tit {
        font-size: 16px;
        margin-bottom: 10px
    }

    .ul-listl1 .info {
        font-size: 14px;
        padding-left: 30px
    }

    .ul-listl1 .more {
        width: 45px;
        height: 45px
    }

    .ul-listl1 .con {
        padding: 20px 100px 20px 40px
    }

    .ul-listl1 .more {
        top: 26%;
    }

    .m-sel select {
        padding: 13px 0 13px 20px;
    }

    .cpxinput {
        overflow: hidden;
        padding-top: 40px;
    }

    /* 	.m-fbox {
		padding: 40px 80px;
	} */

    .row-bc4 .ul-info li {
        padding: 30px 0;
    }

    .phone .qr {
        margin-right: 5vw;
    }

    .phone .ul-about {
        width: 60%;
        margin-left: 9vw;
        overflow: hidden;
    }

    .phone .qr .pic:nth-child(1) {
        margin-right: 1vw;
    }

    .nav .v1 {
        font-size: 16px;
    }



}

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

    .ul-listl1 .date .day {
        font-size: 1.15vw
    }

    .m-listl1 {
        margin: 20px 0
    }

    .ul-listl1 li {
        margin-bottom: 20px
    }

}

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

    .ul-listl1 .con {
        padding: 20px 80px 20px 30px
    }

    .ul-listl1 .more {
        width: 30px;
        height: 30px;
        right: 30px;
        -webkit-background-size: auto 15px;
        -moz-background-size: auto 15px;
        -ms-background-size: auto 15px;
        -o-background-size: auto 15px;
        background-size: auto 15px;
        top: 20px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .ul-listl1 .date .year {
        font-size: 14px
    }

    .ul-listl1 .date .day {
        font-size: 1.04vw
    }

    .ul-listl1 .info .tit,
    .ul-listl1 .info p {
        /* white-space: normal */
    }

    .m-fbox {
        padding: 15px !important;
    }

    .row-bc4 .ul-info li {
        padding: 15px 0;
        margin-bottom: 15px;
    }

    .cpxinput {
        padding-top: 15px;
    }

}

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

    .ul-listl1 .con {
        padding: 15px 70px 15px 15px
    }

    .ul-listl1 .date {
        float: none;
        text-align: left;
        margin-bottom: 5px;
        border: none;
    }

    .ul-listl1 .date .day {
        display: inline-block;
        font-size: 16px;
        margin-right: 10px
    }

    .ul-listl1 .info {
        padding-left: 0
    }

    .ul-listl1 .more {
        right: 15px;
        transform: translateY(150%);
    }



    .m-listl1 {
        margin-bottom: 0
    }

}

.g-box1:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    width: 100%;
    height: 0
}

.snv {
    overflow: hidden;
    background-color: #fff
}

.snv .tit {
    background-color: #1e3190;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 25px 43px 27px;
    margin-bottom: 5px;
    overflow: hidden
}

.snv .tit h3 {
    font-size: 1.56vw;
    color: #fff;
    line-height: 1.82em;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.snv .tit h3:after {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0
}

.snv ul {
    overflow: hidden
}

.snv li {
    color: #e7eaf2;
    margin-bottom: 5px;
    overflow: hidden
}

.snv li .v1 {
    display: block;
    font-size: 16px;
    color: #1e1e1e;
    line-height: 50px;
    padding: 0 55px 0 32px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.snv li .v1:after {
    content: '';
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: transparent
}

.snv li .v1 i {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 11.8%;
    margin-top: -10px;
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(Opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
}

.snv li.on .v1 i,
.snv li:hover .v1 i {
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}

.snv dl {
    display: none;
    padding: 0 10px 10px 32px;
    overflow: hidden
}

.snv dd {
    margin-bottom: 5px
}

.snv dd a {
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 1.7em;
    padding-left: 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.snv dd a:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #cecece;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px
}

.snv li.on,
.snv li:hover {
    background-color: #e7eaf2
}

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

    .snv2 {
        width: 280px
    }

    .g-box2 .col-content {
        margin-left: 320px
    }

    .snv .tit h3 {
        font-size: 18px
    }

    .snv2 li .v1 {
        font-size: 17px
    }

}

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

    .snv {
        margin-bottom: 30px
    }

    .snv2 {
        float: none;
        width: auto;
        border-left: none;
        padding-bottom: 0;
        margin-bottom: 30px
    }

    .snv2 li .v1 {
        line-height: 50px
    }

}

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

    .snv2 li .v1 {
        padding: 0 40px 0 20px;
        font-size: 14px;
        line-height: 40px
    }

    .snv2 li .v1:after {
        display: none
    }

}

.box-well {
    background-color: #fff;
    padding: 50px
}

.ul-txt1-qm {
    overflow: hidden;
    margin-bottom: 49px;
    background-color: #fff
}

.ul-txt1-qm li {
    border-bottom: 1px solid #d6d6d6;
    overflow: hidden
}

.ul-txt1-qm li a {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden
}

.ul-txt1-qm .data1 {
    line-height: 30px;
    float: left;
    display: block;
    width: 88px;
    font-size: 2.08vw;
    font-family: Arial;
    text-align: center;
    margin-right: 48px;
    font-weight: 700
}

.ul-txt1-qm .data1 em {
    display: block;
    font-size: 16px
}

.ul-txt1-qm .data2 {
    display: none;
    font-size: 14px;
    line-height: 18px;
    color: #606060;
    margin-bottom: 10px
}

.ul-txt1-qm .con {
    overflow: hidden
}

.ul-txt1-qm .con i {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url(../images/pic-b1.png) center center no-repeat #ccc;
    margin-top: 7px;
    transition: .3s
}

.ul-txt1-qm .txt {
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    /* padding-top: 18px */
}

.ul-txt1-qm .txt h3 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ul-txt1-qm .txt p {
    height: 44px;
    overflow: hidden
}

.ul-txt1-qm a:hover .con i {
    background-image: url(../images/pic-b2.png);
    background-color: #00f
}

.ul-txt1-qm a:hover h3 {
    color: #1e3190
}

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

    .ul-txt1-qm {
        margin-bottom: 20px
    }

    .ul-txt1-qm .data1 {
        margin-right: 20px;
        font-size: 16px;
    }

}

.pages {
    text-align: center
}

.pages ul {
    display: inline-block
}

.pages ul li {
    float: left;
    margin: 0 6px
}

.pages ul li a,
.pages ul li span {
    display: block;
    text-align: center;
    height: 42px;
    width: 42px;
    line-height: 40px;
    font-size: 16px;
    color: #2f2e2e;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background-color: #fff
}

.pages ul li.on a,
.pages ul li:hover a {
    background-color: #1e3190;
    color: #fff
}

.pages ul li.next a,
.pages ul li.prev a {
    width: 105px
}

.pages ul li span {
    font-weight: 700;
    font-family: Arial;
    color: #000
}

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

    .pages {
        margin-bottom: 30px
    }

    .row-c2 .mores::before {
        top: -120px;
    }

    .box-well {
        padding: 35px;
    }

    .ul-txt1-qm {
        margin-bottom: 20px;
    }

    .ul-txt1-qm li a {
        padding: 12px 0;
    }

    .pages ul li.next a,
    .pages ul li.prev a {
        width: 70px;
    }

    .pages ul li:first-child {
        margin: 0;
    }

    .pages ul li:last-child {
        margin: 0;
    }

}

@media only screen and (max-width:1200px) {
    .footer-nav .item h3 {
        font-size: 14px;
    }

    .pages ul li {
        margin: 0 3px;
    }
}

@media only screen and (max-width:767px) {
    .ul-txt1-qm .con i {
        display: none
    }

    .pages ul li {
        margin: 0;
    }

    .pages ul li.next a,
    .pages ul li.prev a {
        width: 50px !important;
    }

    .ul-txt1-qm .txt h3 {
        font-size: 16px;
        line-height: 18px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .ul-txt1-qm .txt p {
        height: auto
    }

    .box-well {
        padding: 15px
    }

    .pages ul li {
        display: none
    }


    /* .pages ul li:nth-last-child(3){
		display: inline-block;
	} */

    .pages ul li.next a,
    .pages ul li.prev a {
        width: 76px
    }

    .pages ul li.next,
    .pages ul li.on,
    .pages ul li.prev {
        display: inline-block
    }

    .row-b1 h3 {
        font-size: 1.15vw !important;
        padding-bottom: 20px !important
    }

    .row-b1 .info {
        padding-top: 20px !important
    }

    .row-b1 .info .txt .txt20 {
        margin-top: 25px !important
    }

    .row-b1 .info .txt1 h5 {
        font-size: 18px !important;
        margin: 20px 0 !important
    }

}

.row-b1 h3 {
    font-size: 1.88vw;
    font-weight: 400;
    padding-bottom: 25px;
    position: relative
}

.row-b1 h3:after {
    content: '';
    position: absolute;
    background-color: #1e3190;
    width: 45px;
    height: 2px;
    bottom: 0;
    left: 0
}

.row-b1 .info {
    padding-top: 32px
}

.row-b1 .info .txt {
    font-size: 16px;
    line-height: 24px;
    /* padding-right: 35px; */
    border-bottom: 1px solid #d6d6d6;
    color: #404040;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    z-index: 9;
}

.row-b1 .info .txt h4 {
    margin-bottom: 10px
}

.row-b1 .info .txt .txt20 {
    margin-top: 45px
}

.row-b1 .info .txt1 h5 {
    font-size: 1.88vw;
    color: #333;
    margin: 35px 0;
    font-weight: 400
}

.m-fbox-qz {
    position: relative
}

.row-b1 .info .pic {
    float: right;
    position: absolute;
    top: 8.5%;
    right: 4%
}

.row-b1 .info p {
    margin-bottom: 12px
}

.row-well-question {
    padding: 14px 0 0
}

.ul-faq {
    padding: 42px 0
}

.ul-faq li {
    padding: 0 60px;
    background-color: #fff;
    margin-bottom: 16px;
    position: relative
}

.ul-faq .ul-faqitem li:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 3%;
    width: 1px;
    height: 217px;
    background-color: #e8eaf4;
    z-index: 3
}

.ul-faq .ul-faqitem li:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 7%;
    width: 1px;
    height: 217px;
    background-color: #e8eaf4;
    z-index: 3
}

.ul-faq li a {
    font-size: 16px;
    display: block;
    padding-left: 24%;
    position: relative
}

.ul-faq li a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 18.5%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333
}

.ul-faq .top {
    overflow: hidden;
    padding: 36px 0;
    color: #3d3d3d;
    font-size: 0;
    background-image: url(../images/open1.png);
    background-repeat: no-repeat;
    background-position: 99.9% center;
    cursor: pointer
}

.ul-faq li.on .top {
    background-image: url(../images/clso1.png)
}

.ul-faq .top .tit {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25vw;
    margin-right: 35px;
    padding: 0 20px;
    border-left: 2px solid #333;
    line-height: 1
}

.ul-faq .top .num {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.ul-faq .box {
    display: none;
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding: 55px 0 65px
}

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

    .ul-faq {
        padding: 2.1875vw 0
    }

    .ul-faq li {
        padding: 0 3.125vw 0 3.45vw;
        margin-bottom: 1.65vw
    }

    .ul-faq .top {
        padding: 1.875vw 0
    }

    .ul-faq .top .tit {
        font-size: 1.25vw
    }

    .ul-faq .top .num {
        font-size: .83vw
    }

}

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

    .ul-faq1 li {
        width: 50%
    }

    .nav li .pro-box .item h3:after {
        top: 15%;
        width: 3px;
        height: 70%;

    }

    .row-bc2 .ul-picx {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row-bc2 .ul-picx li {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row-bc2 .g-tit3 {
        margin-bottom: 40px;
    }



}

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

    .pages {
        margin: 10px 0 30px
    }

    .pages ul li a,
    .pages ul li span {
        width: 36px;
        height: 36px;
        line-height: 34px;
        font-size: 14px
    }

    .ul-faq .top {
        padding: 25px 0
    }

    .ul-faq .top .tit {
        font-size: 16px;
        margin-right: 20px
    }

    .ul-faq .top .num,
    .ul-faq .txt .item .desc {
        font-size: 12px
    }

    .ul-faq .txt .item h4 {
        font-size: 14px;
        margin-bottom: 8px
    }

    .g-btnx1 {
        width: 140px;
        height: 46px;
        line-height: 46px;
        font-size: 14px
    }

    .ul-news .txt .tit {
        font-size: 16px;
    }

    .ul-info1 li .info .tit {
        top: 0;
        height: 36%;
        margin: 18% 0;
    }

}

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

    .ul-faq {
        padding: 20px 0
    }

}

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

    .ul-faq1 li {
        width: 100%;
        height: 180px
    }

    .ul-faq1 li p {
        font-size: 14px
    }

    .ul-faq1 li .txt p {
        font-size: 10px
    }

    .g-btnx1 {
        width: 118px;
        height: 38px;
        line-height: 38px;
        font-size: 12px
    }

    .ul-faq .l1::after {
        opacity: 0
    }

    .ul-video li .txt {
        padding: 15px
    }

    .pages ul li:nth-child(4) {
        display: block;
    }

}

.body-hs {
    padding-top: 110px
}

.bgf2 {
    overflow: hidden;
    background-color: #f2f4f7;
}

.cpx-bgf2 {
    background: url(../images/dibuback.png) center center no-repeat;
    background-size: 100% 100%;
    padding-top: 100px;
    position: relative;
    margin-top: -105px;
    z-index: 0;
    background-color: initial;
}

.g-tith1 {
    font-size: 1.15vw;
    color: #000;
    line-height: 108px
}

.g-tith1 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 18px 0 11px
}

.cur {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 45px
}

.cur,
.cur a {
    font-size: 14px;
    color: #000;
    /* line-height: 45px */
    display: inline-block;
}

.cur a:hover {
    color: #1e3190
}

.ul-listh1 {
    margin-bottom: 40px;
    background-color: #fff
}

.m-table1 .top {
    background-color: #1e3190;
    text-align: center;
    color: #fff;
    font-size: 1.04vw;
    line-height: 58px;
    overflow: hidden
}

.m-table1 .t1 {
    width: 54%;
    float: left;
    overflow: hidden;
    padding-left: 10%
}

.m-table1 .t2 {
    width: 29%;
    float: left
}

.m-table1 .t3 {
    overflow: hidden
}

.ul-listh1 li {
    overflow: hidden;
    line-height: 110px;
    border-bottom: 2px solid #f2f4f7;
    position: relative
}

.ul-listh1 li::after {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 2px;
    background-color: #1e3190;
    transition: all .3s
}

.ul-listh1 li:hover::after {
    width: 100%
}

.ul-listh1 li .box {
    text-align: center;
    overflow: hidden;
    padding: 42px 0
}

.m-table1 .t1 .pic {
    float: left;
    margin-right: 1.93vw;
    width: 283px;
    height: 115px;
}

.m-table1 .t1 .pic img {
    display: inline-block;
    vertical-align: middle;
    min-height: 100%;
    max-height: 100%;
    width: auto;
}

.m-table1 .t1 .tit {
    overflow: hidden;
    text-align: left;
    line-height: 30px;
    padding-top: 2vw
}

.ul-listh1 li .nub {
    display: inline-block;
    margin-right: 2.5vw
}

.ul-listh1 .t3 a {
    font-size: 18px;
    color: #000
}

.plussub {
    width: 170px;
    height: 40px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.plussub span {
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 30px;
    cursor: pointer
}

.plussub .sub {
    border-right: 1px solid #ccc;
    background: url(../images/iconh2.png) center center no-repeat
}

.plussub .plus {
    border-left: 1px solid #ccc;
    background: url(../images/iconh3.png) center center no-repeat
}

.plussub .yzquantity1 {
    border: none;
    height: 38px;
    width: 85px;
    text-align: center;
    float: left;
    line-height: 38px;
    font-size: 1.15vw;
    color: #000
}

.ul-listh1 li:hover .plussub .plus {
    background-image: url(../images/iconh4.png)
}

.ul-listh1 li:hover a {
    color: #e60012
}

.g-moreh1 {
    overflow: hidden
}

.g-moreh1 a {
    display: block;
    float: right;
    width: 169px;
    height: 68px;
    background: #1e3190;
    font-size: 18px;
    line-height: 68px;
    color: #fff;
    margin-bottom: 40px;
    text-align: center
}

.g-moreh1 a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px
}

.ul-form1 {
    overflow: hidden;
    margin-bottom: 37px
}

.ul-form1 li {
    margin-bottom: 20px;
    overflow: hidden
}

.ul-form1 .item {
    overflow: hidden;
    background-color: #fff;
    width: 49%;
    float: left;
    margin-right: 2%;
    height: 68px;
    line-height: 68px
}

.ul-form1 .item.sty1 {
    float: none;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 1.35vw 44px 1.35vw 0
}

.ul-form1 li .item:last-child {
    margin-right: 0
}

.ul-form1 li .name {
    float: left;
    padding-left: 44px;
    color: rgba(51, 51, 51, .8);
    font-size: 18px;
    /* margin-right: 22px; */
    font-family: "寰蒋闆呴粦";
}

.ul-form1 li .name span {
    color: #e20000;
    margin-right: 2px;
    font-size: 14px
}

.ul-form1 li .inp-box {
    overflow: hidden;
    padding-right: 10px;
}

.ul-form1 li .inp {
    display: block;
    width: 100%;
    height: 68px;
    overflow: hidden;
    padding-right: 10px;
    font-size: 18px
}

.ul-form1 li .sel {
    background: url(../images/iconh6.png) right center no-repeat
}

.ul-form1 li .sel option {
    font-family: "寰蒋闆呴粦";
}

.ul-form1 .textarea {
    display: block;
    background-color: #fff;
    width: 100%;
    height: 220px;
    resize: none;
    line-height: 1.72;
    /* padding: 1.35vw 44px */
}

.ul-form1 .textarea::placeholder {
    color: rgba(51, 51, 51, .8);
    font-size: 18px
}

.ul-form1 .yzm .item {
    background: 0 0
}

.ul-form1 .yzm .item .yz {
    float: right;
    margin-left: 9px;
    font-size: 16px;
    color: #999
}

.ul-form1 .yzm .item img {
    display: inline-block;
    vertical-align: middle;
    height: 64px
}

.ul-form1 .yzm .item .bgf {
    background-color: #fff;
    overflow: hidden
}

.ul-form1 .sub input {
    display: block;
    width: 23%;
    height: 45px;
    font-size: 18px;
    color: #fff;
    background: #1e3190;
    cursor: pointer
}

.ul-form1 .sub-qz input {
    display: block;
    width: 10.6%;
    height: 38px;
    font-size: 18px;
    color: #fff;
    background: #1e3190;
    cursor: pointer
}

.bgf2 .snv .tit {
    padding-left: 51px
}

.g-zd {
    background-color: #fff
}

.g-zd dl {
    margin: 0;
}

.g-zd dl dt {
    display: block;
    line-height: 2.6vw;
    padding: 0 2.6vw;
    font-size: 1.04vw;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    background: url(../images/iconh8.png) 85% center no-repeat;
}

.g-zd dl dd {
    display: none
}

.g-zd dl dd a {
    display: block;
    font-size: .83vw;
    color: #000;
    line-height: 2.6vw;
    padding: 0 2.6vw
}

.g-zd dl dd a.on {
    color: #1e3190;
}

.g-zd dl.on dt {
    background-color: #1e3190;
    background-image: url(../images/iconh9.png);
    color: #fff
}

.g-row.hs {
    margin-bottom: 46px
}

.g-zd dl dd a:hover {
    color: #1e3190
}

.g-zd dl dd a span {
    color: #6c6c6c;
    margin-left: 5px
}

.g-zd dl dd a:hover span {
    color: #6c6c6c
}

.ul-listh2 {
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 45px;
    padding: 0 2.5vw
}

.ul-listh2 li {
    padding: 34px 160px 34px 0;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    position: relative
}

.ul-listh2 li .pic {
    width: 195px;
    height: 122px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    font-size: 0;
}

.ul-listh2 li .pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.ul-listh2 li .link {
    overflow: hidden;
    width: 160px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ul-listh2 li .link a {
    display: block;
    height: 49px;
    background: #f2f4f7;
    border: 1px #fff;
    margin-bottom: 9px;
    text-align: center;
    line-height: 49px;
    font-size: 14px;
    color: #333
}

.ul-listh2 li .link .a2,
.ul-listh2 li .link a:hover {
    background-color: #1e3190;
    color: #fff
}

.ul-listh2 li .txt {
    overflow: hidden;
    padding-top: 12px;
    padding-right: 2.71vw
}

.ul-listh2 li .txt .tit {
    font-weight: 400;
    font-size: 1.25vw;
    color: #000;
    margin-bottom: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ul-listh2 li .txt .desc {
    font-size: 14px;
    color: #000;
    line-height: 1.71;
    /* height: 60px; */
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ul-listh2 li .txt .desc p {
    overflow: hidden;
}

.g-tith2 {
    text-align: center;
    overflow: hidden;
    font-size: 2.08vw;
    color: #333;
    margin-bottom: 2.4vw
}

.m-form1 {
    overflow: hidden;
    padding-top: 4.17vw
}

.row-h2 {
    overflow: hidden
}

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

    .ul-form1 .item,
    .ul-form1 li .inp {
        height: 45px;
        line-height: 45px;
        font-size: 14px
    }

    .m-table1 .t1 {
        padding-left: 1%
    }

    .ul-form1 li .name {
        padding-left: 10px;
        font-size: 14px
    }

    .ul-form1 .yzm .item img {
        height: 45px
    }

    .g-moreh1 a {
        height: 50px;
        line-height: 50px
    }

    .ul-form1 .item.sty1 {
        padding: 13px 30px 13px 0;
    }

    .ul-form1 .textarea {
        line-height: normal;
    }

}

@media only screen and (max-width:1440px) {
    .ul-form1 li .name {
        padding-left: 30px;
    }

    /* .ul-form1 .textarea {
		padding-left: 30px;
		padding-right: 30px;
	} */
    .ul-news li {
        padding: 25px 0;
    }



}

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

    .ul-form1 .sub input {
        height: 50px
    }

    .body-hs {
        padding-top: 50px
    }

    .g-tith2 {
        font-size: 16px
    }

    .g-zd dl dt {
        line-height: 40px;
        padding: 0 18px;
        font-size: 18px
    }

    .g-zd dl dd a {
        font-size: 16px;
        line-height: 40px;
        padding: 0 16px
    }

    .plussub .yzquantity1 {
        font-size: 14px;
    }

}

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

    .ul-listh1 li .box {
        width: 900px
    }

    .ul-listh1 li {
        overflow-x: scroll
    }

    .ul-form1 .yzm .item {
        width: auto
    }

    .g-tith1 {
        line-height: 60px;
        font-size: 20px
    }

    .g-tith1 img {
        margin: -6px 6px 0 0
    }

    .m-table1 {
        margin-top: 20px
    }

    .ul-listh2 li .txt .tit {
        font-size: 18px;
        margin-bottom: 15px
    }

}

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

    .ul-listh2 li {
        padding: 15px
    }

    .ul-listh2 li .link {
        position: static;
        width: auto
    }

    .ul-listh2 li .pic {
        width: auto;
        float: none;
        height: auto;
        margin: 0
    }

    .ul-listh2 li .txt .desc {
        margin-bottom: 15px
    }

    .ul-listh2 li .link a {
        width: 100%
    }

    .m-table1 .top {
        display: none
    }

    .ul-listh1 li .box {
        width: auto;
        text-align: left;
        padding: 30px 10px;
        line-height: 1.5
    }

    .ul-listh1 li {
        overflow-x: hidden
    }

    .ul-listh1 .t1,
    .ul-listh1 .t2 {
        width: auto;
        float: none;
        margin-bottom: 15px
    }

    .m-table1 .t1 .pic {
        width: auto;
        float: none;
        text-align: center
    }

    .m-table1 .t1 .tit {
        text-align: center
    }

    .ul-listh1 .t3 a {
        display: block;
        text-align: center;
        margin-top: 10px
    }

    .ul-form1 .item {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 15px
    }

    .ul-form1 li {
        margin-bottom: 0
    }

    .ul-form1 .textarea {
        height: 180px;
        margin-bottom: 15px
    }

    .ul-form1 .yzm .item img {
        height: 25px
    }

    .ul-form1 .yzm .item .yz {
        font-size: 12px
    }

    .ul-form1 .sub input {
        width: 100%
    }

}

.g-curx1 {
    background-color: rgba(242, 244, 247, .9);
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 9;
    left: 0;
}

.g-titx1 {
    font-size: 1.77vw;
    color: #000
}

.g-titx2 {
    font-size: 1.15vw;
    color: #000;
    padding-left: 24px;
    line-height: 31px;
    border-left: 2px solid #1e3190
}

.row-productx1 {
    padding: 23px 0 28px;
    border-bottom: 1px solid #d9d9d9;
    padding-top: 50px;
}

.m-listx1 {
    margin: 20px 0
}

.m-listx1 .pic {
    position: relative;
    margin-bottom: 37px
}

.m-listx1 .pic img {
    display: block;
    width: 100%
}

.m-listx1 .pic .img2 {
    display: none;
}

.m-listx1 .pic .tit {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 0 40px;
    font-size: 1.15vw;
    color: #fff;
    line-height: 30px
}

.m-listx1 .txt {
    font-size: 16px;
    color: #000;
    line-height: 1.875
}

.ul-liistx1 {
    font-size: 0;
    text-align: center;
    padding: 22px 0;
    overflow: hidden
}

.ul-liistx1 li {
    display: inline-block;
    width: 25%
}

.ul-liistx1 a {
    display: inline-block
}

.ul-liistx1 .icon {
    display: inline-block;
    vertical-align: middle;
    width: 72px;
    height: 72px;
    line-height: 72px;
    margin-right: 15px;
    background-color: #1e3190;
    border-radius: 50%
}

.ul-liistx1 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.ul-liistx1 .txt {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.ul-liistx1 .txt .cn {
    font-size: 1.04vw;
    color: #000;
    line-height: 30px;
    transition: .3s
}

.ul-liistx1 .txt .en {
    font-size: 12px;
    color: rgba(0, 0, 0, .4);
    font-family: Arial;
    text-transform: uppercase;
    line-height: 20px;
    transition: .3s
}

.ul-liistx1 a:hover .txt .cn,
.ul-liistx1 a:hover .txt .en {
    color: #1e3190;
}

.row-productx2 {
    background-color: #f7f7f7;
    padding-bottom: 80px
}

.ul-listx2 {
    overflow: hidden;
    padding: 50px 0
}

.ul-listx2.dn {
    display: none
}

.ul-listx2 li {
    overflow: hidden;
    margin: 0 -16px 33px;
    position: relative
}

.ul-listx2 dd {
    float: left;
    width: 33.33%
}

.ul-listx2 dd.on {
    height: 706px
}

.ul-listx2 .tit {
    margin: 0 16px;
    background-color: #fff;
    padding: 0 40px;
    font-size: 0;
    height: 60px;
    line-height: 60px;
    cursor: pointer
}

.ul-listx2 dd.on .tit {
    background-color: #1e3190
}

.ul-listx2 .tit a {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 1.04vw;
    color: #000;
    line-height: 1.3;
    overflow: hidden;
    padding-right: 60px;
    background-image: url(../images/iconx5.png);
    background-repeat: no-repeat;
    background-position: right center
}

.ul-listx2 dd.on .tit a {
    color: #fff;
    background-image: url(../images/iconx5-h.png)
}

.ul-listx2 .box {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    display: none;
    height: 596px;
    margin: 0 16px;
    padding: 50px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    background-image: url(../images/bgx1.png);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: left bottom
}

.ul-listx2 dd.on .box {
    display: block
}

.ul-listx2 .pic {
    opacity: 0;
    height: 496px;
    line-height: 496px;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.ul-listx2 dd.on .pic {
    opacity: 1;
}

.ul-listx2 .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
}

.ul-listx2 .box .more {
    font-size: 16px;
    color: #1e3190;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 160px;
    height: 48px;
    line-height: 46px;
    background-color: #fff;
    border: 1px solid #1e3190;
    border-radius: 24px;
    transition: .3s
}

.ul-listx2 .box .more:hover {
    background-color: #1e3190;
    color: #fff
}

.row-productx01,
.row-productx02 {
    background-color: #f8f8f8
}

.row-productx01 .m-listx1 {
    padding-top: 11px
}

.row-productx02 {
    padding-bottom: 85px
}

.ul-listx3 {
    overflow: hidden;
    margin: 0 -27px;
    padding: 61px 0 35px
}

.ul-listx3 li {
    float: left;
    width: 25%;
    margin-bottom: 46px
}

.ul-listx3 .con {
    display: block;
    margin: 0 27px;
    background-color: #fff;
    position: relative;
}

.ul-listx3 .pic {
    overflow: hidden;
    position: relative;
    height: 237px;
    line-height: 189px;
    font-size: 0;
    text-align: center;
    padding: 24px
}

.ul-listx3 .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    transition: .3s
}

/* .ul-listx3 .con:hover .pic img {
	transform: scale(1.08)
} */

.ul-listx3 .pic .hot {
    position: absolute;
    top: 0;
    right: 0;
    width: 47px;
    height: 47px;
    background-image: url(../images/iconx6.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%
}

.ul-listx3 .txt {
    padding: 22px 30px;
    color: #000
}

.ul-listx3 .txt h3 {
    font-size: 0;
    padding-bottom: 0;
    /* border-bottom: 1px solid #c6cad0; */
    position: relative;
}

.ul-listx3 .txt h3::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.row-productx02 .ul-listx3 .txt::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #1e3190;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.ul-listx3 li:hover .txt::after {
    width: 100%;
}


.ul-listx3 .txt h3 span {
    display: inline-block;
    font-size: 1.04vw;
    line-height: 1.3;
    height: 3.6em;
    transition: .3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

/* .ul-listx3 .con:hover .txt h3 span {
	color: #1e3190
} */
.ul-listx3 .txt .desc {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.625;
    /* height: 3.25em; */
    height: 5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.ul-listx3 .shade.txt {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20% 25px 0;
    color: #fff;
    background-color: rgba(30, 49, 144, 0.9);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.ul-listx3 .con:hover .shade.txt {
    padding-top: 26%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.ul-listx3 .shade.txt h3 {
    /* border-bottom: 0; */
    padding-bottom: 10px;
}

.ul-listx3 .shade.txt h3::after {
    display: none;
}

.ul-listx3 .shade.txt h3 span {
    line-height: 1.6;
    height: auto;
    color: #fff;
}

.ul-listx3 .shade.txt .line {
    width: 31px;
    height: 3px;
    margin: 20px 0 23px;
    background-color: #fff;
}

.ul-listx3 .shade.txt .desc {
    color: #fff;
}

.ul-listx3 .shade.txt .more {
    position: absolute;
    bottom: 30px;
    right: 26px;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background: url(../images/yicon5.png) center no-repeat;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.row-detailsx1 {
    padding: 36px 0 49px;
    *zoom: 1
}

.row-detailsx1:after,
.row-detailsx1:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.row-detailsx1 .col-l {
    width: 52%
}

.row-detailsx1 .col-r {
    width: 36.25%
}

.row-detailsx1 .col-r .cpx-xl {
    font-size: 20px;
    color: #9e9e9e;
}

.gallery-top .pic {
    height: 500px;
    text-align: center;
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.gallery-top .pic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-49%) translateY(-50%);
}

.gallery-top .icon {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 31px;
    height: 31px;
    background-image: url(../images/iconx7.png);
    background-repeat: no-repeat;
    background-position: center center
}

.gallery-thumbs .pic {
    height: 155px;
    border: 1px solid #ebebeb;
    text-align: center;
    font-size: 0;
    cursor: pointer
}

.gallery-thumbs .pic img {
    display: block;
    width: 100%;
    height: 100%
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .pic {
    border-color: #1e3190
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    display: none;
    text-align: center;
    overflow: hidden;
    font-size: 0;
    width: 300px;
    height: 300px
}

div.zoomMask {
    position: absolute;
    background: url(../images/mask.png);
    cursor: move;
    z-index: 1
}

div.zoomDiv img {
    max-width: none
}

.m-listx2 {
    margin: 38px 0 0
}

.m-listx2 .tit {
    margin-bottom: 20px
}

.m-listx2 .tit h3 {
    font-size: 1.04vw;
    font-weight: 400;
    color: #9e9e9e;
    line-height: 1.2;
    margin-bottom: 6px
}

.m-listx2 .tit h1 {
    font-size: 1.5vw;
    line-height: 1.1;
    color: #1e3190;
    font-weight: 400
}

.m-listx2 .brand {
    padding: 10px 0;
}

.m-listx2 .brand span {
    font-size: 14px;
    color: #ffff;
    background-color: #1e3190;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
}

.m-listx2 .txt {
    font-size: 14px;
    color: #000;
    line-height: 2.15
}

.m-listx2 .btn {
    *zoom: 1;
    margin-top: 103px
}

.m-listx2 .btn:after,
.m-listx2 .btn:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.m-listx2 .btn dd {
    float: left;
    margin-right: 10px;
    position: relative;
    margin-left: 0px;
}

.m-listx2 .btn .v1 {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 169px;
    height: 46px;
    line-height: 46px;
    background-color: #1e3190;
    text-align: center;
    position: relative;
    z-index: 1
}

.m-listx2 .btn dd:hover .v1 {
    background-color: #1e3190
}

.m-listx2 .btn .v1 span {
    display: inline-block;
    padding-right: 27px;
    background-image: url(../images/iconx8.png);
    background-repeat: no-repeat;
    background-position: right center
}

.pdf_box {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    width: 345px;
    /* height: 156px; */
    background-color: #fff;
    border: 1px solid #c9c9c9;
    overflow-y: scroll;
    padding: 4px 0;
    z-index: 1
}

.m-listx2 .btn dd.on .pdf_box {
    display: block
}

.pdf_box::-webkit-scrollbar {
    width: 13px
}

.pdf_box::-webkit-scrollbar-track {
    background-color: #efefef
}

.pdf_box::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #d2d2d2
}

.pdf_box li {
    padding: 10px 20px;
    /* border-bottom: 1px solid #1e3190; */
    position: relative;
}

.pdf_box li:hover .v2 {
    border-bottom: 1px solid #000;
}

/* .pdf_box li{
	display: block;
	font-size: 18px;
	color: #000;
	padding-right: 40px;
	line-height: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(../images/pic-n14-new.png);
	background-repeat: no-repeat;
	background-position: right center
} */

/* .pdf_box li:hover {
	color: #000;
	background-image: url(../images/pic-n14-new.png)
} */

.pdf_box li .pic {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pdf_box li a {
    color: #000;
}

.row-detailsx2 {
    background-color: #f6f7fa;
}

.floor {
    background-color: #fff;
    margin-bottom: -1px;
    *zoom: 1;
    height: 75px
}

.ul-tabx1 {
    overflow: hidden;
    z-index: 2;
    background-color: #fff;
}

.ul-tabx1.fixed {
    position: fixed;
    top: 115px;
    left: 0;
    width: 100%;
}

.ul-tabx1:after,
.ul-tabx1:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ul-tabx1 ul {
    font-size: 0;
    border-bottom: 1px solid #1e3190;
}

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

.ul-tabx1 a {
    display: block;
    font-size: 1.15vw;
    margin-right: 48px;
    color: #333;
    font-weight: 700;
    border-bottom: 4px solid transparent;
    height: 75px;
    line-height: 71px
}

.ul-tabx1 a:hover,
.ul-tabx1 li.on a {
    border-bottom-color: #e60012
}

.tab_details {
    padding: 41px 89px;

}

#details2,
#details3,
#details4 {
    padding-bottom: 0;
}

.m-listx3 {
    font-size: 14px;
    color: #000;
    line-height: 1.875
}

.m-listx3 table {
    word-break: break-all;
}

.m-listx3 .item:first-child {
    border-bottom: 1px dashed #000
}

.m-listx3 .txt {
    margin: 34px 0
}

.m-listx3 img {
    /* display: block; */
    max-width: 100%
}

.m-listx3 dl {
    overflow: hidden;
    margin: 0 -7px
}

.m-listx3 dd {
    float: left;
    width: 33.33%
}

.m-listx3 .d1 {
    width: 34.402%
}

.m-listx3 .d2 {
    width: 38.021%
}

.m-listx3 .d3 {
    width: 27.577%
}

.m-listx3 dd .con {
    margin: 0 7px
}

.m-listx3 .tip {
    color: #e60012
}

.ul-listx4 {
    overflow: hidden;
    margin: 0 -7px;
    padding: 35px 0
}

.ul-listx4 li {
    float: left;
    width: 25%;
    margin-bottom: 7px
}

.ul-listx4 .con {
    display: block;
    margin: 0 7px;
    text-align: center
}

.ul-listx4 .pic {
    overflow: hidden;
    height: 228px;
    line-height: 206px;
    font-size: 0;
    border: 1px solid #e8e8e8;
    padding: 10px
}

.ul-listx4 .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    transition: .3s
}

.ul-listx4 .con:hover .pic img {
    transform: scale(1.08)
}

.ul-listx4 .tit {
    font-size: 14px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px 0;
    transition: .3s
}

.ul-listx4 .con:hover .tit {
    color: #1e3190
}

.detail-ying {
    margin: 32px 0;
    /* height: 234px; */
    overflow: hidden;
}

.ul-listx5 {
    margin: 0 -45px;
    overflow: hidden;
}

.ul-listx5 li {
    float: left;
    width: 50%;
    margin-bottom: 20px
}

.ul-listx5 .con {
    margin: 0 45px;
    display: block
}

.ul-listx5 h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 14px;
    transition: .3s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ul-listx5 .con:hover h3 {
    color: #1e3190
}

.ul-listx5 .desc {
    font-size: 14px;
    color: rgba(0, 0, 0, .7);
    line-height: 2;
    height: 4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.button_su {
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 3px;
    width: 160px;
    margin: 0 auto 30px;
    font-size: 0;
}

.su_button_circle {
    background-color: #e60012;
    border-radius: 1000px;
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    pointer-events: none;
}

.button_su_inner {
    display: inline-block;
    background-color: #1e3190;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    transition: 400ms;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
}

.button_su_inner .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    margin-right: 5px;
    z-index: 1;
}

.button_su_inner .icon img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.button_su_inner .icon img.show {
    animation: turn 2s linear 1;
    -webkit-animation: turn 2s linear 1;
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes turn

    /* Firefox */
{
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes turn

    /* Safari 鍜� Chrome */
{
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes turn

    /* Opera */
{
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

.button_su_inner span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    color: #fff;
    color: #fff;
    font-size: 16px;
}

.explode-circle {
    animation: explode 0.5s forwards;

}

.desplode-circle {
    animation: desplode 0.5s forwards;
}

@keyframes explode {
    0% {
        width: 0px;
        height: 0px;
        margin-left: 0px;
        margin-top: 0px;
        background-color: rgba(42, 53, 80, 0.2);
    }

    100% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: #e60012;
    }
}

@keyframes desplode {
    0% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: #e60012;
    }

    100% {
        width: 0px;
        height: 0px;
        margin-left: 0px;
        margin-top: 0px;
        background-color: rgba(129, 80, 108, 0.6);
    }
}

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

    .row-productx02,
    .row-productx2 {
        padding-bottom: 4.16666vw
    }

    .ul-listx2 {
        padding: 2.60416vw 0
    }

    .ul-listx2 li {
        margin: 0 -.83333vw 1.71875vw
    }

    .ul-listx2 dd.on {
        height: 36.77083vw
    }

    .ul-listx2 .tit {
        padding: 0 2.08333vw;
        height: 5.729166vw;
        line-height: 5.729166vw;
        margin: 0 .83333vw
    }

    .m-listx1 .pic .tit {
        padding: 0 2.08333vw;
        bottom: 1.5625vw
    }

    .ul-listx2 .tit a {
        padding-right: 3.125vw
    }

    .ul-listx2 .box {
        top: 5.729166vw;
        margin: 0 .83333vw;
        padding: 2.60416vw;
        height: 31.04166vw;
    }

    .ul-listx2 .pic {
        height: 25.83333vw;
        line-height: 25.83333vw
    }

    .ul-listx2 .box .more {
        bottom: 2.60416vw;
        right: 2.60416vw
    }

    .ul-listx3 {
        margin: 0 -1.40625vw;
        padding: 3.17708vw 0 1.82291vw
    }

    .ul-listx3 li {
        margin-bottom: 2.39583vw
    }

    .ul-listx3 li:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    .ul-listx3 li:hover .txt h3 {
        color: #1e3190;
    }

    .ul-listx3 .con {
        margin: 0 1.40625vw
    }

    .ul-listx3 .txt {
        padding: 1.14583vw 1.5625vw;
        padding-bottom: 30px;
    }

    /* 	.ul-listx3 .txt h3 {
		padding-bottom: 1.14583vw
	}

	.ul-listx3 .txt .desc {
		margin: 1.14583vw 0
	} */


    .ul-tabx1 a {
        margin-right: 2.5vw;
    }

    .tab_details {
        padding: 2.13541vw 4.63541vw
    }

    .m-listx3 .txt {
        margin: 1.77083vw 0
    }

    .ul-listx5 {
        margin: 0 -2.34375vw
    }

    .ul-listx5 .con {
        margin: 0 2.34375vw
    }

}

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

    .g-titx1 {
        font-size: 1.25vw
    }

    .g-titx2,
    .m-listx1 .pic .tit,
    .m-listx2 .tit h3,
    .ul-liistx1 .txt .cn,
    .ul-listx3 .txt h3 span,
    .ul-tabx1 a {
        font-size: 16px
    }

    .m-listx1 .txt,
    .m-listx3,
    .pdf_box li .v2,
    .ul-listx3 .txt .desc {
        font-size: 14px
    }

    .ul-liistx1 .icon {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .ul-listx2 .tit a {
        font-size: 16px
    }

    .ul-listx2 .box .more {
        font-size: 14px;
        width: 120px;
        height: 32px;
        line-height: 30px
    }

    .pdf_box {
        left: auto;
        right: 0
    }

    .g-titx2 {
        line-height: 24px
    }


}

@media only screen and (max-width:1440px) {
    .m-listx2 .tit h1 {
        font-size: 2vw
    }
}

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

    .g-titx1 {
        font-size: 18px
    }

    .m-listx1 .pic .tit {
        bottom: 10px;
        padding: 0 20px
    }

    .ul-listx2 {
        padding: 20px 0
    }

    .ul-listx2 li {
        margin: 0 -5px 10px
    }

    .ul-listx2 dd.on {
        height: 480px
    }

    .ul-listx2 .tit {
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        margin: 0 5px
    }

    .ul-listx2 .tit a {
        font-size: 14px;
        padding-right: 30px;
        background-size: 15px 9px
    }

    .ul-listx2 .box {
        top: 60px;
        height: 400px;
        padding: 40px;
        margin: 0 5px
    }

    .ul-listx2 .pic {
        height: 320px;
        line-height: 320px
    }

    .ul-listx2 .box .more {
        bottom: 20px;
        right: 20px
    }

    .ul-liistx1 .icon {
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin-right: 5px
    }

    .ul-liistx1 .icon img {
        max-width: 50%;
        max-height: 50%
    }

    .m-listx1 .pic {
        margin-bottom: 20px
    }

    .ul-listx3 li {
        width: 33.33%
    }

    .row-detailsx1 .col-r {
        width: 43%
    }

    .row-detailsx1 .col-r .cpx-xl {
        padding: 15px 0;
    }

    .m-listx2 .btn .v1 {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    .pdf_box {
        top: 40px;
        width: 280px
    }

    .ul-listx4 li {
        width: 33.33%
    }

    .m-listx2 .tit h1 {
        font-size: 24px
    }

    .gallery-top .icon {
        display: none
    }

    .ul-tabx1 {
        height: 43px
    }

    .ul-tabx1 a {
        padding: 10px 0;
        margin-right: 20px;
        border-bottom-width: 2px;
        height: auto;
        line-height: normal
    }

    .tab_details {
        padding: 20px 0
    }

    .ul-tabx1 .floor.fixed {
        top: 50px
    }

    .ul-tabx1 ul {
        overflow-x: auto;
        white-space: nowrap;
    }

    .ul-listx2 {
        display: none
    }

    .ul-listx2.dn {
        display: block
    }

    .ul-listx2 li {
        margin: 0 0 10px
    }

    .ul-listx2 .tit {
        margin: 0
    }

    .ul-listx2 .box {
        margin: 0;
        height: auto;
        padding: 20px;
        position: static;
        background-image: none
    }

    .ul-listx2 .pic {
        height: auto;
        line-height: normal
    }

    .ul-listx2 .box .more {
        position: static;
        margin: 20px auto 0
    }

    .row-b1 h3 {
        font-size: 16px !important;
    }

}

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

    /* .ul-listx2{display:none}

    .ul-listx2.dn{display:block}

    .ul-listx2 li{margin:0 0 10px}

    .ul-listx2 .tit{margin:0}

    .ul-listx2 .box{margin:0;height:auto;padding:20px;position:static;background-image:none}

    .ul-listx2 .pic{height:auto;line-height:normal}

    .ul-listx2 .box .more{position:static;margin:20px auto 0} */

}

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

    .m-listx1 .pic .img1 {
        display: none;
    }

    .m-listx1 .pic .img2 {
        display: block;
    }

    .row-productx1 {
        padding-bottom: 0
    }

    .m-listx1 {
        margin: 10px 0
    }

    .ul-liistx1 {
        text-align: left;
    }

    .ul-liistx1 li {
        float: left;
        width: 50%;
        margin-bottom: 20px;
        display: block;
    }

    .ul-liistx1 .txt .cn {
        line-height: 24px
    }

    .ul-liistx1 .txt .en {
        font-size: 10px;
        line-height: 14px
    }

    .ul-liistx1 .icon {
        float: left;
        display: block;
        text-align: center;
    }

    .ul-liistx1 .txt {
        overflow: hidden;
        display: block
    }

    .ul-listx3 {
        margin: 0;
        padding: 20px 0
    }

    .ul-listx3 li {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .ul-listx3 .pic,
    .ul-listx3 .txt {
        padding: 15px;
        line-height: 207px;
    }

    .ul-listx3 .txt h3 {
        padding-bottom: 10px
    }

    .ul-listx3 .txt h3 span {
        height: auto;
        display: block
    }

    .ul-listx3 .txt .desc {
        margin: 10px 0;
        height: auto;
        display: block
    }

    .row-detailsx1 {
        padding: 20px 0
    }

    .row-detailsx1 .col-l,
    .row-detailsx1 .col-r {
        float: none;
        width: auto
    }

    .gallery-top .pic {
        height: 350px;
        line-height: 330px
    }

    .gallery-thumbs .pic {
        height: 100px;
        line-height: 78px
    }

    .m-listx2 {
        margin: 20px 0
    }

    .m-listx2 .tit {
        margin-bottom: 20px
    }

    .m-listx2 .txt br {
        display: none
    }

    .m-listx2 .btn {
        margin: 20px -5px 0
    }

    .m-listx2 .btn dd {
        width: 50%;
        margin: 0
    }

    .m-listx2 .btn dd .v1 {
        margin: 0 5px;
        width: auto
    }

    .m-listx3 dl {
        margin: 0 -4px
    }

    .m-listx3 dd .con {
        margin: 0 4px;
        font-size: 10px
    }

    .ul-listx4,
    .ul-listx5 {
        margin: 0;
        padding: 20px 0
    }

    .ul-listx4 li,
    .ul-listx5 li {
        float: none;
        width: auto
    }

    .ul-listx4 .con,
    .ul-listx5 .con {
        margin: 0
    }

    .ul-listx5 .desc,
    .ul-listx5 h3 {
        display: block;
        white-space: normal
    }

    .ul-listx5 h3 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .m-listx1 .pic .tit {
        /* color: #000;
		position: initial */
        font-size: 14px;
        line-height: normal;
        padding: 0 5px;
        bottom: 5px;
    }

    .ul-reso {
        width: 500px;
    }

    .ul-reso li {
        transform: none !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        float: left;
    }

}

.banner {
    position: relative
}

.banner .item {
    position: relative;
}

.banner .item>a {
    display: block;
    position: relative;
    height: 0;
    padding-top: 49.4%;
    overflow: hidden;
}

.banner .video,
.banner .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.banner .video {
    object-fit: cover
}

.banner .txt {
    position: absolute;
    top: 7.96875vw;
    left: 0;
    width: 100%;
    font-size: 1.25vw;
    color: #000;
    text-align: center
}

.banner .txt h3 {
    font-size: 2.91vw;
    margin: 5px 0
}

.banner .txt h3 strong {
    color: #e60012
}

.banner .txt h3 strong::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 55px;
    background-color: #000;
    margin: 0 28px
}

.banner .txt .en {
    font-size: 1.04vw;
    color: #ababab;
    text-transform: uppercase
}

.banner_bot {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 25px;
}

#tglBtn,
.banner .swiper-pagination {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.banner .swiper-pagination-bullet-active {
    background-color: #1e3190;
}

.banner .swiper-pagination-bullet {
    margin: 0 8px;
    vertical-align: middle;
}

#tglBtn {
    width: 20px;
    height: 20px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 10px;
    z-index: 1;
}

#stopBtn,
#startBtn {
    display: block;
    width: 14px;
    height: 14px;
    margin: 3px;
}




.banner .gallery-thumbs {
    display: none;
    position: absolute;
    left: 120px;
    bottom: 20px;
    height: 140px;
    overflow: hidden
}

.gallery-thumbs .type {
    font-size: 16px;
    color: #000;
    opacity: .3;
    padding-left: 40px;
    position: relative;
    cursor: pointer
}

.gallery-thumbs .type::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 23px;
    height: 1px;
    opacity: 0;
    background-color: #1e3190
}

.gallery-thumbs .swiper-slide-next .type,
.gallery-thumbs .swiper-slide-prev .type {
    opacity: .6
}

.gallery-thumbs .swiper-slide-active .type,
.gallery-thumbs .swiper-slide-active .type::before {
    opacity: 1
}

.row-c1 {
    padding: 60px 0 0px
}

.g-titb1 {
    text-align: center;
    margin: 30px auto;
}

.g-titb1 h3 {
    font-size: 1.4vw;
    color: #000;
    font-weight: 400;
    margin-bottom: -7px;
    transition-delay: .1s;
}
.g-titb1 h3 img{
   padding: 0 20px;
    width:65px;
}

.g-titb1 p {
    font-size: 1.04vw;
    color: #ababab;
    text-transform: uppercase
}

.g-titb1.cf h3 {
    color: #fff
}

.g-titb1.cf P {
    color: #fff;
    opacity: .3
}

.gallery-thumbs1.swiper-container {
    z-index: 2
}

.gallery-thumbs1 .swiper-button-next:after,
.gallery-thumbs1 .swiper-button-prev:after {
    display: none
}

.gallery-thumbs1 .swiper-button-next {
    width: 19px;
    height: 33px;

}

.gallery-thumbs1 .swiper-button-prev {
    width: 19px;
    height: 33px;

}

.app {
    margin-top: 35px;

}

.app .con {
    background-color: #fff;
    cursor: pointer;
    padding-bottom: 26px;
    position: relative;
    border-bottom: 1px solid #000
}




.app .con .icon {
    height: 45px;
    line-height: 45px;
    font-size: 0;
    text-align: center;
    margin-bottom: 8px
}

.app .con .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: 90%

    width:45px;height:45px;
}

.app .con .arrow {
    width: 35px;
    height: 17px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -18px;
    display: none;
}

.app .con .icon .i2,
.swiper-slide-thumb-active .con .icon .i1 {
    display: none
}

/* .swiper-slide-thumb-active .con .arrow {
	width: 35px;
	height: 17px;
	position: absolute;
	bottom: -1px;
	left: 50%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: -18px
} */

.swiper-slide-thumb-active .con .icon .i2 {
    display: inline-block
}

/* .app .con:hover .i1 {
	display: none
}

.app .con:hover .i2 {
	display: inline-block
} */

.bdshare-button-style0-16 a {
    background-size: 100% 100%!important;
    background-position: center!important;
    float: none!important;
    width: 30px!important;
    height: 30px!important;
    padding-left: 0!important;
    margin: 0 3px!important;
}



.bdshare-button-style0-16 .bds_more{
    display: none!important;
}

.app .con.act .arrow {
    display: block;
}

.app .con.act .i1 {
    display: none;
}

.app .con.act .i2 {
    display: inline-block
}

.app .con.act .type {
    display: none;
}

.app .con.act .type1 {
    display: block;
}

.app .con.act::after {
    display: block;
}

.app .type {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.app .type1 {
    display: none;
}

/* .app .swiper-slide-thumb-active .type {
	display: none;
} */

.app .type1 {
    display: none;
}

.bg-line {
    width: 10px;
    height: 2px;
    transition: width .6s;
    /* transition-delay: .6s; */
    opacity: 0;
}

.act .bg-line {
    width: 100%;
    opacity: 1;
}

/* .app .swiper-slide-thumb-active .type1 {
	display: block;
} */

/* .app .con.c1:hover .type,.app .con.c2:hover .type,.swiper-slide-thumb-active .con.c1 .type,.swiper-slide-thumb-active .con.c2 .type{color:#000}

.app .con.c3:hover .type,.app .con.c4:hover .type,.swiper-slide-thumb-active .con.c3 .type,.swiper-slide-thumb-active .con.c4 .type{color:#a0619a}

.app .con.c5:hover .type,.swiper-slide-thumb-active .con.c5 .type{color:#2ec2ab}

.app .con.c6:hover .type,.app .con.c7:hover .type,.app .con.c8:hover .type,.swiper-slide-thumb-active .con.c6 .type,.swiper-slide-thumb-active .con.c7 .type,.swiper-slide-thumb-active .con.c8 .type{color:#a0619a} */

/* .app .con.c1,.app .con.c2{border-color:#000}

.app .con.c3,.app .con.c4{border-color:#a0619a}

.app .con.c5,.app .con.c6{border-color:#2ec2ab}

.app .con.c7{border-color:#a0619a}

.app .con.c8{border-color:#000} */

.m-boxb1 {
    position: relative;
    height: 720px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.m-boxb1 .con-box {
    position: absolute;
    top: 80px;
    bottom: 80px;
    left: 80px;
    width: 570px;
    padding-left: 45px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    background-color: rgba(30, 49, 144, .9)
}

.m-boxb1 .txt p {
    padding-left: 17px;
    background: url(../images/ar_r.png) left center no-repeat;
    background-size: 4px;
}

.m-boxb1 .txt p a {
    /*鏂囨湰涓嶆崲琛�*/
    /* width: 450px; */
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    /*瓒呭嚭鏄剧ず鐪佺暐鍙�*/
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
}

.m-boxb1 .type {
    color: #fff;
    font-size: 1.15vw;
    text-align: left;
    padding: 20px 0 12px
}

.m-boxb1 .type h3 {
    font-size: 1.88vw;
    font-weight: 400;
    line-height: 1.3
}

.m-boxb1 .type p {
    opacity: .3;
    text-transform: uppercase
}

.m-boxb1 .txt {
    /*height:180px;*/
    margin-bottom: 10px
}

.m-boxb1 .more {
    display: inline-block;
    padding: 0 60px 0 20px;
    font-size: 14px;
    color: #000;
    height: 33px;
    line-height: 33px;
    background: url(../images/row-b1Arrow_03.png) right 20px center no-repeat #fff;
    background-size: 11px;
    transition: .4s
}

.m-boxb1 .more:hover {
    opacity: .8
}

.m-boxb1 .line {
    position: absolute;
    right: -20px;
    width: 35px;
    height: 190px;
    bottom: 33px;
    opacity: 0.9;
}

.row-c2 {
    padding-top: 70px;
    height: 732px;
    background: url(../images/cbg2.jpg) center no-repeat;
    background-size: cover
}

.m-res {
    overflow: hidden;
}

.m-res-m {
    display: none;
}

.m-res .swiper-container {
    margin-top: 28px;
    height: 400px;
    margin-left: -40px;
}

.m-res .swiper-pagination {
    display: none
}

.m-res .item {
    width: 250px;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(../images/c-box2.png) center no-repeat;
    margin: 0 auto;
    cursor: pointer;
    position: relative
}

.m-res .item::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/c-shadow.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: .4s
}

.m-res .icon {
    height: 55px;
    line-height: 55px;
    font-size: 0;
    text-align: center;
    margin: 20px 0
}

.m-res .icon img {
    display: inline-block;
    vertical-align: middle
}

.m-res .name {
    text-align: center;
    font-size: 1.04vw;
    color: #fff
}

.m-res .item:hover,
.m-res .swiper-slide-active .item {
    background-image: url(../images/c-box1.png)
}

.row-c2 .mores {
    position: relative;
}

.row-c2 .mores::before {
    content: "";
    display: block;
    width: 80px;
    height: 60px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 15px;
    left: 50%;
    margin-left: -40px;
    background: url(../images/more_down.png) no-repeat center top;
    background-size: 50%;
    top: -120px;
    /* opacity: 0; */
    animation: starFlick 3s ease-out infinite;
    -webkit-animation: starFlick 3s ease-out infinite;
}

/* .row-c2 .mores.show::before {
	opacity: 1;
} */


@keyframes starFlick {
    from {
        opacity: 1;
        top: -120px;
    }

    to {
        opacity: 0;
        top: -100px;
    }
}

@-webkit-keyframes starFlick {
    from {
        opacity: 1;
        top: -120px;
    }

    to {
        opacity: 0;
        top: -100px;
    }
}

.row-c2 .more {
    display: none;
    width: 200px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 38px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, .3);
    margin: 0 auto
}

.row-c2 .more.act {
    display: block;
}

.row-c3 {
    padding: 70px 0 80px
}

.ul-imgTxtb1 {
    overflow: hidden;
    margin: 18px -35px 0
}

.ul-imgTxtb1 li {
    float: left;
    width: 33.33%
}

.ul-imgTxtb1 .con {
    display: block;
    position: relative;
    margin: 0 35px
}

/* .ul-imgTxtb1 .pic{position:relative;height:0;padding-top:106.89%;overflow:hidden} */
.ul-imgTxtb1 .pic {
    position: relative;
    height: 0;
    padding-top: 64.134%;
    overflow: hidden;
    background-color: #ccc;
}

.ul-imgTxtb1 .pic::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bgx01.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}

/* .ul-imgTxtb1 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;transition:.8s} */
.ul-imgTxtb1 .pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    display: block;
    transition: .8s
}

/* .ul-imgTxtb1 .con:hover .pic img{transform:scale(1.08)} */
.ul-imgTxtb1 .con:hover .pic img {
    transform: translate(-50%, -50%) scale(1.08);
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    -moz-transform: translate(-50%, -50%) scale(1.08);
    -ms-transform: translate(-50%, -50%) scale(1.08);
    -o-transform: translate(-50%, -50%) scale(1.08);
}

.ul-imgTxtb1 .txt {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 20px;
    color: #fff
}

.ul-imgTxtb1 .date {
    padding-left: 24px;
    background: url(../images/date1.png) left center no-repeat;
    background-size: 13px;
    font-size: 14px;
    margin-bottom: 9px
}

.ul-imgTxtb1 .tit {
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    overflow: hidden
}

.ul-txtb1 {
    margin-top: 30px
}

.ul-txtb1 .con {
    padding: 20px 0;
    line-height: 32px;
    overflow: hidden;
    border-bottom: 1px dotted #ccc
}

.ul-txtb1 .con .l {
    width: calc(100% - 90px);
    font-size: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ul-txtb1 .tag {
    display: inline-block;
    vertical-align: middle;
    width: 108px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #101d27;
    overflow: hidden;
    margin-right: 30px
}

.ul-txtb1 .more {
    float: right
}

.ul-txtb1 .date,
.ul-txtb1 .tit {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333
}

.ul-txtb1 .tit {
    max-width: 1150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ul-txtb1 .date {
    color: #ababab;
    margin-left: 60px
}

.ul-txtb1 .con:hover .g-moreb1,
.ul-txtb1 .con:hover .tit {
    color: #1e3190
}

.ul-txtb1 .con:hover .tag {
    background-color: #1e3190
}

.g-moreb1 {
    float: right;
    padding-right: 25px;
    background: url(../images/row-b1Arrow_03.png) right center no-repeat;
    font-size: 16px;
    color: #333;
    transition: 4s
}

.g-moreb1:hover {
    color: #1e3190
}

.row-c4 {
    padding: 60px 0 70px;
    background-color: #f2f4f7
}

.ul-txtb2 {
    overflow: hidden;
    margin-left: -25px;
    margin-right: -25px
}

.ul-txtb2 li {
    float: left;
    width: 25%
}

.ul-txtb2 .con {
    color: #333;
    margin: 0 25px
}

.ul-txtb2 .name {
    font-size: 18px;
    padding-left: 22px;
    position: relative
}

.ul-txtb2 .name::before {
    content: "";
    display: block;
    width: 5px;
    height: 20px;
    background-color: #1e3190;
    position: absolute;
    top: 6px;
    left: 0
}

.ul-txtb2 .name strong a {
    font-size: 16px;
    font-weight: 400;
    color: #1e3190
}

.ul-txtb2 .desc {
    font-size: 16px;
    line-height: 1.5;
    height: 3em;
    padding-left: 22px;
    overflow: hidden;
    margin: 16px 0
}

.ul-txtb2 .more {
    font-size: 14px;
    color: #9c9c9c;
    margin-left: 22px;
    transition: .4s
}

.ul-txtb2 .more:hover {
    color: #1e3190
}

.row-detailsx1 {
    padding: 50px 0 10px;
}

@media only screen and (max-width:1640px) {}

@media screen and (max-width:1600px) {
    .m-res .swiper-container {
        zoom: .83;
        margin-left: -8px;
    }

    .app .type,
    .banner .txt {
        font-size: 18px
    }

    .banner .gallery-thumbs {
        left: 5%
    }

    .banner .txt .en,
    .g-titb1 p,
    .m-boxb1 .type {
        font-size: 16px
    }

    .banner .txt h3 {
        font-size: 2.9vw
    }

    .banner .txt h3 strong::before {
        height: 2.8645vw;
        margin: 0 1.4vw
    }

    .g-titb1 h3 {
        font-size: 2.5vw
    }

    .m-boxb1 .type h3 {
        font-size: 1.25vw
    }

    .ul-txtb1 .date {
        margin-left: 3.15vw
    }

    .m-res {
        margin-top: 27px
    }

}

@media screen and (max-width:1500px) {
    .row-c2 {
        height: 600px;
        padding-top: 33px;
    }

    .row-c1 {
        padding: 30px 0 40px;
    }

    .row-c3 {
        padding: 35px 0 40px;
    }

    .row-c4 {
        padding: 30px 0 35px;
    }

    .m-res {
        height: 380px;
    }

    .m-boxb1 .type {
        padding: 20px 0 14px;
    }

    .m-boxb1 .con-box {
        line-height: 1.5;
    }

    .m-boxb1 .txt {
        height: auto;
        margin-bottom: 13px;
    }

    .m-boxb1 {
        height: 410px;
    }

    .m-boxb1 .con-box {
        top: 50px;
        bottom: 50px;
    }

    .app .con .icon {
        height: 50px;
        line-height: 50px;
    }

    .app .con .icon img {
        width: 40px
    }

    .app .con {
        padding-bottom: 10px;
    }

    .swiper-slide-thumb-active .con .arrow {
        width: 24px;
        height: 12px;
        margin-left: -12px;
        background-size: 100% 100%;
    }

    .row-detailsx1 {
        padding: 36px 0 30px;
        padding-top: 60px;
    }

    .row-detailsx1 .col-l {
        width: 50%;
    }

    .row-detailsx1 .col-r {
        width: 43%;
    }

    .gallery-top .pic {
        height: 440px;
    }

    .gallery-thumbs .pic {
        height: 103px;
    }

    .m-listx2 {
        margin: -20px 0 0;
    }

    .ul-tabx1 {
        /* height: 55px; */
    }

    .ul-tabx1 a {
        height: 54px;
        line-height: 50px;
    }

}

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

    .m-res .name {
        font-size: 14px;
    }

    .m-boxb1 {
        height: 440px;
    }

    .row-c1 {
        padding: 25px 0 35px;
    }

    .m-listx2 .btn {
        margin-top: 3.364583vw
    }

    .ul-txtb2 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .ul-txtb2 .name {
        font-size: 16px;
    }

    .ul-txtb2 .con {
        margin: 0 15px;
    }

    .ul-txtb2 .desc {
        font-size: 14px;
    }

    .m-boxb1 .txt p {
        font-size: 14px;
    }
}

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

    .m-res .swiper-container {
        margin-left: -27px;
        zoom: .8;
    }

    .row-detailsx1 {
        padding: 36px 0 10px;
    }
}

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

    .m-res {
        height: 310px
    }

}

@media screen and (max-width:1200px) {
    .ul-listx3 .shade.txt {
        display: none;
    }

    .ul-listx3 .con:hover .txt h3 span {
        color: #1e3190
    }

    .banner_bot {
        bottom: 5px;
    }

    .row-c2 {
        height: 458px;
        padding-top: 2vw
    }

    .m-res {
        height: 285px;
        margin-top: 14px
    }

    .ul-imgTxtb1,
    .ul-txtb2 {
        margin-left: -10px;
        margin-right: -10px
    }

    .ul-imgTxtb1 .con,
    .ul-txtb2 .con {
        margin: 0 10px
    }



    .banner .txt h3,
    .g-titb1 h3 {
        font-size: 16px
    }

    .row-c1,
    .row-c3,
    .row-c4 {
        padding: 3.157vw 0 4.5vw
    }

    .ul-txtb1 .tit {
        max-width: 66%
    }

    .ul-news1 .date strong {
        font-size: 16px;
    }

    .gallery-thumbs .pic {
        height: 184px;
    }

    .gallery-top .pic {
        height: 579px;
    }

}




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

    .banner .gallery-thumbs {
        display: none
    }

    .m-boxb1 {
        height: 420px
    }

    .m-boxb1 .con-box {
        top: 10px;
        bottom: 10px;
        left: 10px
    }

    .banner .txt,
    .banner .txt .en {
        font-size: 12px;
        top: 30%
    }

    .banner .txt h3 {
        font-size: 18px;
        margin: 0
    }

    .app .type {
        font-size: 14px
    }

    .ul-txtb1 .con .l {
        float: none;
        width: auto
    }

    .ul-txtb1 .g-moreb1 {
        display: none
    }

    .ul-txtb1 .con {
        padding: 10px 0
    }

    .ul-txtb1 .date {
        font-size: 14px
    }

    .ul-txtb1 .tit {
        max-width: 63%;
        font-size: 16px
    }

    .m-boxb1 .con-box {
        font-size: 14px
    }

    .m-boxb1 .type h3 {
        font-size: 18px
    }

    .gallery-thumbs .pic {
        height: 143px;
    }

    .gallery-top .pic {
        height: 444px;
    }

}


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

    .cur,
    .cur a {
        font-size: 12px;
    }

    .ul-tabx1.fixed {
        top: 95px !important;
    }

    .ul-tabx1 a {
        height: 40px;
        line-height: 40px;
        padding: 0;
    }

    .m-boxb1 {
        height: 300px;
    }

    .app .type {
        padding: 0
    }

    .m-boxb1 .con-box {
        position: static;
        width: auto;
        padding: 10px;
        height: 250px;
        background-color: rgba(30, 49, 144, 1);
    }

    .m-boxb1 .line,
    .swiper-slide-thumb-active .con .arrow {
        display: none
    }

    .m-boxb1 .txt {
        height: auto
    }

    .ul-imgTxtb1 {
        margin-left: 0;
        margin-right: 0
    }

    .ul-imgTxtb1 li {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .ul-imgTxtb1 .con {
        margin: 0
    }

    .app .con .icon img {
        /*width: 30px*/
    }

    .ul-txtb1 .tit {
        max-width: none;
        white-space: normal;
        display: block
    }

    .ul-txtb1 .con .l {
        white-space: normal
    }

    .ul-txtb1 .date {
        margin-left: 0
    }

    .ul-txtb2 {
        margin-left: 0;
        margin-right: 0
    }

    .ul-txtb2 li {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .ul-txtb2 .con {
        margin: 0
    }

    .ul-txtb2 .name strong {
        font-size: 18px
    }

    .ul-txtb2 .desc {
        font-size: 14px;
        height: auto;
        margin: 0
    }

    .ul-txtb2 .name::before {
        width: 3px;
        top: 3px
    }

    .m-res .swiper-pagination {
        display: block
    }

    /* 鑽ｈ獕璧勮川  */
    .row-b3 .slick04 .slick-active {
        transform: translateX(-46px) scale(0.7);
        -webkit-transform: translateX(-46px) scale(0.7);
        -moz-transform: translateX(-46px) scale(0.7);
        -ms-transform: translateX(-46px) scale(0.7);
        -o-transform: translateX(-46px) scale(0.7);
        transition: .3s;
    }

    .row-b3 .slick04 .slick-current {
        transform: scale(1.02);
        transition: .3s;
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    }

    .row-b3 .slick04 .slick-current+.slick-active {
        transform: translateX(-10px) scale(0.9);
        -webkit-transform: translateX(-10px) scale(0.9);
        -moz-transform: translateX(-10px) scale(0.9);
        -ms-transform: translateX(-10px) scale(0.9);
        -o-transform: translateX(-10px) scale(0.9);
        transition: .3s;
    }

    .row-c2 {
        padding-top: 4vw;
        padding-bottom: 2vw;
        height: auto;
    }

    .m-res .swiper-container {
        margin-left: 0;
    }

    .m-res-pc,
    .row-c2 .mores {
        display: none;
    }

    .m-res-m {
        display: block;
        height: auto;
        text-align: center;

    }

    .m-res-m .item {
        display: inline-block;
        width: 130px;
        height: 130px;
        margin: 0;

        background-size: 100% 100%;
    }

    .m-res .icon {
        margin: 35px 0 10px;
        height: 35px;
        line-height: 35px;
    }

    .m-res .name {
        font-size: 12px;
    }

    .m-res .icon img {
        height: 35px;
    }

    .gallery-top .pic {
        height: 207px;
    }

    .gallery-thumbs .pic {
        height: 66px;
    }

}