/* ===============================================================
Basic Swiper Styles 
================================================================*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.banner {
    width: 100%;
    /*height:100%; */
    height: 540px;
    position: relative;
    overflow: hidden;
    min-width: 1200px;
    margin: 0 auto;
}

.banner .arrow-left {
    /* background:rgba(0, 0, 0, 0.401961);*/
    background: url(/images/bg/index_nav3.png) repeat;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -56px;
    width: 30px;
    height: 112px;
    z-index: 100;
}

    .banner .arrow-right {
        /* background:rgba(0, 0, 0, 0.401961);*/
        /* background: url(/css/img/arrows.png) no-repeat left bottom;*/
        background: url(/images/bg/index_nav3.png) repeat;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -56px;
        width: 30px;
        height: 112px;
        z-index: 100;
    }

.banner .arrow-left img {
    margin: 46px 0 0 7px;
}

.banner .arrow-right img {
    margin: 46px 0 0 10px;
}

    .banner .arrow-left:hover,
    .banner .arrow-right:hover {
        background: url(/images/bg/index_nav4.png) repeat;
        /*background:rgba(0, 0, 0, 0.5);*/
        /*-moz-opacity: 0.5;  opacity:.50;  filter: alpha(opacity=50);*/
    }

.swiper-container {
    width: 100%;
    height: 100%;
    /*height:540px;*/
    min-width: 1200px;
}

.swiper-wrapper img {}

.swiper-slide {
    position: relative;
}

.swiper-slide a {
    display: block;
    height: 100%;
}

.swiper-slide .swiper-conntent {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    background: url(/images/bg/index_bg_png1.png) repeat-x \9;
    height: 98px;
    display: block;
    width: 100%;
    min-width: 1200px;
}

.swiper-slide .swiper-conntent p {
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    height: 98px;
    line-height: 98px;
    z-index: 1;
    font-size: 18px;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 138px;
    width: 100%;
    z-index: 1;
}

.title {}

.title h2 {
    color: #053b8b;
    font-size: 18px;
    float: left;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
}

.title h2 i {
    width: 8px;
    height: 2px;
    background: url(/images/bg/title_bg1.png) no-repeat;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 11px;
}

.title h2 a {
    color: #053b8b;
    font-size: 18px;
}

.title a.more {
    width: 65px;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    background: #f0f0f0;
    text-align: center;
    color: #053b8b;
    font-size: 12px;
    float: right;
}

.news {
    width: 740px;
    height: 1187px;
    float: left;
    background: #fff;
    margin-top: 30px;
    padding: 25px;
}

.main_list {}

.main_list ul {}

.main_list ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 26px 0;
    min-height: 116px;
}

.main_list ul li a {}

.main_list ul li img {
    border: none;
    width: 155px;
    height: 113px;
    display: block;
    float: left;
    vertical-align: bottom;
}

.list_text {
    float: right;
    width: 572px;
}

.list_text em {
    background: url(/images/bg/notice_detail_icon3.png) no-repeat;
    width: 8px;
    height: 15px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-top: 9px;
}

.list_text h3 {
    display: inline-block;
    width: 550px;
    color: #333333;
    font-size: 18px;
    line-height: 32px;
    margin-left: 5px;
    font-weight: normal;
    min-height: 64px;
}

.list_text span {
    display: block;
    color: #999999;
    font-size: 12px;
    line-height: 30px;
    margin-left: 22px;
}

.main_list ul li:hover .list_text h3 {
    color: #053b8b;
}

.sidebar {
    width: 380px;
    float: right;
    margin-top: 30px;
}

.donation {
    padding: 25px 30px;
    height: 330px;
    background: #fff;
}

.donation span {
    font-size: 14px;
    color: #666666;
    line-height: 36px;
    display: block;
}

.donation span em {
    color: #053b8b;
    font-size: 24px;
}

.donation_btn {
    margin-top: 50px;
}

.donation_btn a {
    display: block;
    width: 314px;
    height: 47px;
    background: #053b8b;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 47px;
    margin-bottom: 23px;
}

.side_down {
    height: 827px;
    background: #fff;
    margin-top: 30px;
}

.query {
    padding: 25px 30px;
}

.query_sch {
    width: 312px;
    height: 47px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-top: 25px;
}

.query_sch input {
    height: 30px;
    width: 246px;
    margin: 8px 0 0 5px;
    float: left;
    border: none;
    border-right: 1px solid #e5e5e5;
    text-align: center;
    font-size: 14px;
}

    .query_sch button {
        background: url(/images/bg/index_query1.jpg) center center no-repeat;
        width: 40px;
        height: 30px;
        border: none;
        float: right;
        margin: 9px 10px 0 0;
        cursor: pointer;
    }

.focus_on {
    padding: 0 30px 25px 30px;
}

