.headerhtml {
    -webkit-text-size-adjust: none;
}

@font-face {
    font-family: SourceHanSansCN-Regular;
    src: url(font/SourceHanSansCN-Regular.otf);
}

@font-face {
    font-family: SourceHanSansCN-Bold;
    src: url(font/SourceHanSansCN-Bold.otf);
}

@font-face {
    font-family: SourceHanSansCN-Heavy;
    src: url(font/SourceHanSansCN-Heavy.otf);
}

@font-face {
    font-family: SourceHanSansCN-Medium;
    src: url(font/SourceHanSansCN-Medium.otf);
}

@font-face {
    font-family: AVANTGARDEMDITC-BOLD;
    src: url(font/AVANTGARDEMDITC-BOLD.OTF);
}

@font-face {
    font-family: AVGARDN;
    src: url(font/AVGARDN.TTF);
}

body {
    font-size: 12px;
    color: #666;
    line-height: 1;
    overflow-x: hidden;
    font-family: 'AVGARDN';
}

/* body.win{font-family:"\5FAE\8F6F\96C5\9ED1";}
body.mac{font-family: PingFangSC-Regular;} */
a {
    text-decoration: none;
    transition: all 0.3s
}

a:hover {
    text-decoration: none;
}

.imgbox img {
    max-width: 100%;
    vertical-align: top;
}

input, button, textarea {
    outline: none;
    font-family: SourceHanSansCN-Regular;
}

/* body.win input,body.win button,body.win textarea{font-family:"\5FAE\8F6F\96C5\9ED1";}
body.mac input,body.mac button,body.mac textarea{font-family: PingFangSC-Regular;} */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ddd;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ddd;
}

/* *::-webkit-scrollbar {
	width: 3px;
	background-color: #fff;
}
*::-webkit-scrollbar-thumb {
	background-color: #86CB3D;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, .3);
} */
.hide {
    overflow: hidden;
}

.colfa {
    color: #fafafa;
}

.bghui {
    background: #F6F8FB;
}

.col56 {
    color: #565656;
}

.col85 {
    color: #858585;
}

.bgf4 {
    background: #f4f4f4;
}

.lan {
    color: #0B6EC7;
}

.wrap {
    box-sizing: border-box;
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.col3c {
    color: #3c3c3c;
}

.wrap1200 {
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.wrap1300 {
    box-sizing: border-box;
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
}

.phheader, .tcheader {
    display: none;
}

.header {
    position: relative;
    width: 100%;
    left: 0;
    /*top: 18px;*/
    z-index: 100;
    box-sizing: border-box;
    padding: 10px 0;
  
    background: #26282B;position: relative;
}
.headerm{box-sizing: border-box;margin:0 auto;width:100%;padding:0 20px}
.logo {
    height: 30px;
   
}

.nav {
    margin-right: 50px;
}

.nav li {
    position: relative;
    margin: 0 10px;
}

.navlink {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding: 0 5px;
}

.navb {
    width: 253px;
    padding: 18px 0 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    display: none;
}

.nav li:hover .navb {
    display: block;
}

.navbm {
    border-radius: 10px;
    background: #fff;
    position: relative;
}

.navbm::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 8px;
    background: url(../images/icon17.png) no-repeat center center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -8px;
}

.navbli {
    position: relative;
    padding: 0 15px;
}

.navbli h2 a {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    padding: 18px 20px 18px 22px;
    line-height: 24px;
    background: url(../images/icon16a.png) no-repeat right 10px center;
    color: #333;
    font-size: 15px;
    position: relative;
}

.navbli h2 a::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #0B6EC7;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s;
}

.navbli:hover h2 a {
    color: #0B6EC7;
    font-weight: 500;
    background: url(../images/icon16b.png) no-repeat right 10px center;
}

.navbli:hover h2 a::before {
    opacity: 1;
}

.navblir {
    width: 148px;
    border-radius: 10px;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    display: none;
}

.navblir a {
    display: block;
    text-align: center;
    line-height: 25px; padding: 15px 0;
    color: #929292;
    font-size: 13px;
}

.navblir a:hover {
    color: #fff;
    background-color: #0B6EC7;
}

.navbli:hover .navblir {
    display: block;
}

.navbli:nth-child(1) .navblir {
    top: 0;
    transform: translateY(0);
}

.navbli:last-child .navblir {
    bottom: 0;
    transform: translateY(0);
    top: initial;
}

.navbli:last-child h2 a {
    border: none;
}

.navlink2 {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    text-align: center;
    line-height: 24px;
    color: #333;
    font-size: 13px;
    position: relative;
    margin: 0 15px;padding: 18px 10px;
}

.navlink2:last-child {
    border: none;
}

.navlink2::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 18px;
    background: #0B6EC7;
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s;
}

.navlink2:hover {
    color: #0B6EC7;
    font-weight: 500;
}

.navlink2:hover::before {
    opacity: 1;
}

.yybox {
    position: relative;
    cursor: pointer;
}

.icon2 {
    background: url(../images/icon2.png) no-repeat left center;
    color: #fff;
    padding-left: 28px;
    font-size: 16px;
    line-height: 40px;
}

.yytxtb {
    width: 148px;
    background: #fafafa;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    z-index: 999;
}

.yytxtb a {
    display: block;
    color: #929292;
    font-size: 16px;
    line-height: 56px;
    text-align: center;
}

.yytxtb a:hover {
    color: #fff;
    background: #0B6EC7;
}

.yybox:hover .yytxtb {
    display: block;
}

.ssbox {
    position: relative;
    width: 54px;
    height: 38px;
}

.ssbtn {
    width: 54px;
    height: 38px;
    background: url(../images/icon3.png) no-repeat center center;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.ss_input {
    width: 0;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #fff;
    border-radius: 20px;
    border: none;
    font-size: 15px;
    box-sizing: border-box;
    transition: all 0.3s;
    opacity: 0;
}

.ssbox:hover .ss_input {
    width: 270px;
    padding: 0 55px 0 20px;
    opacity: 1;
}
.ssbox:hover .ssbtn{background: url(../images/icon3a.png) no-repeat center center;}

.sslink {
    width: 40px;
    height: 40px;
    border: none;
    background: url(../images/icon3.png) no-repeat right center;
}

.banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.bannerm {
    overflow: hidden;
}

.bannerm .swiper-slide img {
    width: 100%;
    vertical-align: top;
}

.bannerbtn {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 2;
    top: 50%;
}

.bannerbtnl {
    left: 60px;
    background: url(../images/icon4a.png) no-repeat center center;
}

.bannerbtnr {
    right: 60px;
    background: url(../images/icon4b.png) no-repeat center center;
}

.bannerb {
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 24px;
}

.bannerb .swiper-pagination-bullet {
    width: 36px;
    height: 4px;
    border-radius: 4px;
    margin: 0 8px;
    background: #f5f5f5;
    opacity: 0.2;
}

.bannerb .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.jjfa {
    padding: 90px 20px 100px;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.title h2 {
    font-size: 30px;
    padding: 0 0 10px;
}

.title span {
    font-family: AVANTGARDEMDITC-BOLD;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 5px;
    line-height: 20px;
}

.jjfam {
    overflow: hidden;
    margin: 60px 0 0;
}

.jjfaml {
    width: 50%;
    background: url(../images/icon5.jpg) no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    padding: 10px 200px 10px 60px;
}

.jjfaml h2 {
    font-size: 36px;
}

.jjfaml p {
    font-size: 16px;
    padding: 45px 0 55px;
}

.jjfaml span {
    font-size: 16px;
    text-transform: uppercase;
    background: url(../images/icon5b.png) no-repeat right center;
    padding-right: 35px;
}

.jjfamr {
    width: 50%;
}

.jjfab {
    padding: 37px 0 0;
}

.jjfab .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: none;
    opacity: 1;
    border: 2px solid #dedede;
    box-sizing: border-box;
}

.jjfab .swiper-pagination-bullet-active {
    border-color: #0B6EC7;
}

.cpzx {
    padding: 70px 20px 5px;max-width: 1460px;box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}



.cpzxm {
    margin: 55px 0 0;
    overflow: hidden;
    position: relative;
    padding: 92px 30px;
}



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

.cpzxmbox {
    width:100%;
   
    background: #fbfbfb;
    position: relative;
    box-sizing: border-box;
    padding: 35px 10px 15px;
    z-index: 1;
    transition: all 0.3s;border-radius: 10px;
}

.cpzxm .swiper-slide:hover .cpzxmbox {
     box-shadow: 5px 9px 30px 0px rgba(30, 121, 204, 0.3);
}

.cppic1 {
    width: 100%;padding: 15px 0;aspect-ratio: 10/10;
    
}

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

.cpzxmbox h2 {
    font-size: 18px;
}

.cptxt1 {
    color: #dadada;
    font-size: 22px;
    line-height: 20px;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 3;
}

.cptxt2 {
    font-size: 14px;
    line-height: 26px;
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 10px 0 15px;
    border-radius: 25px 0 0 25px;
    z-index: 3;
    background: #217bcd;
    font-weight: bold;
}


.cpzxmbox2 {
    width: 484px;
    height: 493px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
    border-bottom: 5px solid #1C78CC;
    box-shadow: 0px 5px 18px 6px rgba(24, 56, 139, 0.08);
    visibility: hidden;
    padding: 74px 10px 0;
    transition: all 0.3s;
    opacity: 0;
}

.cpzxm .swiper-slide:hover .cpzxmbox2 {
    visibility: visible;
    opacity: 1;
}

.cppic2 {
    width: 100%;
    height: 318px;
    background: url(../images/icon6.png) no-repeat center bottom;
}

.cppic2 img {
    max-width: 100%;
    max-height: 318px;
}

.cpzxmbox2 h2 {
    font-size: 24px;
    padding: 25px 0 0;
}

.cpzxmbox2 .cptxt1 {
    font-size: 36px;
    color: #929292;
    top: 45px;
    letter-spacing: 3px;
}

.cpzxmbox2 .cptxt2 {
    top: 27px;
    line-height: 47px;
    font-size: 30px;
    padding: 0 18px 0 27px;
}

.cpzxbtn {
    width: 42px;
    height: 42px;
    margin: 0 12px;
    cursor: pointer;
    outline: none;
}

.cpzxbtnl {
    background: url(../images/icon7a.png) no-repeat center center;
    background-size: cover;
    opacity: 0.3;
    transition: all 0.3;
}

.cpzxbtnl:hover {
    background: url(../images/icon7b.png) no-repeat center center;
    background-size: cover;
    opacity: 1;
}

.cpzxbtnr {
    background: url(../images/icon8a.png) no-repeat center center;
    background-size: cover;
    opacity: 0.3;
    transition: all 0.3;
}

.cpzxbtnr:hover {
    background: url(../images/icon8b.png) no-repeat center center;
    background-size: cover;
    opacity: 1;
}

.cpzxmb {
    padding: 30px 0 0
}

.cpwrap {
    padding: 0 20px 50px;
    box-sizing: border-box;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.cpmenu {
    padding: 75px 0 45px;
}

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

.cpmenu li {
    border-radius: 25px;
    border: 2px solid #eee;
    background: #F6F8FB;
    width: 160px;
    height: 50px;
    text-align: center;
    color: #333;
    box-sizing: border-box;
    font-size: 16px;
    margin: 0 5px;
    cursor: pointer;
}

.cpmenu li.now {
    color: #fff;
    background: linear-gradient(-30deg, #1976CB, #3286D1);
    border-color: rgba(0, 0, 0, 0);
}

.cpbox {
    display: none;max-width: 1180px;margin: 0 auto;
}

.cplb li {
    width: calc((100% - 180px) / 4);
    margin: 0 60px 40px 0;
}

.cplb li:nth-child(4n) {
    margin-right: 0;
}

.cppic3 {
    width: 100%;
    aspect-ratio: 10/10.3;
    background: #fbfbfb;
    border-radius: 10px;
    position: relative; overflow: hidden;
    box-sizing: border-box;
    /*padding: 25px 0 20px;*/
    transition: all 0.3s;
}

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

.logo2 {
    width: 70px;
    height: 21px;
    background: url(../images/logo2.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    top: 14px;
    right: 10px;
}

.cplb li h2 {
    margin: 0 5px;
    color: #999;
    font-size: 16px;
    padding: 15px 0;
}

.cplb li:hover .cppic3 {
    box-shadow: 5px 9px 30px 0px rgba(30, 121, 204, 0.3);
}

.cplb li:hover h2 {
    color: #3286D1;
}

.cplbb {
    padding: 20px 0 0;
}

.cplbb a {
    background: url(../images/icon9.png) no-repeat right center;
    color: #999;
    font-size: 20px;
    line-height: 26px;
    padding-right: 18px;
}

.cplbb a:hover {
    color: #3286D1;
}

.tdshow img {
    min-height: 200px;
}

.tdshow a {
    width: 290px;
    height: 64px;
    background: url(../images/icon10a.png) no-repeat center center rgba(255, 255, 255, 0.9);
    border-radius: 32px;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.tdshow a:hover {
    background: url(../images/icon10b.png) no-repeat center center #3286D1;
}

.img5 {
    position: relative;
    height: 880px;
    background: url(../images/img5b.png) no-repeat center center;
    background-size: cover;
}

.img5r {
    width: 26%;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 10;
}

.img5r::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
    position: absolute;
    left: 0;
    top: 50%;
}

.img5r li {
    width: 100%;
    height: 100%;
}

.img5r li p {
    color: #fff;
    font-size: 30px;
    padding-bottom: 25px;
}

.img5r li span {
    background: url(../images/icon12.png) no-repeat center center;
    width: 30px;
    height: 30px;
}

.img5m {
    position: relative;
    z-index: 1;
    padding: 190px 20% 90px 0;
}

.img5m h2 {
    font-family: AVGARDN;
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 48px;
}

.img5mm {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    padding: 30px 0 60px;
}

.ljgd {
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-right: 46px;
    line-height: 36px;
}

.ljgd::after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/icon11a.png) no-repeat center center #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.ljgd:hover::after {
    background: url(../images/icon11b.png) no-repeat center center #3286D1;
}

.icon13 {
    width: 90px;
    height: 90px;
    background: url(../images/icon13.png) no-repeat center center #0B6EC7;
    border-radius: 50%;
    box-shadow: 5px 9px 30px 0px rgba(11, 110, 199, 0.3);
    position: absolute;
    left: 30%;
    bottom: 0;
    cursor: pointer;
}

.tcbg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    background: #1b1b1b;
    opacity: 0.6;
    display: none;
}

.fbox-video {
    max-width: 980px;
    width: calc(100% - 20px);
    height: 550px;
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 201;
    transform: translate(-50%, -50%);
    background: #000;
}

.fbox-video #mediaplayer {
    width: 100%;
    height: 100%;
}

