@charset "utf-8";

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: middle;
}

ol, ul, li {
    list-style-type: none;
    text-align: justify;
    text-justify: inter-ideograph;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input, select, textarea {
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    outline: none;
    resize: none;
    border: none;
}

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

.clearfix {
    zoom: 1;
}

html {
    verflow: -Scroll;
    overflow-x: hidden;
    zoom: 1;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}

body {
    color: #666;min-width:1200px;
    font-size: 14px;
    line-height: 24px;
    font-family: microsoft yahei,simsun,Arial,Helvetica,sans-serif;
}

a {
    color: #666;
    text-decoration: none;
    outline: none;
    blr: expression(this.onFocus=this.blur());
    transition: all ease .3s;
}

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

:focus {
    outline: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb25 {
    margin-bottom: 25px;
}

.center {
    text-align: center;
}

.hide {
    overflow: hidden;
}

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

.topBar {
    height: 45px;
    line-height: 45px;
    background: #f5f5f5;
    overflow: hidden;
    color: #888;
}

    .topBar .fr {
        /*background: url(../Images/picon.png) no-repeat left center;*/
        padding-left: 25px;
    }

    .topBar span {
        font-size: 18px;
        color: #0549b9;
        font-family: Arial;
    }

.header {
    height: 105px;
    line-height: 105px;
    position: relative;
    z-index: 10;
}

    .header .w1200 {
        position: relative;
    }

    .header .logo {
        position: relative;
        top: -6px;
    }

    .header .phone {
        position: absolute;
        font-size: 18px;
        top: 6px;
        right: 0;
        color: #f79a0f;
        line-height: 24px;
        z-index: 5;
    }
.head-list li {float: left; line-height: 40px; margin-left: 30px;position:relative;list-style: none; }
.head-list li img {top: -2px; position: relative; vertical-align: middle;} 
.head-list li span {font-size: 14px; color: #555555; font-weight: 100; margin-left: 4px;display:inline-block; }
.nav {
    font-size: 16px;
    max-width: 850px;
}

    .nav .m {
        float: left;
        margin-left: 1px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

        .nav .m > a {
            color: #333;
            position: relative;
            display: block;
            width: 100px;
            transition-delay: .1s;
            z-index: 2;
        }

            .nav .m > a:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 0;
                background: #bd9016;
                transition: all .3s;
                z-index: -1;
            }

            .nav .m > a:hover, .nav .m .cur, .nav li.on > a {
                color: #fff;
            }

                .nav li .cur:after, .nav .m > a:hover:after, .nav li.on > a:after {
                    height: 100%;
                }

    .nav .navSub {
        position: absolute;
        top: 105px;
        width: 110px;
        display: none;
        left: 0;
        background: #f3f3f3;
    }

        .nav .navSub li {
            float: none;
            height: 34px;
            line-height: 34px;
            border-bottom: 1px solid #ddd;
            background: 0 0;
            margin-left: 0;
            text-align: center;
            font-size: 12px;
            text-align: center;
        }

        .nav .navSub a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 34px;
            color: #333;
            display: block;
            border-radius: 0;
        }

            .nav .navSub a:hover {
                background: #0549b9;
                color: #fff;
            }

.searIcon {
    display: block;
    background: url(../Images/sicon.png) no-repeat right 0;
    height: 16px;
    cursor: pointer;
    border-left: 1px solid #e5eef4;
    width: 35px;
    position: absolute;
    right: 0;
    top: 45px;
}

.tel2 {
    float: right;
    background: url(../images/tel.png) no-repeat left center;
    font-size: 20px;
    color: #ff4a4a;
    font-weight: bold;
    padding-left: 40px;
    margin: 20px 0 0 0;
    line-height: 65px;
}
  



.banner {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 695px;
}

    .banner .bd {
        height: 695px;
        z-index: 0;
        position: relative;
        left: 50%;
        margin-left: -960px;
    }

.banner_ctr {
    height: 90px;
    position: absolute;
    top: 45%;
    z-index: 2;
    left: 50%;
    margin-left: -600px;
}

    .banner_ctr a {
        display: block;
        width: 40px;
        height: 40px;
        background: url(../Images/ctrl.png) no-repeat 0 0;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        display: block;
    }

        .banner_ctr a.prev {
            left: -90px;
        }

        .banner_ctr a.next {
            right: -1280px;
            background-position: -40px 0;
        }

        .banner_ctr a:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.banner .hd {
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 5;
    left: 50%;
    font-size: 0;
    line-height: 0;
    height: 0;
    margin-left: -30px;
    height: 14px;
}

    .banner .hd li {
        z-index: 2;
        cursor: pointer;
        margin-right: 5px;
        display: inline-block;
        width: 10px;
        height: 10px;
        *display: inline;
        zoom: 1;
        border-radius: 100%;
        border: 2px solid #fff;
        position: relative;
        transition: all .3s;
    }

        .banner .hd li:after {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            background: #fff;
            top: 2px;
            left: 2px;
            border-radius: 100%;
        }

        .banner .hd li:hover, .banner .hd .on {
            border: 2px solid #0549b9;
            transform: scale(1.1);
        }

            .banner .hd .on:after {
                background: #0549b9;
            }

.strength {
    overflow: hidden;
    padding: 20px 0;
}

    .strength li {
        float: left;
        width: 224px;
        border-right: 1px solid #f3f3f3;
        transition: all .4s;
        padding: 40px 0 40px 75px;
        height: 120px;
    }

        .strength li span {
            display: block;
        }

        .strength li strong {
            font-size: 84px;
            font-family: Arial;
            line-height: 84px;
            font-family: helvetica-neue-lt-std;
            font-weight: 400;
            margin-right: 5px;
        }

        .strength li:last-child {
            border-right: none;
        }

        .strength li:hover {
            color: #0549b9;
            box-shadow: 0 0 10px #ddd;
        }

.project {
    padding: 60px 0;
    overflow: hidden;
    background: #fbfbfb;
    max-width: 1400px;margin:0 auto;
}

.hTitle {
    text-align: center;
    font-size: 36px;
    color: #222;
    font-weight: 400;
    margin-bottom: 40px;
    line-height: 36px;
    text-transform: uppercase;
}

    .hTitle span {
        font-size: 14px;
        color: #666;
        display: block;
    }

.project ul {
    margin-right: -10px;
}

.project li {
    float: left;
    width: 25%;
    padding-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

    .project li a {
        display: block;
        position: relative;
        background: #fff;
    }

    .project li .pImg {
        position: relative;
        padding-top: 65%;
        display: block;
        overflow: hidden;
    }

    .project li img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all .5s;
    }

    .project li h5 {
        font-weight: 400;
        text-align: center;
        height: 70px;
        line-height: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;background: #bd9016;
    color: #fff;
    }

    .project li .pImg:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(5,73,185,.7);
        transition: all .25s;
        transform: perspective(400px) rotateX(-90deg);
        -moz-transform: perspective(400px) rotateX(-90deg);
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -o-transform: perspective(400px) rotateX(-90deg);
        transform-origin: top;
        z-index: 2;
    }

    .project li .pImg i {
        position: absolute;
        width: 100%;
        background: url(../Images/pmore.png) no-repeat center top;
        top: 50%;
        opacity: 0;
        transition: all .4s;
        z-index: 3;
        text-align: center;
        padding-top: 60px;
        color: #fff;
        font-style: normal;
    }

    .project li a:hover img {
        transform: scale(1.1);
    }

    .project li a:hover .pImg:before {
        transform: perspective(200px) rotateX(0);
    }

    .project li a:hover .pImg i {
        transition-delay: .1s;
        margin-top: -40px;
        opacity: 1;
    }
.tit-2{background:url(../images/title-2.png) no-repeat center center;margin:4px 0 50px}
.tit-3{background:url(../images/title-3.png) no-repeat center center;margin:24px 0 50px}
.title-warp {
    width: 100%;
    min-width: 1200px;
    height: 40px;
}
.title-warp h2 {
    display: none;
}
.ngb-fuwubaozhang h3{margin-top:71px;padding-bottom:14px;border-bottom:1px solid #f9f9f9}
.ngb-fuwubaozhang li{float:left;width:33.333%;margin-bottom:50px;text-align:center}
.ngb-fuwubaozhang dl{margin:0 10px;border:1px solid #e5e4e5;min-height:340px;-webkit-box-shadow:0 0 4px #e5e4e5;-moz-box-shadow:0 0 4px #e5e4e5;box-shadow:0 0 4px #e5e4e5;border-bottom:5px solid #0549b9}
.ngb-fuwubaozhang dl .yu{height:100px;width:100px;border-radius:50%;display:block;margin:0 auto;background-color:#0549b9;margin-top:30px;margin-bottom:30px}
.ngb-fuwubaozhang dl i{/*background:url(../images/icon.png) no-repeat;*/height:54px;display:inline-block;margin:35px auto 0;font-size:40px;color:#fff;font-style:normal}
/*.ngb-fuwubaozhang dl i.i0{background-position:-10px -742px;width:55px}
.ngb-fuwubaozhang dl i.i1{background-position:-85px -742px;width:43px}
.ngb-fuwubaozhang dl i.i2{background-position:-164px -741px;width:54px}
.ngb-fuwubaozhang dl i.i3{background-position:-242px -744px;width:52px}*/
.ngb-fuwubaozhang dt{font-size:24px;color:#0549b9;padding:15px 0 10px;font-weight:400}
.ngb-fuwubaozhang dd{margin-left:0;padding-left:8px;height:30px;line-height:30px;font-size:14px;color:#555}
.ngb-fuwubaozhang dd span{font-size:16px;color:#555;font-weight:600;}


.index-brand{ position: relative; background:#f2f2f2;}
.index-brand .img{position: absolute; z-index: 0; top:0; right:0; width: 40%; height: 100%; }
.index-brand .content{ position: relative; z-index: 1; width: 60%; padding:50px 30px 210px 0px;}
.index-brand .index-tit{ text-align: left;}
.index-tit .en{ position: relative; padding-bottom: 10px; font-size: 30px;color: #555; line-height: 44px; color: #555; letter-spacing: 1px; text-transform: uppercase;}
.index-tit .en:after{ content:""; display: block; position: absolute; bottom:0; left:50%; height: 1px; width: 56px; margin-left: -28px; background: #999;}
.index-brand .index-tit .en{ max-width: 475px; letter-spacing:0; color: #333;}
.index-brand .index-tit .en:after{ left:0; margin-left: 0;}
.index-brand .tit{ margin-top: 10px; font-size: 14px; line-height: 25px; text-transform: uppercase; color: #999;} 
.index-brand .text{ margin-top: 15px; font-size: 16px; line-height: 30px; text-transform: uppercase; color: #555;} 

.li_6 {
	float: left;
	width: 25%;
	margin: 22px 0 0 0;
	background: url(../images/main_img3.jpg) bottom right no-repeat;
}
/*.li_6:hover{ margin:12px 0 0 0; padding:0 0 10px 0;transition: all 0.5s ease 0s;}*/
.li_6 .l_41 {
	float: left;
	width: 41px;
	height: 47px;padding-right:10px;
	margin: 7px 0 8px 0%;
}
.li_6 .l_41 a {
	float: left;
	width: 41px;
	height: 47px;
}
.li_6 .l_41 a.bg41_1 {
	background: url(../images/main_img1.png) no-repeat;
}
/*.li_6:hover .l_41 a.bg41_1 {
	background: url(../images/main_img1_h.png) no-repeat;
}*/
.li_6 .l_41 a.bg41_2 {
	background: url(../images/main_img4.png) no-repeat;
}
/*.li_6:hover .l_41 a.bg41_2 {
	background: url(../images/main_img4_h.png) no-repeat;
}*/
.li_6 .l_41 a.bg41_3 {
	background: url(../images/main_img5.png) no-repeat;
}
/*.li_6:hover .l_41 a.bg41_3 {
	background: url(../images/main_img5_h.png) no-repeat;
}*/
.li_6 .l_41 a.bg41_4 {
	background: url(../images/main_img6.png) no-repeat;
}
/*.li_6:hover .l_41 a.bg41_4 {
	background: url(../images/main_img6_h.png) no-repeat;
}*/
.li_6  .t_140_1 {
line-height:57px;
}

.partner {
    background-image: url(../Images/partner_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0;
    overflow: hidden;
}

.hTitle2 {
    color: #fff;
}

    .hTitle2 span {
        color: #fff;
        opacity: .7;
    }

.partnerSlide {
    position: relative;
    height: 105px;
}

.partner .ohbox {
    height: 105px;
    overflow: hidden;
}

    .partner .ohbox ul {
        height: 105px;
        width: 1240px;
    }

.partner li {
    float: left;
    width: 230px;
    height: 105px;
    position: relative;
    transition: all .3s;
    position: relative;
    margin-right: 12px;
}

    .partner li img {
        width: 230px;
        height: 105px;
        position: absolute;
        z-index: 2;
        transform: rotateY(0deg);
        transition: all .5s ease 0s;
        backface-visibility: hidden;
    }

    .partner li span {
        position: absolute;
        width: 220px;
        height: 105px;
        background: #bd9016;
        line-height: 145px;
        text-align: center;
        transform: rotateY(-180deg);
        transition: all .5s ease 0s;
        backface-visibility: hidden;
        color: #0549b9;
        padding: 0 5px;
    }

    .partner li:hover img {
        transform: rotateY(180deg);
    }

    .partner li:hover span {
        transform: rotateY(0deg);
    }

.partner .pageBtn span {
    background: url(../Images/pbtn.png) no-repeat 0 0;
    display: inline-block;
    width: 29px;
    height: 29px;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    text-indent: -9999px;
    left: -60px;
    top: 55px;
    opacity: .8;
}

.partner .pageBtn .next {
    background-position: -29px 0;
    left: auto;
    right: -60px;
}

.partner .pageBtn span:hover {
    opacity: 1;
}

.news {
    padding: 60px 0;
    overflow: hidden;
}

.newsTop {
    height: 95px;
    overflow: hidden;
}

.news .title {
    font-size: 28px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    padding-top: 5px;
}

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

.news .menu {
    float: right;
    max-width: 600px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.news .m {
    display: inline-block;
    margin: 0 25px;
    color: #333;
}

    .news .m.on {
           color: #333;
    border-bottom: 3px solid #bd9016;
    }

.newsMain, .newsBox {
    height: 410px;
    overflow: hidden;
}

    .newsMain ul {
        width: 1240px;
    }

    .newsMain li {
        width: 380px;
        height: 400px;
        position: relative;
        float: left;
        margin-right: 30px;
        padding-bottom: 10px;
    }

        .newsMain li .pic {
            display: block;
            width: 380px;
            height: 240px;
            overflow: hidden;
            margin-bottom: 15px;
            position: relative;
        }

        .newsMain li img {
            width: 380px;
            height: 240px;
            transition: all .5s;
        }

        .newsMain li .pic:after {
            position: absolute;
            content: '';
            opacity: 0;
            transition: all .5s;
            transition-delay: .1s;
            z-index: 3;
            border: 1px solid #fff;
            transform: scale(0) rotate(180deg);
            top: 15px;
            right: 15px;
            bottom: 15px;
            left: 15px;
        }

        .newsMain li:hover .pic:after {
            opacity: .8;
            transform: scale(1) rotate(0deg);
        }

        .newsMain li h4 {
            font-size: 16px;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 10px;
            font-weight: 400;
        }

        .newsMain li p {
            height: 80px;
            overflow: hidden;
            margin-bottom: 5px;
            color: #777;
        }

        .newsMain li .date {
            display: block;
            color: #999;
            position: relative;
            font-family: Arial;
        }

        .newsMain li:hover img {
            transform: scale(1.1);
        }

        .newsMain li:after {
            content: "";
            position: absolute;
            height: 2px;
            width: 0;
            background: #0549b9;
            left: 0;
            bottom: 0;
            transition: all .4s;
        }

        .newsMain li:hover:after {
            width: 100%;
        }

        .newsMain li:hover h4 {
            color: #0549b9;
        }

.footer {
    background: #f5f5f5;clear:both;
    padding: 50px 0;
    overflow: hidden;
}

.footContact {
    width: 480px;
    margin-right: 40px;
    line-height: 30px;
}

.footer .tie {
    font-size: 16px;
    color: #0549b9;
    font-weight: 400;
    position: relative;
    height: 50px;
    margin-bottom: 25px;
    line-height: 24px;
}

    .footer .tie:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        background: #0549b9;
        height: 2px;
    }

.footPro {
    overflow: hidden;
    width: 580px;
}

    .footPro li:first-child {
        width: 100%;
    }

    .footPro li {
        float: left;
        width: 290px;
    }

.footMenu {
    max-width: 100px;
}

.copyright {
    padding: 15px 0;
    background: #2b2c2e;
    font-size: 12px;
    color: #9c9c9c;
}

    .copyright a {
        color: #9c9c9c;
    }

.firendLink {
    width: 145px;
    border: 1px solid #686868;
    height: 28px;
    line-height: 28px;
    position: relative;
    margin-right: 20px;
    z-index: 6;
}

    .firendLink span {
        display: block;
        padding: 0 10px;
        background: url(../Images/arr.png) no-repeat 125px center;
    }

    .firendLink .main {
        position: absolute;
        bottom: 28px;
        background: #3a3a3a;
        border: 1px solid #686868;
        padding: 0 10px;
        left: -1px;
        right: -1px;
        display: none;
    }

        .firendLink .main a:last-child {
            border-bottom: none;
        }

    .firendLink a {
        display: block;
        border-bottom: 1px solid #555;
    }

.listBanner {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 400px;
    overflow: hidden;
}

.listWrapper {
    padding: 50px 0;
    overflow: hidden;
}

.breadCrumb {
    height: 70px;
    line-height: 70px;
    background: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
}

    .breadCrumb p {
        background: url(../Images/home_icon.png) no-repeat left center;
        padding-left: 20px;
        font-size: 14px;
    }

    .breadCrumb p {
        width: 1180px;
    }

        .breadCrumb p span {
            margin: 0 8px;
        }

    .breadCrumb .back {
        float: right;
        height: 28px;
        line-height: 28px;
        text-align: center;
        border-radius: 5px;
        margin-top: 20px;
        background: url(../Images/back.png) no-repeat left center;
        padding-left: 20px;
    }

.partnerList, .honorList, .settingList, .videoList, div.searList, .newsTop {
    width: 1200px;
    overflow: hidden;
}

    .partnerList ul, .honorList ul, .settingList ul, .videoList ul, div.searList ul, .newsTop ul {
        width: 1250px;
    }

.proSear {
    margin-bottom: 50px;
}

    .proSear form {
        width: 625px;
        margin: 0 auto;
        margin-top: 15px;
        background: #fff;
        height: 40px;
        line-height: 40px;
    }

    .proSear .searSelect {
        border: 1px solid #ccc;
        border-right: none;
    }

    .proSear .txt {
        width: 488px;
        float: left;
        height: 40px;
        line-height: 40px;
        color: #666;
        padding: 0 10px;
        border: 1px solid #ccc;
    }

    .proSear .btn {
        float: left;
        width: 50px;
        height: 42px;
        cursor: pointer;
        transition: all .3s;
        background: #0549b9 url(../Images/searicon.png) no-repeat center;
    }

        .proSear .btn:hover {
            opacity: .8;
        }

.listMenu {
    height: 60px;
    text-align: center;
    margin-top: -60px;
    position: relative;
    z-index: 3;
    font-size: 0;
    line-height: 0;
    display: table;
}

    .listMenu li {
        display: table-cell;
        font-size: 16px;
        line-height: 60px;
        text-align: center;
        width: 12%;
    }

        .listMenu li a {
            display: block;
            background: rgba(0,0,0,.9);
            color: #fff;
            border-right: 1px solid #283042;
            position: relative;
            z-index: 2;
        }

            .listMenu li a:after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                background: #0549b9;
                height: 100%;
                transform: scale(0,1);
                transform-origin: right top;
                transition: transform .3s;
                z-index: -1;
            }

    .listMenu a.cur, .listMenu a:hover {
        background: #0549b9;
        color: #fff;
    }

        .listMenu .cur:after, .listMenu a:hover:after {
            transform: scale(1);
            transform-origin: left top;
        }

.menuSub {
    text-align: center;
    margin-top: 20px;
}

    .menuSub a {
        width: 125px;
        border: 1px solid #ddd;
        background: #fff;
        display: inline-block;
        transition: all .3s;
        margin-right: 10px;
        height: 35px;
        line-height: 35px;
        box-shadow: 0 0 1px #fff inset;
    }

        .menuSub a.current, .menuSub a:hover {
            border: 1px solid #008a43;
            background: #0549b9;
            color: #fff;
        }

h3.aTie2 {
    padding-top: 60px;
    margin-bottom: 0;
}

.proIndex {
    padding: 60px 0;
    overflow: hidden;
}

    .proIndex .tie {
        font-size: 24px;
        color: #0549b9;
        font-weight: 400;
        position: relative;
        padding-left: 25px;
        margin-bottom: 35px;
    }

        .proIndex .tie:after {
            content: "";
            position: absolute;
            left: 0;
            width: 16px;
            top: 12px;
            background: #0549b9;
            height: 2px;
        }

.proIndex2 {
    background: #f5f5f5;
    padding: 60px 0;
}

.proList ul {
    width: 1240px;
}

.proList li {
    float: left;
    width: 290px;
    margin-bottom: 10px;
    box-sizing: border-box;
    margin-right: 13px;
}

    .proList li a {
        display: block;
        position: relative;
        background: #fff;
    }

    .proList li .pImg {
        display: block;
        overflow: hidden;
        width: 290px;
        height: 195px;
        position: relative;
    }

    .proList li img {
        position: absolute;
        top: 0;
        left: 0;
        width: 290px;
        height: 195px;
        transition: all .5s;
    }

    .proList li h5 {
        font-weight: 400;
        text-align: center;
        height: 70px;
        line-height: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

    .proList li .pImg:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(5,73,185,.7);
        transition: all .25s;
        transform: perspective(400px) rotateX(-90deg);
        -moz-transform: perspective(400px) rotateX(-90deg);
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -o-transform: perspective(400px) rotateX(-90deg);
        transform-origin: top;
        z-index: 2;
    }

    .proList li .pImg i {
        position: absolute;
        width: 100%;
        background: url(../Images/pmore.png) no-repeat center top;
        top: 50%;
        opacity: 0;
        transition: all .4s;
        z-index: 3;
        text-align: center;
        padding-top: 60px;
        color: #fff;
        font-style: normal;
    }

    .proList li a:hover img {
        transform: scale(1.1);
    }

    .proList li a:hover .pImg:before {
        transform: perspective(200px) rotateX(0);
    }

    .proList li a:hover .pImg i {
        transition-delay: .1s;
        margin-top: -40px;
        opacity: 1;
    }

    .proList li a:hover {
        background: #0549b9;
        color: #fff;
    }

.proShow_left {
    width: 957px;
    overflow: hidden;
    border: 1px solid #e9e9e9;
}

.proShow_box1 {
    padding: 35px;
    overflow: hidden;
    height: 370px;
}

.proShow_img {
    width: 330px;
    height: 330px;
    border: 1px solid #e9e9e9;
    padding: 14px 0;
    text-align: center;
    line-height: 330px;
}

.proShow_synopsis {
    width: 500px;
    overflow: hidden;
}

    .proShow_synopsis .title {
        font-size: 24px;
        font-weight: 400;
        color: #424242;
        margin-bottom: 10px;
    }

    .proShow_synopsis .font {
        height: 150px;
        overflow: hidden;
    }

    .proShow_synopsis .price {
        margin-top: 10px;
        height: 60px;
        line-height: 60px;
        padding-left: 25px;
        font-size: 14px;
        background: #f3f3f3;
        margin-bottom: 25px;
    }

        .proShow_synopsis .price span {
            font-size: 24px;
            color: #db0006;
        }

            .proShow_synopsis .price span i {
                font-style: normal;
                font-size: 16px;
            }

    .proShow_synopsis .btn a {
        padding: 0 20px;
        display: inline-block;
        height: 38px;
        line-height: 38px;
        background: #de2026;
        color: #fff;
        font-size: 14px;
        margin-right: 10px;
        border: 1px solid #de2026;
        transition: all .3s;
    }

    .proShow_synopsis .btn .zx {
        border: 1px solid #de2026;
        background: 0 0;
        color: #de2026;
    }

        .proShow_synopsis .btn .zx i {
            display: inline-block;
            width: 22px;
            height: 20px;
            background: url(../Images/zxicon.png) no-repeat;
            position: relative;
            top: 3px;
            margin-right: 10px;
        }

    .proShow_synopsis .btn a:hover {
        opacity: .8;
    }

.proShow_box .main {
    padding: 35px;
    overflow: hidden;
}

.proShow_box .title {
    height: 60px;
    line-height: 60px;
    background: #f3f3f3;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 400;
}

    .proShow_box .title span {
        display: inline-block;
        height: 58px;
        border-bottom: 2px solid #0549b9;
        color: #0549b9;
    }

.proShow_box3 li {
    float: left;
    width: 403px;
    background: #fff;
    height: 150px;
    font-size: 12px;
    margin-right: 20px;
    overflow: hidden;
    border: 1px solid #eee;
    padding: 14px;
    border-top: 2px solid #0549b9;
    margin-bottom: 25px;
    line-height: 22px;
}

    .proShow_box3 li .sImg {
        float: right;
        width: 220px;
        height: 150px;
        overflow: hidden;
        margin-left: 40px;
    }

    .proShow_box3 li img {
        width: 220px;
        height: 150px;
        transition: all .5s;
    }

    .proShow_box3 li h4 {
        font-size: 16px;
        color: #424242;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .proShow_box3 li:hover {
        box-shadow: 0 0 10px #ccc;
    }

    .proShow_box3 li:nth-child(2n) {
        margin-right: 0;
    }

.proShow_right {
    width: 200px;
    overflow: hidden;
    padding: 0 15px;
}

    .proShow_right .title {
        font-size: 18px;
        font-weight: 400;
        color: #0549b9;
        position: relative;
        text-align: center;
        margin-bottom: 20px;
    }

        .proShow_right .title:before {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            top: 14px;
            height: 1px;
            background: #0549b9;
        }

        .proShow_right .title span {
            background: #fff;
            padding: 0 10px;
            z-index: 2;
            position: relative;
        }


.subPage{ clear:both;}
.subPageL{ width:210px; overflow:hidden; background:#fafafa; /*margin-top:-35px;*/}
.subPageLT{ height:55px; line-height:55px; padding-left:28px; background:#bd9016 url(../Images/icn17.png) no-repeat 170px center; color:#ffffff; font-size:18px; font-weight:bold;}
.leftMenu{ overflow:hidden; border-bottom:5px solid #ededed;}
.leftMenu dd{ overflow:hidden; background:#f0f0f0 ;  border-bottom: 1px solid #fff;}
.leftMenu dd span{ display:block; height:45px; line-height:45px;}
.leftMenu dd span a{ display:block; height:45px; line-height:45px; padding-left:18px; color:#666666; font-size:14px;}
.leftMenu dd div{ overflow:hidden; display:none;}
.leftMenu dd div a{ display:block; height:32px; line-height:32px; color:#999999; padding-left:82px; background:url(../Images/icn18.jpg) no-repeat 70px center;}
.leftMenu dd div a:hover{ background:url(../Images/icn18h.jpg) no-repeat 70px center; color:#0549b9;}
.leftMenu dd.sj span a{ background:url(../Images/icn19.png) no-repeat 30px center;}
.leftMenu dd:hover span{ background:#f0f0f0;}
.leftMenu dd:hover span a{ color:#333;}
.leftMenu dd span  a.active{ background:#0549b9 ;color:#fff;}


.demand {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-size: 12px;
}

    .demand form {
        margin-bottom: 15px;
        overflow: hidden;
    }

        .demand form input {
            margin-top: 10px;
            height: 40px;
            line-height: 40px;
            width: 155px;
            padding: 0 10px 0 40px;
            background: #eaefee url(../Images/f_icon1.jpg) no-repeat 10px center;
        }

        .demand form .f2 {
            background: #eaefee url(../Images/f_icon2.jpg) no-repeat 10px center;
        }

        .demand form .sub {
            width: 205px;
            background: #333;
            color: #fff;
            font-size: 18px;
            cursor: pointer;
            padding: 0;
            transition: all .3s;
        }

            .demand form .sub:hover {
                background: #0549b9;
            }

.right_team .ohbox {
    height: 610px;
    overflow: hidden;
}

    .right_team .ohbox li {
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
    }

        .right_team .ohbox li img {
            width: 200px;
            height: 250px;
        }

        .right_team .ohbox li p {
            height: 40px;
            line-height: 40px;
        }

.aBox {
    padding: 60px 0;
    overflow: hidden;
}

.aTie {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 50px;
    line-height: 40px;
}

    .aTie span {
        display: block;
        color: #666; line-height: 20px;
        font-size: 12px;
    }

    .aTie:after {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -15px;
        width: 30px;
        background: #333;
        bottom: 0;
        height: 2px;
    }

.aboutPic {
    background: #f0f0f0;
    border-radius: 0 0 60px 0;
    height: 370px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

    .aboutPic .txt {
        padding:70px 20px 0;
        width: 290px;
        font-size: 22px;
        font-weight: 400;
        color: #333;
        text-align: center;
    }

        .aboutPic .txt p {
            margin-top: 25px;
            line-height: 30px;
        }

.aboutFont {
    padding: 50px;font-size:15px;
    border: 1px solid #e0e0e0;
    margin-top: -50px;
    padding-top: 100px;
}

.aboutBox2 {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

    .aboutBox2 .w1200 {
        height: 640px;
    }

    .aboutBox2 .pic {
        width: 960px;
        height: 640px;
        margin-left: -360px;
    }

    .aboutBox2 .font {
        padding-top: 90px;
        width: 500px;
        line-height: 30px;
    }

        .aboutBox2 .font h4 {
            font-size: 24px;
            color: #333;
            font-weight: 400;
            position: relative;
            margin-bottom: 40px;
            padding-bottom: 20px;
        }

            .aboutBox2 .font h4 span {
                display: block;
                color: #0548b9;
                font-size: 16px;
                font-weight: 400;
                margin-top: 5px;
            }

            .aboutBox2 .font h4:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 30px;
                height: 2px;
                background: #ccc;
            }

.teamSlide {
    overflow: hidden;
    height: 420px;
}

    .teamSlide ul {
        width: 1240px;
    }

    .teamSlide li {
        width: 275px;
        float: left;
        margin-right: 33px;
        height: 420px;
    }

        .teamSlide li .pImg {
            width: 275px;
            height: 350px;
            display: block;
            overflow: hidden;
        }

        .teamSlide li img {
            display: block;
            width: 275px;
            height: 350px;
            transition: all .5s;
        }

        .teamSlide li h4 {
            font-size: 18px;
            font-weight: 400;
            color: #222;
            padding: 10px 0;
            transition: all .3s;
            background: url(../Images/t_arr1.png) no-repeat right center;
        }

            .teamSlide li h4 span {
                display: block;
                font-size: 14px;
                color: #888;
            }

        .teamSlide li:hover h4 {
            background: #f5f5f5 url(../Images/t_arr2.png) no-repeat 245px center;
            padding: 10px;
            color: #0549b9;
        }

        .teamSlide li:hover img {
            transform: scale(1.1);
        }

.aMore {
    width: 160px;
    height: 50px;
    background: #0549b9;
    color: #fff;
    display: block;
    margin: 20px auto;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}

    .aMore i {
        display: inline-block;
        width: 4px;
        height: 7px;
        background: url(../Images/ly_li2.png) no-repeat;
        position: relative;
        margin-left: 15px;
        top: -1px;
    }

    .aMore:hover {
        width: 280px;
        background: #003792;
        color: #fff;
    }

.aboutBox4 {
    padding: 50px 0 70px;
}

    .aboutBox4 li {
        float: left;
        width: 230px;
        height: 145px;
        position: relative;
        transition: all .3s;
        position: relative;
        margin-right: 10px;
        border: 1px solid #f2f2f2;
    }

        .aboutBox4 li img {
            width: 230px;
            height: 145px;
            position: absolute;
            z-index: 2;
            transform: rotateY(0deg);
            transition: all .5s ease 0s;
            backface-visibility: hidden;
        }

        .aboutBox4 li span {
            position: absolute;
            width: 220px;
            height: 145px;
            background: #fff;
            line-height: 145px;
            text-align: center;
            transform: rotateY(-180deg);
            transition: all .5s ease 0s;
            backface-visibility: hidden;
            color: #0549b9;
            padding: 0 5px;
        }

        .aboutBox4 li:hover img {
            transform: rotateY(180deg);
        }

        .aboutBox4 li:hover span {
            transform: rotateY(0deg);
        }

.honorList ul li {
    width: 250px;
    float: left;
    margin-right: 26px;
    margin-bottom: 25px;
    text-align: center;
    padding: 15px 15px 0;
    background: #f2f2f2;
    border-bottom: 3px solid #ddd;
    position: relative;
}

    .honorList ul li .pImg {
        display: block;
        width: 230px;
        height: 170px;
        padding: 4px;
        border: 1px solid #e3e3e3;
        background: #fff;
        display: table-cell;
        vertical-align: middle;
    }

    .honorList ul li img {
        width: 230px;
        vertical-align: middle;
        height: 170px;
    }

    .honorList ul li::before {
        content: "";
        position: absolute;
        height: 3px;
        bottom: -3px;
        left: 0;
        transition: all .5s;
        width: 0;
    }

    .honorList ul li:hover::before {
        width: 100%;
        background: #0549b9;
        transition: all .5s;
    }

    .honorList ul li p {
        height: 35px;
        line-height: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

.lb-data .lb-caption {
    color: #fff;
}

.honorList ul li:hover {
    background: #eee;
    box-shadow: 0 0 10px #ccc;
}

.settingList li {
    width: 280px;
    float: left;
    margin-right: 26px;
    margin-bottom: 25px;
    text-align: center;
    background: #f2f2f2;
    border-bottom: 3px solid #ddd;
    position: relative;
}

    .settingList li img {
        display: block;
        width: 270px;
        height: 205px;
        padding: 4px;
        border: 1px solid #e3e3e3;
        background: #fff;
        transition: all .5s;
    }

    .settingList li::before {
        content: "";
        position: absolute;
        height: 3px;
        bottom: -3px;
        left: 0;
        transition: all .5s;
        width: 0;
    }

    .settingList li:hover::before {
        width: 100%;
        background: #0549b9;
        transition: all .5s;
    }

    .settingList li span {
        height: 45px;
        line-height: 45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding: 0 5px;
    }

    .settingList li:hover img {
        transform: scale(.95);
    }

.partnerList {
    padding: 1px;
}

.partnerList {
    padding: 1px;
}

    .partnerList li {
        float: left;
        width: 297px;
        height: 151px;
        position: relative;
        transition: all .3s;
        position: relative;
        border: 1px solid #e2e2e2;
        margin-top: -1px;
        margin-left: -1px;
    }

        .partnerList li img {
            height: 108px;
            z-index: 2;
            transform: rotateY(0deg);
            transition: all .5s ease 0s;
            backface-visibility: hidden;
            text-align: center;
            padding-left: 30px;
        }

        .partnerList li h5 {
            color: #666;
            font-size: 14px;
            text-align: center;
        }

        .partnerList li font {
            display: block;
            color: #666;
            font-size: 14px;
            text-align: center;
        }

        .partnerList li b {
            display: block;
            color: #666;
            font-size: 14px;
            text-align: center;
            font-weight: 400;
        }

        .partnerList li span {
            position: absolute;
            z-index: 9;
            top: 0;
            width: 100%;
            height: 100%;
            padding-top: 0;
            background: #0549b9;
            line-height: 148px;
            text-align: center;
            transform: rotateY(-180deg);
            transition: all .5s ease 0s;
            backface-visibility: hidden;
            color: #fff;
            line-height: 230px;
        }

        .partnerList li:hover img {
        }

        .partnerList li:hover span {
            transform: rotateY(0deg);
        }

.teamTop {
    background: url(../Images/teamicon.jpg) no-repeat center top;
    height: 175px;
    margin-bottom: 60px;
    overflow: hidden;
}

.teamTop {
    text-align: center;
    font-size: 14px;
    color: #555;
}

    .teamTop h4 {
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 25px;
    }

.teamList li {
    height: 335px;
    overflow: hidden;
    margin-bottom: 40px;
    font-size: 14px;
    position: relative;
}

    .teamList li:before {
        content: "";
        position: absolute;
        left: 60px;
        top: 55px;
        border: 1px dashed #ddd;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

    .teamList li .tImg {
        float: left;
        width: 240px;
        height: 305px;
        background: #d4d4d4;
        margin: 0 30px 0 10px;
        transition: all .3s;
    }

    .teamList li img {
        width: 240px;
        height: 305px;
        padding-top: 10px;
        margin-left: -10px;
    }

    .teamList li h4 {
        font-size: 24px;
        font-weight: 400;
        color: #333;
        margin-bottom: 40px;
    }

        .teamList li h4 span {
            display: block;
            font-size: 14px;
            margin-top: 8px;
            color: #888;
        }

    .teamList li p {
        /*height: 150px;*/
        overflow: hidden;
        margin-bottom: 10px;
    }

    .teamList li .more {
        display: inline-block;
        border: 1px solid #ddd;
        color: #999;
        font-size: 10px;
        text-align: center;
        margin-top: 5px;
        font-family: Arial;
        padding: 3px 15px;
        height: 15px;
        line-height: 17px;
        transform-origin: left;
        transition: all .3s;
        text-transform: uppercase;
    }

        .teamList li .more:hover {
            border: 1px solid #0549b9;
            color: #0549b9;
        }

    .teamList li:hover .tImg {
        background: #0549b9;
    }

.teamShow_top {
    height: auto;
    overflow: hidden;
}

    .teamShow_top .left {
        width: 380px;
        overflow: hidden;
    }

    .teamShow_top .right {
        width: 740px;
        color: #888;
    }

        .teamShow_top .right .title {
            font-size: 24px;
            font-weight: 400;
            color: #0549b9;
            margin-bottom: 20px;
        }

            .teamShow_top .right .title span {
                display: block;
                font-size: 16px;
                margin-top: 5px;
                color: #666;
            }

.teamShow_case .tie, .caseShow_font1 .tie {
    font-size: 20px;
    font-weight: 400;
    height: 35px;
    color: #1e1e1e;
    margin-top: 50px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}

.caseShow_font1 {
    overflow: hidden;
    margin-bottom: 30px;
}

.caseList {
    overflow: hidden;
}

    .caseList ul {
        width: 1240px;
    }

    .caseList li {
        float: left;
        height: 345px;
        margin-right: 22px;
        transition: all .4s;
        margin-bottom: 15px;
    }

        .caseList li .pImg {
            display: block;
            width: 385px;
            height: 285px;
            overflow: hidden;
            position: relative;
        }

        .caseList li img {
            width: 385px;
            height: 285px;
            transition: all .5s;
        }

        .caseList li p {
            background: #f5f5f5 url(../Images/c_more.png) no-repeat 340px center;
            height: 60px;
            line-height: 60px;
            padding: 0 60px 0 20px;
        }

        .caseList li:hover img {
            transform: scale(1.1);
        }

        .caseList li:hover {
            box-shadow: 1px 0 6px #ccc;
        }

            .caseList li:hover p {
                background:;
            }

        .caseList li .pImg:after {
            position: absolute;
            content: '';
            opacity: 0;
            transition: all .5s;
            transition-delay: .1s;
            z-index: 3;
            border: 1px solid #fff;
            transform: scale(0) rotate(180deg);
            top: 15px;
            right: 15px;
            bottom: 15px;
            left: 15px;
        }

        .caseList li:hover .pImg::after {
            opacity: .7;
            transform: scale(1) rotate(0deg);
        }

.caseShow .title {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
}

.caseShow .p1 {
    margin-bottom: 25px;
    text-align: center;
    color: #666;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}

    .caseShow .p1 span {
        margin-right: 15px;
    }

.picShow_pic {
    margin-bottom: 30px;
    text-align: center;
}

.caseShow_font1 .title {
    height: 35px;
    border-bottom: 1px solid #ccc;
}

    .caseShow_font1 .title span {
        float: left;
        height: 35px;
        width: 120px;
        font-size: 14px;
        text-align: center;
        line-height: 35px;
    }

    .caseShow_font1 .title .on {
        background: #336bdb;
        color: #fff;
    }

.caseShow_font1 {
    margin-bottom: 30px;
}

.nWrap {
    overflow: visible;
}

.newsTop_list ul {
    width: 1250px;
}

.newsTop_list li {
    float: left;
    width: 375px;
    margin-right: 40px;
    margin-bottom: 50px;
    position: relative;
    border-bottom: 2px solid #e5e5e5;
}

    .newsTop_list li .nImg {
        width: 375px;
        height: 235px;
        overflow: hidden;
        display: block;
        position: relative;
    }

        .newsTop_list li .nImg:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 67px;
            height: 67px;
            background: url(../Images/n_hot.png) no-repeat;
        }

    .newsTop_list li img {
        width: 375px;
        height: 235px;
        transition: all .5s;
    }

    .newsTop_list li div {
        padding: 15px;
        background: #f8f8f8;
        height: 120px;
        color: #666;
        line-height: 22px;
    }

        .newsTop_list li div h4 {
            color: #333;
            line-height: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-bottom: 8px;
            margin-bottom: 10px;
            border-bottom: 1px solid #e5e5e5;
            font-size: 14px;
            font-weight: 400;
        }

            .newsTop_list li div h4 span {
                display: block;
                color: #999;
                line-height: 16px;
                font-size: 12px;
            }

    .newsTop_list li:hover div {
        color: #fff;
        background: #0549b9;
    }

        .newsTop_list li:hover div h4, .newsTop_list li:hover div span {
            color: #fff;
        }

        .newsTop_list li:hover div h4 {
            border-bottom: 1px solid #003792;
        }

    .newsTop_list li:hover img {
        transition: all .5s;
        transform: scale(1.1,1.1);
    }

    .newsTop_list li::before, .newsTop_list li::after {
        content: "";
        position: absolute;
        bottom: -2px;
        height: 2px;
        transition: all .4s;
        width: 0;
        left: 0;
        background: #003792;
    }

    .newsTop_list li::after {
        right: 0;
        left: auto;
    }

    .newsTop_list li:hover::before, .newsTop_list li:hover::after {
        width: 50%;
        transition: all .4s;
    }


/* 新闻中心 */

.newsList li{border:1px solid #e2e2e2;padding:30px;overflow:hidden;margin-bottom:30px;transition:all 0.3s;}

.newsList li .font{width:800px;overflow:hidden;color:#333;padding-top:30px;}

.newsList li .date{width:80px;height:110px;background:#0549b9;color:#fff;padding-left:20px;font-size:20px;font-family:'HelveticaNeuedd7b7fc3f53d6';position:relative;margin-right:40px;transition:all 0.4s;}

.newsList li .date span{display:block;opacity:.8;padding-top:35px;font-size:14px;}

.newsList li .date:after{position:absolute;content:"";width:50px;left:60px;background:#555;height:1px;top:10px;width:0;transition:all 0.3s;}

.newsList li h4{font-size:18px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}

.newsList li  .txt{color:#666;font-size:16px;}

.newsList li .pic{width:280px;height:150px;overflow:hidden;}

.newsList li img{min-width:280px;transition:all 0.5s;height:150px;}

.newsList li:hover .date{margin-right:60px;}

.newsList li:hover .date:after{width:80%;}

.newsList li:hover h4{color:#144fb3;}

.newsList li:hover img{margin-left:-60px;}

.newsList li:hover{box-shadow:0 5px 10px #eee;}

.articleBox1 .title {
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
}

.articleBox1 .p1 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
    color: #888;
}

.detailLeft .p1, .picShow .p1 {
    border-bottom: 1px dotted #adadad;
}

.articleBox1 .p1 span {
    margin-right: 15px;
}

.solution .p1 {
    margin-bottom: 40px;
}

.review {
    background: #f7f7f7 url(../Images/nshow_icon.png) no-repeat left top;
    padding: 20px;
    border: 1px dotted #adadad;
    text-indent: 2em;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.fontResizer a {
    padding: 0 5px;
}

.article_key {
    background: #f7f7f7 url(../Images/nshow_icon2.png) no-repeat 15px 7px;
    color: #adadad;
    margin-bottom: 20px;
    padding-left: 35px;
    line-height: 28px;
}

.fontsizebox {
    padding-bottom: 40px;
    border-bottom: 1px dotted #adadad;
    font-size: 13px;
    color: #424242;
}

.fontSize a.active {
    color: #0549b9;
}

.detailShare {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dotted #adadad;
}

    .detailShare span {
        border-left: 1px dotted #adadad;
        padding: 0 15px;
    }

        .detailShare span.date {
            margin-left: 15px;
        }

.detail_fenx {
    font-size: 14px;
    padding-top: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px dotted #adadad;
    padding-bottom: 10px;
}

    .detail_fenx div {
        width: 48%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.relatedNews_font {
    width: 1200px;
    overflow: hidden;
    font-size: 13px;
    margin-top: 15px;
}

    .relatedNews_font ul {
        width: 1240px;
    }

        .relatedNews_font ul li {
            float: left;
            padding-right: 50px;
            width: 570px;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px dotted #ddd;
        }

            .relatedNews_font ul li a {
                display: block;
                width: 450px;
                line-height: 40px;
                background: url(../Images/ly_li.png) no-repeat left center;
                padding-left: 10px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                float: left;
            }

            .relatedNews_font ul li span {
                float: right;
                color: #999;
            }

.jobList li {
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 20px;
}

.jobList h4 {
    font-size: 28px;
    font-weight: 400;
    background: url(../Images/gicon19.png) no-repeat right center;
    padding-right: 20px;
    padding-bottom: 20px;
    line-height: 32px;
}

    .jobList h4 span {
        display: block;
        font-size: 16px;
        margin-top: 8px;
    }

        .jobList h4 span i {
            display: inline-block;
            font-style: normal;
            background: url(../Images/job_icon.png) no-repeat left -35px;
            padding-left: 30px;
            margin-right: 15px;
        }

        .jobList h4 span .num {
            background-position: 0 0;
        }

.jobList .font {
    background: #f2f2f2;
    padding: 25px;
    display: none;
}

    .jobList .font .tie {
        color: #555;
        margin-bottom: 10px;
        display: block;
    }

    .jobList .font h5 {
        margin-top: 15px;
        font-size: 16px;
    }

.jobList h4.on {
    color: #333;
    background: url(../Images/gicon18.png) no-repeat right center;
}

.jobBan img {
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.contactFont {
    overflow: hidden;
    margin-bottom: 50px;
}

    .contactFont li {
        float: left;
        width: 239px;
        text-align: center;
        border-right: 1px solid #dcdcdc;
        padding: 0 30px;
        height: 150px;
        padding-top: 10px;
    }

        .contactFont li:last-child {
            border-right: none;
        }

        .contactFont li h4 {
            font-weight: 400;
            font-size: 16px;
            color: #333;
        }

            .contactFont li h4 span {
                display: block;
                margin: 10px 0 5px;
            }

#dituContent {
    height: 420px;
}

.feedback {
    margin-top: 50px;
    overflow: hidden;
}

    .feedback .title {
        text-align: center;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 25px;
        color: #333;
        position: relative;
    }

        .feedback .title span {
            padding: 0 25px;
            background: #fff;
            position: relative;
            z-index: 2;
        }

        .feedback .title::before {
            content: "";
            border-bottom: 1px solid #e1e1e1;
            width: 100%;
            left: 0;
            position: absolute;
            top: 13px;
        }

#feedback_form label {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-bottom: 30px;
    padding-left: 40px;
    background: url(../Images/contact.png) no-repeat;
    font-size: 14px;
    position: relative;
}

.feedback .name:after, .feedback .telephone:after, .feedback .email:after, .feedback .msg_title:after {
    content: "*";
    color: red;
    position: absolute;
    top: 0;
    right: -280px;
}

#feedback_form label.name {
    background-position: 0 -32px;
}

#feedback_form label.email {
    background-position: 0 -64px;
}

#feedback_form label.city {
    background-position: 0 -96px;
}

#feedback_form label.msg_title {
    background-position: 0 -128px;
}

#feedback_form label.address {
    background-position: 0 -160px;
}

#feedback_form label.message {
    background-position: 0 -192px;
    margin-bottom: 10px;
}

#feedback_form input {
    width: 243px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0 28px 30px 0;
    padding: 0 10px;
    border: 1px solid #dbdbdb;
}

    #feedback_form input.last {
        margin-right: 0;
    }

#feedback_form .msg {
    border-top: 1px dotted #ccc;
    padding: 30px 0;
}

#feedback_form textarea {
    height: 125px;
    width: 1178px;
    padding: 10px;
    border: 1px solid #dbdbdb;
    display: block;
}

#feedback_form .btns {
    width: 120px;
    height: 40px;
    margin-right: 10px;
    background: #0549b9;
    color: #fff;
    border: none;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
}

    #feedback_form .btns:hover {
        background: #333;
        transition: all .3s;
    }

#feedback_form .reset {
    background: #ccc;
    cursor: pointer;
    margin-bottom: 0;
}

#feedback_form .tableRow {
    width: 100%;
    height: 32px;
}

    #feedback_form .tableRow input {
        width: 150px;
        margin-right: 10px;
        color: #999;
        float: left;
    }

    #feedback_form .tableRow .checkcode {
        width: 50px;
        height: 22px;
        margin-left: 5px;
        border: 1px solid #ccc;
        padding: 4px 5px;
        display: block;
        float: left;
        background: #fff;
    }

#feedback_form input:focus, #feedback_form textarea:focus {
    border-color: #666;
}