/* CSS Document */
.wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2%;
}


.header {
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background: #f9f9f9;
}

.header .logo {
    float: left;
    height: 40px;
    margin-top: 10px;
}
.after:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nav li {
    float: left;
    margin-left: 25px;
}

.nav li a {
    font-size: 15px;
    color: #5a5a5a;
    display: block;
    line-height: 50px;
}

@media only screen and (min-width: 768px) {
    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-family: Arial, "微软雅黑";
        line-height: 30px;
        /*background-color:#10123b;*/
        background: url("../images/bodybg.png") repeat, #10123b;
    }

    a {
        color: #fff;
        text-decoration: underline;
        line-height: 34px;
        font-size: 15px;
    }

    a:hover {
        color: #94ceff;
        text-decoration: underline;
    }

    a.normal {
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
        text-decoration: none;
        line-height: 24px;
    }

    a.normal a {
        font-size: 12px;
        color: #4e4e4e;
        text-decoration: none;
    }

    a {
        text-decoration: none
    }

    a.normal a:hover {
        color: #3775c0;
    }

    .font_white {
        font-size: 20px;
        color: #61A9EA;
        padding-top: 18px;
        padding-left: 20px;
        text-align: center;
    }
	.summary_color{#fff; font-size: 16px;}
    .text_color {
        color: #6abbff;
    }

    h2 {
        color: #33f4f2;
        font-weight: normal;
        font-size: 22px;
        line-height: 35px;
        margin: 0;
        padding: 0;
    }

    h3 {
        color: #33f4f2;
        font-weight: normal;
        font-size: 18px;
        line-height: 10px;
        text-align: center;
    }

    /*h5 {*/
    /*    color: #fff;*/
    /*    font-weight: normal;*/
    /*    margin: 0;*/
    /*    display: inline-block;*/
    /*    font-size: 30px;*/
    /*    background: url(../images/buju-title.png) no-repeat;*/
    /*    padding-top: 20px;*/
    /*    height: 36px;*/
    /*    width: 256px;*/
    /*    text-align: center;*/
    /*}*/
    .font-yellow {
        color: #feea3e;
        font-size: 17px;
        font-weight: bold;
    }

    ul, li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    p {
        margin: 0;
        padding: 0;
    }

    #header {
        background: url(../images/head-bg.jpg) repeat-x;
    }
    .top {
        height: 42px;
        background-color: white;
    }

    .top_cont {
        width: 1024px;
        margin: 0 auto;
    }

    .top_cont span {
        display: inline-block;
        float: left;
        margin-right: 20px;
    }

    .top_cont span a {
        color: #474747;
        font-size: 12px;
        padding: 0 5px;
        line-height: 44px;
        text-decoration: none;
    }

    .top_cont span a:hover {
        color: #3a92bb;
        font-size: 12px;
    }

    .top_cont .logo {
        width: 110px;
        background: url(../images/logo.png) no-repeat;
    }

    .banner {
        background: url(../images/banner.jpg) no-repeat;
        background-position: center top;
        /*background: url(../images/banner.jpg) no-repeat center;*/
        width: 100%;
        margin: 0 auto;
        height: 427px;
        margin: 0 auto;
        position: relative;
    }

    .banner div#e1 {
        width: 1200px;
        /*margin: 0 auto;*/
        /*color: #fff;*/
        background: url(../images/pic_title.png) no-repeat left bottom;
        /* background-position: left top; */
        /* margin-top: 55px; */
        /*margin-bottom: 1px;*/
        /* margin-left: 38px; */
        /* font-size: 16px; */
        height: 464px;
        /* position: absolute; */
        /* bottom: 0px; */
        margin: 0 auto;
    }


    #container {
        background: url(../images/bg_zhuti.png) no-repeat;
        background-position: center top;
        position: relative;
        width: 1200px;
        height: 358px;
        margin: 0 auto; /*居中*/
        top: -6px;
        padding-top: 33px;
        /*padding-left: atuo;*/
        /*padding-right: auto;*/
        color: white;
    }

    #container div {
        margin: 0 auto; /*居中*/
        width: 1100px;
    }

    #container img {
        /*margin-top:33px;*/
        margin-right: 48px;
        float: left;
    }


    #container2 {
        background: url(../images/title01.png) no-repeat center top;
        height: 280px;
        /*padding-top: 40px;*/
        position: relative;
        width: 1200px;
        margin: 0 auto; /*居中*/
        padding-top: 139px;
        color: white;
        border-bottom: 1px solid #163b5c;
    }

    #container2_body {
        margin: 0 auto; /*居中*/
        width: 1200px;
        height: 300px;
        text-align: center;

    }

    #container2_body_div1 {
        float: left;
        height: 358px;
        padding-top: 30px;
    }

    #container2_body_div1 img {
        float: left;
        /*margin-right:10px;*/
        /*margin-top: auto;!*居中*!*/
        /*margin-bottom:auto;*/
        /*vertical-align: middle*/

    }

    #container2_body_index1 {
        width: 445px;
        float: left;
        text-align: left;
        margin-left: 42px;
    }

    #container2_body_index2 {
        width: 400px;
        float: left;
        text-align: left;
        margin-left: 50px;
    }

    #container2_body_index2 li {
        height: 42px;
    }

    .img_donate {
        margin-right: 5px;
    }


    #container3 {
        background: url(../images/title02.png) no-repeat center top;
        height: 431px;
        /*padding-top: 40px;*/
        position: relative;
        width: 1200px;
        margin: 0 auto; /*居中*/
        padding-top: 139px;
        color: white;
        border-bottom: 1px solid #163b5c;
        margin-top: 41px;
    }

    #container3_body {
        margin: 0 auto; /*居中*/
        width: 1200px;
        height: 240px;
        text-align: center;
    }

    #container3_body_div {
        float: left;
        height: 200px;
        /*padding-top:30px;*/

    }

    #container3_body_div img {
        float: left;
        /*margin-right:10px;*/
        /*margin-top: auto;!*居中*!*/
        /*margin-bottom:auto;*/
        /*vertical-align: middle*/
        margin-right: 10px;
    }


    #container3_body_index {
        width: 845px;
        float: left;
        text-align: left;
        margin-left: 42px;
    }


    #container3_body2 {
        margin: 0 auto; /*居中*/
        width: 1200px;
        height: 240px;
        text-align: center;
    }

    #container3_body2_div {
        float: right;
        height: 200px;
        /*padding-top:30px;*/
    }

    #container3_body2_div img {
        float: left;
        /*margin-right:10px;*/
        /*margin-top: auto;!*居中*!*/
        /*margin-bottom:auto;*/
        /*vertical-align: middle*/
        margin-left: 10px;
    }

    #container3_body2_index {
        width: 845px;
        float: left;
        text-align: left;
        margin-right: 42px;
    }

    #container4 {
        background: url(../images/title03.png) no-repeat center top;
        height: auto;
        position: relative;
        width: 1200px;
        margin: 0 auto; /*居中*/
        padding-top: 139px;
        color: white;
        margin-top: 37px;
    }


    .container4_body_danshu {
        margin: 0 auto; /*居中*/
        width: 1200px;
        height: 195px;
        /*text-align: center;*/
        background-color: #31388a;
        /*position: absolute;*/
        padding-top: 25px;
        margin-top: 10px;
    }

    .container4_body_div_danshu {
        float: left;
        height: 168px;
        /*padding-top:30px;*/
        /*position: relative;*/
        margin-left: 15px;
    }

    .container4_body_index_danshu {
        width: 845px;
        float: left;
        text-align: left;
        margin-left: 15px;
        /*position: relative;*/
    }


    .container4_body_shuangshu {
        margin: 0 auto; /*居中*/
        width: 1200px;
        height: 195px;
        /*text-align: center;*/
        background-color: #31388a;
        /*position: absolute;*/
        padding-top: 25px;
        margin-top: 10px;
    }

    .container4_body_div_shuangshu {
        float: right;
        height: 168px;
        /*padding-top:30px;*/
        /*position: relative;*/
        margin-right: 15px;
    }

    .container4_body_index_shuangshu {
        width: 845px;
        float: left;
        text-align: left;
        margin-left: 15px;
        /*position: relative;*/
    }

    #container5 {
        background: url(../images/title04.png) no-repeat center top;
        height: 500px;
        position: relative;
        width: 1200px;
        margin: 0 auto; /*居中*/
        padding-top: 139px;
        color: white;
        /* border:1px solid #ffff; */
        margin-top: 41px;
    }

    .container5_left {
        width: 543px;
        height: 300px;
        /*display:inline-block;*/
        float: left;
        text-align: center;
        margin-left: 20px;
    }

    .container5_right {
        width: 543px;
        height: 300px;
        float: right;
        text-align: center;
        margin-right: 20px;
    }

    .container5_img {
        margin: 0 auto; /*居中*/
    }


    #footer {
        clear: both;
        background: #040415;
        font-size: 14px;
        height: 40px;
        line-height: 30px;
        color: #ffffff;
        text-align: center;
        padding-top: 15px;
    }
}

