@charset "utf-8"; /* */ 

@font-face { font-family: "sisong"; src: url("../font/sySong.woff"); font-weight: normal; font-style: normal; } 
.section { overflow: hidden; } 

.fl{float:left;}
.fr{float:right;}
input{outline: none;border: none;}
.clearfix:after{content: "";display: block;clear: both;}
img{border: none;vertical-align:middle;}
.flexbox{display: flex;display: -webkit-flex;}
.flex{display: flex;display: -webkit-flex;justify-content: space-between;}
.flex-left{display: flex;display: -webkit-flex;justify-content: flex-start;}
.flex-center{display: flex;display: -webkit-flex;justify-content: center;}
.flex-right{display: flex;display: -webkit-flex;justify-content: flex-end;}
.flex-column{flex-direction: column;}
.flex-c-center{align-items: center;}
.flex-wrap{flex-wrap: wrap;}


header * { } 
.header_box_li { position: relative; z-index: 1; } 
.header_box { position: relative; z-index: 10000; } 
#header { position: fixed; z-index: 999; width: 100%; top: 0; right: 0; left: 0; } 
.header_box_li #header::before { content: ""; position: absolute; height: 1.8rem; top: 0px; left: 0px; right: 0px; transition: all 0.2s; opacity: 1; visibility: visible; background: url("../images/headbg.png") center top / 100% 100% repeat-x; } 
.header_box_li #header::after { content: ""; position: absolute; height: 0px; top: 0px; left: 0px; right: 0px; background-size: 100%; }

