body { font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;color: #353535;
font-size: 14px;padding: 90px 0 0 0;margin: 0;background-color: #f4f4f4}
a {text-decoration: none;}
a { text-decoration: none;}
ul{list-style-type: none;margin: 0;padding: 0;}
input,button,textarea{-webkit-appearance: none;outline: none;border: none;box-sizing: border-box;}
.clamp{white-space: wrap; display: -webkit-box; display: box;display: -moz-box; overflow: hidden; -webkit-box-orient: vertical;
	-moz-box-orient: vertical;word-break: break-all;}
.one_clamp{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.two_clamp{-webkit-line-clamp: 2;-ms-line-clamp: 2;-o-line-clamp: 2;-moz-line-clamp: 2;}
.three_clamp{-webkit-line-clamp: 3;-ms-line-clamp: 3;-o-line-clamp: 3;-moz-line-clamp: 3;}
.four_clamp{-webkit-line-clamp: 4;-ms-line-clamp: 4;-o-line-clamp: 4;-moz-line-clamp: 4;}
.publish_btn{display:none;position: absolute;z-index: 10001;right: 0;background: #346CF3;color: #fff;padding: 5px 20px;border-radius: 5px;top: 10px;}

.avatar{object-fit: cover;}
/* è¿”å›žé¡¶éƒ¨ */
#backtop{position: fixed;right: 50%;bottom: 50px;z-index: 9999999;width: 50px;display: none;cursor:pointer;margin-right: -550px}

/*ç½‘ç«™åœ°å›¾*/
.sitemaplink{padding:15px;}
.sitemaplink li{display: inline-block;color: #333;font-size: 15px}
.sitemaplink a{color: #333;padding-right: 10px}
/*endç½‘ç«™åœ°å›¾*/

.header{position: fixed;width: 100%;top: 0;background: #fff;z-index: 10000;}
.header_top{background-color: #f4f4f4;}
.post_publish{position: absolute;right: 10px;color: #3388ff;font-size: 14px;top: 15px;}
.post_publish img{width: 20px;height: 20px;float: left;margin-right: 10px}
.header_top_container{margin:0 auto;width: 1000px;color: #333;font-size: 14px}
.header_top_item{display: inline-block;padding:10px 10px 10px 0;position: relative;}
.header_top_item a{color: #333}
.header_top_item img{width: 14px;float: right;margin:3px 0 0 5px;}
.user_container{float: right;color: #333;font-size: 14px;display: none;margin-top: 10px;}
.user_container img{width: 30px;height: 30px;border-radius: 50%;float: left;margin:-5px 5px 0 0;}
.login{float: right;color: #333;    margin-top: 10px;}
.header_gb{width: 1000px;margin: 0 auto;position: relative;height: 49px}
.header_logo{height: 33px;margin-top: 8px}
.top_nav{position: absolute;left: 2px;top: 0}
.top_nav_item{border-bottom: 4px solid #fff;border-top: 4px solid #fff;display: inline-block;line-height: 40px;margin-left: 40px;ext-align: center;}
.tab_item:hover{color: #346CF3}
.top_nav_item_on{border-bottom:4px solid #346CF3}
.top_nav_item a{color: #346CF3;font-size: 16px;width: 65px;text-align: center;}


#loading{position: fixed;z-index: 99999;width: 323px; height:233px;left: 50%;top:50%;margin: -116px 0 0 -166px;display: none}

.nav_cell_list{display: none;position: absolute;top: 38px;left:-30px;border:1px solid #eee;z-index: 1000;width: 150px;text-align: center;background-color: #f4f4f4;border:1px solid #eee;}
.nav_cell_list a{color: #333;font-size: 14px;line-height: 40px;display: block;border-bottom: 1px solid #fff}
.nav_cell_list a:last-child{border-bottom: none;}
.top_nav_arrow_off{transform:rotate(180deg);-ms-transform:rotate(180deg); 	-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }

.user_info{display: -webkit-flex;align-items: center;position: relative}
.user_head{width:50px;height:50px;border-radius: 50%;position: absolute;object-fit:cover}
.user_name{-webkit-line-clamp: 1;max-width: 70%}
.user_info_cell{box-sizing: border-box;font-size: 14px;color: #686868;max-width: 60%}
.user_info_cell .nickname{color: #474747;font-size: 14px;}
.user_info_cell .intro{color: #666;font-size: 12px;}

.container{width: 1000px;margin:35px auto;}
.containerDetail{width: 750px;}
.home_intro{position: relative;}
.home_intro img{width: 100%;}
.home_intro a{position: absolute;width: 150px;height: 50px;z-index: 100;bottom: 70px;left: 140px;height: 50px;z-index: 100}
/* ç²¾å“æŽ¨è */
.quality_list{padding-top:30px;padding: 0 0 10px 15px;background-color: #fff}
.quality_container{display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;display: -moz-flex;justify-content: space-between;;background-color: #fff;padding:0 15px 15px 15px}
.quality_cell{width: 318px;border:1px solid #ededed;display: inline-block;}
.quality_cell img{width: 100%;height: 250px;object-fit: cover}
.quality_list_cell{width:233px;margin:10px 10px 0 0;float: left;}
.quality_list_cell img{height: 180px;}
.quality_name{padding:15px;color: #333;font-size: 16px;}
.quality_price{position: relative;padding:0 15px 15px 15px;}
.price1{color: #DC2731;display: inline-block;}
.price1 span{font-size: 12px;}
.price1 font{font-size: 22px;}
.price2{color: #777;font-size: 16px;display: inline-block;}
.sale{position: absolute;right: 10px;color: #474747;font-size: 16px;top:5px;}
.tag_title{position: relative;font-size: 16px;padding:10px 15px;margin-top: 10px;background-color: #fff}
.tag_title span{background: #3388FF;width: 2px;position: absolute;height: 15px;top: 13px;}
.tag_title font{padding-left: 10px;color: #333}
.tag_title a{position: absolute;right: 15px;color: #3388ff}
.tag_title div{position: absolute;right: 15px;color: #333;font-size: 14px;top: 10px;cursor:pointer}
.tag_title div img{width: 15px;height: 15px;margin: 2px 10px 0 0;float: left;}
/* ç²¾å“æŽ¨èend */

/* è¾¾äºº */
.rank_containner{padding:0 15px 10px 15px;background-color: #fff}
.swiper-wrapper{height:146px;}
.swiper-slide{overflow: hidden;width: 1000px;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;display: -moz-flex;justify-content: space-between;}
.rank{width: 145px;text-align: center;border:1px solid #ededed;cursor:pointer;display: inline-block;}
.rank_head{position: relative;margin-top: 15px;line-height: 0;}
.rank_head .rank_user_head{width: 60px;height: 60px;object-fit: cover;border-radius: 50%}
.position{width: 15px;height: 15px;position: absolute;bottom: 0;margin-left: 12px;left:50%;}
.user_name{font-size: 16px;color: #333;padding: 10px 10px 5px 10px}
.income{padding: 0 10px 10px 0;color: #3388ff;font-size: 14px}
.rank-left{width: 20px;position: absolute;right: 45px;cursor:pointer}
.rank-right{width: 20px;position: absolute;right: 15px;cursor:pointer}
/* è¾¾äººend */

.mid_container{padding: 0 15px 10px 15px;background-color: #fff;min-height: 470px}
.mid_left{width: 480px;float: left;}
.map_title{text-align: center;color: #333;font-size: 16px;padding: 15px;}
.near_sight{border:1px solid #ededed;}
#map{height: 320px}
.sight_item_view{position: relative;width: 250px;height: 100px}
.sight_info{padding:5px 0;font-size:14px;color:#686868;margin-right: 90px}
.comment_count{color:#F69625;margin-left:0}
.sight_img{width:80px;position:absolute;right:10px;top:10px}
.sight_img img{width:100%;height:60px;object-fit:cover}
.sightname{font-size: 15px;margin-right: 90px}

/*æŽ¨èæ–‡ç« */
.recommend_img_view{position:relative;line-height:0}
.recommend_img_view img{width:100%;height:400px;object-fit:cover}
.recommend_img_view div{position:absolute;bottom:0;width:100%;padding:0 10px;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;line-height:30px;box-sizing: border-box;}
.recommend_post_intro{font-size:14px;color:#333;padding:10px 0;}
.post_tag{font-size: 16px;color: #333;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px}
.mid_right{margin-left: 550px}
.home_post_item{margin-bottom: 20px;}
.home_post_info{color: #333;font-size: 16px;line-height: 25px;position: relative;}
.home_post_info span{position: absolute;right: 0;top: 0}
.home_post_info div{width: 90%;}

/*æŽ¨èæ–‡ç« end*/

/* é¦–é¡µæ”»ç•¥åˆ—è¡¨ */
.guide_container{padding: 0 0 10px 15px;background-color: #fff;box-sizing: border-box;clear: both;}
.guide_list_cell{float: left;width: 315px;margin:0 10px 10px 0;border:1px solid #eee;height: 366px}
.guide_list_cell img { width: 100%;  height: 250px;  object-fit: cover;}
.guide_name {padding: 15px;color: #333;    font-size: 16px;}
.guide_info {margin:0 15px 15px 15px;color: #333;    font-size: 14px;line-height: 22px}

/* é¦–é¡µæ”»ç•¥åˆ—è¡¨end */

/* é¦–é¡µè§†é¢‘ */
.video_item{width: 234px;margin-right: 12px;display: inline-block}
.video_img_view{position: relative;}
.video_img{width: 100%;height: 150px;object-fit: cover;border-radius: 10px 10px 0 0}
.video_overlay{position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0);transition: .5s;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
.video_overlay_on{background: rgba(255,255,255,.5);}
.video_overlay img{display: none}
.video_overlay_on img{display: block}
.video_name{color: #333;font-size: 16px;line-height: 35px;}
.video_publisher{display: flex;align-items: center;position: relative;}
.video_publisher img{width: 20px;height: 20px;object-fit: cover;margin-right: 10px;border-radius: 50%}
.video_publisher span{color: #333;font-size: 14px;}
.video_publisher font{color: #444;font-size: 13px;position: absolute;right: 0;}

/* é¦–é¡µè§†é¢‘end */

/* é¦–é¡µçƒé—¨è¯„è®º */
.hot_comment_item{float: left;width: 460px;border-bottom: 1px solid #eee;padding:15px 0;margin-right:  30px}
.hot_comment_head{width: 50px;height: 50px;border-radius: 50%;float: left;}
.hot_right{margin-left: 60px}
.comment_publisher{color: #333;font-size: 16px;padding-bottom: 10px}
.hot_comment_info{color: #777;font-size: 14px;}
.hot_comment_info img{width: 12px; position: absolute;margin: 4px;}
/* é¦–é¡µçƒé—¨è¯„è®º */

.product{border:1px solid #e6e6e6;position: relative;width: 270px;height: 270px;text-align: center;background: #fff;overflow: hidden;display: inline-block;}
.qr_icon{position: absolute;top: 0;right: 0;width: 65px;height: 65px;z-index: 1}
.qr_img{position: absolute;top: -100%;right:0;width: 100%;height: 100%;z-index: 100}
.product_logo{margin: 70px 0 30px 0;width: 90px;}
.product_name{color: #666666;font-size: 20px;}
.download_app{color: #858585;font-size: 14px}

.product_view{text-align: center;position: relative;margin-top: 50px}
.ios_app{position: absolute;left: 0}
.mini_app{position: absolute;right: 0}

/*å…¬å¸ä»‹ç»*/
.company_intro_content{background: #fff;padding:50px 0;}
.company_intro{width: 540px;display: inline-block;}
.company_intro_title{text-align: left;}
.home_content_company_intro_line{position: absolute;background: #eff3f6;height: 2px;width: 410px;right: 0;top: 50%}
.company_view{margin-top: 25px}
.company_view p{margin:0;}
.intro_content{width: 307px;color: #666666;font-size: 16px;display: inline-block;line-height: 28px;text-align: justify;}
.intro_img{margin-left: 18px;width: 210px}
.home_content_company_news_line{width: 295px}
.news_view{width: 370px;display: inline-block;position: absolute;right: 0}
.tab_item{display: inline-block;padding: 5px 40px;font-size: 18px;color: #282828;margin-right: 5px;border:1px solid #e3e3e3;cursor: pointer;}
.tab_item_on{color: #346cf3}
.industry_news{display: none;}
.news_view_list{padding-top: 10px}
.news_view_list a{display: block;color: #666;font-size: 16px;line-height: 28px;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap;}
.more{text-align: right;}
.news_view_list a span{float:right}

/*åˆä½œä¼™ä¼´*/
.parner_list{width: 1013px;margin:0 auto;margin-top: 50px}
.parner_list li{display: inline-block;width: 240px;margin:0 0 15px 9px;}
.parner_list img{width: 240px;}

.footer{background: #505163;color: #91949b;clear:both}
.footer_gb{width: 960px;margin:0 auto;padding-top: 50px;position: relative;}
.footer_item{display: inline-block;float: left;min-height: 210px;}
.app_notebook{margin-left: 164px}
.footer_item_title{font-size: 22px;padding-bottom: 10px;}
.footer_item_list a{display: block;font-size: 16px;color: #91949b;line-height: 30px}
.offcial_account_view{text-align: center;position: absolute;right: 0;top: 40px}
.offcial_account_view div{font-size: 20px}
.offcial_account_view img{width: 150px;height: 150px}
.footer_line{background: #64646c;height: 1px;margin-top: 50px;width: 100%;clear: both}
.friend_link{font-size: 16px;color: #91949b;line-height: 30px;margin-top: 30px}
.friend_link a{margin-left: 30px;color: #91949b}
.copyright{text-align: center;font-size: 14px;padding-bottom: 25px;margin-top: 10px}


/*äº§å“é¡µ*/
.product_title{position: relative;font-size: 30px;color:#fff;max-width: 1920px;margin:0 auto; height: 310px;overflow: hidden;}
.product_title img{width: 1920px}
.product_title div{position: absolute;width: 100%;text-align: center;top: 50%;margin-top: -20px}
.product_title font{color: #eee46f}
.product_map{text-align: center;position: relative;padding:80px 0;}
.product_map img{width: 367px;margin-left:30px;margin-left: 540px}
.product_map_left{display: inline-block;width: 500px;text-align: left;position: absolute;top: 50%;margin-top: -65px;left: 50%;
    margin-left: -500px;}
.product_map_title{font-size: 42px;color: #346cf3;}
.product_map_content{font-size: 20px;color: #454a4f;line-height: 32px;margin-top: 10px}

.product_guide{background: #F5F5F5;text-align: center;padding:60px 0;}
.product_guide img{margin-top: 45px;width: 488px}

.product_service_left{width: 660px;}
.product_service{padding:146px 0 0 0;}
.product_service img{width: 278px;margin-left:30px;margin-left: 680px}
.product_service_left{top: 146px;margin-top: 0}
.product_service_content{margin-top: 5px}

.product_data img{width: 359px;margin-top: 70px}

.download_btn_view{text-align: center;padding-top: 60px}
.download_btn{background: #346CF3;border-radius: 10px;color: #fff;font-size: 30px;padding: 10px 50px;display: inline-block;}
/*äº§å“é¡µend*/

.content_main{width: 1000px;margin:0 auto;padding: 36px 0;position: relative;background: #fafafa;}
.left_nav_item{text-align: center;font-size: 22px;color:#999;border-right: 6px solid #fafafa;padding:10px 0;}
/*èµ„è®¯é¡µ*/
.news_content_main{background: #F5F5F5;}
.news_content_left{width: 150px;display: inline-block;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3}
.news_content_right{margin-left: 200px;width: 800px;display: inline-block;}
.news_title{font-size: 26px;color: #346cf3;border-bottom: 1px solid #e3e3e3;padding: 8px 0}
.left_nav{position: absolute;z-index: 100;}
.news_nav_left{border-right: 6px solid #f5f5f5}
.left_nav_item_on{color: #346cf3;border-right: 6px solid #346cf3}
.left_nav_item_line{height: 1px;background: #e3e3e3;}

.news_content_list_item{background: #fff;margin-top: 30px;position: relative;}
.news_img{width: 360px;height: 210px;object-fit: cover;position: absolute;left:0;top: 0}
.news_content_name{display: inline-block;margin:0 35px;padding-left: 360px;height: 210px;width: 370px;overflow: hidden;}
.news_time{display: inline-block;width: 54px;height: 54px;background: #346CF3;color: #fff;font-size: 12px;text-align: center;}
.news_time_day{font-size: 22px;padding-top: 4px}
.news_name{font-size: 22px;color: #404040;padding: 5px 0;border-bottom: 1px solid #e3e3e3}
.news_content_txt{-webkit-line-clamp: 3;-moz-line-clamp: 3;line-clamp: 3;-ms-line-clamp: 3;color: #666;font-size: 16px;line-height: 28px}
.news_page_view{text-align: center;font-size: 16px;clear:both;line-height:60px}
.news_page_view a{padding: 0 10px;}
.news_page_on{color: #346cf3;border:1px solid #346cf3;}
.news_page_off{color: #404040;}

/*å¸®åŠ©*/
.help_list_item{margin-top: 40px}
.help_item_title{color: #346cf3;}
.help_item_title span{border-radius: 50%;background: #346cf3;color: #fff;padding: 1px 7px;font-size: 16px;float: left;margin-top: 3px;}
.help_item_title font{font-weight: bold;font-size: 22px;margin-left:10px;}
.help_item_subtitle{color: #454a4f;font-size: 16px;margin:10px 0 8px 0;line-height: 28px}
.help_item_content{color: #454a4f;font-size: 16px;font-weight: bold;line-height: 28px}
.help_item_content div{margin-top: 5px}
.help_li{padding: 10px;}

/*å…³äºŽæˆ‘ä»¬*/
.about_us_content{width: 352px;font-size: 18px;line-height: 31px;color: #4d4d4d;min-height: 260px;}
.about_img{width: 409px;margin-left: 30px}
.company_cultrue{color: #4d4d4d;font-size: 18px;line-height: 31px;margin-top: 80px}
.cultrue_title{color: #000}

/*æ‹›è˜*/
.employment_title{background: #346cf3;color: #fff;font-size: 22px;padding: 10px 15px;margin-bottom: 20px}

.employment_item{background: #fff;margin-top: 30px}
.duty_title{color: #4d4d4d;font-size: 22px;line-height: 28px;}
.duty{padding:0 20px  30px 20px}
.duty_content{color: #4d4d4d;font-size: 16px;line-height: 28px}

/*è”ç³»æ–¹å¼*/
.contact_item{margin-top:30px;position: relative;padding-bottom: 20px}
.contact_title{font-size: 22px;padding-bottom: 10px}
.mapContent{position: absolute;width: 310px;height: 210px;right: 0;top: 30px}
.contact_view{background: #fafafa}
.contact_left_nav{background: #fafafa}

/*æ–‡ç« è¯¦æƒ…*/
.artile_main{background: #ffffff}
.artile_title{text-align: center;  padding: 0 15px 23px 15px;  font-size: 20px;}
.artile_addtime{text-align: center;color: rgba(0,0,0,.5);padding-bottom: 5px;}
.artile_content{padding: 10px 20px;font-size: 16px}

.copyright a { margin-left: 30px; color: #91949b;  }

/** è¯„è®º **/
.comment_container{margin:30px;color:#333;font-size:20px;text-align:center}
.user_info{display: -webkit-flex;align-items: center;position: relative}
.user_head{width:50px;height:50px;border-radius: 50%;position: absolute;object-fit:cover}
.user_name{-webkit-line-clamp: 1;max-width: 70%}

.user_info_cell .nickname{color: #474747;font-size: 14px;}
.user_info_cell .intro{color: #666;font-size: 12px;}

.comment_view{background: #fff;padding: 10px 0;}
.comment_head img{width:15px;position: absolute;right: 0px;top:-10px}

.comment_head{display: -webkit-flex;-webkit-align-items: center;padding:  12px;position: relative;background: #fff;margin-top: 10px;border-bottom: 1px solid #ededed}
.comment_title{color: #333;font-size: 16px;padding: 10px 15px;margin-bottom: 10px;border-bottom:1px solid #ededed}
.comment_count{color: #bdbdbd;font-size: 13px;margin-left: 5px}
.comment_like{position: absolute;right: 0;top: 0;font-size: 12px;color: #666;display: flex;align-items: center;justify-content: center;padding-right:10px;}
.comment_like img{width: 15px;height: 15px;padding: 10px}
.comment_item{padding: 0 0 12px 12px;position: relative;}
.comment_user{display: -webkit-flex;-webkit-align-items: center;position: relative;}
.comment_user img{width:45px;height: 45px;border-radius: 50%;float: left;margin-right: 10px;}
.comment_user text{font-size: 14px;color: #383838;}
.comment_user .comment_position{width: 15px;height:15px;left: 30px;bottom: 0;position: absolute;}

.comment_user .comment_time{font-size: 12px;color: #bdbdbd;-webkit-justify-content: -webkit-flex-end;}
.comment_line{background:  #e5e5e5;margin:10px 0 10px 50px;height: 1px}
.re_comment_content{color: #686868;margin:10px 10px 10px 55px;background: #eee;border-radius: 3px;border:1px solid 1px #e5e5e5;padding: 8px 5px}
.more_comment{background: #fff;-webkit-justify-content: flex-end;display: -webkit-flex;color: #686868;font-size: 14px}
.emoji{width:20px;height:20px}
.content_text{display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: center;text-align: justify;margin: 0 10px 10px 55px;font-size:14px;color:#333}

.empty{padding:40px;color: #777;font-size: 14px;text-align: center;}


/* åˆ†äº« */
.share_view{padding: 20px 0;display: flex;align-items: center}
.share_view .share_title{color: #333;font-size: 16px;padding:0 10px}


/*å¼¹æ¡†*/
.alertView{position: fixed;z-index: 99999;left: 0;top:0;background: rgba(0,0,0,.5);display: flex;justify-content: center;align-items: center;width: 100%;height: 100%}
.alert{width: 500px;background: #fff;border-radius: 5px;}
.alertTitle{text-align: center;line-height: 40px;font-size: 1.4rem;color: #333;}
.alertContent{padding-bottom: 15px;color: #333;font-size: 1.6rem;text-align: center;margin:20px 0;}
.alertBtn{text-align: center;font-size: 1.4rem;line-height: 40px;border-top: 1px solid #eee;display: flex;}
.alertBtn div{flex: 1}
.alertCancel{border-right: 1px solid #eee}


/*è¯¦æƒ…æ‰«ç äºŒç»´ç */
.miniCode{text-align: center;color: #333;font-size: 14px;margin:20px 0;}
.miniCode img{width: 100%}