@charset "utf-8";

/* CSS Document */

.mode04 .flex-container a:active,
.mode04 .flexslider a:active,
.mode04 .flex-container a:focus,
.mode04 .flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.mode04 .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mode04 .flexslider {
    margin: 0;
    padding: 0;
}

.mode04 .flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative
}

.mode04 .flexslider .slides>li.clone {
    position: relative
}

.mode04 .flexslider .slides img {
    width: 100%;
    display: block;
}

.mode04 .flexslider .slides>a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 62.81%;
    overflow: hidden;
}

.mode04 .flex-pauseplay span {
    text-transform: capitalize;
}

.mode04 .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides>li:first-child {
    display: block;
}


/* FlexSlider Default Theme*/

.mode04 .flexslider {
    position: relative;
    zoom: 1;
}

.mode04 .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.mode04 .loading .flex-viewport {
    max-height: 300px;
}

.mode04 .flexslider .slides {
    zoom: 1;
}

.mode04 .carousel li {
    margin-right: 20px;
}


/* Direction Nav */

.mode04 .flex-direction-nav {
    *height: 0;
}

.mode04 .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-indent: -999em;
    margin-top: -25px;
}

.mode04 .flex-direction-nav .flex-prev {
    background: url(../images/lf.png) no-repeat center center;
    left: 0
}

.mode04 .flex-direction-nav .flex-next {
    background: url(../images/rt.png) no-repeat center center;
    right: 0
}

.mode04 .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}


/* Pause/Play */

.mode04 .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    background: #ddd
}

.mode04 .flex-pauseplay a:hover {
    opacity: 1;
}

.mode04 .flex-control-nav {
    width: auto;
    position: absolute;
    bottom: 15px;
    right: 20px;
    z-index: 99;
    display: none;
}

.mode04 .flex-control-nav li {
    margin: 10px 6px 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.mode04 .flex-control-paging li a {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    /*! text-indent: -9999px; */
    background-color: #d2d2d2;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #ce140f;
}

.mode04 .flex-control-paging li a:hover {
    background: #d53717;
    color: #fff;
}

.mode04 .flex-control-paging li a.flex-active {
    background: #ce140f;
    color: #fff;
}

.mode04 .flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.mode04 .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.mode04 .flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.mode04 .flex-control-thumbs img:hover {
    opacity: 1;
}

.mode04 .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

.mode04 .slide_title8 {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
}

.mode04 .slide_title8 h3 {
    font-weight: normal;
    font-size: 15px;
    height: 24px;
    margin-bottom: 0;
}

.mode04 .slide_title8>a {
    padding: 8px 20px;
}

.mode04 .flex-direction-nav a.flex-prev {
    background: url(../images/lf03.png) no-repeat center center;
}

.mode04 .flex-direction-nav a.flex-next {
    background: url(../images/rt03.png) no-repeat center center;
}

.content {
    width: 100%;
    overflow: hidden;
}

.mode01 {
    max-width: 1366px;
    margin: 1.4% auto;
    overflow: hidden;
}

.mode01 .lf {
    max-width: 1366px;
}

.mode02 {
    max-width: 1366px;
    overflow: hidden;
    margin: 0 auto;
}

.mode02 .lf {
    width: 48.5%;
    float: left;
    overflow: hidden;
}

.mode02 .rt {
    width: 48.5%;
    float: right;
    overflow: hidden;
}

.mode03 {
    max-width: 1366px;
    overflow: hidden;
    margin: 1.7% auto;
}

.mode03 .lf {
    width: 48.5%;
    float: left;
    overflow: hidden;
}

.mode03 .rt {
    width: 48.5%;
    float: right;
    overflow: hidden;
}

.mode04 {
    max-width: 1366px;
    overflow: hidden;
    margin: 0 auto;
}


/*mode01*/


/*图片轮播*/


/*FlexSlider默认样式*/

.Banner {
    width: 50%;
    float: left;
}

.Banner .flexslider {
    width: 100%;
    background: #fff;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.Banner .flexslider ul li {
    list-style: none;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
    *height: auto;
    *padding-bottom: 0;
}

.Banner .flexslider ul li img {
    border: none;
}

.Banner .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.Banner .loading .flex-viewport {}

.Banner .flexslider .slides {
    zoom: 1;
    width: 100%;
    padding: 0;
}

.Banner .carousel li {
    margin-right: 5px;
}


/*icon小点*/

.Banner .flex-control-nav {
    width: 99px;
    position: absolute;
    bottom: 6px;
    right: 0;
    text-align: center;
    z-index: 9999;
}

.Banner .flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.Banner .flex-control-paging li a {
    float: left;
    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/con1.png) no-repeat;
    cursor: pointer;
    text-indent: -9999px;
}

