@charset "UTF-8";
/*Copyright:成都零点信息技术有限公司 QQ:863230477*/
body{font-family:'Microsoft YaHei','微软雅黑';background:#FFFFFF}

.mr20{margin-right:20px;}
.wrap{margin:0 auto;width:1200px;padding:0 10px;box-sizing:border-box;position:relative;overflow:hidden}
/*头部*/
#header{position:fixed;z-index:50;width:100%;height:80px;overflow:hidden;background:#2B303B;-webkit-transition:all 500ms;transition:all 500ms;}
#header .logo{float:left;margin:5px 30px 0 60px;-webkit-transition:all 500ms;transition:all 500ms;}
#header .slogen{display:inline-block;font-family:Helvetica,Arial;font-style:italic}
#header .nav,#header h1.slogen{line-height:84px;-webkit-transition:all 500ms;transition:all 500ms;}
#header_beta{position:absolute;z-index:99;left:195px;top:10px;line-height:13px;-webkit-transition:all 500ms;transition:all 500ms;}

#header.narrow{height:50px}
#header.narrow .logo{margin-top:5px}
#header.narrow .nav,#header.narrow h1{line-height:54px}
#header.narrow #header_beta{top:0}

.nav{float:right}
.nav li{float:left;width:100px;margin-left:10px;text-align:center;font-size:18px;cursor:pointer;position:relative}
.nav li:not(:first-child):after{content:"";position:absolute;top:50%;left:-5px;margin-top:-8px;width:1px;height:16px;background:#CCCCCC}
.nav li:hover:before,.nav li.hover:before{content:"";position:absolute;left:0;right:0;margin:0 auto;width:70%;max-width:70px;height:4px;background:#FFFFFF}

#go_to_top{position:fixed;z-index:9;left:50%;margin-left:600px;bottom:100px;-webkit-transition:all 500ms;transition:all 500ms;cursor:pointer;opacity:0;display:none}

/*脚部位*/
#footer{background:#ecf0f1;padding:50px 0 30px}
#footer a{color:#747b81;text-decoration:none;position:relative}
#footer a:hover{color:#333}

.hover_pop{position:absolute;z-index:9;left:10px;top:-300px;text-align:center;padding:15px;border:1px solid #FF6600;background:#FFFFFF;display:none}
a:hover .hover_pop,a:active .hover_pop{display:block}


.footer_con li{float:left;width:170px}
.footer_con li h4{padding-bottom:20px;font-size:20px;font-weight:400;}

.footer_links{padding-top:20px;clear:both;overflow:hidden;line-height:20px}
.footer_links li{float:left;margin-right:6px;padding-right:6px;border-right:1px solid #CCCCCC}
.footer_links li:nth-child(6){border:none;}
.footer_links li:last-child{float:right;margin-right:0;padding-right:0;border:none;color:#747b81}


/*合作伙伴*/
#partner_list{padding:30px 10px 30px}
#partner_list a{display:inline-block;margin:0 30px 30px 0;text-decoration:none}
#partner_list a:hover{opacity:0.8}
#partner_list a:active{position:relative;top:2px}
#partner_list a img{width:auto;height:25px;}


/*应用列表*/
.market_ul{min-height:300px;padding:50px 0;overflow:hidden}
.market_ul li{display:inline-block;width:140px;height:110px;margin:10px 3px 5px 10px;border:1px solid #EEE;border-radius:5px;padding:5px;text-align:center;line-height:36px;overflow:hidden;position:relative}
.market_ul li:hover{cursor:pointer;box-shadow:1px 1px 2px #DDD,-1px -1px 2px #EEE}
.market_ul li p{color:#999999;position:relative}

/*应用中心的更多应用*/
.item_more_dl dt{display:inline-block;width:140px;height:110px;margin:10px 3px 5px 10px;text-align:center}
.item_more_dl dt:hover{cursor:pointer;box-shadow:1px 1px 2px #DDD,-1px -1px 2px #EEE}

/*主体分类*/
#sub_bar{position:fixed;z-index:1;left:50%;top:100px;margin-left:-590px;width:200px;text-align:right;border-top:1px solid #f0f0f0;-webkit-transition:all 500ms;transition:all 500ms}

#sub_bar li{padding-right:12px;line-height:45px;font-size:18px;border-bottom:1px solid #F0F0F0;color:#666666;cursor:pointer}
#sub_bar li.current{padding-right:8px;border-right:4px solid #FF6600;color:#FF6600}

#right_content{width:800px;padding:80px 0 100px 240px;min-height:500px;}
#right_content li{margin:30px 0 50px;padding-bottom:30px;border-bottom:1px solid #e4e0e0;overflow:hidden}
#right_content li:last-child{border-bottom:none}

.item_title{font-size:22px;font-weight:normal;color:#000;}
.item_brief{margin:10px 0 5px;font-size:16px;line-height:22px;font-weight:normal;color:#AAAAAA}
.item_txt{font-size:15px;line-height:26px;padding:5px 0 10px}
.item_img{width:500px;height:300px}
.item_case{padding:30px 0 10px;color:#666}
.item_case button{padding:7px 15px 6px;margin-right:15px;border:none;border-radius:3px;font-size:16px;color:#FFF;background:#EE00EE}

/*优秀站点及站长*/
#hero_site li{display:inline-block;width:120px;height:135px;margin:20px 10px 0;padding-top:10px;text-align:center;cursor:pointer;position:relative;overflow:hidden}
#hero_site li img{border:1px solid #CCC;border-radius:3px}
#hero_site li p{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.site_qrc_mask{position:absolute;z-index:9;top:100%;bottom:0;left:0;right:0;padding-top:10px;background:rgba(0,0,0,0.8);-webkit-transition:all 500ms;transition:all 500ms;opacity:0.8}
#hero_site li:hover .site_qrc_mask{top:0}

#hero_team li{display:inline-block;width:320px;height:160px;margin:20px 45px 20px 10px;text-align:left;overflow:hidden}
#hero_team li h3{padding-bottom:5px;font-size:16px;line-height:20px}
#hero_team li p{font-size:14px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.hero_team_txt{float:right;width:180px;}
.hero_team_motto{margin-top:10px;max-height:80px;font-size:13px;line-height:20px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.hero_team_pic{position:absolute;left:0;right:0;bottom:0;height:40px;line-height:40px;background:rgba(0,0,0,0.5);text-align:center;overflow:hidden;opacity:0;-webkit-transition:all 500ms;transition:all 500ms;}
#hero_team li:hover .hero_team_pic{opacity:1}
.hero_team_pic img{margin:0 2px;width:30px;height:30px;cursor:pointer}


/*新闻资讯*/
.page{text-align:center}
.page a{margin:0 5px;border:1px solid #999;text-decoration:none;padding:4px 7px;color:#111;cursor:pointer;user-select:none;vertical-align:middle;word-break:keep-all}
.page a.current{border:1px solid #999;background:#bbb;color:#FFF}
input.page_input{width:50px;padding:5px 2px;vertical-align:middle}
button.page_btn{padding:5px 6px;vertical-align:middle}

.information_box{min-height:700px;padding:100px 0 30px}
.information_left{float:left;width:880px;max-width:880px}
#information_list li{padding:25px 10px;border-bottom:1px dashed #d2d2d2;overflow:hidden}
#information_list li:hover{background:rgba(200,200,200,0.2)}
.information_img{width:250px;height:150px}
.information_brief{float:right;width:580px;}
.information_remark{margin:10px 0;height:75px;line-height:25px;font-size:16px;color:#666;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;-webkit-box-pack:center;word-break:break-all}

#information_recommend{width:250px;min-height:500px;padding:5px 10px;background:rgba(200,200,220,0.3);border-radius:3px}
#information_recommend li{line-height:24px;padding:5px 0}
#information_recommend li:before{content:"■";margin-right:3px;color:#FF6600}

.article_content{margin-top:30px;position:relative;overflow:hidden;font-size:16px}
.article_content img{max-width:100%;height:auto}
.jump_article{width:100%;height:30px;margin-top:100px}
.jump_article p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:48%}
.prev_page{float:left}
.next_page{float:right;text-align:right}

/*零点总部*/
.about_title{padding-bottom:25px;font-size:26px;font-weight:bold}
.about_txt{font-size:16px}
.about_txt p{padding-bottom:8px;text-indent:2em;}
.about_forward{width:480px;height:320px}
.history_list{overflow:hidden;padding-bottom:15px}
.history_list em{float:left;width:110px;font-weight:bold;text-indent:0}
.history_list p{float:left;width:690px;text-indent:0}
/*图片特效*/
#imageFlow{position:relative;width:100%;height:600px;margin-bottom:200px;background:#FFF}
#imageFlow .diapo{position:absolute;left:-1000px;cursor:pointer;-ms-interpolation-mode:nearest-neighbor}
#imageFlow .link{border:1px #666 dotted;margin-left:-1px;margin-bottom:-1px}
#imageFlow .bank{visibility:hidden}
#imageFlow .top{position:absolute;width:100%;height:40%;background:#FFF}
#imageFlow .text{position:absolute;left:0;width:100%;bottom:14%;text-align:center;line-height:18px;color:#333;z-index:49}
#imageFlow .title{font-size:14px;font-weight:bold}
#imageFlow .legend{font-size:12px}
#imageFlow .scrollbar{position:absolute;left:10%;bottom:10%;width:80%;height:16px;z-index:9}
#imageFlow .track{position:absolute;left:1%;width:98%;height:16px;filter:alpha(opacity=30);opacity:0.3}
#imageFlow .arrow_left{position:absolute}
#imageFlow .arrow_right{position:absolute;right:0}
#imageFlow .bar{position:absolute;height:16px;left:25px}

/*零点招聘*/
.partner_title{padding-bottom:25px;font-size:22px;font-weight:bold}
.partner_txt{font-size:16px}
.partner_txt p{padding-bottom:15px}
.partner_ul{border-top:1px dotted #DDD;min-height:300px}
.partner_ul a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 10px;border-bottom:1px dotted #DDD;line-height:50px;text-decoration:none;font-size:14px;color:#CCC;background:url("../../img/arr_right.png") 99% center no-repeat;background-size:auto 25%;}
.partner_ul a:hover{background-color:#F5F5F5}
.partner_ul a h3{display:inline-block;font-size:18px;font-weight:normal;color:#000000}
.partner_ul a em{float:right;margin:0 30px;font-size:18px;color:#FF6600}

/*法律申明*/
.statement_title{padding-bottom:25px;font-size:22px;font-weight:bold}
.statement_txt{font-size:16px}
.statement_txt p{padding-bottom:15px}

/*联系总部*/
.contact_title{padding-bottom:25px;font-size:22px;font-weight:bold}
.contact_txt{font-size:16px}
.contact_txt p{padding-bottom:15px}

/*招募站长*/
#middle_content{padding:100px 50px 100px}
.step_ul{width:100%;padding:30px 0 30px;overflow:hidden}
.step_ul li{float:left;width:19%;margin:0 3%;text-align:center}

/*兼容移动端的适配*/
@media screen and (max-width:1200px){
    .wrap{width:100%}
    #header .slogen{display:none}
    #sub_bar{display:none}
    #right_content{width:96%;max-width:800px;margin:0 auto;padding:80px 2% 100px 2%}
    .item_img{width:450px;height:270px}
    .footer_con li{width:19%}

    .footer_links li:last-child{display:none}
    .information_left{float:none;margin:0 auto;width:96%}
    .information_right{display:none}
    .information_brief{width:65%}
}

@media screen and (max-width:800px){
    #header{height:50px}
    #header .logo,#header_beta{display:none}
    #header .nav,#header h1.slogen{line-height:54px}
    #header.narrow{height:40px}
    #header.narrow .nav,#header.narrow h1{line-height:42px}

    .nav{float:none;display:block;text-align:center}
    .nav li{float:none;display:inline-block;width:18%;min-width:65px;margin-left:3px;font-size:16px}

    #right_content{padding:60px 2% 80px 2%}
    #right_content li{margin:20px 0 30px;padding-bottom:20px}

    .item_img{width:400px;height:240px}

    .footer_con li{width:25%}
    .footer_con li:last-child{display:none}
    .hover_pop{left:50px;top:-300px;padding:5px}

    .footer_links{text-align:center}
    .footer_links li:nth-child(1),.footer_links li:nth-child(2),.footer_links li:last-child{display:none}
    .footer_links li:nth-child(3),.footer_links li:nth-child(4),.footer_links li:nth-child(5),.footer_links li:nth-child(6){float:none;display:inline-block;}
    .footer_links li:nth-child(3){padding-left:17%}
    .footer_links li:nth-child(4){margin-right:0;padding-right:17%;border-right:none}


    #imageFlow{height:400px;margin-bottom:120px}
    .history_list p{width:98%}

    #middle_content{padding:80px 3% 60px}
    .step_ul{padding:20px 0}

    .information_box{padding:60px 0 30px}
    #information_list li{padding:15px 5px}
    .information_img{width:150px;height:90px;margin-top:1%}
    .information_remark{margin:5px 0;height:40px;line-height:20px;font-size:14px;-webkit-line-clamp:2}
    .article_content{margin-top:10px}
    .jump_article{width: 100%;height: auto; margin-top: 60px; }
    .jump_article p{text-overflow:clip;white-space:normal;overflow:visible;width: 100%;margin-bottom: 20px}
    .prev_page{float: none}
    .next_page{float: none;text-align:left}
}

@media screen and (max-width:650px){
    .footer_links li:nth-child(3){padding-left:11%}
    .footer_links li:nth-child(4){margin-right:0;padding-right:11%;border-right:none}
}

@media screen and (max-width:480px){
    .wrap{min-width:360px}
    .nav li{min-width:60px;font-size:14px}
    #right_content{padding:50px 2% 50px 2%}
    .item_img{width:300px;height:180px}
    #footer{padding:30px 0 20px}
    .footer_con li{width:33%;text-align:center}
    .footer_con li:first-child{display:none}

    .footer_links li:nth-child(1),.footer_links li:nth-child(2),.footer_links li:last-child{display:none}
    .footer_links li:nth-child(3),.footer_links li:nth-child(4),.footer_links li:nth-child(5),.footer_links li:nth-child(6){float:none;display:block;margin-right:0;padding:0;border-right:none;text-align:center}

    #imageFlow{height:300px;margin-bottom:100px}
    .about_forward{width:360px;height:240px}
    .about_title{padding-bottom:20px;font-size:22px}

    .step_ul{padding:20px 0}
    .step_ul li{width:44%;margin-bottom:30px}

    #information_list li{padding:10px 3px}
    .information_img{width:150px;height:90px}
    .information_brief{width:99%}

    .partner_title{padding-bottom:15px;font-size:18px}
    .partner_ul a{font-size:12px;line-height:40px}
    .partner_ul a h3{font-size:16px}
    .partner_ul a em{margin:0 10px 0 5px;max-width:70px;overflow:hidden;font-size:16px}
}