.focus_on ul {
    padding-top: 35px;
    padding-bottom: 37px;
    height: 194px;
    display: block;
}

.focus_on ul li {
    height: 193px;
    float: left;
    width: 49.5%;
    display: block;
}

.focus_on ul li img {}

.focus_on ul li p {
    font-size: 14px;
    color: #999999;
    width: 118px;
    display: inline-block;
}

.focus_on ul li a.link {
    width: 104px;
    height: 32px;
    background: #f76a20;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    margin-right: 7px;
    margin-top: 18px;
}

.focus_on ul li.focus_first {
    text-align: left;
    border-right: 1px solid #e5e5e5;
}

.focus_on ul li.focus_first p,
.focus_on ul li.focus_second p {
    margin-top: 22px;
    text-align: center;
}

.focus_on ul li.focus_second {
    text-align: right;
}

.focus_on ul li.focus_second p {
    text-align: center;
}

.focus_on ul li.focus_second a {}


/*.platform{ padding:0 30px 25px 30px;}
.platformlist{}
.platformlist .hd{}
.platformlist a.next{}
.platformlist a.prev{}
.pageState{}
.platformlist .bd{}
.platformlist .bd .picList{ }
.platformlist .bd .picList ul{ float:left; width:320px; border:none; margin-top:33px;  position:relative;}

.platformlist .bd .picList ul li{ display:block; float:left; width:86px; margin-right:31px; height:125px;}
.platformlist .bd .picList ul li a{}
.platformlist .bd .picList ul li a .img_bg{ text-align:center; width:86px; height:86px; position:relative; z-index:20; overflow:hidden;}
.platformlist .bd .picList ul li a .img_bg > img{ border:none; width:76px; height:76px;}
.platformlist .bd .picList ul li a .img_bg em{background:url(../images/index_bg_circle1.png) center top no-repeat;width:86px; height:86px; display:block; z-index:30; position:absolute; left:0; top:0;}
.platformlist .bd .picList ul li a span{ position:absolute; display:block; width:320px; height:283px; display:none; left:0px; top:-42px; background:#fff; text-align:center; line-height:283px; z-index:50;}
.platformlist .bd .picList ul li a span img{ width:260px; height:260px; border:none; vertical-align:bottom;}
.platformlist .bd .picList ul li a p{  text-align:center; font-size:12px; color:#999999; line-height:24px;}
.platformlist .bd .picList ul li:hover a p{color:#053b8b;}
.platformlist .hd{ }
.platformlist .hd ul {margin-top: 10px;overflow: hidden; text-align:center; padding-left:145px;}
.platformlist .hd ul li{display:inline-block;*zoom:1; background:url(/images/bg/index_icon_dot1.png) no-repeat;width: 10px;height: 10px;margin: 0 3px;cursor: pointer;overflow: hidden;text-indent: -999px; font-size:0; float:left;}
.platformlist .hd ul li.on{background:url(/images/bg/index_icon_dot2.png) no-repeat }
*/

.platform {
    padding: 0 30px 25px 30px;
}

.platformlist {}

.platformlist .hd {}

.platformlist a.next {}

.platformlist a.prev {}

.pageState {}

.platformlist .bd {}

.platformlist .bd .picList {}

.platformlist .bd .picList ul {
    float: left;
    width: 320px;
    border: none;
    /*margin-top:33px;*/
    margin-top: 20px;
    position: relative;
}

.platformlist .bd .picList ul li {
    display: block;
    float: left;
    width: 86px;
    margin-right: 31px;
    height: 125px;
}


/*.platformlist .bd .picList ul li:nth-child(3),.platformlist .bd .picList ul li:nth-child(6){ margin-right:0px;}*/

.platformlist .bd .picList ul li a {}

.platformlist .bd .picList ul li a .img_bg {
    text-align: center;
    width: 86px;
    height: 86px;
    position: relative;
    z-index: 20;
    overflow: hidden;
}

.platformlist .bd .picList ul li a .img_bg>img {
    border: none;
    width: 76px;
    height: 76px;
}

.platformlist .bd .picList ul li a .img_bg em {
    background: url(/images/bg/index_bg_circle1.png) center top no-repeat;
    width: 86px;
    height: 86px;
    display: block;
    z-index: 30;
    position: absolute;
    left: 0;
    top: 0;
}

.platformlist .bd .picList ul li a span {
    position: absolute;
    display: block;
    width: 320px;
    height: 293px;
    display: none;
    left: 0px;
    top: -42px;
    background: #fff;
    text-align: center;
    line-height: 283px;
    z-index: 50;
}

.platformlist .bd .picList ul li a span img {
    width: 260px;
    height: 260px;
    border: none;
    vertical-align: bottom;
}

.platformlist .bd .picList ul li a p {
    text-align: center;
    font-size: 12px;
    color: #999999;
    /*line-height:24px;*/
}