.tchan {
    width: 1015px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 201;
    background: url(../images/img1.png) no-repeat center center;
    background-size: cover;
    height: 579px;
    box-sizing: border-box;
    padding: 105px 495px 0 15px;
    display: none;
}

.tchan h2 {
    font-size: 28px;
    font-family: SourceHanSansCN-Medium;
    line-height: 45px;
    padding-bottom: 30px;
}

.tchan li {
    color: #676767;
    font-size: 22px;
    position: relative;
    padding-left: 30px;
    line-height: 35px;
    margin-bottom: 20px;
}

.tchan li::before {
    content: '*';
    color: #676767;
    font-size: 22px;
    line-height: 30px;
    position: absolute;
    left: 15px;
    top: 5px;
    display: inline-block;
}

.tchan p {
    color: #959595;
    position: absolute;
    left: 30px;
    bottom: 10px;
    line-height: 21px;
    font-size: 18px;
}

.icon1 {
    width: 30px;
    height: 30px;
    background: url(../images/icon1.png) no-repeat center center;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.img6 {
    background: url(../images/img6.png) no-repeat center center;
    background-size: cover;
    padding: 100px 0 105px;
}

.img6m {
    padding: 60px 0 0;
}

.img6m li {
    width: calc((100% - 80px) / 6);
    margin: 0 16px 16px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 9px 30px 0px rgba(217, 217, 217, 0.3);
    aspect-ratio: 10/6.25;
}

.img6m li img {
    max-width: 100%;
    max-height: 100%;
}

.img6m li:nth-child(6n) {
    margin-right: 0;
}

.xwxx {
    padding: 95px 0 115px;
}

.xwxxm {
    padding: 50px 0 0;
}

.xwxxm li {
    width: calc((100% - 80px) / 3);
    margin: 0 40px 0 0;
}

.xwxxm li:nth-child(3) {
    margin-right: 0;
}

.xwxxmpic {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 10/7.5;
}

.xwxxmpic img {
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s;
}

.xwxxm li p {
    color: #333;
    font-size: 18px;
    padding: 24px 0 10px;
    transition: all 0.3s;
}

.xwxxm li span {
    color: #999;
    font-size: 18px;
    line-height: 28px;
}

.xwxxm li:hover img {
    transform: scale(1.03);
}

.xwxxm li:hover p {
    color: #3286D1;
}

.footer {
    background: #26282B;
}

.footert {
    padding: 75px 0 60px;
}

.fgzwm {
    color: #c4c4c4;
    font-size: 16px;
    padding: 64px 0 0;
}
.footertl p.f18{font-size:16px!important}
.footertr li {
    margin-left: 15px;
  width: 100px;
}

.footertr li:nth-child(1) {
    margin-left: 0;
}

.footertr li h2 a {
    color: #fff;
    font-size: 16px;height: 48px;
    line-height: 24px;
}

.footertr li h2 {
    padding-bottom: 24px;
}

.footertr li p a {
    color: #999;
    font-size: 14px;height: 48px;
    line-height: 24px;
}

.footertr li p {
    padding-bottom: 20px;
}

.footerb {
    border-top: 1px solid #3e3e3e;
    padding: 16px 0 20px;
    display: flex;
    justify-content: space-between;
}

.icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
}

.icon span {
    width: 81px;
    height: 85px;
    background: url(../images/icon14.png) no-repeat center center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0);
    bottom: 32px;
    text-align: center;
    box-sizing: border-box;
    padding: 6px 0 0;
    opacity: 0;
    transition: all 0.3s;
}

.icon span img {
    width: 69px;
    height: 69px;
}

