﻿/* *****轮播**** */


/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/ 
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/


/* ===============================================================
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;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
    /* Specify Swiper's Size: */
    /* width: 200px;
  height: 100px; */
}

.swiper-slide {
    /* Specify Slides's Size: */
    /*width: 100%;
height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */
}

.swiper-slide-visible {
    /* Specific visible slide styling: */
}


/* ===============================================================
Pagination Styles
================================================================*/


/* 轮播点 */

.swiper-pagination-switch {
    /* Stylize pagination button: */
    display: inline-block;
    width: 13px;
    height: 10px;
    border-radius: 3px;
    background: #f8f8f8;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-active-switch {
    /* Specific active button style: */
    width: 23px;
    background: #ffc053;
}

.swiper-visible-switch {
    /* Specific visible button style: */
}


/* ************ */

.banner-swiper {
    width: 685px;
    height: 385px;
    overflow:hidden
}
.banner-swiper img {
    height: 385px;
    width: 685px;
}
.banner-one-abg {
    position: absolute;
    left: 0;
    bottom: -4px;
    padding: 20px 25px;
    width: 685px;
	background:url(../images/jw_tpxwbg.png) repeat-x;
}
.banner-one-a {
    display: inline-block;
    overflow: hidden;
    width: 510px;
    font-size: 18px;
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.banner-one-a:hover {
    color: yellow;
    text-decoration: none;
}
.banner-dot {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.Rolling {
    position: relative;
    width: 685px;
    height: 385px;
    float: left;
    margin-top: 15px;
}
.mode31_news{
    width: 497px;
    height: 385px;
    float: right;
}
.mode31_news { 
    width: 480px;
    height: 416px;
    float: right; 
}
.mode31 .mode31_qmyfzq { width:480px; float:left; }
    .mode31_qmyfzq .mode31_qmyfzq_title { width:100%; height:50px; line-height:50px; margin-bottom:10px; }
        .mode31_qmyfzq .mode31_qmyfzq_title a { font-size:24px; font-weight:bold; color:#C70216; }
    .mode31_qmyfzq .mode31_qmyfzq_top { width:100%; height:113px; border-top:1px solid #C40316; background:url(../images/wxf12.png) top left no-repeat #F5F5F5; display:block; position:relative; }
        .mode31_qmyfzq .mode31_qmyfzq_top p { width:440px; height:60px; margin:0px auto; margin-top:26px; color:#000; font-size:18px; line-height:30px; overflow:hidden; }
        .mode31_qmyfzq .mode31_qmyfzq_top span { font-size:18px; color:#999999; top:61px; right:30px; position:absolute; }
        .mode31_qmyfzq .mode31_qmyfzq_top:hover p { color:#015293; }
        .mode31_qmyfzq .mode31_qmyfzq_top:hover span { color:#015293; }
    .mode31_qmyfzq .mode31_qmyfzq_list { margin-top:7px; }
        .mode31_qmyfzq_list .mode31_qmyfzq_item1 { width:170px; height:243px; border:2px solid #F6F6F6; float:left; overflow:hidden; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item1 .mode31_qmyfzq_item1_a1 { width:100%; margin-top:50px; margin-bottom:18px; padding-top:46px; text-align:center; font-size:17px; color:#010101; display:block; background:url(../images/wxf13-1.png) top center no-repeat; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item1 span { width:100%; padding-top:5px; display:block; text-align:center; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item1 span a { color:#454545; line-height:18px; font-size:15px; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item1 span font { padding:0px 5px; color:#D6D6D6; line-height:18px; font-size:14px; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item1:hover { background-color:#015293; border:2px solid #015293; }    
            .mode31_qmyfzq_list .mode31_qmyfzq_item1:hover .mode31_qmyfzq_item1_a1 { color:#FFF; background:url(../images/wxf13-1-hover.png) top center no-repeat; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item1:hover span a { color:#FFF; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item1:hover span font { color:#FFF; }
        .mode31_qmyfzq_list .mode31_qmyfzq_item2, .mode31_qmyfzq_list .mode31_qmyfzq_item3, .mode31_qmyfzq_list .mode31_qmyfzq_item4, .mode31_qmyfzq_list .mode31_qmyfzq_item5 { width:148px; height:118px; overflow:hidden; display:block; border:2px solid #F6F6F6; float:left; }
        .mode31_qmyfzq_list .mode31_qmyfzq_item2:hover, .mode31_qmyfzq_list .mode31_qmyfzq_item3:hover, .mode31_qmyfzq_list .mode31_qmyfzq_item4:hover, .mode31_qmyfzq_list .mode31_qmyfzq_item5:hover { background-color:#015293; border:2px solid #015293; }  
            .mode31_qmyfzq_list .mode31_qmyfzq_item2 { margin:0px 7px 7px 7px; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item2 span { width:100%; margin-top:20px; padding-top:55px; text-align:center; font-size:18px; color:#010101; display:block; background:url(../images/wxf13-2.png) top center no-repeat; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item2:hover span { color:#FFF; background:url(../images/wxf13-2-hover.png) top center no-repeat; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item3 { margin-bottom:7px; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item3 span { width:100%; margin-top:20px; padding-top:55px; text-align:center; font-size:18px; color:#010101; display:block; background:url(../images/wxf13-3.png) top center no-repeat; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item3:hover span { color:#FFF; background:url(../images/wxf13-3-hover.png) top center no-repeat; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item4 { margin:0px 7px; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item4 span { width:100%; margin-top:20px; padding-top:55px; text-align:center; font-size:18px; color:#010101; display:block; background:url(../images/wxf13-4.png) top center no-repeat; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item4:hover span { color:#FFF; background:url(../images/wxf13-4-hover.png) top center no-repeat; }
            .mode31_qmyfzq_list .mode31_qmyfzq_item5 span { width:100%; margin-top:20px; padding-top:55px; text-align:center; font-size:18px; color:#010101; display:block; background:url(../images/wxf13-5.png) top center no-repeat; }
                .mode31_qmyfzq_list .mode31_qmyfzq_item5:hover span { color:#FFF; background:url(../images/wxf13-5-hover.png) top center no-repeat; }
            
.mode31 .mode31_news { width:680px; margin-top:9px; float:right; }
    .mode31_news .mode31_news_nav { width:100%; border-bottom:1px solid #EFEFEF; }
        .mode31_news .mode31_news_nav a { margin-right:50px; margin-bottom:-1px; line-height:50px; font-size:24px; color:#000; font-weight:bold; display:inline-block; float:left; }
        .mode31_news .mode31_news_nav a:hover, .mode31_news .mode31_news_nav a.hover { border-bottom:2px solid #015293; color:#015293; }
    .mode31_news .mode31_news_list { width:100%; margin-top:20px; }
        .mode31_news .mode31_news_list a { width:100%; height:26px; line-height:26px; margin-top:13px; font-size:18px; display:block; background:url(../images/h_img/dian.png) left center no-repeat; }
        .mode31_news .mode31_news_list a p {width: 76%;padding-left:18px;color:#111;float:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
        .mode31_news .mode31_news_list a span {width: 22%;color:#999999;text-align:right;float:right;display:block;}
        .mode31_news .mode31_news_list a:hover { background:url(../images/h_img/dian_hover.png) left center no-repeat; }
        .mode31_news .mode31_news_list a:hover p { color:#015293; }
        .mode31_news .mode31_news_list a:hover span { color:#015293; }