/* */
body {
    font-family: "微软雅黑",YaHei,tahoma,arial,"Hiragino Sans GB",宋体;
}

html,body {
    font-size: 14px;
    line-height: 1.50;
    color: #333;
    background-color: #ffffff;
    position: relative;
    min-width: 1350px;
}

h1 ,h2 ,h3 ,h4,h5 ,h6 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

p {
    line-height: 1.8;
    margin-bottom: 0;
}

a, a:link {
    color: #555;
    list-style: none
}

a:hover {
    color: #204380;
    text-decoration: none;
}

a:focus,a:active {
    outline: none;
}

a:visited {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

ul,ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    height: auto;
    max-width: 100%;
}

blockquote {
    border-left: none;
    padding-left: 0;
    padding-right: 0;
}

input,:focus {
    outline: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix {
    #zoom:1;}

.t2 {
    text-indent: 2em;
}

.f12 {
    font-size: 12px;
}

.f16 {
    font-size: 16px;
}

.rel {
    position: relative;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Layout */
.w1440 {
    width: 1400px;
    margin: 0 auto;
}

label {
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
}

.container {
    width: 85%;
    padding-left: 40px;
    min-width: 1340px;
}

.index-container {
    width: 1340px;
    padding: 0 15px;
    margin: auto;
}

.footer .container {
    width: 1340px;
}

.panel-title.tt1 a.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.transbg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

/* Navigations----------------------------------------------------------------------------- */
.header {
}

.logo {
    padding: 10px 0;
}

.navbar {
    margin-bottom: 0;
    height: 100px;
    padding-top: 10px;
}

.navbar-nav {
    padding-top: 8px;
    padding-left: 170px;
}

.navbar-nav > li > a {
    padding: 20px 30px;
}

.navbar-nav > li > a:hover,.navbar-nav > li.active > a:hover {
    color: #3e63a2;
}

.navbar-nav > li.active > a {
    color: #3e63a2;
}

.navbar-nav > li > a {
    color: #000;
    z-index: 99;
    font-size: 16px;
    transition: all 0.5s;
    background: url(../images/nav_bg.png) -100px bottom no-repeat;
}

.navbar-nav > li > a:hover {
    background: url(../images/nav_bg.png) center bottom no-repeat;
    color: #3e63a2;
}

.navbar-nav > li a.active {
    background: url(../images/nav_bg.png) center bottom no-repeat;
    color: #3e63a2;
}

@media (min-width: 1720px) and (max-width: 1800px) {
    .navbar-nav {
        padding-top: 8px;
        padding-left: 90px;
    }
}

@media (min-width: 150px) and (max-width: 1720px) {
    .navbar-nav {
        padding-top: 8px;
        padding-left: 20px;
    }
}

/*下拉菜单*/
.subNavBox {
    position: absolute;
    left: 0px;
    top: 100px;
    width: 100%;
    left: 0px;
    background-color: #204380;
    height: 0;
    overflow: hidden;
    z-index: 99;
}

.subNavBox .subNav {
    display: none;
    height: 49px;
    line-height: 49px;
}

.subNavBox .subNav dd a {
    line-height: 49px;
    color: #fff;
    font-size: 15px;
    display: block;
}

.subNavBox .subNav dd a:hover {
    color: #2e94ff;
}

.subNav .subNavList {
    width: 864px;
    margin: 0px auto;
    text-align: right;
}

.subNav .subNavList dd {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
}

.subNavBox a:link, .subNavBox a:visited {
    color: #646464;
}

.subNavBox a:active, .subNavBox a:hover {
    color: #646464;
}

/*搜索*/
.search {
    color: #333;
    position: absolute;
    top: 32px;
    right: 80px;
}

@media (min-width: 900px) and (max-width: 1500px) {
    .search {
        color:#333;
        position: absolute;
        top: 32px;
        right: 40px;
    }
}

.search_form {
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 25px;
    padding: 2px;
}

.input-kw {
    float: left;
    width: 180px;
    height: 26px;
    line-height: 26px;
    border: none;
    padding: 0 10px;
    color: #666;
    font-size: 12px;
    background: none;
}

.input-btn {
    float: left;
    background: url(../images/ss.png) no-repeat center center;
    width: 40px;
    height: 26px;
    cursor: pointer;
    border: 0;
    line-height: 20px;
}

.lanuage {
    float: right;
    border: 1px solid #1f4381;
    margin: 2px 0 0 30px;
}

.lanuage a {
    color: #666;
    display: inline-block;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
}

.lanuage a:nth-child(2) {
    margin-left: -4px;
    margin-right: -1px
}

.lanuage a:hover {
    background: #1f4381;
    color: #fff
}

.lanuage .on {
    background: #1f4381;
    color: #fff
}

/*banner*/
.carousel-control {
    height: 100%;
    width: 15%;
    text-indent: -9999px;
    opacity: 0;
}

.carousel-control.left {
    background: url(../images/jt-left.png) no-repeat center center;
    left: 0
}

.carousel-control.right {
    background: url(../images/jt-right.png) no-repeat center center;
    right: 0;
}

.carousel-indicators li {
    display: inline-block;
    width: 44px;
    height: 7px;
    background-color: #ebebeb;
    margin: 0 5px;
    border: 1px solid #ebebeb;
}

.carousel-indicators .active {
    width: 44px;
    height: 7px;
    margin: 0 5px;
    background-color: #2c67cd;
    border: 1px solid #2c67cd;
}

.carousel-indicators {
    bottom: 40px;
}

.proTitle a:link, .proTitle a:visited {
    color: #323232;
}

.proTitle a:active, .proTitle a:hover {
    color: #E60012;
}

.proTitle {
    padding: 60px 0px 100px;
    text-align: center;
    color: #b4b4b4;
    background: url(../images/bg.png) no-repeat center bottom;
}

.proTitle .zh {
    font: 45px/1.4 "microsoft yahei";
    color: #204380;
    margin-bottom: 15px;
}

.proTitle .enT {
    color: #b4b4b4;
    letter-spacing: 4px;
    text-transform: uppercase;
    position: relative;
    padding: 0px 15px;
    font-family: Arial;
}

.proTitle .enT .i1, .proTitle .enT .i2 {
    height: 1px;
    background-color: #d2d2d2;
    position: absolute;
    top: 50%;
    width: 112px;
    overflow: hidden;
    display: block;
}

.proTitle .enT .i1 {
    right: 100%;
}

.proTitle .enT .i2 {
    left: 100%;
}

.moreR {
    position: absolute;
    right: 0px;
    bottom: 10%;
    display: block;
    width: 250px;
    padding: 0px 18px;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    color: #323232;
    background-color: #ffffff;
    z-index: 10;
}

.moreR .ico {
    background: url(../images/more_rico.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -12px;
}

.moreR:hover {
    background-color: #13aee9;
    color: #fff;
}

.moreR:hover .ico {
    right: 8px;
    background-image: url(../images/more_rico2.png);
}

.productIpage {
    position: relative;
}

.productIdemo .black {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 55%;
    height: 100%;
    background: url(../images/black_2.png) repeat;
    background: none rgba(0,0,0,0.5);
}

.productIList {
    position: relative;
}

.productIList a:link, .productIList a:visited {
    color: #fff;
}

.productIList a:active, .productIList a:hover {
    color: #fff;
}

.productIList dd {
    color: #fff;
}

.productIList a {
    position: relative;
    padding-left: 20%;
    height: 120px;
    display: block;
    float: left;
}

.productIList .p1-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: none rgba(62, 99, 162,0.9);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .p2-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: none rgba(62, 99, 162,0.9);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .p3-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: none rgba(62, 99, 162,0.9);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .p4-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: none rgba(62, 99, 162,0.9);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .p5-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: none rgba(62, 99, 162,0.9);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .p6-bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background: none rgba(62, 99, 162,0.9);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .ico {
    width: 140px;
    height: 120px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 20px 0px;
}

.productIList .ico .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    transform: scale(0.5) rotate(0);
    -webkit-transform: scale(0.5) rotate(0);
    -moz-transform: scale(0.5) rotate(0);
    opacity: 0;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.productIList .ico .bg1 {
    background-color: #204380;
}

.productIList .ico .bg2 {
    background-color: #204380;
}

.productIList .ico .bg3 {
    background-color: #204380;
}

.productIList .ico .bg4 {
    background-color: #204380;
}

.productIList .ico .bg5 {
    background-color: #204380;
}

.productIList .ico .bg6 {
    background-color: #204380;
}

.productIList .ico .i {
    background: url(../images/ico.png);
    width: 80px;
    height: 80px;
    margin: 0px auto;
    position: relative;
    z-index: 5px;
    display: block;
}

.productIList .ico .i1 {
    background-position: 0px 0px;
}

.productIList .ico .i2 {
    background-position: 0px -80px;
}

.productIList .ico .i3 {
    background-position: 0px -160px;
}

.productIList .ico .i4 {
    background-position: 0px -240px;
}

.productIList .ico .i5 {
    background-position: 0px -320px;
}

.productIList .ico .i6 {
    background-position: 0px -400px;
}

.productIList .con {
    display: block;
    padding: 0px 130px 0px 198px;
    position: relative;
    height: 120px;
    box-sizing: content-box;
    width: 400px;
}

.productIList .t {
    font-size: 16px;
    line-height: 1.5;
    padding: 45px 0px 10px;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.productIList .t .zh {
    transition: 300ms;
    -webkit-transition: 300ms;
    width: 100px;
    display: inline-block;
}

.productIList .t .en {
    text-transform: uppercase;
    font-size: 12px;
}

.productIList .t .en i {
    padding-left: 5px;
    transition: 300ms;
    -webkit-transition: 300ms;
    background: url(../images/line.png) no-repeat scroll left center;
    margin: 0px 5px 0px 22px;
}

.productIList .c {
    height: 25px;
    overflow: hidden;
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
    visibility: hidden;
}

.productIList .line {
    display: block;
    background: #fff;
    position: absolute;
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
    visibility: hidden;
}

.productIList .line_1 {
    width: 28px;
    height: 1px;
    top: 50%;
    right: 57px;
    margin-top: -1px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}

.productIList .line_2 {
    width: 1px;
    height: 28px;
    top: 50%;
    margin-top: -14px;
    right: 70px;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

.productIList a:hover .p1-bg,.productIList a:hover .p2-bg,.productIList a:hover .p3-bg,.productIList a:hover .p4-bg,.productIList a:hover .p5-bg,.productIList a:hover .p6-bg {
    width: 100%;
    transition: 600ms;
    -webkit-transition: 600ms;
}

.productIList a:hover .line {
    transform: translate(0);
    -webkit-transform: translate(0);
    visibility: visible;
    opacity: 1;
    transition: 300ms ease-in 600ms;
    -webkit-transition: 300ms ease-in 600ms;
}

.productIList a:hover .ico .bg {
    transform: scale(1) rotate(180deg);
    -webkit-transform: scale(1) rotate(180deg);
    -moz-transform: scale(1) rotate(180deg);
    opacity: 1;
}

.productIList a:hover .t {
    padding-top: 45px;
}

.productIList a:hover .t .zh {
    font-size: 20px;
}

.productIList a:hover .t .en {
    font-size: 13px;
}

.productIList a:hover .t .en i {
    padding-left: 20px;
}

.productIList a:hover .c {
    opacity: 1;
    visibility: visible;
}

.productIList .summary {
    opacity: 0;
    background: url(../images/bg00050.png) repeat;
    padding: 25px;
    position: absolute;
    width: 20%;
    top: 30%;
    right: 5%;
}

.productIList dd:hover .summary {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.productIList .summary p {
    line-height: 30px;
    border-top: 1px solid #afb2b7;
    padding: 10px 0;
}

.productIList .summary span {
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.productIList .summary h3 {
    padding-bottom: 5px;
}

/*-- 新闻中心 --*/
.myTab {
}

.newswrap {
    padding-bottom: 35px;
}

.newswrap .title {
    padding: 80px 0;
}

.newswrap .title span {
    font-size: 16px;
    display: block;
    color: #888;
}

.news-tabs {
    margin-top: 140px;
    border-bottom: none;
}

.news-tabs > li {
    float: left;
    font-size: 18px;
    text-align: left;
    margin-left: 65px;
    width: 100px;
}

.news-tabs > li > a {
    padding: 0;
    margin-right: 0;
    border: none;
    color: #204380;
    line-height: 36px;
    padding-top: 20px;
    background: url(../images/tab_line.png) no-repeat;
    border-radius: 0;
}

.news-tabs > li.active > a, .news-tabs > li.active > a:hover, .news-tabs > li.active > a:focus {
    border: none;
    color: #2c67cd;
    cursor: pointer;
    background: url(../images/tab_line_on.png) no-repeat;
}

.tab-content {
    position: relative;
    padding-top: 15px;
    clear: both;
}

.tab-content .hot {
    width: 476px;
    float: left;
    margin-right: 35px;
    position: relative;
}

.tab-content .hot h5 {
    padding: 5px 0;
    font-size: 15px;
    line-height: 24px;
    height: 58px;
}

.tab-content .hot p {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
}

.tab-list {
}

.tab-list li {
    width: 327.5px;
    float: left;
    position: relative;
    padding: 15px;
}

.tab-list li a {
    background: #f9f9f9;
    display: block;
    padding: 15px;
    position: relative;
    visibility: visible!important;
}

.listNews .imgbox {
    text-align: center;
}

.listNews .imgbox img {
    width: 268px;
    max-width: 268px;
    height: 180px;
}

.listNews li .hd {
    line-height: 30px;
    display: block;
    font-size: 16px;
    padding: 15px 0;
    height: 120px;
    margin-bottom: 10px;
}

.listNews li .time {
    font-weight: normal;
    height: 44px;
    line-height: 44px;
    margin-top: 5px;
    font-family: Arial;
    position: relative;
    font-size: 54px;
    color: #919191;
}

.listNews li .time span {
    position: absolute;
    left: 38px;
    bottom: 0px;
    background: #f9f9f9;
    width: 80px;
    height: 18px;
    padding: 0 5px;
    line-height: 18px;
    display: block;
    font-size: 16px;
}

.listNews li .ly {
    float: right;
    font-size: 12px;
    font-style: normal;
    font-family: "微软雅黑",YaHei
}

.listNews li .bg {
    background-color: #223e78;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 0%;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 50%;
}

.listNews li .bg::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #fff;
    content: '';
}

.trans {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.listNews li .bg .jianjie {
    padding: 25px;
    color: #fff;
    line-height: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.listNews li .bg .line {
    display: block;
    background: #fff;
    position: absolute;
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
    visibility: hidden;
}

.listNews li .bg .line_1 {
    width: 28px;
    height: 1px;
    bottom: 54px;
    left: 146px;
    margin-top: -1px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}

.listNews li .bg .line_2 {
    width: 1px;
    height: 28px;
    bottom: 40px;
    margin-top: -14px;
    left: 160px;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

.listNews li a:hover .bg .line {
    transform: translate(0);
    -webkit-transform: translate(0);
    visibility: visible;
    opacity: 1;
    transition: 300ms ease-in 600ms;
    -webkit-transition: 300ms ease-in 600ms;
}

.listNews li a:hover .img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.listNews li a:hover .bg {
    height: 100%;
    top: 0%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 15px;
}

.listNews li .bg::before,.listNews li .bg .jianjie {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.listNews li a:hover .bg::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.listNews li a:hover .bg .jianjie {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.listNews li a:hover {
    color: #555;
}

.review {
    width: 4680px;
    position: absolute;
    top: 0;
    left;0;}

.slider {
    width: 100%;
    padding: 0 2px;
    height: 420px;
    overflow: hidden;
    position: relative;
    border-top: none;
}

.gundong {
    width: 100%;
    margin-bottom: 35px;
}

.num-btn {
    margin: 0 auto;
    text-align: center;
}

.num-btn span {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/dd.png) no-repeat;
    text-indent: -9999px;
    margin: 0 2px;
    cursor: pointer;
}

.num-btn span.one {
    background: url(../images/dd-1.png) no-repeat;
}

.slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-top: none;
}

.slider li {
}

.review1,.review2,.review3 {
    width: 4680px;
    position: absolute;
    top: 0;
    left;0;}

.slider1,.slider2,.slider3 {
    width: 100%;
    padding: 0 2px;
    height: 440px;
    overflow: hidden;
    position: relative;
    border-top: none;
}

.gundong1,.gundong2,.gundong3 {
    width: 100%;
    margin-bottom: 35px;
}

.num-btn1,.num-btn2,.num-btn3 {
    margin: 0 auto;
    text-align: center;
}

.num-btn1 span ,.num-btn2 span ,.num-btn3 span {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../images/dd.png) no-repeat;
    text-indent: -9999px;
    margin: 0 2px;
    cursor: pointer;
}

.num-btn1 span.one ,.num-btn2 span.one,.num-btn3 span.one {
    background: url(../images/dd-1.png) no-repeat;
}

.slider1, .slider2 ,.slider3 {
    width: 100%;
    height: 460px;
    overflow: hidden;
    position: relative;
    border-top: none;
}

/*-- 关于我们 --*/
.aboutImg {
    text-align: center;
}

.aboutlist {
    padding: 25px 0 50px;
}

.aboutlist li {
    float: left;
    width: 14.28%;
    text-align: center;
}

.aboutlist li a {
    display: block;
    width: 155px;
    height: 172px;
    padding-top: 25px;
    font-size: 16px;
    color: #204380;
    position: relative;
    margin: 0 auto;
}

.aboutlist li .ico {
    width: 80px;
    height: 72px;
    margin: 0 auto;
    display: block;
    background: url(../images/ico1.png) no-repeat;
    z-index: 3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.aboutlist li.a1 .ico {
    background-position: 0px 0px;
}

.aboutlist li.a2 .ico {
    background-position: 0px -80px;
}

.aboutlist li.a3 .ico {
    background-position: 0px -160px;
}

.aboutlist li.a4 .ico {
    background-position: 0px -240px;
}

.aboutlist li.a5 .ico {
    background-position: 0px -320px;
}

.aboutlist li.a6 .ico {
    background-position: 0px -400px;
}

.aboutlist li.a7 .ico {
    background-position: 0px -480px;
}

.aboutlist li a:hover {
    color: #fff;
}

.aboutlist li.a1 a:hover .ico {
    background-position: -80px 0px;
}

.aboutlist li.a2 a:hover .ico {
    background-position: -80px -80px;
}

.aboutlist li.a3 a:hover .ico {
    background-position: -80px -160px;
}

.aboutlist li.a4 a:hover .ico {
    background-position: -80px -240px;
}

.aboutlist li.a5 a:hover .ico {
    background-position: -80px -320px;
}

.aboutlist li.a6 a:hover .ico {
    background-position: -80px -400px;
}

.aboutlist li.a7 a:hover .ico {
    background-position: -80px -480px;
}

.aboutlist li .y2 {
    background: url(../images/icon_about.png) no-repeat center center;
}

.aboutlist li .y1 {
    background: url(../images/icon_about_on.png) no-repeat center ;
}

.aboutlist li .y2, .aboutlist li .y1 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    z-index: 1;
}

.aboutlist li .y1 {
    opacity: 1;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    visibility: hidden;
}

.aboutlist li .con {
    position: absolute;
    z-index: 2;
    left: 37px;
}

.aboutlist .a7 .con {
    /* left:22px; */
}

.aboutlist li a:hover .y2 {
    opacity: 0;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.aboutlist li a:hover .y1 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
}

.aboutTxt {
    padding: 60px 0;
    background: url(../images/bg1.png) no-repeat center bottom;
}

.aboutTxt .container {
    position: relative;
}

.aboutTxt .more {
    text-align: right;
    padding-right: 40px;
}

.aboutTxt .more a {
    color: #204380;
    font-size: 20px;
    text-transform: uppercase;
}

.aboutTxt .more a:hover {
    color: #609aff;
}

.aboutTxt .tit {
    position: absolute;
    top: -15px;
    right: 20px;
}

.ainfo {
    width: 60%;
    padding: 0 15px;
}

.ainfo .abouthd {
    color: #204380;
    margin-bottom: 40px;
}

.ainfo .abouthd span {
    display: inline-block;
    line-height: 60px;
    border-bottom: 1px solid #204380;
}

.ainfo p {
    font-size: 16px;
    color: #204380;
    line-height: 35px;
}

/*底部*/
.footer {
    background: #204380;
    color: #fff;
}

.footer .container {
    padding: 0 15px;
}

.footer .ftcon {
    background: url(../images/ftbg.jpg) no-repeat;
    width: 382px;
    height: 390px;
    padding: 65px 0;
    margin-left: 15px;
    text-align: center;
    float: left;
}

.linkone {
    padding: 45px 0;
    padding-left: 20px;
}

.linkone li {
    float: left;
    background: url(../images/ico2.png) no-repeat;
    padding-left: 40px;
    height: 35px;
    line-height: 35px;
    padding-right: 20px ;
}

.linkone li a {
    display: block;
    color: #fff;
}

.linkone li.o1 {
    background-position: 0 0;
}

.linkone li.o2 {
    background-position: 0 -52px;
}

.linkone li.o3 {
    background-position: 0 -102px;
}

.linkone li.o4 {
    background-position: 0 -154px;
}

.linktwo {
    padding: 28px 28px 0;
    overflow: hidden;
}

.linktwo li {
    float: left;
    color: #fff;
    line-height: 30px;
}

.linktwo li a {
    color: #fff;
    padding-right: 15px;
    display: block;
}

/*底部菜单*/
.foot-menu {
    float: right;
    padding: 25px 0 0;
}

.foot-menu dl {
    float: left;
    width: 200px;
    margin-bottom: 0;
}

.foot-menu dl dt {
    background: url(../images/ico3.png) no-repeat;
    font-weight: normal;
    margin: 15px 0;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #3c5588;
    padding-left: 30px;
}

.foot-menu dl dt a {
    color: #fff;
}

.foot-menu dl dt.m1 {
    background-position: 0 0;
}

.foot-menu dl dt.m2 {
    background-position: 0 -48px;
}

.foot-menu dl dt.m3 {
    background-position: 0 -96px;
}

.foot-menu dl dt.m4 {
    background-position: 0 -144px;
}

.foot-menu dl dt.m5 {
    background-position: 0 -192px;
}

.foot-menu dl dt.m6 {
    background-position: 0 -240px;
}

.foot-menu dl dd a {
    color: #fff;
    display: block;
    line-height: 40px;
    padding-left: 30px;
}

.foot-menu dl dd a:hover {
    color: #609aff;
    text-decoration: underline;
}

.foot-menu a {
    color: #fff;
}

.copyright {
    background: #031846;
    color: #fff;
    height: 54px;
    text-align: center;
}

.copyright span {
    height: 54px;
    line-height: 54px;
    display: inline-block;
}

.copyright .fllow {
    padding: 0 20px 0 55px;
}

.copyright .weibo {
    width: 54px;
}

.copyright .weixin {
    width: 54px;
}

.copyright .sm {
    background: url(../images/xx.png) no-repeat left center;
    padding-left: 15px;
    margin-left: 10px;
}

.copyright a {
    color: #fff;
    cursor: pointer;
}

.wechat .modal-dialog {
    width: 350px;
    height: 350px;
    top: 50%;
    margin-top: -175px;
    margin-left: -175px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)
}

.wechat .modal-dialog .modal-content {
    border: 10px solid #444646;
    border-radius: 0;
    text-align: center;
}

/*栏目页通用样式*/
.colTitle {
    background: url(../images/tit_line.png) no-repeat center bottom;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.colTitle .tit {
    text-align: center;
    font-size: 30px;
    color: #204380;
}

.colTitle .entit {
    text-align: center;
    font-size: 14px;
    color: #bfbfbf;
    text-transform: uppercase;
    font-family: Arial;
    display: block;
}

.btn-more {
    text-align: center;
    margin: 25px auto;
    clear: both;
}

.btn-more a {
    border: 1px solid #204380;
    color: #204380;
    border-radius: 25px;
    text-transform: uppercase;
    padding: 5px 25px;
    width: 100px;
    display: block;
    margin: 0 auto;
}

.btn-more a:hover {
    border: 1px solid #e80000;
    color: #e80000;
}

.col-banner {
    text-align: center;
    overflow: hidden;
}

/*新闻栏目*/
.focusNews {
    background: url(../images/bg2.jpg) no-repeat center top;
    padding-top: 60px;
    padding-bottom: 45px;
}

.groupNews {
    padding: 45px 0;
}

.groupNews .listNews {
    overflow: hidden;
}

.scg-right {
    padding-left: 10px;
}

.toplist {
    width: 620px;
}

.toplist li {
    line-height: 43px;
    height: 43px;
    font-size: 16px;
    overflow: hidden;
    padding-left: 35px;
}

.toplist li a {
    float: left;
    display: block;
}

.toplist li span {
    float: right;
}

.toplist li.top {
    background: url(../images/top.png) no-repeat 0 50%;
}

.toplist li.new {
    background: url(../images/new.png) no-repeat 0 50%;
}

.toplist li.first {
    background: #fdfdfd;
    height: auto;
    padding: 15px 25px 10px;
    margin-bottom: 10px;
}

.toplist li.first a {
    color: #da251d;
    font-weight: bold;
    font-size: 24px;
    float: none;
    line-height: 30px;
    text-align: center;
    padding-top: 5px;
}

.toplist li.first a:hover {
    color: #e80000
}

.toplist li.first .by {
    border-bottom: 1px solid #eee;
    text-align: center;
    line-height: 30px;
    padding-bottom: 10px;
}

.toplist li.first .by span {
    display: inline-block;
    float: none;
    font-size: 14px;
    color: #b4b4b4;
    padding-right: 10px;
}

.toplist li.first p {
    font-size: 14px;
    line-height: 28px;
    padding: 10px 0 0;
}

.toplist li.first .more {
    text-align: right;
    color: #223e78;
    text-transform: uppercase;
    font-size: 14px;
}

/* 焦点图 */
.scg-left {
    padding: 0 15px;
}

.focus {
    width: 633px;
    position: relative;
}

.img1 {
    width: 633px;
    height: 424x;
    overflow: hidden
}

.img1 img {
    width: 633px;
    height: 424px;
}

.focus li {
    width: 100%;
}

.focus li h5 {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: url(../images/bg00050.png) repeat;
    padding: 0 10px;
    line-height: 45px;
}

.focus li h5 a {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.rslides {
    width: 100%;
    position: relative;
    list-style: none;
    padding: 0
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    opacity: 0.5;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    background: url(../images/i.png) no-repeat 0 0;
    margin-top: -28px
}

.rslides_nav:active {
    opacity: 1.0
}

.rslides_nav.next {
    left: auto;
    background-position: -31px 0;
    right: 0
}

.rslides_tabs {
    margin: 0 auto;
    clear: both;
    text-align: center;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.rslides_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px
}

.rslides_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    background: rgba(0,0,0, .2);
    background: #DDD;
    display: inline-block;
    _display: block;
    *display: block;
    width: 9px;
    height: 9px;
    border-radius: 15px;
}

.rslides_tabs .rslides_here a {
    background: #dd0707;
}

.mediaNews {
    padding: 45px 0;
    background: url(../images/bg5.jpg) no-repeat center top;
}

.mediaNews .colTitle .tit {
    color: #fff;
}

.mediaNews .listNews {
    overflow: hidden;
}

.mediaNews .listNews li {
    width: 50%;
}

.mediaNews .listNews li a {
    display: block;
    overflow: hidden;
}

.mediaNews .listNews .imgbox {
    text-align: center;
    float: left;
}

.mediaNews .listNews .txtbox {
    position: relative;
    float: right;
    width: 279px;
}

.mediaNews .listNews li .hd {
    line-height: 30px;
    font-size: 18px;
    color: #204380;
}

.mediaNews .listNews li .time .ly {
    position: absolute;
    bottom: 0;
    left: 50%;
    line-height: 18px;
    font-size: 14px;
    color: #919191;
    font-style: normal;
    font-family: "微软雅黑",YaHei;
}

.mediaNews .listNews li .bg .line_1 {
    width: 28px;
    height: 1px;
    bottom: 54px;
    right: 46px;
    left: auto !important;
    margin-top: -1px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}

.mediaNews .listNews li .bg .line_2 {
    width: 1px;
    height: 28px;
    bottom: 40px;
    margin-top: -14px;
    right: 60px;
    left: auto !important;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

.mediaNews .btn-more a {
    border: 1px solid #fff;
    color: #fff;
}

.mediaNews .btn-more a:hover {
    border: 1px solid #13aee9;
    color: #13aee9;
}

.industryNews {
    padding: 45px 0;
}

.indNews {
    overflow: hidden;
    padding-bottom: 15px;
}

.indNews li {
    float: left;
    width: 31.3%;
    background: #fff;
    padding: 22px;
    margin: 1%;
}

.indNews li a {
    padding-left: 96px;
    position: relative;
    display: block;
}

.indNews li .hd {
    font-size: 16px;
    color: #204380;
    padding: 3px 0;
}

.indNews li p {
    color: #b5b5b5;
    font-size: 14px;
}

.indNews li .time {
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 78px;
    background: #204380;
    color: #fff;
    text-align: center;
    font-family: arial;
}

.indNews li .time i {
    font-size: 30px;
    display: block;
    font-style: normal;
    padding-top: 3px;
}

.indNews li .time span {
}

.indNews li:hover {
    background: #f7f7f7;
}

.indNews li:hover .hd {
    color: #fc034f;
}

/* 新闻列表*/
.menuwrap {
    background: #f5f5f5;
}

.submenu li {
    float: left;
    width: 20%;
    text-align: center;
}

.submenu li a {
    line-height: 55px;
    font-size: 18px;
    color: #204380;
    display: block;
}

.submenu li.active {
    background: #13aee9;
    color: #fff;
}

.submenu li.active a {
    color: #fff;
}

/*分页*/
.pagination {
}

.pagination > li {
    float: left;
}

.pagination > li > a {
    color: #959595;
    margin: 0 2px;
    border: 2px solid #cecece;
    padding: 5px 10px;
    font-size: 12px;
}

.pagination > li >span {
    padding: 0 10px;
    border: none;
    color: #336aa6;
}

.pagination > li:first-child > a,.pagination > li:last-child > a {
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    border-color: #127adf;
    color: #127adf;
    z-index: 2;
}

.pagination > li >span.active {
    color: #127adf;
    font-size: 12px;
    margin: 0 2px;
    padding: 5px 10px;
    border: 2px solid #127adf;
}

.pagination > li.current a {
    border-color: #13aee9;
    color: #13aee9;
}

.crumb {
    background: #f5f5f5;
}

.breadcrumb {
    padding: 0 15px;
    border-radius: 0 ;
    margin-bottom: 0;
    line-height: 47px;
    background: url(../images/home.png) no-repeat 10px center;
    padding-left: 35px;
}

.breadcrumb a {
}

.main-content {
    border: 1px solid #eee;
    margin: 25px 15px;
    float: left;
    width: 1000px;
    padding: 35px;
}

.p-title {
    text-align: center;
}

.p-title .tith3 {
    font-size: 32px;
    color: #204380;
    font-weight: bold;
    margin: 10px 0;
    line-height: 45px;
    padding: 0 65px;
}

.p-title .tt {
    font-size: 20px;
    color: #000;
}

.p-time {
    color: #8d8d8d;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    font-size: 14px;
    margin-top: 10px;
}

.p-time span {
    padding-right: 15px;
}

/* 焦点图 */
.focusbox {
    width: 667px;
    height: 500px;
    position: relative;
    margin: 45px auto;
}

.img2 {
    width: 667px;
    height: 500px;
    overflow: hidden
}

.img2 li {
    width: 100%;
}

.img2 li h5 {
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    line-height: 20px;
}

.img2 img {
    max-width: 667px;
    width: 667px !important;
    max-height: 447px;
}

.focusbox .rslides_tabs {
    bottom: 55px
}

.focusbox .rslides_nav {
    background: url(../images/i1.png) no-repeat 0 0;
    margin-top: -45px;
}

.focusbox .rslides_nav.prev {
    left: auto;
    background-position: 0 0;
    left: -55px;
}

.focusbox .rslides_nav.next {
    left: auto;
    background-position: -31px 0;
    right: -55px;
}

.focusbox .rslides_nav:hover {
    background: url(../images/i1-on.png) no-repeat 0 0;
}

.focusbox .rslides_nav.next:hover {
    background-position: -31px 0;
}

.p-content {
    font-size: 17px;
    line-height: 36px;
    width: 855px;
    margin: 35px auto;
}

.p-content p {
    font-size: 17px;
    line-height: 36px;
}

.pagepre {
    padding: 20px 0;
    border-top: 1px solid #eee;
    position: relative;
}

.pagepre a {
}

.goback {
    float: right;
}

.goback a {
    background: #204380;
    width: 121px;
    height: 35px;
    line-height: 35px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 25px;
}

.sidebox {
    float: left;
    width: 278px;
    margin: 25px 0;
}

.sidebox .hd {
    font-size: 24px;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.box-news {
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 15px;
}

.listUl li {
    line-height: 42px;
    height: 42px;
    background: url(../images/hx.jpg) repeat-x left bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listUl li:last-child {
    background: none;
}

.sharebox {
    float: right;
}

#controls, .bdsharebuttonbox {
    float: left
}

.print {
    float: left;
    padding: 0 15px;
}

.print a {
    background: url(../images//cp-ico2.png) no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
}

.jiathis_style {
    float: left;
}

.jiathis_style span {
    float: left;
    display: block;
}

.jiathis_style a {
    display: block;
    float: left;
}

/*-- 媒体 --*/
.bz-list {
    overflow: hidden;
}

.bz-list li {
    float: left;
    width: 295px;
    margin: 20px 16px;
}

.bz-list li .pic {
    background: url(../images/bz_bg.png) no-repeat center bottom;
    padding-bottom: 47px;
}

.bz-list li .pic img {
    display: block;
    width: 227px;
    height: 325px;
    background: #eee;
    padding: 8px;
    margin: 0 auto;
}

.bz-list li span {
    display: block;
    border: 1px solid #eee;
    border-radius: 25px;
    width: 93px;
    height: 34px;
    margin: 0 auto;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
}

.bz-list li a:hover span {
    background: #204380;
    color: #fff;
}

.bz-list li a:hover img {
    background: #204380;
}

.bz-ss {
    width: 50%;
    margin: 15px auto 25px;
}

.bz-ss .form-control {
    width: 80%;
    float: left;
    margin-right: 5px ;
}

.jzwrap {
    background: #f5f5f5 url(../images/bg3.jpg) no-repeat center bottom;
    margin-top: 2px;
}

.panel-group {
    float: left;
    width: 382px;
    height: 530px;
    background: url(../images/ftbg.jpg) no-repeat;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 45px;
}

/*折叠面板*/
.panel-group .panel+.panel {
    margin-top: 0;
    border-radius: 0;
}

.panel {
    background-color: transparent;
    border: none;
}

.panel-default {
    border-color: transparent;
}

.panel-default>.panel-heading {
    background-color: transparent;
    border: none;
}

.panel-heading {
    color: #fff;
    padding: 0;
    background-color: #fff;
}

.panel-heading span {
    display: block;
}

.panel-title {
    height: 74px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #6078b2;
}

.panel-title span {
}

.panel-title a {
    display: block;
    width: 100%;
    padding: 18px;
    height: 74px;
    color: #fff;
    padding-left: 86px;
    font-size: 16px;
    position: relative;
    background: url(../images/ico-1.png) no-repeat;
    background-position: 5px -74px;
}

.panel-title a.on {
    background-image: url(../images/ico-1.png);
    background-repeat: no-repeat;
}

.panel-title a i {
    background: url(../images/right-af.png) no-repeat center center;
    height: 11px;
    width: 89px;
    display: block;
    position: absolute;
    top: 27px;
    right: 25px;
}

.panel-title a.on i {
    background: url(../images/right-af.png) no-repeat center center;
    background-position-x: 40px;
}

.panel-title.tt0 a {
    background-position: 5px -444px;
}

.panel-title.tt1 a {
    background-position: 5px -74px;
}

.panel-title.tt2 a {
    background-position: 5px -74px;
}

.panel-title.tt3 a {
    background-position: 5px -148px;
}

.panel-title.tt4 a {
    background-position: 5px -222px;
}

.panel-title.tt5 a {
    background-position: 5px -296px;
}

.panel-title.tt6 a {
    background-position: 5px -370px;
}

.panel-title span {
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 5px;
}

.panel-title a:hover {
    text-decoration: none;
    cursor: pointer;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    background: url(../images/bgblue.png) repeat;
}

.panel-body {
    padding: 15px 0
}

.panel-body ul li {
    font-size: 16px;
    color: #fff;
    line-height: 42px;
}

.panel-body ul li a {
    color: #fff;
    padding-left: 15px;
    padding-left: 46px;
    display: block;
    cursor: pointer;
}

.panel-body ul li a:hover {
    background: url(../images/jt.png) no-repeat left center;
    color: #00b9ff;
}

.company {
    margin: 45px 0 100px 45px;
    background: #fff;
    float: left;
    width: 860px;
    display: none;
}

.company-name {
    border-radius: 8px 8px 0 0;
    line-height: 57px;
    font-size: 20px;
    text-align: center;
    color: #Fff;
    background: #204380;
}

.wxul {
    text-align: center;
    border-top: 1px solid #eee;
}

.wxul li {
    display: inline-block;
    margin: 35px 15px;
}

.wxul li img {
    width: 170px;
    height: 170px;
    border: 10px solid #f7f7f7;
}

.wxul li p {
    padding-top: 5px;
}

.company-contact {
    border-top: 1px solid #eee;
    padding: 25px;
    overflow: hidden;
}

.company-contact li {
    position: relative;
    float: left;
    width: 46%;
    background: url(../images/hx.jpg) repeat-x left bottom;
    margin: 0 2%;
    padding: 15px 0;
    padding-left: 65px;
}

.company-contact li span {
    display: block;
}

.company-contact li p {
    color: #204380;
    padding-top: 5px;
    height: 60px;
}

.company-contact li i {
    background: url(../images/ico5.png) no-repeat;
    width: 61px;
    height: 43px;
    display: block;
    position: absolute;
    left: 0;
    top: 17px;
}

.company-contact li.address i {
    background-position: 0 0;
}

.company-contact li.telephone i {
    background-position: 0 -43px;
}

.company-contact li.email, .company-contact li.websit {
    background: none;
}

.company-contact li.email i {
    background-position: 0 -86px;
}

.company-contact li.websit i {
    background-position: 0 -132px;
}

.company-contact li.web {
    background: none;
    padding: 35px;
    text-align: center;
}

.company-contact li.web a {
    background: #204380;
    border-radius: 25px;
    color: #fff;
    padding: 8px 27px;
}

.company-contact li.web a:hover {
    background: #13aee9;
}

.company-contact li.fax i {
    background: url(../images/fax.png)no-repeat 10px 3px;
    background-size: 40px 40px;
}

/*党群建设*/
.topNews {
    background: url(../images/bg4.jpg) no-repeat center top;
}

.headline {
    background: url(../images/bgfff50.png) repeat;
    margin: 25px 15px;
    height: 96px;
}

.headline span {
    background: url(../images/djtt.png) no-repeat;
    width: 128px;
    height: 96px;
    display: block;
    float: left;
}

.headline .bd {
    padding: 15px;
    padding-left: 135px;
    text-align: center;
    color: #c12b20;
}

.headline .bd h3 {
    line-height: 36px;
}

.headline .bd h3 a {
    color: #da251d
}

.headline .bd .bdcon a {
    display: inline-block;
    line-height: 36px;
    font-size: 16px;
}

.topNews {
    padding-bottom: 50px;
}

.topwrap {
    padding: 0 10px;
}

.topwrap .toplist {
}

.topwrap .imgbox {
    overflow: hidden;
}

.topwrap .imgbox li {
    float: left;
    text-align: center;
    margin-right: 15px;
}

.topwrap .imgbox li img {
    width: 305px;
    height: 201px;
}

.topwrap .imgbox li p {
    font-size: 16px;
}

.topwrap .imgbox li:last-child {
    margin-right: 0;
}

.topwrap .tit {
    margin-top: 15px;
    border-bottom: 1px solid #c12b20;
    margin-bottom: 10px;
    position: relative;
}

.topwrap .tit span {
    background: #c12b20;
    line-height: 35px;
    padding: 0 15px;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    font-size: 17px;
    color: #fff;
}

.topwrap .tit .more {
    position: absolute;
    top: 7px;
    right: 0;
    text-transform: uppercase;
}

.party-wrap .item {
    padding: 15px;
}

.dj-item {
    margin: 15px 0;
    width: 633px;
    margin-bottom: 20px;
}

.dj-item .colTitle {
    background: url(../images/sgx.png) no-repeat 112px center;
    color: #c12b20;
    border-bottom: 1px solid #204380;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.dj-item .dftit {
    background: url(../images/sgx.png) no-repeat 160px center;
}

.dj-item .colTitle .more1 {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

.dj-item .toplist {
    width: 630px;
    float: none;
}

.activity {
    width: 630px;
    padding: 15px 10px;
}

.activity .tit {
    background: url(../images/t-hd.jpg) no-repeat center center;
}

.activity h3 {
    line-height: 66px;
    color: #c12b20;
    font-weight: bold;
    text-align: center;
}

.list-news {
}

.list-news .media {
    padding: 15px 0;
    margin: 8px 0;
}

.list-news .media .media-object {
    width: 240px;
    height: 100px;
}

.list-news .media .media-left {
    padding-right: 15px;
}

.list-news .media .media-left a {
    display: block;
    position: relative;
    width: 153px;
    height: 100px;
    background: #eee;
}

.list-news .media .media-left a img {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.list-news .media .media-body .by {
    color: #999;
    padding: 5px 0;
}

.list-news .media .media-body .more {
    background: #336aa6;
    border-radius: 4px;
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
}

.list-news .media .media-body .media-heading {
    margin: 5px 0;
}

.list-news .media p {
    color: #888;
    line-height: 24px;
}

.list-news .more {
    text-align: right;
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px;
}

.list-news .more a {
    font-size: 16px;
    color: #204380;
    text-transform: uppercase;
}

.party-list {
    padding: 15px 35px;
}

.party-list .list-news .media {
    padding: 15px;
    background: #fff;
}

.party-list .list-news .media:hover {
    background: #f5f5f5;
}

.party-list .list-news .media .media-left a {
    display: block;
    position: relative;
    width: 240px;
    height: 158px;
    background: #eee;
}

.party-list .list-news .media .media-left {
    padding-right: 35px;
}

.party-list .list-news .media .media-object {
    width: 240px;
    height: 158px;
}

/*人才战略*/
.sectionLn {
    width: 100%;
    height: 782px;
    background: url(../images/mission.jpg) no-repeat center top;
    position: relative;
}

.sectionJzl {
    width: 100%;
    height: 869px;
    background: url(../images/mission1.jpg) no-repeat center top;
    position: relative;
}

.sectionZc {
    width: 100%;
    height: 544px;
    background: url(../images/mission2.jpg) no-repeat center top;
    position: relative;
}

.scroller {
    border-bottom: 1px solid #e5e5e5;
}

#features {
    max-width: none;
}

.featurette {
    height: 100%;
}

.sideNav {
    text-align: center;
    height: 147px;
}

.sideNav li {
    display: inline-block;
    text-align: center;
    margin: 0 15px;
}

.sideNav li a {
    padding: 0 25px 25px;
    display: inline-block;
    font-size: 16px;
    color: #204380;
    width: 180px;
}

.sideNav li.active a {
    border-bottom: 3px solid #204380;
}

.sideNav li span {
    display: block;
    width: 65px;
    height: 65px;
    margin: 15px auto;
    background: url(../images/ico6.png);
}

.sideNav li span.s1 {
    background-position: 0 0;
}

.sideNav li span.s2 {
    background-position: 0 -65px;
}

.sideNav li span.s3 {
    background-position: 0 -130px;
}

.sideNav-mt li span {
    display: block;
    width: 65px;
    height: 65px;
    margin: 15px auto;
    background: url(../images/ico-mt.png);
}

.sideNav li span.s4 {
    background-position: 0 0;
}

.sideNav li span.s5 {
    background-position: 0 -65px;
}

.isStuck {
    left: 0px;
    width: 100%;
}

.isStuck {
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,.9);
    box-shadow: 0 1px 4px -1px #ccc;
    height: 50px;
    z-index: 999;
}

.isStuck .sideNav {
    margin-top: 0;
}

.isStuck .sideNav li span {
    display: none;
}

.isStuck .sideNav li a {
    padding: 12px 25px
}

.join-top {
    text-align: center;
    padding: 65px 0 15px;
}

.join-top .hd {
    color: #204380;
    font-size: 30px;
}

.join-top .hd span {
    color: #13aee9;
}

.join-top i {
    font-style: normal;
    color: #c1c1c1;
    font-size: 16px;
    text-transform: uppercase;
}

.join-top p {
    color: #737373;
    padding: 15px;
}

.hr {
    height: 1px;
    border-top: 1px solid #eee;
    width: 100%;
    display: block;
}

.join-box {
    background: url(../images/bg8.jpg) repeat-y center top;
}

.join-box .join-left {
    float: left;
    padding: 30px;
    width: 50%;
}

.join-box .join-left .tit {
    font-size: 38px;
    padding-bottom: 15px;
}

.join-box .join-left .tit span {
    padding-right: 25px;
}

.join-box .join-left .ct p {
    font-size: 16px;
    line-height: 46px;
    text-indent: 2em;
}

.join-box .join-right {
    float: left;
    padding: 50px 0 50px 50px;
    width: 50%;
    color: #33477c;
}

.join-info {
    padding-bottom: 25px;
}

.join-info h4 {
    font-size: 19px;
}

.join-info .btn-join {
    overflow: hidden;
    padding: 30px 0 35px;
}

.join-info .btn-join span {
    display: block;
    float: left;
    font-size: 19px;
    margin-right: 35px;
    margin-bottom: 10px;
}

.join-info .btn-join span a {
    background: #204380;
    color: #fff;
    font-size: 16px;
    padding: 5px 25px;
    border-radius: 25px;
}

.join-info .ts {
    font-size: 14px;
    color: #000;
}

.join-contact {
    border-top: 1px solid #eee;
    padding-top: 30px;
}

.join-contact .tit {
    font-size: 27px;
    padding: 15px 0;
}

.join-contact .tit span {
    text-transform: uppercase;
    color: #d6d6d6;
    font-size: 20px;
    padding-left: 10px;
}

.join-contact .ct {
    overflow: hidden;
    padding: 15px 0;
}

.join-contact .ct li {
    font-size: 16px;
    float: left;
    width: 50%;
    height: 52px;
    margin-bottom: 20px;
    padding-left: 55px;
    background: url(../images/ico7.png) no-repeat;
}

.join-contact .ct li.c1 {
    background-position: 0 0;
}

.join-contact .ct li.c2 {
    background-position: 0 -78px;
}

.join-contact .ct li.c3 {
    background-position: 0 -158px;
    width: 100%;
}

.join-contact .ct li span {
    display: block;
}

/*走进文投集团简介*/
.content .tith2 {
    font-weight: bold;
    color: #204380;
}

.content .hx {
    display: inline-block;
    width: 80px;
    border-bottom: 2px solid #204380;
    height: 1px;
    padding-top: 15px;
    margin-bottom: 15px;
}

.aboutHd {
    margin-bottom: 35px;
}

.aboutHd .titen {
    color: #cbcbcb;
    font-size: 19px;
    font-family: arial;
}

.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.nano>.nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nano>.nano-content:focus {
    outline: thin dotted
}

.nano>.nano-content::-webkit-scrollbar {
    display: none
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
    display: block
}

.nano>.nano-pane {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nano>.nano-pane>.nano-slider {
    background: #394f98;
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.nano-pane.active,.nano-pane.flashed,.nano:hover>.nano-pane {
    opacity: .99
}

/*右侧滚动样式*/
#main0 {
}

#main0 .nano {
    margin: 30px 0;
}

#main0 pre {
    background: #222;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #000;
    -webkit-box-shadow: #000 0 1px 10px inset;
    -moz-box-shadow: #000 0 1px 10px inset;
    box-shadow: #000 0 1px 10px inset;
    text-shadow: #000 0 -1px 1px
}

#main0 ol,#main0 ul {
    display: block;
    margin: 10px 0
}

#main0 ol li,#main0 ul li {
    margin-left: 20px;
    font-size: 13px
}

#main0 .nano-content h1 {
    display: block;
    margin: 0;
    padding: 0;
    color: #111;
    text-indent: 0;
    background: 0 0;
    display: none
}

#main0 a {
    color: #066;
    text-decoration: none;
    text-shadow: none
}

#main0 a:hover {
    text-decoration: underline
}

#main0 code {
    font-family: Monaco,'Anonymous Pro',sans-serif
}

#main0 p code {
    background: #222;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Monaco,'Anonymous Pro';
    font-size: 11px;
    text-shadow: none;
    color: #ee8;
    padding: 0 3px 0;
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: #000 0 2px 3px inset;
    -moz-box-shadow: #000 0 2px 3px inset;
    box-shadow: #000 0 2px 3px inset;
    text-shadow: #000 0 -1px 1px
}

.small.nano {
    background: #ffa;
    height: 100px;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nano .nano-content {
    padding: 0 20px
}

.nano .nano-pane {
    background: url(../images/scroll_bg.gif) repeat-y;
    width: 5px;
    right: 1px;
    margin: 5px
}

.nano .nano-slider {
    background: #111
}

.aboutbg1 {
    background: url(../images/bgline1.jpg) repeat-y;
}

.aboutbg2 {
    background: url(../images/bgline2.png) no-repeat right top;
}

.content {
    overflow: hidden;
    padding: 0 50px;
    margin: 45px 0;
    margin-bottom: 50px;
}

.content .about-img {
    float: left;
    margin: 0;
    width: 420px;
}

.content .about {
    padding-left: 480px;
    font-size: 17px;
}

.content .about p {
    line-height: 36px;
    margin-bottom: 15px;
}

.content .qywh {
    padding-left: 385px;
    padding-top: 58px;
    font-size: 18px;
}

.content .qywh p {
    line-height: 161px;
}

.content .fengcai {
    overflow: hidden;
    padding-left: 70px;
    margin-top: 40px;
}

.content .fengcai li {
    float: left;
    width: 244px;
    height: 183px;
    position: relative;
    margin-right: 2px;
}

.content .fengcai li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 244px;
    height: 36px;
    background: url(../images/bg.png) repeat;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.content .fengcai li img {
    width: 244px;
    height: 183px;
}

.content .dszzc {
    padding: 50px 10px;
}

.content .dszzc p {
    line-height: 26px;
    margin-bottom: 15px;
}

.content .dszzc .qm {
    margin: 140px 0 0;
}

.content .dszzc .pic {
    margin-top: 100px;
}

/*走进文投领导班子*/
.leader-hd {
    background: url(../images/dian.jpg) repeat-x left 25px;
    text-align: center;
}

.leader-hd span {
    color: #204380;
    font-size: 32px;
    background: #fff;
    padding: 0 10px 0 15px;
}

.leader-hd em {
    font-size: 18px;
    color: #b4b4b4;
    text-transform: uppercase;
    background: #fff;
    padding-right: 15px;
    font-style: normal;
    font-family: arial;
}

.leader-hd p {
    font-size: 16px;
    color: #b4b4b4;
    padding-top: 15px;
}

.leaders {
    margin: 35px auto;
    width: 976px;
}

.leaders li {
    width: 308px;
    height: 390px;
    float: left;
    position: relative;
    margin: 0 65px;
}

.leaders li a {
    display: block;
    position: relative;
}

.leaders li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 5px 15px 15px;
    background: url(../images/bgblue1.png) repeat;
    color: #fff;
    height: 80px;
    font-size: 13px;
}

.leaders li .txt span {
    font-size: 24px;
    float: left;
    padding-right: 10px;
}

.leaders li .bg {
    background-color: #18316b;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 0%;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 50%;
}

.leaders li .bg::before {
    position: absolute;
    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px;
    border: 1px solid #51648d;
    content: '';
}

.leaders li a:hover .bg {
    height: 100%;
    top: 0%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 15px;
}

.leaders li .bg .jianjie {
    padding: 20px;
    color: #fff;
}

.leaders li .bg .jianjie .tit {
    font-size: 28px;
}

.leaders li .bg .jianjie .zw {
    line-height: 24px;
    padding: 10px 0;
    border-bottom: 1px solid #6d7da0;
    margin-bottom: 15px;
}

.leaders li .bg .jianjie p {
    font-size: 16px;
    line-height: 40px;
    text-indent: 2em;
}

.leaders li .bg::before,.leaders li .bg .jianjie {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.leaders li a:hover .bg::before,.leaders li a:hover .bg .jianjie {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.leaders li a:hover .txt {
    opacity: 0;
    filter: alpha(opacity=0);
}

.leaderwrap {
    background: #f9f9f9;
    margin-bottom: 50px;
}

.scrollpic {
    width: 1210px;
    margin: 50px auto 0 auto;
    position: relative;
    padding: 0 60px;
}

#myscroll {
    display: block;
    width: 100%;
    position: relative;
    height: 400px;
    overflow: hidden
}

#myscroll #myscrollbox {
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    width: 1000000px
}

#myscroll ul {
    display: block;
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0
}

#myscroll ul li {
    display: block;
    float: left;
    padding: 0;
    width: 280px
}

#myscroll ul li a {
    display: block;
    float: left;
    padding: 0;
    position: relative;
    color: #333
}

#myscroll a .intro {
    position: absolute;
    left: 0;
    z-index: 10;
    background-color: #0057c4;
    filter: alpha(opacity=70);
    width: 260px;
    color: #fff;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    text-align: center
}