.platformlist .bd .picList ul li:hover a p {
    color: #053b8b;
}

.platformlist .hd {}

.platformlist .hd ul {
    /*margin-top: 10px;*/
    overflow: hidden;
    text-align: center;
    padding-left: 145px;
}

.platformlist .hd ul li {
    display: inline-block;
    *zoom: 1;
    background: url(/images/bg/index_icon_dot1.png) no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    float: left;
}

.platformlist .hd ul li.on {
    background: url(/images/bg/index_icon_dot2.png) no-repeat
}

.item {
    background: #fff;
    padding-top: 25px;
}

.item_tab {
    margin-bottom: 30px;
    padding: 0 25px;
}

.item_tab ul {
    display: inline;
    float: left;
}

.item_tab ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    margin-right: 70px;
    text-align: center;
}

.item_tab ul li a {
    font-size: 18px;
    color: #999999;
    height: 28px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.item_tab ul li.act a {
    color: #053b8b;
    border-bottom: 2px solid #053b8b;
}

.item_tab>a.more {
    width: 65px;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    background: #f0f0f0;
    text-align: center;
    color: #053b8b;
    font-size: 12px;
    margin-right: 5px;
    float: right;
}

.itemlist {
    padding: 0 10px;
    position: relative;
}

.itemlist .hd {
    /*position:absolute; right:44px; top:-74px;*/
    height: 40px;
    position: relative;
}


/*.itemlist .hd a.more{width:65px; height:30px; display:inline-block;*display:inline;*zoom:1; line-height:30px; background:#f0f0f0; text-align:center;color:#053b8b; font-size:12px;  margin-right:10px;float:right;}*/

.itemlist .hd ul {
    margin-top: 10px;
    overflow: hidden;
    /*text-align:right; float:right;*/
    text-align: center;
    position: absolute;
    left: 50%;
}

.itemlist .hd ul li {
    display: inline-block;
    background: url(/images/bg/index_icon_dot1.png) no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    float: left;
}

.itemlist .hd ul li.on {
    background: url(/images/bg/index_icon_dot2.png) no-repeat
}

.itemlist .bd {}

.itemlist .bd ul {}

.itemlist .bd ul li {
    float: left;
    margin: 15px;
    width: 263px;
    display: block;
}

.itemlist .bd ul li a {}

.itemlist .bd ul li a .img_bg {
    width: 263px;
    height: 170px;
}

.itemlist .bd ul li a img {
    width: 263px;
    height: 170px;
    border: none;
}

.itemlist .bd ul li a p {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

.itemlist .bd ul li:hover p {
    color: #053b8b;
}

.friend {
    margin-top: 30px;
    background: #fff;
    padding: 25px 0 0 0;
    margin-bottom: 40px;
}


/*.friend_tab {
    margin-bottom: 30px;
    padding: 15px 25px;
}*/

.friend_tab ul {
    display: inline-block;
    float: left;
}

.friend_tab ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    margin-right: 40px;
    text-align: center;
}

.friend_tab ul li a {
    font-size: 18px;
    color: #999999;
    height: 28px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/*.friend_tab ul li.act a {
    color: #053b8b;
    border-bottom: 2px solid #053b8b;
}*/

.friend_tab>a.more {
    width: 65px;
    height: 30px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    background: #f0f0f0;
    text-align: center;
    color: #053b8b;
    font-size: 12px;
    margin-right: 10px;
    float: right;
}

.friend_list {
    padding: 0 10px;
    position: relative;
}

.friend_list .hd {
    /*position:absolute; right:44px; top:-74px;*/
    height: 40px;
    position: relative;
}


/*.friend_list .hd a.more{width:65px; height:30px; display:inline-block;*display:inline;*zoom:1; line-height:30px; background:#f0f0f0; text-align:center;color:#053b8b; font-size:12px; margin-right:10px;float:right; }*/

.friend_list .hd ul {
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 50%;
}

.friend_list .hd ul li {
    display: inline-block;
    background: url(/images/bg/index_icon_dot1.png) no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999px;
    font-size: 0;
    float: left;
}

.friend_list .hd ul li.on {
    background: url(/images/bg/index_icon_dot2.png) no-repeat
}

.friend_list .bd {}

.friend_list .bd {}

.friend_list .bd ul {
    float: left;
    width: 1180px;
    border: none;
    overflow: hidden;
}

.friend_list .bd li {
    float: left;
    margin: 0 15px;
    width: 116px;
    /*height:115px;*/
    display: block;
}

.friend_list .bd li a {}

.friend_list .bd li a img {
    width: 116px;
    height: 86px;
    border: 1px solid #e5e5e5;
    vertical-align: bottom;
}

.friend_list .bd li a p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    color: #999999;
}

.friend_list .bd li:hover p {
    color: #053b8b;
}

  
/* i i s 7 . c o m */