@charset "utf-8";
/* CSS Document */
.box{width: 100%;}
.content_box{width: 1200px; margin: 0 auto;}
/* head */
.head_main_box{width: 100%; height: 80px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: fixed; z-index: 990; top: 0;}
.head_main{display: flex; height: 80px; justify-content:space-between; align-items: center;}
.logo{margin: 0 0 0 0;}
.nav{display: inline-flex;}
.nav li{margin: 0 15px;}
.nav li a{font-size: 16px; color: #000; padding: 0 8px;}
.nav li a:hover{color: #ff4e19;}
.language_box{width: auto; display: flex; align-items: center;}
.top_loginaa{display: inline-block; font-size: 16px; color: #000; margin: 0 20px 0 0;}
.language_main{width: auto; background: #26282b; padding: 6px 15px; border-radius: 60px; display: flex; align-items: center; cursor: pointer; position: relative;}
.language_main:hover{background: #000;}
.language_main i{display: inline-block;}
.language_main span{display: inline-block; font-size: 14px; color: #ccc; margin: 0 10px 0 8px;}
.language_list{display: none; width: 180px; border-radius: 4px; padding: 6px 15px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.15); position: absolute; top: 32px; left: -40px; z-index: 10;}
.language_list a{display: block; width: 100%; font-size: 14px; color: #333; line-height: 20px; border-bottom: 1px solid #f5f8f9; padding: 12px 5px; box-sizing: border-box;}
.language_list a:hover{color: #ff4e19;}

/* banner */
.index_banner{margin: 80px 0 0 0; height: 620px; background: url(../../images/index_bannerbg.jpg) no-repeat top center #dff1f5;}
.index_banner_main{padding: 50px 0 0 0; position: relative;}
.index_banner_main h1{display: block; width: 100%; text-align: center; font-size: 38px; color: #000; padding: 10px 0 0 0;}
.index_banner_main h2{display: block; width: 100%; text-align: center; font-size: 24px; color: #000; font-weight: 400; padding: 25px 0;}
.login_bannerbox{width: 100%; text-align: center;}
.login_btn1{display: inline-block; font-size: 16px; color: #222; background: #b9dd53; border:#222 1px solid; height: 44px; line-height: 44px; padding: 0 30px; border-radius: 60px; margin: 0 10px;}
.login_btn1 i{display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.login_btn1:hover{background: #aed248; color: #222;}
.login_btn2{display: inline-block; font-size: 16px; color: #222; background: #fff; border:#222 1px solid; height: 44px; line-height: 44px; padding: 0 30px; border-radius: 60px; margin: 0 10px;}
.login_btn2 i{display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.login_btn2:hover{background: #aed248; color: #222;}

.index_banner_pic{width: 662px; margin: 45px auto 0 auto;}
.index_banner_pic img{margin: 0 auto;}
/* peoplesay */
.peoplesay_box{width: 1200px; padding: 20px 50px; background: #fff; border-radius: 10px; display: flex; box-sizing: border-box;}

#peoplesay_tx {padding: 34px 0 0 0;}
#peoplesay_tx li {display: inline-block; margin: 0 20px 0 0;  width: 60px; height: 60px; border-radius: 50%; border-radius: 50%; cursor: pointer; transition: all .7s ease 0s;}
#peoplesay_tx li:hover {background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#peoplesay_tx li.current {background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
#peoplesay_tx li i{display: inline-block; width: 60px; height: 60px; border-radius: 50%;}
#peoplesay_tx li i img{border-radius: 50%;}

#peoplesayshow {width: 750px; padding: 10px 0 0 20px;}
#peoplesay_main {display: flex; width: 100%;}
#peoplesay_main li {width: 100%; display:none; float: left;}
.people_yinhao{float: left; width: 20px; padding:5px 0 0 0; }
.peoplesay_zi{float: left; width: 710px; padding: 0 0 0 20px;}
.peoplesay_zi span{display: inline-block; width: 100%; font-size: 18px; color: #222; line-height: 30px;}
.peoplesay_zi small{display: inline-block; width: 100%; font-size: 14px; color: #666; padding: 15px 0 0 0;}
.peoplesay_zi small i{display: inline-block; vertical-align: bottom;}
.peoplesay_zi small em{display: inline-block; font-size: 16px; font-weight: bold; margin: 0 3px 0 5px;}

.peoplesay_img{display: block; padding: 0 15px;}


/* work */
.dr_biao{background: #def4da; padding: 8px 15px; font-size: 14px; color: #222; border-radius: 60px;}

.work_bg{background: #fcfcfc; padding: 120px 0 30px 0;}
.work_title{width: 100%; text-align: center; margin-bottom: 30px; padding: 10px 0 0 0; background: url(../../images/work_topbg.jpg) no-repeat;}
.work_title h2{display: block; width: 100%; font-size: 40px; color: #222; padding: 20px 0;}
.work_title h3{display: block; width: 100%; font-size: 16px; color: #222; font-weight: 400;}
.work_main{width: 100%; display: flex; justify-content: space-between; background: url(../../images/work_bg.jpg) no-repeat 0 35px; }
.work_list{width: 260px; padding: 35px 10px 20px 10px; text-align: center;}

.work_list i{display: inline-block; width: 90px; margin: 0 auto;}
.work_list span{display: inline-block; width: 100%; font-size: 23px; color: #222; padding: 30px 0 15px 0;}
.work_list small{display: inline-block; width: 100%; font-size: 16px; color: #666; line-height: 1.5;}

/* choose */
.choose_box{position: relative;}
.choose_p1{position: absolute; top: 50px; left: -80px; z-index: 2;}
.choose_p2{position: absolute; top: 100px; left: 500px; z-index: 2;}
.choose_p3{position: absolute; top: 80px; right: -150px; z-index: 1;}
.choose_p4{position: absolute; top: 520px; right: 650px; z-index: 1;}
.choose_mian{width: 700px; padding: 90px 0 0 0;}
.choose_mian h2{display: block; width: 100%; font-size: 30px; color: #222; padding: 25px 0 5px 0;}
.choose_title_line{display: inline-block; width: 40px; height: 4px; background: #333; border-radius: 10px;}
.choose_listzi{display: block; width: 100%;}
.choose_listzi li{display: block; width: 100%; margin: 20px 0 0 0;}
.choose_listzi li span{display: block; width: 100%; font-size: 20px; color: #222;}
.choose_listzi li small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.5; padding: 8px 0 0 0;}
.choose_listzi li a{margin: 10px 0;}

/* work_home */
.work_home_main{display: flex; flex-wrap:wrap; justify-content: space-between; padding: 80px 0 0 0;}
.work_home_list{width: 560px; display: flex; margin-bottom: 50px;}
.work_home_list i{display: inline-block; margin: 0 20px 0 0;}
.work_home_zi{padding: 5px 0 0 0;}
.work_home_zi span{display: block; width: 100%; font-size: 26px; color: #222; line-height: 1.2;}
.work_home_zi small{display: block; width: 100%; font-size: 14px; color: #666; line-height: 1.5; padding: 5px 0 15px 0;}
.work_home_zi a{display: inline-block; background: url(../../images/jiantou.png) no-repeat right 8px; font-size: 14px; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid;}

/* foot_login */
.foot_login_box{margin: 10px 0 0 0; height: 210px; background: url(../../images/foot_login.jpg) no-repeat top center #dff1f5;}
.foot_login_main{padding: 50px 0 0 0; display: flex;}
.foot_login_zi{font-size: 18px; color: #222; line-height: 1.5;}
.foot_login_zi em{display: block; width: 100%; font-size: 36px; color: #222; font-weight: 400; padding: 0 0 0 0;}
.foot_login_main a{width: 150px; text-align: center; margin: 15px 0 0 70px;}

/* foot */
.foot_box{background: #fff; border-top: 1px solid #f2f2f2; margin-top: 30px;}
.foot_main{display: flex; justify-content: space-between; padding: 50px 0 0 0;}
.foot_logobox{width: 680px;}
.foot_logobox i{display: block; width: 100%; padding: 0 0 20px 0;}
.foot_logobox span{display: inline-block; width:550px; font-size: 14px; color: #222; line-height: 1.7;}
.foot_logobox small{display: inline-block; width: 100%; padding: 15px 0 0 0;}
.foot_nav{}
.foot_nav span{display: block; width: 100%; font-size: 24px; color: #222; padding: 0 0 20px 0;}
.foot_nav a{display: block; width: 100%; font-size: 16px; color: #333; padding: 8px 0;}
.foot_main_zi{text-align: center; font-size: 14px; color: #222; padding: 25px 0; border-top:2px solid #f7f7f7; margin: 40px auto 0 auto;}

/* offer */
.offer_banner_main{padding: 140px 0 0 0;}
.offer_banner_main h1{display: block; width: 100%; text-align: center; font-size: 36px; color: #000;}
.offer_banner_main h2{display: block; width: 100%; text-align: center; font-size: 18px; color: #000; font-weight: 400; padding: 25px 0 40px 0;}
.offer_bannerbtn{width: 100%; text-align: center; padding: 0 0 50px 0;}

.offer_box{background: #fff; border-radius: 4px; padding: 25px 30px; box-sizing: border-box;}
.offer_main{width: 100%;}
.offer_main h2{display: block; width: 100%; font-size: 24px; color: #222; font-weight: 500;}

.survey_data{display: flex; width: 100%; justify-content: space-between; padding: 20px 0 30px 0;}
.survey_data li{width: 220px; border: 1px solid #ececf4; border-radius: 4px; background: #fff; padding: 20px;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);}
.survey_data li span{display: block; width: 100%; font-size: 28px; color: #333;}
.survey_data li span em{display: inline-block; font-size: 18px; padding: 0 0 0 5px;}
.survey_data li small{display: block; width: 100%; font-size: 14px; color: #555; padding: 10px 0 0 0;}

.survey_list{width:1140px; border-bottom:#eceef4 1px dashed; display: flex; justify-content: space-between;}
.survey_list dl{width:700px; padding:25px 0; display: flex; justify-content: flex-start;}
.survey_list dt{padding-right:20px; width:100px; height:100px; position: relative;}
.survey_list dt img{width: 100%; height: 100%;     object-fit: cover; border-radius: 4px;}
.survey_list dd{display:block; width:515px; padding:5px 0 0 0;}
.survey_list_title{width:100%; font-size:18px; color:#333; padding: 0 0 5px 0;}
.survey_list_nr{width:100%;}
.survey_list_nr p{display: inline-block; font-size:12px; color:#666; border:#e7e7e7 1px solid; padding:7px 10px 7px 30px; margin-right:6px; margin-top:8px; background-size: 16px;}
.survey_time{background:url(../../images/survey_time.svg) no-repeat; background-position: top 4px left 8px;}
.survey_shichang{background:url(../../images/survey_shichang.svg) no-repeat; background-position: top 5px left 8px;}
.survey_sb_pc{background:url(../../images/survey_sb_pc.svg) no-repeat; background-position: top 5px left 8px;}
.survey_sb_phone{background:url(../../images/survey_sb_phone.svg) no-repeat; background-position: top 6px left 8px;}
.survey_sb_pcphone{background:url(../../images/survey_sb_pcphone.svg) no-repeat; background-position: top 4px left 8px;}
.survey_dw{background:url(../../images/survey_dw.svg) no-repeat; background-position: top 4px left 8px;}
.survey_list_jd{width:100%; padding:10px 0 0 0;}
.survey_list_jd span{display: inline-block; font-size:12px; color:#666; padding:0 0 0 10px;}

.survey_jf{padding:45px 0 0 0;}
.survey_jf span{font-size:28px; color:#ff6458; font-weight:bold;}
.survey_jf small{font-size:14px; color:#ff6458; padding-left:5px;}
.survey_btn{height: 38px; line-height: 38px; padding:0 40px; margin: 37px 10px 0 0; font-size:14px; background:#ff6161; background:linear-gradient(to right, #f77c7c, #ff6161); color:#fff;}
.survey_btn:hover{background:#ea5b5b; color:#fff;}

/* wallet */
.wallet_banner_box{background: url(../../images/vote_bannerbg.jpg) no-repeat center 80px #e0f1f5; height: 300px; padding: 80px 0 0 0;}
.wallet_banner_main{display: flex; justify-content: space-between;  padding: 25px 0 0 0;     align-items: center;}
.wallet_banner_zi{width: 650px;}
.wallet_banner_zi h1{display: block; width: 100%;font-size: 36px; color: #000; padding: 0 0 0 0;}
.wallet_banner_zi h2{display: block; width: 100%; font-size: 17px; color: #000; font-weight: 400; padding: 15px 0 25px 0; line-height: 1.5;}
.wallet_banner_btn{margin: 0;}
.wallet_banner_img{padding: 15px 30px 0 0;}
.vote_banner_img{padding: 5px 10px 0 0;}

.wallet_main_box{padding: 60px 0 30px 0;}
.wallet_nr{width: 100%; display: flex; justify-content: flex-start; align-items:center;}
.wallet_nr i{display: inline-block; width: 400px;}
.wallet_szi{display: inline-block;}
.wallet_szi span{display: inline-block; border-radius: 60px; font-size: 18px; color: #222; margin-bottom: 15px; background: #def4da; padding: 8px 15px;}
.wallet_szi small{display: inline-block; width: 100%; font-size: 18px; color: #222; line-height: 1.7;}
.wallet_szi_padd1{padding: 0 0 0 70px;}
.wallet_szi_padd2{padding: 0 100px 0 0;}
.wallet_szi_padd3{padding: 0 0 0 100px;}

/* vote */
.vote_main_box{padding: 30px 0 30px 0; display: flex; justify-content: space-between;}
.vote_main_box2{padding: 110px 0 30px 0; display: flex; justify-content: space-between;}
.vote_left{width: 800px;}
.vote_right{width: 350px;}
.vote_title{display: block; width: 100%; font-size: 24px; color: #222; font-weight: 500; padding: 0 0 20px 10px; box-sizing: border-box;}
.vote_main{width: 100%; background: #fff; border-radius: 4px; padding: 5px 30px 30px 30px; box-sizing: border-box; border: #fafafa 1px solid;}

.vote_list{width: 100%; padding: 20px 0 20px 0; margin: 10px 0 0 0; box-sizing: border-box; border-bottom:1px solid #f2f2f2;}
.vote_list:hover{cursor: pointer;}
.vlist_t1{width:100%; height:40px; line-height:40px; display: flex;}
.vlist_t1 i{display: inline-block; width: 40px; height: 40px;}
.vlist_t1 i img{width: 100%; height: 100%;     object-fit: cover;}
.vlist_t1 span{display: inline-block; font-size:14px; color:#444; padding:0 0 0 20px; font-weight: bold;}
.vlist_t1 small{display: inline-block; font-size:14px; color:#444; padding: 0 0 0 15px;}
.vlist_t2{width:100%; padding:0 0 8px 60px; box-sizing: border-box;}
.vlist_t2 a{font-size:18px; color:#222; line-height: 1.5;}
.vlist_t2 a:hover{color:#ed4731; text-decoration:underline;}
.vlist_t3{width:100%; padding:0 0 8px 60px; box-sizing: border-box; font-size: 14px; color: #666; line-height: 1.7;}
.vlist_t4{display: block; padding:2px 0 8px 60px; box-sizing: border-box;}
.vlist_t4 li{display: inline-block; padding: 0 20px 0 0;}
.vlist_t4 li i{display: inline-block;}
.vlist_t4 li span{display: inline-block; font-size: 14px; color: #333; vertical-align: top; line-height: 22px;}

.right_rmht{width:100%; padding:30px 0 0 0; display: flex;}
.right_rmht dt{display: inline-block;}
.right_rmht_shuzi{width: 30px; font-size: 18px; color: #444; font-weight: 400; line-height: 40px;}
.right_rmht_tx{width: 40px; height: 40px;}
.right_rmht_tx img{width: 100%; height: 100%;     object-fit: cover;}
.right_rmht dd{display: inline-block; padding: 0 0 0 15px;}
.right_rmht dd span{display:block; width:100%; padding:2px 0 10px 0; font-size: 14px; color:#333; font-weight: bold;}
.right_rmht dd small{display:block; width:100%; font-size: 12px; color:#666; }
.vote_line{width:100%; border-bottom:#eaeaea 1px solid; float:left; margin:10px 0 20px 0;}

.right_rmht_btn{width: 100%; text-align: center; padding: 35px 0 0 0;}
.right_rmht_btn a{margin: 0; font-size: 14px; line-height: 36px; height: 36px;}

.vlist_t5{width:100%; padding:0 0 8px 0; box-sizing: border-box; font-size:20px; color:#222; line-height: 1.5;}
.vlist_t6{width:100%; padding:0 0 8px 0; box-sizing: border-box; font-size: 14px; color: #888; line-height: 1.7;}
.vlist_t7{width:100%; height:30px; line-height:30px; display: flex;}
.vlist_t7 i{display: inline-block; width: 30px; height: 30px;}
.vlist_t7 i img{width: 100%; height: 100%;     object-fit: cover;}
.vlist_t7 span{display: inline-block; font-size:14px; color:#999; padding:0 0 0 10px;}
.vlist_t7 small{display: inline-block; font-size:14px; color:#999; padding: 0 0 0 20px;}

.vote_infobox{width: 100%; padding: 0 0 0 0;}
.vote_info{display: block; width: 100%; padding: 30px 0 0 0;}
.vote_info dt{display: block; width:100%; font-size:18px; color:#333; line-height: 1.5;}
.vote_info dd{display: block; width:100%; padding: 15px 0 10px 0; box-sizing: border-box;}
.votezi{width: 100%; display: flex; justify-content:space-between; padding: 0 0 8px 0;}
.votezi span{font-size: 16px; color: #333; line-height: 1.5; max-width: 615px;}
.votezi small{font-size: 12px; color: #999; line-height: 1.5;}
.optbar{width: 100%; background: #eff2f5; height: 7px; border-radius: 60px;}
.optbar span{display: block; height: 7px; border-radius: 60px;}
.oi_numline1{background: #6dc1ef;}
.oi_numline2{background: #feb150;}
.oi_numline3{background: #29dfd4;}
.oi_numline4{background: #b9d3da;}
.oi_numline5{background: #ff5589;}
.oi_numline6{background: #e899e3;}

.vote_info .vote_joinbox{padding: 15px 0 5px 30px;}
.vote_info .vote_joinbox:hover{background: #f7f7f7;}
.vote_join{width: 100%;}
.vote_join label{display: block; width: 100%; cursor: pointer;}
.vote_join i{display: inline-block; padding: 0 5px 0 0;}
.vote_join span{font-size: 14px; color: #666; line-height: 1.5;}
.vote_join_btn{width: 100%; padding: 35px 0 10px 0; box-sizing: border-box;}
.vote_join_btn a{margin: 0; font-size: 14px; line-height: 36px; height: 36px;}


/* about */
.about_zi_box{width:1000px; margin:0 auto;   padding:40px 0 30px 0;}
.about_zi_box h2{width:1000px; margin:0 auto; text-align:center; font-size:30px; color: #222;}
.about_zi_box small{display: block; width:1000px; text-align:center; font-size:16px; color:#333; line-height:30px;}
.about_zi_box span{display:block; width:40px; background:#ff7f00; height:3px; margin:15px auto 25px auto; border-radius: 60px;}

.about_nr_box{width:1100px; padding:20px 50px; display: flex; }
.about_nr_box i{display: inline-block; width:307px;}
.about_nr{width: 100%;}
.about_nr_box span{display: block; width:100%; font-size:48px; color:#cbcbcb; font-weight:500; font-style:oblique; padding:50px 0 0 0;}
.about_nr_box small{display: block; width:100%; font-size:16px; color:#333; line-height:1.7; padding: 10px 0 0 0;}

.about_foot{width:1059px; text-align:center; padding:30px 0 70px 0; margin: 0 auto;}
.about_foot i{width:1059px; display:block;}
.about_foot span{font-size:24px; color:#333; display:block; text-align:center; width:1059px; padding:50px 0 30px 0;}
.about_foot a{}

/* news */
.news_list{width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #f2f2f2; padding: 30px 0;}
.mew_list_date{display: inline-block; width: 100px; font-size: 18px; color: #333; line-height: 1.5;}
.mew_list_img{display: inline-block; width: 200px; height: 150px; padding: 0 30px 0 0;}
.mew_list_img img{width: 100%; height: 100%;     object-fit: cover; border-radius: 4px;}
.news_list dd{display: flex; width: 850px; flex-wrap: wrap; align-content: space-between; }
.news_list dd:hover{cursor: pointer;}
.news_list_zi{width: 100%;}
.news_list_zi span{width: 100%; font-size: 18px; color: #222; line-height: 1.5; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.news_list_zi small{width: 100%; font-size: 14px; color: #666; line-height: 1.7; margin: 10px 0 10px 0; overflow:hidden; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; display:-webkit-box; display:box;}
.news_list_zi span:hover{color: #000}
.news_list_zi small:hover{color: #000}
.news_list_foot{width: 100%;}
.news_list_foot p{display: inline-block; padding: 4px 35px 0 0;}
.news_list_foot p i{display: inline-block;}
.news_list_foot p em{display: inline-block; font-size: 14px; color: #333; vertical-align: top; line-height: 22px; padding: 0 0 0 5px;}
.news_list_foot a{float: right; background: url(../../images/jiantou.png) no-repeat right 8px; font-size: 14px; color: #666; padding: 5px 30px 8px 5px; border-bottom: #eee 1px solid;}


.newsinfo_box{width: 1100px; padding: 100px 0 0 0;}
.newsinfo_subnav{width: 100%; display: flex;  flex-wrap:wrap; align-items:center; padding: 20px 0 20px 0; line-height: 1.5;}
.newsinfo_subnav a{display: inline-block; font-size: 20px; color: #d14d2f;}
.newsinfo_subnav i{display: inline-block; padding: 0 20px 0 20px;}
.newsinfo_subnav span{display: inline-block; font-size: 14px; color: #666; max-width: 900px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsinfo_content{width: 100%; background: #fff;     border: #fafafa 1px solid; box-sizing: border-box; margin: 10px 0; padding: 30px 50px 30px 50px;}
.newsinfo_content h1{display: block; width: 100%; font-size: 22px; color: #222; line-height: 1.5; font-weight: 400; margin: 0 0 10px 0;}
.newsinfo_nr{width: 100%; font-size: 15px; color: #666; line-height: 1.8; padding: 20px 0 0 0;}

/* page */
.page_box{width: 100%; text-align: center; padding: 30px 0 20px 0; display: flex; justify-content: center;}
.page_box i{display: inline-block; width: 40px; height: 40px; line-height: 38px; background: #efefef; border-radius: 6px; cursor: pointer; margin: 0 4px;}
.page_box i img{display: inline-block;}
.page_box i:hover{background: #e0e0e0; color: #222;}
.page_box span{display: inline-block; width: 40px; height: 40px; line-height: 38px; font-size: 14px; color: #222; text-align: center; background: #efefef; border-radius: 6px; cursor: pointer; margin: 0 4px;}
.page_box span:hover{background: #e0e0e0; color: #222;}
.page_box .page_hover{background: #222; color: #fff;}
.page_box .page_hover:hover{background: #222; color: #fff;}

/*guojia tanchu*/
.tan_content{width:600px; padding:0 0 10px 0;}
.tan_content span{display: block; width: 100%; font-size:22px; color:#333; text-align:center; line-height: 1.6;}
.tan_content small{display: block; width: 100%; font-size:14px; color:#666; line-height: 1.6; text-align:left; padding:5px 0 10px 0; }
.tan_closebox{width:600px; padding:5px 0 20px 0;}
.tan_closebox a{float:right; width: 25px; height: 25px; background: url(../../images/close.png) no-repeat;}
.tan_closebox a:hover{background: url(../../images/close_hover.png) no-repeat;}

.guojia_ul{width:600px; padding:5px 0 0 0; overflow:auto; max-height: 350px; display: flex; flex-wrap: wrap;}
.guojia_ul li{width:181px; padding:8px 5px;  display: flex; align-items: center; cursor:pointer; font-size:12px; color:#666; margin:10px 0 0 0; border:#fff 1px solid;}
.guojia_ul li i{display: inline-block; width:30px; padding:0 12px 0 0;}
.guojia_ul li i img{width: 100%;}
.guojia_ul li em{display: inline-block; font-size:12px; color:#666; text-decoration:none;}

.guojia_ul .guojia_qie,.guojia_ul li:hover{color:#666; text-decoration:underline; background:#fefaef; border:#f6eacf 1px solid; font-weight:bold;}


.guojia_ul::-webkit-scrollbar { /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.guojia_ul::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 10px;
  background: #d1d1d1;
}
.guojia_ul::-webkit-scrollbar-track { /*滚动条里面轨道*/
  background: #ededed;
}

/*help*/
.help_main_box{padding: 30px 0 30px 0; display: flex; justify-content: space-between;}
.help_left{width: 860px; padding: 30px 30px 30px 30px;}
.help_right{width: 300px; padding: 20px 30px 30px 30px;}
.help_right a{display: block; width: 100%; font-size: 16px; color: #333; height: 50px; line-height: 50px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #f2f2f2; background: #fff; padding: 0 0 0 15px; box-sizing: border-box;}
.help_right .help_right_hover,.help_right a:hover{border: 1px solid #e0f1f5; background: #e0f1f5; color: #222;}

.help_box{background: #fff; border-radius: 4px; box-sizing: border-box; border: #fafafa 1px solid;}

.help_leftt_nr{width:100%; padding:0 0 20px 0px;}
.help_title{width:100%; font-size:22px; color:#222; padding:10px 0 10px 0;  }
.help_leftt_nr dl{width:100%; display:block; border-bottom: 1px dashed #EBEBEB;}
.help_leftt_nr dt{display:block; width: 100%; padding: 5px 10px; box-sizing: border-box;}
.help_leftt_nr dt a{display: block; width: 100%; font-size:16px; color:#333; text-decoration:none; padding:15px 0;}
.help_leftt_nr dt a:hover{font-size:16px; color:#d14d2f; text-decoration:none;}
.help_jtdown{float: right; margin: 5px 0 0 0;}
.help_leftt_nr dd{display: block; width: 100%; background:#e8f5f7; padding:15px; position: relative; margin: 0 0 10px 0; border-radius: 4px; box-sizing: border-box;}
.help_leftt_nr dd>p{content: ''; width: 0; height: 0; position: absolute; top: -20px; left: 15px; border-bottom: 10px solid #e8f5f7;
border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.help_leftt_nr dd span{display: block; width: 100%; font-size:14px; color:#555; line-height:24px;}

.service_nr{width: 100%; font-size: 15px; color: #333; line-height: 1.8;}
.service_nr h2{display: block; width: 100%; font-size: 22px; color: #333; font-weight: 500; line-height: 1.5; padding: 0 0 15px 0;}

/*webmap*/
.webmap_list{display: block; width: 100%;}
.webmap_list li{display: inline-block; width: 40%; padding: 15px 0;}
.webmap_list li a{font-size: 18px; color: #222; display: flex; align-items:center; line-height: 1.5;}
.webmap_list li a:hover{ color: #ff4e19; text-decoration: underline;}
.webmap_list li a:before{content: ""; display: inline-block; width: 4px; height: 4px; background: #444; border-radius: 50%; margin-right: 10px;}