.icon:hover span {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.qq {
    background: url(../images/qq.png) no-repeat center center #fff;
}

.wb {
    background: url(../images/wb.png) no-repeat center center #fff;
}

.wx {
    background: url(../images/wx.png) no-repeat center center #fff;
}

.footertlb {
    display: none;
}

/**page**/
.sbanner {
    position: relative;
}

.sbanner img {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 200px;
}

.sbtxt {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    font-family: SourceHanSansCN-Medium;
    text-align: center;
    left: 0;
    top: 0;
    letter-spacing: 2px;
}

.sbtxt h2 {
    font-size: 32px;
    line-height: 48px;
}

.sbtxt p {
    font-size: 22px;
    line-height: 33px;
}

.cpin {
    background: url(../images/bg1.png) no-repeat center bottom;
    background-size: 100% auto;
    padding: 80px 0 130px;
}

.cpinl {
    width: 255px;
}

.cpinr {
    width: calc(100% - 320px);
}

.sscp {
    border: 1px solid #e8e8e8;
    border-radius: 60px;
    padding: 0 0 0 20px;
}

.sscp_btn {
    width: 55px;
    border: none;
    height: 43px;
    background: url(../images/icon3.png) no-repeat center center;
    cursor: pointer;
}

.sscp_input {
    width: calc(100% - 55px);
    border: none;
    background: none;
    height: 43px;
    font-size: 14px;
}

.rex {
    border-bottom: 1px solid #ebebeb;
    padding: 6px 0 6px 20px;
}

.icon22 {
    background: url(../images/icon22a.png) no-repeat left center;
    padding-left: 32px;
    color: #A2ABB6;
    font-size: 16px;
    line-height: 30px;
    margin-right: 38px;
}

.icon22.now {
    color: #333;
    background: url(../images/icon22b.png) no-repeat left center;
}

.icon23 {
    background: url(../images/icon23a.png) no-repeat left center;
    padding-left: 42px;
    color: #A2ABB6;
    font-size: 16px;
    line-height: 30px;
}

.icon23.now {
    color: #333;
    background: url(../images/icon23b.png) no-repeat left center;
}

.cpinlm {
    padding: 40px 0 0;
}

.cptxt {
    font-size: 20px;
    padding-left: 13px;
}

.qbcp {
    margin-bottom: 45px;
}

.qbcp li h2 {
    border-bottom: 1px solid #f6f6f6;
    padding: 25px 0 0 13px;
    line-height: 30px;
    background: url(../images/icon26a.png) no-repeat right bottom 6px;
    color: #3c3c3c;
    font-size: 16px;
    cursor: pointer;
}

.qbcp li.now h2 {
    background: url(../images/icon26b.png) no-repeat right bottom 6px;
    color: #0B6EC7;
    font-family: SourceHanSansCN-Medium;
}
.qbcp li:hover h2{ color: #0B6EC7;}
.qbcpb {
    padding: 20px 0 0 34px;
    display: none;
}

.qbcpb p {
    padding-bottom: 12px;
}

.qbcpb a {
    padding-left: 18px;
    line-height: 30px;
    background: url(../images/icon27a.png) no-repeat left center;
    color: #6C6C6C;
    font-size: 16px;
}

.qbcpb a:hover, .qbcpb a.now {
    color: #353535;
    background: url(../images/icon27b.png) no-repeat left center;
    font-family: SourceHanSansCN-Medium;
}

.cplbtxt2 {
    padding: 0 0 15px 13px;
    font-size: 20px;
    line-height: 30px;
}

.icon28 {
    background: url(../images/icon28.png) no-repeat right center;
    padding-right: 30px;
}

.rxcp li {
    border-bottom: 1px solid #f6f6f6;
    padding: 5px 0;
}

.rxcp li a {
    box-sizing: border-box;
    width: 100%;
    padding: 2px 13px;
    border-radius: 5px;
    overflow: hidden;
}

.rxcp li a img {
    width: 90px;
    height: 80px;
    border-radius: 2px; /**border: 1px solid #e9e9e9;**/
    box-sizing: border-box;
}

.rxcpr {
    width: calc(100% - 105px);
}

.rxcpr h2 {
    color: #3b3b3b;
    font-size: 18px;
    line-height: 30px;
}

.rxcpr p {
    color: #aaa;
    font-size: 12px;
}

.rxcp li a:hover {
    background: url(../images/icon29.png) no-repeat center center;
    background-size: cover;
}

.rxcp li a:hover h2, .rxcp li a:hover p {
    color: #fff;
}

.cprm {
    padding: 40px 0 0;
}

.cprm li {
    width: calc((100% - 54px) / 4);
    margin: 0 18px 0 0;
}

.cprm li:nth-child(4n) {
    margin-right: 0;
}

.cprm li a {
    width: 100%;
    position: relative;
    padding: 0 0 100px 0;
}

.cprpic {
    background: #fbfbfb;
    width: 100%;
    aspect-ratio: 10/10;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 5px;
}

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

.cprmb {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 89px;
    box-sizing: border-box;
    padding: 6px 10px 0;
    text-align: center;
    transition: all 0.3s;
    border-radius: 0 0 5px 5px;
}

.cprmb h2 {
    color: #333;
    font-size: 18px;
    line-height: 30px;
    transition: all 0.3s;
}

.cprmb p {
    font-size: 16px;
    color: #666;
    transition: all 0.3s;
    padding: 5px 0;
}

.icon31 {
    width: 35px;
    height: 20px;
    background: url(../images/icon31.png) no-repeat center center;
    opacity: 0;
    transition: all 0.3s;
}

.cprm li:hover .cprmb {
    bottom: 20px;
    background: url(../images/icon30.png) no-repeat center center;
    background-size: cover;
}

.cprm li:hover .cprmb h2, .cprm li:hover .cprmb p {
    color: #fff;
}

.cprm li:hover .icon31 {
    opacity: 1;
}

.hot {
    width: 78px;
    height: 42px;
    background: url(../images/icon24.png) no-repeat center center;
    background-size: 100% auto;
    position: absolute;
    top: 14px;
    right: -12px;
}

.cprb {
    padding: 60px 0 0;
}

.pagel {
    width: 47px;
    height: 47px;
    background: url(../images/icon32a.png) no-repeat center center;
    transform: rotate(180deg);
    background-size: cover;
}

.pagel:hover {
    background: url(../images/icon32b.png) no-repeat center center;
    background-size: cover;
}

.pager {
    width: 47px;
    height: 47px;
    background: url(../images/icon32a.png) no-repeat center center;
    background-size: cover;
}

.pager:hover {
    background: url(../images/icon32b.png) no-repeat center center;
    background-size: cover;
}

.pagem {
    padding: 0 30px;
    font-size: 16px;
    color: #323232;
    letter-spacing: 3px;
}

.cprmb2 {
    display: none;
}

.fan {
    padding: 80px 0 60px;
}

.fant {
    border-radius: 10px;
    box-shadow: 0px 4px 15px 0px rgba(116, 126, 146, 0.15);
    overflow: hidden;
}

.fantl {
    width: 62%;
}

.fantr {
    width: 38%;
    box-sizing: border-box;
    padding: 65px 65px 0 45px;
    background: url(../images/icon35.png) no-repeat right 14px bottom 7px;
}

.fantr h2 {
    position: relative;
    padding: 15px 0;
    color: #333;
    font-size: 22px;
    font-family: SourceHanSansCN-Medium;
}

.fantr h2::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0B6EC7;
    opacity: 0.3;
    position: absolute;
    left: 0;
    top: 0;
}

.fantr h2::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0B6EC7;
    position: absolute;
    left: 11px;
    top: 0;
}

.fantr p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 50px;
}

.icon34c {
    background: url(../images/icon34c.png) no-repeat right center;
    padding-right: 41px;
    color: #0B6EC7;
    font-size: 16px;
}

.fanm {
    padding: 45px 0 0;
}

.fanm li {
    width: calc((100% - 40px) / 2);
    margin: 0 40px 45px 0;
    border-radius: 10px;
    overflow: hidden;
}

.fanm li:nth-child(2n) {
    margin-right: 0;
}

.fanm li img {
    width: 100%;
    max-height: 310px;
    vertical-align: top;
}

.fanmb {
    padding: 23px 80px 28px 25px;
    transition: all 0.3s;
}

.fanmb h2 {
    color: #333;
    font-size: 22px;
    line-height: 33px;
    font-family: SourceHanSansCN-Medium;
    transition: all 0.3s;
}

.fanmb p {
    color: #666;
    font-size: 16px;
    padding: 5px 0 25px;
    line-height: 25px;
    transition: all 0.3s;
}

.fanmb span {
    color: #363636;
    font-size: 16px;
    background: url(../images/icon34a.png) no-repeat right center;
    padding-right: 36px;
    line-height: 24px;
    transition: all 0.3s;
}

.fanm li:hover .fanmb {
    background: url(../images/img13b.png) no-repeat center center;
    background-size: cover;
}

.fanm li:hover h2, .fanm li:hover p {
    color: #fff;
}

.fanm li:hover span {
    color: #fff;
    background: url(../images/icon34b.png) no-repeat right center;
}

.fanb {
    background: url(../images/img14.png) no-repeat center center;
    padding: 120px 0 90px;
    background-size: cover;
    text-align: center;
}

.fanb p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 33px;
}

.fanb a {
    width: 130px;
    line-height: 40px;
    border-radius: 20px;
    background: #0B6EC7;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.img19 {
    background: url(../images/img19.png) no-repeat center center;
    background-size: cover;
    padding: 60px 0 120px;
}

.img19t {
    text-align: center;
    font-family: SourceHanSansCN-Bold;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    padding-bottom: 50px;
}

.img19t b {
    opacity: 0.6;
}

.img19m {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.img16 {
    background: url(../images/img16.png) no-repeat center center;
    background-size: cover;
    padding: 120px 0;
}

.img16l {
    width: 50%;
}

.img16r {
    width: 48%;
    border-radius: 10px;
    overflow: hidden;
}

.img16lt {
    font-family: SourceHanSansCN-Bold;
    padding-bottom: 25px;
}

.img16lt h2 {
    color: #353535;
    font-size: 24px;
}

.img16lt p {
    opacity: 0.6;
    line-height: 36px;
    color: #bfbfbf;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 24px;
}

.img16lm {
    color: #353535;
    font-size: 16px;
    line-height: 30px;
}

.img17 {
    background: url(../images/img17.png) no-repeat center center;
    background-size: cover;
    padding: 130px 0;
}

.img17 .img16l {
    text-align: right;
}

.img18 {
    background: url(../images/img18.png) no-repeat center center;
    background-size: cover;
    padding: 165px 0 110px;
    text-align: center;
}

.img18 p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 25px;
}

.img18 a {
    background: url(../images/icon34b.png) no-repeat right center;
    padding-right: 30px;
    color: #E0E0E0;
    line-height: 30px;
    font-size: 16px;
}

.gsjs {
    padding: 90px 0 140px;
}

.gsjst {
    padding: 0 50px 100px 0;
    background: url(../images/img20c.png) no-repeat right bottom;
}

.gsjstl {
    width: 46%;
    background: url(../images/img20d.png) no-repeat center top;
}

.gsjstlt {
    position: relative;
    padding: 43px 0 40px;
    color: #353535;
    font-size: 18px;
    line-height: 30px;
}

.gsjstlt::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0B6EC7;
    opacity: 0.3;
    position: absolute;
    left: 0;
    top: 15px;
}

.gsjstlt::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0B6EC7;
    position: absolute;
    left: 11px;
    top: 15px;
}

.gsjstlb {
    padding-right: 80px;
}

.gsjstlb li {
    text-align: center;
}

.gsjstlb li h2 {
    font-family: SourceHanSansCN-Bold;
    color: #525252;
    line-height: 55px;
    font-size: 36px;
}

.gsjstlb li p {
    color: #9c9c9c;
    font-size: 16px;
}

.gsjstr {
    width: 48%;
    background: url(../images/img20b.png) no-repeat center bottom;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 0 45px 50px;
    position: relative;
}

.gsjstr::before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 56px;
    background: #0B6EC7;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -40px;
}

