html { background: #fff; max-width: 1920px; min-width: 320px; margin: 0px auto; overflow-x: hidden; }
* { outline: none; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: initial; cursor: not-allowed; }
.box { max-width: 1600px; margin: 0px auto; }
.top { height: 116px; background: linear-gradient( to right, #ffffff 0%, #ffffff 50%, #7f7ae2 50%, #7f7ae2 100% ); box-sizing: border-box; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; transition: all 0.5s; }
.top .box { display: flex; height: 100%; }
.topbg { height: 116px; transition: all 0.5s; }
.top .logo { width: 258px; margin-right: 50px; }
.top_height { height: 85px; }
.top .logo img { top: 50%; left: 0px; right: 0px; transform: translateY(-50%); position: relative; }
/*.top .menu { position: relative; width: 100%; flex: 1; background: #fff; }
.top .menu > ul { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.top .menu > ul > li > a { font-size: 16px; color: #333; line-height: 2; }
.top .menu > ul > li { float: left; padding: 0px 18px; position: relative; }
.top .menu > ul > li > a { font-size: 16px; color: #333333; transition: all 320ms linear; display: inline-block; }
.top .menu > ul > li > a:hover { transform: scale(1.05); color: #002B62; transition: all 0.3s; }
.top .menu > ul > li dl { position: absolute; background: #fff; padding: 10px 20px; box-shadow: #666 0px 0px 5px; border-radius: 10px; transition: all 0.3s; opacity: 0; transform: translateY(30px); visibility: hidden; z-index: 1; }
.top .menu > ul > li:hover dl { opacity: 1; transform: translateY(10px); visibility: visible; }
.top .menu > ul > li dl:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; transform: rotate(45deg); border: 1px #ddd solid; border-right: 0px; border-bottom: 0px; position: absolute; top: -7px; left: 20px; }
.top .menu > ul > li dl dd { line-height: 30px; white-space: nowrap; }
.top .menu > ul > li dl dd a:hover { color: #002B62; }*/
.top .search { width: 400px; position: relative; transition: all 0.5s; }
.top .search .shbox { position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); padding-left: 30px; display: flex; }
.top .search .txtdiv { flex: 1; }
.top .search .txt { float: left; width: 100%; height: 30px; padding: 0 0 0 10px; line-height: 28px; border: 0; color: #fff; outline: none; }
.top .search .txt::placeholder { color: #ffffff80; }
.top .search .btn { float: left; width: 34px; height: 30px; border: 0; background: url(../images/icon_search.png) center center no-repeat; cursor: pointer; outline: none; }

.m_nav_btn { display: none; background: #7f7ae2; height: 80px; width: 80px; position: absolute; top: 0px; right: 0px; cursor: pointer; float: left; z-index: 3; transition: all 0.3s; }
.m_nav_btn i { display: block; height: 1px; background: #FFF; width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); transition: all 0.3s; opacity: 1; }
.m_nav_btn i::after { content: ""; display: block; height: 1px; background: #FFF; width: 100%; position: absolute; top: -13px; left: 0px; transition: all 0.3s; }
.m_nav_btn i::before { content: ""; display: block; height: 1px; background: #FFF; width: 100%; position: absolute; bottom: -13px; left: 0px; transition: all 0.3s; }
.m_nav_btn.close i { background: none; opacity: 1; }
.m_nav_btn.close i::after { transform: rotate(45deg); top: 0px; }
.m_nav_btn.close i::before { transform: rotate(-45deg); bottom: 0px; }





.banner { width: 100%; position: relative; }
.banner #ban_swiper { width: 100%; height: calc(100vh - 116px); position: relative; z-index: 1; }
.banner #ban_swiper .swiper-slide { background-size: auto 100%; background-position: center center; }
.banner #ban_swiper .swiper-slide .title { max-width: 1600px; margin: 0px auto; position: relative; height: 100%; }
.banner #ban_swiper .swiper-slide .title dd { color: #736ed1; width: 555px; line-height: 1.2; font-family: STSong; position: absolute; right: 0px; top: 50%; transform: translateY(-40%); bottom: 0px; }
.banner #ban_swiper .swiper-slide .title dd b { font-size: 48px; display: block; margin-bottom: 10px; }
.banner #ban_swiper .swiper-slide .title dd span { font-size: 22px; font-family: Arial; }
.banner #ban_swiper .swiper-button-prev, .banner #ban_swiper .swiper-button-next { width: 68px; height: 68px; background: url(../images/icon_ban_arrow.png) center center no-repeat; background-size: 100% 100%; transition: all 320ms linear; }
.banner #ban_swiper .swiper-button-prev:hover, .banner #ban_swiper .swiper-button-next:hover { background: url(../images/icon_ban_arrow_on.png) center center no-repeat; background-size: 100% 100%; }
.banner #ban_swiper .swiper-button-prev { left: 5%; }
.banner #ban_swiper .swiper-button-next { right: 5%; transform: rotateY(180deg); }
.banner .link .swiper-pagination { text-align: right; display: inline-block; white-space: nowrap; right: 10%; max-width: 1600px; bottom: 40px; }
.banner .link .swiper-pagination span { width: 12px; height: 12px; border: 1px #ffffff solid; margin-right: 10px; background: none; background-size: 100% 100%; opacity: 1; }
.banner .link .swiper-pagination span.swiper-pagination-bullet-active { width: 14px; height: 14px; background: #ffffff; border: none; background-size: 100% 100%; }
.banner .link { position: absolute; bottom: 30px; left: 0px; right: 0px; z-index: 2; transition: all 0.3s; }
.banner .link ul { }
.banner .link ul li { display: flex; max-width: 1200px; }
.banner .link a { display: block; width: 285px; height: 112px; color: #fff; background: #274dda; position: relative; border-radius: 5px; margin-right: 20px; flex: 1; transform: translateY(0%); transition: all 0.3s; }
.banner .link a dl { position: relative; top: 50%; transform: translateY(-50%); padding: 30px; }
.banner .link a dl dt b { text-align: left; display: block; font-size: 22px; color: #fff; font-weight: normal; padding: 10px 0px; padding-left: 40px; background: url(../images/icon_link_1.png) no-repeat center left; background-size: 24px; }
.banner .link a dl dt img { float: right; position: relative; top: 5px; -webkit-animation: arrimg 1s linear infinite; animation: arrimg 1s linear infinite; }
.banner .link a dl dd span { display: block; font-size: 14px; color: #ffffff50; }
.banner .link a.a1 { background-color: #10bad9; }
.banner .link a.a2 { background-color: #0ea9fa; }
.banner .link a.a3 { background-color: #07ba53; }
.banner .link a.a4 { background-color: #f9a622; }


.banner .link a.a2 dl dt b { background-image: url(../images/icon_link_2.png); }
.banner .link a.a3 dl dt b { background-image: url(../images/icon_link_3.png); }
.banner .link a.a4 dl dt b { background-image: url(../images/icon_link_4.png); }
.banner .link a:hover { transform: translateY(-10%); z-index: 1; }

@keyframes arrimg {
    0% { left: 0%; }
    50% { left: 5%; }
    100% { left: 0%; }
}


/*.index_layer2 { background: url('../images/lay_2_right.jpg') no-repeat #7f7ae2 right top; background-size: auto 100%; background-attachment: fixed; overflow: hidden; height: 720px; }
.index_layer2 > ul { max-width: 1600px; margin: 0px auto; height: 100%; }
.index_layer2 > ul > li { max-width: 1440px; height: 100%; box-sizing: border-box; padding: 200px 380px 100px 80px; background: url('../images/lay_2_bg.png') no-repeat right bottom #ffffff; position: relative; }
.index_layer2 .about_title { font-size: 22px; font-weight: bold; color: #7f7ae2; line-height: 1.5; }
.index_layer2 .about_body { font-size: 16px; color: #333; line-height: 2; padding: 30px 0px; }

.index_layer2 .about_count { display: flex; }
.index_layer2 .about_count dl { flex: 1; text-align: center; }
.index_layer2 .about_count dl dt { font-size: 48px; color: #333; font-weight: bold; padding: 20px 0px; }
.index_layer2 .about_count dl dd { font-size: 16px; color: #33333370; }
.index_layer2 .about_count dl:first-child { flex: initial; width: 150px }
.index_layer2 .about_btn { width: 153px; height: 75px; position: relative; margin-top: 100px; }
.index_layer2 .about_btn a { display: block; text-align: center; width: 153px; height: 75px; line-height: 75px; color: #fff; background: #7f7ae2; border: 1px #7f7ae2 solid; font-size: 14px; border-radius: 50%; position: absolute; z-index: 1; transition: all 0.5s; }
.index_layer2 .about_btn:hover a { border: 1px #7f7ae2 solid; }
.index_layer2 .about_btn::after { content: ''; display: block; text-align: center; width: 153px; height: 75px; line-height: 75px; color: #fff; border: 1px #9eb3f1 solid; font-size: 14px; border-radius: 50%; position: relative; transform: rotate(20deg); transition: all 0.5s; }
.index_layer2 .about_btn:hover::after { transform: rotate(0deg); }
.index_layer2 .link { position: absolute; right: 0px; bottom: 0px; }
.index_layer2 .link a { display: block; width: 298px; height: 160px; color: #fff; background: #3b83ec; text-align: center; position: relative; left: 50%; transition: all 0.3s; }
.index_layer2 .link a dl { position: relative; top: 50%; transform: translateY(-50%); }
.index_layer2 .link a dl dd b { display: block; font-size: 22px; color: #fff; font-weight: normal; padding: 10px 0px; }
.index_layer2 .link a dl dd span { display: block; font-size: 14px; color: #ffffff50; }
.index_layer2 .link a.a2 { background-color: #2ea9fa; }
.index_layer2 .link a.a3 { background-color: #17d7a3; }
.index_layer2 .link a.a4 { background-color: #11c147; }
.index_layer2 .link a:hover { transform: scale(1.2); transform-origin: center; z-index: 1; }*/
.index_layer2 { background: url('../images/index_about_bg.jpg') no-repeat #ffffff top; background-size: auto 100%; overflow: hidden; height: 711px; }
.index_layer2 > ul { max-width: 1600px; margin: 0px auto; height: 100%; }
.index_layer2 > ul > li { padding-top: 70px; }
.index_layer2 .about_title { font-size: 22px; font-weight: bold; color: #7f7ae2; line-height: 1.5; }
.index_layer2 .about_body { font-size: 16px; color: #333; line-height: 2; padding: 30px 0px; width: 500px; }
.index_layer2 .index_about_div { float: left; }
.index_layer2 .link { float: left; padding-top: 67px; transition: all 0.3s; }
.index_layer2 .link a { position: relative; box-sizing: border-box; display: block; float: left; width: 160px; padding: 70px 0px; line-height: 1.5; height: 460px; text-align: center; margin-left: 20px; background: url(../images//index_about_menu1.png) no-repeat; color: #fff; }
.index_layer2 .link a:nth-child(2n+1) { margin-top: 42px; }
.index_layer2 .link a dt { padding-bottom: 10px; }
.index_layer2 .link a b { writing-mode: vertical-rl; text-align: left; font-size: 26px; vertical-align: text-top; font-weight: normal; letter-spacing: 3px; }
.index_layer2 .link a span { writing-mode: vertical-rl; text-align: left; font-size: 14px; color: #ffffff80; vertical-align: text-top; }
.index_layer2 .link a.a2 { background-image: url(../images/index_about_menu2.png); }
.index_layer2 .link a.a3 { background-image: url(../images/index_about_menu3.png); }
.index_layer2 .link a.a4 { background-image: url(../images/index_about_menu4.png); }
.index_layer2 .link a dd img { position: relative; top: 100px; -webkit-animation: arrimg 1s linear infinite; animation: arrimg 1s linear infinite; }


.index_layer3 { background: url('../images/lay3_bg.jpg') no-repeat; height: 720px; }
.index_layer3 > ul { max-width: 1600px; margin: 0px auto; height: 100%; display: flex; }
.index_layer3 > ul > li { width: 150px; height: 100%; overflow: hidden; transition: all 0.5s; cursor: pointer; opacity: 0.8; }
.index_layer3 > ul > li:hover { opacity: 1; }
.index_layer3 > ul > li dl { background: #116abd; padding-top: 130px; text-align: center; height: 100%; box-sizing: border-box; }
.index_layer3 > ul > li dl dt img { width: 63px; height: 63px; background: #fff; border-radius: 50%; }
.index_layer3 > ul > li dl dd { text-align: center; padding-top: 25px; }
.index_layer3 > ul > li dl dd span { writing-mode: vertical-rl; font-size: 28px; color: #fff; letter-spacing: 5px; }
.index_layer3 > ul > li div.list { flex: 1; }
.index_layer3 > ul > li dl.dl1 { background: #095ead; }
.index_layer3 > ul > li dl.dl2 { background: #116abd; }
.index_layer3 > ul > li dl.dl3 { background: #1871c4; }
.index_layer3 > ul > li dl.dl4 { background: #2384de; }
.index_layer3 > ul > li div.list { flex: 1; transition: all 0.5s; opacity: 0; transform: translateX(10%); position: relative; }
.index_layer3 > ul > li div.list ul { overflow-y: auto; height: 90%; }
.index_layer3 > ul > li div.list ul::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }
.index_layer3 > ul > li div.list ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #116abd; }
.index_layer3 > ul > li div.list ul::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 5px; background: none; width: 1px; }

.index_layer3 > ul > li div.list ul li { overflow: hidden; padding: 110px 0px 30px 45px; box-sizing: border-box; }
.index_layer3 > ul > li div.list ul li a { display: block; float: left; margin: 15px; width: 240px; height: 70px; line-height: 70px; color: #fff; text-align: center; font-size: 16px; border: 1px #fff solid; }
.index_layer3 > ul > li div.list ul li a:hover { background: #e6c161; border: 1px #e6c161 solid; }
.index_layer3 > ul > li.open { width: auto; flex: 1; display: flex; opacity: 1; }
.index_layer3 > ul > li.open dl { width: 250px; background: url('../images/lay3_libg.jpg') no-repeat top; padding-top: 130px; text-align: center; }
.index_layer3 > ul > li.open dl dt img { width: 63px; height: 63px; background: #edc96b; border-radius: 50%; }
.index_layer3 > ul > li.open dl dd { text-align: center; padding-top: 25px; }
.index_layer3 > ul > li.open dl dd span { writing-mode: vertical-rl; font-size: 28px; color: #fff; letter-spacing: 5px; }
.index_layer3 > ul > li.open div.list { flex: 1; opacity: 1; transition: all 0.5s; transform: translateX(0); }

.index_layer4 { height: 820px; background: #eff7f4; padding: 68px 0px; box-sizing: border-box; position: relative; overflow: hidden; }
.index_layer4 .box { display: flex; position: relative; z-index: 10; }
.index_layer4 .index_layer4_left { }
.index_layer4 .index_layer4_left dl { width: 370px; }
.index_layer4 .index_layer4_left dl dt { font-size: 36px; line-height: 1.2; }
.index_layer4 .index_layer4_left dl dd.en { font-size: 14px; color: #21c280; line-height: 2; font-weight: bold; margin-bottom: 30px; }
.index_layer4 .index_layer4_left dl dd.desc { font-size: 14px; color: #4a5666; line-height: 1.8; }

.index_layer4 .index_layer4_right { padding-left: 70px; display: flex; flex: 1; position: relative; }
.index_zhuanjia_swiper { max-width: 820px; overflow: hidden; }
.index_layer4_right_box { width: 320px; }
.index_layer4_right_box a { display: block; position: relative; opacity: 0; transform: translateX(10%); transition: all 0.5s; }
.index_layer4_right_box.cur a { opacity: 1; transform: translateX(0); transition: all 0.5s; }
.index_layer4_right_box p { background: linear-gradient(to bottom,#e1e8f2,#c8f0df); padding: 20px; height: 400px; overflow: hidden; }
.index_layer4_right_box p img { width: 271px; height: 400px; object-fit: cover; }
.index_layer4_right_box dl { position: absolute; bottom: 0px; right: 0px; left: 410px; line-height: 1.5; overflow: hidden; }
.index_layer4_right_box dl dt { font-size: 26px; font-weight: bold; }
.index_layer4_right_box dl dd.zc { font-size: 14px; color: #33333370; }
.index_layer4_right_box dl dd.zc img { vertical-align: middle; margin-right: 5px; }
.index_layer4_right_box dl dd.desc { font-size: 14px; color: #333333; margin: 10px 0px; }
.index_layer4_right_box dl dd.btn a { color: #21c280; padding-top: 10px; }
.index_zhuanjia_swiper .swiper-slide a { display: block; padding: 0px 20px; }
.index_zhuanjia_swiper .swiper-slide a img { height: 250px; object-fit: cover; }

.index_layer4_right_box_r { padding: 0px 10px; overflow: hidden; }

.index_layer4_right_box_btn { width: 153px; height: 75px; position: relative; margin: 0px auto; margin-top: 100px; z-index: 10; }
.index_layer4_right_box_btn a { display: block; text-align: center; width: 153px; height: 75px; line-height: 75px; color: #fff; background: #21c280; border: 1px #21c280 solid; font-size: 14px; border-radius: 50%; position: absolute; z-index: 1; transition: all 0.5s; }
.index_layer4_right_box_btn::after { content: ''; display: block; text-align: center; width: 153px; height: 75px; line-height: 75px; color: #fff; border: 1px #21c280 solid; font-size: 14px; border-radius: 50%; position: relative; transform: rotate(20deg); transition: all 0.5s; }
.index_layer4_right_box_btn:hover a { border: 1px #21c280 solid; }
.index_layer4_right_box_btn:hover::after { transform: rotate(0deg); }



.news_more_btn { width: 74px; height: 54px; position: relative; margin: 0px auto; z-index: 10; }
.news_more_btn a { display: block; text-align: center; width: 74px; height: 54px; line-height: 54px; color: #2b8eb8; background: #fff; border: 1px #fff solid; font-size: 36px; border-radius: 50%; position: absolute; z-index: 1; transition: all 0.5s; }
.news_more_btn::after { content: ''; display: block; text-align: center; width: 74px; height: 54px; line-height: 54px; color: #2b8eb8; border: 1px #fff solid; font-size: 14px; border-radius: 50%; position: relative; transform: rotate(30deg); transition: all 0.5s; }
.news_more_btn:hover a { border: 1px #fff solid; }
.news_more_btn:hover::after { transform: rotate(0deg); }



#pro_tab_bg { width: 100%; left: 0px; bottom: -310px; overflow: hidden; position: absolute; background: linear-gradient(to top,#21c28030,#21c28001) }


.index_layer4_left .btn { padding-top: 100px; }
.index_layer4_left .swiper-button-prev, .index_layer4_left .swiper-button-next { opacity: 1; display: inline-block; vertical-align: top; width: 64px; height: 64px; margin: 0px; padding: 0px; border: 1px #21c280 solid; border-radius: 50%; position: relative; }
.index_layer4_left .swiper-button-prev:hover, .index_layer4_left .swiper-button-next:hover { background: #21c280; }

.index_layer4_left .swiper-button-prev { position: relative; top: 0px; left: 0px; margin-right: 28px }
.index_layer4_left .swiper-button-next { position: relative; top: 0px; right: 0px; }
.index_layer4_left .swiper-button-prev i { content: ''; display: block; width: 12px; height: 12px; border: 2px #21c280 solid; border-top: 0px; border-right: 0px; transform: translate(-50%,-50%) rotate(45deg); position: absolute; top: 50%; left: 55%; }
.index_layer4_left .swiper-button-next i { content: ''; display: block; width: 12px; height: 12px; border: 2px #21c280 solid; border-top: 0px; border-right: 0px; transform: translate(-50%,-50%) rotate(-135deg); position: absolute; top: 50%; left: 45%; }
.index_layer4_left .swiper-button-prev:hover i { border-color: #ffffff; }
.index_layer4_left .swiper-button-next:hover i { border-color: #ffffff; }

.index_zhuanjia_swiper .child_box { display: none; }

.index_layer5 { height: 778px; background: url('../images/lay4_bg.png') no-repeat; padding: 68px 0px; box-sizing: border-box; }

.index_layer5 ul { display: flex; padding-top: 20px; }
.index_layer5 ul li.left { flex: 1; }

.index_layer5 dl.title { padding-bottom: 30px; }
.index_layer5 dl.title dt { font-size: 36px; color: #fff; line-height: 1.2; }
.index_layer5 dl.title dt span { font-size: 22px; float: right; padding: 10px 40px 0px 0px; }
.index_layer5 dl.title dd { font-size: 14px; color: #ffffff60; line-height: 2; }
.index_layer5 .index_news { display: flex; }
.index_layer5 .index_news .img { flex: 1; max-width: 630px; }
.index_layer5 .index_news .img dl { background: #fff; padding: 25px; box-sizing: border-box; }
.index_layer5 .index_news .img dl dt img { height: 360px; object-fit: cover; width: 100%; }
.index_layer5 .index_news .img dl dd.time { padding: 10px 0px; }
.index_layer5 .index_news .img dl dd.time b { font-size: 16px; color: #2b8eb8; margin-right: 10px; }
.index_layer5 .index_news .img dl dd.time span { font-size: 14px; color: #999; }
.index_layer5 .index_news .img dl dd.tit { font-size: 22px; line-height: 1.5; height: 66px; }
.index_layer5 .index_news .list { padding: 0px 40px; width: 550px; box-sizing: border-box; }
.index_layer5 .index_news .list .headerimgbox { display: none; }
.index_layer5 .index_news .list dl.headimg { display: flex; margin-bottom: 27px; }
.index_layer5 .index_news .list dl.headimg dt { width: 142px; margin-right: 15px; }
.index_layer5 .index_news .list dl.headimg dd { color: #fff; flex: 1; }
.index_layer5 .index_news .list dl.headimg dd b { font-size: 16px; display: block; line-height: 1.5; padding-bottom: 10px; font-weight: normal; }
.index_layer5 .index_news .list dl.headimg dd span { font-size: 15px; color: #ffffff60; }
.index_layer5 .index_news .list dl.headimg dd span i { font-size: 14px; }
.index_layer5 .index_news .list dl.newslist dd { position: relative; }
.index_layer5 .index_news .list dl.newslist dd a { color: #fff; display: block; padding-bottom: 22px; padding-left: 20px; }
.index_layer5 .index_news .list dl.newslist dd:before { content: ''; position: absolute; left: 0px; width: 10px; height: 10px; border-radius: 50%; border: 1px #fff solid; display: inline-block; margin-right: 10px; }
.index_layer5 ul li.right { width: 420px; }
.index_layer5 ul li.right .list dl { background: #fff; margin-bottom: 20px; padding: 20px 30px; }
.index_layer5 ul li.right .list dl dt { font-size: 16px; color: #333; line-height: 1.2; }
.index_layer5 ul li.right .list dl dd { font-size: 14px; color: #999999; padding-top: 10px; }




.footer { background: url('../images/foot_bg.jpg') no-repeat #f7f9fa right top; background-size: auto 638px; box-sizing: border-box; }
.footer .box { display: flex; }
.footer .lkbox { margin: 23px 0 0 0; width: 270px; height: 51px; line-height: 51px; background: #e9ecf2; position: relative; z-index: 1; }
.footer .lkbox::after { transition: all 0.5s; content: ''; display: block; width: 8px; height: 8px; border: 2px #2b8eb8 solid; border-top: 0px; border-right: 0px; transform: translateY(-50%) rotate(-45deg); position: absolute; top: 50%; right: 25px; }
.footer .lkbox.cur::after { transition: all 0.5s; transform: translateY(-50%) rotate(135deg); }
.footer .lkbox p { padding-left: 25px; font-size: 14px; color: #82888f; cursor: pointer; }
.footer .lkbox ul { position: absolute; left: 0; bottom: 51px; max-height: 300px; overflow: hidden; overflow-y: auto; right: 0px; display: none;  border-top-left-radius: 10px; border-top-right-radius: 5px; }
.footer .lkbox ul li { padding: 0px 10px; background: #ffffff; }
.footer .lkbox ul li a { display: block; height: 40px; line-height: 40px; padding-left: 15px; color: #333; overflow: hidden; border-bottom: 1px #ddd solid; text-overflow: ellipsis; white-space: nowrap; }
.footer .lkbox ul li a:hover { background: #116abd; color: #FFF; }
.footer .left { flex: 1; overflow: hidden; background: #f7f9fa; padding: 58px 0px; }
.footer > .box > .left > ul { padding-top: 50px; display: flex; }
.footer > .box > .left > ul > li.logo dt { margin-bottom: 20px; }
.footer > .box > .left > ul > li.logo dd { font-size: 14px; color: #333; line-height: 1.5; }

.footer .index_zhuanlan_swiper { position: relative; overflow: hidden; width: 1150px; }
.footer .index_zhuanlan_swiper .swiper-slide a { display: block; margin-right: 20px; }
.footer .right { width: 420px; }
.footer .right ul { padding: 58px 0px; }
.footer .right ul li.link { display: flex; }
.footer .right ul li.link dl { flex: 1; display: flex; background: #2a8bde; width: 190px; height: 100px; padding: 28px 30px; box-sizing: border-box; margin-left: 20px; }
.footer .right ul li.link dl dd b { font-size: 20px; color: #fff; display: block; line-height: 1.5; }
.footer .right ul li.link dl dd span { font-size: 14px; color: #ffffff60; }
.footer .right ul li.link dl:first-child { background: #e1be47; }
.footer .right ul li.ewm dl { display: flex; padding-top: 60px; }
.footer .right ul li.ewm dl dd { flex: 1; text-align: center; }
.footer .right ul li.ewm dl dd p { font-size: 16px; line-height: 2; }

.footer .foot_menu .menu ul { display: flex; }
.footer .foot_menu .menu ul li { padding-left: 25px; }
.footer .foot_menu .menu ul li > a { font-size: 16px; margin-bottom: 15px; display: block; }
.footer .foot_menu .menu ul li a:hover { color: #2a8bde; }
.footer .foot_menu .menu ul li dl::before { content: ''; border-bottom: 2px #2b8eb8 solid; margin: 10px 0px; height: 2px; width: 16px; display: block; }
.footer .foot_menu .menu ul li dl { }
.footer .foot_menu .menu ul li dl dd { line-height: 2; }
.copyright ul { display: flex; max-width: 1600px; margin: 0px auto; }
.copyright ul li { flex: 1; padding: 30px 0px 30px 0px; }
.copyright ul li.li1 { text-align: left; line-height: 25px; padding-top: 40px; }
.copyright ul li.li2 { text-align: center; }
.copyright ul li.li3 { text-align: right; line-height: 25px; padding-top: 40px; }



/*news show*/
.nss_tit { text-align: center; font-size: 28px; line-height: 32px; font-weight: bold; color: #000; padding-top: 35px; }
.nss_info { line-height: 30px; padding: 30px 0 11px 0; border-bottom: 1px solid #EEF0F2; overflow: hidden; }
.nss_info .nlt { float: left; font-size: 13px; padding-left: 25px; }
.nss_info .nrt { float: right; }
.nss_info .nrt a { display: block; float: left; width: 40px; height: 30px; margin: 0 10px 0 0; padding: 0; background: url(../images/nss_03.jpg) 0 0 no-repeat; }
.nss_info .nrt .a_1 { background-position: 0px 0px; }
.nss_info .nrt .a_2 { background-position: -50px 0px; }
.nss_info .nrt .a_3 { background-position: -100px 0px; }
.nss_cont { clear: both; padding: 30px 17px 0 17px; line-height: 35px; font-size: 15px; }
.nss_cont img { max-width: 100%; }
.nss_cont video { max-width: 100%; }
.nss_cont iframe { max-width: 100%; }
.nss_cont table { max-width: 100%; }
.nss_xgtit { height: 47px; line-height: 47px; padding-left: 21px; font-size: 16px; font-weight: bold; color: #0d9198; background: #EEF0F2; margin-top: 30px; }
.nss_xglist { overflow: hidden; padding: 15px 35px 0 20px; }
.nss_xglist .ul_1 { float: left; width: 350px; }
.nss_xglist li { height: 40px; line-height: 40px; }
.nss_xglist li b { float: left; width: 15px; color: #B3B3B3; }
.nss_xglist li a { float: left; font-size: 13px; }
.nss_xglist li span { float: right; color: #BFBFBF; font-size: 12px; margin-right: 25px; }
.nss_xglist .ul_2 { float: right; width: 350px; }
.ff_pre { clear: both; padding: 15px 0 0 0; }
.ff_next { clear: both; padding-top: 5px; }


.flickr { margin: 0 auto; text-align: center; margin-top: 0px;display:flex;align-items:center;justify-content:center;}
.flickr { padding: 30px 0px 30px 0px; margin: 0px; text-align: center; font-family: arial; font-size: 14px; }
.flickr a, .flickr span { border: 1px solid #fff; width: 50px; height: 50px; line-height: 50px; color: #b2b2b2; text-decoration: none; display: inline-block; box-sizing: border-box; margin-left: 10px; margin-right: 10px; border-radius: 50px; background: #fff; }
.flickr a:hover { border: #7f7ae2 1px solid; background: #7f7ae2; color: #fff; }
.flickr .current { background: #7f7ae2; border: 1px solid #7f7ae2; color: #fff; }
.flickr span.disabled, .flickr span.hunp { border: 1px solid #817de2; color: #817de2; font-family: simsun; }


.flickr .pagebtn{position:relative;}
.flickr .pagebtn.firstbtn::after{content:"<<";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family: simsun;}
.flickr .pagebtn.lastbtn::after{content:">>";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family: simsun;}
.flickr :last-child { font-family: simsun; }


.h_banner .arrow { -webkit-animation: nudgeMouse 1.6s linear infinite; animation: nudgeMouse 1.6s linear infinite; position: relative; }
.h_banner .arrow span { display: block; width: 23px; height: 40px; background: url(../images/index_05_1.png) 0px 0px no-repeat; background-size: 100% auto; position: relative; cursor: pointer; }
.h_banner .arrow span:before, .mouse_box span:after { content: ""; position: absolute; }
.h_banner .arrow span:before { top: 0; left: 0; width: 23px; height: 40px; background: url(../images/index_05.png) 0px 0px no-repeat; background-size: 100% auto; -webkit-animation: colorSlide 1.6s linear infinite; animation: colorSlide 1.6s linear infinite; }
.h_banner .arrow span:after { top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFF; width: 4px; height: 4px; border-radius: 100%; -webkit-animation: trackBallSlide 1.6s linear infinite; animation: trackBallSlide 1.6s linear infinite; }

@-webkit-keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}