.header_top { position: relative; margin: 0.1rem 0 0.1rem; transition: 0.5s; } 
.header_top .search_btn { display: inline-block; float: none; font-size: 0.14rem; } 
#header .right { display: flex; align-items: center; position: relative; justify-content: space-between; } 
.right-b { display: flex; align-items: center; justify-content: flex-end; transition: 0.5s; } 
.right-b .li { padding: 0; color: #fff; font-size: 0.18rem; position: relative; } 
.right-b .li a { height: auto; line-height: inherit; padding: 0; } 
.right-b .top_ico { width: 0.46rem; height: 0.46rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 5px; display: flex; align-items: center; justify-content: center; } 
.header_top .search { width: 0.2rem; height: 0.2rem; position: relative; z-index: 20; } 
.header_top .search .input { position: absolute; z-index: 1; left: auto; right: -0.08rem; top: -12px; bottom: auto; height: 40px; width: 0px; background: rgb(255, 255, 255); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; } 
.header_top .search .input input { width: 100%; height: 100%; font-size: 13px; padding: 0px 0.32rem 0px 0.16rem; color: rgb(51, 51, 51); } 
.header_top .search .btn { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 5; } 
.header_top .search .btn input { cursor: pointer; position: absolute; z-index: 1; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; } 
.header_top .search .btn svg { width: 18px; height: 18px; fill: rgb(255, 255, 255); } 
.header_top .search:hover .btn svg { fill: #e99b23; } 
.header_top .search:hover .input { width: 2.6rem; opacity: 1; visibility: visible; } 

.list_box0 { display: flex; align-items: center; flex-wrap: wrap; } 
.list_box0 .li { font-size: 0.15rem; color: #fff; display: inline-block; margin-right: 0.2rem; line-height: .21rem; } 
.list_box0 .zw { border: 1px solid rgba(255, 255, 255, .6); border-radius: 0.04rem; } 
.right-b .list_box0 .li { width: 0.36rem; height: 0.36rem; border: 1px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 0.12rem; padding: 0; color: #fff; font-size: 0.16rem; position: relative; } 
.right-b .list_box0 .li a { height: auto; line-height: inherit; padding: 0; } 
.list_box0 .li>a { transition: 0.5s; height: 0.21rem; display: inline-block; padding: 0 0.1rem; /* background: #692ebb; */ } 
.list_box0 .li>a .top_ico { width: 0.2rem; height: 0.2rem; } 
.list_box0 .li a>img { vertical-align: middle; } 
.list_box0 .li:hover a { color: #ec9927; }
#m_header .list_box0 { float: right; }
#m_header .list_box0 .li { line-height: 60px; }
#m_header .list_box0 .li a .ewm_box { top: 60px; }
#m_header .list_box0 .li a>img { height: 12px; } 
.list_box_01 { font-size: 0px; white-space: nowrap; padding: 0.1rem; } 
.list_box_01 li { text-align: center; display: block !important; margin: 0px 15px !important; } 
.list_box_01 li h3 img { border: 0.01rem solid rgb(237, 237, 237); width: 0.85rem; height: 0.85rem; } 
.list_box_01 li h5 { font-size: 0.12rem; color: rgb(102, 102, 102); line-height: 20px; margin: 0px; } 
.list_box0 .li::after { content: ""; position: absolute; left: -0.26rem; width: 1px; height: 16px; top: 50%; margin-top: -8px; opacity: 0.8; } 
.list_box0 .li:first-child::after { display: none; } 
.header_box .w1200 { padding: .2rem 0; position: relative; width: 17.2rem; max-width: 96%; display: flex; justify-content: space-between; transition: all 0.5s; margin: 0px auto; }

.sstop { margin: 0 !important; display: flex; align-items: center; justify-content: flex-end; position: relative; } 
.sstop .input { z-index: 1; transition: all 0.5s; display: flex; justify-content: space-between; align-items: center; width: 0; position: absolute; right: -.1rem; background: #fff; opacity: 0; top: 50%; margin-top: -.15rem; } 
.sstop .btn { width: 0.34rem; height: 0.2rem; padding: 0 !important; } 
.sstop .btn img { width: .2rem; height: .2rem; } 
.sstop.on .input { width: 2.5rem; opacity: 1; visibility: visible; padding: 0 0.1rem; } 
.sstop .input .txtinput { width: calc(100% - .2rem); height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; } 
.input .sub { width: 0.2rem; height: 0.2rem; cursor: pointer; }


#header #logo .box_table { width: auto; } 
#logo { padding: 0px; height: 100%; position: relative; }
#logo img {transition: all 0.5s ease 0s;height: .66rem;border: #ccc 0px solid;} 
#logo img.img2 { display: none; }
#nav { width: 100%; }
#nav ul { display: flex; justify-content: space-between; } 
#nav ul li { z-index: 0; height: 100%; position: relative; margin-right: .4rem; }
#nav ul li a { display: block; padding: 0px; position: relative; z-index: 2; } 
#nav ul li h3 { font-size: 0.24rem; color: rgb(255, 255, 255); line-height: 0.6rem; position: relative; transition: all 0.36s ease 0s; display: inline-block; white-space: nowrap; } 
#nav ul li h3::after { content: ""; position: absolute; left: 50%; bottom: 0px; transition: all 0.6s ease 0s; border: 0.1rem solid transparent; border-bottom: 0.1rem solid #fff; margin-left: -0.12rem; opacity: 0; z-index: 9; } #nav ul li:hover h3::after { opacity: 1; visibility: visible; } 
#nav ul li a i { margin: -3px 0px 0px 0.1rem; display: inline-block; width: 10px; height: 5px; transition: all 0.5s ease 0s; }
#nav ul li a i { display: inline-block; width: 9px; height: 6px; background-size: contain; vertical-align: middle; margin-left: 8px; }
#nav ul li .sub { position: absolute; top: 100%; background: #fff; width: auto; left: 50%; z-index: 10000; transform: translateX(-50%) scaleY(0); visibility: hidden; opacity: 0; transition: all 0.5s ease 0s; transform-origin: center top; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px; border-radius: 0px 0px 0.08rem 0.08rem; }
#nav ul li .sub::after { content: ""; height: 3px; width: 100%; position: absolute; left: 0px; top: 0px; background: #0c487d; } 
#nav ul li .sub .box { padding: 0.14rem 0px; text-align: center; }
#nav ul li .sub a { padding: 8px 30px; line-height: 0.28rem; transition: all 0.6s ease 0s; font-size: 0.16rem; color: #333; text-align: center; white-space: nowrap; min-width: 1.6rem; font-family: 'bell'; } #nav ul li .sub a:hover { color: #fff; background: #0c487d; } 
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); } 
#header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3, .body_home.showdiv #header #nav ul li:hover a h3, .body_home.showdiv #header #nav ul li.on a h3 { color: #fff; opacity: .7 }
#nav>ul>li h3::before { content: ""; position: absolute; width: 12px; height: 12px; right: -0.22rem; top: 50%; margin-top: -6px; transition: all 0.3s ease 0s; display: none; } 
#nav>ul>li.xiala h3::before { display: block; } 
#nav>ul>li:hover h3::after, #nav ul li.on h3::after { transform: scale(1); } 
#nav>ul>li.noSubMenu h3::before { display: none; } 
.search_btn { cursor: pointer; text-align: center; float: left; transition: all 0.6s ease 0s; margin: 0px; position: relative; } 
.search_btn img { margin: 0px; } 
#header.xg::before, .body_home.showdiv #header::before { height: 1.1rem; background: #0B3B85; } 
.header_box .xg .w1200 { align-items: center; } 
.header_box .xg .header_top { display: none; } 
.header_box .xg .sstop { top: 0; } 

#m_nav * { transition: all 0s ease 0s; } 
.m_header_box { transition: all 0.6s ease 0s; display: none; position: relative; z-index: 100000; } 
.m_header_box header { padding: 0px 0px 0px 15px; height: 0.7rem; background: #0B3B85; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; display: flex; justify-content: space-between; align-items: center; } 
.m_header_box header #logo img { height: auto; max-height: 0.6rem; margin-top: 0.04rem; } 
.m_header_box header #logo { padding: 0px; width: calc(100% - 80px); } 
#nav_btn_box.on { background: none; } 
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; }
#nav_btn_box::before { content: ""; position: absolute; z-index: -1; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgb(255, 255, 255); }
#nav_btn_box::after { content: ""; position: absolute; z-index: -1; top: 0px; left: -.15rem; border-right: .15rem solid rgb(255, 255, 255); border-top: 0.7rem solid transparent; display: none; } 
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.4rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.28rem; } 
#nav_btn .navbtn { position: absolute; top: 12px; left: 0px; display: inline-block; width: 18px; height: 2px; transition: all 0.3s ease-out 0s; background: #0c487d; } 
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 24px; height: 2px; content: ""; transition: all 0.3s ease-out 0s; background: #0c487d; } #nav_btn .navbtn::after { top: -8px; } 
#nav_btn .navbtn::before { top: 8px; } #nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; } 
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; } 
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); } 
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105vw; top: 0px; padding: 70px 20px 30px; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out 0s; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: 0% 0% / cover rgb(247, 247, 247); opacity: 0; visibility: hidden; }
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .search_box input.submit { background: url("../images/submit.svg") center center / 0.28rem no-repeat rgb(6, 86, 183); }
#m_nav .list_box0 { width: 90%; margin: 0.32rem auto 0px; }
#m_nav .list_box0 .li { text-align: center; color: #660774; margin: 0px 0rem 0.15rem; font-size: 14px; } 
#m_nav .list_box0 .li a { background: none; padding: 0 0.2rem 0 0; } 
#m_nav .old_rukou { margin: 0.24rem 0px 0px; width: 100%; } 