.gsjsm {
    padding: 30px 0 80px;
    color: #353535;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}

.gsjsb li {
    width: calc((100% - 35px) / 8);
    margin: 0 5px 0 0;
    transition: all 0.3s;
}

.gsjsbpic {
    width: 100%;
    aspect-ratio: 10/10;
}

.gsjsbpic img {
    max-height: 90%;
    max-width: 90%;
}

.gsjsb li p {
    text-align: center;
    color: #757575;
    font-size: 16px;
    line-height: 30px;
    transition: all 0.3s;
}

.gsjsb li:last-child {
    margin-right: 0;
}

.gsjsb li:hover {
    transform: translateY(-10px);
}

.gsjsb li:hover p {
    font-weight: bold;
    color: #333;
}

.gsjstra {
    display: none;
}


.title2 {
    text-align: center;
    font-family: SourceHanSansCN-Bold;
}

.title2 h2 {
    color: #353535;
    font-size: 24px;
    line-height: 36px;
}

.title2 p {
    color: rgba(191, 191, 191, 0.60);
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.title3 {
    text-align: center;
    font-family: SourceHanSansCN-Bold;
}

.title3 h2 {
    color: #353535;
    font-size: 28px;
    line-height: 36px;
}

.title3 p {
    color: rgba(191, 191, 191, 0.60);
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
}

.title3b {
    text-align: center;
    font-family: SourceHanSansCN-Bold;
}

.title3b h2 {
    color: #353535;
    font-size: 26px;
    line-height: 36px;
}

.title3b p {
    color: rgba(191, 191, 191, 0.60);
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
}

.zhxx {
    padding: 80px 0;
}

.zhxxm {
    padding: 45px 0;
}

.zhpic {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.zhpic .swiper-slide img {
    width: 100%;
    vertical-align: top;
    border-radius: 10px;
}

.zhxxb {
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-top: -22px;
    padding-bottom: 15px;
}

.zhxxb .swiper-slide {
    width: 375px;
    position: relative;
    box-sizing: border-box;
    box-sizing: border-box;
}

.zhxxbm {
    position: relative;
    padding: 28px 22px 0;
    transition: all 0.3s;
    box-sizing: border-box;
    height: 213px;
    border-bottom: 6px solid rgba(0, 0, 0, 0);
}

.zhxxbm h2 {
    font-size: 20px;
    color: #282828;
    line-height: 26px;
    padding: 26px 0 10px;
}

.zhxxbm p {
    color: #494949;
    font-size: 18px;
    line-height: 28px;
    padding: 5px 0;
}

.zhxxb .swiper-slide:hover .zhxxbm, .zhxxb .swiper-slide-thumb-active .zhxxbm {
    box-shadow: 0px 4px 20px 0px rgba(15, 57, 87, 0.1);
    background: #fff;
    border-bottom: 6px solid #0B6EC7;
    transform: translateY(-10px);
}

.zhxxmb .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: none;
    opacity: 1;
    border: 2px solid #dedede;
    box-sizing: border-box;
}

.zhxxmb .swiper-pagination-bullet-active {
    border-color: #0B6EC7;
}

.wjzh {
    overflow: hidden;
    margin: 50px 0 0;
}

.wjzhm li {
    width:100%;
    margin: 0 0 45px 0;
    transition: all 0.3s;
    border-radius: 10px;
    overflow: hidden;
}

.wjzhmt {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 10/7.8;
}

.wjzhmt img {
    width: 100%;
    height: 100%;
}

.wjzhmb {
    padding: 10px 10px 15px;
    text-align: center;
}

.wjzhmb h2 {
    color: #333;
    font-size: 20px;
    line-height: 30px;
    font-family: SourceHanSansCN-Bold;
    padding-bottom: 5px;
    transition: all 0.3s;
}

.wjzhmb p {
    color: #666;
    font-size: 18px;
    line-height: 28px;
}

.wjzhm li:hover {
    background: #f9f9f9;
}

.wjzhm li:hover h2 {
    color: #0B6EC7;
}

.wjzhm li:nth-child(2n) {
    margin-right: 0;
}

.wjzhb {
    padding: 20px 0 135px;
}

.wjzhb .pagem {
    width: 120px;
    box-sizing: border-box;
    text-align: center;
}

.pagem .swiper-pagination-current {
    color: #0B6EC7;
}

.gsdt {
    padding: 80px 0;
}

.gsdtm {
    padding: 50px 0 55px;
}

.gsdtm li {
    margin-bottom: 20px;
    padding: 23px;
    transition: all 0.3s;
    border-radius: 10px;
    position: relative;
}

.gsdtm li::after {
    content: '';
    display: inline-block;
    width: 43px;
    height: 35px;
    background: url(../images/icon36.png) no-repeat center center;
    position: absolute;
    bottom: 26px;
    right: 50px;
    transition: all 0.3s;
    opacity: 0;
}

.gsdtm li:hover {
    background: #F7F8FC;
    box-shadow: 0px 4px 20px 0px rgba(36, 72, 104, 0.1);
}

.gsdtm li:hover::after {
    opacity: 1;
    right: 30px;
}

.gsdtmpic {
    width: 33%;
}

.gsdtmpic img {
    width: 100%;
    max-height: 224px;
    border-radius: 20px;
}

.gsdtmr {
    width: 62%;
    box-sizing: border-box;
    padding: 18px 0 0 45px;
    position: relative;
}

.gsdtmr h2 {
    border-bottom: 1px solid #fff;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
    color: #353535;
    font-family: SourceHanSansCN-Bold;
    margin-bottom: 13px;
    transition: all 0.3s;
}

.gsdtmr p {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
    height: 84px;
}

.gsdtmr span {
    color: #A4A4A4;
    font-size: 18px;
    line-height: 27px;
}

.gsdtm li:hover h2 {
    color: #0B6EC7;
    border-bottom: 1px solid #ececec;
}

.zlsm {
    padding: 60px 0 80px;
}

.zlsm li {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 40px 20px 60px;
    position: relative;
    transition: all 0.3s;
}

.zlsm li a {
    line-height: 60px;
    color: #353535;
    font-size: 20px;
    font-family: SourceHanSansCN-Bold;
    max-width: calc(100% - 145px);
}

.zlsm li span {
    color: #a4a4a4;
    font-size: 18px;
    transition: all 0.3s;
}

.zlsm li:hover {
    box-shadow: 0px 4px 20px 0px rgba(36, 72, 104, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 10px;
}

.zlsm li:hover a {
    color: #0B6EC7;
}

.zlsm li:hover span {
    margin-right: 60px;
}

.zlsm li::after {
    content: '';
    display: inline-block;
    width: 43px;
    height: 40px;
    background: url(../images/icon36.png) no-repeat center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    transition: all 0.3s;
    opacity: 0;
}

.zlsm li:hover::after {
    opacity: 1;
    right: 40px;
}

.zzwj {
    padding: 80px 0 125px;
}

.zzwjt {
    padding: 16px 0 17px;
}

.zzwjt span {
    width: 40px;
    height: 40px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s;
}

.zzwjtl {
    background: url(../images/icon37a.png) no-repeat center center;
}

.zzwjtl:hover {
    background: url(../images/icon37b.png) no-repeat center center;
}

.zzwjtr {
    background: url(../images/icon38a.png) no-repeat center center;
}

.zzwjtr:hover {
    background: url(../images/icon38b.png) no-repeat center center;
}

.zzwjm {
    margin-left: calc((100vw - 1200px) / 2);
    overflow: hidden;
    padding: 35px 25px 65px 0;
    position: relative;
}

.zzwjm .swiper-slide {
    width: 355px;
    transition: all 0.3s;
    text-align: center;
}

.zzwjm .swiper-slide img {
    border-radius: 10px;
    height: 245px;
    width: 100%;
}

.zzwjm .swiper-slide p {
    color: #666;
    font-size: 18px;
    padding: 15px 0 0;
    line-height: 30px;
}

.zzwjm .swiper-slide:hover {
    transform: translateY(-35px);
}

.zzwjm .swiper-slide:hover p {
    color: #333;
}

.zzwjb {
    width: 100%;
    left: 0;
    top: initial !important;
    bottom: 0;
    background: #eee;
    height: 3px;
    border-radius: 20px;
}

.zzwjb .swiper-pagination-progressbar-fill {
    background: #1F79CB !important;
}

.zlxz {
    padding: 80px 0 110px;
}

.zlxzm {
    padding: 40px 0 95px;
}

.zlxzm li {
    border-bottom: 1px solid #ededed;
    padding: 15px 10px 15px 13px;
}

.zlxzm li a {
    background: url(../images/icon39.png) no-repeat left center;
    padding-left: 45px;
    color: #363636;
    font-size: 20px;
    line-height: 40px;
    max-width: calc(100% - 85px);
}

.zlxzm li span {
    color: #B0B0B0;
    font-size: 16px;
}

.zlxzm li a:hover {
    color: #0B6EC7;
    font-weight: bold;
}

.xsfw {
    padding: 80px 0 55px;
}

.xsfwt {
    background: url(../images/icon40.png) no-repeat center right;
    border-radius: 10px;
    box-shadow: 0px 4px 15px 0px rgba(17, 65, 137, 0.15);
    background-size: cover;
    padding: 45px 0 0 38px;
    box-sizing: border-box;
    height: 430px;
    margin: 45px 0 85px;
}

.xsfwt li {
    position: relative;
    padding-left: 55px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
}

.xsfwt li h2 {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
}

.xsfwt li h2::before {
    content: '';
    display: inline-block;
    width: 32px;
    height: 30px;
    position: absolute;
    left: -55px;
    top: 50%;
    transform: translateY(-50%);
}

.xsfwt li h2.icon41a::before {
    background: url(../images/icon41a.png) no-repeat center center;
}

.xsfwt li h2.icon41b::before {
    background: url(../images/icon41b.png) no-repeat center center;
}

.xsfwt li h2.icon41c::before {
    background: url(../images/icon41c.png) no-repeat center center;
}

.fwwd {
    padding: 50px 0 0;
}

.fwwd li {
    width: calc((100% - 35px) / 2);
    margin: 0 35px 45px 0;
    transition: all 0.3s;
    position: relative;
    box-sizing: border-box;
    padding: 40px 35px 0;
    height: 210px;
    color: #353535;
    font-size: 16px;
    line-height: 30px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
}

.fwwd li:nth-child(2n) {
    margin-right: 0;
}

.fwwd li h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 5px;
}

.fwwd li:hover {
    box-shadow: 0px 4px 15px 0px rgba(17, 65, 137, 0.15);
}

.fwwd li::after {
    content: '';
    display: inline-block;
    width: 84px;
    height: 84px;
    background: url(../images/icon42.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    right: 30px;
    top: -20px;
    opacity: 0;
    transition: all 0.3s;
}

.fwwd li:hover::after {
    opacity: 1;
    top: -30px;
}

.gmqd {
    padding: 80px 0 180px;
}

.gmqdm {
    padding: 65px 0 0;
}

.gmqdm li {
    width: calc((100% - 88px) / 3);
    margin: 0 44px 0 0;
    height: 370px;
    box-sizing: border-box;
    padding: 152px 0 0;
    text-align: center;
    transition: all 0.3s;
}

.gmqdm li:nth-child(3n) {
    margin-right: 0;
}

.gmqdm li p {
    color: #353535;
    font-size: 22px;
    line-height: 33px;
    padding-bottom: 97px;
    transition: all 0.3s;
}

.gmqdm li span {
    padding-right: 42px;
    line-height: 37px;
    color: #666;
    font-size: 18px;
    background: url(../images/icon46a.png) no-repeat right center;
    transition: all 0.3s;
}

.gmqdm li:hover p {
    color: #fff;
}

.gmqdm li:hover span {
    color: #fff;
    background: url(../images/icon46b.png) no-repeat right center;
}

.icon43 {
    background: url(../images/icon43a.png) no-repeat center center;
}

.icon43:hover {
    background: url(../images/icon43b.png) no-repeat center center;
}

.icon44 {
    background: url(../images/icon44a.png) no-repeat center center;
}

.icon44:hover {
    background: url(../images/icon44b.png) no-repeat center center;
}

.icon45 {
    background: url(../images/icon45a.png) no-repeat center center;
}

.icon45:hover {
    background: url(../images/icon45b.png) no-repeat center center;
}

.hzhb {
    padding: 125px 0 130px;
}

.hzhb li {
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin: 0 20px 30px 0;
    width: calc((100% - 80px) / 5);
    height: 97px;
    box-sizing: border-box;
}

.hzhb li img {
    max-width: 100%;
    max-height: 95px;
}

.hzhb li:nth-child(5n) {
    margin-right: 0;
}

.lxwmt {
    padding: 110px 0 140px;
}

.lxwmtm {
    background: url(../images/icon47.png) no-repeat center center #fcfcfc;
    background-size: cover;
    border-radius: 10px;
    padding: 60px 35px 35px 55px;
}

.lxwmtmt {
    color: #333;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
}

.lxwmtmt h2 {
    font-weight: bold;
    font-size: 20px;
}

.lxwmtmt p {
    opacity: 0.2;
}

.lxwmtmbl {
    width: 53%;
    box-sizing: border-box;
    padding-right: 30px;
}

.lxwmtmbl li {
    color: #333;
    font-size: 16px;
    line-height: 30px;
}

.lxwmtmbl li:nth-child(2) {
    margin: 30px 0;
}

.lxwmtmbltxt {
    padding-left: 45px;
    font-weight: bold;
}

.icon48a {
    background: url(../images/icon48a.png) no-repeat left center;
}

.icon48b {
    background: url(../images/icon48b.png) no-repeat left center;
}

.icon48c {
    background: url(../images/icon48c.png) no-repeat left center;
}

.lxwmtmbr {
    width: 47%;
    height: 250px;
}

.yjfk {
    background: url(../images/icon49b.png) no-repeat center center;
    background-size: cover;
    padding: 40px 0;
}

.yjfkl {
    padding: 28px 0;
    line-height: 30px;
    font-size: 24px;
}

.yjfkl h2 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 6px;
    letter-spacing: 2px;
}

.yjfkl p {
    color: #d1d1d1;
    font-weight: bold;
    letter-spacing: 2px;
}

.yjfkr {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 30px 25px;
    width: 100%;
    max-width: 849px;
}

.fkinput {
    border: none;
    border-radius: 5px;
    background: rgba(231, 236, 255, 0.35);
    width: calc((100% - 40px) / 3);
    box-sizing: border-box;
    padding: 0 15px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    margin: 0 20px 0 0;
}

.fkinput:-ms-input-placeholder {
    color: #D4D4D4;
}

.fkinput::-webkit-input-placeholder {
    color: #D4D4D4;
}

.fkt .fkinput:nth-child(3) {
    margin-right: 0;
}

.fktext {
    margin: 20px 0;
    background: rgba(231, 236, 255, 0.35);
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 8px 15px;
    height: 168px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
}

.fktext:-ms-input-placeholder {
    color: #D4D4D4;
}

.fktext::-webkit-input-placeholder {
    color: #D4D4D4;
}

.fkbtn {
    width: 255px;
    height: 50px;
    background: #0B6EC7;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
}

.zxxq {
    padding: 80px 0 130px;
}

.zxxqt h2 {
    border-bottom: 1px solid #E4E4E4;
    font-weight: bold;
    font-size: 24px;
    color: #353535;
    line-height: 36px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.zxxqt p {
    color: #878787;
    font-size: 20px;
    line-height: 30px;
}

.zxxqm {
    padding: 40px 0 100px;
    border-bottom: 1px solid #DADADA;
    color: #505050;
    font-size: 18px;
    line-height: 30px;
}

.zxxqm img {
    max-width: 100%;
}

.xqtxt {
    color: #505050;
    font-size: 18px;
    line-height: 30px;
    width: 48%;
}

.xqtxt:hover {
    color: #0B6EC7;
}

.xqtxt span {
    display: none;
}

.cxqt {
    padding: 70px 0 60px;
}

.cxqtl {
    width: 450px;
}

.cxqtlm {
    width: 100%;
    aspect-ratio: 10/10;
    background: #fbfbfb;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-height: 450px;
}

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

.cxqtlb {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
    z-index: 5;
}

.cxqtr {
    width: 660px;
    border-bottom: 1px solid #e7e7e7;
}

.cxqtxt {
    color: #3c3c3c;
    font-size: 28px;
    font-weight: bold;
    line-height: 45px;
}

.cxqtxt2 {
    color: #0B6EC7;
    border: 1px solid #0B6EC7;
    border-radius: 5px;
    font-size: 16px;
    line-height: 36px;
    padding: 0 15px;
}

.cxqtrm {
    padding: 40px 0 30px;
}

.cxqtrm li {
    width: 50%;
    color: #525252;
    font-size: 16px;
    line-height: 40px;
}

.cpnav li {
    cursor: pointer;
    color: #666;
    font-size: 18px;
    line-height: 45px;
    min-width: 105px;
    text-align: center;
    border-bottom: 3px solid #fff;
    margin: 0 50px;
}

.cpnav li.now {
    border-bottom-color: #0B6EC7;
    color: #3c3c3c;
    font-weight: bold;
}

.cpblock {
    padding: 40px 0 85px;
}

.cpbox {
    display: none;
    color: #525252;
    font-size: 16px;
    line-height: 30px;
}

.cpbox img {
    max-width: 100%;
}

.tjcp {
    background: #fbfbfb;
    padding: 50px 0 130px;
}

.tjcpt {
    padding-bottom:25px;
}

.tjcpt span {
    font-size: 18px;
    line-height: 45px;
    width: 105px;
    text-align: center;
    border-bottom: 3px solid #0B6EC7;
    color: #3c3c3c;
    font-weight: bold;
}

.tjcpm {
    padding: 0 55px;
    position: relative;
}

.tjcpmm {
   overflow: hidden;padding: 30px;
}

.tjcpmm .swiper-slide {
    aspect-ratio: 10/10;
    background: #fff;
    transition: all 0.3s;border-radius: 10px; overflow: hidden;
}

.tjcpmm .swiper-slide a {
    position: relative;
    padding-bottom: 40px;
    box-sizing: border-box;
    height: 100%;
}

.tjpic {
    width: 100%;
    height: 100%;
}

.tjpic img {
    max-width: 90%;
    max-height: 90%;
}

.tjtxt {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
    text-align: center;
    transition: all 0.3s;
}

.tjtxt h2 {
    line-height: 30px;
    color: #666;
    font-size: 16px;
    transition: all 0.3s;
}

.tjtxt p {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    padding-bottom: 5px;
    opacity: 0;
}

.tjcpmm .swiper-slide:hover {
     box-shadow: 5px 9px 30px 0px rgba(30, 121, 204, 0.3);
}

/*.tjcpmm .swiper-slide:hover a {*/
/*    padding-bottom: 65px;*/
/*}*/

/*.tjcpmm .swiper-slide:hover .tjtxt {*/
/*    bottom: 0;*/
/*}*/

/*.tjcpmm .swiper-slide:hover h2 {*/
/*    color: #fff;*/
/*}*/

/*.tjcpmm .swiper-slide:hover p {*/
/*    opacity: 1;*/
/*}*/

.tjcpbtn {
    width: 44px;
    height: 44px;
    cursor: pointer;
    outline: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}

.tjcpbtnl {
    background: url(../images/icon52a.png) no-repeat center center;
    left: 0;
}

.tjcpbtnl:hover {
    background: url(../images/icon52b.png) no-repeat center center;
}

.tjcpbtnr {
    background: url(../images/icon51a.png) no-repeat center center;
    right: 0;
}

.tjcpbtnr:hover {
    background: url(../images/icon51b.png) no-repeat center center;
}

.faxq1 {
    padding: 70px 0 65px;
}

.faxq1m {
    padding: 40px 0 38px;
    position: relative;
}

.faxq1m::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: calc(100% - 86px);
    background: url(../images/icon53.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 10px 0 0;
    z-index: -1;
}

.faxq1ml {
    width: 54%;
}

.faxq1mr {
    width: 46%;
    padding: 86px 0 0;
}

.faxq1mrtxt1 {
    width: 135px;
    height: 145px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    background: rgba(255, 255, 255, 0.1);
}

.faxq1mrtxt2 {
    width: calc(100% - 60px);
    margin-top: -40px;
    box-sizing: border-box;
    padding: 50px 25px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-left: 60px;
    background: rgba(255, 255, 255, 0.1);
}

.faxq2 {
    padding: 50px 0;
    background: #F7F8FC;
}

.faxq2txt {
    padding: 30px 125px 60px;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}

.faxq2 li {
    width: calc((100% - 57px) / 2);
    margin-right: 57px;
}

.faxq2 li:nth-child(2n) {
    margin-right: 0;
}

.faxq2 li img {
    vertical-align: top;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 15px 0px rgba(17, 65, 137, 0.15);
}

.faxq2 li p {
    text-align: center;
    padding: 15px 0 0;
    line-height: 45px;
    color: #767676;
    font-size: 16px;
}

.faxq3 {
    padding: 50px 0 60px;
}

.faxq3m {
    padding: 50px 0 0;
    text-align: center;
}

.faxq4 {
    background: #F7F8FC;
    padding: 50px 0 60px;
}

.faxq4m {
    padding: 65px 0 0;
}

.faxq4mr {
    width: 54%;
}

.faxq4mr img {
    max-width: 100%;
}

.faxq4ml {
    width: 44%;
}

.faxq4ml li {
    padding-left: 16px;
    position: relative;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    margin: 5px 0;
}

.faxq4ml li::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0B6EC7;
    position: absolute;
    left: 0;
    top: 11.5px;
}

.gslc {
    padding: 80px 0 300px;
}

.gslcm {
    padding: 60px 0 0 5px;
}

.gslcml {
    width: 235px;
}

.gslcml h2 {
    color: #353535;
    font-size: 28px;
    line-height: 42px;
    padding-bottom: 5px;
    font-weight: bold;
}

.gslcml p {
    color: #747474;
    font-size: 24px;
    line-height: 36px;
}

.gslcmr {
    width: 900px;
    position: relative;
    overflow: hidden;
    padding: 100px 0 60px;
}

.gslcmr::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #E7E7E7;
    position: absolute;
    top: 0;
    left: calc((100% - 50px) / 2);
}

.gslcmr::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(360deg, rgba(217, 217, 217, 1) 0%, rgba(240, 240, 240, 0.08) 100%);
    opacity: 0.1;
    display: none
}