.Banner .flex-control-paging li a:hover {
    background: url(../images/con1.png) no-repeat;
}

.Banner .flex-control-paging li a.flex-active {
    background: url(../images/con2.png) no-repeat;
}

.Banner .slides h4 a {
    color: #fff;
    opacity: 1.0;
    font-size: 14px;
    text-decoration: none;
}

.Banner .slides h4 a:hover {
    color: #fff;
    font-size: 14px;
}

.flex-direction-nav {
    display: none;
}

.Banner .flexslider ul li>div {
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 35px;
    color: #fff;
    background: url(../images/banner_bg.png) repeat;
    line-height: 35px;
    overflow: hidden;
    text-indent: 20px;
    z-index: 9999;
}

.Banner .flexslider ul li>div a {
    font-size: 14px;
    color: #fff;
}

.listTitle_01 {
    padding-left: 9%;
    padding-bottom: 2%;
    background: #fff;
    overflow: hidden;
    padding: 5% 0 2% 9%;
}

.listTitle_01 .title {
    float: left;
    font-size: 28px;
    color: #267eef;
    font-weight: normal;
    letter-spacing: 2px;
}

.listTitle_02 {
    height: 46px;
    line-height: 46px;
    margin-bottom: 15px;
    background: #f2f2f2;
    overflow: hidden;
}

.listTitle_02 .title {
    color: #fff;
    float: left;
    height: 46px;
    padding: 0 15px;
    background-color: #267eef;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
}

.articleConList {
    float: right;
    width: 48.5%;
    background: #fff;
    overflow: hidden;
}

.articleConList .firstNews {
    padding: 3% 4% 3% 9%;
}

.articleConList .firstNews h3 {
    font-size: 1.8em;
    color: #333333;
    height: 26px;
    overflow: hidden;
}

.articleConList .firstNews p {
    font-size: 1.4em;
    color: #999999;
    border-bottom: #cccccc 2px solid;
    padding: 13px 0;
    line-height: 27px;
    height: 45px;
    overflow: hidden;
}

.articleConList ul {
    /*! padding:0 4% 3% 2%; */
}

.articleConList ul li {
    margin: 10px 0;
    height: 35px;
    overflow: hidden;
    line-height: 35px;
}

.articleConList ul li a {
    font-size: 1.6em;
}

ul li span.rightDate {
    float: right;
    font-size: 1.6em;
    color: #999999;
    font-family: 'Arial';
}

.more {
    font-size: 18px;
    float: right;
    padding-right: 19px;
}

.more a {
    color: #858585;
}


/*mode02*/

.articleConList02 ul {
    margin-top: 10px;
}

.articleConList02 ul li {
    background: url(../images/li.png) no-repeat 5px 17px;
    padding-left: 25px;
    line-height: 28px;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 28px;
    overflow: hidden;
}

.articleConList02 ul li a {
    font-size: 1.6em;
}

.firstText {
    border-bottom: #dcdcdc 1px dashed;
    padding: 11px 0;
}

.firstText h2 {
    margin-bottom: 7px;
    font-weight: normal;
}

.firstText h2 a {
    font-size: 1.6em;
}

.firstText h2 .leftDate {
    font-family: 'Arial';
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    color: #de0c13;
    padding-right: 8px;
}

.firstText p {
    font-size: 1.4em;
    color: #999999;
    line-height: 23px;
}


/*tab start*/

.tabArticleList {
    position: relative;
}

.tabArticleList .tabListTitle {
    overflow: hidden;
    position: absolute;
    top: -54px;
    left: 200px;
}

.tabArticleList .tab_menu .more a {
    color: #ABAAAB;
}

.tabArticleList .tab_menu .more a:hover {
    color: #D54C48;
}

.tabArticleList .tab_menu h3 {
    width: 105px;
    height: 33px;
    line-height: 33px;
    float: left;
    margin: 0 5px;
}

.tabArticleList .tab_menu h3 a {
    display: block;
    height: 33px;
    text-align: center;
    line-height: 33px;
    float: left;
    font-size: 1.8em;
    cursor: pointer;
    color: #666666;
    font-weight: normal;
    width: 105px;
}

.tabArticleList .tab_menu h3:hover,
.tabArticleList .tab_menu h3.on {
    display: block;
    height: 33px;
    line-height: 33px;
    float: left;
    width: 105px;
}

