*{margin:0;padding:0}
html{overflow-x:hidden}
html,body{width:100%}
.lazy-image{width:100%;height:100%;display:block}
.webtitle{position:relative;width:100%;font-size:14px;background:#000}
.pg{position:relative;max-width:1920px;margin:0 auto}
.first_pg{min-width:1280px;height:950px;position:relative;overflow:hidden;background:url("../images/page5.jpg") center no-repeat;background-size:100% 100%}
.first_pg video{width:1920px;position:absolute;left:50%;transform:translate(-50%,0);top:0}
.page_center{position:absolute;width:100%;height:200px;bottom:40px}
.download_banner{margin:0 auto;width:580px;height:150px;display:flex;justify-content:space-evenly;background:url("../images/down_bg.png") center / cover no-repeat;}
.download_banner .code{width:120px;height:120px;margin-top:15px}
.download_banner .down_btn{width:180px;height:120px}
.download_banner .android{position:absolute;width:180px;height:58px;background:url("../images/btn_and.webp") center no-repeat;background-size:100% 100%;margin-top:15px}
.download_banner .ios{position:absolute;width:180px;height:58px;background:url("../images/btn_ios.webp") center no-repeat;background-size:100% 100%;top:60px;margin-top:15px}
.download_banner .moniqi{width:120px;height:120px;background:url("../images/btn_moniqi.webp") center no-repeat;background-size:100% 100%;margin-top:15px}
.download_banner .new_server{width:120px;height:120px;background:url("../images/btn_qun.png") center no-repeat;background-size:100% 100%;margin-top:15px}
.tit{position:relative;width:420px;height:70px;color:#7e8364;margin:0 auto;top:50px}
.second_pg{min-width:1280px;height:600px;position:relative;background:url('../images/bg_pg02.jpg') no-repeat center}
.second_inner{position:relative;box-sizing:border-box;height:450px;width:1280px;top:50px;margin:0 auto;background:url('../images/news_inner_bg.png') no-repeat center}
.second_left{position:relative;float:left;width:640px;height:370px;left:30px;top:40px}
#swiper1{width:640px;height:370px;border-radius:0.5rem}
.swiper-pagination{position:relative;top:10px}
.swiper-pagination-bullet{width:72px;height:6px;background:#c7c8c9;border-radius:0;margin:5px}
.swiper-pagination-bullet-active{background:#9183d4}
.second_right{position:relative;width:550px;top:40px;right:50px;float:right}
.second_news{position:relative;width:100%;height:320px}
.second_category ul{display:flex;flex-direction:row;font-size:20px;font-weight:300;height:40px;border-bottom:.01rem solid #9c867d}
.second_category_item{list-style:none;color:#473933;font-size:20px;padding:5px 15px 0;text-align:center;margin:0 10px 0 0;cursor:pointer}
.second_category .on{color:#fff;background:url('../images/ind_news_tabh.png') no-repeat center;border-radius:15px}
.second_news_more{display:block;width:40px;height:40px;position:absolute;right:0;top:-10px}
.second_content{margin:15px auto 20px}
.second_content li{list-style:none;margin-bottom:6px}
.second_content a{text-decoration:none;color:#64605d;font-size:15px;font-weight:bold;display:inline-block}
.second_news_category{color:#a9a9a9;padding:0 15px 0 10px;vertical-align:middle}
.second_news_category:after{content:'|';display:inline-block;padding-left:15px}
.second_news_title_wrap{width:360px;display:inline-block;overflow:hidden;vertical-align:middle;line-height:24px;height:24px;white-space:nowrap;text-overflow:ellipsis}
.second_news_title:hover{border-bottom:1px solid #dcc072;color:#dcc072}
.second_news_date{position:absolute;right:0;margin:5px;font-size:14px;display:inline-block;vertical-align:middle}
.second_news_date:after{content:'';width:72px;height:1px;display:block;background:#000000;position:absolute}
.second_banner_gp{position:relative;height:50px;width:550px;bottom:0;display:flex;justify-content:space-between}
.second_banner_item{width:270px;height:100%}
.third_pg{min-width:1280px;height:800px;position:relative;background:url('../images/bg_pg03.jpg') no-repeat center}
.third_inner{width:1440px;margin:0 auto;height:100%;box-sizing:border-box;position:relative}
.third_left{position:absolute;width:100%;height:220px;bottom:180px;z-index:1}
.third_nav{width:300px;height:220px;cursor:pointer;margin-left:435px;display:flex;justify-content:space-between;flex-wrap:wrap}
.third_nav_item{width:100px;height:100px}
.third_nav_role06{background:url("../picture/role/role06_nav.png")}
.third_nav_role06:hover{background:url("../picture/role/role06_nav_on.png")}
.third_nav_role06.third_nav_active{background:url("../picture/role/role06_nav_on.png")}
.third_nav_role05{background:url("../picture/role/role05_nav.png")}
.third_nav_role05:hover{background:url("../picture/role/role05_nav_on.png")}
.third_nav_role05.third_nav_active{background:url("../picture/role/role05_nav_on.png")}
.third_nav_role04{background:url("../picture/role/role04_nav.png")}
.third_nav_role04:hover{background:url("../picture/role/role04_nav_on.png")}
.third_nav_role04.third_nav_active{background:url("../picture/role/role04_nav_on.png")}
.third_nav_role03{background:url("../picture/role/role03_nav.png")}
.third_nav_role03:hover{background:url("../picture/role/role03_nav_on.png")}
.third_nav_role03.third_nav_active{background:url("../picture/role/role03_nav_on.png")}
.third_nav_role02{background:url("../picture/role/role02_nav.png")}
.third_nav_role02:hover{background:url("../picture/role/role02_nav_on.png")}
.third_nav_role02.third_nav_active{background:url("../picture/role/role02_nav_on.png")}
.third_nav_role01{background:url("../picture/role/role01_nav.png")}
.third_nav_role01:hover{background:url("../picture/role/role01_nav_on.png")}
.third_nav_role01.third_nav_active{background:url("../picture/role/role01_nav_on.png")}
.third_mid{position:absolute;width:700px;height:700px;right:20px}
.third_role_bg{width:550px;height:630px;animation:move 72s infinite linear;position:absolute}
@keyframes move{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}.third_role{position:absolute;width:600px;height:720px}
.third_role06 .third_role{background:url("../picture/role/role06.png") center / contain no-repeat}
.third_role05 .third_role{background:url("../picture/role/role05.png") center / contain no-repeat}
.third_role04 .third_role{background:url("../picture/role/role04.png") center / contain no-repeat}
.third_role03 .third_role{background:url("../picture/role/role03.png") center / contain no-repeat}
.third_role02 .third_role{background:url("../picture/role/role02.png") center / contain no-repeat}
.third_role01 .third_role{background:url("../picture/role/role01.png") center / contain no-repeat}
.third_right{position:absolute;left:200px;top:145px}
.act{animation:in 1s}
@keyframes in{from{right:-100px;opacity:0}
to{right:0;opacity:100}
}.third_role_detail{width:260px;height:450px}
.third_role06 .third_role_detail{background:url("../picture/role/role06_info.png") center / contain no-repeat}
.third_role05 .third_role_detail{background:url("../picture/role/role05_info.png") center / contain no-repeat}
.third_role04 .third_role_detail{background:url("../picture/role/role04_info.png") center / contain no-repeat}
.third_role03 .third_role_detail{background:url("../picture/role/role03_info.png") center / contain no-repeat}
.third_role02 .third_role_detail{background:url("../picture/role/role02_info.png") center / contain no-repeat}
.third_role01 .third_role_detail{background:url("../picture/role/role01_info.png") center / contain no-repeat}
.fourth_pg{min-width:1280px;height:750px;position:relative;background:url('../images/bg_pg04.jpg') no-repeat center}
.fourth_inner{width:1280px;height:600px;top:50px;margin:0 auto;position:relative}
.fourth_top{position:relative;top:25px;width:1140px;height:330px;margin:0 auto}
.fourth_top_nav ul{list-style:none;display:flex;flex-direction:row;border-bottom:1px solid #6fa995;width:800px;margin:0 auto;justify-content:space-between}
.fourth_top_nav li{width:150px;height:40px;text-align:center;position:relative;line-height:40px;cursor:pointer;font-size:20px;color:#b5b5b5}
.fourth_top_nav li:after{content:'';width:1px;height:20px;background:#c7c8c9;display:block;position:absolute;right:0;top:10px}
.fourth_top_nav li:last-child:after{display:none}
.fourth_top_nav .on{background:url("../images/guide_nav_on.png");color:#fff}
.fourth_more{width:120px;height:36px;background:url("../images/btn_more.png");background-size:cover;position:absolute;display:block;right:0;top:0}
.fourth_top_content{width:100%;height:250px;padding-top:20px}
.fourth_top_content_column{float:left;padding-right:15px;font-size:16px;box-sizing:border-box}
.fourth_top_content_column a{margin:10px;text-decoration:none;display:flex}
.fourth_top_content_left{width:50px}
.fourth_top_content_right{width:290px;display:inline-block;color:#4b5255;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.fourth_top_title{color:#888888}
.fourth_top_title:hover{border-bottom:1px solid #dcc072;color:#dcc072}
.fourth_top_content_type{color:#5595ae;width:100%;display:inline-block}
.fourth_top_content_type:after{content:'|';padding-left:5px}
.fourth_top_content_date{color:#4b5255;padding-left:2px;font-size:14px;padding-top:5px;position:relative}
.fourth_top_content_date:after{content:'';display:block;position:absolute;width:20px;background:#c7c8c9;height:1px;margin-top:2px}
.fourth_bottom{position:relative;top:30px;width:1140px;margin:0 auto;display:flex;justify-content:space-between}
.fourth_bottom_item{width:370px}
.sixth_pg{min-width:1280px;height:500px;position:relative;background:url('../images/bg_pg05.jpg') no-repeat center}
.sixth_inner{position:relative;top:50px;width:1280px;margin:0 auto;display:flex;justify-content:center}
.sixth_item{width:231px;height:232px;display:block;text-align:center;vertical-align:middle;text-decoration:none}
.sixth_1{margin-right:57px;background:url('../images/video.png')}
.sixth_1:hover{background:url('../images/video-hover.png')}
.sixth_2{margin-right:71px;background:url('../images/wallpaper.png')}
.sixth_2:hover{background:url('../images/wallpaper-hover.png')}
.sixth_3{margin-right:57px;background:url('../images/original.png')}
.sixth_3:hover{background:url('../images/original-hover.png')}
.sixth_4{background:url('../images/act.png')}
.sixth_4:hover{background:url('../images/act-hover.png')}
.seven_pg{min-width:1280px;height:800px;position:relative;background:url('../images/bg_pg06.jpg') center / cover no-repeat}
.seven_inner{position:relative;top:50px;width:1280px;margin:0 auto}
.sidebar{position:fixed;width:180px;height:600px;top:20%;right:0;background:url('../images/sidebar_bg.png');background-size:100%}
.sidebar_cont{margin:170px auto 0;width:135px;height:300px;display:flex;flex-direction:column;justify-content:space-between}
.sidebar_cont p{text-align:center;font-size:14px}
.sidebar .back_top{display:block;width:50px;height:85px;margin:0 auto}