.lcb {
    height: 575px;
    position: relative;
    padding-right: 50px;
}

.lcb .swiper-slide {
    height: auto;
}

.lcb .swiper-scrollbar {
    top: 0;
    height: 100%;
    right: 0;
}

.lcbm li {
    width: 340px;
    float: left;
}

.lcbm li img {
    width: 341px;
    height: 206px;
}

.lcbmb {
    padding: 20px 0 60px;
    color: #353535;
    text-align: right;
}

.lcbmb h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 33px;
}

.lcbmb p {
    font-size: 18px;
    line-height: 28px;
}

.lcbm li:nth-child(2) {
    margin-top: 175px;
}

.lcbm li:nth-child(2n) {
    float: right;
}

.lcbm li:nth-child(2n) .lcbmb {
    text-align: left;
}

.lcpic {
    position: relative;
}

.lcpic::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #C5CACE;
    left: -91px;
    transition: all 0.3s;
}

.lcpic::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -95px;
    transition: all 0.3s;
}

.lcbm li:hover .lcpic::before {
    background: #0B6EC7;
}

.lcbm li:hover .lcpic::after {
    border-color: #0B6EC7;
}

.tabnav {
    padding: 0 23px;
}

.tabnav a {
    padding: 0 10px;
    line-height: 55px;
    border-bottom: 2px solid #fff;
    font-size: 24px;
    color: #353535;
    margin-right: 40px;
}

