@charset "UTF-8";
/*html {*/
/*    -webkit-filter:grayscale(100%);*/
/*    filter: grayscale(100%);*/
/*}*/
.column-main{
    margin:0 auto;
    width:1200px;
}
.column-w900{
    width:900px;
}
.column-w290{
    width:290px;
}
.column-left{
    float:left;
}
.column-right{
    float:right;
}
/********************************************************************************************************************
													头部
********************************************************************************************************************/
.top{
    width:100%;
    height:34px;
    line-height:34px;
    border-bottom:1px #E3E3E3 solid;
    color:#C7C7CC;
    background-color:#fff;
}
.top-welcome{
    float:left;
    width:400px;
}
.top-nav{
    float:right;
    text-align:right;
}
.top-nav ul{
    display:inline-block;
}
.top-nav li{
    float:left;
    padding:0 14px;
    position:relative;
}
.top-nav li:before{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    margin-top:-7px;
    width:1px;
    height:14px;
    background-color:#C7C7CC;
}
.top-nav li:last-child:before{
    display:none;
}
.top-nav li a{
    color:#C7C7CC;
}
.top-nav li a:hover,.top-nav li a:active{
    color: #e50516;
}
.header{
    width:100%;
    background-color:#fff;
}
.header-main{
    margin:0 auto;
    width:1200px;
    height:170px;
    background-image:url(../images/header-bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    position:relative;
}
.header-logo {
    float: left;
    width: 450px;
    padding-top: 30px;
}
.header-logo .photo{
    width:450px;
    height:109px;
    overflow:hidden;

}
.header-search{
    position:absolute;
    left:520px;
    top:70px;
    width:253px;
    height:32px;
    border:1px #E3E3E3 solid;
    border-radius:16px;
}
.header-search-iput{
    float:left;
    width:210px;
}
.header-search-iput input{
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 20px;
    background-color:transparent;
}
.header-search-btn{
    float:left;
    width:40px;
    overflow:hidden;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
.header-search-btn button{
    width:40px;
    height:30px;
    background-image:url(../images/search-btn.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:40px 30px;
    text-indent:-100px;
    display:block;
    cursor:pointer;
    *background-image:none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/search-btn.png');
    -ms-behavior:url(./backgroundsize.min.htc);
    behavior:url(./backgroundsize.min.htc);
}
.header-search-btn button:hover{
    opacity:0.8;
}
.header-nav{
    width:100%;
    height:50px;
    background-color: #e50516;
}
.header-nav ul{
    display: flex;
    justify-content: space-around;
}
.header-nav li{
    float:left;
    width:10%;
    text-align:center;
    position:relative;
    z-index:333;
}
.header-nav li:before{
    /*content:'';*/
    /*position:absolute;*/
    /*right:0;*/
    /*top:50%;*/
    /*margin-top:-10px;*/
    /*width:1px;*/
    /*height:20px;*/
    /*background-color:#fff;*/
}
.header-nav li:last-child:before{
    display:none;
}
.header-nav li:after{
    display:none;
    content:'';
    position:absolute;
    left:50%;
    bottom:-12px;
    z-index:3333;
    width:0;
    height:0;
    border-width:6px;
    border-style:solid;
    border-color:#FF3B30 transparent transparent transparent;
}
.header-nav li a:link,.header-nav li a:visited{
    color:#fff;
}
.header-nav li a:hover,.header-nav li a:active{

}
.header-nav li .text{
    font-size:25px;
    line-height:50px;
}
.header-nav li .popdiv{
    display:none;
    position:absolute;
    left:-120px;
    top:50px;
    width:1200px;
    padding:20px 40px;
    text-align:left;
    background-color:rgba(255,255,255,0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);
}
.header-nav li .popdiv span{
    padding:6px 10px 6px 30px;
    display:inline-block;
}
.header-nav li .popdiv a{
    font-size:16px;
    font-weight:600;
    color:#333;
}
.header-nav li.nthchild02 .popdiv{
    left:-120px;
}
.header-nav li.nthchild03 .popdiv{
    left:-240px;
}
.header-nav li.nthchild04 .popdiv{
    left:-360px;
}
.header-nav li.nthchild05 .popdiv{
    left:-480px;
}
.header-nav li.nthchild06 .popdiv{
    left:-600px;
}
.header-nav li.nthchild07 .popdiv{
    left:-720px;
}
.header-nav li.nthchild08 .popdiv{
    left:-840px;
}
.header-nav li.nthchild09 .popdiv{
    left:-960px;
}
.header-nav li.nthchild10 .popdiv{
    left:-1080px;
}
.header-nav li:hover:after{
    display:block;
}
.header-nav li:hover .popdiv{
    display:block;
}
/********************************************************************************************************************
													底部
********************************************************************************************************************/
.footer{
    width:100%;
    padding:30px 0;
}
.footer-link{
    width:100%;
    background-color:#e50516;
}
.footer-nav{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
}
.footer-nav li{
    float:left;
    width:25%;
    text-align:center;
    cursor:pointer;
    color:#fff;
    position:relative;
}
.footer-nav li:before{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    margin-top:-7px;
    width:1px;
    height:14px;
    background-color:#fff;
}
.footer-nav li:last-child:before{
    display:none;
}
.footer-nav li .text{
    margin:0 auto;
    display:inline-block;
    font-weight:700;
    position:relative;
}
.footer-nav li .text:before{
    content:'';
    position:absolute;
    right:-20px;
    top:50%;
    margin-top:-8px;
    width:0;
    height:0;
    border-width:6px;
    border-style:solid;
    border-color:transparent transparent #fff transparent;
}
.footer-nav li:hover{
    color:#333;
    background-color:#e5e5e5;
}
.footer-nav li:hover .text:before{
    border-color:transparent transparent #333 transparent;
}
.footer-nav li:hover:before{
    display:none;
}
.footer-nav li .popdiv{
    display:none;
    position:absolute;
    left:0;
    bottom:40px;
    width:1200px;
    padding:20px;
    background-color:#e5e5e5;
    text-align:left;
}
.footer-nav li .popdiv a{
    float:left;
    font-weight:500;
    padding:4px 20px;
    line-height:30px;
}
.footer-nav li:nth-child(2) .popdiv{
    left:-300px;
}
.footer-nav li:nth-child(3) .popdiv{
    left:-600px;
}
.footer-nav li:nth-child(4) .popdiv{
    left:-900px;
}
.footer-nav li:hover .popdiv{
    display:block;
}
.footer-text{
    padding-top:30px;
}
.footer-text-main{
    position:relative;
    padding-left: 100px;
}
.footer-text p{
    font-size:12px;
    line-height:22px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.footer-text strong{
    color:#FF3B30;
    font-weight:400;
}
.footer-text .bluephoto{
    width:80px;
    height:80px;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
}
.footer-text .zfzc{
    width:137px;
    height:59px;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
}
.flagphoto{
    position:absolute;
    left:0;
    top:10px;
    width:80px;
    height:80px;
    overflow:hidden;
}
.footer-logo{
    position:absolute;
    right:0;
    top:10px;
    width:290px;
    height:70px;
    overflow:hidden;
}
/********************************************************************************************************************
                                                    分页
********************************************************************************************************************/
.pager{
    width:100%;
    text-align:right;
    padding:20px 0;
}
.pager ul{
    padding:20px 20px 10px;
    display:inline-block;
}
.pager li{
    float:left;
    margin-right:6px;
}
.pager li a,.pager li span{
    min-width:20px;
    height:28px;
    line-height:28px;
    padding:0 8px;
    text-align:center;
    border:1px #eee solid;
    background-color:#fff;
    white-space:nowrap;
    display:block;
}
.pager li.prev span,.pager li.next span{
    width:30px;
    padding:0;
    color:#c6c6c6;
    cursor:not-allowed;
}
.pager li.pass span{
    color:#c6c6c6;
    cursor:not-allowed;
}
.pager li.active a{
    background-color:#D21D27;
    border-color:#D21D27;
    color:#fff;
}
/********************************************************************************************************************
                                                        共用
********************************************************************************************************************/
.index-banner{
    margin-top:10px;
    width:100%;
    height:600px;
    overflow:hidden;
    position:relative;
}
.index-banner .arrow-left{
    background: url(../images/arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    z-index:111;
    margin-top: -15px;
    width: 17px;
    height: 30px;
}
.index-banner .arrow-right{
    background: url(../images/arrows.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index:111;
    margin-top: -15px;
    width: 17px;
    height: 30px;
}
.index-banner .swiper-container{
    width:100%;
    height:600px;
    z-index:111;
}
.index-banner .swiper-wrapper{
    width:100%;
    height:600px;
}
.index-banner-item{
    width:900px;
    height:600px;
    overflow:hidden;
    position:relative;
}
.index-banner-item .text{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:40px;
    line-height:40px;
    padding:0 20px;
    color:#fff;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
}

.index-banner .pagination{
    position:absolute;
    bottom:10px;
    right:0;
    z-index:333;
}
.index-banner .swiper-pagination-switch{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    margin:0 4px;
}
.index-banner .swiper-active-switch{
    width:28px;
    height:8px;
    border-radius:4px;
    background-color: #e50516;
}
.index-banner .pagination{
    padding-right:20px;
    text-align:right;
}

.common-bigcl{
    margin-top:10px;
    background-color:#fff;
}
.common-bigcl-title{
    width:100%;
    height:50px;
    line-height:50px;
    border-bottom:1px #E3E3E3 solid;
    position:relative;
}
.common-bigcl-title h2{
    font-size:20px;
    font-weight:700;
    padding:0 20px 0 32px;
}
.common-bigcl-title h2 span{
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:50px;
    background-color: #e50516;
    display:block;
}
.common-bigcl-title .moretext{
    position:absolute;
    right:20px;
    top:0;
    color:#8E8E93;
    vertical-align:middle;
}
.common-bigcl-title .moretext i{
    width:14px;
    height:14px;
    background-image:url(../images/icon-more.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    display:inline-block;
    vertical-align:middle;
}
.common-bigcl-title .moretext strong{
    padding-left:4px;
    color:#8E8E93;
    font-weight:400;
    vertical-align:middle;
}
.common-smallcl{
    margin-top:10px;
    background-color:#fff;
    border-bottom:1px #E3E3E3 solid;
}
.common-smallcl-title{
    width:100%;
    height:50px;
    line-height:50px;
    border-bottom:1px #E3E3E3 solid;
    position:relative;
}
.common-smallcl-title h2{
    width:100%;
    font-size:18px;
    font-weight:500;
    padding:0 20px;
    text-align:center;
    position:relative;
}
.common-smallcl-title h2 span{
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:50px;
    background-color: #e50516;
    display:block;
}


.hot-news{
    width:100%;
}
.hot-news li{
    padding:10px 20px;
    border-bottom:1px #E3E3E3 solid;
}
.hot-news li .items{

}
.hot-news li .photo{
    float:left;
    width:250px;
    height:150px;
    overflow:hidden;
}
.hot-news li .text{
    float:left;
    width:610px;
    height:150px;
    position:relative;
}
.hot-news li .text h3{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:18px;
    font-weight:600;
    padding-left:20px;
}
.hot-news li .text p{
    width:100%;
    height:60px;
    line-height:20px;
    font-size:12px;
    color:#8E8E93;
    padding-left:20px;
    -webkit-line-clamp:3;
}
.hot-news li .texttime{
    position:absolute;
    left:20px;
    bottom:0;
    color:#8E8E93;
    font-size:12px;
}
.hot-news li .textmore{
    position:absolute;
    right:10px;
    bottom:10px;
}
.hot-news li .textmore a{
    width:80px;
    height:22px;
    line-height:22px;
    text-align:center;
    border-radius:10px;
    background-color:#FF3B30;
    color:#fff;
    font-size:12px;
    display:block;
}
.hot-news li .textmore a:hover{
    text-decoration:none;
    opacity:0.8;
}

.index-roll{
    margin-top:10px;
    width:100%;
    height:110px;
    overflow:hidden;
    position:relative;
}
.index-roll-list{
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.index-roll .swiper-container{
    width:100%;
    height:110px;
}
.index-roll .swiper-slide{
    width:100%;
    height:110px;
}
.index-external-link{
    line-height: 160px;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    font-weight: bold;
    margin-top: 10px;
}
.index-external-link a{
    color: #b81c22;
    width: 700px;/*定义块元素的宽度*/
    /*white-space: nowrap;内容超宽后禁止换行显示*/
    overflow: hidden;/*超出部分隐藏*/
    /*text-overflow:ellipsis;文字超出部分以省略号显示*/
    word-wrap: break-word;
    line-height: 40px;
    text-align: center;
}
.index-external-link img{
    width: 150px;
}
.index-news{
    margin-top:10px;
}
.index-news-items{
    width:445px;
    background-color:#fff;
}
.index-news-items-list{

}
.index-news-items-list li{
    border-bottom:1px #E3E3E3 solid;
}
.index-news-items-list li .items{
    padding:15px;
}
.index-news-items-list li .photo{
    float:left;
    width:165px;
    height:110px;
    overflow:hidden;
}
.index-news-items-list li .items .text{
    float:left;
    width:240px;
    height:110px;
    padding-left:10px;
    position:relative;
}
.index-news-items-list li .items .text h3{
    width:100%;
    height:50px;
    line-height:25px;
    font-size:16px;
    font-weight:600;
    -webkit-line-clamp:2;
}
.index-news-items-list li .items .text p{
    width:100%;
    height:40px;
    line-height:20px;
    font-size:12px;
    color:#8E8E93;
    -webkit-line-clamp:3;
}
.index-news-items-list li .items .texttime{
    position:absolute;
    left:10px;
    bottom:0;
    font-size:12px;
    color:#8E8E93;
    white-space: nowrap;
}
.index-news-items-list li .itemtext{
    height:40px;
    line-height:40px;
}
.index-news-items-list li .itemtext .text{
    float:left;
    width:300px;
    height:40px;
    line-height:40px;
    padding-left:20px;
    position:relative;
}
.index-news-items-list li .itemtext .text:before{
    content:'';
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-2px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#222;
}
.index-news-items-list li .itemtext .texttime{
    float:right;
    width:120px;
    text-align:right;
    padding-right:6px;
    font-size:12px;
    color:#8E8E93;
    height:40px;
    line-height:40px;
}
.index-news-items-photo{
    padding:10px 0;
    border-bottom:1px #E3E3E3 solid;
}
.index-news-items-photo li{
    float:left;
    width:50%;
    height:180px;
    *width:49%;
    padding-bottom:10px;
}
.index-news-items-photo li .photo{
    margin:0 auto;
    width:200px;
    height:130px;
    overflow:hidden;
    position:relative;
}
.index-news-items-photo li .video_name{
    margin:0 auto;
    width:200px;
    height:25px;
    color: #333;
    line-height: 25px;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 2px 5px;
}
.index-news-items-photo li .icocom{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-20px;
    margin-top:-20px;
    width:40px;
    height:40px;
    background-image:url(../images/icon-bofang.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:40px 40px;
    opacity:0.6;
    *background-image: none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/icon-bofang.png') Alpha(opacity=50);
    -ms-behavior: url(./backgroundsize.min.htc);
    behavior:url(./backgroundsize.min.htc);
}
.index-project{
    padding:15px 0;
    border-bottom:1px #E3E3E3 solid;
}
.index-project li{
    float:left;
    width:33.333%;
}
.index-project li .photo{
    margin:0 auto;
    width:280px;
    height:85px;
    overflow:hidden;
}
.network{
    padding:0 10px 10px 0;
}
.network li{
    float:left;
    width:50%;
    *width:47%;
    padding:10px 0 0 10px;
}
.network li a{
    width:100%;
    height:100%;
    color:#fff;
    display:block;
}
.network li .textbg a{
    color:#FF3B30;
}
.network li .textbg{
    width:100%;
    height:65px;
    line-height:65px;
    text-align:center;
    font-size:16px;
    font-weight:600;
    background-image:url(../images/network-bg.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
}
.network li .text{
    width:100%;
    height:65px;
    line-height:65px;
    text-align:center;
    font-size:16px;
    font-weight:600;
}
.network li.one{
    width:100%;
    padding:10px 0 0 10px;
}
.network li.two .text{
    background-color:#FFCC00;
}
.network li.three .text{
    background-color:#e50516;
}
.network li.four .text{
    background-color:#8AC694;
}
.network li.five .text{
    background-color:#74BFF1;
}
.publicity{
    width:100%;
    height:240px;
    padding:15px 20px;
    overflow:hidden;
    position:relative;
}
.publicity-list{
    width:90%;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.publicity .swiper-container{
    width:100%;
    height:210px;
}
.publicity .swiper-slide{
    width:100%;
    height:30px;
    line-height:30px;
}
.publicity .text{
    margin:0 auto;
    width:90%;
    height:30px;
    line-height:30px;
    font-size:12px;
    padding:0 20px 0 10px;
    overflow:hidden;
    position:relative;
}
.publicity .text:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    margin-top:-2px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#222;
}
.donation-search{
    margin-top:10px;
    width:100%;
    height:210px;
    overflow:hidden;
}
.donation-download{
    margin-top:10px;
    width:100%;
    height:105px;
    overflow:hidden;
}
.donation-style{
    padding:10px 20px;
}
.donation-style li{
    padding:10px 0;
    border-bottom:1px #E3E3E3 solid;
    position:relative;
}
.donation-style li:last-child{
    border-bottom:0;
}
.donation-style li .text{
    color:#545454;
}
.donation-style li .text h3{
    font-size:18px;
    font-weight:700;
    padding-bottom:10px;
}
.donation-style li .text p{
    font-size:12px;
    font-weight:500;
    line-height:24px;
}
.donation-style li .textbtn{
    padding-top:10px;
}
.donation-style li .textbtn a{
    width:80px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:10px;
    background-color:#FF2D55;
    color:#fff;
    font-size:12px;
    display:block;
}
.donation-style li .textbtn a:hover{
    text-decoration:none;
    background-color:#FF2C2C;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.donation-style li .photo{
    position:absolute;
    right:10px;
    top:20px;
    width:48px;
    height:48px;
    overflow:hidden;
}
.column-code{
    width:100%;
    height:298px;
    padding-top:10px;
}
.column-code li{
    float:left;
    width:50%;
    padding:10px 0;
    text-align:center;
}
.column-code li p{
    font-size:12px;
}
.column-code li .photo{
    margin:0 auto;
    width:90px;
    height:90px;
    overflow:hidden;
}
.floatmenu{
    position:fixed;
    right:10px;
    top:40%;
    z-index:3333;
}
.floatmenu-list{

}
.floatmenu-list li{
    cursor:pointer;
    padding-bottom:4px;
    position:relative;
}
.floatmenu-list li .popdiv{
    display:none;
    transition:all 0.3s ease;
}
.floatmenu-list li:hover .popdiv{
    display:block;
}
.floatmenu-list li .textphone{
    position:absolute;
    left:-154px;
    top:0;
    z-index:4444;
    width:150px;
    height:40px;
    line-height:40px;
    font-size:16px;
    font-weight:600;
    color:#fff;
    text-align:center;
    border-radius:6px;
    background-color:#FF2D55;
}
.floatmenu-list li .textcode{
    position:absolute;
    left:-144px;
    top:0;
    z-index:4444;
    width:140px;
    background-color:#F5F5F5;
    padding:10px;
    text-align:center;
}
.floatmenu-list li .textcode p{
    font-size:12px;
    padding-top:6px;
}
.floatmenu-list li .textcode .photo{
    margin:0 auto;
    width:110px;
    height:110px;
    overflow:hidden;
}
.floatmenu-list li .comicon{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    background-color:#FF2D55;
    border-radius:6px;
}
.info-banner{
    margin-top:10px;
    width:100%;
    height:250px;
    overflow:hidden;
}
.info-menu{

}
.info-menu h3{
    width:100%;
    height:48px;
    line-height:48px;
    text-align:center;
    font-size:18px;
    font-weight:600;
    color:#fff;
    background-color:#e50516;
}
.info-menu ul{
    padding:10px 20px;
}
.info-menu li{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    font-weight:500;
    border-bottom:1px #D8D8D8 solid;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-menu li:last-child{
    border-bottom:0;
}
.info-menu li img{
    width: auto;
    height:60%
}
.info-addbanner{
    margin-top:10px;
    width:100%;
    height:85px;
    overflow:hidden;
}
.location{
    margin-top:10px;
    width:100%;
    height:48px;
    line-height:48px;
    padding:0 20px;
    color:#8E8E93;
    background-color:#fff;

}
.location a, .location span,.location strong{
    font-weight:400;
    display:inline-block;
    font-size: 16px;
}
.location span{
    padding:0 4px;
}
.loc_level_desc{
    width: 400px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-bottom: 0px;
    vertical-align: bottom;
}
.location a{
    color:#8E8E93;
}
.info-main{
    width:100%;
    background-color:#fff;
}
.photo-list{
    padding:10px;
}
.photo-list li{
    float:left;
    width:33.333%;
    padding:15px 0;
}
.photo-list li .items{
    margin:0 auto;
    width:260px;
    background-color:#fff;
    border-radius:2px;
    overflow:hidden;
    -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.14);
    -moz-box-shadow:0 2px 8px rgba(0,0,0,0.14);
    box-shadow:0 2px 8px rgba(0,0,0,0.14);
}
.photo-list li .icocom{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-30px;
    margin-top:-30px;
    width:60px;
    height:60px;
    background-image:url(../images/icon-bofang.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
    opacity:0.6;
}
.photo-list li .photo{
    width:100%;
    height:170px;
    overflow:hidden;
    position:relative;
}
.photo-list li .text{
    padding:10px;
}
.photo-list li .text h3{
    width:100%;
    height:48px;
    line-height:24px;
    font-size:16px;
    font-weight:500;
    -webkit-line-clamp:2;
}
.photo-list li .text p{
    padding-top:6px;
    font-size:12px;
    color:#888;
    line-height:1.8;
}



.news-list{

}
.news-list li{
    width:100%;
    height:40px;
    line-height:40px;
    border-bottom:1px #E3E3E3 solid;
    position:relative;
}
.news-list li:before{
    content:'';
    position:absolute;
    left:16px;
    top:50%;
    margin-top:-2px;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#333;
}
.news-list li .text{
    width:750px;
    height:40px;
    padding:0 30px;
}
.news-list li .texttime{
    position:absolute;
    right:10px;
    top:0;
    font-size:12px;
    color:#8E8E93;
}
.details{
    margin-top:10px;
    width:100%;
    background-color:#fff;
}
.details-title{
    padding:10px 0;
    text-align:center;
    border-bottom:1px #E3E3E3 solid;
}
.details-title h1{
    font-size:24px;
    font-weight:700;
    padding:10px 0;
}
.details-title p{
    font-size:12px;
    color:#8E8E93;
}
.details-title strong{
    font-weight:400;
    padding-right:10px;
}

.details-main{
    padding:40px;
    min-font-size: 16px;
    line-height: 200%;
}


.details-main span,p,div{
    line-height: 2;
    font-size:16px;
    min-font-size: 16px;
    font-family:微软雅黑;
}
.details-main  strong span{
    font-weight:bold;
}

.details-main table{
    border-collapse: collapse;
}
.details-main table tr,td{
    border:1px solid #ccc;
    padding: 5px 10px;
}
.video-main{
    text-align: center;
}
.video-detail{
    object-fit: fill;
    width: 800px;
    height: 600px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.details-main p{
    padding-top:10px;
    line-height: 1.8;
}
img{
    border-style: none;
}
.details-main img{
    margin:0 auto;
    width:auto;
    height:auto;
    max-width:800px;
    border-style: none;
}
.details-page{
    font-size:12px;
    border-top:1px #E3E3E3 solid;
    border-bottom:1px #E3E3E3 solid;
    padding:20px 40px;
}
.details-page li{
    line-height:40px;
    color:#666;
}
.details-page li a:link,.details-page li a:visited{
    color:#666;
}
.details-page li a:hover,.details-page li a:active{
    color: #e50516;
}
.BMapLib_SearchInfoWindow img,.BMap_Marker img{
    width:auto;
    height:auto;
    border-style: none;
}
.maps-main{
    padding:20px;
}
#map{
    width:100%;
    height:420px;
}
.maps-text{
    padding:0 40px 30px 40px;
    line-height:1.8;
}
.maps-text h3{
    font-size:18px;
    font-weight:600;
    padding:10px 0;
}
.maps-text p{
    padding-top:10px;
}
.maps-text dl{
    padding:10px 0;
}
.maps-text dt{
    font-weight:600;
}
.message-from{
    padding:20px 40px;
}
.message-from li{
    padding:10px 0;
}
.message-from li .items{
    line-height:40px;
}
.message-from li .name{
    float:left;
    width:120px;
    white-space: nowrap;
}
.message-from li .inputdiv{
    float:left;
    width:400px;
}
.message-from li .inputdiv input{
    width:100%;
    height:40px;
    line-height:40px;
    padding:0 10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
}
.message-from li .inputdiv.yzm{
    width:200px;
}
.message-from li .inputdiv textarea{
    width:100%;
    min-height:140px;
    padding:10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
}
.message-from li .radiodiv{
    float:left;
    width:400px;
}
.message-from li .radiodiv label{
    padding-right:10px;
}
.message-from li .radiodiv span{
    padding:0 4px;
}

.join-fromlist li.w50{
    width:50%;

}
.join-fromlist li.w50 .name{
    width:240px;
}
.join-fromlist li.w50 .inputdiv{
    width:300px;
}
.join-fromlist li.w100{
    width:100%;
}
.join-fromlist li.w100 .name{
    width:160px;
}
.join-fromlist li .textareadiv{
    float:left;
    width:990px;
}
.join-fromlist li .textareadiv textarea{
    width:100%;
    min-height:120px;
    padding:10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
}
.join-fromlist li .selectdiv{
    float:left;
    width:260px;
    height:30px;
    line-height:30px;
    position:relative;
    vertical-align: middle;
    padding:0;
    overflow:hidden;
    background-color:#fff;
    color:#555;
    border:1px solid #E3E3E3;
    text-shadow:none;
    transition:box-shadow 0.25s ease;
    z-index:2;
}
.join-fromlist li .selectdiv:hover{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.join-fromlist li .selectdiv:before{
    content: "";
    position: absolute;
    width:0;
    height:0;
    border:6px solid transparent;
    border-top-color: #ccc;
    top:12px;
    right:10px;
    cursor:pointer;
}
.join-fromlist li .selectdiv select{
    cursor: pointer;
    padding:5px 10px;
    width: 100%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.join-fromlist li .selectdiv select:focus{
    outline:none;
}

.message-from li .yzmdiv{
    float:left;
    padding:7px 6px;
    vertical-align:middle;
}
.message-from li .yzmdiv img{
    width:auto;
    height:auto;
    vertical-align:middle;
    border-style: none;
}
.message-from li .yzmbtn{
    float:left;
    cursor:pointer;
}
.message-from li .yzmbtn:hover{
    text-decoration:underline;
}
.message-from-btn{
    padding:20px 40px 60px;
}
.message-from-btn button{
    width:500px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    border-radius:4px;
    background-color:#FF2D55;
}
.message-from-btn button:hover{
    box-shadow:0 2px 6px rgba(0,0,0,0.14);
}
.join-banner{
    margin-top:10px;
    width:100%;
    height:300px;
    color:#fff;
    text-align:center;
    padding-top:90px;
    background-image:url(../images/join-banner.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.join-banner h1{
    font-size:42px;
    font-weight:700;
    padding:10px 0;
}
.join-main{
    margin-top:10px;
    width:100%;
    background-color:#fff;
}
.join-text{
    padding:20px 100px 10px 40px;
}
.join-text p{
    text-indent:24px;
    padding-bottom:10px;
}
.join-fromlist{
    padding:20px;
    border-bottom:1px #E3E3E3 solid;
}
.join-fromlist li{
    float:left;
    width:33.333%;
    padding:10px 0;
}
.join-fromlist li .items{
    line-height:30px;
}
.join-fromlist li .name{
    float:left;
    width:90px;
    text-align:right;
}
.join-fromlist li .name strong{
    color:#f00;
    padding-right:4px;
}
.join-fromlist li .inputdiv{
    float:left;
    width:260px;
}
.join-fromlist li .inputdiv input{
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
}
.join-fromlist li .inputdiv select{
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 10px;
    background-color:#fff;
    border:1px #E3E3E3 solid;
    float: left;
}
.join-fromlist li .radiodiv{
    float:left;
    width:260px;
}
.join-fromlist li .radiodiv span{
    padding:0 4px;
}
.join-fromproject{
    padding:20px 0;
    border-bottom:1px #E3E3E3 solid;
}
.join-fromproject li{
    float:left;
    width:25%;
    padding:10px 20px;
}
.join-fromproject li label{
    width:260px;
    min-height:80px;
    padding:20px 10px 10px 10px;
    border:1px #E3E3E3 solid;
    background-color:#fff;
    display:block;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
    cursor:pointer;
    position:relative;
}
.join-fromproject li .text{
    position:absolute;
    left:40px;
    top:10px;
    line-height:1.8;
}
.join-fromproject li .text dt{
    font-size:16px;
    font-weight:600;
}
.join-fromproject li .text dd{
    font-size:12px;
    color:#888;
}
.join-fromproject li.active label{
    border-color:#98ccff;
    color:#3198fe;
}
.join-fromtime{
    padding:40px 150px 20px;
    border-bottom:1px #E3E3E3 solid;
}
.join-fromtime ul{
    border-top:1px #E3E3E3 solid;
}
.join-fromtime ul:last-child{
    border-bottom:1px #E3E3E3 solid;
}
.join-fromtime li{
    float:left;
    width:11.111%;
    text-align:center;
    border-left:1px #E3E3E3 solid;
}
.join-fromtime li:last-child{
    border-right:1px #E3E3E3 solid;
}
.join-fromtime li .text{
    width:100%;
    line-height:40px;
    font-weight:500;
}
.join-fromtime li .checkboxdiv{
    width:100%;
    line-height:40px;
}
.join-fromtime li .checkboxdiv label{
    width:100%;
    height:40px;
    display:block;
    cursor:pointer;
}
.join-btn{
    padding:20px 40px 60px;
}
.join-btn button{
    margin:0 auto;
    width:500px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    border-radius:4px;
    background-color:#FF2D55;
    display:block;
}
.join-btn button:hover{
    box-shadow:0 2px 6px rgba(0,0,0,0.14);
}
.donate{

}
.donate-list{
    padding:20px;
    border-bottom:1px #E3E3E3 solid;
}
.donate-list ul{
    padding-bottom:60px;
}
.donate-list li{
    padding-left:260px;
    position:relative;
}
.donate-list li:before{
    content:'';
    position:absolute;
    left:195px;
    top:20px;
    width:0;
    height:100%;
    border-left:1px #e50516 dashed;
}
.donate-list li .name{
    position:absolute;
    left:50px;
    top:10px;
    width:100px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    color:#fff;
    border-radius:6px;
    background-color: #e50516;
}
.donate-list li .text{
    padding:10px 0;
    position:relative;
}
.donate-list li .text:before{
    content:'';
    position:absolute;
    left:-70px;
    top:20px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color: #e50516;
}
.donate-list li .text:after{
    content:'';
    position:absolute;
    left:-60px;
    top:25px;
    width:60px;
    height:1px;
    background-color: #e50516;
}
.donate-list li .text h3{
    font-size:18px;
    font-weight:600;
}
.donate-list li .text p{
    padding:10px 100px 0 0;
    line-height:1.7;
    text-indent:24px;
}
.donate-list a{
    font-weight:700;
    color: #e50516;
}
.donate-text{
    padding:20px 40px;
    border-bottom:1px #E3E3E3 solid;
}
.donate-text h3{
    font-size:16px;
    font-weight:500;
    padding:10px 0;
}
.donate-text p{
    line-height:1.8;
}
.donate-text li{
    float:left;
    width:25%;
    line-height:30px;
}
.signup-text{
    padding:20px 40px;
    line-height:1.8;
    border-bottom:1px #E3E3E3 solid;
}
.signup-text h3{
    font-size:22px;
    font-weight:700;
    text-align:center;
}
.signup-text p{
    text-indent:24px;
    padding-top:10px;
}
.signup-btn{
    padding:40px 0;
    text-align:center;
}
.signup-btn ul{
    display:inline-block;
}
.signup-btn li{
    float:left;
    padding:0 20px;
}
.signup-btn li a{
    width:200px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:16px;
    font-weight:500;
    color:#fff;
    border-radius:4px;
    background-color: #e50516;
    display:block;
}
.signup-btn li a.not{
    background-color:#fff;
    border:1px #e50516 solid;
    color: #e50516;
}
.assessment-from{

}
.assessment-from li{
    padding:10px 30px;
    vertical-align:middle;
    border-bottom:1px #E3E3E3 solid;
}
.assessment-from li span{
    padding:0 6px;
    vertical-align:middle;
}
.assessment-text{
    padding:10px 100px 10px 30px;
    line-height:1.8;
    border-bottom:1px #E3E3E3 solid;
}
.assessment-text p{
    padding-top:10px;
}
.assessment-text h3{
    font-size:18px;
    font-weight:500;
    padding:10px 0;
}
.assessment-btn{
    padding:20px 40px 60px;
}
.assessment-btn button{
    margin:0 auto;
    width:600px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-weight:500;
    cursor:pointer;
    border-radius:4px;
    background-color:#FF2D55;
    display:block;
}
.assessment-btn button:hover{
    box-shadow:0 2px 6px rgba(0,0,0,0.14);
}



.axjz-list{
    padding:10px 20px;
}
.axjz-list li{
    padding:10px 0;
    border-bottom:1px #E3E3E3 solid;
    position:relative;
}
.axjz-list li:last-child{
    border-bottom:0;
}
.axjz-list li .text{
    padding:20px 0 0 150px;
    color:#545454;
    line-height:1.8;
    min-height:150px;
}
.axjz-list li .text h3{
    font-size:22px;
    font-weight:700;
    padding-bottom:10px;
}
.axjz-list li .text p{
    font-size:16px;
    padding-bottom:6px;
}
.axjz-list li .photo{
    position:absolute;
    left:10px;
    top:20px;
    width:118px;
    height:139px;
    overflow:hidden;
}

.dataNums {
    display: -webkit-flex; /* Safari */
    display: flex;
    width: 100%;
    height: 40px;
    justify-content:center;
    align-items:center;
    margin-top:20px;


}

.dataNums .dataOne {
    width: 31px;
    height: 45px;
    margin: 0px 3px;
    text-align: center;
    background-color: #00599d;
}

.dataNums .tt span {
    width: 100%;
    height: 100%;
    font: bold 34px/47px "Arial";
    color: #ddf0ff;
}
.fkm{
    width: 120px;
    height: 120px;
}
.dzjg{
    width: 100px;
    height: 100px;
}