*{margin:0;padding:0}
html{overflow-x:hidden}
html,body{width:100%}
img{width:100%;height:100%;border:none;display:block}
.lazy-image{width:100%;height:100%;display:block}
.wrap {background: url(../images/bg_pg.jpg) no-repeat 50% 0;overflow: hidden}
.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}
.first_pg video{width:1920px;position:absolute;left:50%;transform:translate(-50%,0);top:0}
.page_center{position:absolute;width:100%;height:150px;bottom:220px}
.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;margin-top:15px}
.download_banner .ios{position:absolute;width:180px;height:58px;top:60px;margin-top:15px}
.download_banner .moniqi{width:120px;height:120px;margin-top:15px}
.download_banner .new_server{width:120px;height:120px;margin-top:15px}
.tit{position:relative;width:800px;height:70px;color:#7e8364;margin:0 auto;top:40px}

.second_pg{min-width:1280px;height:500px;position:relative;margin-top:-250px}
.second_inner{position:relative;box-sizing:border-box;height:450px;width:1280px;top:50px;margin:0 auto;background:#fff}
.second_left{position:relative;float:left;width:680px;height:380px;left:10px;top:10px}
#swiper1{width:680px;height:380px;border-radius:5px}
.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:#96c343}
.second_right{position:relative;width:550px;top:30px;right:10px;float:right}
.second_tit{float:left;width:130px;height:40px}
.second_news_more{float:right;display:block;width:40px;height:35px}
.second_news{position:relative;width:100%;height:310px}
.second_news .nav_tit{position:relative;width:100%;height:50px;border-bottom: 1px solid #333333;margin-bottom:20px}
.second_category ul{display:flex;flex-direction:row;justify-content:center;font-size:20px;font-weight:300;height:40px;border-bottom:.01rem solid #e8e8e8}
.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:#96c343;font-weight:600;background:#f4f4f4;}
.second_content{margin:0 auto}
/*.second_content li{list-style:none}*/
.second_content a{text-decoration:none;color:#64605d;font-size:14px;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:#dcdcdc;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") center / cover no-repeat}
.third_inner{width:1440px;margin:0 auto;height:730px;box-sizing:border-box;position:relative}
.third_left{position:absolute;width:100%;height:120px;bottom:0;z-index:1}
.third_nav{width:1000px;height:100px;cursor:pointer;margin:0 auto;display: flex;justify-content:center;flex-wrap:wrap;background:url("../images/third_role_nav_bg.png") center / cover no-repeat}
.third_nav_item{width:100px;height:100px}
.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:820px;height:600px;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:820px;height:600px}
.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:50px}
.act{animation:in 1s}
@keyframes in{from{right:-100px;opacity:0}
to{right:0;opacity:100}
}.third_role_detail{width:600px;height:300px}
.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:600px;position:relative}
.fourth_inner{width:1280px;height:500px;top:30px;margin:0 auto;position:relative;background:url("../images/fourth_inner_bg.png") center / contain no-repeat}
.fourth_top{position:relative;top:50px;width:1280px;height:230px;margin:0 auto}
.fourth_top_nav{width:1280px}
.fourth_top_nav ul{list-style:none;width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:flex-start;}
.fourth_top 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:#fff;color:#96c343}
.fourth_more{width:40px;height:35px;position:absolute;display:block;right:40px;top:5px}
.fourth_top .bd{width:1200px;margin: 0 auto}
.fourth_top_content{width:100%;height:100%;margin-top:20px;display: flex;justify-content: space-between;}
.fourth_top_content_column{margin-right:15px;box-sizing:border-box}
.fourth_top_content_column a{margin:10px;text-decoration:none;display:flex;font-size:14px;font-weight:400;}
.fourth_top_content_left{width:50px}
.fourth_top_content_right{width:320px;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:1200px;margin:0 auto;display:flex;justify-content:space-between}
.fourth_bottom_item{width:370px}

.sixth_pg{min-width:1280px;height:500px;position:relative}
.sixth_inner{position:relative;width:1280px;margin:0 auto;height:360px;top:60px}
.sixth_leftnav{float:left;width:630px;height:360px;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row}
.sixth_item{width:310px;height:172px;text-align:center;vertical-align:middle;text-decoration:none}
.sixth_rightnews{float:right;height:360px;width:630px}
.sixth_news{position:relative;height:100%;width:100%}
.sixth_category ul{display:flex;flex-direction:row;font-size:20px;font-weight:300;height:40px;border-bottom:.01rem solid #9c867d}
.sixth_category_item{list-style:none;color:#473933;font-size:20px;padding:5px 15px 0;text-align:center;margin:0 10px 0 0;cursor:pointer}
.sixth_category .on{color:#fff;background:url('../images/ind_news_tabh.png') no-repeat center;border-radius:15px}
.sixth_news_more{display:block;width:40px;height:40px;position:absolute;right:0;top:-10px}
.sixth_content{margin:15px auto 20px}
.sixth_content li{list-style:none;margin-bottom:6px}
.sixth_content a{text-decoration:none;color:#64605d;font-size:15px;font-weight:bold;display:inline-block}
.sixth_news_category{color:#a9a9a9;padding:0 15px 0 10px;vertical-align:middle}
.sixth_news_category:after{content:'|';display:inline-block;padding-left:15px}
.sixth_news_title_wrap{width:450px;display:inline-block;overflow:hidden;vertical-align:middle;line-height:24px;height:24px;white-space:nowrap;text-overflow:ellipsis}
.sixth_news_title:hover{border-bottom:1px solid #dcc072;color:#dcc072}
.sixth_news_date{position:absolute;right:0;margin:5px;font-size:14px;display:inline-block;vertical-align:middle}
.sixth_news_date:after{content:'';width:72px;height:1px;display:block;background:#000000;position:absolute}

.seven_pg{min-width:1280px;height:700px;position:relative}
.seven_inner{position:relative;top:50px;width:1280px;margin:0 auto}
.sidebar_right{position:fixed;width:180px;height:600px;top:20%;right:0;background:url('../images/sidebar_bg.png');background-size:100%}
.sidebar_right_cont{margin:170px auto 0;width:135px;height:300px;display:flex;flex-direction:column;justify-content:space-between}
.sidebar_right_cont p{text-align:center;font-size:14px}
.sidebar_right .back_top{display:block;width:50px;height:85px;margin:0 auto}
.sidebar_left{position:fixed;width:370px;height:170px;bottom:20px;left:0;background:url('../images/sidebar_left_bg.png');background-size:100%}
.sidebar_left_cont{position:absolute;top:56px;left:80px;width:200px;height:100px;margin:0 auto;display: flex;flex-direction:column;justify-content:center;}
.sidebar_left .qfmc{font-size:24px;color:#fff}
.sidebar_left .kqxx{font-size:16px;color:#fff}