/* */

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: 130px;

}



.navbar-nav > li > a {

    padding: 20px;



}



.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: 19px;

    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;



    height: auto!important;

    overflow: hidden;

    z-index: 99;

}



.subNavBox .subNav {

    display: none;

    height: auto;

    line-height: 49px;

}



.subNavBox .subNav dd a {

    line-height: 49px;

    color: #fff;

    text-transform: uppercase;

    font-size: 12px;

    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 10px;
    float: left;

    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: 90px;

    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: -5px 0 0 4px;
    zoom: 1.5;
	box-shadow: 1px 1px 1px 0px #0c203e;

}



.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: 20px;

    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: 13px;

    text-transform: uppercase;

    color: #204380;

    font-weight: 600;

    position: relative;

    margin: 0 auto;

}



.aboutlist li .ico {

    width: 80px;

    height: 68px;

    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 .a2 a .con span{padding-left: 3px;padding-right: 3px;}

.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: 4px;

}

.aboutlist .a5 .con {

    left: 22px;

}



.aboutlist .a7 .con {

    left: 2px;

    padding-left: 7px;

    padding-right: 7px;

}



.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: 100%;

    padding: 0 15px;

}



.ainfo .abouthd {

    color: #204380;

    margin-bottom: 10px;

}



.ainfo .abouthd span {

    display: inline-block;

    line-height: 40px;

    font-size: 27px;

    border-bottom: 1px solid #204380;

}



.ainfo p {

    font-size: 24px;

    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;

}
.linkone li.o5 {

    background-position: 0 -202px;

}



.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: 220px;

    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: 36px;

    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/icon-print.jpg) 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: #325478;;

    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;
    line-height: 38px;

    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 {

    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;

    line-height: 20px;

    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 {

    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;

}