
.inner {
    width: 100%;
    margin: 0 auto;
}

#alttxt {
    background: #FFF;
    border: 1px #ddd solid;
    font-size: 12px;
    padding: 10px;
    z-index: 1000;
    position: absolute;
    display: none;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #aaa;
}


/*é‡ç½®æ ·å¼ç»“æŸ*/


/*æ€»æ ·å¼*/

.hy-pc {
    display: none;
}

.hy-sj {
    display: none;
}

.hy-bx {
    position: fixed;
    z-index: 999;
    background-color: #FFFFFF;
}

.hy-xx {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #FFFFFF;
}

.hy-xd {
    position: fixed;
    z-index: 999;
    height: 200px;
    top: 0px;
}

.sw-g {
    position: relative;
}

.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
    display: table;
    margin: 0px auto;
}

.w98 {
    width: 98%;
    margin: 0px auto;
    display: table;
}

.w95 {
    width: 95%;
    margin: 0px auto;
}

.w1030 {
    width: 1030px;
    margin: 0px auto;
}

.w1200 {
    width: 1200px;
    margin: 0px auto;
}

.w1300 {
    width: 1300px;
    margin: 0px auto;
    display: table;
}

.w1230 {
    width: 64.1%;
    margin: 0px auto;
}

.w1400 {
    width: 1400px;
    margin: 0px auto;
}

.w1460 {
    width: 1460px;
    margin: 0px auto;
}

.w1500 {
    width: 1500px;
    margin: 0px auto;
}

.w1520 {
    width: 1520px;
    margin: 0px auto;
}

.w1630 {
    width: 1630px;
    margin: 0px auto;
}

.w1700 {
    width: 1700px;
    margin: 0px auto;
}

.bs {}