/* CSS Document */
@media only screen and (max-width: 768px ) {
    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-family: Arial, "微软雅黑";
        line-height: 33px;
        background: url("../images/bodybg.png") repeat, #10123b;
    }

    a {
        color: #ffffff;
        text-decoration: underline;
        line-height: 16px;
        font-size: 13px;
    }

    a:hover {
        color: #94ceff;
        
    }

    a.normal {
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
        text-decoration: none;
        line-height: 24px;
    }

    a.normal a {
        font-size: 12px;
        color: #4e4e4e;
        text-decoration: none;
    }

    a {
        text-decoration: none
    }

    a.normal a:hover {
        color: #3775c0;
    }

    .font_white {
        font-size: 20px;
        color: #61A9EA;
        padding-top: 18px;
        padding-left: 20px;
        text-align: center;
    }
	.summary_color{font-size: 13px;line-height: 160%;}
    .text_color {
        color: #6abbff;
        line-height: 170%;
    }

    h2 {
        color: #33f4f2;
        font-weight: normal;
        font-size: 22px;
        line-height: 35px;
        margin: 0;
        padding: 0;
    }

    h3 {
        color: #33f4f2;
        font-weight: normal;
        font-size: 18px;
        line-height: 10px;
        text-align: center;
    }

    /*h5 {*/
    /*    color: #fff;*/
    /*    font-weight: normal;*/
    /*    margin: 0;*/
    /*    display: inline-block;*/
    /*    font-size: 30px;*/
    /*    background: url(../images/buju-title.png) no-repeat;*/
    /*    padding-top: 20px;*/
    /*    height: 36px;*/
    /*    width: 256px;*/
    /*    text-align: center;*/
    /*}*/
    .font-yellow {
        color: #feea3e;
        font-size: 17px;
        font-weight: bold;
    }

    ul, li {
        /* margin: 0 10px; */
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    p {
        margin: 0;
        padding: 0;
        text-align: left;
    }

    /*#header {*/
    /*    background: url(../images/head-bg.jpg) repeat-x;*/
    /*}*/
    .top {
        height: auto;
        background-color: white;
    }

    .top_cont {
        width: 100%;
        margin: 0 auto;
    }

    .top_cont span {
        display: inline-block;
        /* float: left; */
        /* margin-right: 20px; */
        line-height: 19px;
        /* height: 39px; */
    }

    .top_cont span a {
        color: #474747;
        font-size: 12px;
        padding: 0 5px;
        /* line-height: 44px; */
        text-decoration: none;
    }

    .top_cont span a:hover {
        color: #3a92bb;
        font-size: 12px;
    }

    .top_cont .logo {
        width: 110px;
        background: url(../images/logo.png) no-repeat;
    }

    #logomenu{
        /* margin-top: 11px; */
        line-height: 4px;
        width: 64%;
    }

    #logospan{
        width: auto;
    }

    .banner {
        background: url(../images/banner.jpg) no-repeat;
        background-position: right top;
        /*background: url(../images/banner.jpg) no-repeat center;*/
        width: 100%;
        margin: 0 auto;
        /* height: 93px; */
        margin: 0 auto;
        position: relative;
        background-size: 100% 100%;
    }

    .banner div#e1 {
        width: 100%;
        /*margin: 0 auto;*/
        /*color: #fff;*/
        background: url(../images/pic_title.png) no-repeat left top;
        /* background-position: left top; */
        /* margin-top: 55px; */
        /*margin-bottom: 1px;*/
        margin-left: 16px;
        /* font-size: 16px; */
        height: 142px;
        /* position: absolute; */
        /* bottom: 0px; */
        background-size: 60%;
        /* margin: 0 auto; */
    }


    #container {
        /* background: url(../images/bg_zhuti.png) no-repeat; */
        /* background-position: center top; */
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto; /*居中*/
        top: -5px;
        padding-top: 14px;
        /*padding-left: atuo;*/
        /*padding-right: auto;*/
        color: white;
        background-color: #31388a;
    }

    #container_text{

        /* margin-left:5px; */
        width:90%;
        margin:0 auto;
    }

    #container div {
        /* margin: 0 auto; */ /*居中*/
        /* width: 100%; */
        text-align: center;
    }

    #container img {
        /*margin-top:33px;*/
        /* margin-right: 48px; */
        /* float: left; */
        margin: 0 auto;
        max-width: 80%;
    }


    #container2 {
        background: url(../images/title01.png) no-repeat center top;
        height: auto;
        /*padding-top: 40px;*/
        position: relative;
        width: 100%;
        margin: 17px auto; /*居中*/
        padding-top: 139px;
        color: white;
    }

    #container2_text{
        width: 96%;
        /* margin:0 auto; */
    }

    #container2_body {
        margin: 0 auto; /*居中*/
        width: 100%;
        height: auto;
        text-align: center;
    }

    #container2_body_div1 {
        /* float: left; */
        height: auto;
        /* padding-top: 30px; */
        /* display: inline; */
        /* width: 47%; */
    }

    #container2_body_div1 img {
        /* float: left; */
        /*margin-right:10px;*/
        /*margin-top: auto;!*居中*!*/
        /*margin-bottom:auto;*/
        /*vertical-align: middle*/
    }

    #container2_body_index1 {
        width: 100%;
        text-align: left;
        margin-left: 13px;
    }

    #container2_body_index2 {
        width: 100%;
        text-align: left;
    }

    #container2_body_index2 li {
        height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .img_donate {
        margin-right: 5px;
        padding-left: 10px;
    }

    img{
        max-width:100%;
    }

    #container3 {
        background: url(../images/title02.png) no-repeat center top;
        height: auto;
        /*padding-top: 40px;*/
        position: relative;
        width: 100%;
        margin: 0 auto; /*居中*/
        padding-top: 139px;
        color: white;
        margin-top: 41px;
    }

    #container3_text,#container3_text2{
        width:90%;
        margin:0 auto;
    }

    #container3_body {
        margin: 0 auto; /*居中*/
        width: 100%;
        height: auto;
        text-align: center;
    }

    #container3_body_div {
        /* float: left; */
        height: auto;
        /*padding-top:30px;*/
    }

    #container3_body_div img {
        /* float: left; */
        /*margin-right:10px;*/
        /*margin-top: auto;!*居中*!*/
        /*margin-bottom:auto;*/
        /*vertical-align: middle*/
        /* margin-right: 10px; */
    }


    #container3_body_index {
        width: 100%;
        /* float: left; */
        text-align: left;
        margin-left: 3px;
    }


    #container3_body2 {
        margin: 0 auto; /*居中*/
        width: 100%;
        height: auto;
        text-align: center;
    }

    #container3_body2_div {
        /* float: left; */
        /* height: 200px; */
        padding-top:30px;
    }

    #container3_body2_div img {
        /* float: left; */
        /*margin-right:10px;*/
        /*margin-top: auto;!*居中*!*/
        /*margin-bottom:auto;*/
        /*vertical-align: middle*/
        /* margin-left: 10px; */
    }

    #container3_body2_index {
        /* width: 845px; */
        /* float: left; */
        text-align: left;
        /* margin-right: 42px; */
    }

    #container4 {
        background: url(../images/title03.png) no-repeat center top;
        height: auto;
        position: relative;
        width: 100%;
        margin: 0 auto; /*居中*/
        padding-top: 114px;
        /* color: white; */
        margin-top: 37px;
    }

    .container4_text_danshu,.container4_text_shuangshu{
        width: 96%;
        margin:0 auto;
    }

    .container4_body_danshu {
        margin: 0 auto; /*居中*/
        width: 100%;
        height: auto;
        /*text-align: center;*/
        background-color: #31388a;
        /*position: absolute;*/
        padding-top: 20px;
        /* margin-top: 10px; */
    }

    .container4_body_div_danshu {
        /* float: left; */
        /* height: 20%; */
        /*padding-top:30px;*/
        /*position: relative;*/
        /* margin-left: 15px; */
        /* width: 13%; */
        text-align: center;
    }

    .container4_body_index_danshu {
        width: 98%;
        /* float: left; */
        text-align: left;
        /* margin-left: 15px; */
        /*position: relative;*/
    }


    .container4_body_shuangshu {
        margin: 0 auto; /*居中*/
        width: 100%;
        height: auto;
        /*text-align: center;*/
        background-color: #31388a;
        /*position: absolute;*/
        padding-top: 25px;
        margin-top: 10px;
    }

    .container4_body_div_shuangshu {
        /* float: left; */
        /* height: 168px; */
        /*padding-top:30px;*/
        /*position: relative;*/
        /* margin-left: 15px; */
        text-align: center;
    }

    .container4_body_index_shuangshu {
        width: 100%;
        /* float: left; */
        text-align: left;
        /* margin-left: 15px; */
        /*position: relative;*/
    }

    #container5 {
        background: url(../images/title04.png) no-repeat center top;
        height: auto;
        position: relative;
        width: 100%;
        margin: 0 auto; /*居中*/
        padding-top: 114px;
        color: white;
        /* border:1px solid #ffff; */
        margin-top: 41px;
    }

    .container5_text{
        width: 98%;
        margin:0 auto;
    }
    .container5_left {
        width: 96%;
        /* height: auto; */
        /* float: left; */
        text-align: center;
        margin: 0 auto;
    }

    .container5_right {
        width: 96%;
        /* float: right; */
        text-align: center;
        margin-top: 25px;
        margin: 0 auto;
    }

    .container5_img {
        margin: 0 auto; /*居中*/
    }


    #footer {
        clear: both;
        background: #040415;
        font-size: 14px;
        height: 40px;
        line-height: 30px;
        color: #ffffff;
        text-align: center;
        padding-top: 15px;
    }
}


@media only screen and (max-width:1200px ) {
    .center{
        padding-top: 80px;
    }
    .header{
        top: 0;
        display: block;
    }
    .menu_btn{
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        margin-left: 10px;
        margin-top: 10px;
    }
    .menu_btn:before,
    .menu_btn:after{
        content: "";
        position: absolute;
        right: 0;
        width: 26px;
        height: 2px;
        background: #333;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
    }
    .menu_btn:before{
        top: 13px;
    }
    .menu_btn:after{
        bottom: 13px;
    }
    .menu_btn.on:before{
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
    }
    .menu_btn.on:after{
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
    }
    /*.header {*/
    /*    top: 0;*/
    /*}*/

    .header .nav{
        position: absolute;
        right: 0;
        top: 110%;
        width: 260px;
        background: rgba(0,0,0,0.8);
        padding: 10px 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }
    .header .nav.on{
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    .header .nav li{
        width: 100%;
        float: none;
    }
    .header .nav li>a{
        color: #fff;
        font-size: 16px;
        height: 36px !important;
        line-height: 36px !important;
    }
    .header .nav.on {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
}