body{background:#fff;font-family:Source Han Sans CN;}

.header{ width:100%;}
.header_banner img{ display: block; width: 100%}
.header_separate{ height:10px; background:#DBFFFB;}
.nav{background:rgba(255,255,255,1);display: flex;align-items: center;height: 88px;}
.nav aside{float: left;display: flex; }
.nav aside img{width: 293px;height: 62px;}
.nav aside h1{font-size:26px;font-family:PangMenZhengDao;}
.nav aside p{font-size:16px;}

.nav_link{ width:auto; margin:0 auto;display: flex;}
.nav_link li{ margin:0 auto; float:left}
.nav_link li a{ display:block; padding:0 20px; font-size: 13px;color:rgba(102,102,102,1);position: relative;}
.nav_link li a:hover{ background: #fff; color:rgba(42,194,67,1);}
.nav_link li.cur a{color:rgba(42,194,67,1);font-weight:bold;}
.nav_link li.cur a:after{display: flex;    position: absolute;bottom: -36px;left:30%;width:26px;
    height:4px;
    background:rgba(42,194,67,1);
    opacity:1;
    border-radius:2px;content:'';}

.main{ width:1200px; margin:0 auto; clear:both;}
.title{ padding:30px 0 0px 0;  }
.title_name{ width:146px; height:42px; line-height:35px; font-size:20px; color:#fff; text-align: center;  float:left;color:rgba(51,51,51,1);font-size:20px;}
.title_more{ margin-top:13px; float:right;    color: #2AC143; text-decoration: underline;}
.project{ padding:50px 0 44px;}
.project_step{ height:231px;  margin-bottom:30px;display: flex;    justify-content: space-between;padding: 0 47px;}
.project_item {
    position: relative;
    width: 230px;
    height: 230px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 5px rgba(23, 131, 40, 0.11);
    opacity: 1;
    border-radius: 13px;
    padding-bottom: 13px;
}
.project_num{ width:30px; height:30px; line-height:28px; text-align: center; color:#2AC143; font-size:20px; background: #fff; border:1px solid #2AC143; border-radius:50%; position: absolute; left:50%; margin:-16px 0 0 -16px;}
.project_img{ width:70px; height:70px; margin:13px auto 2px;}
.project_img img{ width:70px; height:70px;}
.project_title{ height:16px; line-height:16px; font-size: 18px; color: #444; text-align: center; margin-bottom:6px;margin-top: 5px;margin:10px 0;}
.project_infor{line-height:20px; font-size: 14px; color: #666; padding: 0 20px;text-align: center;}
.project_btn{ height:64px; line-height:64px; text-align:center; margin-bottom:40px;display: flex;
    justify-content: center;margin-top: 60px;}
.project_down{ height:28px; line-height:28px; font-size: 14px; color: #2AC143; text-decoration: underline; display:inline-block;float:right;}
.project_down:hover{color: #2AC143}

.project_competition{  color: #19AA31; text-align: center;  border: 1px solid #19AA31; border-radius: 4px;  margin-left:20px;}
.project_competition span{ margin-left:5px;}
.project_competition:hover{
    color: #fff;
    background:#19AA31;
}

.project_welfare{     color: #F7B913; text-align: center; border: 1px solid #F7A113; border-radius: 4px;  margin-left:20px; }
.project_welfare span{ margin-left:5px;}
.project_welfare:hover{
    color: #fff;
    background:#F7A113;
}

.project_server{    color:rgba(235,106,2,1); border: 1px solid rgba(235,106,2,1); border-radius: 4px;  margin-left:20px;}
.project_welfare span{ margin-left:5px;}
.project_server:hover{
    color: #fff;
    background:rgba(235,106,2,1);
}

.project_welfare_new{    border: 1px solid #73afc6; color: #67a0b6;border-radius: 4px;  margin-left:20px;}
.project_welfare span{ margin-left:5px;}
.project_welfare_new:hover{
    color: #fff;
    background: #67a0b6;
}
.venture_philanthropy{
    border: 1px solid #1E90FF; color: #1E90FF;border-radius: 4px;  margin-left:20px;
}
.venture_philanthropy:hover{
    color: #fff;
    background: #1E90FF;
}
.pro-btn{
    line-height: 20px;
    white-space: nowrap;
    width:237px; height:42px; font-size: 14px;display:flex; align-items: center;justify-content: center; background:transparent;
}

.pro-btn span{
    font-size: 18px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -10px;
}
.notice{background:#fafafa;}
.notice_con{ padding:10px 0 50px;display: flex;
    justify-content: space-between;    padding-left: 37px;
}
.notice_pic{
    width:329px;
    height:284px;
    background:rgba(255,255,255,1);
    box-shadow:0px 1px 5px rgba(23,131,40,0.11);
    opacity:1;
    border-radius:7px;
}
.notice_pic img{width:329px; height:197px;}
.notice_view{
    width:810px;
    height:284px;
    background:rgba(255,255,255,1);
    box-shadow:0px 1px 5px rgba(23,131,40,0.11);
    opacity:1;
    border-radius:7px;
    overflow: hidden;
}
.notice_link{
    display: flex;
    flex-wrap: wrap;
    padding:13px;

}
.notice_link li{
    border-bottom:1px solid rgba(237,237,237,1);
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:10px;width:48%;
    padding-bottom: 10px;
}
.notice_link li:nth-child(even)
{
    margin-left: 20px;
}
.notice_link li:last-child{margin:0}
.notice_link li a{font-size: 14px; color: #444;  position: relative;display: block;}
.notice_link li a:hover{color:#2AC143}
.simple-banner{}
.simple-banner p{
    padding:17px 19px;
    font-size:16px;
    font-weight:bold;
    line-height:19px;
    color:rgba(51,51,51,1);
    margin-bottom: 15px;
}
.news-item{
    display: flex;
}
.news-img{
    width: 97px;
    height: 73px;
    margin-right: 10px;
}
.news-item h1{
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.news-item aside {

}
.news-item aside:last-of-type{
    width:  74%;
}
.news-item p{
    font-size: 12px;
    word-wrap:break-word;
    word-break: break-all;
    margin-bottom: 10px;
}
.news-item div{
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.news-item span{
    color:rgba(153,153,153,1);
    font-size: 11px;
}
.news-item .time{
    width: 13px;
    height: 13px;
    display: inline-block;
    padding:0;
    margin:0 5px 0 0 ;
}
.title-fix{
    width: 400px;
    text-align: left;
}
.option-menu{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.option-menu li{
    margin-right: 20px;
    color:rgba(204,204,204,1);
    cursor: pointer;
    position: relative;
    font-size: 16px;
}

.option-menu li.active{
    color:rgba(42,194,67,1);
}
.option-menu li.active:after{
    position: absolute;
    display: flex;
    width:100%;
    height:3px;
    background:rgba(42,194,67,1);
    opacity:1;
    border-radius:1px;
    left:0px;
    bottom: -19px;
    content: '';
}

.show{ width:100%;}
.show_tab{ margin:0 12.5px 20px;}
.show_tab li{ height:35px; line-height:35px; margin: 20px 12.5px 0; float:left;}
.show_tab li a{height:33px; line-height:33px; border: 1px solid #adadad; border-radius: 17.5px; font-size: 14px; color: #444; padding:0 15px; display:block;}
.show_tab li a:hover{border: 1px solid #2AC143; color: #2AC143}
.show_tab li.cur a{border: 1px solid #2AC143; color: #2AC143}
.conditionals { width:1200px; height:30px; margin-right: auto; padding-bottom: 10px; margin-top:20px; border-bottom:1px solid rgba(248,248,248,1);display: flex;
    justify-content: space-between;margin-bottom: 20px;
    align-items: center;}
.sbHolder { background: url(../../img/down_arrow.png) no-repeat 120px center #2ac143; font-size: 14px; height: 33px; line-height: 33px;border: 1px solid #ccc;border-radius: 17.5px;color: #fff; width:140px;text-align:center;
    text-align-last: center;border:0;}

.sbHolder-fix{
    background: url(../../img/contestMission/btn_forward.png) no-repeat 387px center transparent;
    -ms-background-position-x: 387px;
    border: 1px solid rgba(42,194,67,1);
    color: rgba(42,194,67,1);
    width: 410px;
    background-size: 13px;
}
.sbToggle { display: block; height: 33px; outline: 0; position: absolute; right: 0; top: 0; width: 33px; background-image: url(../../img/dmenu.png); background-repeat: no-repeat; background-position: center center; }
.sbSelector { display: block; height: 40px; left: 0; line-height: 35px; outline: 0; overflow: hidden; position: absolute;  top: 0; width: 90px;text-align:center; color: #333;     padding-left: 10px;}
a.sbSelector:hover { color: #ff8814 }
a.sbSelector:hover .sbOptions{
    display: block;
}
.sbOptions { background-color: #2ac143;  left: 10px; margin: 0; padding: 0; position: absolute; top: 28px;  z-index: 10; overflow-y: auto; border-top: none; }
.searchForm{  position: relative; float: right; }
.inputfoucs{  border-style:none;  font-size: 14px;  color: #999;padding-left:20px;border-radius: 17.5px; }
.sk_1 { width:275px; height:33px; border: 1px solid #CCC;background-color: #FFF; line-height: 33px; text-indent: 43px;}
.sk_2 { width:30px; height:26px;border:none; position: absolute; top: 5px; right: 7px;  background-image: url(../../img/contestMission/icon_search.png); background-repeat: no-repeat; background-position: center center;background-size: 26px;}
#keyType{width:132px; height:35px;line-height:35px; text-align:center; background: url(../../img/contestMission/btn_more.png) no-repeat 112px center #2ac143; border:1px solid #ccc;
    border-right:none; position:absolute; left:-25%; color:#FFF; background-color:#2ac143; border-radius: 17.5px 0px 0px 17.5px;background-size: 13px; }
.btn-wrapper{
    display: flex;
    align-items: center;
    margin-top: 7px;
    justify-content: space-between;
}
.show_con{height:660px;margin-top: 40px;}

.show_link{ display:none}
.show_link li{ width:178px; height:249px; box-shadow: 0 1px 10px 0 rgba(24,91,35,0.10);  padding:0 15px; margin:0 40px 55px 0; float:left;
    border-radius:13px;
}
.show_link li:nth-of-type(5n){ margin-right:0;}
.show_link li .show_img{ height:127px; margin-top:10px; margin-bottom:20px;}
.show_link li .show_img img{width:100%; height:127px;}
.show_link li .show_title{ height:20px; line-height:20px; text-align: center; margin-bottom:10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.show_link li .show_title a{font-size: 14px; color: #222; font-weight: bold;}
.show_link li .show_title a:hover{ color: #222;}
.show_link li .show_intro{ height:17px; line-height:17px; font-size: 12px; color: #999; text-align: left;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.show_link li .show_intro span{color:rgba(247,186,20,1);}
.show_link li .show_button{  color:#fff; font-size: 14px; text-align: center; cursor: pointer;  margin: 0 0 0 10px;
    background: url(../../img/contestMission/icon_like.png) no-repeat;
    background-size: 13px;
    text-indent: 16px;
    color:rgba(153,153,153,1);
    font-size:11px;

}
.show_link li .show_button:hover{
    background: url(../../img/contestMission/icon_like_active.png) no-repeat;
    background-size: 13px;
    color:rgba(255,64,64,1);
}
.show_link li .show_button:hover{}

.footer{ height:80px; background:#fafafa; clear:both;text-align: center; padding: 26px 0;color:rgba(102,102,102,1);

}
.footer menu{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0px 0 20px 0;
}
.footer p {
    color:rgba(170,170,170,1);
    line-height: 2;
}
.footer menu li{
    padding: 0 20px;
    border-right: 1px solid rgba(204,204,204,1);
}
.footer menu li:last-of-type{
    border-right: 0;
}
#dialog{ width:100%; height:100%; background:rgba(0,0,0,0.6); position: fixed; left:0; top:0;  display:none;z-index: 1024;}
.modal{ background:#fff; position: fixed; left:50%; top:50%; border-radius: 4px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.modal_title{ height:50px; line-height:50px; background: #44C359; border-radius: 4px 4px 0 0; padding-left: 20px; position: relative;}
.modal_name{font-size: 16px; color: #FFF; }
#close{ width:24px; height:24px; line-height:20px; text-align: center; color:#fff; font-size: 30px; transform: rotate(45deg); display:block; position: absolute; right:8px; top:50%; margin-top:-12px}
.modal_button{height:60px; padding:40px 0;text-align: center;}
.modal_button a{width:190px; height:58px; line-height:58px; border: 1px solid #CCC; border-radius: 6px; margin:0 10px; text-align: center; font-size: 16px; color: #666;display:inline-block;}
.modal_button a.fix{width: 249px;}
#down a{width:220px;}
.modal_button{ display:none;}
.modal_button a:hover{background: rgba(68,195,89,0.10); border: 1px solid #44C359; border-radius: 6px; color: #44C359;}
.modal_notice{ margin:0 40px 40px; display:none;}
.modal_notice p{font-size: 16px; color: #999999; line-height:22px; padding-left:48px;}
.modal_notice p:first-child{ padding-left:0;}

.empty{
    height: 320px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.empty h6{
    font-size: 20px;
    font-weight: bold;
    color: rgba(204,204,204,1);
}

.wrapper_slider_projet {
    width: 100%;
    padding: 10px 0 80px 37px;
    box-sizing: border-box;
    position: relative;
    /*background-color: #FFFFFF;*/
    /*background-color: darkorange;*/
}

.header_top .tip {
    /* width: 654px; */
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #F8BA14;
    flex: 1;
    /*margin-left: 65px;*/
    /*margin-top: 6px;*/
}

.header_top .more {
    margin-top: 5px;
    float: right;
    color: #2AC143;
    text-decoration: underline;
}

.wrap_banner {
    display: flex;
    justify-content: space-between;
}

.left_btn,
.right_btn {
    margin-top: 133px;
    width: 30px;
    height: 57px;
    border: 4px solid #D4D4D4;
    text-align: center;
    line-height: 57px;
    font-size: 39px;
}

.banner_box {
    /* border: 1px solid red; */
    flex: 1;
    /* padding: 20px 8px; */
    margin: 0 30px;
    display: flex;
}

.banner_items {
    width: 255px;
    height: 322px;
    background: #FFFFFF;
    box-shadow: 1px 2px 9px 0px rgba(23, 131, 40, 0.11);
    border-radius: 20px 20px 20px 20px;
    padding: 20px 8px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    margin-left: 30px;
}

.banner_items:first-child {
    margin-left: 0;
}

.banner_items img {
    width: 240px;
    height: 160px;
}

.banner_items .content {
    /* margin-top: ; */
    padding-left:16px;
}

.banner_items .content .content_title {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #343434;
    margin-top: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content_instroduce {
    height: 14px;
    font-size: 10px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    margin-top: 15px;
    color: #9A9A9A;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.content_instroduce .time {
    color: #F8BA14;
}

.content_instroduce .read_num {
    color: #FF4E4E;
}