.hlogo {
    width: 27%;
    height: 110px;
    display: table;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hlogo img {
    width: 100%;
    height: auto;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hlogo .hlogonei {
    display: table-cell;
    vertical-align: middle;
}

.hy-sj-logo {
    width: auto;
    height: 100%;
    margin-left: 15px;
}

.hy-sj-logo img {
    height: 100%;
}

.hy-sj-logo a img {
    height: 100%;
}

.hy-sj-logo a {
    display: inline-block;
    height: 100%;
}

.hy-ul {
    height: 110px;
    line-height: 110px;
    width: 53%;
    float: right;
    margin-right: 10%;
}

.hy-xz {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hy-ul-6 ul li {
    width: 16.6%;
    float: left;
    text-align: center;
    position: relative;
}

.hy-ul-7 ul li {
    width: 14.2%;
    float: left;
    text-align: center;
    position: relative;
}

.hy-ul-8 ul li {
    width: 12.5%;
    float: left;
    text-align: center;
    position: relative;
}

.hy-ul-9 ul li {
    width: 11.1%;
    float: left;
    text-align: center;
    position: relative;
}

.hy-ul-10 ul li {
    width: 10%;
    float: left;
    text-align: center;
    position: relative;
}

.hy-i ul li a i {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: #000000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}


/*.hy-i ul li:hover i{width: 100%; height: 100%;z-index: -1;}*/

.hy-i ul li a {}

.hy-i ul li {
    height: 110px;
    line-height: 110px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hy-i ul li:hover {
    background-color: #305bc4;
    border-radius: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hy-i ul li:hover a {
    color: #FFFFFF;
}

.hy-tdh {
    background-color: #305bc4;
    position: absolute;
    right: 0;
    width: 11%;
    height: 110px;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hy-tdh img {
    float: right;
    width: 19%;
    margin-right: 5%;
    margin-top: 37px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hy-tdh p {
    margin-top: 37px;
    width: 68%;
    float: right;
    font-size: 14px;
    color: #FFFFFF;
    display: table;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hy-tdh span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.hy-tdh .dha {
    width: 10.6%;
    margin-right: 18%;
    display: table;
    float: right;
    cursor: pointer;
    position: relative;
}

.hy-tdh .dha2 {
    position: absolute;
    right: 167px;
    top: 96px;
    display: none;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    background-color: #305bc4;
}

.hy-tdh .dha:after {
    content: "";
    position: absolute;
    right: -85%;
    top: 53px;
    width: 1px;
    height: 38px;
    background-color: #FFFFFF;
}

.hy-tdh .wxa {
    width: 10.5%;
    display: table;
    float: right;
    cursor: pointer;
    margin-right: 26%;
    position: relative;
}

.hy-tdh .wxa2 {
    width: 120px;
    height: 120px;
    position: absolute;
    right: 60px;
    top: 40px;
    display: none;
}

.hy-tdh2 .p1 {
    margin-top: 52px;
    width: 70%;
    display: table;
    font-size: 16px;
    color: #000000;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.hy-tdh2 .p2 {
    width: 70%;
    display: table;
    color: #ed1c24;
    font-family: impact;
    font-size: 36px;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.h55 {
    width: 100%;
    height: 55px;
}

.box22 {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 110px;
    left: 0;
    display: none;
    z-index: 999;
}

.box345 {
    top: 80px;
}

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

.swwq1 ul li {
    position: relative;
    float: left;
    width: 15.6%;
    margin: 0.5%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.swwq1 ul li:hover {
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.swwq1 ul li .wxx1 {
    width: 100%;
    height: 112px;
    overflow: hidden;
}

.swwq1 ul li .wxx2 {
    display: table;
    width: 100%;
    height: 41px;
    position: relative;
}

.wxx2 p {
    font-size: 16px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 41px;
    z-index: 2;
    color: #FFFFFF;
}

.wxx1 img {
    width: 100%;
}

.hchushi {}

.yangshi {
    height: 110px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    box-shadow: 0px 0px 10px 1px #000000;
}

.hlogonei {
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hlogo a {
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.hlogo h1 {
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    display: flex;
    align-items: center;
}

.bianai .hlogo a {
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bianai .hlogo h1 {
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bianai {
    height: 80px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bianai .hlogo {
    width: 27%;
    height: 80px;
    display: inline;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bianai .hlogo img {
    width: 69%;
    height: 100%;
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bianai .hy-ul {
    height: 80px;
    line-height: 80px;
    width: 53%;
    float: right;
    margin-right: 10%;
}

.bianai .hy-i ul li {
    height: 80px;
    line-height: 80px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bianai .hy-tdh {
    background-color: #305bc4;
    position: absolute;
    right: 0;
    width: 11%;
    height: 80px;
}

.bianai .hy-tdh p {
    margin-top: 20px;
    width: 68%;
    float: right;
    font-size: 14px;
    color: #FFFFFF;
    display: table;
}

.bianai .hy-tdh img {
    float: right;
    width: 19%;
    margin-right: 5%;
    margin-top: 21px;
}

.h100 {
    height: 100px;
}

.dq {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}

.dq .dqt {
    display: table-cell;
    vertical-align: middle;
}

.wa1 {
    width: 100%;
    display: table;
    margin-top: 50px;
}

.wa1 .sw1 {
    font-family: impact;
    color: #FFFFFF;
    font-size: 31.53px;
    position: relative;
    z-index: 1;
    text-indent: 20px;
}

.wa1 p span {
    font-family: "å¾®è½¯é›…é»‘";
    font-size: 18px;
}

.wa1 .sw1:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 20px;
    bottom: 5px;
    left: 50%;
    background-color: #305bc4;
    z-index: -1;
    margin-left: -67px;
}

.wa1 .sw2 {
    font-family: impact;
    color: #FFFFFF;
    font-size: 31.53px;
    position: relative;
    z-index: 1;
    text-align: center;
    text-indent: 50px;
}

.wa1 .sw2:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 20px;
    bottom: 5px;
    left: 50%;
    background-color: #305bc4;
    z-index: -1;
    margin-left: -67px;
}

.wa1 ul {
    display: table;
    margin: 0px auto;
    width: 91%;
    margin-top: 17px;
}

.wa1 ul li {
    width: 46%;
    margin: 2%;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.wa1 ul li a {
    border: 1px solid #9a9a9a;
    font-size: 14px;
    color: #FFFFFF;
    border-radius: 30px;
}

.wa1 ul li:hover a {
    background-color: #FFFFFF;
}

.wa1 ul li:hover a {
    color: #000000;
}

.wa1 .dibulianxi {
    width: 76%;
    float: right;
    display: table;
    margin-top: 17px;
}

.wa1 .dibulianxi p {
    color: #FFFFFF;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
}

.cwa {
    text-align: right;
}

.cwa img {
    width: 140px;
    height: 140px;
    display: inline-block;
}


/*å››ç­‰åˆ†*/

.hd-xs-2 {
    width: 50%;
    float: left;
}

.hd-md-2 {
    width: 49%;
    float: left;
    margin: 0.5%;
}

.hd-xd-2 {
    width: 48%;
    float: left;
    margin: 1%;
}

.hd-xs-4 {
    width: 24%;
    float: left;
}

.hd-md-4 {
    width: 23%;
    float: left;
    margin: 0.5%;
}

.hd-xd-4 {
    width: 22%;
    float: left;
    margin: 1%;
}

.go_top {
    display: none;
    background: url(../images/xiangshang.png) center center/50% no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    background-color: #305bc4;
    border-radius: 10%;
    position: fixed;
    right: 6px;
    bottom: 100px;
    z-index: 99999999999;
}

.go_top .bx {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 5px;
    display: block;
}

@font-face {
    src: url(../other/TTMEIHEIJ-2.TTF);
}



.k1 {
    width: 100%;
    background-color: #000000;
    height: 200px;
}

.k2 {
    width: 100%;
    background-color: #009900;
    height: 200px;
    display: none;
}

.activea {
    background-color: #305bc4;
    border-radius: 10px;
}

a.activea {
    color: #FFFFFF;
}

.activeb {
    background-color: #305bc4;
    color: #FFFFFF;
}

.nr20 {
    padding-top: 30px;
}



.hy-foot {
    height: 390px;
    background-color: #343434;
}

.hy-foot2 {
    height: 40px;
    background-color: #292929;
    text-align: center;
    line-height: 40px;
}

.hy-foot3 {
    height: 40px;
    background-color: #000000;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
}

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

.cqll li {
    display: inline-block;
    padding-right: 10px;
}

.cqll img {
    display: none;
}

.cqll a {
    color: #FFFFFF;
    font-size: 14px;
}

.cqll p {
    font-size: 14px;
}



.swiper-container {
    width: 100%;
}

.swiper-button-prev:after {
    color: rgba(255, 255, 255, 0.7);
}

.swiper-button-next:after {
    color: rgba(255, 255, 255, 0.7);
}



.probanner img {
    width: 100%;
    display: none;
}

.fdxx {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

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

.hy-neiye-bt {
    display: table-cell;
    vertical-align: middle;
}

.neiye-bt1 {
    color: #FFFFFF;
    width: 100%;
    overflow: hidden;
    font-size: 72px;
    text-align: center;
}

.wentiz2 p {
    text-shadow: 0px 1px 5px #000000;
}

.neiye-bt1 span {
    display: inline-block;
}

.neiye-bt2 span {
    display: inline-block;
}

.neiye-bt2 {
    color: #FFFFFF;
    overflow: hidden;
    width: 100%;
    font-size: 30px;
    text-align: center;
}

.lineqq {
    width: 80px;
    height: 3px;
    background-color: #fff;
    margin: 20px auto;
}

.bass {
    height: 60px;
    line-height: 60px;
}

.bass a {
    display: inline-block;
    font-size: 14px;
    color: #333333;
}

.sq1 {
    width: 100%;
    display: table;
    height: 510px;
    background: url(../images/beijing.jpg) top 0 center no-repeat;
    background-size: 100%;
}

.sq3 {
    width: 100%;
    height: 1200px;
    background: url(../images/beijing2.png) bottom 0 center no-repeat;
    background-size: 100%;
}

.sq4 {
    width: 100%;
    height: 670px;
    background: url(../images/beijing3.jpg) top 0 center no-repeat;
    background-size: 100%;
}

.sq5 {
    width: 100%;
    display: table;
    height: auto;
}

.sqq4 h2 {
    font-size: 43.67px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

.sqq4 p {
    font-size: 16px;
    text-align: center;
    color: #9c9c9c;
    text-transform: uppercase;
}

.sqq4t {
    width: 1050px;
    margin: 0px auto;
    padding-top: 25px;
    height: 197px;
    overflow: hidden;
}

.sqq4tb {
    width: 1120px;
    height: 260px;
    background-color: #007aeb;
    margin: 0px auto;
}

.sqq4tb ul li {
    width: 25%;
    float: left;
    height: 165px;
    text-align: center;
    margin-top: 45px;
}

.sqq4tb ul li img {
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li .sp1 {
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li .sp2 {
    font-size: 12px;
    color: #73b6f4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb .bk {
    width: 100%;
    height: 100%;
    border-right: 1px solid #4da2f1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li .bbk {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4t p {
    font-size: 16px;
    color: #000000;
    text-indent: 2em;
    line-height: 30px;
    text-align: left;
}

.sqq4tb ul li:hover .bk {
    border: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li:hover .bbk {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    margin: 0px auto;
    margin-top: -80px;
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li:hover img {
    margin-top: 15px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li:hover .sp1 {
    display: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.sqq4tb ul li:hover .sp2 {
    display: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.bt1 {
    width: 100%;
    height: 50px;
    background: url(../images/cpzs.png) top 0 center no-repeat;
    background-size: 100%;
    margin-top: 60px;
}

.bt2 {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.btc {
    width: 100%;
    height: 50px;
    background: url(../images/xwzx.png) top 0 center no-repeat;
    background-size: 100%;
    margin-top: 60px;
}

#scroll_one {
    width: 1104px;
    height: 333px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

#scroll_one ul {
    width: 100000px;
    position: absolute;
    left: 0;
}

.oox2 {
    width: 100%;
    height: 267px;
    overflow: hidden;
}

.oov2 {
    width: 100%;
    line-height: 45px;
    font-size: 18px;
    color: #000000;
}

.oov2 h3 {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.w90 ul li:hover .oox {
    border: 6px solid #f27d00;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.w90 ul li:hover .mingzi {
    background-color: #f27d00;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#top_scroll {
    height: 576px;
    overflow: hidden;
    max-width: 100%;
    margin: 0px auto 0;
    margin-top: 15px;
}

#top_scroll ul {
    width: 65%;
    display: table;
    margin-left: 72px;
}

#top_scroll ul li {
    width: 31.33%;
    margin: 1%;
    float: left;
    overflow: hidden;
    background-color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.cshang {
    width: 100%;
    height: 230px;
    overflow: hidden;
}

#top_scroll ul li p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#top_scroll ul li:hover {
    background-color: #305bc4;
}

#top_scroll ul li:hover p {
    color: #FFFFFF;
}

#top_scroll ul li img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#top_scroll ul li:hover img {
    transform: scale(1.2);
}

.huaxinz {
    float: left;
    width: 30%;
    height: 685px;
    background: url(../images/cebiantu.jpg) center;
    background-size: cover;
}

.huaxiny {
    float: left;
    width: 68%;
    height: 627px;
    margin-left: 2%;
    position: relative;
}

.huaxinzw {
    position: absolute;
    top: 0;
    right: 0;
    display: table;
    z-index: -1;
}

.huaxinz0 {
    width: 100%;
    display: table;
    margin-top: 45%;
}

.huaxinza {
    width: 320px;
    height: 70px;
    margin: 0px auto;
    border: 1px solid #FFFFFF;
}

.huaxinzb {
    margin-top: 15px;
    margin-left: 20px;
    width: 320px;
    height: 70px;
    background: url(../images/bei.jpg) center;
    background-size: cover;
}

.huaxinzb a {
    color: #FFFFFF;
    font-size: 29.33px;
    text-align: center;
    line-height: 70px;
}

.huaxinnz {
    width: 100%;
    font-size: 56px;
    font-weight: bold;
    color: #009c07;
    text-align: left;
}

.s9q {
    width: 100%;
    display: table;
}

.s9q ul li {
    width: 32.33%;
    height: 410px;
    margin: 0.5%;
    float: left;
}

.s9q ul li .s8q {
    width: 100%;
    height: 100%;
}

.s8q .s7q {
    width: 100%;
    height: 347px;
    overflow: hidden;
}

.s7q img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.s6q {
    padding-top: 28px;
    height: auto;
}

.s6q h3 {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    overflow: hidden;
    width: 98%;
    margin: 0px auto;
    text-align: center;
}

.s6q p {
    width: 98%;
    margin: 0px auto;
    padding-top: 15px;
    font-size: 14px;
    color: #656565;
    overflow: hidden;
}

.s5q p {
    width: 98%;
    margin: 0px auto;
    padding-top: 30px;
    font-size: 14px;
    color: #656565;
    overflow: hidden;
}

.s9q ul li:hover h3 {
    color: #1574cd;
}

.s9q ul li:hover img {
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.s9q ul li:hover p {
    color: #009c07;
}

.baowei {
    display: table;
    margin-top: 30px;
    margin-left: 180px;
}

.hongse {
    width: 300px;
    height: 50px;
    line-height: 50px;
    background-color: #305bc4;
    border-radius: 50px;
    float: left;
}

.hongse p {
    color: #FFFFFF;
    font-size: 30px;
    font-family: impact;
    text-align: center;
}

.hongse .dda {
    color: #FFFFFF;
    font-size: 32px;
    padding-right: 20px;
}

.lanse {
    width: 260px;
    height: 50px;
    line-height: 50px;
    background-color: #1574cd;
    border-radius: 50px;
    float: left;
    margin-left: 26px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.lanse a {
    color: #FFFFFF;
    font-size: 20px;
    font-family: impact;
    text-align: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.lanse:hover {
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.lanse:hover a {
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 {
    height: 500px;
}

.ds1 ul li {
    width: 30.33%;
    margin: 1.5%;
    float: left;
}

.ds1 ul li .ds2 {
    width: 100%;
    height: 305px;
    overflow: hidden;
    position: relative;
    z-index: -1;
}

.ds1 ul li .ds2 img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li .huangse {
    width: 90px;
    height: 80px;
    background-color: #305bc4;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li .huangse p {
    font-size: 42px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}

.ds1 ul li .huangse span {
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    display: block;
}

.ds1 ul li .ds3 {
    width: 80%;
    height: 120px;
    margin: 0px auto;
    margin-top: -30px;
    background-color: #f4f4f4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li .ds3 h3 {
    font-size: 18px;
    color: #4a4a4a;
    width: 90%;
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
    font-weight: 500;
    padding-top: 17px;
    padding-bottom: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li .ds3 p {
    font-size: 14px;
    color: #767676;
    width: 90%;
    margin: 0px auto;
    overflow: hidden;
    line-height: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li:hover .ds3 {
    margin-top: 0;
    width: 100%;
    background-color: #007aeb;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li:hover .huangse {
    background-color: #007aeb;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li:hover img {
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li:hover h3 {
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.ds1 ul li:hover p {
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.s55a {
    background: url(../images/beijing4.jpg) center no-repeat;
    background-size: cover;
    height: 1200px;
    position: relative;
}

.s55a .s55b {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
}

.c1300 {
    padding-top: 330px;
    display: table;
}

.c1300 .xw1 {
    display: table;
    float: right;
}

.c1300 .xw1 img {
    width: 600px;
}

.c1200 {}

.c1200 ul li {
    width: 21%;
    margin: 2%;
    float: left;
}

.c1200 ul li img {
    width: 100%;
    height: 100%;
    border-radius: 250px;
}

.c1200 ul li .c1200c {
    width: 100%;
    border-radius: 250px;
    border: 8px solid rgba(255, 255, 255, 0.6);
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.c1200 ul li:hover .c1200c {
    margin-top: -30px;
    margin-bottom: 30px;
    border: 8px solid rgba(245, 133, 0, 0.6);
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.c1200b {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #305bc4;
    font-size: 24px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    bottom: -12%;
    left: 50%;
    margin-left: -26px;
    line-height: 50px;
}

.c1200 ul li h2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 38px;
    padding-bottom: 10px;
    text-align: center;
}

.c1200 ul li p {
    font-size: 14px;
    color: #d7d6d8;
    text-align: center;
    line-height: 20px;
}

#map {
    width: 100%;
    height: 500px;
}

#allmap {
    height: 100%;
}

#allmap img {
    max-width: none !important;
}

#allmapp {
    height: 170px;
    margin-top: 30px;
    border: 1px solid #ccc;
}

#allmapp img {
    max-width: none !important;
}


/* ===================== åœ¨çº¿ç•™è¨€ ===================== */

.form_box_box {
    width: 100%;
    margin: 40px auto;
    padding: 60px 0;
    box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);
}

ul.fs {
    width: 90%;
    margin: 0 auto;
}

ul.fs input,
ul.fs textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    -moz-transition: 0.8s;
    transition: 0.8s;
}

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

ul.fs .box1 li:nth-of-type(3) {
    margin: 0;
}

ul.fs .box1 li input {
    border: 1px solid #e1e7ee;
    width: 100%;
    height: 50px;
    padding: 10px;
    color: #999;
}

ul.fs li input:hover {
    border-color: #305bc4;
}

ul.fs .box1 li input::-webkit-input-placeholder,
ul.fs li.textarea textarea::-webkit-input-placeholder,
ul.fs li.yzm input::-webkit-input-placeholder {
    color: #999;
}

ul.fs .box1 li input:-moz-placeholder,
ul.fs li.textarea textarea:-moz-placeholder,
ul.fs li.yzm input:-moz-placeholder {
    color: #999;
}

ul.fs .box1 li input:-ms-input-placeholder,
ul.fs li.textarea textarea:-ms-input-placeholder,
ul.fs li.yzm input:-ms-input-placeholder {
    color: #999;
}

ul.fs li.textarea textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #e1e7ee;
    padding: 10px;
    margin: 20px 0;
    color: #999;
}

ul.fs li.textarea textarea:hover {
    border-color: #305bc4;
}

ul.fs li.radio {
    text-align: center;
}

ul.fs li.radio label {
    margin: 0 10px;
}

ul.fs li.yzm {
    text-align: center;
    margin: 20px 0;
}

ul.fs li.yzm img {
    display: inline-block;
    height: 20px;
}

ul.fs li.yzm input {
    border-bottom: 1px solid #e1e7ee;
    width: 200px;
    height: 50px;
    padding: 10px;
    color: #999;
}

ul.fs li.yzm input:hover {
    border-color: #305bc4;
}

ul.fs li.submit input {
    height: 50px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    width: 200px;
    border-radius: 50px;
    background-color: #305bc4;
    font-size: 16px;
    color: #fff;
}


/* ===================== åœ¨çº¿ç•™è¨€ ===================== */

.fenlei ul {
    text-align: center;
}

.fenlei {
    display: table;
}

.fenlei ul li {
    width: 19%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    border-radius: 5px;
    margin-right: 1%;
    margin-top: 1%;
    display: inline-block;
    background-color: #e5e5e5;
    transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.fenlei ul li a {
    font-size: 14px;
    border-radius: 5px;
}

.fenlei ul li a span {
    display: block;
    transform: skew(15deg);
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
    -ms-transform: skew(15deg);
}

.fenlei ul li:hover {
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.fenlei ul li:hover a {
    color: #FFFFFF;
}

.disp {
    width: 80%;
    float: right;
}

#pageMain {
    width: 100%;
    display: table;
}

.disp ul li {
    width: 32.33%;
    float: left;
    margin: 0.5%;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disp ul li .simg {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.disp ul li .simg img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    transform: scale(1);
}

.sbt {
    position: relative;
}

.disp ul li .sbt p {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    height: 24px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disp ul li:hover {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disp ul li:hover img {
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disp ul li p:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: -20px;
    background-color: #305bc4;
}

.disp ul li:hover p::after {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disp ul li:hover p {
    color: #305bc4;
}

.dispd ul {}

.dispd ul li {
    display: table;
    width: 100%;
    margin-top: 1%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd .simg {
    width: 40%;
    height: 300px;
    float: left;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.dispd .simg img {
    width: 100%;
    display: inline-block;
}

.dispd .kozheying {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd .sbt {
    width: 58%;
    float: right;
    height: 100%;
    display: table;
    height: 300px;
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd .sbt2 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    height: 100%;
}

.dispd .sbt2 h3 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.dispd .sbt2 span {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding-top: 20px;
    padding-bottom: 50px;
    display: block;
}

.dispd .sbt2 p {
    color: #999;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}

.dispd .sbt:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 50%;
    background-color: #e5e9ef;
}

.dispd .sbt:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    height: 1px;
    top: 50%;
    background-color: #305bc4;
    z-index: 99;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd ul li:hover .kozheying {
    left: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd ul li:hover .sbt {
    margin-top: -10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd ul li:hover .sbt::before {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispd ul li:hover h3 {
    color: #305bc4;
}

.disps {
    width: 100%;
}

.disps ul {
    display: table;
}

.disps ul li {
    width: 32.33%;
    margin: 0.5%;
    float: left;
    background-color: #f1f1f1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps .suojin {
    padding: 2%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps .simg {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps .simg img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps .sbt {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps ul li:hover {
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps ul li:hover .suojin {
    border-radius: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps ul li:hover .simg {
    border-radius: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps ul li:hover img {
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.disps ul li:hover .sbt {
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul {
    display: table;
}

.dispo ul li {
    width: 32.33%;
    float: left;
    margin: 0.5%;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li .simg {
    width: 100%;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.dispo ul li .simg .dqpp {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li .sbt p {
    padding-top: 10px;
    font-size: 18px;
    padding-bottom: 20px;
    text-align: center;
    position: relative;
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li p:after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: #305bc4;
}

.dispo .xiaoying {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo .xiaoying .juzhongx {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.dispo .xiaoying img {
    display: inline-block;
    width: 30%;
}

.dispo ul li:hover .xiaoying {
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li:hover {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li:hover .dqpp {
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li:hover p::after {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.dispo ul li:hover p {
    color: #305bc4;
}

#pageBox {
    display: table;
    margin: 0px auto;
    text-align: center;
    padding-top: 30px;
}

#prev,
#next {
    width: 82px;
    height: 30px;
    background-color: #FFFFFF;
    border: 1px solid #bfbfbf;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
    cursor: pointer;
    display: inline;
    display: inline-block;
    float: left;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#prev:hover {
    background-color: #305bc4;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#next:hover {
    background-color: #305bc4;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#pageNav {
    display: inline;
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#pageBox #pageNav .active {
    background-color: #305bc4;
    color: #FFFFFF;
}

#pageBox #pageNav a {
    width: 35px;
    height: 30px;
    color: #333333;
    float: left;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #305bc4;
    background-color: #FFFFFF;
}

#pageBox #pageNav a:hover {
    background-color: #305bc4;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.img_big_box {
    width: 50%;
    text-align: center;
    float: left;
    display: table;
}

.img_box {
    width: 100%;
    height: 440px;
    margin-bottom: 20px;
    overflow: hidden;
}

.img_big_box .img_box img {
    width: 100%;
    display: inline-block;
}

.small_box {
    width: 100%;
    height: 60px;
    display: table;
    overflow: hidden;
}

.small_box img {
    width: 10%;
    height: 100%;
    float: left;
    margin-left: 0.5%;
}

.info_big_box {
    width: 50%;
    float: right;
}

.pagenum {
    padding-top: 10px;
}

.info_1 .dh {
    padding-top: 30px;
}

.info_big_box h1 {
    font-size: 36px;
    font-weight: bold;
    text-indent: 30px;
    padding-top: 100px;
}

.info_1 .dh p {
    font-size: 17px;
    text-indent: 30px;
    line-height: 20px;
}

.info_1 .dh p span {
    font-size: 26px;
    color: #305bc4;
}

.info_3 {
    padding-top: 20px;
}

.info_3 p {
    font-size: 18px;
    text-indent: 30px;
    line-height: 20px;
    float: left;
}

.info_3 p span {
    font-size: 18px;
    color: #305bc4;
}

.share {
    padding-top: 30px;
    text-indent: 30px;
}

.article_content p {
    line-height: 30px;
}

.article_content img {
    margin-top: 10px;
    margin-top: 20px;
    display: inline-block;
}

.pagenum {
    padding-top: 30px;
    display: table;
    margin: 0px auto;
}

#list .auto,
#news_article,
#article,
.position_now .auto {
    margin: 0 auto;
}

.xgcp_title {
    padding: 10px;
    background-color: #fafafa;
    margin: 30px 0 0;
}

.xgcp_title h3 {
    color: #f58500;
    border-left: 2px solid #f58500;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
}

#xgcp ul li {
    overflow: hidden;
    float: left;
    text-align: center;
    width: 23%;
    height: 260px;
    position: relative;
    margin: 1%;
}

#xgcp ul li .lp {
    overflow: hidden;
}

#xgcp ul li img {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#xgcp ul li:hover img {
    transform: scale(1.2);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#xgcp ul li strong {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 36px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 100;
    line-height: 36px;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#xgcp ul li:hover strong {
    background-color: #f58500;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}


/*å“åº”å¼æ ·å¼*/


/**/

.fen1 {
    background: url(../images/cb1.jpg) center;
    background-size: cover;
    position: relative;
}

.fen2 {
    background: url(../images/bg1.jpg) center;
    background-size: cover;
}

.fen3 {
    background: url(../images/bg2.jpg) center;
    background-size: cover;
}

.fen4 {
    background: url(../images/bg3.jpg) center;
    background-size: cover;
}

.fen5 {
    background: url(../images/bg4.jpg) center;
    background-size: cover;
}

.fen6 {
    background: url(../images/bg5.jpg) center;
    background-size: cover;
}

.fen7 {
    background: url(../images/bg6.jpg) center;
    background-size: cover;
}

.fen8 {
    background: url(../images/bg7.jpg) center;
    background-size: cover;
}

.fen9 {
    background: url(../images/bg9-2.jpg) center;
    background-size: cover;
}

.dingbu {
    background: url(../images/xiangshang.png) center center/50% no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    background-color: #305bc4;
    border-radius: 10%;
    position: fixed;
    right: 6px;
    bottom: 100px;
    z-index: 99999999999;
    display: table;
}

.dingbu a {
    width: 100%;
    height: 100%;
    display: table;
}

.dingbu .ddb {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.dingbu img {
    width: 60%;
    display: inline-block;
}

video {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.wsx {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
}

.wsxt {
    display: table-cell;
    vertical-align: middle;
}

.wsx .wentiz1 {
    display: table;
    width: 1260px;
    margin: 0px auto;
}

.wsx .wentiz1 img {
    width: 100%;
    display: inline-block;
}

.wsx .pl1 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 30px;
}

.wsx .pl2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.wsx .shx {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
    left: 0;
}

.wsx .shx img {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 28px;
    height: 50px;
    left: 50%;
    margin-left: -14px;
    animation: myMove 2s infinite;
    -webkit-animation: myMove 2s infinite;
}

@keyframes myMove {
    0% {
        top: 0px;
    }
    50% {
        top: 10px;
    }
    100% {
        top: 0px;
    }
}

@-webkit-keyframes myMove {
    0% {
        top: 0px;
    }
    50% {
        top: 10px;
    }
    100% {
        top: 0px;
    }
}




.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {}



.bw {
    width: 96%;
    height: 100%;
    margin: 0px auto;
}

.shoull .kopx {
    width: 44%;
    position: relative;
    float: none;
    margin: 0px auto;
}

.kopx {
    width: 20%;
    position: relative;
    float: left;
}

.kopx:before {
    width: 100%;
    content: '';
    display: block;
    padding-top: 100%;
}

.kopx .klpw {
    width: 110%;
    height: 110%;
    top: 0;
    left: 0;
    margin-left: -5%;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
}

.klpw .zheyingx {
    position: absolute;
    left: 0;
    top: 100%;
    display: table;
    background-color: rgba(10, 163, 68, .8);
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.klpw:hover .zheyingx {
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.klpw .copw {
    position: absolute;
    text-align: center;
    bottom: 80px;
    left: 0;
    width: 100%;
    font-size: 26px;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0px 5px 10px #000000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.klpw:hover .copw {
    bottom: -100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.zheyingxb {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}

.zheyingxb h3 {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 20px;
}

.zheyingxb p {
    width: 61%;
    height: 38px;
    border: 1px solid #9dd0b4;
    line-height: 38px;
    margin: 0px auto;
    border-radius: 30px;
    margin-bottom: 13px;
}

.zheyingxb p a {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
}

.zheyingxb p:hover {
    background-color: #FFFFFF;
}

.zheyingxb p:hover a {
    color: #305bc4;
}

.klpw img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-button-next {
    width: 40px;
    height: 51px;
}

.swiper-button-prev {
    width: 40px;
    height: 51px;
}

div.jiuwo1:after {
    display: none;
}

.ttu {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    bottom: 60px;
    margin-left: -30px;
}

.ttu img {
    width: 100%;
}

.oov {
    width: 100%;
    height: 57px;
    border-bottom: 1px solid #FFFFFF;
    line-height: 57px;
    color: #FFFFFF;
}

.oov h3 {
    font-size: 18px;
    float: left;
    margin-left: 20px;
}

.oov p {
    font-size: 16px;
    float: right;
    margin-right: 20px;
    width: 116px;
    height: 30px;
    line-height: 30px;
    margin-top: 13px;
    background-color: #305bc4;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}


/**/

.fen4 .zl {
    float: left;
    width: 53%;
}

.fen4 .zl #mx {
    width: 100%;
}

.fen4 .zl .koxw {
    text-align: left;
    color: #FFFFFF;
    text-align: justify;
    line-height: 30px;
    font-size: 16px;
    padding-top: 73px;
}

.fen4 .zl .ywu {
    width: 100%;
    margin-top: 70px;
}

.fen4 .zl .er1:nth-child(1) {
    float: left;
    width: 12%;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    text-align: center;
    margin-left: 0;
}

.fen4 .zl .er1 {
    float: left;
    width: 12%;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    text-align: center;
    margin-left: 6%;
}

.fen4 .zl .er1 img {
    display: inline-block;
    margin-top: 18px;
    width: 46%;
}

.fen4 .zl .er1 p {
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 6px;
    padding-bottom: 16px;
}

.fen4 .zl .er1:hover {
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.fen4 .rl {
    float: right;
    width: 42%;
    height: 100%;
    margin-top: 50px;
}

.fen4 .rl .er2 {
    position: relative;
}

.fen4 .rl .er2:nth-child(1) {
    float: left;
    width: 49%;
}

.fen4 .rl .er2:nth-child(2) {
    float: right;
    width: 49%;
}

.fen4 .rl .er2:nth-child(3) {
    float: left;
    width: 32%;
    margin-top: 3%;
}

.fen4 .rl .er2:nth-child(4) {
    float: left;
    width: 32%;
    margin-left: 2%;
    margin-top: 3%;
}

.fen4 .rl .er2:nth-child(5) {
    float: right;
    width: 32%;
    margin-top: 3%;
}

.fen4 .rl .er2 img {
    width: 100%;
}

.fen4 .rl .er2 p {
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    background-color: #00003e;
}

.kox ul {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.kox ul:hover .bgimg {
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}


/*.kox ul:hover .erwu{width: 20%;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.kox ul .erwu:hover{width: 40%;}*/

.kox {
    width: 100%;
    height: 100%;
    position: relative;
}

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

#tecBg img {
    width: 100%;
    max-width: initial;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.kox .hgj2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/dq2.png);
    background-size: cover;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.kox .hgj3 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background: url(../images/dq1.png);
    background-size: cover;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.kox .hgj {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: table;
}

.kox .hj22 {
    display: table-cell;
    vertical-align: middle;
}

.kox .erwu {
    width: 25%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.kox .erwu .bgimg {
    width: auto;
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: initial;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

.kox .erwu .klimg1 {
    display: block;
    border-radius: 100%;
    width: 27.1%;
    margin: 0px auto;
}

.kox .erwu .klimg2 {
    display: none;
    border-radius: 100%;
    width: 27.1%;
    margin: 0px auto;
}

.kox .erwu h4 {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    padding-top: 47px;
    padding-bottom: 48px;
}

.kox .erwu span {
    display: block;
    width: 21%;
    height: 1px;
    background-color: #FFFFFF;
    margin: 0px auto;
    margin-bottom: 50px;
}

.kox .erwu p {
    width: 80%;
    margin: 0px auto;
    text-align: justify;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 30px;
}

#list .left_side {
    width: 18%;
}

#list .left_side .box_one,
#list .left_side .box_two {
    width: 98%;
    background-color: #305bc4;
    padding: 10px 10px;
}

#list .left_side .box_one .title {
    text-align: center;
    margin-bottom: 20px;
}

#list .left_side .box_one .title h3 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    margin: 20px 0 10px 0;
}

#list .left_side .box_one .title p {
    color: #fff;
    font-size: 16px;
}

#list .left_side .box_one ul li {
    line-height: 50px;
    background-color: #fff;
    margin-bottom: 5px;
    text-align: left;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#list .left_side .box_one ul li:hover {
    background-color: #f9be00;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}

#list .left_side .box_one ul li:hover a {
    color: #FFFFFF;
}

#list .left_side .box_one ul li a {
    color: #333;
    padding-left: 20px;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


}
#list .left_side .box_one ul li a i {
    background-color: #f8a245;
}
.pub_button .pb_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #305bc4;
    -webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    visibility: hidden\9;
    z-index: -1;
}
#list .left_side .box_two {
    margin-top: 10px;
    padding: 20px 10px;
}
#list .left_side .box_two p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
#list .left_side .box_two strong {
    color: #fff;
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
    font-family: impact;
    font-weight: 100;
}
#list .left_side .box_two .more {
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    margin-top: 10px;
    width: 100%;
    color: #333;
    text-align: center;
}
.kox .erwu:hover .klimg1 {
    display: none;
}
.kox .erwu:hover .klimg2 {
    display: block;
}
.kox .erwu:hover .hgj2 {
    top: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.kox .erwu:hover .hgj3 {
    top: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fen6 .yuncaia {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.fen6 .yuncaia .yuncaifudong {
    background-image: url("../images/yuncai.png");
    -webkit-animation: cloud_float 75s linear infinite;
    -moz-animation: cloud_float 75s linear infinite;
    -o-animation: cloud_float 75s linear infinite;
    -ms-animation: cloud_float 75s linear infinite;
    animation: cloud_float 75s linear infinite;
    /* å²”å¼€æ—¶é—´ */
}
.fen6 .cloud {
    position: absolute;
    top: 0;
    left: 0;
    width: 600%;
    height: 100%;
    background-image: url("../images/yuncai.png");
}
@keyframes cloud_float {
    0% {
        left: 0%;
    }
    
    100% {
        left: -200%;
    }
}
.w1778 {
    width: 1778px;
    margin: 0px auto;
    overflow: hidden;
}
.swiper-containert {
    width: 100%;
    height: 460px;
    padding-top: 48px;
}
.swiper-containert .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 600px;
    height: 418px;
    border: 5px solid #FFFFFF;
    overflow: hidden;
    box-sizing: border-box;
}
.swiper-containert img {
    width: 100%;
}
.swiper-button-nextb {
    position: absolute;
    right: 28.2%;
    top: 50%;
    width: 65px;
    height: 65px;
    margin-top: -32px;
    z-index: 99;
}
.swiper-button-prevb {
    position: absolute;
    left: 28.2%;
    top: 50%;
    width: 65px;
    height: 65px;
    margin-top: -32px;
    z-index: 99;
}
.fen7 .lpxz {
    float: left;
    width: 45.3%;
    position: relative;
    height: 600px;
}
.fen7 .lpzr {
    float: right;
    width: 50%;
    height: auto;
    display: table;
}
.fen7 .lpxz .mk24 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.fen7 .lpxz img {
    display: inline-block;
    height: 100%;
}
.fen7 .nox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.fen7 .obt {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    text-align: left;
    padding-bottom: 35px;
    padding-top: 32px;
}
.fen7 .obt h3 {
    font-size: 64px;
    color: #FFFFFF;
}
.fen7 .obt p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: justify;
}
.fen7 .onr {
    width: 100%;
    padding-top: 30px;
}
.fen7 .onr ul li {
    width: 22%;
    float: left;
    margin: 1.5%;
}
.fen7 .onr ul li:nth-child(1) {
    margin-left: 0;
}
.fen7 .onr ul li:nth-child(5) {
    margin-left: 0;
}
.fen7 .onr ul li:nth-child(9) {
    margin-left: 0;
}
.fen7 .onr ul li img {
    width: 100%;
    max-height: 90px;
}

/**********DIVæµ®åŠ¨**************/
.fen7 .nox .bb0 {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: url(../images/bol.png);
}
.fen7 .nox .bb1 {
    top: 38%;
    left: 23%;
}
.fen7 .nox .bb2 {
    top: 26%;
    right: 18%;
}
.fen7 .nox .bb3 {
    top: 37%;
    right: 34%;
}
.fen7 .nox .bb4 {
    top: 43%;
    right: 23%;
}
.fen7 .nox .bb5 {
    top: 47%;
    right: 45%;
}
.fen7 .nox .bb6 {
    top: 60%;
    right: 55%;
}
.fen7 .nox .bb7 {
    top: 63%;
    right: 36%;
}
.fen7 .nox .bb8 {
    top: 58%;
    right: 22%;
}
.fen7 .nox .bb9 {
    bottom: 18%;
    right: 54%;
}
.fen7 .nox .bb10 {
    bottom: 13%;
    right: 43%;
}
.fen7 .nox .bb11 {
    bottom: 17%;
    right: 28%;
}

/**********SPANæµ®åŠ¨**************/
.fen7 .nox span.b1 {
    top: 38%;
    left: 23%;
}
.fen7 .nox span.b2 {
    top: 26%;
    right: 18%;
}
.fen7 .nox span.b3 {
    top: 37%;
    right: 34%;
}
.fen7 .nox span.b4 {
    top: 43%;
    right: 23%;
}
.fen7 .nox span.b5 {
    top: 47%;
    right: 45%;
}
.fen7 .nox span.b6 {
    top: 60%;
    right: 55%;
}
.fen7 .nox span.b7 {
    top: 63%;
    right: 36%;
}
.fen7 .nox span.b8 {
    top: 58%;
    right: 22%;
}
.fen7 .nox span.b9 {
    bottom: 18%;
    right: 54%;
}
.fen7 .nox span.b10 {
    bottom: 13%;
    right: 43%;
}
.fen7 .nox span.b11 {
    bottom: 17%;
    right: 28%;
}
.fen7 .nox span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #FFFFFF;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both;
}
.xinwenfen {
    width: 80%;
    margin: 0px auto;
    padding-top: 30px;
}
.xinkkow {
    width: 100%;
}
.xinkkow .hd {
    height: 32px;
    line-height: 32px;
    position: relative;
    display: table;
    width: 100%;
}
.xinkkow .hd ul {
    width: 100%;
    text-align: center;
    margin: 0px auto;
}
.xinkkow .hd ul li {
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    width: 161px;
    margin-left: 1%;
    margin-right: 1%;
    height: 32px;
    font-size: 24px;
}
.xinkkow .hd ul li:nth-child(1) {
    background-color: #087ad9;
}
.xinkkow .hd ul li:nth-child(2) {
    background-color: #0098b3;
}
.xinkkow .hd ul li:nth-child(3) {
    background-color: #087ad9;
}
.xinkkow .hd ul li:nth-child(4) {
    background-color: #0098b3;
}
.xinkkow .hd ul li:nth-child(5) {
    background-color: #087ad9;
}
.xinkkow .hd ul li:nth-child(6) {
    background-color: #0098b3;
}
.xinkkow .hd ul li:nth-child(7) {
    background-color: #087ad9;
}
.xinkkow .hd ul li:nth-child(8) {
    background-color: #0098b3;
}
.xinkkow .hd ul li:nth-child(9) {
    background-color: #087ad9;
}
.xinkkow .hd ul li:nth-child(10) {
    background-color: #0098b3;
}
.xinkkow .hd ul li.on {
    background: #fff;
    color: #FFFFFF;
    background-color: #3072c4;
}
.xinkkow .bd {
    width: 100%;
    display: table;
    margin-top: 18px;
}
.xinkkow .bd ul {}
.xinkkow .bd li {
    width: 81%;
    display: table;
    margin: 0px auto;
}
.zuox img {
    width: 100%;
}
.youx p:nth-child(1) {
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-bottom: 46px;
    line-height: 30px;
    margin-top: 5px;
    text-indent: 2em;
}
.youx p:nth-child(2) img {
    display: inline-block;
    margin-left: 13px;
}
.youx p:nth-child(2) {
    text-align: left;
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}
.xinkkow .bd li .neiv {
    width: 94%;
    margin: 0px auto;
    margin-top: 3%;
    height: auto;
    max-height: 250px;
    overflow: hidden;
}
.xinkkow .bd li .neiv img {
    width: 100%;
    transform: scale(1.2);
    display: inline-block;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.xinkkow .bd li .neivb {
    width: 85%;
    margin: 0px auto;
    text-align: justify;
}
.xinkkow .bd li .neivb h3 {
    font-size: 22px;
    color: #FFFFFF;
    padding-top: 30px;
    margin-bottom: 13px;
    height: 29px;
    overflow: hidden;
}
.xinkkow .bd li .neivb p {
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    height: 60px;
    overflow: hidden;
}
.xinkkow .bd li .shijian {
    position: absolute;
    left: 7%;
    top: -6%;
    width: 27%;
    height: 100px;
    background-color: #305bc4;
    text-align: center;
    z-index: 99;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.xinkkow .bd li .shijian .mp1 {
    font-size: 22px;
    padding-top: 20px;
}
.xinkkow .bd li .shijian .mp2 {
    font-size: 28px;
}
.xinkkow .bd li .shijian p {
    color: #FFFFFF;
}
.fen9 .mk8 {
    margin-top: 55px;
    position: relative;
}
.fen9 .mk8x {
    margin: 0px auto;
    width: 100%;
    display: table;
}
.fen9 .hengxian {
    width: 100%;
    position: absolute;
    left: 0;
    top: 15%;
    height: 1px;
    border-bottom: 1px dashed #427093;
    z-index: 1;
}
.fen9 .mk8x .mk8xa {
    float: left;
    width: 33.33%;
    text-align: center;
}
.fen9 .mk8x .mk8xa img {
    display: inline-block;
    padding-bottom: 6px;
}
.fen9 .mk8x .mk8xa p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
}
.mkow {
    position: absolute;
    left: 50%;
    bottom: 23%;
    width: 9.7%;
    height: 250px;
    margin-left: -4.85%;
}
.mkow img {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: myMove 2s infinite;
    -webkit-animation: myMove 2s infinite;
}
@keyframes myMove {
    0% {
        top: 0px;
    }
    
    50% {
        top: 10px;
    }
    
    100% {
        top: 0px;
    }
}
@-webkit-keyframes myMove {
    0% {
        top: 0px;
    }
    
    50% {
        top: 10px;
    }
    
    100% {
        top: 0px;
    }
}
.fen9 .erwx {
    margin-top: 100px;
    height: 190px;
}
.fen9 .erwx .weixiner {
    float: left;
    width: 157px;
    height: 157px;
    text-align: center;
}
.fen9 .erwx .weixiner img {
    width: 100%;
    height: 100%;
}
.fen9 .erwx .weixiner p {
    font-size: 16px;
    color: #FFFFFF;
}
.fen9 .erwx .yidonger {
    float: right;
    width: 157px;
    height: 157px;
    text-align: center;
}
.fen9 .erwx .yidonger img {
    width: 100%;
    height: 100%;
}
.fen9 .erwx .yidonger p {
    font-size: 16px;
    color: #FFFFFF;
}
.ddux {
    margin-top: -100px;
}
.dingyixia {
    width: 100%;
    height: 100px;
}
.fkx1 {
    width: 100%;
    box-shadow: 0px 0px 5px 2px rgba(201, 201, 201, 0.5);
    display: table;
}
.fkx1 .fxl {
    float: left;
    width: 50%;
    height: 430px;
    display: table;
}
.fkx1 .fxl .neixiao {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2rem;
    line-height: 1.8;
}
.fkx1 .fxl .neixiao h2 {
    font-size: 2.25rem;
}
.fkx1 .fxl p {
    text-align: justify;
    font-size: 14px;
}
.fkx1 .fxr {
    float: right;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    height: 430px;
    position: relative;
    overflow: hidden;
}
.fkx1 .fxr img {
    width: auto;
    max-width: initial;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.fkx2 {
    width: 100%;
    box-shadow: 0px 0px 5px 2px rgba(201, 201, 201, 0.5);
    display: table;
    margin-top: 50px;
    margin-bottom: 30px;
}
.fkx2 .fxl {
    float: right;
    width: 50%;
    height: 430px;
    display: table;
}
.fkx2 .fxl .neixiao {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2rem;
    line-height: 1.8;
}
.fkx2 .fxl .neixiao h2 {
    font-size: 2.25rem;
}
.fkx2 .fxl p {
    text-align: justify;
}
.fkx2 .fxr {
    float: left;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    height: 430px;
    position: relative;
    overflow: hidden;
}
.fkx2 .fxr img {
    width: auto;
    max-width: initial;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.fkx3 {
    width: 100%;
    box-shadow: 0px 0px 5px 2px rgba(201, 201, 201, 0.5);
    display: table;
    margin-top: 50px;
    margin-bottom: 50px;
}
.fkx3 .fxl {
    width: 100%;
    display: table;
}
.fkx3 .fxl .neixiao {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2rem;
    line-height: 1.8;
    padding-bottom: 50px;
    padding-top: 50px;
}
.fkx3 .fxl .neixiao h2 {
    font-size: 2.25rem;
    text-align: center;
}
.fkx3 .fxl p {
    text-align: justify;
}
.rongyu {
    width: 1300px;
    padding: 3rem 0;
    margin: 0px auto;
    position: relative;
}
.dcb {
    width: 100%;
    background-color: #e5eaf0;
}
.rongyu .qbt {
    font-size: 2.25rem;
    text-align: center;
    width: 100%;
    font-weight: normal;
    margin-bottom: 2rem;
}
.swiper-containerp {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.swiper-containerp img {
    width: 100%;
    height: auto;
    margin: 0px auto;
}
.swiper-containerp .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
}
.swiper-button-nextc {
    position: absolute;
    right: 0;
    top: 50%;
    width: 38px;
    height: 71px;
    z-index: 99;
    cursor: pointer;
}
.swiper-button-prevc {
    position: absolute;
    left: 0;
    top: 50%;
    width: 38px;
    height: 71px;
    z-index: 99;
    cursor: pointer;
}
.fenlei2 {
    width: 100%;
}
.fenlei2 ul li {
    width: 49%;
    float: left;
    margin: 0.5%;
    background-color: #f1f1f1;
}
.fenlei2 .zs {
    width: 50%;
    float: left;
    height: 100%;
    display: table;
}
.fenlei2 .zs .zsf {
    text-indent: 1em;
    font-size: 26px;
    height: 100%;
    width: 100%;
}
.fenlei2 .zs .zsf h3 {
    margin-top: 10%;
    position: relative;
    font-size: 26px;
}
.fenlei2 h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.5em;
    width: 20%;
    height: 2px;
    background-color: #305bc4;
    margin-left: 1em;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fenlei2 .bka {
    width: 100%;
    height: 100%;
    display: table;
    border: 1px solid #f1f1f1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fenlei2 .bka img {
    width: 43%;
    float: right;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fenlei2 ul li:hover .bka {
    border: 1px solid #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fenlei2 ul li:hover h3::after {
    width: 45%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fenlei2 ul li:hover img {
    margin-right: 1%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.shoujifenl {
    width: 98%;
    margin: 0px auto;
}
.shoujifenl ul li {
    width: 31.33%;
    float: left;
    margin: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    background-color: rgba(10, 163, 68);
    text-align: center;
    border-radius: 10px;
}
.shoujifenl ul li a {
    color: #FFFFFF;
}

/*************æ‰‹æœºç«¯éƒ¨åˆ†å†…å®¹**************/
.product_list h1,
.news_list h1 {
    font-weight: bold;
    color: #333;
    font-size: 20px;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}
.product_list h3 {
    font-weight: bold;
    color: #333;
    font-size: 18px;
    position: relative;
    width: 100%;
    text-align: left;
}
.product_list h3::after,
.news_list h1::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #ff8400;
}
.shoxxw {
    max-width: 640px;
    margin: 0px auto;
}
.product_list {
    width: 98%;
    margin: 0px auto;
}
.product_list .content img {
    margin: 20px 0;
    display: inline-block;
}
.product_list .time {
    text-align: center;
}
.product_list .pagenum,
.article_content .pagenum {
    margin-top: 20px;
    border-top: 1px solid #f3f3f3;
}
.article_content p {
    line-height: 30px;
}
.article_content p img {
    margin: 0px auto;
}
.xiaol {
    width: 100%;
    display: table;
    margin-top: 20px;
}
.xiaol ul li {
    width: 25%;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #305bc4;
}
.xiaol ul li a {
    font-size: 16px;
    color: #FFFFFF;
}
.xiaol ul li .xiaohh {
    width: 99%;
    height: 100%;
    border-right: 2px solid #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.xiaol ul li:nth-child(4) .xiaohh {
    width: 99%;
    height: 100%;
    border-right: 0px solid #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.xiaol ul li:hover .xiaohh {
    background-color: #fafafa;
}
.xiaol ul li:hover a {
    color: #305bc4;
}
.jixow {
    width: 100%;
    display: table;
    height: 1px;
}
nav.hy-xd {
    margin-top: 0;
    width: 62%;
}
.dingbu .bx {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 5px;
    display: block;
}
.article_content img {
    padding-top: 30px;
}
.neixiao img {
    display: inline-block;
}

/********åº•éƒ¨***********/
.footll {
    height: 360px;
    ;
    background-color: #000000;
    margin-top: 50px;
    border-bottom: 1px solid #555;
}
.footll .hxx {
    height: 100%;
}
.footll .fooxxt {
    width: 100%;
    height: 100%;
}
.footll .fooxxt ul {
    width: 100%;
    height: 100%;
}
.footll .fooxxt ul li {
    width: 25%;
    height: 100%;
    display: table;
    float: left;
    position: relative;
}
.footll .fooxxt ul li:nth-child(4):after {
    display: none;
}
.footll .fooxxt ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: #555;
}
.footll .fooxxt ul li .footnei1 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: left;
}
.footll .fooxxt ul li .footnei1 img {
    display: inline-block;
    width: 50%;
}
.footll .fooxxt ul li .footnei2 {
    width: 80%;
    height: 100%;
    text-align: left;
    margin: 0px auto;
}
.footll .fooxxt ul li .footnei2 h3 {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 80px;
    padding-bottom: 10px;
}
.footll .fooxxt ul li .footnei2 .didao {
    width: 50%;
    float: left;
    height: 30px;
    line-height: 30px;
}
.footll .fooxxt .didao a {
    font-size: 16px;
    color: #FFFFFF;
}
.footll .fooxxt ul li .footnei3 {
    width: 80%;
    height: 100%;
    text-align: left;
    margin: 0px auto;
}
.footll .fooxxt ul li .footnei3 h3 {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 80px;
    padding-bottom: 10px;
}
.footll .fooxxt ul li .footnei3 p {
    line-height: 20px;
    color: #FFFFFF;
    font-size: 14px;
}
.footll .fooxxt ul li .footnei4 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: right;
}
.footll .fooxxt ul li .footnei4 img {
    display: inline-block;
    width: 40%;
}
.footll .fooxxt ul li .footnei4 p {
    color: #FFFFFF;
}
.koxpw {
    width: 100%;
    height: 100px;
}

/****é¦–é¡µæ»š*****/
.xiangshang {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.xiangshang .bd {}
.xiangshang .bd ul {
    overflow: hidden;
    zoom: 1;
    height: 90px;
}
.xiangshang .bd ul li {
    text-align: center;
    zoom: 1;
    float: left;
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 1%%;
    height: 90px;
    position: relative;
}
.xiangshang .bd ul li img {
    width: 100%;
    height: 100%;
}

/****é¦–é¡µæ»šend*****/

/*******å†…é¡µé”šç‚¹å®šä½å¯¼èˆª********/
.section-content {
    width: 100%;
    margin: auto;
}
.nav-height {
    position: relative;
    height: 50px
}
.nav-box {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    margin-top: 30px;
    background: #fff
}
.nav-box.navFix {
    position: fixed;
    top: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-bottom: 1px solid #e3e3e3\9;
    z-index: 99999
}
.nav-box ul {
    padding: 0;
    margin: 0 auto;
    width: 1200px;
    display: block
}
.nav-box.navFix ul {
    border-bottom: 0
}
.nav-box li {
    display: inline-block;
    width: 25%;
    text-align: left;
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: center;
    position: relative;
    background-color: #fafafa;
}
.nav-box li a {
    display: block;
    padding: 0 20px;
    font-size: 16px;
    color: #333;
    text-decoration: none
}
.nav-box li a:before {
    content: " ";
    width: 1px;
    height: 24px;
    border-right: 1px solid #e80;
    position: absolute;
    top: 16px;
    left: -2px
}
.nav-box li a.activedd:before {
    content: " ";
    width: 0;
    border: none
}
.nav-box li:first-child a:before {
    content: " ";
    width: 0;
    border: none
}
.nav-box li a:hover {
    color: #e80
}
.nav-box li a.activedd {
    color: #fff;
    background: #e80
}

/******END**************/
.nixow {
    width: 95%;
    float: right;
    padding-top: 20px;
    font-size: 16px;
    line-height: 20px;
    height: 125px;
    overflow: hidden;
    margin-bottom: 10px;
}
.nixow2 {
    width: 95%;
    float: right;
}
.nixow2 img {
    display: inline-block;
    width: 16px;
}
.nixow2 .mianfei {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
}
.nixow2 .mianfei2 {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
}
.nixow2 .mianfei p {
    border: 1px solid #305bc4;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    background-color: #305bc4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.nixow2 .mianfei2 p {
    border: 1px solid #305bc4;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #305bc4;
    background-color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.nixow2 .mianfei:hover p {
    background-color: #f9be00;
    color: #FFFFFF;
    border: 1px solid #f9be00;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.nixow2 .mianfei2:hover p {
    background-color: #f9be00;
    color: #FFFFFF;
    border: 1px solid #f9be00;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.hy-quxiao:after {
    display: none;
}
.hy-quxiao:before {
    display: none;
}
.ddu1x {
    font-size: 26px;
    float: right;
    font-family: impact;
    color: #305bc4;
}
.ddu2x {
    font-size: 21px;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    color: #305bc4;
}
.fenliejian img {
    width: 50%;
}
.footer {
    background-color: rgba(220, 0, 0, 0.75);
    height: 50px;
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -46%;
    z-index: 998;
    width: 100%;
    border-radius: 10px;
}
@media (min-width:640px) {
    .footer {
        width: 96% !important;
        left: 50%;
        margin-left: -48%;
    }
}
@media (max-width:640px) {
    .footer {
        width: 96% !important;
        left: 50%;
        margin-left: -48%;
    }
}
.footer a {
    float: left;
    width: 33.33%;
    text-align: center;
}
.footer img {
    display: inline-block;
    height: 24px;
    margin: 5px 0 0;
}
.footer strong {
    color: #fff;
    font-size: 12px;
    display: block;
    height: 20px;
    line-height: 20px;
}

/*****************************è‡´çº¯ç½‘ç«™css********************************/
.fengding {
    width: 100%;
    height: 110px;
    background: #FFFFFF;
}
.banner .swiper-slide img {
    height: 100%;
}
.bxc {
    width: 100%;
}
.wopx p:nth-child(1) {
    font-size: 101.95px;
    text-align: left;
    color: #4a8bf3;
    font-weight: 100;
}
.wopx p:nth-child(2) {
    font-size: 76.51px;
    color: #3072c4;
    text-align: left;
    font-weight: bold;
    padding-bottom: 29px;
    margin-top: -21px;
}
.wopx p:nth-child(2) span {
    font-size: 36px;
    color: #FFFFFF;
}
.wopx p:nth-child(3) {
    width: 174px;
    height: 1px;
    background-color: #FFFFFF;
}
.wopx p:nth-child(4) {
    font-size: 60px;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    padding-top: 29px;
    padding-bottom: 64px;
}
.zhichunanniu {
    width: 138px;
    height: 40px;
    background-color: #3072c4;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.zhichunanniu a {
    font-size: 18px;
    color: #FFFFFF;
}
.mkox p:nth-child(1) {
    font-size: 129.83px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    margin-top: 55px;
}
.mkox p:nth-child(2) {
    font-size: 49.8px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: -72px;
}
.mkox2 {
    height: 180px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mkox2 .mko3 {
    width: 18%;
    margin-right: 1%;
    height: 44px;
    border-radius: 44px;
    border: 3px solid #FFFFFF;
    background: url(../images/jb1.jpg);
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.mkox2 .mko3 img {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
}
.mkox2 .mko3 a {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 44px;
    font-size: 25px;
    color: #FFFFFF;
    font-weight: bold;
    text-indent: 1em;
}
.mkabout {
    display: table;
    padding-bottom: 20px;
}
.mkzuo {
    float: left;
    width: 56%;
    margin-top: 60px;
}
.mkzuo p {
    font-size: 16px;
    text-align: justify;
    line-height: 31px;
}
.mkyou {
    width: 39%;
    float: right;
}
.mkyou img {
    width: 100%;
}
.tu1 {
    width: 100%;
    height: 268px;
    overflow: hidden;
}
.tu1 img {
    min-height: 262px;
}
.tu2 {
    width: 100%;
    margin-top: 13px;
    display: table;
}
.tu2 .tu2z {
    width: 48%;
    height: 128px;
    float: left;
    overflow: hidden;
    border: 3px solid #3072c4;
}
.tu2 .tu2y {
    width: 48%;
    height: 128px;
    float: right;
    overflow: hidden;
    border: 3px solid #3072c4;
}
.tu1 .tu1z {
    width: 48%;
    height: 262px;
    float: left;
    overflow: hidden;
    border: 3px solid #3072c4;
}
.tu1 .tu1y {
    width: 48%;
    height: 262px;
    float: right;
    overflow: hidden;
    border: 3px solid #3072c4;
}
.dongshi p:nth-child(1) {
    font-size: 97.21px;
    color: rgba(0, 0, 0, .1);
    font-weight: bold;
}
.dongshi p:nth-child(2) {
    font-size: 50.42px;
    color: #1a4cab;
    font-weight: bold;
    margin-top: -47px;
}
.dongshi1 {
    width: 100%;
    display: table;
    margin-top: 60px;
}
.dongshi1 img {
    width: 100%;
}
.dongshi1 .dongshiz {
    width: 37.6%;
    float: left;
    margin-left: 2%;
}
.dongshi1 .dongshiy {
    width: 57%;
    margin-top: 5px;
    float: right;
    text-align: justify;
    font-size: 18px;
    color: #000000;
    line-height: 35px;
    font-weight: 600;
}
.diex {
    margin: 0px auto;
    margin-top: 150px;
}
.jcixpo {
    display: table;
}
.jcixpoz {
    width: 32%;
    float: left;
}
.jcixpoy {
    width: 63.1%;
    float: right;
    display: table;
}
.jcixpoz p {
    text-align: left;
}
.jcixpoz p:nth-child(1) {
    font-size: 50px;
    color: #1950ab;
    font-weight: bold;
}
.jcixpoz p:nth-child(2) {
    font-size: 50px;
    color: #FFFFFF;
    font-weight: bold;
}
.jcixpoz p:nth-child(3) {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    padding-top: 35px;
    padding-bottom: 52px;
}
.jcixpoy ul li {
    width: 49%;
    height: 267px;
    margin: 1%;
    float: left;
    border-radius: 20px;
    text-align: center;
}
.jcixpoy ul li:nth-child(1),
.jcixpoy ul li:nth-child(3) {
    margin-left: 0;
}
.jcixpoy ul li:nth-child(2),
.jcixpoy ul li:nth-child(4) {
    margin-right: 0;
}
.jcixpoy ul li:nth-child(1) {
    background-color: #1d63d0;
}
.jcixpoy ul li:nth-child(2) {
    background-color: #03aba9;
}
.jcixpoy ul li:nth-child(3) {
    background-color: #1dd076;
}
.jcixpoy ul li:nth-child(4) {
    background-color: #7c2ad0;
}
.jcixpoy ul li div {
    border: 1px solid #FFFFFF;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.jcixpoy ul li img {
    display: inline-block;
    margin-top: 13px;
    margin-bottom: 20px;
}
.jcixpoy ul li p {
    width: 90%;
    margin: 0px auto;
}
.jcixpoy ul li p:nth-child(2) {
    font-size: 35px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: justify;
    margin-bottom: 23px;
}
.jcixpoy ul li p:nth-child(3) {
    color: #FFFFFF;
    font-size: 17px;
    text-align: justify;
}
.dongshid p:nth-child(1) {
    font-size: 97.21px;
    color: rgba(0, 0, 0, .1);
    font-weight: bold;
}
.dongshid p:nth-child(2) {
    font-size: 50.42px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: -47px;
}
.hhx {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
    margin-top: 90px;
    margin-bottom: 40px;
}
.ckl ul li {
    width: 25%;
    display: table;
    float: left;
    padding-bottom: 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.ckl ul li a {
    width: 100%;
    height: 100%;
}
.ckl ul li div.x {
    width: 94%;
    margin: 0px auto;
    margin-top: 23px;
}
.ckl ul li .imgxc {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.ckl ul li .imgxc img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.ckl ul li h2 {
    font-size: 18px;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 7px;
    margin-top: 20px;
    height: 23px;
    overflow: hidden;
}
.ckl ul li .x55 {
    font-size: 14px;
    line-height: 23px;
    color: #FFFFFF;
    text-align: justify;
    height: 69px;
    overflow: hidden;
}
.xkl {
    width: 100%;
    margin-top: 10px;
}
.xkl p {
    float: left;
    font-size: 14px;
    color: #FFFFFF;
}
.xkl img {
    float: right;
}
.ckl ul li:hover {
    background-color: #3072c4;
}
.ckl ul li:hover .imgxc img {
    transform: scale(1.2);
}
.fen8 h3 {
    font-size: 119px;
    color: #FFFFFF;
    font-weight: bold;
}
.xc .guanzhu {
    float: left;
    text-align: center;
    margin-top: 195px;
}
.xc .guanzhu p {
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
}
.xc .guanzhu img {
    display: inline-block;
}
.xc .dianhua {
    float: right;
    text-align: center;
    margin-top: 195px;
}
.xc .dianhua p {
    font-size: 24px;
    color: #FFFFFF;
    margin-top: 7px;
}
.xc .dianhua img {
    display: inline-block;
}
.xc .zhongjian {
    width: 471px;
    height: 543px;
    background: url(../images/liubian2.png);
    background-size: cover;
    margin: 0px auto;
    margin-top: -125px;
}
.xc .zhongjian img {
    margin: 0px auto;
    margin-top: 76px;
}
.xc .zhongjian .mlx:nth-child(1) {
    font-size: 50px;
    color: #1950ab;
    padding-top: 100px;
}
.xc .zhongjian .mlx:nth-child(2) {
    font-size: 20.67px;
    color: #FFFFFF;
    padding-top: 41px;
}
.dibulianxx {
    width: 64%;
    margin: 0px auto;
    margin-top: 17px;
}
.dibulianxx p {
    font-size: 14px;
    color: #FFFFFF;
    text-align: justify;
    line-height: 26px;
}
.xxpp2 {
    text-align: center;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 10px;
}
.xxpp {
    width: 86%;
    margin: 0px auto;
}
.hengcha {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}
.hengcha2 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: justify;
    border: 5px solid #e7c97d;
    margin-right: 26px;
}
.hengcha2 p {
    width: 64%;
    margin: 0px auto;
    font-size: 30px;
    color: #733a0c;
    font-weight: bold;
    margin-top: 9px;
}
.zzk {
    position: fixed;
    left: 66px;
    bottom: 50px;
}
.zzk1 {
    width: 60px;
    height: 60px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.zzk2 {
    position: absolute;
    left: 70px;
    top: 0;
    height: 100%;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    width: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.zzk2 p {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}
.zzk3 {
    position: absolute;
    left: 70px;
    top: 0;
    height: 100%;
    padding: 0;
    background-color: #3072c4;
    overflow: hidden;
    width: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.zzk3 p {
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}
.zzk4 {
    position: absolute;
    left: 70px;
    bottom: 0;
    height: 100%;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    width: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.zzk4 p {
    color: #FFFFFF;
}
.zzk4 img {
    width: 100%;
    height: 100%;
}
.zzk1:hover .zzk2 {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.zzk1:hover .zzk3 {
    width: 200%;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.zzk1:hover .zzk4 {
    width: 200%;
    height: 200%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.fflx {
    height: 92%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.fflx2 {
    width: 22%;
    position: absolute;
    right: 10%;
    top: 10%;
    z-index: 0;
    max-width: initial;
    display: none;
}
.fflx3 {
    width: 60%;
    margin: 0px auto;
    margin-top: 25px;
    display: none;
}
.dkpx1 {
    background: url(../images/bannerx2.jpg) center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}
.dkpx2 {
    background: url(../images/bannerx4.jpg) center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}
.dkpx3 {
    background: url(../images/bannerx6.jpg) center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}
.bannerx2 {
    width: 1300px;
    height: auto;
    margin: 0px auto;
    margin-top: 130px;
}

/******************************************************è‡´çº¯ç»“æŸ***********************************************************/

/******************************************************æ­£å®æ’ä»¶å¼€å§‹**********************************************************/
.mouse {
    position: absolute;
    left: 50%;
    bottom: 83px;
    margin-left: -13px;
    border: 1px solid #FFFFFF;
    width: 26px;
    height: 42px;
    border-radius: 100px;
    background-size: 100% 200%;
    -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
}
.mouse:before,
.mouse:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.mouse:before {
    width: 26px;
    height: 42px;
    border-radius: 100px;
}
.mouse:after {
    background-color: #305bc4;
    width: 5px;
    height: 10px;
    margin-top: 20px;
    border-radius: 5px;
    -webkit-animation: trackBallSlide 5s linear infinite;
    animation: trackBallSlide 5s linear infinite;
}
@-webkit-keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    
    20% {
        background-position: 0% 0%;
    }
    
    21% {}
    
    29.99% {
        background-position: 0% 0%;
    }
    
    30% {
        background-position: 0% 100%;
    }
    
    50% {
        background-position: 0% 0%;
    }
    
    51% {}
    
    59% {
        background-position: 0% 0%;
    }
    
    60% {
        background-position: 0% 100%;
    }
    
    80% {
        background-position: 0% 0%;
    }
    
    81% {}
    
    90%,
    100% {}
}
@keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    
    20% {
        background-position: 0% 0%;
    }
    
    21% {}
    
    29.99% {
        background-position: 0% 0%;
    }
    
    30% {
        background-position: 0% 100%;
    }
    
    50% {
        background-position: 0% 0%;
    }
    
    51% {}
    
    59% {
        background-position: 0% 0%;
    }
    
    60% {
        background-position: 0% 100%;
    }
    
    80% {
        background-position: 0% 0%;
    }
    
    81% {}
    
    90%,
    100% {}
}
@-webkit-keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    6% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    
    14% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    
    15%,
    19% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    
    28%,
    29.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    36% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    
    44% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    
    45%,
    49% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    
    58%,
    59.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    66% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    
    74% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    
    75%,
    79% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    
    88%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
}
@keyframes trackBallSlide {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    6% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    
    14% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    
    15%,
    19% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    
    28%,
    29.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    30% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    36% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    
    44% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    
    45%,
    49% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    
    58%,
    59.99% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
    
    66% {
        opacity: 1;
        -webkit-transform: scale(0.9) translateY(5px);
        transform: scale(0.9) translateY(5px);
    }
    
    74% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(40px);
        transform: scale(0.4) translateY(40px);
    }
    
    75%,
    79% {
        opacity: 0;
        -webkit-transform: scale(0.4) translateY(-20px);
        transform: scale(0.4) translateY(-20px);
    }
    
    88%,
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(-20px);
        transform: scale(1) translateY(-20px);
    }
}
@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    20% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    80% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes nudgeText {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    20% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes nudgeText {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    20% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes colorText {
    21% {
        color: #4e5559;
    }
    
    30% {
        color: #ffffff;
    }
    
    51% {
        color: #4e5559;
    }
    
    60% {
        color: #ffffff;
    }
    
    81% {
        color: #4e5559;
    }
    
    90% {
        color: #ffffff;
    }
}
@keyframes colorText {
    21% {
        color: #4e5559;
    }
    
    30% {
        color: #ffffff;
    }
    
    51% {
        color: #4e5559;
    }
    
    60% {
        color: #ffffff;
    }
    
    81% {
        color: #4e5559;
    }
    
    90% {
        color: #ffffff;
    }
}
.zuox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 9999;
}
.youx {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 99991;
    background: linear-gradient(to right, #f9957f 0%, #f2f5d0 100%);
}
.jiazai8 {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    /*background: #f5f5f5;*/
    
    z-index: 99999;
}
.jiazai8 img {
    width: 410px;
    height: 410px;
    display: block;
}
@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
        /*ä»Ž0åº¦å¼€å§‹*/
    }
    
    100% {
        transform: rotateZ(360deg);
        /*360åº¦ç»“æŸ*/
    }
}

/******************************************************æ­£å®æ’ä»¶ç»“æŸ**********************************************************/

/******************************************************æ­£å®å¼€å§‹**********************************************************/
.zhengh0 {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.zhengh1 {
    width: 800px;
}
.dqppx {
    width: 100%;
    height: 100%;
}
.dqppx .tempWrap {
    width: 50%;
    float: right;
    height: 100%;
}
.dqppx .hd {
    float: left;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
}
.dqppx .bd {
    width: 50%;
    float: right;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.dqppx .bd li {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -100%;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.dqppx .bd li.activedc {
    bottom: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.dqppx .bd img {
    max-width: inherit;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.dqppx .hd ul {
    width: 82%;
    height: 100%;
    margin: 0px auto;
    display: flex;
    /*justify-content: center;*/
    
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.dqppx .hd li {
    width: 30%;
    height: 35px;
    margin: 1%;
    line-height: 35px;
    border: 1px solid #006ec3;
    border-radius: 35px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.dqppx .hd li a {
    font-size: 16px;
}
.dqppx .hd li.activedq {
    background-color: #006ec3;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.dqppx .hd li.activedq a {
    color: #FFFFFF;
}
.klppq {
    width: 50%;
    float: right;
    height: 100%;
}
.klppq ul {
    height: 100%;
}
.jkll {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    margin-left: -80px;
    margin-top: -80px;
    z-index: 999;
}
.jkll img {
    width: 100%;
    height: 100%;
    display: inline-block;
    animation: rotate2 20s linear infinite;
}
@keyframes rotate2 {
    0% {
        transform: rotateZ(0deg);
        /*ä»Ž0åº¦å¼€å§‹*/
    }
    
    100% {
        transform: rotateZ(360deg);
        /*360åº¦ç»“æŸ*/
    }
}
.xiaoji {
    box-sizing: border-box;
    width: 97%;
    display: table;
    padding-bottom: 17px;
}
.xiaoji p {
    font-size: 50px;
    color: #000000;
    font-weight: bold;
    float: left;
    text-indent: 8px;
}
.xiaoji p span {
    color: #305bc4;
}
.xiaoji a {
    float: right;
    display: block;
    width: 23%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 35px;
    background-color: #305bc4;
    margin-top: 21px;
    margin-right: 9px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.xiaoji a:hover {
    background-color: #006ec3;
}
.bckt {
    width: 100%;
    text-align: center;
}
.bckt p:nth-child(1) {
    font-size: 115px;
    font-family: impact;
    color: rgba(255, 255, 255, 0.2);
}
.bckt p:nth-child(2) {
    font-size: 68px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #b70002;
    margin-top: -80px;
    padding-bottom: 27px;
}
.fux {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.fux img {
    width: 100%;
    height: 100%;
    animation: ghostUpdown 2s infinite alternate;
    -webkit-animation: ghostUpdown 2s infinite alternate;
}
@keyframes ghostUpdown {
    from {
        margin-top: 100px;
        margin-left: 30px;
    }
    
    to {
        margin-top: 70px;
        margin-left: 0;
    }
}
@-webkit-keyframes ghostUpdown {
    from {
        margin-top: 100px;
        margin-left: 30px;
    }
    
    to {
        margin-top: 70px;
        margin-left: 0;
    }
}
.fux2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.xiamianh {
    display: flex;
}
.xiamianh p {
    width: 100%;
    display: table;
}
.xiamianh a {
    display: block;
    float: right;
    color: #FFFFFF;
    margin-top: 45px;
}
.xiamianh img {
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: 13px;
    margin-right: 144px;
}
.xxk {
    width: 100%;
    text-align: right;
}
.xxk img {
    display: inline-block;
    margin-top: 18px;
    margin-right: 77px;
}
.aan {
    width: 292px;
    height: 53px;
    border-radius: 53px;
    line-height: 53px;
    text-align: center;
    background-color: #e70003;
    margin: 0px auto;
    margin-top: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.aan:hover {
    background-color: #083d8d;
}
.aan a {
    font-size: 18px;
    color: #FFFFFF;
}
.ctu1 {
    position: absolute;
    left: 73px;
    bottom: 0;
    width: 34.5%;
}
.ctu2 {
    position: absolute;
    top: 180px;
    left: 582px;
    display: table;
    z-index: 99;
    animation-delay: 1s;
}
.ctu2 p:nth-child(1) {
    font-size: 55.72px;
    font-weight: bold;
    color: #a40203;
    position: relative;
}
.ctu2 p:nth-child(1):before {
    position: absolute;
    content: attr(text);
    left: 0;
    top: 0;
    z-index: 99;
    color: #fc1d39;
    -webkit-mask: linear-gradient(to top, #fc1d39, transparent);
}
.ctu2 p:nth-child(2) {
    font-size: 18.87px;
    color: #000000;
    text-align: left;
    margin-top: 3px;
}
.ctu3 {
    position: absolute;
    top: 215px;
    right: 85px;
    animation-delay: 1.5s;
    width: 57.3%;
}
.dklp {
    position: absolute;
    left: 0;
    top: 0;
}
.dklp p:nth-child(1) {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    margin-top: 11px;
    margin-right: 16px;
    background-color: #d31120;
    float: left;
}
.dklp p:nth-child(1) span {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #d31120;
    display: block;
    -webkit-animation: scale-three2 1.5s ease infinite;
    -moz-animation: scale-three2 1.5s ease infinite;
    -o-animation: scale-three2 1.5s ease infinite;
    animation: scale-three2 1.5s ease infinite;
    animation-fill-mode: both;
}
.dklp p:nth-child(2) {
    display: table;
    padding: 6px 20px;
    float: left;
    border-radius: 30px;
    background-color: #d31120;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.dklp p:nth-child(2):hover {
    background-color: #083d8d;
}
.dklp p:nth-child(2) a {
    color: #FFFFFF;
}
.dklp1 {
    top: 100px;
    left: 206px;
    animation-delay: 2.2s;
}
.dklp2 {
    top: 190px;
    left: 495px;
    animation-delay: 2.9s;
}
.dklp3 {
    top: 283px;
    left: 367px;
    animation-delay: 3.6s;
}
.dklp4 {
    top: 423px;
    left: 653px;
    animation-delay: 4.3s;
}
.dklp5 {
    top: 457px;
    left: 126px;
    animation-delay: 5s;
}
.dklp6 {
    top: 507px;
    left: 362px;
    animation-delay: 5.7s;
}
.xiaot {
    position: absolute;
    left: 10%;
    bottom: 10%;
    width: 37%;
}
.xiaot img {
    width: 100%;
}
.xiaot2 {
    position: absolute;
    left: 50%;
    top: 18%;
    margin-left: -300px;
    width: 24%;
}
.xiaot2 img {
    width: 100%;
}
.xiaot3 {
    width: 35.6%;
    position: absolute;
    right: 16%;
    top: 34%;
}
.ttc {
    display: table;
    width: 100%;
}
.ttc img {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}
.ttcin {
    float: right;
}
.ttcin p:nth-child(1) {
    font-size: 16px;
    color: #FFFFFF;
    text-align: left;
}
.ttcin p:nth-child(2) {
    font-size: 38.33px;
    color: #e70003;
    font-family: impact;
}
.nnk {
    width: 100%;
    margin-top: 42px;
}
.nnk p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: left;
}
.neicl {
    width: 166px;
    height: 38px;
    border-radius: 38px;
    background-color: #e70003;
    text-align: center;
    line-height: 38px;
    margin-top: 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.neicl a {
    font-size: 16px;
    color: #FFFFFF;
}
.swiper-containerdq {
    width: 100%;
    height: 100%;
}
.swiper-containerdq .swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-containerop {
    width: 100%;
    height: 100%;
}
.swiper-containerop .swiper-slide {
    text-align: center;
    border-right: 0px solid rgba(255, 255, 255, 0.5);
    border-left: 0px solid rgba(255, 255, 255, 0.5);
    /* Center slide text vertically */
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-nextdq,
.swiper-button-prevdq {
    position: absolute;
    bottom: 15%;
    width: 40px;
    height: 40px;
    margin-top: -32.5px;
    z-index: 999;
    cursor: pointer;
}
.swiper-button-nextdq {
    right: 50%;
    margin-right: -50px;
}
.swiper-button-prevdq {
    left: 50%;
    margin-left: -50px;
}
.cktt {
    height: 100%;
    overflow: hidden;
    position: relative;
    float: right;
    margin-right: 5%;
}
.wkuan {
    width: 96%;
    height: 424px;
    background-color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.imggc {
    width: 100%;
    height: 230px;
    overflow: hidden;
}
.imggc img {
    width: 100%;
    min-height: 210px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.imcnei {
    box-sizing: border-box;
    padding: 0 3%;
    text-align: left;
}
.imcnei h3 {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin-top: 33px;
    height: 21px;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.imcnei p {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.imcnei p:nth-child(2) {
    font-size: 14px;
    color: #515151;
    margin-top: 14px;
    height: 76px;
    overflow: hidden;
}
.imcnei p:nth-child(3) {
    font-size: 14px;
    color: #515151;
    margin-top: 23px;
}
.wkuan:hover {
    background-color: #305bc4;
}
.wkuan:hover h3 {
    color: #FFFFFF;
}
.wkuan:hover p {
    color: #FFFFFF;
}
.wkuan:hover img {
    transform: scale(1.3);
}
.kll {
    float: left;
    width: 29%;
    height: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}
.kll2 {
    width: 100%;
    display: table;
}
.kll2 p {
    width: 100%;
}
.kll2 p:nth-child(1) {
    font-size: 26px;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #e70003;
}
.kll2 p:nth-child(2) {
    font-size: 93.8px;
    font-family: impact;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #e70003;
}
.kll2 p:nth-child(3) {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px #e70003;
}
.aal {
    width: 140px;
    height: 35px;
    line-height: 35px;
    background-color: #e70003;
    text-align: center;
    float: right;
    margin-top: 40px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.aal a {
    font-size: 16px;
    color: #FFFFFF;
}
.aal:hover {
    background-color: #083d8d;
}
.neicl:hover {
    background-color: #083d8d;
}
.lpz,
.lpy {
    width: 50%;
    height: 100%;
    float: left;
}
.lpz {
    background: url(../images/ditu.jpg) center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.lpy {
    background: url(../images/lpy.jpg) center;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    padding: 0 8%;
}
.lpy p:nth-child(1) {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}
.lpy p:nth-child(2) {
    padding-top: 15px;
}
.lpy p:nth-child(2),
.lpy p:nth-child(3),
.lpy p:nth-child(4),
.lpy p:nth-child(5) {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
}
.lpy p span {
    font-size: 26px;
    color: #FFFFFF;
    font-family: impact;
}
.lpy p {
    width: 100%;
    text-align: left;
}
.lpy p img {
    display: inline-block;
    padding-right: 10px;
}
.lpz1 {
    text-align: center;
    margin-top: 187px;
}
.lpz1 img {
    display: inline-block;
}
.lpz2 {
    position: absolute;
    left: 0;
    bottom: 0;
    display: table;
}
.lpz2 img {
    animation: ghostUpdown 3s infinite alternate;
    -webkit-animation: ghostUpdown 3s infinite alternate;
}
.c {
    padding-top: 18px;
    padding-bottom: 47px;
}
.c,
.a {
    width: 100%;
    text-align: left;
}
.c img,
.a img {
    display: inline-block;
}
.er {
    width: 114px;
    height: 114px;
    display: inline-block;
    padding-left: 21px;
}
.er img {
    width: 100%;
    height: 100%;
}
@keyframes ghostUpdown {
    from {
        margin-top: 100px;
        margin-left: 0px;
        transform: scale(1.2);
    }
    
    to {
        margin-top: 70px;
        margin-left: 0;
        transform: scale(1);
    }
}
.pause {
    background-position: 0 bottom;
}
.mscBtn {
    width: 40px;
    border-radius: 5px;
    position: fixed;
    right: 6px;
    bottom: 50px;
    height: 40px;
    display: block;
    z-index: 99999;
}
.play {
    background: #305bc4 url(../images/soundsize.png) no-repeat;
    background-size: cover;
}
.pause {
    background: #305bc4 url(../images/mute.png) no-repeat;
    background-size: cover;
}

/******************************************************æ­£å®ç»“æŸ**********************************************************/

/******************************************************ç¥žå®‡*************************************************************/
.shenyuzhsh {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    margin-top: 30%;
}
.shenyuzhsh .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.shenyuzhsh .swiper-slide {
    background-size: cover;
    background-position: center;
}
.shenyuzhsh .gallery-top {
    height: 476px;
    width: 100%;
}
.gallery-top .swiper-slide {
    color: #FFFFFF;
    box-sizing: border-box;
    text-align: center;
}
.shenyuzhsh .gallery-thumbs {
    height: 275px;
    box-sizing: border-box;
}
.shenyuzhsh .gallery-thumbs .swiper-slide {
    width: 24.8%;
    height: 100%;
    color: #FFFFFF;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.shenyuzhsh .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.tianchu1 {
    float: left;
    width: 50%;
    height: 100%;
}
.tianchu1 h2 {
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding-bottom: 16px;
    margin-top: 10%;
}
.tianchu1 p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin: 15px 0;
    overflow: hidden;
    text-align: justify;
}
.tianchu1 a {
    width: 182px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    background-color: #f5d500;
    margin-top: 38px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    display: block;
}
.tianchu1 a:hover {
    background-color: #1e2845;
}
.tianchu2 {
    float: right;
    width: 500px;
    height: 400px;
    overflow: hidden;
    margin-right: 132px;
    margin-top: -15px;
    position: relative;
}
.gallery-top {
    position: relative;
}
.liww {
    width: 630px;
    position: absolute;
    right: 54px;
    bottom: 73px;
}
.liww img {
    width: 100%;
}
.tianchu2 img {
    position: absolute;
    width: auto;
    height: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: initial;
}
.gallery-thumbs .swiper-slide p {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    margin-top: 14px;
}
.kangtc {
    width: 192px;
    height: 188px;
    
    overflow: hidden;
    margin: 0px auto;
    
    position: relative;
}
.kangtc img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    max-width: inherit;
}
.gallery-thumbs .swiper-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: 1px;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.gallery-thumbs .swiper-slide:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.shenyuzhsh .gallery-thumbs p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 1px;
    height: 0;
    background-color: #f5d500;
    z-index: 2;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.shenyuzhsh .gallery-thumbs .swiper-slide-thumb-active:before {
    background-color: #f5d500;
    z-index: 2;
}
.shenyuzhsh .gallery-thumbs .swiper-slide-thumb-active p:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 1px;
    height: 100%;
    background-color: #f5d500;
    z-index: 2;
}
.wpc {
    position: absolute;
    left: 55px;
    top: 195px;
    font-size: 139.47px;
    color: rgba(255, 255, 255, 0.1);
    font-family: impact;
}
.clshenyu {
    position: relative;
}
.tuc {
    position: absolute;
    right: 0;
    top: 0;
}
.cbyt {
    width: 100%;
    display: table;
    padding-top: 250px;
}
.cbyt h2 {
    float: left;
    font-size: 42px;
    color: #2a2a2a;
    font-weight: bold;
}
.cbyt h2 span {
    color: #305bc4;
}
.cbyt a {
    float: left;
    font-size: 16px;
    color: #305bc4;
    margin-left: 27px;
    margin-top: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.cbyt a:hover {
    color: #FFA500;
}
.cbnei {
    width: 96%;
    font-size: 16px;
    text-align: justify;
    text-indent: 2em;
    margin-top: 16px;
}
.cbnei p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    font-weight: 500;
    color: #000000;
}
.cbfen {
    display: table;
    width: 88%;
}
.cbfen li {
    width: 33.33%;
    float: left;
    text-align: left;
}
.cbfen li img {
    display: inline;
    display: inline-block;
}
.cbfen li h2 {
    font-size: 28px;
    color: #ef9c01;
    font-weight: bold;
    margin-top: 18px;
    margin-bottom: 3px;
}
.cbfen li span {
    color: #305bc4;
}
.cbfen li p {
    font-size: 16px;
    color: #000000;
    position: relative;
}
.cbfen li p:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 60px;
    height: 10px;
    background-color: #305bc4;
}
.zdk1 {
    float: left;
    width: 35%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.yuanshen {
    margin-right: 116px;
}
.yuanshen h2 {
    font-size: 54px;
    color: #305bc4;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.yuanshen ul {}
.yuanshen ul li {
    height: 40px;
    text-align: left;
    line-height: 40px;
    border-bottom: 1px dashed #3f4854;
    box-sizing: border-box;
}
.yuanshen ul li img {
    display: inline;
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
}
.yuanshen ul li a {
    font-size: 16px;
    color: #FFFFFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.yuanshen ul li:hover a {
    color: #305bc4;
}
.zdk2 {
    float: right;
    width: 65%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.zopd1 {
    display: table;
}
#scroll_one li {
    width: 365px;
    box-sizing: border-box;
    float: left;
    background-color: #FFFFFF;
    padding: 4px;
    margin-right: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.lpimg {
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
}
#scroll_one li p {
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
#scroll_one li img {
    width: auto;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
#scroll_one li:hover {
    background-color: #305bc4;
}
#scroll_one li:hover p {
    color: #FFFFFF;
}
#scroll_one li:hover img {
    margin-left: 0;
    transform: translateX(0) scale(1.3);
}
.lowp {
    width: 100%;
    display: table;
    margin-top: 44px;
}
.lowp a {
    float: left;
    width: 272px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 45px;
    font-size: 16px;
    margin-left: 36px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.lowp a:nth-child(1) {
    background-color: #424242;
}
.lowp a:nth-child(2) {
    background-color: #305bc4;
    font-size: 31px;
    font-family: impact;
}
.lowp img {
    display: inline;
    display: inline-block;
    margin-right: 7px;
}
.lowp a:hover {
    background-color: #ee9b00;
}
.hjk {
    font-size: 140px;
    color: rgba(255, 255, 255, .1);
    font-family: impact;
    text-align: left;
    margin-bottom: 20px;
}
.yikan {
    height: 100%;
    position: relative;
}
.iu {
    position: absolute;
    left: 70px;
    top: 170px;
    font-size: 140px;
    color: rgba(255, 255, 255, 0.03);
    font-family: impact;
}
.iu2 {
    position: absolute;
    left: 0;
    top: 240px;
}
.iu2 h2 {
    font-size: 45.45px;
    color: #305bc4;
    font-weight: bold;
    margin-bottom: 5px;
}
.iu2 p {
    text-align: left;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
}
.hanka {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.kaha1:nth-child(1) {
    width: 246px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 430px;
    background: url(../images/s1.png) center;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kaha1:nth-child(2) {
    width: 299px;
    position: absolute;
    left: 246px;
    bottom: 0;
    height: 565px;
    background: url(../images/s2.png) center;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kaha1:nth-child(3) {
    width: 310px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 663px;
    background: url(../images/s3.png) center;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.kaha1:nth-child(4) {
    width: 299px;
    position: absolute;
    right: 246px;
    bottom: 0;
    height: 565px;
    background: url(../images/s4.png) center;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kaha1:nth-child(5) {
    width: 246px;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 430px;
    background: url(../images/s5.png) center;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kaha2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.kaha1:nth-child(1) .kaha2 {
    background: url(../images/s1-1.png) center;
    background-size: cover;
}
.kaha1:nth-child(2) .kaha2 {
    background: url(../images/s2-2.png) center;
    background-size: cover;
}
.kaha1:nth-child(3) .kaha2 {
    background: url(../images/s3-2.png) center;
    background-size: cover;
}
.kaha1:nth-child(4) .kaha2 {
    background: url(../images/s4-2.png) center;
    background-size: cover;
}
.kaha1:nth-child(5) .kaha2 {
    background: url(../images/s5-2.png) center;
    background-size: cover;
}
.kaha1:hover .kaha2 {
    bottom: 0;
}
.hasac {
    width: 100%;
    display: table;
    position: relative;
    z-index: 2;
}
.hasac h2 {
    font-size: 34px;
    color: #FFFFFF;
    font-weight: bold;
}
.hasac li {
    display: table;
    margin: 0px auto;
    border-bottom: 2px solid #305bc4;
    padding-left: 10px;
    padding-right: 10px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #FFFFFF;
}
.hasac li a {
    font-size: 18px;
    color: #FFFFFF;
}
.queren {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: url(../images/bg5.png) center;
    background-size: cover;
    position: relative;
}
.dkwem {
    position: absolute;
    left: 70px;
    top: 126px;
    font-size: 140px;
    color: rgba(255, 255, 255, 0.1);
    font-family: impact;
}
.qiaoji2 {
    width: 65%;
    display: table;
    margin-top: 120px;
    margin-left: 72px;
    position: relative;
}
.qiaoji2 h2 {
    font-size: 54px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
}
.qiaoji2 a {
    width: 190px;
    height: 40px;
    background-color: #305bc4;
    float: right;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
    border-radius: 40px;
    margin-top: 25px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.qiaoji2 a:hover {
    background-color: #ee9b00;
}
.xiaoren {
    position: absolute;
    right: 194px;
    bottom: 0;
}
.w1055 {
    width: 1055px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    float: right;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.wokao ul {
    width: 782px;
    margin-left: 110px;
    display: table;
}
.wokao ul li {
    width: 100%;
    height: 169px;
    border-bottom: 1px solid #5f616c;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.wokao ul li .cktime {
    float: left;
    width: 70px;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    padding-top: 33px;
}
.cktime p:nth-child(1) {
    font-size: 56px;
    color: #305bc4;
    font-weight: bold;
}
.cktime p:nth-child(2) {
    font-size: 16px;
    color: #305bc4;
}
.cknei {
    float: left;
    width: 607px;
    text-align: justify;
    margin-left: 30px;
    box-sizing: border-box;
    padding-top: 45px;
}
.cknei h2 {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 9px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.cknei p {
    font-size: 14px;
    color: #FFFFFF;
    height: 38px;
    overflow: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.wokao ul li:hover {
    border-bottom: 1px solid #305bc4;
}
.wokao ul li:hover h2 {
    color: #305bc4;
}
.wokao ul li:hover p {
    color: #305bc4;
}
.xuanzhuanx {
    position: absolute;
    left: 123px;
    bottom: -200px;
    width: 40%;
    overflow: hidden;
}
.xuanzhuanx .xuanzhuanimg2 {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.xuanzhuanimg {
    display: block;
    animation: rotate 60s linear infinite;
}
@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
        /*ä»Ž0åº¦å¼€å§‹*/
    }
    
    100% {
        transform: rotateZ(360deg);
        /*360åº¦ç»“æŸ*/
    }
}
.fen7 {
    display: none;
}
.jingying {
    display: table;
    position: absolute;
    left: 343px;
    top: 221px;
}
.jingying h2 {
    font-size: 54px;
    color: #FFFFFF;
    font-weight: bold;
}
.jingying p {
    font-size: 140px;
    font-family: impact;
    color: rgba(255, 255, 255, 0.1);
    position: absolute;
    right: 65px;
    bottom: -25px;
}
.cdpp1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.cdpp2 {
    width: 674px;
    height: 614px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.pock1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    animation: rotate2 20s linear infinite;
}
.pock3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.pock2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    animation: rotate3 12s linear infinite;
}
@keyframes rotate2 {
    0% {
        transform: rotateZ(0deg);
        /*ä»Ž0åº¦å¼€å§‹*/
    }
    
    100% {
        transform: rotateZ(360deg);
        /*360åº¦ç»“æŸ*/
    }
}
@keyframes rotate3 {
    0% {
        transform: rotateZ(0deg);
        /*ä»Ž0åº¦å¼€å§‹*/
    }
    
    100% {
        transform: rotateZ(-360deg);
        /*360åº¦ç»“æŸ*/
    }
}
.dopp3 {
    width: 100%;
}
.dopp3 h2 {
    font-size: 26px;
    color: #FFFFFF;
    font-weight: 500;
}
.dopp3 p {
    font-size: 65px;
    color: rgba(255, 255, 255, 0.1);
    font-family: impact;
}
.dopp4 {
    width: 100%;
    margin-top: 22px;
    position: relative;
}
.dopp4 p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
}
.cdpp3 {
    width: 100%;
    display: table;
    position: relative;
    z-index: 2;
}
.cdpp3 a {
    width: 120px;
    height: 35px;
    border: 1px solid #305bc4;
    color: #305bc4;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    margin: 0px auto;
    margin-top: 33px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.cdpp3 a:hover {
    background-color: #305bc4;
    color: #FFFFFF;
}
.erc1 {
    width: 123px;
    display: table;
    text-align: center;
    position: absolute;
    top: 0;
}
.erc1 p {
    font-size: 14px;
}
.erc1 img {
    width: 100%;
}
.erc2 {
    left: 0;
}
.erc3 {
    right: 0;
}
.titani {
    width: 100%;
    height: 40px;
    background-color: #1b1b1b;
}
.titani p {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #FFFFFF;
}
.titani p a {
    font-size: 14px;
    color: #FFFFFF;
    display: inline;
    display: inline-block;
}
.dlop1 {
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}
.dlip1 {
    float: right;
}
.dlip1 img {
    height: 35px;
    margin-top: 2.5px;
}
.obck {
    border-top: 1px dashed #FFFFFF;
}
.swiper-button-shenyunext,
.swiper-button-shenyuprev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 51px;
    z-index: 999999;
    display: none;
}
.swiper-button-shenyunext {
    right: 0;
}
.swiper-button-shenyuprev {
    left: 0;
}
.cllww {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}
.cllww .swiper-container {
    width: 80%;
    height: auto;
    margin: 0px auto;
}
.cllww .swiper-slide {
    background-position: center;
    background-size: cover;
    height: 615px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cllww .tu1 {
    background: url(../images/s1.png) center;
    background-size: 100% 100%;
}
.cllww .tu2 {
    background: url(../images/s2.png) center;
    background-size: 100% 100%;
}
.cllww .tu3 {
    background: url(../images/s3.png) center;
    background-size: 100% 100%;
}
.cllww .tu4 {
    background: url(../images/s4.png) center;
    background-size: 100% 100%;
}
.cllww .tu5 {
    background: url(../images/s5.png) center;
    background-size: 100% 100%;
}
.kahadq {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.cllww .swiper-slide:hover .kahadq {
    bottom: 0;
}
.swiper-button-ckpprev,
.swiper-button-ckpnext {
    width: 41px;
    height: 56px;
    position: absolute;
    top: 50%;
    z-index: 99999;
}
.swiper-button-ckpprev {
    left: 20px;
}
.swiper-button-ckpnext {
    right: 20px;
}
.yincang {
    display: none;
}
.xianshi {
    display: block;
}

/******************************************************ç¥žå®‡*************************************************************/
@media(max-width:9999px) {
    .hy-pc {
        display: block;
    }
    
    .hy-sj {
        display: none;
    }
    
    .fdxx {
        display: none;
    }
    
    .hy-op {
        display: none;
    }
}
@media(max-width:1900px) {
    .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 12%;
        height: 110px;
    }
    
    .bianai .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 12%;
        height: 80px;
    }
}
@media(max-width:1778px) {
    .w1778 {
        width: 96%;
        margin: 0px auto;
    }
}
@media(max-width:1730px) {
    #scroll_one {
        width: 990px;
        display: table;
    }
    
    .lpimg {
        width: 100%;
        height: 220px;
        overflow: hidden;
        position: relative;
    }
}
@media(max-width:1700px) {
    .w1700 {
        width: 98%;
        margin: 0px auto;
    }
    
    .xiaoren {
        position: absolute;
        right: 83px;
        bottom: 0;
    }
    
    .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 14%;
        height: 110px;
    }
    
    .hy-ul {
        height: 110px;
        line-height: 110px;
        width: 53%;
        float: right;
        margin-right: 15%;
    }
    
    .bianai .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 14%;
        height: 80px;
    }
    
    .bianai .hy-ul {
        height: 80px;
        line-height: 80px;
        width: 53%;
        float: right;
        margin-right: 15%;
    }
    
    .ctu3 {
        position: absolute;
        top: 270px;
        right: 47px;
        animation-delay: 1.5s;
        width: 57.3%;
    }
    
    .ctu2 {
        position: absolute;
        top: 252px;
        left: 506px;
        display: table;
        z-index: 99;
        animation-delay: 1s;
    }
    
    .dklp5 {
        top: 410px;
        left: 126px;
        animation-delay: 5s;
    }
    
    .dklp4 {
        top: 345px;
        left: 653px;
        animation-delay: 4.3s;
    }
}
@media(max-width:1700px) {}
@media(max-width:1630px) {
    .w1630 {
        width: 98%;
        margin: 0px auto;
    }
    
    .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 14%;
        height: 110px;
    }
    
    .bianai .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 14%;
        height: 80px;
    }
}
@media(max-width:1600px) {
    .fen7 .lpxz {
        float: left;
        width: 45.3%;
        position: relative;
        height: 550px;
    }
    
    .xiaoren {
        position: absolute;
        right: 20px;
        bottom: 0;
    }
    
    .xiangshang .bd {
        height: 300px;
    }
    
    .dongshid p:nth-child(1) {
        font-size: 70.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .dklp1 {
        top: 74px;
        left: 206px;
        animation-delay: 2.2s;
    }
    
    .dklp5 {
        top: 368px;
        left: 109px;
        animation-delay: 5s;
    }
    
    .dklp3 {
        top: 256px;
        left: 337px;
        animation-delay: 3.6s;
    }
    
    .dklp6 {
        top: 480px;
        left: 340px;
        animation-delay: 5.7s;
    }
}
@media(max-width:1550px) {
    .dqppx .hd li a {
        font-size: 12px;
    }
}
@media(max-width:1530px) {
    #scroll_one {
        width: 890px;
        display: table;
    }
    
    .lpimg {
        width: 100%;
        height: 220px;
        overflow: hidden;
        position: relative;
    }
}
@media(max-width:1520px) {
    .w1520 {
        width: 98%;
        margin: 0px auto;
    }
}
@media(max-width:1500px) {
    .w1500 {
        width: 98%;
        margin: 0px auto;
    }
    
    .fen7 .lpxz {
        float: left;
        width: 45.3%;
        position: relative;
        height: 500px;
    }
    
    .xinwenfen {
        width: 98%;
        margin: 0px auto;
        padding-top: 30px;
    }
    
    .hy-ul {
        height: 110px;
        line-height: 110px;
        width: 53%;
        float: right;
        margin-right: 15%;
    }
    
    .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 15%;
        height: 110px;
    }
    
    .bianai .hy-ul {
        height: 80px;
        line-height: 80px;
        width: 53%;
        float: right;
        margin-right: 15%;
    }
    
    .bianai .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 15%;
        height: 80px;
    }
    
    .ctu3 {
        position: absolute;
        top: 290px;
        right: 23px;
        animation-delay: 1.5s;
        width: 57.3%;
    }
    
    .ctu2 {
        position: absolute;
        top: 296px;
        left: 367px;
        display: table;
        z-index: 99;
        animation-delay: 1s;
    }
    
    .dklp5 {
        top: 335px;
        left: 102px;
        animation-delay: 5s;
    }
    
    .dklp3 {
        top: 238px;
        left: 306px;
        animation-delay: 3.6s;
    }
    
    .dklp6 {
        top: 446px;
        left: 314px;
        animation-delay: 5.7s;
    }
    
    .dklp4 {
        top: 299px;
        left: 550px;
        animation-delay: 4.3s;
    }
}
@media(max-width:1420px) {
    nav .menu.open .menu-link .text-item {
        font-size: 30px;
    }
}
@media(max-width:1400px) {
    .w1400 {
        width: 98%;
        margin: 0px auto;
    }
    
    .xiaoren {
        position: absolute;
        right: 0px;
        bottom: 0;
        width: 412px;
    }
    
    .qiaoji2 h2 {
        font-size: 40px;
        color: #FFFFFF;
        font-weight: bold;
        float: left;
    }
    
    .qiaoji2 a {
        width: 150px;
        height: 30px;
        background-color: #305bc4;
        float: right;
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 30px;
        border-radius: 30px;
        margin-top: 20px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .zdk1 {
        float: left;
        width: 30%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .zdk2 {
        float: right;
        width: 70%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .yuanshen {
        margin-right: 70px;
    }
    
    .fen7 .lpxz {
        float: left;
        width: 45.3%;
        position: relative;
        height: 450px;
    }
    
    .xiangshang .bd {
        height: 220px;
    }
    
    .hy-tdh span {
        display: block;
        font-size: 18px;
        font-weight: bold;
        float: left;
    }
    
    .dongshi p:nth-child(1) {
        font-size: 75.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
}
@media(max-width:1460px) {
    .w1460 {
        width: 98%;
        margin: 0px auto;
    }
}
@media(max-width:1350px) {}
@media(max-width:1300px) {
    .w1300 {
        width: 98%;
        margin: 0px auto;
    }
    
    .rongyu {
        width: 98%;
        margin: 0px auto;
    }
    
    .dispd .simg {
        width: 40%;
        height: 230px;
        float: left;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }
    
    .kaha1:nth-child(2) {
        left: 226px;
    }
    
    .kaha1:nth-child(1) {
        width: 226px;
    }
    
    .kaha1:nth-child(4) {
        right: 226px;
    }
    
    .kaha1:nth-child(5) {
        width: 226px;
    }
    
    .dispd .sbt {
        width: 58%;
        float: right;
        height: 100%;
        display: table;
        height: 230px;
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .fen7 .lpxz {
        float: left;
        width: 45.3%;
        position: relative;
        height: 400px;
    }
    
    .bannerx2 {
        width: 98%;
        margin: 0px auto;
        margin-top: 130px;
    }
    
    .ctu2 {
        position: absolute;
        top: 296px;
        left: 276px;
        display: table;
        z-index: 99;
        animation-delay: 1s;
    }
    
    .ctu3 {
        position: absolute;
        top: 378px;
        right: 23px;
        animation-delay: 1.5s;
        width: 57.3%;
    }
    
    .dklp5 {
        top: 291px;
        left: 102px;
        animation-delay: 5s;
    }
    
    .dklp6 {
        top: 375px;
        left: 265px;
        animation-delay: 5.7s;
    }
    
    .dklp4 {
        top: 299px;
        left: 486px;
        animation-delay: 4.3s;
    }
    
    .dklp3 {
        top: 197px;
        left: 272px;
        animation-delay: 3.6s;
    }
}
@media(max-width:1260px) {
    .wsx .wentiz1 {
        display: table;
        width: 96%;
        margin: 0px auto;
    }
    
    .hy-ul {
        height: 110px;
        line-height: 110px;
        width: 56%;
        float: right;
        margin-right: 15%;
    }
    
    .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 16%;
        height: 110px;
    }
    
    .bianai .hy-ul {
        height: 80px;
        line-height: 80px;
        width: 56%;
        float: right;
        margin-right: 15%;
    }
    
    .bianai .hy-tdh {
        background-color: #305bc4;
        position: absolute;
        right: 0;
        width: 16%;
        height: 80px;
    }
    
    .hasac h2 {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .kaha1:nth-child(2) {
        left: 206px;
    }
    
    .kaha1:nth-child(1) {
        width: 206px;
    }
    
    .kaha1:nth-child(4) {
        right: 206px;
    }
    
    .kaha1:nth-child(5) {
        width: 206px;
    }
}
@media(max-width:1230px) {
    nav .menubar .icons .secondary-icons {
        display: none;
    }
    
    nav .menubar .icons {
        display: flex;
        height: 70%;
        justify-content: center;
        align-items: center;
        float: right;
    }
}
@media(max-width:1200px) {
    .w1200 {
        width: 98%;
        margin: 0px auto;
    }
    
    .fen7 .lpxz {
        float: left;
        width: 45.3%;
        position: relative;
        height: 350px;
    }
    
    .fen7 .obt h3 {
        font-size: 45px;
        color: #FFFFFF;
    }
    
    .swiper-button-shenyunext,
    .swiper-button-shenyuprev {
        display: block;
    }
    
    .yincang {
        display: block;
    }
    
    .xiangshang .bd {
        height: 280px;
    }
    
    .wopx p:nth-child(1) {
        font-size: 60px;
        text-align: left;
        color: #4a8bf3;
        font-weight: 100;
    }
    
    .wopx p:nth-child(2) {
        font-size: 50.51px;
        color: #3072c4;
        text-align: left;
        font-weight: bold;
        padding-bottom: 29px;
        margin-top: -21px;
    }
    
    .wopx p:nth-child(4) {
        font-size: 40px;
        color: #FFFFFF;
        text-align: left;
        font-weight: bold;
        padding-top: 29px;
        padding-bottom: 64px;
    }
    
    .bannerx2 {
        width: 96%;
        height: auto;
        margin: 0px auto;
        margin-top: 173px;
    }
    
    .dklp1 {
        top: 53px;
        left: 180px;
        animation-delay: 2.2s;
    }
    
    .dklp3 {
        top: 186px;
        left: 247px;
        animation-delay: 3.6s;
    }
    
    .dklp2 {
        top: 231px;
        left: 439px;
        animation-delay: 2.9s;
    }
    
    .dklp4 {
        top: 299px;
        left: 460px;
        animation-delay: 4.3s;
    }
    
    .shenyuzhsh .gallery-thumbs {
        height: 275px;
        box-sizing: border-box;
        display: none;
    }
}
@media(max-width:1190px) {
    .xuanze {
        width: 100%;
        overflow: hidden;
        height: 700px;
        position: relative;
        margin-right: 30%;
    }
    
    .hjk {
        font-size: 80px;
        color: rgba(255, 255, 255, .1);
        font-family: impact;
        text-align: left;
        margin-bottom: 20px;
    }
    
    .zdk1 {
        float: none;
        width: 96%;
        height: auto;
        display: table;
        justify-content: flex-end;
        align-items: center;
        margin: 0px auto;
    }
    
    .yuanshen {
        margin-right: 0px;
    }
    
    .yuanshen ul {
        width: 100%;
        display: table;
    }
    
    .yuanshen ul li {
        height: 40px;
        text-align: left;
        line-height: 40px;
        border-bottom: 1px dashed #3f4854;
        box-sizing: border-box;
        float: left;
        width: 31.33%;
        margin: 1%;
    }
    
    .zdk2 {
        float: none;
        width: 96%;
        height: auto;
        display: table;
        justify-content: flex-start;
        align-items: center;
        margin: 0px auto;
    }
    
    .zopd1 {
        display: table;
        width: 100%;
    }
    
    #scroll_one {
        width: 100%;
        display: table;
    }
    
    .mkox p:nth-child(1) {
        font-size: 83.83px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: bold;
        margin-top: 55px;
    }
    
    .dongshid p:nth-child(1) {
        font-size: 56.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .ctu1 {
        position: absolute;
        left: 73px;
        bottom: 0;
        width: 34.5%;
        display: none;
    }
    
    .ctu2 {
        position: inherit;
        top: inherit;
        left: inherit;
        display: table;
        z-index: 99;
        animation-delay: 0.2s;
        margin: 0px auto;
    }
    
    .ctu2 p:nth-child(2) {
        font-size: 18.87px;
        color: #000000;
        text-align: center;
        margin-top: 3px;
    }
    
    .ctu3 {
        position: relative;
        top: inherit;
        right: inherit;
        animation-delay: 0.8s;
        width: 80%;
        margin: 0px auto;
        margin-top: 20px;
    }
    
    .ctu3 img {
        width: 100%;
    }
    
    .dklp1 {
        top: 14%;
        left: 25%;
        animation-delay: 1.4s;
    }
    
    .dklp2 {
        top: 37%;
        left: 51%;
        animation-delay: 2.0s;
    }
    
    .dklp3 {
        top: 43%;
        left: 37%;
        animation-delay: 2.6s;
    }
    
    .dklp4 {
        top: 64%;
        left: 59%;
        animation-delay: 3.2s;
    }
    
    .dklp5 {
        top: 66%;
        left: 12%;
        animation-delay: 3.8s;
    }
    
    .dklp6 {
        top: 82%;
        left: 35%;
        animation-delay: 4.4s;
    }
    
    .tianchu1 {
        float: none;
        width: 96%;
        height: auto;
        display: table;
        margin-left: inherit;
        margin: 0px auto;
        margin-bottom: 50px;
    }
    
    .tianchu2 {
        float: none;
        width: 470px;
        height: 370px;
        overflow: hidden;
        margin-right: inherit;
        margin: 0px auto;
        margin-bottom: 50px;
        position: relative;
    }
    
    .shenyuzhsh .gallery-top {
        height: auto;
        width: 100%;
    }
    
    .liww {
        width: 630px;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        bottom: 10px;
    }
    
    .swiper-button-shenyunext,
    .swiper-button-shenyuprev {
        position: absolute;
        top: 60%;
        width: 40px;
        height: 51px;
        z-index: 999999;
    }
}
@media(max-width:1160px) {
    .hy-tdh img {
        float: right;
        width: 19%;
        margin-right: 5%;
        margin-top: 37px;
        display: none;
    }
    
    .hy-tdh p {
        margin-top: 37px;
        width: 80%;
        float: right;
        font-size: 14px;
        color: #FFFFFF;
        display: table;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .bianai .hy-tdh p {
        margin-top: 37px;
        width: 80%;
        float: right;
        font-size: 14px;
        color: #FFFFFF;
        display: table;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .hasac h2 {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .kaha1:nth-child(2) {
        left: 178px;
        width: 236px;
    }
    
    .kaha1:nth-child(1) {
        width: 178px;
    }
    
    .kaha1:nth-child(4) {
        right: 178px;
        width: 236px;
    }
    
    .kaha1:nth-child(5) {
        width: 178px;
    }
}
@media(max-width:1120px) {
    nav .menu.open .menu-link .text-item {
        font-size: 24px;
    }
}
@media(max-width:1100px) {
    .dispd .simg {
        width: 40%;
        height: 200px;
        float: left;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }
    
    .xiaoren {
        display: none;
    }
    
    .dkwem {
        position: absolute;
        left: 0px;
        top: 116px;
        width: 100%;
        text-align: center;
        font-size: 80px;
        color: rgba(255, 255, 255, 0.1);
        font-family: impact;
    }
    
    .qiaoji2 {
        width: 100%;
        display: table;
        margin-top: 120px;
        margin-left: 0px;
        position: relative;
    }
    
    #top_scroll ul {
        width: 100%;
        display: table;
        margin-top: 15px;
        margin-left: 0px;
    }
    
    .xuanzhuanx {
        display: none;
    }
    
    .jingying {
        display: table;
        position: absolute;
        left: 0px;
        top: 150px;
        z-index: 2;
        width: 100%;
    }
    
    .jingying p {
        font-size: 60px;
        font-family: impact;
        color: rgba(255, 255, 255, 0.1);
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }
    
    .jingying h2 {
        font-size: 28px;
        color: #FFFFFF;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }
    
    .wokao ul {
        width: 80%;
        margin-left: inherit;
        margin: 0px auto;
        display: table;
    }
    
    .wokao ul li {
        width: 100%;
        height: 169px;
        border-bottom: 1px solid #5f616c;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .w1055 {
        width: 96%;
        margin: 0px auto;
        float: none;
    }
    
    .dispd .sbt {
        width: 58%;
        float: right;
        height: 100%;
        display: table;
        height: 200px;
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .fen7 .lpxz {
        float: left;
        width: 45.3%;
        position: relative;
        height: 300px;
    }
    
    .dongshi p:nth-child(1) {
        font-size: 65.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .fflx {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        width: 73%;
    }
}
@media(max-width:1100px) {
    .bannerx2 {
        width: 96%;
        height: auto;
        margin: 0px auto;
        margin-top: 280px;
    }
}
@media(max-width:1058px) {
    .zhengh1 {
        width: 70%;
        margin: 0px auto;
    }
    
    .zhengh1 img {
        width: 100%;
    }
}
@media(max-width:1030px) {
    .w1030 {
        width: 96%;
        margin: 0px auto;
    }
    
    .hasac h2 {
        font-size: 18px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .hasac li a {
        font-size: 16px;
        color: #FFFFFF;
    }
    
    .hasac li {
        height: 30px;
        line-height: 30px;
    }
    
    .kaha1:nth-child(2) {
        left: 166px;
        width: 216px;
    }
    
    .kaha1:nth-child(1) {
        width: 166px;
    }
    
    .kaha1:nth-child(3) {
        width: 245px;
    }
    
    .kaha1:nth-child(4) {
        right: 166px;
        width: 216px;
    }
    
    .kaha1:nth-child(5) {
        width: 166px;
    }
}
@media(max-width:960px) {
    .hy-pc {
        display: none;
    }
    
    .hy-sj {
        display: block;
    }
    
    .wokao ul li .cktime {
        float: left;
        width: 20%;
        text-align: center;
        height: 100%;
        box-sizing: border-box;
        padding-top: 33px;
    }
    
    .cknei {
        float: right;
        width: 80%;
        text-align: justify;
        margin-left: 0px;
        box-sizing: border-box;
        padding-top: 45px;
    }
    
    .cktime p:nth-child(1) {
        font-size: 42px;
        color: #305bc4;
        font-weight: bold;
    }
    
    .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
    }
    
    nav .menubar .icons .icon-menu:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: #305bc4;
        z-index: -1;
        display: none;
        -webkit-animation: scale-three2 1.5s ease infinite;
        -moz-animation: scale-three2 1.5s ease infinite;
        -o-animation: scale-three2 1.5s ease infinite;
        animation: scale-three2 1.5s ease infinite;
        animation-fill-mode: both;
    }
    
    .fkx1 .fxl {
        float: none;
        width: 100%;
        height: auto;
        display: table;
    }
    
    .fkx1 .fxr {
        float: none;
        width: 100%;
        display: table;
        vertical-align: middle;
        height: auto;
    }
    
    .fkx2 .fxl {
        float: none;
        width: 100%;
        height: auto;
        display: table;
    }
    
    .fkx2 .fxr {
        float: none;
        width: 100%;
        display: table;
        vertical-align: middle;
        height: auto;
    }
    
    .bjw {
        display: none;
    }
    
    .fdxx {
        display: table;
    }
    
    .probanner img {
        width: 100%;
        display: block;
    }
    
    .probanner {
        width: 100%;
        background: url(../images/neibanner.jpg);
        height: auto;
        background-attachment: fixed;
        display: block;
        overflow: hidden;
        position: relative;
    }
    
    .neiye-bt1 {
        color: #FFFFFF;
        width: 100%;
        overflow: hidden;
        font-size: 48px;
        text-align: center;
    }
    
    .neiye-bt2 {
        color: #FFFFFF;
        overflow: hidden;
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
    
    .disp {
        width: 98%;
        float: none;
        margin: 0px auto;
    }
    
    .dispd .simg {
        width: 40%;
        height: 180px;
        float: left;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }
    
    .dispd .sbt {
        width: 58%;
        float: right;
        height: 100%;
        display: table;
        height: 180px;
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .fen4 .zl {
        float: none;
        width: 96%;
        margin: 0px auto;
        margin-top: -80px;
    }
    
    .kowpx {
        display: none;
    }
    
    .fen4 .zl .ywu {
        width: 100%;
        margin-top: 20px;
        display: table;
        text-align: center;
    }
    
    .fen4 .zl .er1:nth-child(1) {
        float: none;
        width: 20%;
        border: 1px solid #FFFFFF;
        border-radius: 10px;
        text-align: center;
        margin-left: 0%;
        margin: 2%;
        display: inline-block;
    }
    
    .fen4 .zl .er1 {
        float: none;
        width: 20%;
        border: 1px solid #FFFFFF;
        border-radius: 10px;
        text-align: center;
        margin-left: 0%;
        margin: 2%;
        display: inline-block;
    }
    
    .fen7 .mklp {
        float: left;
        width: 45.3%;
        position: relative;
        height: 300px;
        display: none;
    }
    
    .fen7 .lpzr {
        float: none;
        width: 96%;
        margin: 0px auto;
        height: auto;
    }
    
    .fen9 .mk8x .mk8xa p {
        color: #FFFFFF;
        font-size: 14px;
        line-height: 30px;
    }
    
    .mkow {
        position: absolute;
        left: 50%;
        bottom: 23%;
        width: 9.7%;
        height: 133px;
        margin-left: -4.85%;
    }
    
    .wsx .wentiz1 {
        display: table;
        width: 96%;
        margin: 0px auto;
        margin-top: -60px;
    }
    
    .wsx .shx {
        position: absolute;
        bottom: 80px;
        width: 100%;
        height: 80px;
        left: 0;
    }
    
    .ddu1x {
        font-size: 18px;
        float: right;
        font-family: impact;
        color: #305bc4;
    }
    
    .ddu2x {
        font-size: 16px;
        float: right;
        margin-top: 23px;
        margin-right: 10px;
        color: #305bc4;
    }
    
    .xmkc {
        margin-top: -50px;
    }
    
    .wopx p:nth-child(1) {
        font-size: 60px;
        text-align: left;
        color: #4a8bf3;
        font-weight: 100;
    }
    
    .wopx p:nth-child(2) {
        font-size: 40px;
        color: #3072c4;
        text-align: left;
        font-weight: bold;
        padding-bottom: 29px;
        margin-top: -21px;
    }
    
    .wopx p:nth-child(2) span {
        font-size: 26px;
        color: #FFFFFF;
    }
    
    .wopx p:nth-child(4) {
        font-size: 40px;
        color: #FFFFFF;
        text-align: left;
        font-weight: bold;
        padding-top: 29px;
        padding-bottom: 64px;
    }
    
    .mkzuo {
        float: left;
        width: 56%;
        margin-top: 30px;
    }
    
    .dongshi1 .dongshiz {
        width: 37.6%;
        float: left;
        margin-left: 2%;
        display: none;
    }
    
    .dongshi1 .dongshiy {
        width: 96%;
        margin: 0px auto;
        margin-top: 5px;
        float: none;
        text-align: justify;
        font-size: 18px;
        color: #000000;
        line-height: 35px;
        font-weight: 600;
    }
    
    .diex {
        margin: 0px auto;
        margin-top: 40px;
    }
    
    .dongshi p:nth-child(1) {
        font-size: 50.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .dongshi p:nth-child(2) {
        font-size: 30.42px;
        color: #1a4cab;
        font-weight: bold;
        margin-top: -40px;
    }
    
    .dongshid p:nth-child(1) {
        font-size: 50.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .dongshid p:nth-child(2) {
        font-size: 30.42px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: -40px;
    }
    
    .hhx {
        width: 100%;
        height: 1px;
        background-color: #FFFFFF;
        margin-top: 36px;
        margin-bottom: 30px;
    }
    
    .ckl ul li {
        width: 50%;
        display: table;
        float: left;
        padding-bottom: 10px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    nav .menubar .icons .secondary-icons {
        display: none;
    }
    
    nav .menubar .icons .secondary-iconstwo {
        display: none;
    }
    
    nav .menubar {
        width: 100%;
        height: 55px;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .menubar h1 {
        width: auto;
        height: 100%;
    }
    
    nav .menubar .home {
        height: 100%;
    }
    
    nav .menubar .home img {
        width: auto;
        height: 100%;
        display: inline-block;
    }
    
    nav .menubar .icons .icon-menu {
        display: flex;
        width: 55px;
        height: 55px;
        z-index: 2;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-color: #305bc4;
        border-radius: 56px;
    }
    
    .dqppx .bd {
        width: 50%;
        float: right;
        height: 100%;
        position: relative;
        overflow: hidden;
        display: none;
    }
    
    .dqppx .hd {
        float: none;
        width: 96%;
        margin: 0px auto;
        height: 100%;
        box-sizing: border-box;
    }
    
    .jkll img {
        width: 100%;
        height: 100%;
        display: inline-block;
        animation: rotate2 20s linear infinite;
        display: none;
    }
    
    .xiaoji p {
        font-size: 40px;
        color: #000000;
        font-weight: bold;
        float: left;
        text-indent: 8px;
    }
    
    .xiaoji {
        box-sizing: border-box;
        width: 97%;
        display: table;
        padding-bottom: 17px;
        margin: 0px auto;
    }
    
    .xiaot {
        position: absolute;
        left: 10%;
        bottom: 10%;
        width: 37%;
        display: none;
    }
    
    .xiaot2 img {
        width: 46%;
        display: inline-block;
    }
    
    .xiaot2 {
        position: relative;
        left: inherit;
        top: inherit;
        margin-left: 0;
        width: 96%;
        margin: 0px auto;
        text-align: center;
    }
    
    .xiaot3 {
        width: 70%;
        margin: 0px auto;
        position: relative;
        right: inherit;
        top: inherit;
    }
    
    .kll {
        float: none;
        width: 100%;
        height: 30%;
        text-align: center;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .cktt {
        height: 50%;
        overflow: hidden;
        position: relative;
        float: none;
        margin-right: 0%;
    }
    
    .w1230 {
        width: 96%;
        margin: 0px auto;
    }
    
    .aal {
        width: 140px;
        height: 35px;
        line-height: 35px;
        background-color: #e70003;
        text-align: center;
        float: none;
        margin: 0px auto;
        margin-top: 40px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
}
@media(max-width:930px) {
    nav .menu.open .menu-link .text-item {
        font-size: 20px;
    }
}
@media(max-width:900px) {
    .fenlei2 ul li {
        width: 100%;
        float: none;
        margin: 0;
        margin-top: 1%;
        background-color: #f1f1f1;
    }
    
    .kaha1:nth-child(1) {
        width: 166px;
        height: 410px;
    }
    
    .kaha1:nth-child(2) {
        left: 166px;
        width: 216px;
        height: 545px;
    }
    
    .kaha1:nth-child(3) {
        width: 245px;
        height: 643px;
    }
    
    .kaha1:nth-child(4) {
        right: 166px;
        width: 216px;
        height: 545px;
    }
    
    .kaha1:nth-child(5) {
        width: 166px;
        height: 410px;
    }
    
    .neiye-bt1 {
        color: #FFFFFF;
        width: 100%;
        overflow: hidden;
        font-size: 30px;
        text-align: center;
    }
    
    .neiye-bt2 {
        color: #FFFFFF;
        overflow: hidden;
        width: 100%;
        font-size: 16px;
        text-align: center;
    }
    
    .dispd .simg {
        width: 100%;
        height: auto;
        float: left;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
    }
    
    .dispd .sbt {
        width: 100%;
        float: right;
        height: 100%;
        display: table;
        height: 180px;
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .dispd {
        width: 98%;
        margin: 0px auto;
    }
    
    .dispd ul li {
        display: table;
        width: 100%;
        margin-top: 1%;
        border-radius: 5px;
        overflow: hidden;
        padding-bottom: 20px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .mkyou {
        width: 39%;
        float: right;
        display: none;
    }
    
    .mkzuo {
        float: none;
        width: 96%;
        margin: 0px auto;
    }
    
    .mkox2 .mko3 img {
        position: absolute;
        left: 4px;
        top: 4px;
        width: 36px;
        height: 36px;
        border-radius: 36px;
        display: none;
    }
    
    .mkox2 .mko3 a {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 36px;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        text-indent: 0em;
    }
    
    .mkox2 .mko3 {
        width: 18%;
        margin-right: 1%;
        height: 36px;
        border-radius: 36px;
        border: 3px solid #FFFFFF;
        background: url(../images/jb1.jpg);
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    
    .mkox2 {
        height: 110px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .jcixpoz {
        width: 96%;
        float: none;
        margin: 0px auto;
        margin-top: -86px;
    }
    
    .jcixpoy {
        width: 96%;
        float: none;
        margin: 0px auto;
        display: table;
    }
    
    .jcixpoy ul li {
        width: 49%;
        height: 167px;
        margin: 1%;
        float: left;
        border-radius: 20px;
        text-align: center;
    }
    
    .jcixpoy ul li p:nth-child(3) {
        color: #FFFFFF;
        font-size: 17px;
        text-align: justify;
        display: none;
    }
    
    .jcixpoy ul li p:nth-child(2) {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        margin-bottom: 23px;
    }
    
    .xc .guanzhu {
        float: none;
        text-align: center;
        margin-top: 0px;
        position: absolute;
        left: 50%;
        bottom: 30px;
        margin-left: -68.5px;
    }
    
    .xc .dianhua {
        float: right;
        text-align: center;
        margin-top: 195px;
        display: none;
    }
    
    .fen8 h3 {
        font-size: 74px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .xc .zhongjian .mlx:nth-child(1) {
        font-size: 36px;
        color: #1950ab;
        padding-top: 130px;
    }
    
    .xc .zhongjian img {
        margin: 0px auto;
        margin-top: 50px;
        display: none;
    }
    
    .jcixpoz p:nth-child(1) {
        font-size: 36px;
        color: #1950ab;
        font-weight: bold;
    }
    
    .jcixpoz p:nth-child(2) {
        font-size: 36px;
        color: #FFFFFF;
        font-weight: bold;
    }
    
    .jcixpoz p:nth-child(3) {
        font-size: 18px;
        color: #FFFFFF;
        line-height: 30px;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    
    .bckt p:nth-child(1) {
        font-size: 90px;
        font-family: impact;
        color: rgba(255, 255, 255, 0.2);
    }
    
    .bckt p:nth-child(2) {
        font-size: 43px;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 0px 0px 10px #b70002;
        margin-top: -55px;
        padding-bottom: 27px;
    }
    
    .xiamianh img {
        width: 8%;
        float: right;
        display: inline-block;
        margin-left: 10px;
        margin-top: 13px;
        margin-right: 144px;
    }
    
    .xxk img {
        display: inline-block;
        margin-top: 18px;
        width: 50%;
        margin-right: 77px;
    }
}
@media(max-width:890px) {
    .juela {
        display: none;
    }
    
    .cllww {
        display: block;
    }
    
    .iu {
        position: absolute;
        left: 0;
        top: 150px;
        width: 100%;
        text-align: center;
        font-size: 60px;
        color: rgba(255, 255, 255, 0.03);
        font-family: impact;
    }
    
    .iu2 {
        position: absolute;
        left: 0;
        top: 180px;
        width: 100%;
        text-align: center;
    }
    
    .iu2 h2 {
        font-size: 30px;
        color: #305bc4;
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .iu2 p {
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 26px;
    }
}
@media(max-width:860px) {
    .kox .erwu {
        width: 50%;
        height: 50%;
        float: left;
        position: relative;
    }
    
    .kox ul:hover .bgimg {
        opacity: 0;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .kox ul:hover .erwu {
        width: 50%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .kox ul .erwu:hover {
        width: 50%;
    }
    
    #tecBg img {
        width: auto;
        max-width: initial;
        height: 100%;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        display: inline-block;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    
    .lpimg {
        width: 100%;
        height: 170px;
        overflow: hidden;
        position: relative;
    }
    
    .hjk {
        font-size: 60px;
        color: rgba(255, 255, 255, .1);
        font-family: impact;
        text-align: left;
        margin-bottom: 20px;
    }
    
    .yuanshen h2 {
        font-size: 36px;
        color: #305bc4;
        font-weight: bold;
        text-align: left;
        margin-bottom: 0px;
    }
    
    .lowp a {
        float: left;
        width: 180px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #FFFFFF;
        border-radius: 45px;
        font-size: 16px;
        margin-left: 13px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .lowp img {
        display: none;
    }
}
@media(max-width:800px) {
    .wopx p:nth-child(1) {
        font-size: 45px;
        text-align: left;
        color: #4a8bf3;
        font-weight: 100;
    }
    
    .wopx p:nth-child(2) {
        font-size: 26px;
        color: #3072c4;
        text-align: left;
        font-weight: bold;
        padding-bottom: 29px;
        margin-top: 10px;
    }
    
    .wopx p:nth-child(2) span {
        font-size: 16px;
        color: #FFFFFF;
    }
    
    .wopx p:nth-child(4) {
        font-size: 30px;
        color: #FFFFFF;
        text-align: left;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 46px;
    }
    
    .fflx {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        width: 83%;
    }
}
@media(max-width:780px) {
    .mkox p:nth-child(1) {
        font-size: 60.83px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: bold;
        margin-top: 55px;
    }
    
    .mkox p:nth-child(2) {
        font-size: 30px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: -46px;
    }
    
    .imggc {
        width: 100%;
        height: 210px;
        overflow: hidden;
    }
    
    .wkuan {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
        background-color: #FFFFFF;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .swiper-containerdq .swiper-slide {
        text-align: center;
        border-right: 0px solid rgba(255, 255, 255, 0.5);
        border-left: 0px solid rgba(255, 255, 255, 0.5);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .swiper-button-nextdq,
    .swiper-button-prevdq {
        position: absolute;
        bottom: 8%;
        width: 40px;
        height: 40px;
        z-index: 999;
        cursor: pointer;
    }
}
@media(max-width:760px) {
    .bass {
        line-height: 30px;
    }
    
    .youx p:nth-child(1) {
        font-size: 16px;
        color: #000000;
        text-align: left;
        margin-bottom: 46px;
        line-height: 30px;
        margin-top: 5px;
        text-indent: 2em;
        height: 150px;
        overflow: hidden;
    }
}
@media(max-width:760px) {
    .swiper-button-next {
        right: 20px;
        transform: rotate(90deg);
    }
    
    #top_scroll ul li:nth-child(1),
    #top_scroll ul li:nth-child(4) {
        margin-left: 1%;
    }
    
    #top_scroll ul li:nth-child(3),
    #top_scroll ul li:nth-child(6) {
        margin-right: 1%;
    }
    
    #top_scroll ul li {
        width: 48%;
        margin: 1%;
        float: left;
        overflow: hidden;
        background-color: #FFFFFF;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .cshang {
        width: 100%;
        height: 180px;
        overflow: hidden;
    }
    
    .swiper-button-prev {
        left: 20px;
        transform: rotate(90deg);
    }
    
    .fen7 .onr ul li {
        width: 31.33%;
        float: left;
        margin: 1%;
    }
    
    .fen7 .onr ul li:nth-child(1) {
        margin-left: 1%;
    }
    
    .fen7 .onr ul li:nth-child(5) {
        margin-left: 1%;
    }
    
    .fen7 .onr ul li:nth-child(9) {
        margin-left: 1%;
    }
}
@media(max-width:730px) {
    .dongshi p:nth-child(1) {
        font-size: 35.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .dongshi p:nth-child(2) {
        font-size: 26.42px;
        color: #1a4cab;
        font-weight: bold;
        margin-top: -23px;
    }
    
    .dongshid p:nth-child(1) {
        font-size: 35.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    
    .dongshid p:nth-child(2) {
        font-size: 26.42px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: -23px;
    }
    
    .lpz {
        background: url(../images/ditu.jpg) center;
        background-size: cover;
        overflow: hidden;
        position: relative;
        display: none;
    }
    
    .lpy {
        width: 100%;
        background: url(../images/lpy.jpg) center;
        background-size: cover;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
        padding: 0 8%;
    }
    
    .a {
        text-align: center;
    }
    
    .a img {
        width: 82%;
    }
}
@media(max-width:720px) {
    .wsx .pl1 {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    
    .wsx .pl2 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
    }
}
@media(max-width:700px) {
    .cllww .swiper-container {
        width: 46%;
        height: auto;
        margin: 0px auto;
    }
    
    .bjx1 h3 {
        font-size: 50px;
        color: #305bc4;
    }
    
    .bjx1 p {
        font-size: 18px;
        color: #305bc4;
        padding-top: 10px;
    }
    
    .bjx2 h3 {
        font-size: 50px;
        color: #FFFFFF;
    }
    
    .bjx2 p {
        font-size: 18px;
        color: #FFFFFF;
        padding-top: 10px;
    }
    
    .xinkkow .bd li .neivb {
        width: 90%;
        margin: 0px auto;
        text-align: justify;
    }
    
    .xinkkow .bd li .neivb h3 {
        font-size: 16px;
        color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 0;
        margin-bottom: 10px;
        height: 23px;
        overflow: hidden;
    }
    
    .xinkkow .bd li .shijian {
        position: absolute;
        left: 7%;
        top: -6%;
        width: 27%;
        height: 100px;
        background-color: #305bc4;
        text-align: center;
        z-index: 99;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
        display: none;
    }
    
    .xinkkow .bd li .neivb p {
        font-size: 14px;
        line-height: 30px;
        color: #FFFFFF;
        height: 60px;
        overflow: hidden;
    }
    
    .xinkkow .hd ul li {
        display: inline-block;
        cursor: pointer;
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
        width: 27%;
        border-radius: 40px;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .fen9 .mk8x .mk8xa p {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 12px;
    }
    
    .ddux {
        margin-top: -135px;
    }
    
    .jcixpoz p:nth-child(3) {
        font-size: 18px;
        color: #FFFFFF;
        line-height: 30px;
        padding-top: 35px;
        padding-bottom: 52px;
        display: none;
    }
    
    .jcixpoz p:nth-child(1) {
        font-size: 26px;
        color: #1950ab;
        font-weight: bold;
    }
    
    .jcixpoz p:nth-child(2) {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
        padding-bottom: 20px;
    }
    
    .jcixpoy ul li {
        width: 49%;
        height: 153px;
        margin: 1%;
        float: left;
        border-radius: 20px;
        text-align: center;
    }
    
    .jcixpoy ul li img {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 10px;
        width: 60px;
    }
    
    .jcixpoy ul li p:nth-child(2) {
        font-size: 18px;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        margin-bottom: 23px;
    }
}
@media(max-width:674px) {}
@media(max-width:650px) {
    .shoull .kopx {
        width: 54%;
        position: relative;
        float: none;
        margin: 0px auto;
    }
    
    .fenlei2 .zs .zsf h3 {
        margin-top: 10%;
        position: relative;
        font-size: 16px;
    }
    
    .hengcha2 {
        width: 80px;
        height: 80px;
        border-radius: 100px;
        text-align: justify;
        border: 5px solid #e7c97d;
        margin-right: 13px;
        margin-left: 13px;
    }
    
    .hengcha2 p {
        width: 50%;
        margin: 0px auto;
        font-size: 20px;
        color: #733a0c;
        font-weight: bold;
        margin-top: 12px;
    }
    
    .youx p:nth-child(1) {
        font-size: 16px;
        color: #000000;
        text-align: left;
        margin-bottom: 6px;
        line-height: 30px;
        margin-top: 5px;
        text-indent: 2em;
        height: 98px;
        overflow: hidden;
    }
    
    .xinkkow .hd ul li {
        display: inline-block;
        cursor: pointer;
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
        width: 25%;
        border-radius: 40px;
        margin-left: 1%;
        margin-right: 1%;
        font-size: 16px;
    }
    
    .ctu2 p:nth-child(1) {
        font-size: 40px;
        font-weight: bold;
        color: #a40203;
        position: relative;
    }
    
    .ctu2 p:nth-child(2) {
        font-size: 16.87px;
        color: #000000;
        text-align: center;
        margin-top: 3px;
    }
    
    .ctu3 {
        position: relative;
        top: inherit;
        right: inherit;
        animation-delay: 0.8s;
        width: 96%;
        margin: 0px auto;
        margin-top: 20px;
    }
    
    .dklp p:nth-child(2) {
        display: table;
        padding: 3px 10px;
        float: left;
        font-size: 12px;
        border-radius: 30px;
        background-color: #d31120;
        color: #FFFFFF;
    }
    
    .dklp p:nth-child(1) {
        width: 8px;
        height: 8px;
        border-radius: 13px;
        margin-top: 11px;
        margin-right: 16px;
        background-color: #d31120;
        float: left;
    }
    
    .dklp p:nth-child(1) span {
        width: 8px;
        height: 8px;
        border-radius: 13px;
        background-color: #d31120;
        display: block;
        -webkit-animation: scale-three2 1.5s ease infinite;
        -moz-animation: scale-three2 1.5s ease infinite;
        -o-animation: scale-three2 1.5s ease infinite;
        animation: scale-three2 1.5s ease infinite;
        animation-fill-mode: both;
    }
    
    .dklp1 {
        top: 10%;
        left: 25%;
        animation-delay: 1.4s;
    }
    
    .dklp2 {
        top: 32%;
        left: 51%;
        animation-delay: 2.0s;
    }
    
    .xiaot3 {
        width: 88%;
        margin: 0px auto;
        position: relative;
        right: inherit;
        top: inherit;
    }
    
    .ttcin p:nth-child(2) {
        font-size: 28px;
        color: #e70003;
        font-family: impact;
    }
    
    .ttcin p:nth-child(1) {
        font-size: 12px;
        color: #FFFFFF;
        text-align: left;
    }
    
    .ttc img {
        float: right;
        width: 10%;
        margin-right: 5px;
        margin-top: 5px;
    }
    
    .nnk {
        width: 100%;
        margin-top: 10px;
    }
    
    .nnk p {
        font-size: 14px;
        color: #FFFFFF;
        line-height: 24px;
        text-align: left;
    }
    
    .swiper-button-nextb {
        position: absolute;
        right: 5.2%;
        top: 50%;
        width: 35px;
        height: 35px;
        margin-top: -17.5px;
        z-index: 99;
    }
    
    .swiper-button-prevb {
        position: absolute;
        left: 5.2%;
        top: 50%;
        width: 35px;
        height: 35px;
        margin-top: -17.5px;
        z-index: 99;
    }
    
    .aan {
        width: 244px;
        height: 35px;
        border-radius: 35px;
        line-height: 35px;
        text-align: center;
        background-color: #e70003;
        margin: 0px auto;
        margin-top: 20px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .aan a {
        font-size: 14px;
        color: #FFFFFF;
    }
    
    .aal {
        width: 140px;
        height: 35px;
        line-height: 35px;
        background-color: #e70003;
        text-align: center;
        float: none;
        margin: 0px auto;
        margin-top: 16px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .kll2 p:nth-child(3) {
        font-size: 18px;
        font-weight: 600;
        color: #FFFFFF;
        text-shadow: 0px 0px 10px #e70003;
    }
    
    .kll2 p:nth-child(2) {
        font-size: 40px;
        font-family: impact;
        color: #FFFFFF;
        text-shadow: 0px 0px 10px #e70003;
    }
    
    .kll2 p:nth-child(1) {
        font-size: 20px;
        color: #FFFFFF;
        text-shadow: 0px 0px 10px #e70003;
    }
    
    .w1230 {
        width: 98%;
        margin: 0px auto;
    }
    
    .imggc {
        width: 100%;
        height: 130px;
        overflow: hidden;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    
    .imggc img {
        width: 100%;
        min-height: 130px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .imcnei h3 {
        font-size: 14px;
        color: #000000;
        font-weight: bold;
        margin-top: 10px;
        height: 21px;
        overflow: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .imcnei p:nth-child(2) {
        font-size: 12px;
        color: #515151;
        margin-top: 14px;
        height: 76px;
        overflow: hidden;
    }
    
    .imcnei p:nth-child(3) {
        font-size: 14px;
        color: #515151;
        margin-top: 20px;
    }
    
    .wkuan {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        background-color: #FFFFFF;
        border-radius: 10px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .hy-cq {
        display: none;
    }
    
    .hy-op {
        display: block;
    }
    
    .oox2 {
        width: 100%;
        height: 205px;
        overflow: hidden;
    }
    
    .oov2 h3 {
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
        font-size: 16px;
    }
    
    .lpy p:nth-child(1) {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
        text-align: left;
    }
    
    .lpy p:nth-child(2),
    .lpy p:nth-child(3),
    .lpy p:nth-child(4),
    .lpy p:nth-child(5) {
        font-size: 14px;
        color: #FFFFFF;
        line-height: 40px;
    }
    
    .lpy p img {
        display: inline-block;
        padding-right: 10px;
        height: 16px;
    }
    
    .c {
        padding-top: 18px;
        padding-bottom: 17px;
    }
    
    .c img {
        height: 30px;
    }
    
    .er {
        width: 60px;
        height: 60px;
        display: inline-block;
        padding-left: 21px;
    }
    
    .er p img {
        width: 100%;
        height: 100%;
    }
    
    #pageNav {
        display: none;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }
    
    #prev,
    #next {
        width: 82px;
        height: 30px;
        background-color: #FFFFFF;
        border: 1px solid #bfbfbf;
        text-align: center;
        line-height: 28px;
        border-radius: 5px;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
        display: inline;
        display: inline-block;
        float: left;
        /* margin-right: 10px; */
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .bass a {
        display: inline-block;
        font-size: 12px;
        color: #333333;
    }
    
    .dcl {
        transform: scale(2);
        margin-top: 20px;
    }
}
@media(max-width:620px) {
    .cknei h2 {
        font-size: 16px;
        height: 21px;
        overflow: hidden;
    }
    
    .dopp3 h2 {
        font-size: 18px;
        color: #FFFFFF;
        font-weight: 500;
        margin-top: -100px;
    }
    
    .dopp3 p {
        font-size: 40px;
        color: rgba(255, 255, 255, 0.1);
        font-family: impact;
    }
    
    .dopp4 {
        width: 100%;
        margin-top: 8px;
        position: relative;
    }
    
    .erc1 {
        width: 80px;
        display: table;
        text-align: center;
        position: absolute;
        top: 220px;
    }
    
    .erc1 p {
        font-size: 12px;
    }
    
    .cdpp3 a {
        width: 120px;
        height: 35px;
        border: 1px solid #305bc4;
        color: #305bc4;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        margin: 0px auto;
        margin-top: 10px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .erc2 {
        left: 15%;
    }
    
    .erc3 {
        right: 15%;
    }
    
    .pock1 {
        top: 128px;
    }
    
    .pock2 {
        top: 128px;
    }
    
    .cknei p {
        font-size: 12px;
        height: 33px;
    }
    
    .product_list {
        width: 96%;
        margin: 0px auto;
    }
    
    .pagenum {
        padding-top: 10px;
        display: table;
        margin: 0px auto;
    }
    
    .lpimg {
        width: 100%;
        height: 144px;
        overflow: hidden;
        position: relative;
    }
    
    .lowp a:nth-child(2) {
        background-color: #305bc4;
        font-size: 18px;
        font-family: impact;
    }
    
    nav .menubar .icons .icon-menu {
        display: flex;
        width: 55px;
        height: 55px;
        z-index: 2;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-color: transparent;
        border-radius: 56px;
    }
    
    nav .menubar .icons .icon-menu span {
        background-color: #305bc4;
        width: 30px;
        height: 3px;
        position: relative;
        display: flex;
        justify-content: center;
        transition: all 0.2s ease;
        border-radius: 5px;
    }
    
    nav .menubar .icons .icon-menu span:before,
    nav .menubar .icons .icon-menu span:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #305bc4;
        border-radius: 5px;
    }
    
    nav .menubar {
        width: 100%;
        height: 55px;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        box-sizing: border-box;
    }
}
@media(max-width:620px) {
    .lineqq {
        width: 30px;
        height: 3px;
        background-color: #fff;
        margin: 5px auto;
    }
    
    .neiye-bt1 {
        color: #FFFFFF;
        width: 100%;
        overflow: hidden;
        font-size: 20px;
        text-align: center;
    }
    
    .neiye-bt2 {
        color: #FFFFFF;
        overflow: hidden;
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    
    .disp ul li {
        width: 48%;
        float: left;
        margin: 1%;
        border-radius: 5px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .disps ul li {
        width: 48%;
        margin: 1%;
        float: left;
        background-color: #f1f1f1;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .dispo ul li {
        width: 48%;
        margin: 1%;
        float: left;
        background-color: #f1f1f1;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .mkow {
        position: absolute;
        left: 50%;
        bottom: 23%;
        width: 9.7%;
        height: 83px;
        margin-left: -4.85%;
    }
    
    .wdsadxx {
        margin-top: 100px;
        height: 190px;
        display: none;
    }
}
.dkmlc {
    font-size: 42px;
}
.dkmlc2 {
    font-size: 14px;
    color: rgb(127, 127, 127);
}
@media(max-width:600px) {
    .dkmlc {
        font-size: 22px;
    }
    
    .dkmlc2 {
        font-size: 12px;
        color: rgb(127, 127, 127);
    }
    
    .dkmlc3 {
        font-size: 12px;
    }
    
    .fflx {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        width: 95%;
    }
    
    .wpc {
        position: absolute;
        left: 27%;
        transform: translateX(-50%);
        top: 158px;
        font-size: 80px;
        color: rgba(255, 255, 255, 0.1);
        font-family: impact;
    }
}
@media(max-width:580px) {
    .shoull .kopx {
        width: 80%;
        position: relative;
        float: none;
        margin: 0px auto;
    }
    
    .mkox p:nth-child(1) {
        font-size: 46.83px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: bold;
        margin-top: -20px;
    }
    
    .mkox p:nth-child(2) {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: -36px;
    }
}
@media(max-width:560px) {
    .fenlei ul li {
        width: 28.33%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 5px;
        margin: 1%;
        margin-left: 0%;
        margin-top: 0%;
        display: inline-block;
        background-color: #e5e5e5;
        transform: skew(-15deg);
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .hy-neiye-bt {
        display: table-cell;
        vertical-align: middle;
        padding-top: 30px;
    }
    
    .tuc {
        display: none;
    }
    
    .cbyt h2 {
        float: left;
        font-size: 26px;
        color: #2a2a2a;
        font-weight: bold;
    }
    
    .cbyt a {
        float: left;
        font-size: 16px;
        color: #305bc4;
        margin-left: 27px;
        margin-top: 8px;
    }
    
    .cbnei p {
        font-size: 14px;
        line-height: 26px;
        text-align: justify;
        font-weight: 500;
        color: #000000;
    }
    
    .cbfen {
        display: table;
        width: 100%;
    }
    
    .cbfen li h2 {
        font-size: 18px;
        color: #ef9c01;
        font-weight: bold;
        margin-top: 7px;
        margin-bottom: 3px;
    }
    
    .cbfen li {
        width: 33.33%;
        float: left;
        text-align: center;
    }
    
    .cbfen li img {
        display: inline;
        display: inline-block;
        height: 50px;
    }
    
    .cbyt {
        width: 100%;
        display: table;
        padding-top: 120px;
    }
    
    .cbfen li p {
        font-size: 14px;
        color: #000000;
        position: relative;
    }
    
    .cbfen li p:after {
        content: "";
        display: none;
        position: absolute;
        left: 0;
        bottom: -20px;
        width: 60px;
        height: 10px;
        background-color: #305bc4;
    }
    
    .yuanshen h2 {
        font-size: 26px;
        color: #305bc4;
        font-weight: bold;
        text-align: left;
        margin-bottom: 0px;
    }
    
    .yuanshen ul li a {
        font-size: 14px;
        color: #FFFFFF;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .yuanshen ul li {
        overflow: hidden;
    }
    
    .yuanshen ul li img {
        display: none;
    }
    
    .lpimg {
        width: 100%;
        height: 90px;
        overflow: hidden;
        position: relative;
    }
    
    #scroll_one li p {
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .lowp a {
        float: left;
        width: 149px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #FFFFFF;
        border-radius: 35px;
        font-size: 12px;
        margin-left: 13px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .lowp a:nth-child(2) {
        background-color: #305bc4;
        font-size: 16px;
        font-family: impact;
    }
}
@media(max-width:550px) {
    .bjx1 h3 {
        font-size: 30px;
        color: #305bc4;
    }
    
    .bjx1 p {
        font-size: 16px;
        color: #305bc4;
        padding-top: 10px;
    }
    
    .bjx2 h3 {
        font-size: 30px;
        color: #FFFFFF;
    }
    
    .bjx2 p {
        font-size: 16px;
        color: #FFFFFF;
        padding-top: 10px;
    }
    
    .oox {
        width: 100%;
        height: 210px;
        margin: 0px auto;
        overflow: hidden;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .fen4 .zl .er1 p {
        font-size: 12px;
        color: #FFFFFF;
        padding-top: 6px;
        padding-bottom: 16px;
    }
    
    .fen4 .zl .koxw {
        text-align: left;
        color: #FFFFFF;
        text-align: justify;
        line-height: 30px;
        font-size: 16px;
        padding-top: 20px;
    }
    
    .swiper-containert {
        width: 100%;
        height: 218px;
        padding-top: 48px;
    }
    
    .swiper-containert .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 218px;
        border: 5px solid #FFFFFF;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .fen7 .obt h3 {
        font-size: 30px;
        color: #FFFFFF;
    }
    
    .fen7 .obt p {
        font-size: 14px;
        color: #FFFFFF;
        line-height: 30px;
        text-align: justify;
    }
    
    .fen7 .obt {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        text-align: left;
        padding-bottom: 10px;
        padding-top: 0px;
        margin-top: -50px;
    }
    
    .xinkkow .bd {
        width: 100%;
        display: table;
        margin-top: 20px;
    }
    
    .oov h3 {
        font-size: 12px;
        margin-left: 0;
    }
    
    .fen7 .onr {
        padding-top: 0;
        display: table;
    }
    
    .fkx1 .fxl .neixiao h2 {
        font-size: 1.5rem;
    }
    
    .fkx1 .fxl p {
        text-align: justify;
        font-size: 12px;
    }
    
    .fkx2 .fxl .neixiao h2 {
        font-size: 1.25rem;
    }
    
    .fkx2 .fxl p {
        font-size: 12px;
        text-align: justify;
    }
    
    .rongyu .qbt {
        font-size: 1.5rem;
        text-align: center;
        width: 100%;
        font-weight: normal;
        margin-bottom: 2rem;
    }
    
    .fkx3 .fxl .neixiao h2 {
        font-size: 1.5rem;
        text-align: center;
    }
    
    .fkx3 .fxl p {
        text-align: justify;
        font-size: 12px;
    }
    
    .fflx {
        display: none;
    }
    
    .fflx2 {
        display: block;
    }
    
    .wopx p:nth-child(1) {
        font-size: 45px;
        text-align: center;
        color: #4a8bf3;
        font-weight: 100;
        margin-top: -100px;
    }
    
    .wopx p:nth-child(2) {
        font-size: 26px;
        color: #3072c4;
        text-align: center;
        font-weight: bold;
        padding-bottom: 29px;
        margin-top: -21px;
    }
    
    .wopx p:nth-child(2) span {
        font-size: 36px;
        color: #FFFFFF;
    }
    
    .wopx p:nth-child(3) {
        width: 174px;
        height: 1px;
        margin: 0px auto;
        background-color: #FFFFFF;
    }
    
    .wopx p:nth-child(4) {
        font-size: 30px;
        color: #FFFFFF;
        text-align: center;
        font-weight: bold;
        padding-top: 29px;
        padding-bottom: 64px;
    }
    
    .zhichunanniu {
        width: 138px;
        height: 40px;
        background-color: #3072c4;
        text-align: center;
        line-height: 40px;
        border-radius: 5px;
        margin: 0px auto;
    }
    
    .fflx3 {
        display: block;
    }
    
    .dqppx .hd ul {
        width: 90%;
        height: 100%;
        margin: 0px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .xiaoji p {
        font-size: 30px;
        color: #000000;
        font-weight: bold;
        float: left;
        text-indent: 8px;
    }
    
    .xiaoji a {
        float: right;
        display: block;
        width: 26%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        color: #FFFFFF;
        border-radius: 35px;
        background-color: #305bc4;
        margin-top: 5px;
        margin-right: 9px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .bckt p:nth-child(1) {
        font-size: 60px;
        font-family: impact;
        color: rgba(255, 255, 255, 0.2);
    }
    
    .bckt p:nth-child(2) {
        font-size: 27px;
        font-weight: bold;
        color: #FFFFFF;
        text-shadow: 0px 0px 10px #b70002;
        margin-top: -42px;
        padding-bottom: 1px;
    }
    
    .xiamianh img {
        width: 10%;
        float: right;
        display: inline-block;
        margin-left: 10px;
        margin-top: 13px;
        margin-right: 144px;
    }
    
    .xiamianh a {
        display: block;
        float: right;
        color: #FFFFFF;
        margin-top: 22px;
    }
    
    .xxk img {
        display: inline-block;
        margin-top: 18px;
        width: 66%;
        margin-right: 59px;
    }
}
@media(max-width:530px) {
    /*b*/
    
    #top_scroll {
        height: 430px;
    }
    
    #scroll_one li {
        width: 116px;
        box-sizing: border-box;
        float: left;
        background-color: #FFFFFF;
        padding: 4px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    #scroll_one {
        height: 128px;
    }
    
    .cllww .swiper-slide {
        background-position: center;
        background-size: cover;
        height: 390px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .iu2 h2 {
        font-size: 26px;
        color: #305bc4;
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .swiper-button-ckpprev,
    .swiper-button-ckpnext {
        width: 25px;
        height: 56px;
        position: absolute;
        top: 50%;
        z-index: 99999;
    }
    
    .cllww {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 80px;
    }
    
    .form_box_box {
        width: 100%;
        margin: 0px auto;
        padding: 30px 0;
        box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);
    }
    
    .disp ul li .sbt p {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 20px;
        font-weight: 300;
        height: 19px;
        overflow: hidden;
        text-align: center;
        position: relative;
        width: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .swiper-button-shenyunext {
        right: 20px;
    }
    
    .swiper-button-shenyuprev {
        left: 10px;
    }
    
    .cbnei {
        width: 100%;
        height: 189px;
        overflow: hidden;
    }
    
    .cbfen li img {
        display: inline;
        display: inline-block;
        height: 30px;
    }
    
    .cbfen li h2 {
        font-size: 15px;
        color: #ef9c01;
        font-weight: 300;
        margin-top: 7px;
        margin-bottom: 3px;
    }
    
    .cbfen li p {
        display: none;
    }
    
    .cbfen {
        display: table;
        width: 100%;
        margin-top: 10px;
    }
    
    .cbfen li span {
        display: block;
        width: 100%;
        color: #305bc4;
    }
    
    .hjk {
        font-size: 38px;
        color: rgba(255, 255, 255, .1);
        font-family: impact;
        text-align: left;
        margin-bottom: 20px;
    }
    
    .yuanshen ul li {
        height: 30px;
        text-align: left;
        line-height: 30px;
        border-bottom: 1px dashed #FFFFFF;
        border: 1px dashed #FFFFFF;
        border-radius: 10px;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        width: 31.33%;
        margin: 1%;
        text-align: center;
    }
    
    .yuanshen ul li a {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        color: #FFFFFF;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    
    .swiper-button-shenyunext,
    .swiper-button-shenyuprev {
        position: absolute;
        top: 65%;
        width: 25px;
        height: 31px;
        z-index: 999999;
    }
    
    .tianchu2 {
        float: none;
        width: 96%;
        height: 210px;
        overflow: hidden;
        margin-right: inherit;
        margin: 0px auto;
        margin-bottom: 102px;
        position: relative;
    }
    
    .liww {
        width: 340px;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        bottom: 75px;
    }
    
    //d  .youx p:nth-child(2) {
    text-align: center;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}
.youx p:nth-child(2) img {
    display: inline-block;
    margin-left: 13px;
    width: 20px;
    height: 20px;
}
.youx p:nth-child(1) {
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-bottom: 6px;
    line-height: 30px;
    margin-top: 5px;
    text-indent: 2em;
    height: 150px;
    overflow: hidden;
}
.fflx {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 140%;
    max-width: initial;
}
.bannerx2 {
    width: 96%;
    height: auto;
    margin: 0px auto;
    margin-top: 210px;
}
.swiper-button-nextt,
.swiper-button-prevt {
    position: absolute;
    top: 42%;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}

}
@media(max-width:520px) {
    .fenlei2 .zs .zsf {
        text-indent: 1em;
        font-size: 20px;
        height: 100%;
        width: 100%;
    }
    .cllww .swiper-container {
        width: 60%;
        height: auto;
        margin: 0px auto;
    }
}
@media(max-width:500px) {
    .wsx .pl1 {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .cshang {
        width: 100%;
        height: 110px;
        overflow: hidden;
    }
    .qiaoji2 h2 {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
        float: left;
    }
    .dkwem {
        position: absolute;
        left: 0px;
        top: 116px;
        width: 100%;
        text-align: center;
        font-size: 40px;
        color: rgba(255, 255, 255, 0.1);
        font-family: impact;
    }
    .qiaoji2 a {
        width: 110px;
        height: 30px;
        background-color: #305bc4;
        float: right;
        text-align: center;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 30px;
        border-radius: 30px;
        margin-top: 0px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    #top_scroll ul li p {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }
    .cktime p:nth-child(1) {
        font-size: 26px;
        color: #305bc4;
        font-weight: bold;
    }
    .cktime p:nth-child(2) {
        font-size: 12px;
        color: #305bc4;
    }
    .cknei {
        float: right;
        width: 80%;
        text-align: justify;
        margin-left: 0px;
        box-sizing: border-box;
        padding-top: 32px;
    }
    .wokao ul {
        width: 90%;
        margin-left: inherit;
        margin: 0px auto;
        display: table;
    }
    .jingying {
        display: table;
        position: absolute;
        left: 0px;
        top: 120px;
        z-index: 2;
        width: 100%;
    }
    .wokao ul li {
        width: 100%;
        height: 120px;
    }
    .wsx .pl2 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
    }
    .fen7 .onr ul li {
        width: 48%;
        float: left;
        margin: 1%;
    }
    .fen7 .onr ul li:nth-child(1) {
        margin-left: 1%;
    }
    .fen7 .onr ul li:nth-child(5) {
        margin-left: 1%;
    }
    .fen7 .onr ul li:nth-child(9) {
        margin-left: 1%;
    }
    .mkox2 .mko3 a {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        color: #FFFFFF;
        font-weight: bold;
        text-indent: 0em;
    }
    .mkox2 .mko3 {
        width: 18%;
        margin-right: 1%;
        height: 30px;
        border-radius: 30px;
        border: 3px solid #FFFFFF;
        background: url(../images/jb1.jpg);
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .dongshi p:nth-child(1) {
        font-size: 20.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
        margin-top: -100px;
    }
    .dongshi p:nth-child(2) {
        font-size: 26.42px;
        color: #1a4cab;
        font-weight: bold;
        margin-top: -66px;
    }
    .dongshi1 .dongshiy {
        width: 96%;
        margin: 0px auto;
        margin-top: 5px;
        float: none;
        text-align: justify;
        font-size: 14px;
        color: #000000;
        line-height: 26px;
    }
    .dongshid p:nth-child(1) {
        font-size: 20.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
    .dongshid p:nth-child(2) {
        font-size: 26.42px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: -66px;
    }
    .ckl ul li .imgxc {
        width: 100%;
        height: 172px;
        overflow: hidden;
    }
    .fen8 h3 {
        font-size: 56px;
        color: #FFFFFF;
        font-weight: bold;
    }
    .xc .zhongjian .mlx:nth-child(1) {
        font-size: 32px;
        color: #1950ab;
        padding-top: 130px;
    }
    .xc .zhongjian {
        width: 98%;
        height: 543px;
        background: url(../images/liubian2.png) center;
        background-size: cover;
        margin: 0px auto;
        margin-top: -125px;
    }
}
@media(max-width:480px) {
    .shoull .kopx {
        width: 65%;
        position: relative;
        float: none;
        margin: 0px auto;
    }
    .iu {
        position: absolute;
        left: 0;
        top: 78px;
        width: 100%;
        text-align: center;
        font-size: 60px;
        color: rgba(255, 255, 255, 0.03);
        font-family: impact;
    }
    .iu2 {
        position: absolute;
        left: 0;
        top: 116px;
        width: 100%;
        text-align: center;
        z-index: 999;
    }
    .iu2 p {
        display: none;
    }
    .cllww .swiper-container {
        width: 65%;
        height: auto;
        margin: 0px auto;
    }
    .neixd {
        width: 93%;
        height: 300px;
        margin: 0px auto;
        margin-top: 68px;
    }
    .fen8 h3 {
        font-size: 40px;
        color: #FFFFFF;
        font-weight: bold;
    }
    .xc .zhongjian .mlx:nth-child(2) {
        font-size: 18.67px;
        color: #FFFFFF;
        padding-top: 20px;
    }
    .xc .zhongjian .mlx:nth-child(1) {
        font-size: 28px;
        color: #1950ab;
        padding-top: 130px;
    }
    .xc .zhongjian img {
        margin: 0px auto;
        margin-top: 50px;
    }
    .wpc {
        position: absolute;
        left: 0;
        transform: translateX(0%);
        top: 100px;
        font-size: 60px;
        color: rgba(255, 255, 255, 0.1);
        width: 100%;
        text-align: center;
        font-family: impact;
    }
    .tianchu1 h2 {
        font-size: 20px;
        color: #305bc4;
        font-weight: bold;
        text-align: left;
        padding-bottom: 16px;
        margin-top: 115px;
    }
    .tianchu1 p {
        font-size: 14px;
        color: #FFFFFF;
        line-height: 26px;
        height: 90px;
        overflow: hidden;
        text-align: justify;
    }
    .tianchu1 a {
        width: 121px;
        height: 30px;
        border-radius: 30px;
        line-height: 30px;
        text-align: center;
        color: #FFFFFF;
        font-size: 14px;
        background-color: #305bc4;
        margin-top: 13px;
    }
}
@media(max-width:440px) {
    .xxpp2 {
        text-align: center;
        font-size: 18px;
        color: #FFFFFF;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: -140px;
    }
    .youx p:nth-child(1) {
        font-size: 16px;
        color: #000000;
        text-align: left;
        margin-bottom: 6px;
        line-height: 30px;
        margin-top: 5px;
        text-indent: 2em;
        height: 120px;
        overflow: hidden;
    }
    .dongshi1 {
        width: 100%;
        display: table;
        margin-top: 27px;
    }
}
@media(max-width:430px) {
    .fenlei2 .zs .zsf {
        text-indent: 1em;
        font-size: 18px;
        height: 100%;
        width: 100%;
    }
    .mkox p:nth-child(1) {
        font-size: 30.83px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: bold;
        margin-top: -20px;
    }
    .mkox p:nth-child(2) {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: -20px;
    }
    .mkox2 {
        height: 70px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .mkox2 .mko3 a {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        color: #FFFFFF;
        text-indent: 0em;
    }
    .mkox2 .mko3 {
        width: 18%;
        margin-right: 1%;
        height: 20px;
        border-radius: 20px;
        border: 2px solid #FFFFFF;
        background: url(../images/jb1.jpg);
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .mkzuo p {
        font-size: 14px;
        text-align: justify;
        line-height: 28px;
    }
    .jiazai8 img {
        width: 152px;
        height: 152px;
        display: block;
    }
}
@media(max-width:390px) {
    .wsx .pl1 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .wsx .pl2 {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        color: #FFFFFF;
    }
    .mkzuo {
        float: none;
        width: 96%;
        margin: 0px auto;
        height: 372px;
        overflow: hidden;
    }
    .ckl ul li .imgxc {
        width: 100%;
        height: 147px;
        overflow: hidden;
    }
}
@media(max-width:375px) {
    ul.fs .box1 li {
        float: none;
        width: 100%;
        margin-right: 0%;
        margin-bottom: 10px;
    }
    ul.fs li.radio label {
        margin: 0 0px;
    }
    .wopx p:nth-child(1) {
        font-size: 24px;
        text-align: center;
        color: #4a8bf3;
        font-weight: 100;
        margin-top: -120px;
    }
    .wopx p:nth-child(2) {
        font-size: 19px;
        color: #3072c4;
        text-align: center;
        font-weight: bold;
        padding-bottom: 29px;
        margin-top: 10px;
    }
    .wopx p:nth-child(4) {
        font-size: 18px;
        color: #FFFFFF;
        text-align: center;
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 46px;
    }
    .fflx {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        width: 140%;
        max-width: initial;
    }
    .bannerx2 {
        width: 96%;
        height: auto;
        margin: 0px auto;
        margin-top: 160px;
    }
    .fflx2 {
        width: 18%;
        position: absolute;
        right: 10%;
        top: 10%;
        z-index: 0;
        max-width: initial;
        display: block;
    }
    .ddu2x {
        font-size: 14px;
        float: right;
        margin-top: 23px;
        margin-right: 5px;
        color: #305bc4;
    }
    .ddu1x {
        font-size: 16px;
        float: right;
        font-family: impact;
        color: #305bc4;
        margin-right: 10px;
    }
    .xiaoji a {
        float: right;
        display: block;
        width: 30%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        color: #FFFFFF;
        border-radius: 35px;
        background-color: #305bc4;
        margin-top: 5px;
        margin-right: 9px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
    .neicl {
        width: 166px;
        height: 38px;
        border-radius: 38px;
        background-color: #e70003;
        text-align: center;
        line-height: 38px;
        margin-top: 18px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        transition: 0.5s;
    }
}
@media(max-width:320px) {
    .dopp4 p {
        font-size: 12px;
        color: #FFFFFF;
        line-height: 20px;
    }
    .erc1 {
        width: 100px;
        display: table;
        text-align: center;
        position: absolute;
        top: 140px;
    }
    .jingying h2 {
        font-size: 18px;
        color: #FFFFFF;
        font-weight: bold;
        width: 100%;
        text-align: center;
    }
    .jingying {
        display: table;
        position: absolute;
        left: 0px;
        top: 100px;
        z-index: 2;
        width: 100%;
    }
    .jingying p {
        font-size: 40px;
        font-family: impact;
        color: rgba(255, 255, 255, 0.1);
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }
    .tianchu2 {
        float: none;
        width: 270px;
        height: 210px;
        overflow: hidden;
        margin-right: inherit;
        margin: 0px auto;
        position: relative;
    }
    .hjk {
        font-size: 40px;
        color: rgba(255, 255, 255, .1);
        font-family: impact;
        text-align: left;
        margin-bottom: 20px;
    }
    .cbfen {
        display: none;
        width: 100%;
    }
    .xxpp2 {
        text-align: center;
        font-size: 16px;
        color: #FFFFFF;
        font-weight: bold;
        margin-bottom: 10px;
    }
    .hengcha {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px;
        display: none;
    }
    .dongshi1 .dongshiy {
        width: 96%;
        margin: 0px auto;
        margin-top: 5px;
        float: none;
        text-align: justify;
        font-size: 14px;
        color: #000000;
        line-height: 26px;
        height: 234px;
        overflow: hidden;
    }
    .jcixpoz p:nth-child(1) {
        font-size: 26px;
        color: #1950ab;
        font-weight: bold;
        margin-top: -130px;
    }
    .jcixpoz p:nth-child(2) {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .zhichunanniu {
        width: 138px;
        height: 30px;
        background-color: #3072c4;
        text-align: center;
        line-height: 30px;
        border-radius: 5px;
    }
    .zhichunanniu a {
        font-size: 14px;
        color: #FFFFFF;
    }
    .jcixpoy ul li img {
        display: inline-block;
        margin-top: 30px;
        margin-bottom: 10px;
        width: 36px;
    }
    .jcixpoy ul li {
        width: 49%;
        height: 134px;
        margin: 1%;
        float: left;
        border-radius: 20px;
        text-align: center;
    }
    .hhx {
        width: 100%;
        height: 1px;
        background-color: #FFFFFF;
        margin-top: 32px;
        margin-bottom: -6px;
    }
    .dongshid p:nth-child(1) {
        font-size: 18.21px;
        color: rgba(0, 0, 0, .1);
        font-weight: bold;
    }
}

/*å“åº”å¼æ ·å¼ç»“æŸ*/