#myscroll a .intro h5 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    height: 40px;
    width: 260px;
    line-height: 30px;
    border-bottom: 1px solid #347fdc;
    font-weight: 100
}

#myscroll a .intro p {
    font-size: 13px;
    line-height: 20px;
    margin: 65px 70px;
    height: 70px;
    overflow: hidden
}

#myscroll a .intro {
    bottom: -211px
}

#myscroll a:hover .intro {
    bottom: 0
}

a#left,a#right {
    position: absolute;
    width: 42px;
    height: 57px;
    display: block;
    float: right;
    margin-right: 1px;
    margin-left: 10px
}

#mybtns a:hover {
    background-color: #347fdc
}

#mybtns a,#mybtns a:hover,#myscroll,#myscroll #myscrollbox,#myscroll a .intro,#myscroll a:hover .intro {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#left {
    background: url(../images/jt_l.png) no-repeat;
    top: 140px;
    left: 0;
}

#right {
    background: url(../images/jt_r.png) no-repeat;
    top: 140px;
    right: 0 ;
}

#kinMaxShow {
    visibility: hidden;
    width: 100%;
    height: 500px;
    overflow: hidden
}

.leaderlist li {
    width: 256px;
    height: 338px;
    float: left;
    position: relative;
}

.leaderlist li a {
    display: block;
    position: relative;
    height: 338px;
    width: 256px;
}

