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

header{width:100%;height:auto;position:relative;}

.header_top{width:100%;line-height:35px;height:35px;background:#F2F2F2;font-size:13px;}

.header_left>ul{display: flex;justify-content: left;flex-flow: row wrap;}
.header_left>ul>li{margin-right:15px;display: flex;justify-content: flex-start;align-items: center;position: relative;}
.header_left>ul>li b{display: inline-block;height:24px;margin-right: 10px;width:24px;overflow: hidden;border-radius:50%;}
.header_left>ul>li b img{height: 100%;width: 100%;object-fit: cover;}
.header_left>ul>li span{font-size: 12px;color: #000000;}
.header_left>ul>li i{margin:0 5px;font-size: 18px;color: #000000;}
.header_left>ul>li ul{position: absolute;padding:10px 0px;background: #fff;top:35px;z-index: 10;min-width: 120px;box-shadow: 0px 4px 12px 5px rgba(1,23,23,0.12);box-sizing: border-box;display: none;}
.header_left>ul>li:hover ul{display: block;}
.header_left>ul>li ul li{padding:0px 20px;line-height: 35px;cursor: pointer;}
.header_left>ul>li ul li i{margin: 0 8px 0 0;font-size: 14px;}
.header_left>ul>li ul li:hover{color: #109995;background: #F5F5F5;}

.header_right{display: flex;justify-content: left;flex-flow: row wrap;}
.header_right ul{display: flex;justify-content: left;flex-flow: row wrap;}
.header_right ul li{margin:0 15px;position: relative;}
.header_right ul li a{display: flex;justify-content: left;flex-flow: row wrap;}
.header_right ul li a i{margin:0px 7px;font-size: 13px;line-height: 35px;}
.header_right ul li span{position: absolute;display: none;top:2px;right: -12px;z-index: 11;color:red;height: 20px;line-height: 20px;font-size: 17px;}
.header_right ul li em{position: absolute;top:5px;left: 17px;z-index: 11;background:red;height:8px;width: 8px;border-radius: 50%;}
.header_r_phone{padding-left:30px;display: flex;justify-content: left;flex-flow: row wrap;}
.header_r_phone i{display:flex;justify-content: center;align-items: center;margin:0 10px;}
.header_r_phone span{font-size:20px;font-weight:bold;}

.header_main{background: #fff;}

.header_c{height:85px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;position: relative;}
.main_logo{height: 50px;}

.main_info{height: 100%;display: flex;justify-content: right;align-items: center;flex-flow: row wrap;}
.main_nav{height: 100%;padding:0 15px;}
.main_nav ul{height: 100%;display: flex;justify-content:space-around;align-items: center;flex-flow: row wrap;font-weight:bold;font-size:16px;}
.main_nav ul li{height:100%;margin:0 25px;line-height:85px;}
.main_nav ul li.onlinne{position: relative;}
.main_nav ul li a{transition: all 0.2s linear;}
.main_nav ul li a i{padding:0 5px;}

.nav_cont{width:100%;background: #fff;position: absolute;top:85px;right:0;z-index: 3;display: none;}
.nav_box{width:100%;display:flex;justify-content: flex-start;align-items: stretch;flex-flow: row nowrap;}
.nBox_left{width:230px;background: #EFEFEF;padding:20px 0;}
.nBox_l_top{margin:15px 0px;text-align: left;}
.nBox_l_cont{padding:0px 40px;line-height: 38px;}
.nBox_l_cont p{font-size: 22px;color: #2E3231;}
.nBox_l_cont p i{padding:0 10px;font-size: 18px;line-height: 38px;}
.nBox_l_soso{margin:10px 0px;text-align: left;position: relative;}
.nBox_key{background: #EFEFEF;border: none;border-bottom:#CFCFCF solid 1px;line-height: 38px;font-size: 14px;width: 100%;box-sizing:border-bor;padding:0 5px;}
.nBox_l_soso i{display: inline-block;position: absolute;right: 15px;top:0;width:38px;height: 38px;}
.nBox_l_list{margin-bottom: 20px;}
.nBox_l_list ul{display: block;}
.nBox_l_list ul li{line-height: 40px;font-size: 15px;font-weight: bold;text-align: left;margin:0px 0px 2px 0px;padding:0 42px;}
.nBox_l_list ul li.action{background: #109995;color: #fff;}
.nBox_l_list ul li i{padding:0 8px;line-height:40px;}

.nBox_right{width:calc(100% - 230px);max-height: 790px;overflow-x: auto;}
.nBox_right .nBox_ul{display: none;text-align: left;line-height: 40px;padding-bottom:80px;}
.nBox_right .nBox_ul:first-child{display: block;}
.nBox_ul_title{padding:0 35px;color: #109995;font-size: 18px;font-weight: bold;line-height: 50px;border-bottom: solid 1px #D5D5D5;margin-top:25px;}

.nBox_ul_list{display: flex;justify-content: center;align-items:stretch;flex-flow:row wrap;width:100%;}
.nBox_ul_list>div{width:20%;}
.nBox_sorts{width:20%;border-right: solid 1px #D5D5D5;border-bottom: solid 1px #D5D5D5;box-sizing: border-box;padding:15px 35px;line-height:30px;}
.nBox_sorts p{font-weight:bold;font-size: 15px;color: #2E3231;line-height: 40px;}
.nBox_sorts p img{height:70px;transition: all 0.3s linear;}
.nBox_sorts p:hover img{transform: scale(1.1);}
.nBox_sorts ul{display: block;width: 100%;}
.nBox_sorts ul li{font-size: 12px;color: #606262;line-height:28px;height:28px;margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.nBox_sorts ul li a{color: #606262;transition: none;}
.nBox_sorts ul li a:hover{color: #109995;}
.nBox_sorts ul li:hover{padding-left:2px;}

.nav_cont2{background: #fff;position: absolute;top:85px;left:-30px;z-index: 2;display: none;}
.nav_box2{display:flex;justify-content: flex-start;align-items: stretch;flex-flow: row nowrap;}
.nav_box2 ul{width: auto;padding:0 0 5px;display: block;}
.nav_box2 ul li{line-height: 40px;margin:0 0 1px 0;white-space:nowrap;font-size: 15px;text-align: left;transition: all 0.2s linear;}
.nav_box2 ul li a{display:inline-block;padding:0 30px;color:#3D4241;width: auto;min-width: 80px;}
.nav_box2 ul li:hover{background:#f3f6f6;}
.nav_box2 ul li:hover a{color: #0BA29A;}

.main_search{position: relative;}
.search_key{width:160px;height:35px;line-height:35px;padding:0 40px 0px 10px;border:#D1D1D1 solid 1px;}
.main_search i{position: absolute;display: flex;height: 35px;width: 35px;justify-content: center;align-items: center;right: 2px;top:2px;}
.search_soso{width: 35px;height: 35px;position: absolute;right:2px;top:2px;opacity: 0;}

.search_box{position: absolute;top:-1px;right: 0;width:80%;background: #fff;box-shadow: 0px 13px 14px 4px rgba(38,87,75,0.1);z-index:3;display: none;}
.search_box_form{margin:25px 25px 0px;box-sizing: border-box;position: relative;}
.soso_keywords{width:100%;height:38px;line-height:38px;padding:0 40px 0px 15px;border:#0BA29A solid 1px;box-sizing: border-box;outline: #0BA29A;}
.icon_soso{position: absolute;display: flex;height: 38px;width: 38px;justify-content: center;align-items: center;right: 2px;top:0px;}
.icon_close{position: absolute;display: flex;height: 38px;width: 38px;justify-content: center;align-items: center;right: 2px;top:0px;}
.soso_search{width:38px;height:38px;position:absolute;right:2px;top:0px;opacity: 0;}
.icon_soso:hover,.icon_close:hover{color:#0BA29A;}
.search_box_info{margin:5px 25px 25px;box-sizing: border-box;text-align: left;}
.search_box_info p{display: flex;justify-content:flex-start;align-items: flex-start;flex-flow: row wrap;}
.search_box_info p b{font-size:15px;color:#2E3231;line-height:45px;}
.search_box_info p a{margin-bottom: 5px;}
.search_box_info p span{display: inline-block;line-height: 25px;padding:0 10px;font-size: 12px;color: #2E3231;border: #D1D1D1 solid 1px;margin-right: 15px;}
.search_box_info p span:hover{color: #109995;border: #109995 solid 1px;}



.floatbox{display: none;}
/**
.floatbox{position:fixed;right:5px;width:230px;display: flex;justify-content: space-between;align-items: center;z-index: 9;transition: all 0.3s linear;top:50%;transform:translateY(-50%);}
.floatbox2{right:-200px;}
.floatbox_left{width:30px;margin-right:10px;text-align: center;}
.floatbox_left i{width: 100%;font-size: 30px;color:#109995;}
.floatbox_right{width:190px;background: #fff;border-radius: 6px;border: 1px solid #109995;}
.floatbox_right_top{background: #109995;}
.floatbox_right_top p{display: flex;align-items: center;justify-content: flex-start;padding:7px 15px;}
.floatbox_right_top p i{height: 36px;padding-right:8px;}
.floatbox_right_top p i img{height: 100%;}
.floatbox_right_top p span{font-size: 19px;color: #fff;line-height: 36px;}
.floatbox_right_cont{padding:15px;text-align: center;}

.floatbox_right_cont p{display: flex;align-items: center;justify-content: flex-start;padding:5px 0;}
.floatbox_right_cont p>i{height: 28px;padding-right:8px;}
.floatbox_right_cont p>i img{height: 100%;}
.floatbox_right_cont p>span{font-size: 19px;color: #109995;line-height: 28px;}
.floatbox_right_cont p>span.red{color:#A9071A;font-size: 19px;font-weight: bold;}
.floatbox_right_cont p a{width: 100%;margin:5px 0;border: 1px solid #D1D1D1;line-height: 35px;border-radius: 20px;display: flex;justify-content: flex-start;align-items: center;}
.floatbox_right_cont p a i{display: inline-block;width: 20px;margin:0 5px 0 20px;}
.floatbox_right_cont p a i img{width: 100%;float: left;}
.floatbox_right_cont p a i span{font-size: 14px;}
.floatbox_right_cont p a:hover{border: 1px solid #109995;}
.floatbox_right_cont p{font-size: 12px;color: #109995;}
.floatbox_right_cont p>img{width:100%;}

.toTop{position:fixed;right:25px;bottom:50px;z-index: 9;width: 55px;height: 55px;display:none;}
.toTop p{background: #109995;color: #fff;cursor:pointer;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.toTop p i,.toTop p span{font-size: 32px;line-height: 55px;}
**/
.floatlist{position:fixed;right:5px;width:55px;z-index: 9;transition:all 0.3s linear;top:50%;transform:translateY(-50%);z-index: 9;}
.floatlist ul{width: 100%;}
.floatlist ul li{margin-bottom:20px;width:55px;height:55px;position:relative;}
.floatlist ul li p{width:100%;height:100%;background: #fff;overflow:hidden;border-radius: 50%;display: flex;justify-content: center;align-items: center;position:relative;box-shadow:0 0 15px rgba(0,0,0,0.1);}
.floatlist ul li p img{width:100%;float:left;}
.floatlist ul li p i{font-size: 26px;}
.floatlist ul li p a{position: absolute;display:flex;right: 0;bottom: 0;width: 100%;height: 100%;background: #109995;color:#fff;line-height: 18px;justify-content: center;align-items: center;font-size: 15px;letter-spacing:2px;transition: all 0.2s linear;transform: scale(0);}
.floatlist ul li:hover p a{transform: scale(1);}
.floatlist ul li:nth-child(2) p i{font-size: 28px;}
.floatlist ul li:last-child p i{font-size: 35px;}
.floatlistCode{position: absolute;right: 70px;top: 0;padding:10px;background: #fff;border:1px solid #e4e7ed;display: none;}
.floatlistCode img{width: 180px;}
.floatlist ul li:hover .floatlistCode{display:block;}

.floatlist ul li span{position: absolute;display: none;top: 2px;right: 0px;z-index: 11;color: red;height: 20px;line-height: 20px;font-size: 17px;}


.swiper{width:100%;}
.swiper-container{width:100%;height:100%;} 
.swiper-slide li{width:100%;height:100%;}
.swiper-slide li img{width:100%;float: left;}
.swiper-pagination-bullet{width:30px;height:3px;border-radius:0;background:#D2D2D2;opacity: .3;}
.swiper-pagination-bullet-active {opacity:1;background:#fff;}

.swiper_prev,.swiper_next{position: absolute;top: 50%;width:45px;height: 80px;margin-top: -40px;z-index: 10;cursor: pointer;font-size: 48px;color:#fff;line-height: 80px;display: none;border-radius: 4px;}
.swiper_prev{left:15px;}
.swiper_next{right:15px;}
.swiper_prev:hover,.swiper_next:hover{background: rgba(0,0,0,0.2);}
.swiper-container:hover .swiper_prev,.swiper-container:hover .swiper_next{display: block;}


.banner{width: 100%;}
.banner_pic{width: 100%;}
.banner_pic img{width: 100%;float: left;}

.mainTop{background:rgba(255,255,255,0.9);position:sticky;top:-20px;z-index:2;}
.mainTop_nav{padding:20px 0;}
.mainTop_nav ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row nowrap;margin:0px;}
.mainTop_nav ul li{flex: 1;margin:0px 10px;padding:0;text-align: center;}
.mainTop_nav_pic{display: flex;justify-content: center;align-items: center;margin:10px 0;}
.mainTop_nav_pic span{display: inline-block;width: 100px;height: 100px;border-radius: 50%;overflow: hidden;background:radial-gradient(circle,#d9efff,#D7F9F3);display: flex;justify-content: center;align-items: center;}
.mainTop_nav_pic span img{width: 100px;transition: all 0.3s;}
.mainTop_nav_line{width:25px;height:2px;background: #2E3231;margin:10px auto;}
.mainTop_nav_title{font-size:16px;color:#2E3231;line-height:40px;transition:all 0.3s linear;}
.mainTop_nav_en{font-size: 14px;color: #666666;line-height: 25px;}
.mainTop_nav ul li:hover .mainTop_nav_pic span img{transform: scale(1.03);}
.mainTop_nav ul li:hover .mainTop_nav_title{color: #109995;}

.mainSo{background:#F5F5F5;padding-top:20px;}
.mainSoso{background: #fff;padding:20px;}
.mainSoso form{position: relative;}
.soso_key{width:100%;height:45px;line-height:45px;padding:0 30px;border:#109995 solid 2px;border-right:#109995 solid 70px;border-radius:6px;box-sizing: border-box;font-size: 18px;}
.mainSoso i{position: absolute;display: flex;height: 45px;width: 70px;justify-content: center;align-items: center;right:0px;top:0px;}
.soso_soso{width: 70px;height: 45px;position: absolute;right:0px;top:0px;opacity: 0;}

.mainUl{background:#F5F5F5;padding:20px 0;}
.mainList{margin-bottom:30px;}
.mainUl .mainList:last-child{margin-bottom: 40px;}

.mainList_top{margin-bottom: 20px;background: #fff;display: flex;justify-content: left;align-items: center;flex-flow:row nowrap;}
.mainList_t_tile{width: 270px;line-height: 65px;display: flex;justify-content:flex-start;align-items: center;padding:0 8px;}
.mainList_t_tile i{display: inline-block;height:30px;padding:0 15px;}
.mainList_t_tile i img{height:100%;float: left;}
.mainList_t_tile strong{display: inline-block;color: #109995;font-size: 25px;}
.mainList_t_li{width: calc(100% - 286px);}
.mainList_t_li ul{width:100%;display: flex;justify-content:flex-start;align-items:flex-start;flex-flow:row nowrap;overflow:hidden;}
.mainList_t_li ul li{margin:4px 40px 0 6px;border-bottom:#fff solid 4px;text-align:center;line-height:57px;font-size:18px;color:#666;cursor: pointer;white-space: nowrap;transition: all 0.3s linear;}
.mainList_t_li ul li.action{border-bottom:#109995 solid 4px;color:#2E3231;color: #109995;}

.mainList_li{display: flex;justify-content:flex-start;align-items:stretch;}
.mainList_li_left{width:270px;margin:0 20px 15px 0;flex: none;}
.mainList_li_left img{width:100%;float: left;}
.mainList_li_right{flex: auto;}
.mainList_li_right ul{display: none;justify-content: space-between;align-items: flex-start;flex-flow:row wrap;}
.mainList_li_right ul:first-child{display:flex;}
.mainList_li_right ul li{width:calc((100% - 36px)/4);margin-bottom: 13px;background: #fff;position: relative;box-sizing: border-box;top:0;transition:all 0.3s linear;}

.mList_li_pic{width: 100%;height:162px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.mList_li_pic img{height: auto;max-height:100%;float: left;transition:all 0.3s linear;}
.mList_li_title{line-height:62px;font-size:16px;color:#2E3231;transition:all 0.3s linear;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 10px;}
.mainList_li_right ul li:hover .mList_li_title{color:#109995;}
.mainList_li_right ul li:hover .mList_li_pic img{transform:scale(1.07);}
.mainList_li_right ul li span{display:inline-block;width: 55px;height: 55px;position:absolute;top:0;right:0;text-align: right;}
.mainList_li_right ul li span img{width:100%;float:right;}
.mainList_li_right ul li span img{width:100%;float:right;}

.mainNews{background:#F5F5F5;padding:0 0 60px;}
.mainNews_c{background: #fff;padding:20px 40px 40px;text-align: left;}
.mainNews_title{font-size: 30px;line-height: 70px;}
.mainNews_main{display: flex;justify-content:space-between;align-items: stretch;}
.mainNews_main_pic{width:400px;overflow: hidden;position: relative;margin:10px 0;}
.mainNews_main_pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.2s linear;}
.mainNews_main_pic p{line-height: 40px;background: rgba(0,0,0,0.5);color:#fff;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 15px;opacity: 0;transition: all 0.2s linear;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainNews_main_pic:hover img{transform: scale(1.02);}
.mainNews_main_pic:hover p{opacity: 1;}
.mainNews_main_list{width: calc(100% - 440px);min-height: 280px;}
.mainNews_main_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row wrap;align-content: space-between;height: 100%;}
.mainNews_main_list ul li{width: 48%;}
.mainNews_main_list ul li p{padding:4px 0;width: 100%;}
.mainNews_main_list ul li p b{font-size: 20px;line-height: 30px;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.mainNews_main_list ul li p span{font-size: 14px;color: #767578;line-height: 22px;}
.mainNews_main_list ul li p strong{font-size: 14px;line-height: 30px;font-weight: normal;color: #666;}
.mainNews_main_list ul li p i{margin-right:10px;font-size: 14px;color: #2E3231;}





/* 优化动画的CSS */
.fly-animation{will-change: transform, opacity;/* 启用硬件加速 */box-shadow: 0 2px 10px rgba(0,0,0,0.2); /* 添加投影提升立体感 */background: #fff;}
/* 初始隐藏克隆元素中的不需要动画的内容 */
.fly-animation span,.fly-animation p{display:none !important;}



.loading-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:1000;}
.spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top-color:#ffffff;border-radius: 50%;animation:spin 1s linear infinite;}

@keyframes spin{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}




.video_box{position: fixed;top:0;left: 0;right:0;bottom:0;background:rgba(0,19,18,0.7);z-index: 10;display: none;justify-content: center;align-items: center;}
.video_boxc{padding:10px;position: relative;height: 100%;box-sizing: border-box;width:100%;}
.video_main{height:100%;width: 100%;}
.video_main video{width:100%;height:100%;object-fit: scale-down;}
.video_title{font-size: 16px;color: #190D0D;line-height: 30px;text-align: left;padding:10px 0;}
.video_close{position: absolute;top:20px;right: 20px;display: inline-block;padding:0 15px;line-height:28px;border-radius: 20px;border: 1px solid #ddd;background: rgba(40,43,45,0.39);font-size: 13px;color: #ddd;transition: all 0.3s linear;cursor:pointer}
.video_close i{padding-right:5px;font-style: normal;font-size: 15px;}
.video_close:hover{border: 1px solid #fff;color: #fff;background: rgba(40,43,45,0.5);}






.pagination{padding:30px 0;width: 100%;}
.pagination ul{display: flex;justify-content: center;align-items: center;flex-flow: row nowrap;}
.pagination ul li{line-height: 36px;width:36px;height: 36px;margin:0 5px;}
.pagination ul li a{display: inline-block;width:100%;height:100%;background:#EEF0F0;border-radius:4px;font-size: 14px;}
.pagination ul li a:hover{background:#109995;color: #fff;}
.pagination ul li span{display: inline-block;width:100%;height:100%;background:#109995;border-radius:4px;font-size: 14px;color: #fff;}
.pagination ul li b{font-weight: initial;}
.pagination ul li a i,.pagination ul li span i,.pagination ul li b i{font-size: 16px;}





.promise{width:100%;background:#DDEFEF;}
.promise img{width:100%;float: left;}
.promise_list{padding:30px 0;}
.promise_list ul{display: flex;justify-content: space-between;align-items: center;}
.promise_list ul li{line-height: 50px;height: 50px;display: flex;justify-content: space-around;align-items: center;}
.promise_list ul li i{display: inline-block;height: 100%;}
.promise_list ul li i img{height: 100%;}
.promise_list ul li span{font-size:18px;color:#01706C;padding:0 20px;}




footer{background:linear-gradient(70deg,#109995 40%,#202727 40%);}
footer.foot2{position: fixed;bottom: 0;left: 0;right: 0;}
.foot_cont{display: flex;justify-content: space-between;align-items:flex-start;padding:40px 0 20px;background:linear-gradient(70deg,#109995 30%,#202727 30.1%);}
.foot_infor{text-align: left;}
.foot_infor p{padding:5px 0;font-size: 15px;color:#fff;line-height:24px;}
.foot_infor p span{font-size: 24px;color: #109995;line-height: 42px;font-weight: bold;}
.foot_infor p.foot_line2{padding-bottom:40px;}
.foot_infor p.foot_line2 img{height:52px;}
.foot_infor p i{margin-right:10px;width:20px;text-align: center;display: inline-block;}
.foot_infor li{padding:25px 0;line-height:35px;}
.foot_infor li a{display: inline-block;margin-right: 10px;background: rgba(255,255,255,0.2);border-radius: 4px;padding:0 30px;color:#fff;}
.foot_infor li a:hover{background: rgba(255,255,255,0.3);}

.foot_list{display: flex;justify-content: flex-end;align-items: self-start;flex-flow: row nowrap;}
.foot_ul{margin-right:50px;}
.foot_ul ul{display: flex;justify-content:space-between;align-items: flex-start;}
.foot_ul ul li{width: 130px;text-align: left;}
.foot_ul ul li p b{line-height: 45px;color: #fff;font-size: 16px;}
.foot_ul ul li p a{color: #fffc;font-size: 14px;line-height: 35px;}
.foot_ul ul li p a:hover{color:#fff;}
.foot_qrcode ul{display: flex;justify-content:center;align-items: flex-start;flex-flow: row wrap;margin-bottom:15px;}
.foot_qrcode ul li{margin-left:30px;cursor: pointer;}
.foot_qrcode ul li p{padding:0;font-size: 14px;color:#fff;}
.foot_qrcode ul li p img{height: 80px;}

.codebox{position: fixed;top:0;bottom: 0;left: 0;right: 0;background: rgba(0,19,18,0.6);z-index: 10;display: flex;justify-content: center;align-items: center;display: none;}
.codeboxc{width: 280px;}
.codeboxc img{width: 100%;}
.codebox_close{position: absolute;top:50px;right: 50px;}
.codebox_close i{display: inline-block;background: rgba(17,17,17,0.3);width: 50px;height: 50px;border-radius: 50%;line-height: 46px;color: #fff;font-size: 48px;font-style: normal;font-weight: 300;cursor: pointer;}
.codebox_close i:hover{background: rgba(17,17,17,0.5);}


.footer_line{width: 100%;padding:10px 0;border-top: 1px rgba(255, 255, 255, 0.1) dashed;}
.footer_linec{text-align: left;}
.footer_linec p{line-height: 24px;font-size: 12px;}
.footer_linec p b{color:#fff;font-weight: normal;}
.footer_linec p span{margin-right:5px;color: #fff;}
.footer_linec p a{color:#fffc;margin-right:10px;}
.footer_linec p a:hover{color:#fff;text-decoration: underline;}
.footer_linec p:first-child a{margin:0 12px;line-height: 30px;}


.pagebox{position: fixed;top:0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.page404{text-align: center;}
.pagebox p{padding:2px 0;line-height:30px;}
.pagebox p img{width: 170px;}
.pagebox p b{font-size: 22px;}
.pagebox p span{color: #808483;}
.pagebox p a{display: inline-block;font-size: 14px;color: #fff;margin:20px 0;padding:0 20px;background:#109995;border-radius: 15px;line-height:30px;position: relative;}
.pagebox p a:hover{background: #0BA29A;box-shadow: 0 0 10px #CFCFCF;}

.nolistbox{width: 100%;height: 100%;min-height: 562px;display: flex;justify-content: center;align-items: center;}
.nolistboxc{text-align: center !important;}
.nolistboxc p{padding:2px 0;line-height:30px;text-align: center !important;}
.nolistboxc p img{width: 170px !important;}
.nolistboxc p b{font-size: 16px !important;line-height:30px !important;}
.nolistboxc p em{font-style: normal;color:orangered;padding: 0 2px;}
.nolistboxc p span{color: #808483 !important;line-height:30px !important;font-size: 14px !important;}
.nolistboxc p a{display: inline-block;font-size: 14px !important;color: #fff !important;margin:20px 5px;padding:0 20px !important;background:#109995 !important;border-radius: 15px !important;line-height:30px !important;position: relative;}
.nolistboxc p a:hover{background: #0BA29A !important;box-shadow: 0 0 10px #CFCFCF;}