.list_box_nav_mobile { width: 100%; height: 80%; padding: 0px 0px 10px; overflow-y: auto; margin: 0px; /* flex: 1 1 0%; */ } 
.list_box_nav_mobile>li { width: 90%; overflow: hidden; border-bottom: 1px solid rgb(226, 226, 226); padding: 0px; position: relative; margin: 0px auto; } 
.list_box_nav_mobile>li .con { position: relative; } 
.list_box_nav_mobile>li .a { width: 100%; line-height: 0.64rem; color: rgb(51, 51, 51); padding: 0px; font-size: 16px; display: flex; position: relative; transition: all 0.5s ease 0s; } 
.list_box_nav_mobile>li i { opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; top: 2px; background-size: 15px 15px !important; } 
.list_box_nav_mobile>li.on1 i { transform: rotate(-90deg); } 
.list_box_nav_mobile>li.on{ border-bottom: 1px solid rgb(226, 226, 226); } 
.list_box_nav_mobile>li .list { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; } 
.list_box_nav_mobile>li .list a { display: block; font-size: 13px; color: rgb(102, 102, 102); line-height: 2.5; } 
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }

.wap_search { font-size: 0.16rem; border-radius: 0.05rem; color: #fff; text-align: center; letter-spacing: 0.02rem; overflow: hidden; width: 100%; height: 0.85rem; display: block; margin-bottom: 10px; } 
.wap_search .form { height: 0.4rem; border-radius: 0.2rem; background: rgb(255 255 255); position: relative; width: 3.68rem; margin: 0.1rem auto; } 
.wap_search .input { font-size: 16px; color: #646464; height: 0.4rem; line-height: 0.4rem; padding: 0 24px; box-shadow: none; -webkit-appearance: none; float: left; border-right: 0; background: none; width: calc(100% - 0.4rem); } 
.wap_search .btn_blue { position: absolute; cursor: pointer; top: 0; right: 0; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; border: 0; background: url(../images/submit.svg) center no-repeat #00447d; background-size: .18rem auto; border-radius: 0.2rem; } 
.wap_search .btn_blue.fr { background: #e9edef; color: #4e4f53; } 
.wap_search input::-webkit-input-placeholder { color: #999; } 
.wap_search input::-moz-placeholder { color: #999; } 
.wap_search input:-moz-placeholder { color: #999; } 
.wap_search input:-ms-input-placeholder { color: #999; } 
.wap_search input:focus::-webkit-input-placeholder { color: transparent; } 
.wap_search input:focus:-moz-placeholder { color: transparent; }
.wap_search input:focus::-moz-placeholder { color: transparent; } 
.wap_search input:focus:-ms-input-placeholder { color: transparent; } 

.search_btn { cursor: pointer; } 
.search_btn svg { fill: rgb(255, 255, 255); width: 16px; height: 16px; } 
.search-dialog-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; } 
.search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: rgb(14, 93, 168); transition: all 0.6s ease 0s; left: 0px; right: 0px; z-index: 1; opacity: 0.9; } 
.search-dialog-box.on::before { height: 100%; display: none; } 
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; } 
.search-dialog-box .search-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; } 
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; } 
.search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; } 
.search-dialog .search-tit { font-size: 0.44rem; line-height: 0.56rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; } 
.search-dialog .search-inner { overflow: hidden; margin-top: 0px; } 
.search-dialog .search-input { width: 8rem; margin: 0px auto; background-color: rgba(255, 255, 255, 0.1); box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%; } 
.search-dialog .search-input input[type="text"] { float: left; height: 0.7rem; width: calc(100% - 1rem); background-color: rgb(255, 255, 255); font-size: 0.2rem; line-height: 0.08rem; color: #666; transition: all 0.3s ease 0s; padding: 0px 0.2rem; } 
.search-dialog .search-input input[type="submit"], .search-dialog .search-input .clear-btn { float: right; height: 0.7rem; width: 1rem; } 
.search-dialog .search-input input[type="submit"] { background-color: #0B3B85; background-repeat: no-repeat; background-position: center center; background-size: 0.4rem; background-image: url("../images/search-btn.svg"); font-size: .2rem; color: #fff; } 
.search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; background-image: url("../images/close-btn.svg"); background-size: 0.56rem; border-radius: 100%; margin-right: 0.16rem; display: none; } 
.search-dialog .search-input.on { background-color: rgb(255, 255, 255); } 
.search-dialog .hot-search { font-size: 0px; width: 0.49rem; margin: 0.096rem auto 0px; box-sizing: border-box; padding: 0px 0.096rem; overflow: hidden; } 
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top; } 
.search-dialog .hot-search .hot-tit { font-size: 0.06rem; line-height: 0.08rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.096rem; background-repeat: no-repeat; background-position: left center; background-size: 0.08rem; } 
.search-dialog .hot-link { margin-left: 0.16rem; } 
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.06rem; line-height: 0.08rem; margin-right: 0.12rem; color: rgb(255, 255, 255); padding-bottom: 5px; position: relative; } 
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s; } 
.search-dialog-box .bottom-box { position: absolute; left: 0px; bottom: 5.1%; width: 100%; } 
.search-dialog-box .bottom-box .share-box { overflow: hidden; } 
.search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; } 