.leaderlist li .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: url(../images/bgblue1.png) repeat;
    color: #fff;
    height: 65px;
}

.leaderlist li .txt span {
    font-size: 22px;
    float: left;
    padding-right: 10px;
    padding-top: 5px;
    height: 55px;
}

.leaderlist li .txt p {
    line-height: 22px;
    font-size: 12px;
}

.leaderlist li .bg {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 0%;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0;
}

.leaderlist li .bg::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #51648d;
    content: '';
}

.leaderlist li .bg .jianjie {
    padding: 10px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.leaderlist li .bg .jianjie .tit {
    font-size: 24px;
}

.leaderlist li .bg .jianjie .zw {
    line-height: 24px;
    padding: 5px 0 10px;
    border-bottom: 1px solid #6d7da0;
    margin-bottom: 15px;
}

.leaderlist li .bg .jianjie p {
    font-size: 15px;
    line-height: 30px;
    text-indent: 2em;
}

.leaderlist li a:hover .bg {
    height: 100%;
    top: 0%;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 15px;
}

.leaderlist li .bg::before, .leaderlist li .bg .jianjie {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.leaderlist li a:hover .bg::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.leaderlist li a:hover .bg .jianjie {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.leaderlist li a:hover .txt {
    height: 100%;
}

.leaderlist li a:hover .txt span,.leaderlist li a:hover .txt p {
    opacity: 0;
}

/*走进文投企业荣誉*/
.qyry {
}

.qyry .textbox {
    margin: 40px 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
}

.qyry .textbox li {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dotted #ddd;
    font-size: 16px;
    width: 50%;
    float: left;
}

.qyry .textbox li span {
    padding-right: 35px;
    color: #888;
}

.jcImgScroll {
    position: relative;
    height: 377px;
    margin: 50px 0;
}

.jcImgScroll li {
    border: 1px solid #ccc;
}

.jcImgScroll li a {
    background: #fff;
    display: block;
    border: 3px solid #000;
}

.jcImgScroll li p {
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
}

.jcImgScroll li a img {
    width: 100%;
    height: 100%;
}

.jcImgScroll li.loading a {
    background: #fff url(../images/loading.gif) no-repeat center center;
}

.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl {
    display: none;
    border: 0 none;
}

.jcImgScroll em.sPrev {
    background: url(../images/rd-leftbtn-hover.png) no-repeat left center;
}

.jcImgScroll em.sNext {
    background: url(../images/rd-rightbtn-hover.png) no-repeat right center;
}

.jcImgScroll dl dd {
    background: url(../images/numbtn.png) no-repeat 0 bottom;
    text-indent: -9em;
}

.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr {
    background-position: 0 0;
}

.logobottom {
    margin: 20px 0 50px;
}

.jcImgScroll em.sPrev:hover {
    background: url(../images/pleft-btn1-hover.png) no-repeat left center;
}

.jcImgScroll em.sNext:hover {
    background: url(../images/pright-btn1-hover.png) no-repeat right center;
}

.cinfo {
    margin: 35px 0;
}

.cinfo li {
    float: left;
    width: 300px;
    text-align: center;
}

.cinfo li span {
    display: block;
}

.cinfo li span.icon {
    background: url(../images/ico8.png) no-repeat;
    width: 66px;
    height: 66px;
    margin: 15px auto;
}

.cinfo li span.ten {
    color: #b4b4b4;
    text-transform: uppercase;
    font-family: arial;
}

.cinfo li.adress span.icon {
    background-position: 0 0;
}

.cinfo li.phone span.icon {
    background-position: 0 -66px;
}

.cinfo li.fax span.icon {
    background-position: 0 -132px;
}

.cinfo li.emall span.icon {
    background-position: 0 -198px;
}

.cinfo li p {
    color: #000;
    padding: 15px 0;
}

.mapwrap {
    width: 100%;
    text-align: center;
}

/*产业板块*/
.indbg {
    background: url(../images/bg9.jpg) no-repeat center bottom;
}

.indwrap {
    text-align: center;
    padding: 55px 0;
}

.indwrap .tit {
    font-size: 40px;
    color: #204380;
}

.indwrap .tten {
    font-family: Arial;
    color: #dedede;
    font-size: 23px;
    text-transform: uppercase;
}

.indwrap .tt span {
    width: 94px;
    height: 4px;
    background: #204380;
    margin: 15px auto;
    display: block;
}

.indwrap .ct {
    overflow: hidden;
    margin: 75px 0 45px;
    padding-left: 25px;
}

.indwrap .ct li {
    float: left;
    width: 210px;
    height: 162px;
    text-align: center;
}

.indwrap .ct li a {
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    top: -162px;
    display: block;
    height: 162px;
    color: #fff;
    padding-top: 40px;
    font-size: 18px;
}

.indwrap .ct li span {
    display: block;
    width: 120px;
    margin: 0 auto;
    font-size: 13px;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 18px;
}

.indwrap .ct li i {
    width: 38px;
    border-bottom: 1px solid #fff;
    padding-top: 10px;
    height: 1px;
    margin: 0 auto;
    display: block;
}

.indwrap .ct li .inbg {
    background: url(../images/inbg.png) no-repeat center center;
    height: 162px;
    width: 100%;
    position: relative;
    z-index: 0;
}

.indwrap .ct li:hover .inbg {
    background: url(../images/inbg-on.png) no-repeat center center;
}

.indwrap .ct li:hover .inbg {
    animation: fltu 10s linear infinite;
    -webkit-animation: fltu 10s linear infinite;
}

.secbox {
    text-align: center;
    color: #Fff;
    padding-top: 10%;
    margin-bottom: 35px;
    background-position: center top;
}

.secbox .hd {
    font-size: 50px;
    color: #;
}

.secbox span {
    width: 90px;
    border-bottom: 4px solid #fff;
    padding-top: 10px;
    height: 1px;
    margin: 0 auto;
    display: block;
}

.secbox p {
    width: 700px;
    margin: 25px auto;
    line-height: 35px;
    font-size: 16px;
    letter-spacing: 2px;
}

.secbox .more {
    margin: 45px auto 0;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 25px;
    width: 176px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
}

.secbox .more:hover {
    background: #21b3ea;
    border: 1px solid #21b3ea;
}

.indwrap .ct li.bkbg1:hover .inbg {
    background: url(../images/inbg-on1.png) no-repeat center center;
}

.indwrap .ct li.bkbg2:hover .inbg {
    background: url(../images/inbg-on2.png) no-repeat center center;
}

.indwrap .ct li.bkbg3:hover .inbg {
    background: url(../images/inbg-on3.png) no-repeat center center;
}

.indwrap .ct li.bkbg4:hover .inbg {
    background: url(../images/inbg-on4.png) no-repeat center center;
}

.indwrap .ct li.bkbg5:hover .inbg {
    background: url(../images/inbg-on5.png) no-repeat center center;
}

/*产业板块栏目*/
.indbox {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.mr_frbox {
    height: 220px;
    padding: 24px 0px 0px;
    width: 1000px;
    margin: 0 auto;
}

.mr_frBtnL {
    cursor: pointer;
    display: inline;
    float: left;
    height: 46px;
    margin: 60px 10px 0 0;
    width: 28px;
    background: url(../images/mfrl.png) no-repeat;
}

.mr_frUl {
    float: left;
    height: 202px;
    width: 900px;
    margin-left: 10px;
}

.mr_frBtnR {
    float: right;
    margin-top: 60px;
    cursor: pointer;
    width: 28px;
    height: 46px;
    background: url(../images/mfrr.png) no-repeat;
}

.mr_frUl ul li {
    display: inline;
    float: left;
    width: 300px;
    overflow: hidden;
    position: relative;
}

.mr_frUl ul li a img {
    width: 219px;
    height: 157px;
    padding: 10px;
    border: 1px solid #204380;
}

.mr_frBtnL:hover {
    background: url(../images/mfrl-on.png) no-repeat;
}

.mr_frBtnR:hover {
    background: url(../images/mfrr-on.png) no-repeat;
}

.verlist {
    overflow: hidden;
    padding: 15px 0;
}

.verlist li {
    display: inline-block;
    width: 300px;
    margin: 0 15px;
    border: 1px solid #fff;
    margin-bottom: 35px;
}

.verlist li img {
    display: block;
    width: 300px;
    height: 420px;
}

.verlist li p {
    background: #16316c;
    color: #fff;
    padding: 5px 0;
    font-size: 18px;
}

.verlist li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.verlist li:hover {
    z-index: 2;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    transform: translate3d(0px, -4px, 0px);
}

.scg-tabs {
    text-align: center;
    border-bottom: none;
    margin: 35px;
}

.scg-tabs li {
    margin: 0 25px;
    float: none;
    display: inline-block;
}

.scg-tabs li a {
    font-size: 18px;
    color: #204380;
    padding: 2px 18px;
    border-radius: 25px;
}

.scg-tab .nav-tabs>li.active>a {
    background: #204380;
    color: #fff;
    cursor: pointer;
}

.tab-pane .more {
    text-align: center;
    margin: 25px 0;
}

.tab-pane .more a {
    display: inline-block;
    color: #204380;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #204380;
    border-radius: 25px;
    width: 159px;
    height: 37px;
    line-height: 37px;
}

.tab-pane .more a:hover {
    background: #00B9FF;
    color: #fff;
    border: 1px solid #00B9FF;
}

.dsjwrap {
    position: relative;
}

.cmbox {
    padding: 75px 25px;
    overflow: hidden;
}

.cmbox .cm-img {
    border: 5px solid #13aee9;
    float: left;
}

.cmbox .cm-img img {
    width: 492px;
    width: 492px;
    display: block;
}

.cm {
    float: right;
    width: 700px;
}

.cm .cmt {
    text-align: right;
    font-size: 30px;
    color: #204380;
}

.cm .hx {
    width: 94px;
    height: 4px;
    background: #204380;
    margin: 25px 0;
    display: inline-block;
}

.cm .cmct p {
    font-size: 17px;
    line-height: 35px;
}

.cm .more {
    text-align: right;
}

.cm .more a {
    font-size: 16px;
    color: #204380;
    text-transform: uppercase;
}

.cm .cm-yw {
    font-size: 30px;
    color: #204380;
    margin-top: 10px;
}

/*组织架构*/
.zzjg {
    position: relative;
}

.zzjg .box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px;
    position: absolute;
    z-index: 10;
    display: none;
}

.zzjg .box ul li {
    font-size: 14px;
    line-height: 24px;
}

.zzjg .box-ys {
    left: 300px;
    top: 0;
    text-align: left;
    border: 1px solid #ee9127;
}

.zzjg .box-lv {
    left: 0px;
    top: 60px;
    text-align: left;
    border: 1px solid #e14337;
}

.zzjg .box-jr {
    right: 10px;
    top: 120px;
    text-align: left;
    border: 1px solid #88ba4b;
}

.zzjg .box-tz {
    left: 0px;
    bottom: 300px;
    text-align: left;
    border: 1px solid #208f43;
}

.zzjg .box-cm {
    right: 30px;
    bottom: 350px;
    text-align: left;
    border: 1px solid #2d9fd1;
}

.zzjg .box-sy {
    left: 323px;
    bottom: 0;
    text-align: left;
    border: 1px solid #5f2c89;
}

.btn-box {
}

.btn-box a {
    display: block;
    width: 166px;
    height: 166px;
    position: absolute;
}

.btn-box .btn-ys {
    top: 36px;
    left: 50%;
    margin-left: -83px;
}

.btn-box .btn-lv {
    top: 214px;
    left: 185px;
}

.btn-box .btn-jr {
    top: 214px;
    right: 190px;
}

.btn-box .btn-tz {
    bottom: 230px;
    left: 185px;
}

.btn-box .btn-cm {
    bottom: 230px;
    right: 190px;
}

.btn-box .btn-sy {
    bottom: 28px;
    left: 50%;
    margin-left: -83px;
}

.zzjg .box-ys li {
    background: url(../images/dot-ys.jpg) no-repeat left center;
    padding-left: 15px;
}

.zzjg .box-lv li {
    background: url(../images/dot-lv.jpg) no-repeat left center;
    padding-left: 15px;
}

.zzjg .box-jr li {
    background: url(../images/dot-jr.jpg) no-repeat left center;
    padding-left: 15px;
}

.zzjg .box-tz li {
    background: url(../images/dot-tz.jpg) no-repeat left center;
    padding-left: 15px;
}

.zzjg .box-cm li {
    background: url(../images/dot-cm.jpg) no-repeat left center;
    padding-left: 15px;
}

.zzjg .box-sy li {
    background: url(../images/dot-sy.jpg) no-repeat left center;
    padding-left: 15px;
}

.section-dt {
    background: #fff;
}

.qjdt {
    padding: 25px 100px;
}

.qjdt li {
    float: left;
    width: 25%;
    text-align: center;
}

.qjdt li a {
    display: block;
}

.qjdt li a:hover img {
    animation: change 0.3s linear 1;
}

.companyNews {
    background: #fafafa;
    padding: 50px 0;
}

.companyNews .listNews {
    overflow: hidden;
}

.companyNews .listNews li {
    width: 50%;
}

.companyNews .listNews li a {
    display: block;
    overflow: hidden;
}

.companyNews .listNews .imgbox {
    text-align: center;
    float: left;
}

.companyNews .listNews .txtbox {
    position: relative;
    float: right;
    width: 279px;
}

.companyNews .listNews li .hd {
    line-height: 30px;
    font-size: 18px;
    color: #204380;
}

.companyNews .listNews li .time .ly {
    position: absolute;
    bottom: 0;
    left: 50%;
    line-height: 18px;
    font-size: 14px;
    color: #919191;
    font-style: normal;
    font-family: "微软雅黑",YaHei;
}

.companyNews .listNews li .bg .line_1 {
    width: 28px;
    height: 1px;
    bottom: 54px;
    right: 46px;
    left: auto !important;
    margin-top: -1px;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
}

.companyNews .listNews li .bg .line_2 {
    width: 1px;
    height: 28px;
    bottom: 40px;
    margin-top: -14px;
    right: 60px;
    left: auto !important;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
}

/* CSS 浮窗 */
.toolbar-item,.toolbar-layer {
    background: url(../images/toolbar.png) no-repeat;
}

.toolbar {
    position: fixed;
    right: 0px;
    bottom: 56px;
    background: url(../images/bg00050.png) repeat;
    z-index: 999;
}

.toolbar .foll {
    background: url(../images/toolbar.png) no-repeat;
    display: block;
    padding-top: 104px;
}

.toolbar-item {
    display: block;
    width: 46px;
    height: 46px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    transition: background-position 1s;
}

.toolbar-item:hover {
    background-color: #053f91;
}

.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.toolbar-item-weixin {
    background-position: 0 -104px;
}

.toolbar-item-wb {
    background-position: 0 -150px;
}

.toolbar-item-qq {
    background-position: 0 -137px;
}

.toolbar-item-top {
    background-position: 0 -196px;
}

.toolbar-layer {
    position: absolute;
    right: 46px;
    bottom: 0px;
    width: 158px;
    border: 1px solid #eee;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}

.toolbar-item-qq .toolbar-layer {
    height: 64px;
    line-height: 64px;
    background: #eee;
    padding-left: 10px;
    display: block;
}

.duilian_left {
    bottom: 0px;
    left: 6px;
    position: absolute;
    overflow: hidden;
    z-index: 9999;
}

.duilian_con {
    border: #CCC solid 1px;
    overflow: hidden;
}

.duilian_con img {
    display: block;
    width: 200px;
}

.duilian_left_close {
    background: url(../images/gb.png) no-repeat right top;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    font-size: 13px;
    color: #555555;
    text-decoration: none;
}

@keyframes fltu {
    0% {
        transform: rotate(0deg);
        /**通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。***/
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Safari and Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -webkit-transform: rotate(360deg);
        /* Safari and Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes fltu /*Safari and Chrome*/
{
    0% {
        transform: rotate(0deg);
        /**通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。***/
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Safari and Chrome */
        -o-transform: rotate(0deg);
        /* Opera */
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        /* IE 9 */
        -webkit-transform: rotate(360deg);
        /* Safari and Chrome */
        -o-transform: rotate(360deg);
        /* Opera */
        -moz-transform: rotate(360deg);
    }
}

@keyframes change {
    0% {
        transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
    }

    100% {
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
    }
}

@-webkit-keyframes change /* Safari and Chrome */
{
    0% {
        transform: rotateY(90deg);
        -webkit-transform: rotateY(90deg);
    }

    100% {
        transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
    }
}

@media (min-width: 768px) {
}

@media (min-width: 768px) and (max-width:991px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 979px) {
}

@media (max-width: 767px) {
}

@media (max-width: 480px) {
    .navbar-default {
        background-color: #fff;
        border-color: #fff
    }

    .logo {
        padding: 10px 0;
        position: absolute;
        width: 60%
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px 25px;
    }

    .navbar-default .navbar-nav > .active > a {
        padding: 10px 25px
    }

    .carousel-control.left {
        background: url(../images/jt-left.png) no-repeat center center;
        left: 0;
        background-size: 15px;
    }

    .carousel-control.right {
        background: url(../images/jt-right.png) no-repeat center center;
        right: 0;
        background-size: 15px;
    }

    .section {
        background-color: #fff;
        padding: 20px 0
    }

    .prowrap .pro-bd {
        width: 100%
    }

    .prowrap .pro-bd ul li {
        float: left;
        width: 50%;
        text-align: center;
        border: 1px solid #ddd;
        margin: 0 -1px 15px 0;
        padding: 10px
    }

    .prowrap .pro-bd ul li img {
        width: 250px;
        height: auto;
        max-height: 125px
    }

    .sideabout {
        float: none;
        width: 100%
    }

    .sideabout .about-pic {
        height: 120px;
        overflow: hidden;
    }

    .sideabout .about-pic img {
        width: 100%
    }

    .sideabout .about-pic .tit {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 50px;
        text-align: center
    }

    .solution {
        padding: 25px 0;
        padding-left: 0
    }

    .box {
        display: none;
    }

    .service {
        padding: 18px 0;
        padding-left: 0;
        border-top: 1px solid #eee;
    }

    .footer {
        background: #353535;
        color: #dfdfdf;
        padding: 5px 0;
    }

    .foot-menu {
        display: none
    }

    .copyright {
        color: #787878;
        float: none;
        font-size: 12px;
        padding-left: 0;
        margin-left: 0;
        padding-top: 10px
    }

    .copyright img {
        width: 50%
    }

    .flickity-enabled {
        position: relative
    }

    .flickity-enabled:focus {
        outline: 0
    }

    .flickity-viewport {
        overflow: hidden;
        position: relative;
        cursor: -webkit-grab;
        cursor: grab
    }

    .flickity-viewport.is-pointer-down {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .flickity-slider {
        position: absolute;
        width: 100%
    }

    .flickity-prev-next-button {
        position: absolute;
        top: 50%;
        width: 44px;
        height: 44px;
        border: none;
        border-radius: 50%;
        background: #fff;
        background: hsla(0, 0%, 100%, .75);
        cursor: pointer;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .flickity-prev-next-button.previous {
        left: 0
    }

    .flickity-prev-next-button.next {
        right: 0
    }

    .flickity-prev-next-button:disabled {
        opacity: .3;
        cursor: auto
    }

    .flickity-prev-next-button svg {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60%
    }

    .flickity-prev-next-button .arrow {
        fill: #333
    }

    .flickity-prev-next-button.no-svg {
        color: #333;
        font-size: 26px
    }

    .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -25px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1
    }

    .flickity-page-dots .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        background: #333;
        border-radius: 50%;
        opacity: .25;
        cursor: pointer
    }

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

    .hero-gallery {
        margin-bottom: 30px;
        background-size: cover
    }

    .hero-gallery-cell {
        width: 100%;
        height: 240px;
        padding: 20px 40px;
        background: #eee;
        text-align: center;
    }

    .hero-gallery h1 {
        font-size: 3.2em;
        padding-top: 20px;
        margin: 0
    }

    .hero-gallery .tagline {
        font-size: 1.4em;
        margin: 0
    }

    .feature-list li {
        margin-bottom: 10px
    }

    .content-wrap img {
        width: 100%;
        padding-bottom: 10px;
    }

    .content-wrap h4 {
        font-size: 16px;
    }

    .col-banner {
        height: auto;
        margin-bottom: 25px;
    }

    .content {
        padding: 15px 0;
    }

    .sideMenu {
        text-align: center;
        position: absolute;
        top: 15px;
        z-index: 99;
        color: #fff;
        width: 100%;
    }

    .sideMenu h1 {
        font-size: 24px
    }

    .sideMenu .tt-en {
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    .sideMenu .menu {
        margin-top: 0;
        background: #f8f8f8;
    }

    .sideMenu .menu ul li {
        width: 20%;
        height: 40px;
        display: inline-block;
        margin: 0;
    }

    .sideMenu .menu ul li a {
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        width: 90%;
        color: #555;
        display: block;
        padding-top: 0;
        background: none;
    }

    .sideMenu .menu ul li span {
        display: none;
    }

    .sideMenu .menu ul li a.active {
        color: #d92018;
        background: none;
    }

    .crumb {
        display: none;
    }

    .col-title {
        margin-bottom: 10px;
    }

    .col-title span {
        font-size: 24px;
    }

    .listpic li {
        float: left;
        width: 50%;
        padding: 10px;
    }

    .listpic li a {
        background: #fff;
        text-align: center;
        display: block;
        padding: 0;
    }

    .listpic li p {
        padding: 5px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .listpic li img {
        width: 100%;
        height: 112px;
    }

    .pagination {
        margin-bottom: 0;
        float: none;
    }

    .pagination > li > a {
        margin: 0 2px;
        border: 1px solid #bababa;
        padding: 1px 5px;
        font-size: 12px;
    }

    .pagination > li > span.active {
        padding: 1px 5px;
    }

    .sidebox {
        display: none;
    }

    .pro-wrap {
        padding-left: 0;
    }

    .pro-wrap .pro-list li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: center;
    }

    .pro-wrap .pro-list li img {
        width: 100%;
        height: 125px;
    }

    .list-news .media .media-left {
        display: none;
    }

    .zpfs {
        overflow: hidden;
        padding: 0;
    }

    .panel-group {
        padding: 10px;
    }

    .zpfs .zp-info span {
        display: none;
    }

    .contact {
        padding-left: 0;
        background: url(../images/map.png) no-repeat;
    }

    .show-content {
        margin-bottom: 35px;
        padding: 0;
        background: #fff;
    }

    .show-content .p-content {
        padding: 0;
        margin-bottom: 35px;
    }

    .yuyue {
        background: #f5f5f5;
        margin: 35px auto;
        padding: 35px 0;
    }
}

.contact-width {
    width: 1340px;
    margin: 0 auto;
}

.news-info-w {
    width: 1340px;
    margin: 0 auto;
    padding: 0 0 0 10px;
}

.panel-body ul li {
    display: inline-block;
    line-height: 60px;
    width: 90%;
    margin-left: 5%;
    border-bottom: 1px solid #5674a9;
}

.panel-body ul li:last-child {
    border-bottom: 0;
}

.panel-body ul li a i {
    text-transform: uppercase;
    font-size: 14px;
}

.panel-body ul li a span {
    display: inline-block;
    margin-right: 10px;
}

.panel-body2 {
    padding: 0;
}

@media (max-width: 1640px) and (min-width: 1500px) {
    .container-nav {
        width: 1400px;
    }
}

@media (max-width: 1400px) and (min-width: 1366px) {
    .container {
        width: 1340px;
    }

    .company {
        margin: 45px 0 100px 20px;
    }

    .news-info-w {
        width: 1370px;
        padding-left: 20px;
    }

    .panel-group {
    }

    .container .list-news .media-list {
        width: 1240px;
        margin: 0 auto;
    }

    .pro-main-content {
        background-size: 130.4%;
    }
}

.row {
    min-width: 1350px!important;
}