.tabnav a.now, .tabnav a:hover {
    color: #0B6EC7;
    border-color: #0B6EC7;;
}

.pcno {
    display: none;
}

.phno {
    display: flex;
}
.phnob {
    display: block;
}
@media screen and (max-width: 1537px) {
    /**0.8**/
    /*.cplb li:nth-child(5n) {*/
    /*    margin-right: 30px;*/
    /*}*/
    /*.cplb li:nth-child(4n) {*/
    /*    margin-right: 0;*/
    /*}*/
    .img5m {
        padding: 190px 25% 90px 0;
    }

    .img5 {
        height: 800px;
    }

    .footertr li {
        margin-left: 30px;
    }

  

    .nav {
        margin-right: 20px;
    }

    .nav li {
        margin: 0 5px;
    }

    .navlink {
        padding: 0 5px;
        font-size: 15px;
    }

    .tchan {
        zoom: 80%
    }
}

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


    .footertr li {
        margin-left: 30px;
    }

    .cprm li {
        width: calc((100% - 36px) / 3);
    }

    .cprm li:nth-child(4n) {
        margin-right: 18px;
    }

    .cprm li:nth-child(3n) {
        margin-right: 0;
    }

    .wrap1200 {
        padding: 0 20px;
    }

    .cxqtl {
        width: 100%;
    }

    .cxqtr {
        width: 100%;
        padding: 50px 0 0;
    }

    .gmqdm {
        zoom: 80%
    }

    .hzhb li {
        width: calc((100% - 60px) / 4);
    }

    .hzhb li:nth-child(5n) {
        margin-right: 20px;
    }

    .hzhb li:nth-child(4n) {
        margin-right: 0;
    }

    .zzwjm {
        margin-left: 25px;
    }

    .gslcmr {
        margin: 0 auto;
    }
}

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

}

@media screen and (max-width: 1000px) {
    .footert {
        padding: 40px 0 25px;
    }

    .footertr {
        display: none;
    }

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

    .fgzwm {
        padding: 10px 0 0;
    }

    .footerb {
        justify-content: center;
        padding: 15px 0
    }

    .footerbr {
        display: none;
    }

    .footertlb {
        display: flex;
        justify-content: center;
        padding: 25px 0 0;
    }

    .fantr {
        padding: 25px 25px 0 25px;
        background-size: 80px auto;
    }

    .fantr p {
        padding-bottom: 20px;
    }

    .gsjstra {
        display: block;
    }

    .gsjstrb {
        display: none;
    }

    .gsjstr, .gsjstl {
        width: 100%;
    }

    .gsjstl {
        padding: 30px 0 0;
    }

    .gsjst {
        padding: 0 0 100px 0;
    }

    .gsjsb li {
        width: calc((100% - 30px) / 4);
        margin: 0 10px 15px 0;
    }

    .gsjsb li:nth-child(4n) {
        margin-right: 0;
    }

    .gmqdm {
        zoom: 65%
    }

    .faxq1m {
        zoom: 70%
    }
}