.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; } 
.header-right.is-open .search-btn .con-box { display: none; } 
.header-right.is-open .close-btn { display: block; } 
.header-right.is-open .item .search-bg { transform: scale(1); } 
.search-dialog-box.on { opacity: 1; visibility: visible; } 
.search-dialog-box.on .search-bg { height: 100vh; } 
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; } 
.search-dialog-box.on .wrap-inner { transform: translateY(0px); } 
.pub-close { position: absolute; width: 0.48rem; height: 0.48rem; z-index: 10; right: 0.24rem; top: 0.216rem; background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; } 
.pub-close .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(28, 90, 183); transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; } 
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-size: 0.12rem; background-repeat: no-repeat; background-image: url("../images/close-btn.svg"); transition: all 0.6s ease 0s; } 
.pub-close i:hover { transform: rotate(180deg); }
 
@keyframes spin { 
100% { transform: rotate(1turn); } 
} 
@keyframes spin2 { 
100% { transform: rotate(-1turn); } 
}
@keyframes spin-reverse { 
 0% { transform: rotate(1turn); } 
 }
@keyframes spin-reverse2 { 
0% { transform: rotate(-1turn); } 
}

/* banner */ 
.banner-slick a { display: block; } 
.banner-slick a img { display: block; width: 100%; } 
.banner-slick .slick-dots { bottom: 0.3rem; } 
.banner-slick .slick-dots li { width: 0.12rem; height: 0.12rem; border: 0.01rem solid #fff; margin: 0 0.1rem; border-radius: 50%; transition: all .3s; } 
.banner-slick .slick-dots li.slick-active { width: 0.2rem; height: 0.12rem; border-radius: 0.2rem; background: #fff; }

.fix-top { position: relative; top: 100%; left: 0; right: 0; bottom: 0; transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s; -webkit-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s; -moz-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s; -ms-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s; -o-transition: all .7s cubic-bezier(.5, 0, .2, 1) 0s; z-index: -1; overflow: hidden; overflow-y: scroll; } 
.fix-top.showdiv { top: 0rem; z-index: 99; } 
.ar_web { overflow: hidden; position: fixed!important; top: 0rem; left: 0; right: 0; bottom: 0; z-index: 1; } 
.fix-top::-webkit-scrollbar { width: 4px; height: 8px; background-color: #F5F5F5; } 
.fix-top::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; } 
.fix-top::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #333; }
@media(max-width: 1200px) { 
.fix-top { top: 0; position: relative !important; overflow: hidden; } 
.ar_web { top: 0; position: relative !important; } 
.swipershubaio { display: none; } 
} 


.home1 { position: relative; background: url(../images/bg1.png) no-repeat right center; background-size: 4.02rem auto; } 
.home1::before { content: ""; position: absolute; left: 0; top: 0; width: 4.84rem; bottom: 0; background: url(../images/home1-bgl.png) no-repeat left center; } 
.section1 { position: relative; padding-top: 0.7rem; padding-bottom: 0.6rem; } 
.title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.3rem; } 
.title h2 { position: relative; font-size: 0; font-weight: normal; } 
.title h2 span { position: absolute; left: -2rem; top: 50%; transform: translateY(-50%); font-size: 0.85rem; font-weight: 900; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.01rem #F3F3F3; text-transform: uppercase; white-space: nowrap; font-family: "sisong-heavy"; } 
.title h2 p { position: relative; display: inline-block; font-size: 0.36rem; color: #333333; font-family: "sisong-regular"; vertical-align: middle; z-index: 9; } 
.title .more a { position: relative; right: 0; line-height: .3rem; padding-right: 0.55rem; display: block; background: url(../images/more.png) no-repeat right center; background-size: 0.52rem auto; font-size: 16px; color: #646464; transition: all .3s; font-family: "sisong-regular"; } 
.title .more a:hover { right: 0.05rem; color: #00447d; } 

.s1-l { width: 59.28%; } 
.s1-r { width: 36.428%; }
 
.news { border: 0.01rem solid #EEEEEE; } 
.news a { display: block; } 
.news a .pic { padding-top: 55.42%; } 
.date { position: absolute; background: url(../images/date-bg.jpg) no-repeat center center; background-size: 100% 100%; color: #fff; text-align: center; } 
.news a .date { width: 0.8rem; height: 0.9rem; right: 0; top: -0.4rem; z-index: 9; } 
.news a .date p { padding-top: 0.15rem; font-size: 0.36rem; } 
.news a .date span { display: block; font-size: 0.16rem; line-height: 0.24rem; } 
.news a .text { position: relative; padding: .3rem .3rem .9rem .3rem; background: #fff; } 
.news a .text>h2 { font-size: .22rem; color: #333; margin-bottom: .2rem; overflow: hidden; margin-right: .5rem; } 
.news a:hover .text>h2 { color: #00447d; } 
.news a .text>p { line-height: .32rem; height: .72rem; font-size: .16rem; color: #9e9e9e; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } 
.news .slick-dots { text-align: center; bottom: .35rem; } 
.news .slick-dots li { width: auto; height: auto; margin: 0 0.1rem; background-position: center right; } 
.news .slick-dots li.slick-active { padding-right: 0.3rem; background: url(../images/s1-l-more.png) no-repeat center right; background-size: .3rem auto; } 
.news .slick-dots li span { display: block; width: 100%; height: 100%; font-size: 0.22rem; color: #9E9E9E; transition: all .6s; } 
.news .slick-dots li.slick-active span { color: #20357B; } 

.s1-r1 ul li a { display: block; } 
.s1-r1 ul li a .pic { padding-top: 50.98%; } 
.s1-r1  ul li a .text { position: relative; height: 0.85rem; display: flex; align-items: center; padding-right: 0.7rem; } 
.s1-r1  ul li a .text h2 { font-size: 0.22rem; font-weight: normal; line-height: 0.36rem; color: #333333; height: 0.72rem; transition: all .6s; } 
.s1-r1  ul li:hover a .text h2 { color: #00447d; } 
.s1-r1  ul li a .text .date { width: 0.66rem; height: 0.75rem; right: 0; top: -0.2rem; } 
.s1-r1  ul li a .text .date p { font-size: 0.3rem; padding-top: 0.1rem; } 
.s1-r1  ul li a .text .date span { display: block; padding-top: 0.05rem; font-size: 0.14rem; } 

.section2 { padding-top: 0.7rem; padding-bottom: 0.75rem; position: relative; } 
.section2::after { content: ""; position: absolute; left: 0; right: 0; top: 300px; height: 1200px; /* bottom: -594px; */ background: url(../images/s2-bg.png) no-repeat center top; background-size: 100% auto; z-index: -1; } 
.s2 { padding-top: 20px; } 
.s2 ul { margin: 0 -.15rem; } 
.s2 ul li a { position: relative; display: block; margin: 0 .15rem; cursor: url('../images/s2-more.png'), auto; } 
.s2 ul li a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } 
.s2 ul li.slick-current.slick-active a::after { background: url(../images/s2-bg1.png) no-repeat center bottom; background-size: 100% 1rem; } 
.s2 ul li.slick-current.slick-active+li a::after { background: url(../images/s2-bg2.png) no-repeat center bottom; background-size: 100% 1rem; } 
.s2 ul li.slick-current.slick-active+li+li a::after { background: url(../images/s2-bg3.png) no-repeat center bottom; background-size: 100% 1rem; } 
.s2 ul li a .pic { padding-top: 65.333%; } 
.s2 ul li a .text { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.1rem 0.2rem ; z-index: 9; } 
.s2 ul li a .text h2 { width: 50%; padding-bottom: 0.1rem; background: url(../images/s2-bt-bg.png) no-repeat left bottom; background-size: 100% auto; font-size: 0.28rem; color: #fff; font-weight: normal; } 
.s2 ul li a .text p { margin-top: 0.1rem; font-size: 0.14rem; font-weight: normal; line-height: 0.24rem; color: #FFFFFF; height: auto; } 
.s2 ul li a .text .more { position: absolute; right: -0.3rem; bottom: 0.3rem; width: 0.6rem; height: 0.6rem; background: url(../images/s2-more.png) no-repeat center center; background-size: 100% 100%; opacity: 0; z-index: -1; transition: all .6s; } 
.s2 ul li:hover img { transform: scale(1.1); } 

.section3 { padding: .4rem 0; } 
.s3 { padding-top: .1rem; } 
.s3 ul li { width: 48%; border: 0.01rem solid #DEDEDE; margin-top: 0.5rem; transition: all .6s; } 
.s3 ul li a { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.3rem; } 
.s3 ul li:hover a { background: url(../images/date-bg.jpg) no-repeat center center; background-size: cover; } 
.s3 ul li a .text { width: 52%; } 
.s3 ul li a .text h2 { font-size: 0.2rem; font-weight: normal; line-height: 0.36rem; color: #333333; height: 0.72rem; transition: all .6s; } 
.s3 ul li:hover a .text h2 { color: #fff; } 
.s3 ul li a .text p { margin: 0.1rem 0; font-size: 0.14rem; font-weight: normal; line-height: 0.28rem; height: 0.56rem; color: #9E9E9E; transition: all .6s; } 
.s3 ul li:hover a .text p { color: #fff; } 
.s3 ul li a .text span { font-size: 0.16rem; font-weight: normal; line-height: 0.28rem; color: #9E9E9E; font-family: Georgia; transition: all .6s; } 
.s3 ul li:hover a .text span { color: #fff; } 
.s3 ul li a .tpp { width: 40%; } 
.s3 ul li a .tpp .pic { padding-top: 69.23%; } 

.section4 { position: relative; padding-top: .7rem;padding-bottom: .7rem; } 
.section4::after { content: ""; position: absolute; left: 0; top: -0.4rem; background: url(../images/s4-bg.png) no-repeat center center; width: 6.53rem; height: 0rem; background-size: 6.53rem auto; z-index: -1; } 
.s4 a { display: block; position: relative; padding-left: 3.35rem; } 
.s4 a .text { position: absolute; padding: 0.4rem; left: 0.02rem; bottom: 0.15rem; width: 3.72rem; height: 4.74rem; background: url(../images/s4-txt-bg.png) no-repeat center center; background-size: cover; box-shadow: 0 0 10px rgba(162, 162, 162, 0.1); z-index: 9; } 
.s4 a .text h2 { font-size: 0.2rem; font-weight: normal; line-height: 0.36rem; color: #333333; height: 1.08rem; transition: all .6s; } 
.s4 a:hover .text h2 { color: #00447d; } 
.s4 a .text p { margin-top: 0.3rem; font-size: 0.14rem; font-weight: normal; line-height: 0.3rem; height: 0.9rem; color: #9E9E9E; z-index: 9; } 
.s4 a .tpp .pic { padding-top: 62.264%; } 
.s4 .slick-dots { text-align: center; width: auto; right: auto; left: .35rem; bottom: 1rem; } 
.s4 .slick-dots li { width: auto; height: auto; margin: 0 0.1rem; background-position: center right; } 
.news .slick-dots li.slick-active { padding-right: 0.3rem; background: url(../images/s1-l-more.png) no-repeat center right; background-size: .3rem auto; } 
.s4 .slick-dots li span { display: block; width: 100%; height: 100%; font-size: 0.22rem; color: #9E9E9E; transition: all .6s; } 
.s4 .slick-dots li.slick-active span { color: #910003; } 


.section5 { position: relative; padding-top: 0.9rem; padding-bottom: 0.75rem; } 
.section5::after { content: ""; position: absolute; left: 0; right: 0; top: -1.5rem; bottom: 0; background: url(../images/s5-bg.png) no-repeat center top; background-size: 100% auto; z-index: -1; } 
.sect5 ul li { width: 48%; } 
.sect5 ul li a { position: relative; display: block; } 
.sect5 ul li a::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 
.sect5 ul li a .pic { padding-top: 38.63%; } 
.sect5 ul li:hover a .pic img { transform: scale(1.1); } 
.sect5 ul li:nth-child(1) a::after { background: url(../images/s5-tc1.png) no-repeat left center; background-size: auto 100%; } 
.sect5 ul li:nth-child(2) a::after { background: url(../images/s5-tc2.png) no-repeat left center; background-size: auto 100%; } 
.sect5 ul li a .text { position: absolute; top: 0; bottom: 0; left: 0; width: 1.6rem; display: flex; justify-content: center; align-items: flex-end; z-index: 9; } 
.sect5 ul li a .text span { display: block; width: 0.3rem; font-size: 0.3rem; font-weight: 900; text-transform: uppercase; color: #FFFFFF; padding-bottom: 0.4rem; font-family: "sisong"; } 
.sect5 ul li a .text .more { position: relative; width: 0.12rem; font-size: 0.12rem; color: #fff; margin-left: 0.4rem; padding-bottom: 0.5rem; top: 0; transition: all .6s; } 
.sect5 ul li:hover a .text .more { top: -5px; font-size: .14rem; } 
.sect5 ul li a .text .more::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 0.01rem; bottom: 0; height: 0.4rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } 

/* foot */
footer { background: #454749; } 
.foot { align-items: center; padding: .3rem .15rem; text-align: center; } 
.fot-l p { font-size: 0.2rem; font-weight: 200; line-height: 0.48rem; color: #FFFFFF; font-family: none; } 
.fot-l { text-align: center; } 
.fot-r { text-align: center; } 
.fot-r .ewm p { font-size: 0.14rem; font-weight: normal; line-height: 0.48rem; color: #FFFFFF; font-family: "sisong-regular"; } 


/* news-list4 */


.pbrist {
    width: 100%;
}

.pbrist ul li {
    width: 100%;
    position: relative;
    z-index: 0;
    transition: 0.3s all;
}

.pbrist ul li a {
    padding: 0.1rem 0.3rem 0.1rem;
}


.pbrist ul li .time {
    width: 0.64rem;
    text-align: center;
    border: 1px solid #09378d;
    flex-shrink: 0;
    position: relative;
    margin-right: 0.2rem;
}

.pbrist ul li .time h2 {
    color: #09378d;
    line-height: 0.34rem;
    font-size: 0.18rem;
}

.pbrist ul li .time span {
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #ffffff;
    background: #09378d;
}

.pbrist ul li .time span i {
    display: inline-block;
    font-style: normal;
    margin: 0 0.05rem;
}


.pbrist ul li p {
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.27rem;
    max-width: calc( 100% - 1.2rem );
}

.pbrist ul li:last-of-type::after,.pbrist ul li:hover::after {
    content: none;
}

.pbrist ul li:hover {
    box-shadow: 0 0 0.3rem 0 rgba(83, 83, 83, 0.3);
    z-index: 1;
}

.pbrist ul li:hover p {
    color: #09378d;
}

.pbrist ul li:hover .time {
    border: 1px solid #da422b;
}

.pbrist ul li:hover .time h2 {
    color: #da422b;
}

.pbrist ul li:hover .time span,.pbrist ul li:hover .time::before,.pbrist ul li:hover .time::after {
    background: #da422b;
}

.pb-dec {
    margin-top: 0.4rem;
}
.pline1{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pline2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}






.s4-c {
    margin-top: .75rem;
}
.s4-c ul{
    padding:0 .5rem;
    padding-left: .8rem;
}
.s4-c ul li {
    /* width: 20%; */
}

.s4-c ul li a {
   
    width: 3rem;
    height: 2.8rem;

}



.s4-c .slick-dots {
    position: static;
    text-align: center;
    font-size: 0;
    bottom: 0.4rem;
    margin-top: .48rem;
    padding: 0 6%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.s4-c .slick-dots li {
    width: 0.12rem;
    height: 0.28rem;
    border-radius: 50%;
    margin: 0 .07rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.s4-c .slick-dots li button{
    display: block;
    background: #0b7ab9;
    width: 0.12rem;
    height: .12rem;
    border-radius: 50%;
    padding: 0;
}
.s4-c .slick-dots li.slick-active {
    width: 0.43rem;
    border-color: #fff;
    background: #409eff url() no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
}
.s4-c .slick-dots li.slick-active button{opacity:0;}
@keyframes _anirotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}


.s4-c .slick-prev, .s4-c .slick-next {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(0);
    top: .77rem;
}

.s4-c .slick-prev {
    left: -0.06rem;
}

.s4-c .slick-next {
    right: -0.06rem;
}

.s4-c .slick-prev::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: url(../images/s8-prev.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 2;
}

.s4-c .slick-prev::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #3082a6;
    z-index: 1;
}

.s4-c .slick-next::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: url(../images/s2-next.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    z-index: 2;
}

.s4-c .slick-next::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #3082a6;
    z-index: 1;
}

.s4-c .slick-prev:hover::after {
    animation: scaleTwo 1s 1;
}

.s4-c .slick-next:hover::after {
    animation: scaleTwo 1s 1;
}






.s4-c ul li a div.imgs{
    
display: block;
    
/* flex-direction: column; */
    
justify-content: center;
    
align-items: center;
    
/* z-index: 9; */
    
border-radius: 50%;
    
background-position: center center;
    
transition: all 0.5s;
    
text-align: center;
    
transition: all 0.5s;
    
height: 2.2rem;
    
width: 2.2rem;
    
overflow: hidden;margin: auto;
}
.s4-c ul li a div img{
   width: 100%;
   height: 100%;
}
.s4-c ul li a p {
    width: 100%;
    font-size: 0.16rem;
     font-weight: normal;
     line-height: 0.3rem; 
     color: #4a4a4a; 
  margin-top: .2rem;  
    text-align: center; 
    /* transition: all 0.5s; */
    /* overflow: hidden; */
}







@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1400px) { 
#nav ul li { margin-right: .2rem; } 
} 

@media screen and (max-width: 1200px) {
.title h2 span { left: 0; font-size: 1rem; } 
.s2 ul li a .text .more { right: 0; bottom: 1.5rem; }
}

@media screen and (max-width: 1000px) { 
.s4 a .text { top: 0; bottom: 0; height: auto; } 
.s4 .slick-dots { bottom: .3rem; } 
.sect5 ul li a .text { width: 1rem; } 
.sect5 ul li a .text span { font-size: .2rem; } 
.sect5 ul li a .text .more { margin-left: .1rem; } 
} 

@media screen and (max-width: 700px) { 
.section1 { padding: .2rem 0; } 
.s1 { display: block; } 
.s1-l { width: 100%; margin-bottom: .15rem; } 
.s1-r { width: 100%; } 
.title h2 span { font-size: .6rem; } 
.section2 { padding: .2rem 0; } 
.s2 ul { display: block; } 
.s2 ul li { width: 100%; margin-bottom: .15rem; } 
.section3 { padding: .15rem 0; } 
.s3 ul li { margin-top: .15rem; width: 100%; } 
.s3 ul li a { padding: .15rem; } 
.section4 { padding-top: .15rem; } 
.s4 a { padding-left: 0; } 
.s4 a .text { position: static; width: 100%; padding: .15rem; padding-bottom: .5rem; } 
.s4 a .text h2 { height: auto; } 
.s4 .slick-dots { bottom: .1rem; } 
.section5 { padding: .2rem 0; } 
.sect5 ul { display: block; } 
.sect5 ul li { width: 100%; margin-bottom: .15rem; } 
.foot { display: block; } 
.fot-l p { line-height: .24rem; margin-bottom: .1rem; } 
} 

@media (min-width: 200px) { 
[aos="zoom-in"] { transform: scale(0.5); } html:not(.no-js) [data-aos=fade-right] { -webkit-transform: translate3d(-150px, 0, 0); transform: translate3d(-150px, 0, 0) }
html:not(.no-js) [data-aos=fade-left] { -webkit-transform: translate3d(150px, 0, 0); transform: translate3d(150px, 0, 0) }
 html:not(.no-js) [data-aos=fade-down] { -webkit-transform: translate3d(-150px, -150px, 0); transform: translate3d(-150px, -150px, 0) } 
}