.tabArticleList .tab_menu h3:hover a,
.tabArticleList .tab_menu h3.on a {
    display: block;
    background: url(../images/titlebg.png) no-repeat;
    color: #fff;
    width: 105px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-weight: normal;
}

.tabArticleList .more_tab {
    display: none;
}

.tabArticleList .tabListTitle .more {
    float: right;
    padding-top: 10px;
}

.tabArticleList .tabList {
    position: relative;
}

.tabArticleList .tabListBox .more {
    position: absolute;
    right: 0;
    top: -52px;
    font-size: 18px;
}

.tabArticleList .tabListBox {
    display: none;
}


/*tab end*/


/*mode03*/

.address {
    background: #f2f2f2;
    overflow: hidden;
}

.address ul {
    padding: 1% 7% 3% 7%;
}

.address ul li {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin: 15px 0;
    height: 30px;
    overflow: hidden;
}

.address ul li span {
    font-weight: bold;
    color: #004ea2;
    padding-right: 7px;
}


/*mode04*/

.friendLink {
    background: #f2f2f2;
    padding: 15px 20px;
    overflow: hidden;
}

.friendLink h2 {
    font-size: 20px;
    color: #267eef;
    padding-right: 10px;
    float: left;
}

.friendLink a {
    font-size: 16px;
    color: #666666;
    display: inline-block;
    padding: 0 10px;
    line-height: 25px;
    border-right: 1px solid #ddd;
}

@media screen and (max-width:1366px) {
    .mode01,
    .mode02,
    .mode03,
    .mode04 {
        width: 94%;
        margin: 10px auto;
    }
    .Banner {
        /*! width: 100%; */
        /*! float: none; */
    }
    .articleConList {
        /*! float: none; */
        /*! width: 100%; */
        /*! margin-top: 30px; */
    }
    .articleConList ul {
        /*! padding:20px ; */
    }
    .listTitle_01 {
        padding-left: 0;
    }
    .listTitle_01 .title {
        font-size: 24px;
    }
    .listTitle_02 .title {
        font-size: 24px;
    }
    .articleConList ul {
        overflow: hidden;
    }
    .articleConList ul li {
        width: 93%;
        float: left;
        margin: 0 0 18px 6px;
    }
}

@media screen and (max-width:1000px) {
    .Banner,
    .articleConList {
        float: none;
        width: 100%;
    }
    .Banner {
        margin-bottom: 20px;
    }
    .listTitle_01,
    .articleConList .firstNews,
    .articleConList ul {
        padding-left: 4%;
        padding-bottom: 2%;
    }
    .listTitle_01 .title {
        font-size: 22px;
    }
    .listTitle_02 .title {
        font-size: 22px;
    }
}

@media screen and (max-width: 900px) {
    .tabArticleList .tab_menu h3 {
        margin: 0;
    }
    .tabArticleList .tabListTitle {
        left: 155px;
    }
}

@media screen and (max-width: 800px) {
    .articleConList02 ul li a,
    ul li span.rightDate {
        font-size: 14px;
    }
    .address ul li {
        font-size: 16px;
        height: 30px;
    }
    .mode01 .lf {
        width: 100%;
        float: none;
    }
    .mode01 .rt {
        width: 100%;
        float: none;
        margin-top: 3%;
    }
    .mode02 .lf,
    .mode03 .lf,
    .mode02 .rt,
    .mode03 .rt {
        float: none;
        width: 100%;
    }
    .mode03 .rt,
    .mode02 .rt {
        margin-top: 2%;
    }
    .articleList05 ul li {
        width: 31%;
    }
}

@media screen and (max-width:640px) {
    .articleList02 ul.newsImg {}
    .articleList02 dl.hotnewsList dd {
        float: none;
        width: 100%;
    }
    .information ul li {
        float: none;
        width: auto;
        margin-right: 0;
    }
    .articleList02 ul.newsImg li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .articleListImg {
        text-align: center;
        margin-bottom: 2%;
    }
    .articleListImg,
    .articleListText {
        float: none;
        width: 100%;
    }
    .articleConList ul li {
        width: 100%;
        float: none;
        margin: 0;
        box-sizing: border-box;
        padding-right: 15px;
        padding-left: 0;
    }
}

@media screen and (max-width:520px) {
    .linkInfo_t {
        padding: 9% 2.8%;
    }
    .serviceList li {
        width: 33.2%;
    }
}

@media screen and (max-width:480px) {
    .tabArticleList .tab_menu h3 {
        margin: 0;
    }
    .tabArticleList .tabListTitle {
        left: 155px;
    }
}

@media screen
/*and (min-width:320px)*/

and (max-width:360px) {}