@media screen and (max-width: 900px) {
    .gslcmr {
        zoom: 80%
    }

    .hzhb li {
        width: calc((100% - 40px) / 3);
    }

    .hzhb li:nth-child(4n) {
        margin-right: 20px;
    }

    .hzhb li:nth-child(3n) {
        margin-right: 0;
    }

    .fantl, .fantr {
        width: 100%;
    }

    .fantr {
        padding: 35px 25px;
    }

    .cprm li {
        width: calc((100% - 18px) / 2);
    }

    .cprm li:nth-child(3n) {
        margin-right: 18px;
    }

    .cprm li:nth-child(2n) {
        margin-right: 0;
    }

    .header {
        display: none;
    }

    .phheader {
        position: absolute;
        width: 100%;
        left: 0;
        box-sizing: border-box;
        z-index: 101;
        display: flex;
        justify-content: space-between;
    }

    .icon18 {
        width: 55px;
        height: 55px;
        background: url(../images/icon18.png) no-repeat center center;
        background-size: 26px auto;
        cursor: pointer;
    }

    .phlogo {
        height: 25px;
    }

    .icon3 {
        width: 55px;
        height: 55px;
        background: url(../images/icon3c.png) no-repeat center center;
        background-size: 22px auto;
    }

    .tcheader {
        background: #F5F5F5;
        width: 100%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 102;
        box-sizing: border-box;
        padding: 10px 25px 0 10px;
        display: none;
    }

    .icon19 {
        width: 35px;
        height: 35px;
        background: url(../images/icon19.png) no-repeat center center;
        background-size: 30px auto;
    }

    .phyy {
        position: relative;
        background: #0B6EC7;
        padding: 0 10px;
    }

    .icon20 {
        background: url(../images/icon20.png) no-repeat right center;
        background-size: 13px auto;
        padding-right: 20px;
        color: #fff;
        line-height: 35px;
        font-size: 14px;
    }

    .phyyb {
        width: 100%;
        background: #fafafa;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
    }

    .phyyb a {
        display: block;
        color: #929292;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
    }

    .phyyb a:hover {
        color: #fff;
        background: #0B6EC7;
    }

    .phyy:hover .phyyb {
        display: block;
    }

    .phnav {
        padding: 40px 0 0 15px;
    }

    .phnav li {
        border-bottom: 1px solid #e1e1e1;
        padding: 5px 0;
    }

    .phnav li h2 {
        padding: 0 0 0 10px;
    }

    .phnav li:last-child {
        border: none;
    }

    .phnavlink {
        color: #282828;
        font-size: 18px;
        line-height: 35px;
        width: 50%;
    }

    .icon21 {
        width: 55px;
        height: 55px;
        background: url(../images/icon21a.png) no-repeat right center;
        background-size: auto 26px;
    }

    .phnav li.now .icon21 {
        background: url(../images/icon21b.png) no-repeat right center;
        background-size: auto 13px;
    }

    .phnavb {
        display: none;
    }

    .phnavb p a {
        color: #6b6b6b;
        font-size: 16px;
        border-radius: 5px;
        line-height: 50px;
        padding: 0 25px;
        display: block;
    }

    .phnavb p a:hover {
        background: rgba(11, 110, 199, 0.05);
        color: #282828;
    }

    .phnavb dt {
        padding: 0 25px;
        background: url(../images/icon33a.png) no-repeat right center;
        background-size: 25px auto;
    }

    .phnavb dt a {
        line-height: 50px;
        font-size: 16px;
        color: #6B6B6B;
    }

    .phnavb dd {
        display: none;
    }

    .phnavb dd a {
        display: block;
        padding: 0 35px;
        line-height: 50px;
        color: #6B6B6B;
        font-size: 16px;
        border-radius: 5px;
    }

    .phnavb dd a:hover, .phnavb dd a.now {
        background: rgba(11, 110, 199, 0.05);
    }

    .phnavb dl.now dt {
        background: url(../images/icon33b.png) no-repeat right center;
        background-size: 25px auto;
    }

    .phnavb dl.now dt a {
        color: #272727;
        font-family: SourceHanSansCN-Medium;
    }

    .phnav li.now .phnavlink {
        font-weight: bold;
        color: #0B6EC7;
    }

    .tchan {
        width: calc(100% - 30px);
        padding: 55px 225px 100px 5px;
        height: auto;
    }

    .tchan li {
        font-size: 18px;
        padding-left: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .tchan li::before {
        font-size: 18px;
        line-height: 30px;
        left: 10px;
        top: 5px;
    }

    .tchan p {
        left: 20px;
        bottom: 5px;
        line-height: 21px;
        font-size: 14px;
    }

}

@media screen and (max-width: 769px) {
    .pcno {
        display: block;
    }

    .phno,.phnob {
        display: none;
    }
  .tjcpmm{padding:0}
    .tabnav {
        padding: 0 10px;
    }

    .tabnav a {
        padding: 0 5px;
        line-height: 35px;
        border-bottom: 1px solid #fff;
        font-size: 18px;
        margin-right: 20px;
    }


    .gslcm {
        padding: 30px 0 0 5px;
    }

    .lcbm li:nth-child(2) {
        margin-top: 0;
    }

    .gslcml h2 {
        font-size: 24px;
    }

    .gslcml p {
        font-size: 20px;
        line-height: 20px;
    }

    .gslc {
        padding: 40px 0 100px;
    }

    .gslcmr {
        zoom: 100%;
        padding: 30px 0;
        width: 100%;
    }

    .lcbm li, .lcbm li:nth-child(2n) {
        float: none;
        width: 100%;
    }

    .lcbm li img {
        width: 100%;
        height: auto;
    }

    .lcpic::before, .lcpic::after {
        display: none;
    }

    .lcbmb {
        padding: 10px 0 30px;
        text-align: left !important;
    }

    .lcbmb h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .lcbmb p {
        font-size: 16px;
        line-height: 25px;
    }

    .gslcmr::before {
        display: none;
    }

    .lcb {
        padding-right: 20px;
        height: 712px;
    }

    .zzwj {
        padding: 40px 0 65px;
    }

    .zzwjt {
        padding: 20px 0 0;
    }

    .zzwjm {
        padding: 15px 15px 35px 0;
    }

    .zzwjt span {
        width: 30px;
        height: 30px;
        background-size: cover !important;
    }

    .zzwjm .swiper-slide {
        width: 300px;
    }

    .zzwjm .swiper-slide img {
        height: auto;
    }

    .zzwjm .swiper-slide p {
        font-size: 16px;
        padding: 10px 0 0;
    }

    .zlsm li {
        padding: 10px;
    }

    .zlsm li a {
        line-height: 30px;
        font-size: 16px;
        max-width: calc(100% - 75px);
    }

    .zlsm li span {
        font-size: 14px;
    }

    .zlsm {
        padding: 30px 0 40px;
    }

    .wjzhb {
        padding: 10px 0 65px;
    }

    .wjzhm li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .wjzhmb h2 {
        font-size: 18px;
    }

    .wjzhmb p {
        font-size: 16px;
    }

    .zhxx {
        padding: 40px 0;
    }

    .zhxxm {
        padding: 25px 0;
    }

    .zhpic .swiper-slide img {
        min-height: 220px;
    }

    .zhxxb .swiper-slide {
        width: 255px;
    }

    .zhxxbm {
        padding: 18px 10px 0;
        height: 150px;
        border-bottom-width: 2px !important;
    }

    .zhxxbm h2 {
        font-size: 16px;
        line-height: 25px;
        padding: 10px 0 5px;
    }

    .zhxxbm p {
        font-size: 14px;
        line-height: 24px;
        padding: 0;
    }

    .zhxxb {
        margin-top: -10px;
        padding-bottom: 0;
    }

    .zhxxmb .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-width: 1px;
        margin: 0 3px;
    }

    .yjfkr {
        padding: 15px 10px;
        border-radius: 5px;
    }

    .fkinput {
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0 10px;
        font-size: 14px;
    }

    .fktext {
        margin: 0 0 10px;
        font-size: 14px;
        padding: 4px 10px;
    }

    .yjfk {
        padding: 20px 0;
    }

    .yjfkl {
        padding: 15px 0;
        font-size: 18px;
    }

    .yjfkl h2 {
        font-size: 20px;
        padding-bottom: 0;
    }

    .lxwmt {
        padding: 55px 0 70px;
    }

    .lxwmtm {
        border-radius: 5px;
        padding: 30px 15px 15px 15px;
    }

    .lxwmtmt {
        font-size: 16px;
        padding-bottom: 30px;
    }

    .lxwmtmt h2 {
        font-size: 18px;
    }

    .lxwmtmbl {
        width: 100%;
        padding: 0;
    }

    .lxwmtmbr {
        width: 100%;
        margin: 30px 0 0;
    }

    .lxwmtmbl li {
        font-size: 14px;
        line-height: 25px;
    }

    .lxwmtmbltxt {
        padding-left: 25px;
        width: 110px;
        box-sizing: border-box;
    }

    .icon48a {
        background-size: 20px auto;
    }

    .icon48b {
        background-size: 20px auto;
    }

    .icon48c {
        background-size: 20px auto;
    }

    .lxwmtmbl li:nth-child(2) {
        margin: 20px 0;
    }


    .faxq2txt {
        padding: 15px 25px 30px;
        font-size: 16px;
    }

    .faxq2 li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .faxq2 li p {
        font-size: 14px;
        line-height: 25px;
    }

    .faxq1 {
        padding: 35px 0 30px;
    }

    .title3 h2, .title3b h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .title3 p, .title3b p {
        font-size: 20px;
        line-height: 20px;
    }

    .faxq1m {
        zoom: 100%;
        padding: 20px 0;
    }

    .faxq1ml {
        width: 100%;
    }

    .faxq1ml img {
        width: 100%;
    }

    .faxq1mr {
        width: 100%;
        padding: 45px 0 0;
    }

    .faxq1mrtxt1 {
        width: 105px;
        height: 115px;
        font-size: 24px;
    }

    .faxq1mrtxt2 {
        width: calc(100% - 50px);
        margin-top: -20px;
        padding: 30px 15px;
        font-size: 14px;
        margin-left: 50px;
    }

    .faxq2 {
        padding: 25px 0;
    }

    .faxq3 {
        padding: 25px 0 30px;
    }

    .faxq3m {
        padding: 0;
    }

    .faxq4m {
        padding: 35px 0 0;
    }

    .faxq4ml, .faxq4mr {
        width: 100%;
    }

    .faxq4ml li {
        font-size: 16px;
    }

    .faxq4ml li::before {
        width: 5px;
        height: 5px;
        top: 12.5px;
    }

    .faxq4mr {
        margin: 30px 0 0;
    }

    .hzhb li {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }

    .hzhb li:nth-child(3n) {
        margin-right: 20px;
    }

    .hzhb li:nth-child(2n) {
        margin-right: 0;
    }

    .hzhb {
        padding: 65px 0 60px;
    }

    .gmqd {
        padding: 40px 0 90px;
    }

    .gmqdm li p {
        font-size: 18px;
    }

    .gmqdm li span {
        font-size: 14px;
        padding-right: 30px;
        background-size: 25px;
    }

    .gmqdm {
        zoom: 100%;
    }

    .gmqdm li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .zxxq {
        padding: 40px 0 60px;
    }

    .zxxqt h2 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .zxxqt p {
        font-size: 16px;
        line-height: 25px;
    }

    .zxxqb1 {
        display: none;
    }

    .xqtxt {
        width: 100%;
        font-size: 16px;
        text-align: left !important;
        margin-bottom: 10px;
    }

    .xqtxt span {
        display: inline-block;
    }

    .zxxqm {
        padding: 20px 0 50px;
        font-size: 16px;
        line-height: 28px;
    }

    .gsdtmpic {
        width: 100%;
    }

    .gsdtm li {
        padding: 10px;
        margin-bottom: 10px;
    }

    .gsdtmr {
        width: 100%;
        padding: 15px 0 0;
    }

    .gsdtmpic img {
        border-radius: 10px;
    }

    .gsdtmr h2 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }

    .gsdtmr p {
        font-size: 14px;
        line-height: 25px;
        height: 75px;
        margin-bottom: 10px;
    }

    .gsdtmr span {
        font-size: 14px;
        line-height: 25px;
    }

    .gsdt {
        padding: 40px 0;
    }

    .gsdtm {
        padding: 20px 0 25px;
    }

    .zlxz {
        padding: 40px 0 50px;
    }

    .zlxzm {
        padding: 20px 0 45px;
    }

    .zlxzm li {
        padding: 10px;
    }

    .zlxzm li a {
        padding-left: 25px;
        font-size: 16px;
        background-size: 18px auto;
        max-width: calc(100% - 75px);
        line-height: 30px;
    }

    .zlxzm li span {
        font-size: 14px;
    }

    .fwwd {
        padding: 30px 0 0;
    }

    .fwwd li {
        width: 100%;
        margin: 0 0 25px 0;
        padding: 20px 15px;
        height: auto;
        font-size: 14px;
        line-height: 25px;
        border-radius: 5px;
    }

    .fwwd li h2 {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 3px;
    }

    .fwwd li::after {
        width: 54px;
        height: 54px;
        right: 10px;
        top: 0;
    }

    .fwwd li:hover::after {
        top: -25px;
    }

    .xsfw {
        padding: 40px 0 35px;
    }

    .xsfwt {
        padding: 25px 0 5px 20px;
        height: auto;
        margin: 25px 0 45px;
    }

    .xsfwt li {
        padding-left: 45px;
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .xsfwt li h2 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .xsfwt li h2::before {
        left: -45px;
    }

    .xsfwt li h2.icon41a::before {
        background-size: 26px auto;
    }

    .xsfwt li h2.icon41b::before {
        background-size: 24px auto;
    }

    .xsfwt li h2.icon41c::before {
        background-size: 27px auto;
    }

    .title2 h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .title2 p {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 2px;
    }

    .tjcpbtn {
        transform: translateY(-50%) scale(0.8);
    }

    .tjtxt h2 {
        font-size: 14px;
        line-height: 25px;
    }

    .tjtxt p {
        font-size: 12px;
        line-height: 20px;
    }

    .tjcpt span {
        font-size: 16px;
        line-height: 40px;
        border-bottom-width: 2px;
    }

    .tjcp {
        padding: 25px 0 60px;
    }

    .cpnav li {
        font-size: 16px;
        line-height: 40px;
        width: 30%;
        margin: 0 5%;
        border-bottom-width: 2px;
    }

    .cpblock {
        padding: 20px 0 45px;
    }

    .cpbox {
        font-size: 14px;
        line-height: 25px;
    }

    .cxqtxt {
        font-size: 24px;
    }

    .cxqtxt2 {
        font-size: 14px;
        line-height: 30px;
        padding: 0 10px;
    }

    .cxqtrm {
        padding: 20px 0 15px;
    }

    .cxqtrm li {
        font-size: 14px;
        line-height: 30px;
        width: 100%;
    }

    .cxqt {
        padding: 35px 0 30px;
    }

    .gsjs {
        padding: 45px 0 70px;
    }

    .gsjst {
        padding: 0 0 30px 0;
        background-size: auto 90px;
    }

    .gsjstr {
        padding: 0 25px 30px;
    }

    .gsjstr::before {
        width: 1px;
        height: 30px;
        top: -20px;
    }

    .gsjstlt {
        font-size: 16px;
        line-height: 26px;
        padding: 43px 0 25x;
    }

    .gsjstlb {
        padding: 0 20px;
    }

    .gsjstlb li h2 {
        line-height: 50px;
        font-size: 30px;
    }

    .gsjstlb li p {
        font-size: 14px;
    }

    .gsjsm {
        padding: 15px 0 40px;
        font-size: 16px;
        line-height: 26px;
    }

    .gsjsb li {
        width: calc((100% - 20px) / 2);
        margin: 0 20px 15px 0;
    }

    .gsjsb li:nth-child(2n) {
        margin-right: 0;
    }

    .img19 {
        padding: 30px 0 60px;
    }

    .img19t {
        font-size: 22px;
        line-height: 35px;
        padding-bottom: 20px;
    }

    .img19m {
        font-size: 14px;
        line-height: 25px;
    }

    .img16 {
        padding: 60px 0;
    }

    .img16l {
        width: 100%;
        padding: 30px 0 0;
    }

    .img16r {
        width: 100%;
        border-radius: 5px;
    }

    .img16lt {
        padding-bottom: 15px;
    }

    .img16lt h2 {
        font-size: 20px;
    }

    .img16lt p {
        line-height: 30px;
        letter-spacing: 2px;
        font-size: 20px;
    }

    .img16lm {
        font-size: 14px;
        line-height: 25px;
    }

    .img17 {
        padding: 65px 0;
    }

    .img17 .img16l {
        text-align: left;
    }

    .img18 {
        padding: 85px 0 60px;
    }

    .img18 p {
        font-size: 16px;
        padding-bottom: 15px;
    }


    .fan {
        padding: 40px 0 30px;
    }

    .fantr {
        padding: 25px 15px;
    }

    .fantr h2 {
        font-size: 18px;
    }

    .fantr p {
        font-size: 14px;
        line-height: 25px;
    }

    .icon34c {
        font-size: 14px;
    }

    .fanm li {
        width: 100%;
        margin: 0 0 30px 0;
        border-radius: 5px;
    }

    .fanmb {
        padding: 15px 15px 20px;
    }

    .fanmb h2 {
        font-size: 18px;
        line-height: 30px;
    }

    .fanmb p {
        font-size: 14px;
        padding: 5px 0 15px;
    }

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

    .fanb {
        padding: 60px 0 45px;
    }

    .fanb p {
        font-size: 18px;
        padding-bottom: 15px;
    }

    .fanb a {
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }

    .phsscp {
        border-radius: 20px;
        width: calc(100% - 30px);
        position: absolute;
        left: 15px;
        bottom: 15px;
        z-index: 2;
        background: #fff;
        overflow: hidden;
    }

    .sscp_btn {
        width: 50px;
        border: none;
        height: 40px;
        background: url(../images/icon3b.png) no-repeat center center;
        background-size: 20px auto;
    }

    .sscp_input {
        width: calc(100% - 55px);
        height: 40px;
        box-sizing: border-box;
        padding-left: 20px;
    }

    .cpsbtxt {
        display: none;
    }

    .cpin {
        padding: 15px 0 50px;
    }

    .cpinl {
        width: 100px;
    }

    .cpinr {
        width: calc(100% - 125px);
    }

    .rex {
        border-bottom: none;
        padding: 0 0 15px 0;
    }

    .icon22 {
        padding-left: 20px;
        font-size: 13px;
        margin-right: 16px;
        border-bottom: 2px solid #fff;
        background-size: 20px auto !important;
    }

    .icon22.now, .icon23.now {
        border-bottom-color: #0B6EC7;
    }

    .icon23 {
        padding-left: 28px;
        font-size: 13px;
        border-bottom: 2px solid #fff;
        background-size: 25px auto !important;
    }

    .cpinlm {
        padding: 47px 0 0;
    }

    .cptxt {
        font-size: 18px;
        padding-left: 0;
    }

    .qbcp {
        padding: 15px 0 0;
    }

    .qbcp li {
        padding-bottom: 10px;
    }

    .qbcp li h2 {
        border-bottom: none;
        padding: 0 0 0 10px;
        line-height: 35px;
        background: none;
        font-size: 14px;
        border-radius: 5px;
    }

    .qbcp li.now h2 {
        background: #0B6EC7;
        color: #fff;
    }

    .qbcpb {
        padding: 10px 0 5px 10px;
    }

    .qbcpb p {
        padding-bottom: 5px;
    }

    .qbcpb a {
        padding-left: 0;
        line-height: 25px;
        background: none !important;
        font-size: 13px;
    }

    .qbcpb a:hover, .qbcpb a.now {
        color: #0B6EC7;
    }

    .cprm {
        padding: 0;
    }

    .cprm li {
        width: 100%;
        margin: 0;
    }

    .hot {
        width: 70px;
        height: 42px;
        top: 10px;
        right: -8px;
    }

    .cprm li a {
        padding-bottom: 60px;
    }

    .cprmb2 {
        padding: 5px;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 25px;
        box-sizing: border-box;
        display: flex;
    }

    .cprmb2 h2 {
        color: #333;
        font-size: 16px;
        width: 50%;
    }

    .cprmb2 p {
        color: #666;
        font-size: 13px;
        width: 45%;
        text-align: right;
    }

    .cprb {
        padding: 30px 0 0;
    }

    .pagel, .pager {
        width: 30px;
        height: 30px;
    }

    .pagem {
        padding: 0 20px;
        font-size: 14px;
        letter-spacing: 2px;
    }

    .sbtxt h2 {
        font-size: 28px;
        line-height: 35px;
    }

    .sbtxt p {
        font-size: 16px;
        line-height: 25px; text-transform: uppercase;
    }

    .bannerb {
        bottom: 10px;
    }

    .bannerb .swiper-pagination-bullet {
        width: 15px;
        height: 2px;
        margin: 0 4px;
    }

    .title h2 {
        font-size: 26px;
        padding: 0 0 5px;
    }

    .title span {
        font-size: 26px;
        letter-spacing: 2px;
    }

    .jjfa {
        padding: 45px 20px 50px;
    }

    .jjfam {
        margin: 30px 0 0;
    }

    .jjfaml, .jjfamr {
        width: 100%;
    }

    .jjfaml {
        padding: 40px 20px;
    }

    .jjfaml p {
        padding: 25px 0 30px;
        font-size: 14px;
    }

    .jjfaml h2 {
        font-size: 30px;
    }

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

    .jjfab {
        padding: 20px 0 0;
    }

    .jjfab .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .cpzx {
        padding: 50px 0 35px;
    }

    .cpzxm {
        margin: 0;
        padding: 30px 20px 35px 20px;
    }


    .cpzxmbox h2 {
        font-size: 16px;
    }

    .cptxt1 {
        font-size: 18px;
        left: 10px;
        top: 10px;
    }

    .cptxt2 {
        font-size: 16px;
        line-height: 30px;
        top: 5px;
        padding: 0 10px 0 15px;
    }
    .cpzxmbox2 {
        display: none;
    }

    .cpzxm .swiper-slide:hover .cpzxmbox {
        opacity: 1;
    }

    .cpzxmb {
        padding: 0
    }

    .cpzxbtn {
        width: 30px;
        height: 30px;
    }

    .cpwrap {
        padding: 0 20px 50px;
        zoom: 100%;
    }

    .cplb li {
        width: calc((100% - 20px) / 2);
        margin: 0 20px 20px 0;
    }

    .cplb li:nth-child(5n) {
        margin-right: 20px;
    }

    .cplb li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .cplb li h2 {
        font-size: 14px;
    }

    .cpmenu {
        padding: 0 0 20px;
    }

    .cpmenu ul {
        overflow: hidden;
        overflow-x: scroll;
        width: 100%;
        white-space: nowrap;
        justify-content: flex-start;
    }

    .cpmenu li {
        padding: 0 15px;
        height: 40px;
        width: auto;
    }

    .cplbb {
        padding: 0
    }

    .cplbb a {
        font-size: 18px;
    }

    .tdshow a {
        width: 180px;
        height: 50px;
        background-size: auto 10px;
    }

    .tdshow a:hover {
        background-size: auto 10px;
    }

    .img5 {
        height: 450px;
    }

    .img5m {
        padding: 50px 40% 10px 0;
    }

    .img5m h2 {
        font-size: 40px;
        line-height: 35px;
    }

    .img5mm {
        font-size: 15px;
        line-height: 28px;
        padding: 20px 0 30px;
    }

    .ljgd {
        font-size: 16px;
        padding-right: 40px;
        line-height: 30px;
    }

    .ljgd::after {
        width: 30px;
        height: 30px;
        background-size: 10px auto;
    }

    .ljgd:hover::after {
        background-size: 10px auto;
    }

    .img5r {
        width: 38%;
    }

    .img5r li p {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .icon13 {
        width: 50px;
        height: 50px;
        background-size: 15px auto;
        left: 45%;
    }

    .fbox-video {
        height: 200px;
    }

    .img6 {
        zoom: 100%;
        padding: 50px 0 55px;
    }

    .img6m {
        padding: 30px 0 0;
    }

    .img6m li {
        width: calc((100% - 30px) / 3);
        margin: 0 15px 15px 0;
    }

    .img6m li:nth-child(6n) {
        margin-right: 20px;
    }

    .img6m li:nth-child(3n) {
        margin-right: 0;
    }

    .xwxx {
        zoom: 100%;
        padding: 45px 0 55px;
    }

    .xwxxm {
        padding: 30px 0 0;
    }

    .xwxxm li {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .xwxxm li p {
        font-size: 16px;
        padding: 20px 0 5px;
        transition: all 0.3s;
    }

    .xwxxm li span {
        font-size: 14px;
        line-height: 28px;
    }

    .footer {
        padding: 0 10px;
    }
.pos-img{display:none;}

}



@media screen and (min-width: 800px){
    
.cppic3{display:block;aspect-ratio:inherit}
.cpbox img{display:block;width:100%;}
.img6m li{aspect-ratio:inherit;display:block;background:none;box-shadow:none;position:relative;background: #fff;
    border-radius: 10px;
    box-shadow: 5px 9px 30px 0px rgb(217 217 217 / 30%);}
.img6m li img{display:block;width:100%;}
.img6m li a{display:block;padding:20px;}
.opa-img{opacity:0;}
.pos-img{position:absolute;left:50%;top:50%;width:90% !important;transform: translate(-50%, -50%);}
.cprpic{display:block;aspect-ratio:inherit}
.cprpic img{display:block;width:100%;}
.hzhb li img{display:block;width:100%;}
.hzhb li{position:relative;}
.hzhb li img{position:absolute;left:50%;top:50%;width:90% !important;transform: translate(-50%, -50%);}
}