@charset "utf-8";

* {
    padding: 0px;
    margin: 0px;
    font-family: "Microsoft YaHei"
}

body {
    font-size: 14px;
    color: #666;
    font-size: 16px;
    min-width: 1200px;
}

ul,
li {
    list-style: none;
}

a,
a:link,
a:hover {
    text-decoration: none;
}

img {
    border: 0px;
    font-size: 0px;
}

.blue {
    color: #053c7e;
}

.bghui {
    background: #f5f5f5;
}

.bgwhite {
    background: #fff;
}

.boxshow {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
}

.top1 {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    height: 90px;
    z-index: 99;
    background: #fff;
    opacity: 0.6;
}

.top {
    width: 100%;
    position: absolute;
    top: 0px;
    height: 90px;
    z-index: 100;
}

.top1200 {
    width: 705px;
    padding-left: 17px;
    float: left;
}

.logoBox {
    width: 1200px;
    margin: 0 auto;
    height: 68px;
    padding: 22px 0 0 0;
}

.contactPhone {
    line-height: 54px;
    color: #053c7e;
    font-size: 22px;
    padding-left: 30px;
    background: url(../images/phone.png) no-repeat left;
}

.topNav li {
    float: left;
    padding: 0px 9px;
    min-width: 62px;
    height: 68px;
    position: relative;
}

.Language {
    font-size: 18px;
    display: inline-block;
    width: 35px;
    height: 36px;
    background: #053c7e;
    color: #fff;
    text-align: center;
    line-height: 36px;
    margin-left: 12px;
    margin-top: 5px;
}

.Languagen {
    background: #a2a2a2;
    margin-left: 0;
}

.topNav li a {
    line-height: 50px;
    display: block;
    color: #053c7e;
    font-size: 16px;
    text-align: center;
}

.topNav li.on i,
.topNav li:hover i {
    display: block;
}

.topNav li.on a,
.topNav li:hover a {
    color: #d92b36;
    border-radius: 5px;
}

.topNav li div {
    position: absolute;
    width: 96px;
    top: 68px;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    border-radius: 0px 0px 5px 5px;
}

.topNav li:hover div a {
    color: #000;
}

.topNav li div a {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.topNav li div a:hover {
    color: #f4000f;
}


/*公告*/

.j_notice {
    width: 100%;
    background: #f1f1f1;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}

.index-noticeTitle {
    display: inline-block;
    width: 100px;
    background: url("../images/icon.png") no-repeat -19px -57px;
    padding-left: 28px;
    float: left;
}

.index-noticeUl {
    display: inline-block;
    width: 1070px;
    float: right;
    left: 128px;
}

.index-scroll {
    position: relative;
}

.index-noticeUl li {
    width: 320px;
    margin-right: 35px;
    float: left;
    color: #4e4e4e;
}

.index-noticeUl li a {
    color: #4e4e4e;
}

.index-noticeUl li a:hover {
    color: #df3132;
}

.index-noticeUl li>span {
    width: 12px;
    background: url("../images/dot.jpg") no-repeat left center;
    display: inline-block;
    height: 50px;
    float: left;
}


/*banner*/

.bannerIndex {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: 600px;
    top: 0;
}

.www51buycom {
    overflow: hidden;
}

.buypic li {
    width: 100%;
    height: 600px;
}

.num {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -60px;
}

.num li {
    width: 30px;
    height: 8px;
    border-radius: 50px;
    float: left;
    font-size: 0;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
    text-align: center;
}

.num li.on {
    background: #053c7e;
}

.buypic1 li {
    width: 100%;
    height: 436px;
}

.num1 {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -60px;
}

.num1 li {
    width: 30px;
    height: 8px;
    border-radius: 50px;
    float: left;
    font-size: 0;
    background: #fff;
    margin: 0 5px;
    cursor: pointer;
    text-align: center;
}

.num1 li.on {
    background: #e60012;
}


/*上一个  下一个*/

.www51buycom .prev,
.www51buycom .next {
    width: 78px;
    height: 78px;
    position: absolute;
    top: 261px;
    opacity: 0.7;
}


/*part*/

.index-title {
    text-align: center;
    font-size: 32px;
    color: #4e4e4e;
}

.index-title p {
    font-size: 22px;
}

.index-title img {
    display: inline-block;
    vertical-align: middle;
}

p.index-ENtitle {
    text-align: center;
    color: #333;
    font-size: 40px;
}

.font30 {
    font-size: 30px;
}

.index-subheading {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin: 15px 0;
}

.index-subheading a {
    display: inline-block;
    padding: 0 15px;
    height: 26px;
    line-height: 26px;
    border-radius: 50px;
    border: 1px solid #d8d8d8;
    color: #4e4e4e;
    margin: 0 12px;
    font-size: 16px;
}

.index-subheading a:hover,
.index-subheading a.cur {
    background: #be0102;
    border-color: #be0102;
    color: #fff
}

.index-comIMG {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.index-comIMG li {
    width: 300px;
    height: 184px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.index-comIMG li>span {
    display: inline-block;
    text-align: left;
    font-size: 17px;
    line-height: 30px;
    position: relative;
    top: 50%;
    margin-top: -30px
}

.index-comIMG li font {
    font-size: 16px;
}

.icon-down {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: url("../images/down.png") no-repeat;
}

.icon-up {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url("../images/up.png") no-repeat;
}


/* 公司简介 */

.indexIntroduce {
    width: 100%;
    height: 590px;
    background: url(../images/introductionBg.png) no-repeat center bottom;
}

.indroduceUl {
    width: 1226px;
    margin: 36px auto 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.indroduceUl li {
    width: 280px;
    margin-right: 26px;
    float: left;
    animation-delay: 0s;
}

.animate1 {
    animation: fadeIn 1s both 0s;
    -moz-animation: fadeIn 1s both .6s;
    -webkit-animation: fadeIn 1s both .6s;
    -o-animation: fadeIn 1s both .6s;
}

.indroduceUl li.animate2 {
    animation: fadeIn 1s both .2s;
}

.indroduceUl li.animate3 {
    animation: fadeIn 1s both .4s;
}

.indroduceUl li.animate4 {
    animation: fadeIn 1s both .6s;
}

.translateYf {
    animation: fadeIn 1s both .6s;
}

.leftFadein {
    animation: leftfadeIn 1s both .6s;
    -moz-animation: leftfadeIn 1s both .6s;
    -webkit-animation: leftfadeIn 1s both .6s;
    -o-animation: leftfadeIn 1s both .6s;
}

.rightFadein {
    animation: rightsfadeIn 1s both .6s;
    -moz-animation: rightsfadeIn 1s both .6s;
    -webkit-animation: rightsfadeIn 1s both .6s;
    -o-animation: rightsfadeIn 1s both .6s;
}

.centerAnimate {
    animation: changeSize 1s;
    -moz-animation: changeSize 1s;
    -webkit-animation: changeSize 1s;
    -o-animation: changeSize 1s;
}

.quality {
    animation: fadeIn 1s both .6s;
    -moz-animation: fadeIn 1s both .6s;
    -webkit-animation: fadeIn 1s both .6s;
    -o-animation: fadeIn 1s both .6s;
}

.warehousing {
    animation: down 1s both .6s;
    -moz-animation: down 1s both .6s;
    -webkit-animation: down 1s both .6s;
    -o-animation: down 1s both .6s;
}

.cooperete {
    animation: fadeIn 1s both .6s;
    -moz-animation: fadeIn 1s both .6s;
    -webkit-animation: fadeIn 1s both .6s;
    -o-animation: fadeIn 1s both .6s;
}

@keyframes changeSize {
    from {
        width: 500px;
        height: 400px;
        opacity: 0;
    }

    to {
        width: 665px;
        height: 420px;
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(105px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes down {
    from {
        opacity: 0;
        transform: translateY(-105px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes leftfadeIn {
    from {
        opacity: 0;
        transform: translatex(105px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes rightsfadeIn {
    from {
        opacity: 0;
        transform: translateX(-105px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

.indroduceUl li a {
    display: inline-block;
    width: 280px;
    height: 212px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 200%;
}

.indroduceUl li a:hover {
    background: #ba292e;
}

.indroduceUl li.hover a {
    background: #ba292e;
}

.font16 {
    font-size: 16px;
}

.indroduceUl a:hover img {
    transform: rotateY(180deg);
}

.indroduceUl li img {
    padding: 38px 0 10px 0;
    transition: transform 1s;
}

.cultureIndex {
    margin-top: 34px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}

.cultureIndex li {
    width: 230px;
    margin-right: 60px;
    float: left;
    text-align: center;
    display: inline-block;
}

.cultureIndex li a {
    display: inline-block;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.cultureIndex p {
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 16px;
}

.bg-gray .cultureIndex p {
    color: #4c4c4c;
}

.balckShade {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 36px;
    line-height: 190px;
    text-align: center;
    font-family: SimHei, microsoft yahei;
}

a:hover .balckShade {
    background: rgba(0, 0, 0, 0.1);
}

.indexMore {
    display: inline-block;
    width: 105px;
    height: 34px;
    line-height: 34px;
    background: #ba292e;
    color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center
}

.indexMore:hover {
    opacity: 0.9;
}

.moreBox {
    text-align: center;
    padding: 5px 0;
}

.productTitle {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.productTitle li {
    display: inline-block;
    padding: 0 3px;
    border: 2px solid #fff;
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
}

.productTitle li.hover,
.productTitle li:hover {
    border-color: #ba292e;
}

.productTitle li.hover a,
.productTitle li a:hover {
    color: #ba292e
}

.productTitle li a {
    display: inline-block;
    padding: 0 8px;
    color: #333;
    font-size: 16px;
    position: relative;
    height: 36px;
    line-height: 36px;
    background: #fff;
    top: -2px;
}

.z_index_product {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}

.z_index_product ul {
    display: block;
    width: 120%;
}

.z_index_product ul li {
    width: 380px;
    margin-right: 30px;
    float: left;
    color: #999;
    line-height: 36px;
    height: 422px;
    margin-bottom: 50px;
}

.z_index_product ul li a {
    color: #999;
    width: 100%;
    position: relative;
}

.z_index_product ul li .productImg::before {
    content: "";
    position: absolute;
    width: 380px;
    height: 220px;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.productImg {
    width: 380px;
    height: 220px;
    background: #fff;
    overflow: hidden;
}

.productImg img {
    width: 380px;
    height: 220px;
    transition: all .3s ease;
    will-change: opacity;
}

.z_index_product ul a:hover .productImg img {
    opacity: 0.7;
}

.z_index_product ul a:hover .productImg::before {
    display: block
}

.z_index_product ul li span {
    line-height: 36px;
    padding-bottom: 14px;
    font-size: 18px;
    color: #333;
}

.z_index_product ul li a:hover span {
    color: #018dcb;
}

.z_index_product ul li p {
    text-indent: 2em;
    line-height: 28px;
}

.z_index_product ul li .t_smdj {
    border: 1px solid #fff;
    padding: 10px;
    height: 180px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.z_index_product ul li a:hover .t_smdj {
    border: 1px solid #018dcb;
}


/* 质量检测 */

.qualityBox {
    background: url(../images/qualityBg.png) no-repeat top center;
}

.qualityBox .index-title * {
    color: #fff;
}

.qualityIndexImg {
    width: 367px;
    height: 220px;
    box-shadow: 0px 0px 10px 0px rgba(250, 250, 250, 0.15);
}

.qualityIndexImg img {
    width: 367px;
    height: 220px;
}

.qualityIndexList {
    width: 110%;
    margin-top: 40px;
}

.qualityIndexList li {
    float: left;
    margin-right: 50px;
}

.qualityIndexList li p {
    line-height: 46px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 16px;
}

.storageIndex {
    margin-top: 40px;
}

.storageIndex ul {
    width: 320px;
    padding: 3px;
    float: left;
}

.storageIndexDetail {
    width: 790px;
    margin: 77px 3px 3px 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    float: right;
    padding: 10px 30px;
    height: 480px;
}

.storageIndex ul li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.storageIndex ul li img {
    width: 320px;
    height: 200px;
}

.storageIndex ul li.hover {
    box-shadow: 0px 0px 10px 0px rgba(250, 250, 250, 0.15);
}

.storageIndex ul li.hover .storageIndexTitle {
    background: rgba(186, 41, 46, 1);
}

.storageIndexDTitle {
    line-height: 50px;
    width: 100%;
    text-align: left;
    font-size: 20px;
}

.storageIndexCon {
    width: 100%;
    line-height: 200%;
    text-indent: 2em;
    font-size: 16px;
    color: #666;
    padding-bottom: 12px;
}

.storageIndex ul li .storageIndexTitle,
.storageIndexTitle {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 34px;
    line-height: 34px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.equipmentList li:hover .storageIndexTitle {
    background: #018dcb;
}

.indexPicMore:hover img {
    opacity: 0.8;
}

.customerBg {
    background: url(../images/customerBg.png) no-repeat top center;
}

.customerBg .index-title * {
    color: #fff;
}

.customerIndex {
    margin: 40px 0 30px 0;
    overflow: hidden;
}

.customerVedio {
    width: 604px;
    height: 340px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 122px;
    box-shadow: 5px 25px 52px 18px rgba(0, 0, 0, 0.63);
}

.customerPictrue {
    width: 600px;
    height: 436px;
    float: right;
    position: relative;
}

.strategicIndex {
    margin-top: 40px;
    position: relative;
}

.strategicIndex li {
    width: 380px;
    height: 240px;
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.5s
}

.strategicIndex li:hover {
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
}

.strategicIndex li.strategicOne {
    position: absolute;
    top: 50px;
    left: 270px;
    width: 665px;
    height: 420px;
    z-index: 2;
}

.strategicIndex li.strategicOne img {
    width: 100%;
    height: 100%;
}

.strategicIndex li img {
    width: 380px;
    height: 240px;
}

.strategicIndex div {
    width: 100%;
    float: left;
}

.newsBg {
    background: url(../images/newsBg.png) no-repeat center top;
}

.newsBg .index-title * {
    color: #fff;
}

.newsCon {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.tabCon {
    width: 576px;
    height: 436px;
    position: relative;
    float: left;
}

.tabCon img {
    width: 576px;
    height: 436px;
}

.tabCon .newsDTitle {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: rgba(250, 250, 250, 0.8);
    color: #333;
    text-align: center;
    font-size: 18px;
}

.newsListIndex {
    width: 570px;
    height: 406px;
    float: right;
    background: rgba(250, 250, 250, 0.8);
    color: #4c4c4c;
    padding: 15px;
}

.newsListIndex li {
    font-size: 16px;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    padding: 5px 0;
}

.newsListIndex li:hover {
    color: #ba292e
}

.newsListIndex li.hover * {
    color: #ba292e
}

.newsListIndex li.hover .iconMore,
.newsListIndex li:hover .iconMore {
    background-image: url(../images/redSee.png);
}

.newsListIndex li:hover p,
.newsListIndex li:hover p a {
    color: #ba292e
}

.newsArticle {
    width: 100%;
    font-size: 18px;
    color: #1a1a1a;
    line-height: 200%;
}

.newsMain {
    width: 100%;
    font-size: 16px;
    line-height: 180%;
    text-indent: 2em;
}

.newsTime {
    line-height: 200%;
    color: #666
}

.iconMore {
    padding-left: 20px;
    background: url(../images/see.png) no-repeat left center;
    color: #666
}

.iconMore:hover {
    color: #e60012;
    background-image: url(../images/redSee.png)
}

.partnerList {
    width: 1196px;
    margin-top: 40px;
    overflow: hidden;
}

.partnerList .hd {
    overflow: hidden;
    text-align: center;
    height: 30px;
    padding: 0 10px;
}

.partnerList .hd .prev,
.partnerList .hd .next {
    display: none;
}

.partnerList .hd ul {
    overflow: hidden;
    zoom: 1;
    margin: 10px auto;
    zoom: 1;
}

.partnerList .hd ul li {
    display: inline-block;
    background: #e5e5e5;
    border-radius: 80px;
    width: 30px;
    height: 8px;
    overflow: hidden;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0px;
}

.partnerList .hd ul li.on {
    background: #053c7e;
}

.partnerList .bd {
    overflow: hidden;
    width: 1195px;
    border: 1px solid #eaeaea;
    border-right: 0px;
    border-bottom: 0px;
}

.partnerList .bd ul {
    overflow: hidden;
    zoom: 1;
    width: 1195px;
    float: left;
    _display: inline;
}

.partnerList .bd ul li {
    width: 238px;
    height: 118px;
    float: left;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.partnerList .bd ul li a:hover img {
    opacity: 0.7;
}

.partnerList .bd ul li .pic {
    text-align: center;
}

.bannerList {
    width: 100%;
    height: 300px;
}

.aboutUs {
    background: url("../images/zjjn.png") no-repeat top center;
}

.newsInfo {
    background: url("../images/new.png") no-repeat top center;
}

.product {
    background: url("../images/cpyfw.png") no-repeat top center;
}

.proCenter {
    background: url("../images/top_bg_product.png") no-repeat top center;
}

.storageSupply {
    background: url("../images/storageSupply.png") no-repeat top center;
}

.technology {
    background: url("../images/technology.png") no-repeat top center;
}

.newsCenter {
    background: url("../images/top_bg_news.jpg") no-repeat top center;
}

.qualityTest {
    background: url("../images/qualityTest.png") no-repeat top center;
}

.customer {
    background: url("../images/customer.png") no-repeat top center;
}

.contact {
    background: url("../images/rlzy.png") no-repeat top center;
}

.contactus {
    background: url("../images/lianxiwomen.png") no-repeat top center;
}

.cooperation {
    background: url("../images/tzzgx.png") no-repeat top center;
}

.news {
    background: url("../images/news.png") no-repeat top center;
}

.partner {
    background: url("../images/technology.png") no-repeat top center;
}

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

.CusAD {
    width: 975px;
    height: 545px;
    margin: 0 auto;
}

.position {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}

.position>div {
    display: inline-block;
    width: auto;
    font-size: 14px;
}

.currentList {
    font-size: 32px;
    letter-spacing: 2px;
    color: #4e4e4e;
    font-family: "Microsoft YaHei";
    line-height: 60px;
}

.currentList>span {
    font-size: 16px;
    color: #b3b3b3;
    letter-spacing: normal;
    padding-left: 20px;
}

.currentPst {
    color: #4e4e4e;
    line-height: 40px;
}

.currentPst a {
    color: #4e4e4e;
}

.currentPst span.on {
    color: #053c7e;
}

.listTitle {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 200%;
    margin-top: 30px;
}

.list-Nav {
    width: 150px;
    float: left;
}

.list-Nav li>a {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    width: 150px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #4e4e4e;
    font-size: 16px;
    box-shadow: 1px 1px 5px 0px rgba(136, 136, 136, 0.5);
}

.list-Nav li>a:hover,
.list-Nav li>a.on {
    background: #df3132;
    color: #fff;
}

.list-con {
    width: 990px;
    float: right;
    background: #fff;
    margin-bottom: 40px;
}

.text-detail {
    padding: 20px 60px;
}

.detail-title {
    line-height: 40px;
    font-size: 22px;
    color: #4e4e4e;
    width: 100%;
    text-align: center;
    padding: 5px 0 15px 0;
}

.detail-title p>span {
    padding: 0 10px;
    color: #4d4d4d;
    font-size: 16px;
}

.detail-titleP {
    font-size: 20px;
    color: #494949;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
}

.detail-content img {
    display: block;
    max-width: 57%;
    margin: 0 auto;
    padding: 10px 0;
}

.currentPst a:hover {
    color: #be0102;
}

.oprate {
    text-align: center;
    padding: 35px 0;
    line-height: 40px;
    color: #4e4e4e
}

.oprate .submitBTN {
    width: 300px;
    height: 46px;
    line-height: 46px;
}

.recuitTable {
    background: #f7f7f7;
    padding: 15px;
    overflow: hidden;
    margin-top: 20px;
}

.companyDetail {
    padding: 20px 0;
}

.companyDetailFl {
    width: 350px;
    float: left;
}

.companyDetail .t_block {
    width: 88px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 35px;
    top: 60px;
    z-index: 10;
}

.companyDetail .t_green {
    width: 3px;
    height: 128px;
    background: #329830;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10;
}

.companyName {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.companyName::before {
    content: "";
    position: relative;
    display: inline-block;
    float: left;
    width: 4px;
    height: 30px;
    background: #ba292e;
    margin-right: 5px;
    line-height: 30px;
}

.companyCultrue {
    padding: 30px 30px 0 30px;
    width: 875px;
    height: 347px;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.companyCultrue p {
    font-size: 16px;
    color: #666;
    line-height: 32px;
    width: 550px;
}

.contactA {
    display: inline-block;
    width: 106PX;
    height: 34px;
    line-height: 34px;
    background: #ba292e;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
    font-size: 16px;
}

.contactA:hover {
    opacity: 0.8;
}

.companyListImg1 {
    display: block;
    background: url('../images/dbx583.png') no-repeat center;
    text-align: center;
    height: 74px;
    line-height: 74px;
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0 10px 0;
}

.companyListImg {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.companyListImg img {
    display: block;
    margin: 0 auto;
}

.companyListText {
    width: 327px;
    margin: 3px 0;
    padding: 5px 20px;
    float: left;
}

.companyListText article {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    margin: 15px 0;
}

.companyListCon {
    color: #666;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em
}

.companyDetailFr {
    width: 587px;
    float: right;
    margin-top: 30px;
    background: #fff;
}

.companyList {
    width: 1300px;
    padding: 5px;
    overflow: hidden;
}

.companyList li {
    width: 367px;
    margin-right: 50px;
    float: left;
    height: 345px;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.companyList li a:hover .companyListText * {
    color: #fff;
}

.companyList li p.ell3 {
    -webkit-line-clamp: 4;
}

.companyList li a:hover .companyListText {
    background: #ba292e;
}

.talentsList {
    width: 498px;
    padding-bottom: 10px;
    zoom: 1;
    _display: inline;
    float: left;
    height: 624px;
}

.talentsList li {
    width: 315px;
    float: left;
    margin-right: 128px;
}

.talentsList li a {
    background: #fff;
    display: block;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    margin: 20px 0 40px;
    padding-top: 50px;
}

.talentsList li .talentText {
    height: 142px;
    width: 200px;
    margin: 0 auto;
    background: #fff;
    padding: 72px 25px 0px 25px;
    font-size: 16px;
    color: #666;
    line-height: 220%;
}

.t_intod {
    background: #053c7e;
    width: 90px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 15px auto 0;
    display: block;
    border: 0;
    cursor: pointer;
}

.talentsList a:hover img {
    transform: rotateY(180deg);
}

.talentsList li img {
    transition: transform 1s;
}

.talentText p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.talentText p:first-child {
    font-weight: bold;
}

.talentPhoto {
    position: absolute;
    top: 18px;
    left: 112px;
    width: 86px;
    height: 86px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    text-align: center;
}

.talentPhoto img.defaultPhoto {
    padding-top: 22px;
}

.hd {
    overflow: hidden;
    text-align: center;
    height: 30px;
    padding: 0 10px;
}

.hd .prev,
.hd .next {
    display: none;
}

.hd ul {
    overflow: hidden;
    zoom: 1;
    margin: 10px auto 0px auto;
    zoom: 1;
}

.hd ul li {
    display: inline-block;
    background: #e5e5e5;
    border-radius: 80px;
    width: 30px;
    height: 8px;
    overflow: hidden;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0px;
}

.hd ul li.on {
    background: #053c7e;
}

.t_zshu {
    width: 263px;
    height: 263px;
    background: url('../images/h1.png') no-repeat center;
    position: relative;
    margin: 0 auto
}

.t_zshu img {
    position: absolute;
    top: 15px;
    left: 62px;
}

.job-detailTable td {
    line-height: 24px;
    padding: 8px 10px;
    color: #4e4e4e
}

.job-detailTable td span {
    color: #979797
}

.job-detail {
    padding: 20px 0px 40px 0px;
}

.list-threeImg {
    padding: 20px 45px;
}

.list-threeImg ul {
    width: 120%;
    overflow: hidden;
    padding-top: 30px;
}

.list-threeImg ul li {
    margin-bottom: 10px;
    width: 280px;
    float: left;
    margin-right: 30px;
    text-align: center;
}

.list-caption {
    line-height: 24px;
    padding: 5px 0 10px 0;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Equipment-description {
    line-height: 26px;
    background: #f7f7f7;
    padding: 20px 30px;
    text-indent: 2em;
    margin-top: 20px;
}

.list-newsList {
    padding: 20px 0px 00px;
}

.list-newsList a {
    color: #4e4e4e;
}

.list-newsList a:hover {
    color: #df3132;
}

.list-newsList ul {
    width: 100%;
    overflow: hidden;
}

.list-newsList ul li {
    padding: 20px 45px;
    overflow: hidden;
    float: left;
    text-align: left;
    width: 900px;
    border-bottom: 1px solid #e1e1e1;
}

.list-newsList ul li:hover {
    box-shadow: 0px 2px 10px #CCC;
}

.list-newsListImg {
    width: 180px;
    float: left;
    margin-right: 15px;
}

.list-newsListImg img {
    display: block;
}

.list-newsListText {
    display: inline-block;
    float: left;
    width: 705px;
}

.list-newsListTitle {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #4e4e4e;
    line-height: 40px;
}

.list-newsListText p {
    color: #979797;
    line-height: 26px;
    padding-top: 5px;
}

.list-newsListText p.ell2 {
    height: 52px;
}

.list-more {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border: 1px solid #dfdfdf;
    color: #979797;
    padding: 0 8px;
    margin-top: 10px;
}

.list-more:hover {
    border: 1px solid #df3132;
    color: #df3132;
}

.form {
    width: 510px;
    margin: 30px auto;
}

.form td {
    padding: 10px 0;
}

.form td input[type=radio] {
    vertical-align: -1px;
    margin-right: 3px;
}

.form td textarea {
    width: 500px;
    border: 1px solid #eaeaea;
    padding: 5px;
    text-indent: 2em;
}

.input-large {
    width: 500px;
    border: 1px solid #eaeaea;
    padding: 5px;
    line-height: 38px;
}

.input-smart {
    width: 238px;
    border: 1px solid #eaeaea;
    padding: 5px;
    line-height: 38px;
}

.submitBTN {
    width: 190px;
    height: 48px;
    line-height: 48px;
    background: #df3132;
    color: #df3132;
    border: 0px;
    color: #FFF;
    font-size: 18px;
    outline: none;
    cursor: pointer;
}

.list-time {
    display: inline-block;
    width: 90px;
    float: left;
    text-align: center;
}

.list-time span {
    font-size: 48px;
    font-family: Arial;
    color: #979797
}

.list-time span.news-time {
    font-size: 14px;
}

.list-newsText {
    width: 800px;
    float: right;
}

.list-newsA li a {
    display: block;
    width: 100%;
    color: #979797;
    padding: 23px 0;
    overflow: hidden;
}

.list-newsA li a:hover {
    background: #df3132;
    color: #fff
}

.list-newsA li a:hover span,
.llist-newsA li a:hover .list-newsListTitle {
    color: #fff
}

.list-newsA a:hover .list-newsText p.list-newsListTitle {
    color: #fff
}

.list-newsA .list-newsText p.list-newsListTitle {
    color: #4e4e4e;
    font-size: 16px;
    height: 30px;
    padding-bottom: 10px;
    line-height: 30px;
}

.list-newsA .list-newsText p {
    height: 52px;
    line-height: 26px;
}

.LNEW {
    padding: 0px 45px;
}

.list-newsList ul.LNEW li {
    padding: 0;
}

.list-newsList ul.LNEW li:hover {
    box-shadow: none;
}

.list-Nav>li>ul.sub-menu {
    display: none;
    overflow: hidden;
    list-style: none;
    clear: both;
    padding-bottom: 5px;
}

.list-Nav>li.active>ul.sub-menu,
.list-Nav>li>ul.sub-menu>li.active>ul.sub-menu {}

.list-Nav>li>ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0px;
}

.list-Nav>li>ul.sub-menu li>a {
    display: block;
    background: #ebebeb;
    box-shadow: none;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 36px;
    clear: both;
}

.list-Nav>li>ul.sub-menu li>a:hover {
    background: #fa5f60;
    color: #fff
}

.list-Nav>li>ul.sub-menu li>a.active,
.list-Nav>li>ul.sub-menu li>a:hover,
.list-Nav>li>ul.sub-menu li>a.on {
    background: #fa5f60;
    color: #fff
}

.list-Nav>li>ul.sub-menu li ul.sub-menu li.open a.active,
.list-Nav>li>ul.sub-menu li ul.sub-menu li a:hover {
    color: #df3132
}

.list-Nav>li>ul.sub-menu>li>ul.sub-menu {
    position: relative;
    top: -5px;
    display: none;
    overflow: hidden;
    list-style: none;
    clear: both;
    padding-bottom: 5px;
}

.list-Nav>li>ul.sub-menu>li>ul.sub-menu li a {
    background: none;
    padding-left: 40px;
    text-align: left;
    background: url("../images/arrow.jpg") no-repeat 30px center;
    line-height: 28px;
    margin-bottom: 5px;
}

.list-Nav>li>ul.sub-menu>li>ul.sub-menu li a.on {
    color: #df3132;
}

.contactUS-detail {
    padding: 45px 0px;
    overflow: hidden;
}

.detail-contact-info {
    padding-left: 128px;
    overflow: hidden;
    margin: 0 auto;
    background: url("../images/contactBG.jpg") no-repeat 220px 87px;
}

.detail-map {
    width: 740px;
    margin: 0 auto;
}

.detail-contact-info ul li {
    width: 318px;
    height: 150px;
    overflow: hidden;
    float: left;
    background: #f7f7f7;
    margin: 30px 99px 30px 0;
    overflow: hidden;
}

.list-recuit-title {
    line-height: 50px;
    padding: 20px 0 10px 0;
}

.searchINT {
    width: 200px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #eaeaea;
    border-right: 0px;
    padding-left: 26px;
    background: url("../images/search.jpg") no-repeat 5px center;
    float: left;
    outline: none;
}

.searchBTN {
    padding: 0 14px;
    height: 30px;
    line-height: 30px;
    border: 0PX;
    background: #df3132;
    color: #fff;
    font-size: 14px;
    float: left;
    outline: none;
    cursor: pointer;
}

.list-recuit {
    padding: 10px 45px;
}

.recuitTitlt {
    font-size: 30px;
    color: #4e4e4e;
    padding: 20px 0;
}

.recuitINFO {
    margin-top: 8px;
    height: 50px;
    line-height: 50px;
    background: #f7f7f7;
    text-align: center;
}

.recuitINFO span {
    padding: 0 20px;
    color: #4e4e4e;
}

.recuitINFO span font {
    color: #979797;
}

.list-twoImg {
    padding: 50px 0 20px 0;
}

.list-twoImg li {
    width: 420px;
    float: left;
    margin-left: 50px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 30px;
}

.list-twoImg li span {
    width: 100%;
    float: left;
    overflow: hidden;
}

.list-twoImg li span img {
    display: block;
}

.list-twoImg .ell2 {
    line-height: 24px;
    height: 48px;
    padding: 8px 0;
}

.list-news {
    padding: 30px 45px 0 45px;
}

.list-table thead td {
    background: #f7f7f7;
    color: #4e4e4e;
    line-height: 40px;
    padding: 0px 0px 0px 20px;
    font-size: 16px;
}

.list-table thead td b {
    font-weight: bold;
    font-size: 16px;
}

.list-table tbody td {
    line-height: 26px;
    height: 52px;
    padding: 10px 0px 10px 20px;
    color: #4e4e4e;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}

.list-table tbody td.color-gray {
    color: #979797;
}

.list-table tbody td a {
    color: #4e4e4e;
}

.list-table tbody td a.j_companyName {
    color: #4e4e4e;
}

.list-table tbody tr {
    transition: all .6s;
}

.list-table tbody tr:hover {
    color: #d80001;
}

.list-table tbody tr:hover td {
    color: #d80001;
}

.list-table tbody tr:hover td a,
.list-table tbody tr:hover td .j_companyName {
    color: #d80001;
    text-decoration: underline;
}

.list-table tbody td img {
    display: block;
}

.list-news .index-subheading {
    padding-bottom: 15px;
}

.list-news .index-subheading a {
    padding: 0 30px;
}

.z_index_conmany {
    float: left;
    width: 460px;
    overflow: hidden;
    line-height: 22px;
}

.z_index_conmany_con {
    overflow: hidden;
    margin-top: 30px;
}

.z_index_conmany_con img {
    float: left;
    padding: 0 10px 5px 0;
}

.z_index_conmany_con p {
    color: #006fc7;
    padding-bottom: 10px;
}

.indexTitle {
    margin-top: 40px;
    overflow: hidden;
}

.more {
    float: right;
    padding-right: 8px;
    /*background: url(../images/more.jpg) no-repeat 30px center;*/
    height: 28px;
    line-height: 28px;
    color: #979797;
    margin-left: 70px;
}

.more:hover {
    color: #df3132
}

.scroll_horizontal {
    position: relative;
    width: 1200px;
    padding-top: 30px
}

.scroll_horizontal .box {
    overflow: hidden;
    position: relative;
    width: 1120px;
    margin: 0 auto;
}

.scroll_horizontal .list {
    overflow: hidden;
    width: 9999px;
}

.scroll_horizontal .list li {
    float: left;
    width: 270px;
    padding: 0 5px;
    overflow: hidden;
}

.scroll_horizontal .list li img {
    width: 270px;
}

.scroll_horizontal .list li a p {
    width: 265px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #4e4e4e;
    text-align: center;
    margin-top: 5px;
    padding: 0 5px 15px 5px;
}

.scroll_horizontal .list li a:hover p {
    color: #df3132;
}

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

.scroll_horizontal .prev,
.scroll_horizontal .next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 40px;
    height: 50px;
    background-image: url(../images/control.png);
    background-repeat: no-repeat;
    font: 0/0 Arial;
    cursor: pointer;
}

.scroll_horizontal .prev {
    left: 5px;
    background-position: 0 0;
}

.scroll_horizontal .next {
    right: 5px;
    background-position: -56px 0;
}

.index-biding {
    width: 110%;
    overflow: hidden;
    margin-top: 30px;
}

.index-bidingOne {
    width: 375px;
    border: 1px solid #d8d8d8;
    margin-right: 20px;
    float: left;
}

.index-bidingOneTitle {
    font-size: 18px;
    color: #000;
    margin: 0px 10px;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
}

.index-redbtm {
    display: inline-block;
    position: absolute;
    width: 35px;
    height: 3px;
    bottom: -2px;
    left: 0px;
    background: #be0102;
}

.index-more {
    float: right;
    display: inline-block;
    width: 26px;
    height: 48px;
    background: url("../images/index-more.png") no-repeat center;
}

.index-bidingOne ul {
    display: block;
    width: 100%;
}

.index-bidingOne ul li {
    line-height: 28px;
    padding: 12px 10px;
    border-bottom: 1px dotted #cfcfcf;
    color: #4e4e4e;
    overflow: hidden;
}

.index-bidingOne ul li:hover {
    box-shadow: 0px 2px 10px #CCC;
}

.index-bidingOne ul li a {
    display: inline-block;
    width: 100%;
    color: #4e4e4e;
}

.index-bidingOne ul li a:hover {
    color: #df3132;
}

.Time {
    display: inline-block;
    width: 50%;
    float: left;
    color: #979797
}

.index-bidingOne li i {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #df3132;
    font-style: normal;
    line-height: 14px;
    color: #df3132;
    margin-right: 3px;
}

.index-bidingOne li a>span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    float: left;
}

.index-news {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.index-newsLar {
    float: left;
    width: 480px;
    margin-right: 55px;
    padding-top: 23px;
}

.index-newsLar a {
    color: #4e4e4e;
}

.index-newsLar a:hover {
    color: #df3132;
}

.index-newsLarText {
    line-height: 40px;
    background: url("../images/more-news.png") no-repeat left center;
    padding-left: 30px;
    font-size: 16px;
}

.index-newsList {
    width: 665px;
    float: right;
}

.index-newsList li {
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: left;
    padding: 23px 0;
    border-bottom: 1px solid #e1e1e1;
}

.index-newsList li a {
    color: #4e4e4e
}

.index-newsList li a p.index-newsListTitle:hover {
    color: #df3132;
}

.index-newsListImg {
    width: 120px;
    float: left;
    margin-right: 15px;
}

.index-newsListText {
    display: inline-block;
    float: left;
    width: 530px;
}

.index-newsListText p {
    color: #979797;
    line-height: 24px;
}

p.index-newsListTitle {
    color: #4e4e4e;
    line-height: 30px;
    font-weight: bold;
}

.index-contactUs {
    width: 100%;
    padding: 40px 0 0 0;
}

.indexContactShow {
    width: 540px;
    float: left;
}

.indexCooprateForm {
    width: 600px;
    float: right;
}

.fadeinFl {
    animation: anim_left 1s ease;
}

.fadeinFr {
    animation: anim_right 1s ease;
}

@keyframes anim_right {
    0% {
        transform: translateX(100%);
    }

    90% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes anim_left {
    0% {
        transform: translateX(-100%);
    }

    90% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.indexTitle {
    font-size: 18px;
    color: #333;
    line-height: 200%;
}

.indexContactShow ul li {
    height: 57px;
    line-height: 57px;
    color: #666;
    font-size: 16px;
}

.indexContactShow ul li.col333 {
    color: #333;
    font-size: 20px;
    margin-bottom: 15px
}

.indexContactShow ul li img {
    margin-right: 5px;
    width: 18px;
}

.cooperationInput {
    width: 280px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    padding: 0 5px;
    margin: 5px 0;
}

.indexTextArea {
    width: 598px;
    height: 200px;
    border: 1px solid #ccc;
    margin-top: 5px;
}

.button {
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    background: #333;
    border: 0px;
    box-shadow: 0px 0px 10px 0px rgba(250, 250, 250, 0.15);
    cursor: pointer;
}

.compamy-culture {
    padding: 55px 55px 15px 55px;
    overflow: hidden;
}

.compamy-culture img {
    display: block;
    float: left;
    margin-bottom: 40px;
}

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

.video {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
    font-size: 16px;
}

.video video {
    height: 400px;
}

.list-productOne {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.list-title {
    padding: 0 20px;
    line-height: 40px;
    background: #f7f7f7;
    overflow: hidden;
    color: #4e4e4e;
    margin-bottom: 18px;
    margin-top: 15px
}

.list-title a {
    color: #979797;
    font-size: 12px;
}

.list-title a:hover {
    color: #df3132
}

.list-fourImg {
    display: block;
    width: 120%;
}

.list-fourImg li {
    width: 218px;
    margin-right: 15px;
    float: left;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}

.list-fourImg li a {
    display: inline-block;
    color: #4e4e4e;
}

.list-fourImg li a:hover {
    color: #df3132
}

.list-fourImg li a:hover .j_text {
    background: #df3132;
    color: #fff;
}

.list-fourImg li a span img {
    display: block;
}

.j_text {
    display: inline-block;
    width: 100%;
    float: left;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.j_companyName {
    font-size: 16px;
    color: #4e4e4e
}

.searchTitle {
    display: inline-block;
    width: auto;
    padding-top: 10px;
    float: right;
}

.z_index_new {
    width: 790px;
    float: left;
    overflow: hidden;
}

.z_index_new_con {
    overflow: hidden;
    padding-top: 15px;
}

.z_index_new_con img {
    float: left;
    padding-right: 15px;
    border-right: 1px solid #bdbdbd;
}

.z_index_new_right {
    padding-left: 15px;
    overflow: hidden;
}

.z_index_new_right p {
    text-align: left;
    line-height: 20px;
    color: #8a8a8a;
}

.z_index_new_right p a {
    font-size: 16px;
    font-weight: 500;
    width: 400px;
    display: block;
    color: #000;
    padding-bottom: 5px;
}

.z_index_new_right p a:hover {
    color: #e60012;
}

.z_index_new_right p span {
    padding-left: 10px;
    display: block;
}

.z_index_new_right li {
    margin-top: 10px;
}

.z_index_new_right li a {
    color: #8a8a8a;
    display: block;
}

.z_index_new_right li a:hover {
    color: #e60012;
}

.z_index_contact {
    width: 290px;
    float: right;
    overflow: hidden;
    background: url(../images/map.png) no-repeat right 80px;
}

.z_index_contact p {
    padding-top: 80px;
    line-height: 24px;
    color: #8a8a8a;
}

.z_index_contact p span {
    color: #e60012;
}

.introductImg {
    float: left;
    margin-right: 10px
}

.j_introP {
    line-height: 250%;
    font-size: 14px;
    text-indent: 2em;
    padding-top: 3px
}

.picUl {
    width: 120%;
}

.picUl li {
    text-align: center;
    float: left;
    margin: 0 20px 0 2px;
    position: relative;
    height: 295px;
    overflow: hidden;
}

.picUl li a {
    color: #161616;
    display: block;
}

.picUl li img {
    width: 246px;
    height: 246px;
    border: 1px solid #e8e8e8;
}

.picUl li a span {
    display: block;
    width: 120px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background: #4294ce;
    color: #fff;
    text-align: center;
    padding: 0 5px;
    margin: 10px auto;
}

.proName {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.picUl li .proName a {
    color: #fff;
}

.priceTable {
    border: 1px solid #e8e8e8;
    overflow: hidden;
    margin-top: 15px;
}

.priceTable td {
    text-align: center;
    line-height: 200%;
    padding: 10px 5px;
    color: #747474;
    border-bottom: 1px solid #f4f4f4;
}

.priceTable thead th {
    border-bottom: 2px solid #2355ad;
    line-height: 300%;
    color: #313131;
}

.newsUl {
    float: right;
}

.newsUl li {
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    padding: 20px 10px;
    color: #6a6a6a;
    font-size: 14px;
    line-height: 20px;
}

.newsUl li a {
    color: #000;
    font-size: 18px;
    display: block;
    padding: 10px 0;
}

.newsUl li a:hover {
    color: #e60012;
}

.titleOne {
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
}

.contactEwm {
    width: 140px;
    text-align: center;
    line-height: 180%;
    padding-top: 20px;
}

.contactEwm img {
    display: inline-block;
}

.indexBody02 {
    width: 100%;
    padding: 20px 0;
}

.contacText {
    width: 370px;
    line-height: 250%;
    font-size: 14px;
}

.contactIndex {
    padding-top: 15px;
    float: right;
    overflow: hidden;
}

.index-map {
    width: 500px;
    height: 320px;
    float: right;
}

.foot {
    width: 100%;
    padding: 0px 0;
    text-align: center;
    line-height: 30px;
    color: #e9e9e9;
}

.footUP {
    width: 100%;
    overflow: hidden;
    background: #333;
    padding: 15px 0;
}

.footUP ul {
    display: block;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.footUP ul li {
    float: left;
}

.foot a {
    color: #e9e9e9;
}

.foot span {
    padding: 0 20px;
}

.foot-NAV {
    height: 140px;
    border-left: 1px solid #808080;
    padding-left: 60px;
}

.foot-NAV a {
    display: inline-block;
    color: #979797;
    line-height: 20px;
    width: auto;
}

.foot-NAV a:hover {
    color: #dfdfdf;
}

.foot-ewm {
    width: 130px;
    text-align: center;
    line-height: 30px;
    padding-left: 20px;
    float: left;
}

.footDanghang a {
    line-height: 54px;
    padding: 0 20px;
    color: #898989;
    float: left;
    font-size: 14px;
}

.footDanghang a:hover {
    color: #fff;
}

.footDown {
    color: #898989;
    font-size: 12px;
    text-align: left;
    padding-left: 24px;
    float: left;
    padding-right:50px;
}

.footTec {
    float: right;
    color: #898989;
    text-align: left;
    font-size: 12px;
    padding-left:50px;
}

.footTec a {
    color: #898989;
    padding-right: 20px;
}

.ewmLi {
    width: 194px;
    float: left;
    text-align: center;
    font-size: 12px;
}

.ewmLi img {
    width: 105px;
    height: 105px;
    border: 1px solid #8d8d8d;
    padding: 5px;
}

.bottomLogo {
    width: 184px;
    height: 65px;
    background-color: #ffffff;
    border-radius: 14px;
    margin: 38px 75px 0 75px;
}

.bottomLogo img {
    width: 170px;
    margin-top: 9px;
}

.lisTitle {
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    padding-top: 30px;
    color: #000;
}

.listBody {
    padding: 40px 0 10px 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.listBody .picUl li {
    margin-bottom: 15px;
}

.page100 {
    width: 100%;
    border-top: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    padding: 25px 0;
}

.page {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    overflow: hidden;
}

.page li {
    float: left;
    line-height: 38px;
}

.page li a {
    margin: 0 5px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dadada;
    width: 100px;
    text-align: center;
    overflow: hidden;
    color: #8a8a8a;
    cursor: pointer;
}

.page li span {
    margin: 0 5px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dadada;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
    color: #8a8a8a;
}

.page li a:hover,
.page li a.on {
    border: 1px solid #df3132;
    color: #df3132;
}

.time {
    text-align: center;
    font-size: 14px;
    color: #979797;
}

.z_banner {
    width: 100%;
    height: 370px;
    margin: 0 auto;
}

.z_banner_information {
    background: url(../images/information_banner.jpg) center;
}

.z_banner_new {
    background: url(../images/new_banner.jpg) center;
}

.z_banner_product {
    background: url(../images/product_banner.jpg) center;
}

.z_banner_contact {
    background: url(../images/contact_banner.jpg) center;
}

.z_title {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
}

.z_title .z_position {
    background: url(../images/position.png) no-repeat left top;
    height: 22px;
    line-height: 22px;
    float: right;
    text-align: left;
    padding-left: 30px;
    color: #222222;
}

.z_title .z_position a {
    color: #222222;
}

.z_title .z_position a:hover {
    color: #e60012;
}

.z_contact {
    position: absolute;
    top: 74px;
    right: 15px;
    border: 1px solid #dadada;
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
}

.z_contact p {
    color: #030000;
    font-size: 20px;
    padding: 10px 0 20px;
}

.z_contact_con {
    text-align: left;
    line-height: 36px;
}

.z_contact_con span {
    color: #e60012;
}

.fileName {
    color: #df3132
}

.borderTd td {
    border-bottom: 1px solid #ccc;
}

.upTender {
    height: 44px;
    line-height: 44px;
    border: 1px solid #df3132;
    color: #df3132;
    padding: 0 60px 0 100px;
    background: #fff;
    font-size: 16px;
    border-radius: 3px;
    background: url("../images/uoTender.jpg") no-repeat 70px center;
}

.baojia {
    width: 600px;
    margin: 0 auto;
}

.baojia td {
    line-height: 26px;
    padding: 15px 10px;
    color: #4e4e4e;
}

.baojia td.tableTitle {
    font-size: 18px;
    color: #4e4e4e;
    padding: 30px 0 10px 0
}

.textINP {
    WIDTH: 304PX;
    height: 44px;
    border: 1px solid #eaeaea;
    text-indent: 2em;
}

.detail-content {
    line-height: 200%;
    padding: 15px 25px;
    color: #333;
    font-size: 16px;
}

.listCHooseInput {
    width: 314px;
    height: 44px;
    line-height: 44px;
    padding: 0 5px;
    background: #e6e6e6;
    border: 0px;
    float: right;
    font-size: 16px;
}

.searchIconBtn {
    width: 70px;
    height: 44px;
    background: #053c7e url(../images/search.png) no-repeat center;
    border: 0px;
    float: right;
    cursor: pointer;
}

.chooseBox {
    width: 460px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    position: relative;
    height: 44px;
    display: flex;
    justify-content: center;
}

.chooseBox span {
    line-height: 34px;
    margin-right: 10px;
}

.classify {
    display: inline-block;
    padding-left: 22px;
    height: 44px;
    line-height: 44px;
    color: #333;
    background: url(../images/class.png) no-repeat left center;
    font-size: 18px;
    float: left;
    position: relative;
    z-index: 500
}

.popups {
    position: absolute;
    padding: 0;
    width: 150px;
    text-align: left;
    top: 44px;
    left: 0px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.popups li {
    display: inline-block;
    float: left;
    font-size: 16px;
    width: 100%;
    line-height: 22px;
    color: #666;
    box-sizing: border-box;
    padding: 5px 10px;
}

.popups li:hover {
    background: #ba292e;
    color: #fff
}

.chooseDezult {
    display: inline-block;
    overflow: hidden;
    float: left;
}

.chooseDezult>div {
    display: inline-block;
    padding: 0 8px;
    height: 26px;
    line-height: 26px;
    border: 1px dotted #ba292e;
    color: #ba292e;
    margin-top: 8px;
    margin-left: 8px;
}

.chooseDezult span {
    float: left;
}

.delete {
    display: inline-block;
    width: 20px;
    height: 26px;
    background: url(../images/delete.png) no-repeat right center
}

.pageBox {
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 20px 0 15px 0
}

.pageBox a {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: none;
    border-radius: 50%;
    font-size: 16px;
    color: #4c4c4c;
    margin: 0 12px;
    overflow: hidden;
}

.pageBox a:hover,
.pageBox a.on {
    background: #053c7e;
    color: #fff;
}

.pageBox a:hover {
    opacity: 0.8;
}

.pageBox a.pre {
    display: inline-block;
    background: url(../images/pre.png) no-repeat center;
}

.pageBox a.next {
    display: inline-block;
    background: url(../images/next.png) no-repeat center;
}

.productDetail {
    padding: 5px;
    overflow: hidden;
}

.proImgBox {
    width: 400px;
    height: 220px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    float: left;
    overflow: hidden;
}

.proImgBox img {
    width: 400px;
    height: 220px;
}

.tecImg {
    width: 235px;
    height: 327px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    float: left;
    overflow: hidden;
}

.tecImg img {
    width: 235px;
    height: 327px;
}

.abstract {
    width: 750px;
    float: right;
    color: #4c4c4c;
    line-height: 180%;
    overflow: hidden;
    font-size: 16px;
}

.detailTextProduct {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 20px 0;
    margin-top: 30px;
    border-top: 1px solid #f0f0f0;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 180%
}

.detailTextProduct img {
    max-width: 90%;
}

.qualityTestList li {
    width: 350px;
    margin-right: 73px;
    float: left;
    margin-bottom: 30px;
}

.qualityTestList {
    width: 1300px;
    padding: 5px;
    overflow: hidden;
}

.qualityTestList li a:hover .companyListText * {
    color: #fff;
}

.qualityTestList li a:hover .companyListText {
    background: #ba292e;
}

.qualityTestList .companyListText {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.companyListText article {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 200%;
}

.storageImg {
    width: 400px;
    height: 220px;
    overflow: hidden;
}

.storageImg img {
    width: 100%;
    height: 100%;
}

.storageIntr {
    width: 780px;
    color: #666;
    font-size: 16px;
    line-height: 180%
}

.storageIntr article {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    padding: 8px 0;
}

.storageIntr article::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 23px;
    background: #ba292e;
    float: left;
    margin-right: 5px;
    vertical-align: middle;
}

.cooperationList .storageImg {
    width: 394px;
    height: 220px;
}

.propertyList {
    width: 1200px;
    overflow: hidden;
}

.propertyUL {
    width: 1260px;
    height: 260px;
    overflow: hidden;
    padding: 5px;
}

.propertyUL li {
    position: relative;
    width: 370px;
    float: left;
    padding-top: 20px;
    margin-right: 50px;
}

.propertyUL li .propertyMain {
    width: 310px;
    height: 200px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    color: #666;
    font-size: 16px;
    padding: 20px 20px 0 20px
}

.propertyUL li .propertyMain span {
    width: 60px;
    margin: 8px auto;
    height: 1px;
    background: #666;
    display: block;
}

.propertyUL li:hover .propertyMain span {
    background: #053c7e;
}

.propertyUL li:hover .propertyMain .bigT {
    color: #053c7e;
}

.propertyList .hd {
    height: 58px;
}

.numBox {
    position: absolute;
    top: 0px;
    left: 67px;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 0px 8px 0px #dfdede inset;
    z-index: 2;
}

.numBox::before {
    content: "";
    width: 124px;
    height: 68px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
}

.numBox .num {
    position: absolute;
    top: 12px;
    left: 72px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #8aa6d0;
    color: #fff;
    font-size: 34px;
    line-height: 100px;
    text-align: center;
}

.bigT {
    color: #4d4d4d;
    font-size: 18PX;
    font-weight: bold;
    width: 100%;
    text-align: center;
    line-height: 180%;
}

.middleT {
    color: #333;
    font-size: 18PX;
    font-weight: bold;
    width: 100%;
    text-align: center;
    line-height: 180%;
}

.detailT {
    font-size: 16px;
    color: #666;
    line-height: 180%;
    text-align: left
}

.analyzeDetail p {
    line-height: 180%;
    padding: 5px 40px;
}

.analyzeDetailPicList {
    width: 1360px;
    overflow: hidden;
    padding: 20px 0;
    text-align: left
}

.analyzeDetailPicList li {
    width: 315px;
    height: 176px;
    margin-right: 124px;
    display: inline-block;
    margin-bottom: 25px;
    overflow: hidden;
}

.analyzeDetailPicList li img {
    width: 315px;
    height: 176px;
}

.equipmentList {
    width: 120%;
    overflow: hidden;
    padding-top: 20px;
}

.equipmentList li {
    position: relative;
    float: left;
    width: 290px;
    height: 190px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.equipmentList li img {
    width: 290px;
    height: 190px;
}

.chexkItem {
    width: 1280px;
    overflow: hidden;
    margin-top: 30px;
}

.chexkItemUL {
    width: 640px;
    float: left;
    overflow: hidden;
    display: table;
}

.chexkItem .chexkItemUL>li {
    width: 239px;
    height: 60px;
    padding: 30px 20px;
    float: left;
    margin-right: 40px;
    background: #fff;
    margin-bottom: 30px;
    font-size: 20px;
    color: #4d4d4d;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

.chexkItem .chexkItemUL>li span {
    font-size: 16px;
    font-weight: normal;
}

.Visiting {
    width: 120%;
    overflow: hidden;
    padding: 5px;
    padding-top: 30px;
}

.Visiting ul li {
    width: 270px;
    float: left;
    margin-right: 35px;
    margin-bottom: 20px;
}

.Visiting ul li a>img {
    width: 270px;
    height: 180px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

.visitingTitle {
    line-height: 200%;
    color: #666;
}

.Visiting ul li a:hover .visitingTitle {
    color: #ba292e
}

.pictruex {
    width: 1200px;
    margin: 40px auto;
    margin-top: 0;
}

#imgshow_mask {
    _background: none;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/imgshow_mask.png');
}

#imageShow {
    clear: both;
    border-bottom: 1px solid #fff;
    margin-top: 20px;
}

#imageShow .imagebg {
    height: 432px;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}

#imageShow .imagebg li {
    width: 100%;
    height: 432px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
}

#imageShow .imagebg li a.bannerbg_main {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 432px;
    display: flex;
    align-items: center;
}

#imageShow .imagebg li img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.scrollbg {
    height: 150px;
}

.scroll {
    margin: 0 auto;
    width: 1200px;
    height: 150px;
    position: relative;
}

.s_pre,
.s_next {
    display: block;
    width: 53px;
    height: 53px;
    position: absolute;
}

a.s_pre {
    background: url(../img/arrow_l.png) no-repeat;
    top: 48px;
    left: 0;
}

a.s_pre:hover {
    opacity: 0.8;
}

a.s_next {
    background: url(../img/arrow_r.png);
    top: 48px;
    right: 0;
}

a.s_next:hover {
    opacity: 0.8;
}

.outScroll_pic {
    height: 150px;
    margin-left: 70px;
    overflow: hidden;
    position: relative;
    width: 1050px;
    top: 2px;
}

.outScroll_pic .scroll_pic {
    position: absolute
}

.scroll_pic {
    margin: 0 auto;
    width: 40000px;
    height: 150px;
}

.scroll_pic li {
    float: left;
    float: left;
    height: 148px;
    width: 222px;
    margin: 5px 9px;
    _margin: 5px 14px 5px 4px;
    cursor: pointer;
    background: #fff;
}

.scroll_pic li img {
    width: 222px;
    height: 148px;
}

.scroll_pic li img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.scroll_pic li:hover img,
.scroll_pic li:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.scroll_pic li.currently img {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.scroll .current {
    width: 222px;
    height: 146px;
    border: 2px #018dcb solid;
    z-index: 10;
    position: absolute;
    top: 5px;
    left: 0;
}

.newsList {
    width: 100%;
}

.newsList ul {
    margin-left: -55px;
    display: block;
}

.newsList li {
    width: 572px;
    height: 335px;
    margin: 30px 0 95px 55px;
    float: left;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    line-height: 28px;
}

.newsList li a {
    color: #666;
    position: absolute;
    top: 15px;
    left: 15px;
}

.newsList li a img {
    display: block;
}

.newsList li:hover .newsBgImg {
    display: block
}

.newsList li:hover .newsMore {
    background-image: url(../images/whiteMore.png)
}

.newsList li:hover,
.newsList li:hover .newsLiTitle,
.newsList li:hover span {
    color: #053c7e;
}

.t_tzeki li span {
    font-size: 12px;
    line-height: 36px;
    margin-top: 10px;
}

.t_tzeki li:hover img {
    background: #053c7e;
    text-align: center;
}

.t_tzeki li img {
    padding: 9px 20px;
    height: 12px;
    margin-top: 15px;
}

.newsMore {
    width: 30px;
    height: 28px;
    background: url(../images/blackMore.png) no-repeat left center;
    position: relative;
    top: 10px;
}

.shade {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 380px;
    height: 210px;
    position: 3
}

.newsBgImg {
    display: none;
    position: absolute;
    width: 380px;
    height: 210px;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.newsBgImg img {
    width: 100%;
    height: 100%;
}

.newsLi {
    position: relative;
    z-index: 10;
}

.newsLi p {
    font-size: 16px;
    padding: 5px;
    line-height: 190%;
    text-indent: 2em;
}

p.newsLiTitle,
a.newsLiTitle {
    font-size: 20px;
    color: #1c1c1c;
    text-indent: 0;
    padding-top: 5px;
    line-height: 30px;
}

a.newsLiTitle:hover {
    color: #053c7e
}

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

.newsListTime>span {
    display: inline-block;
    width: 100%;
    line-height: 180%;
    float: left;
}

.contactBigTitle {
    line-height: 200%;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

.contactDetail {
    width: 580px;
}

.contactDetail li {
    width: 100%;
    padding-bottom: 15px;
    float: left;
}

.contactDetail li input[type=text] {
    width: 560px;
    padding: 0 10px;
    height: 54px;
    line-height: 54px;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2);
    font-size: 16px;
}

.textarea {
    width: 558px;
    height: 115px;
    padding: 10px;
    line-height: 180%;
    background-color: #fff;
    border: solid 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2);
    font-size: 16px;
}

.contactBtn {
    width: 120px;
    height: 43px;
    background: #053c7e;
    border: 0px;
    color: #fff;
    font-size: 16px;
    margin-top: 16px;
    cursor: pointer;
    outline: none;
    float: right;
}

.contactBtn:hover {
    opacity: 0.8;
}

.contactBasic {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    float: left;
}

.contactBasic ul {
    overflow: hidden;
    position: relative;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.contactBasic ul::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -2px;
    left: 0px;
    background: #fff;
}

.contactBasic li {
    width: 238px;
    float: left;
    border-left: 1px solid #ccc;
    text-align: center;
    padding-bottom: 30px;
    height: 240px;
}

.contactBasic li span {
    display: inline-block;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    margin: 50px auto 20px auto;
    transition: 0.3s;
}

.contactBasic li:hover span {
    margin: 10px auto 60px auto;
}

.contactBasic li span i {
    color: #fff;
    font-size: 40px;
    line-height: 98px;
}

.contactBasic li span i.icon-dianhua {
    font-size: 36px;
}

.contactBasic li span i.icon-youjian {
    font-size: 42px;
}

.contactBasic li p {
    color: #666;
    line-height: 200%;
    font-size: 16px;
}

.contactBasic li p.title {
    font-size: 18px;
}

.adr1 {
    background: #2d98da url(../images/adrI.png) no-repeat center center
}

.adr2 {
    background: #3867d6 url(../images/adrI.png) no-repeat center center
}

.email {
    background: #fd9644 url(../images/emailI.png) no-repeat center center
}

.fax {
    background: #0fb9b1 url(../images/faxI.png) no-repeat center center
}

.postcode {
    background: #8854d0 url(../images/postcodeI.png) no-repeat center center
}

.phoneI {
    background: #3d61ad url(../images/phoneI.png) no-repeat center center
}

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

.w900 {
    width: 900px;
}

.w400 {
    width: 400px;
}

.fl {
    float: left
}

.fr {
    float: right
}

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

.ell2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ell3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ell5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.font14 {
    font-size: 14px;
}

.color-red {
    color: #be0102;
}

.color-gray {
    color: #979797
}

.color-darkGray {
    color: #4e4e4e;
}

.mt15 {
    margin-top: 15px;
}

.priceTable td.color-orange {
    color: #e60012;
}

.w100per {
    width: 100%;
    clear: both;
    padding: 40px 0;
}

.bg-gray {
    background: #f7f7f7;
}

.bg-white {
    background: #fff;
}

.bg-red {
    background: #df3132;
    color: #fff;
}

.bg-darkGray {
    background: #dfdfdf;
}


/*动画*/

.animate img {
    transition: transform 0.6s;
}

.animate img:hover {
    transform: scale(1.05)
}

.shadow {
    transition: transform 0.6s;
}

.shadow:hover {
    box-shadow: 0px 2px 10px #CCC;
}

input[type="button"],
[type="reset"],
[type="submit"],
[type="text"] {
    -webkit-appearance: none;
    outline: none;
}

.color-black {
    color: #000
}

.noneBor {
    border: 0px;
}

.rotate img {
    transition: transform 1s;
}

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

.companyDetailIndex {
    padding: 20px 0px 10px 0;
    height: 280px;
    color: #fff;
    text-indent: 2em;
}

.indexKqBox {
    display: block;
    width: 105%;
    overflow: hidden;
    margin: 50px 0 40px 0;
}

.indexKqBox li {
    width: 370px;
    height: 220px;
    float: left;
    margin-right: 50px;
    position: relative;
    overflow: hidden;
}

.nameKq {
    position: absolute;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    bottom: 0px;
    left: 0px;
    text-align: center;
}

.indexKqBox li img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.indexKqBox li a:hover img {
    opacity: 0.70;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.showBox {
    width: 105%;
    overflow: hidden;
    padding: 5px;
}

.showBox li {
    width: 349px;
    margin-right: 76px;
    float: left;
    margin-bottom: 30px;
}

.showImg {
    width: 366px;
    height: 280px;
    /* overflow: hidden; */
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.showBox li img {
    width: 100%;
    height: 100%;
}

.showText {
    line-height: 60px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 14px;
    color: #4d4d4d;
    text-align: center;
}

.showUl {
    display: block;
    margin-top: 20px;
}

.showUl li {
    width: 159px;
    height: 100px;
    margin: 0 10px;
    float: left;
    text-align: center;
    font-size: 18px;
    line-height: 140%;
    color: #333;
    padding-top: 20px;
    cursor: pointer;
}

.showUl li.hover,
.showUl li:hover {
    background: url(../images/hover.png) no-repeat top center;
    color: #fff;
}

.showUl li .iconfont {
    font-size: 30px
}

.t_quzs {
    background: #fff;
    position: absolute;
    top: 480px;
    left: 50%;
    width: 1200px;
    height: 180px;
    margin: 0 auto;
    margin-left: -600px;
    z-index: 999;
    padding: 20px 0;
    overflow: hidden;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.t_quzs li {
    display: block;
    float: left;
    width: 340px;
    height: 180px;
    padding: 0 30px;
    border-left: 1px solid #dbdbdb;
    margin-left: -1px;
}

.t_quzs li a {
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.t_quzs li a span.fl {
    width: 116px;
    height: 116px;
    border-radius: 116px;
    border: 2px solid #018dcb;
    text-align: center;
    line-height: 116px;
    display: block;
    margin-top: 28px;
}

.t_quzs li a span.fr {
    width: 200px;
    display: block;
}

.t_quzs li a span.fl i {
    color: #018dcb;
    font-size: 57px;
}

.t_quzs li a:hover span.fl {
    background: #018dcb;
}

.t_quzs li a:hover span.fl i {
    color: #fff;
}

.t_quzs li h1 {
    font-size: 24px;
    font-weight: normal;
    color: #4d4d4d;
    letter-spacing: 6px;
}

.t_quzs li p {
    text-indent: 2em;
    padding-top: 20px;
}

.t_title {
    font-size: 40px;
    color: #333;
    text-align: center;
    position: relative;
    font-weight: bold;
    color: #053c7e;
}

.t_title span {
    display: block;
    height: 3px;
    width: 70px;
    margin: 0 auto;
    background: #053c7e;
    margin-top: 10px;
}

.t_limenu {
    padding: 25px 0;
    text-align: center;
}

.t_limenu li {
    font-size: 25px;
    color: #3d3d3d;
    padding: 0 25px;
    display: inline;
    cursor: pointer;
}

.t_limenu li.on a {
    color: #d92b36;
}

.t_limenucont {
    height: 402px;
}

.t_limenucont ul {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
}

.t_limenucont ul li {
    width: 215px;
    height: 322px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    position: relative;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.t_limenucont ul li div.t_jnimg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 215px;
}

.t_limenucont ul li div.t_jnimg img {
    height: 100%;
    display: block;
}

.t_limenucont li .t_title {
    font-size: 20px;
    color: #1d1d1d;
    font-weight: normal;
    line-height: 40px;
}

.t_limenucont ul li .t_title span {
    width: 38px;
    height: 1px;
    margin-top: 0;
}

.t_limenucont ul li p {
    line-height: 18px;
    color: #1d1d1d;
    padding: 15px;
}

.t_limenucont ul li .t_hoce {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 197px;
    height: 280px;
    background: #000;
    opacity: 0.7;
    padding: 60px 35px;
}

.t_limenucont ul li .t_hoce .t_title,
.t_limenucont ul li .t_hoce p {
    color: #fff;
}

.t_limenucont ul li .t_hoce p {
    line-height: 28px;
}

.t_limenucont ul li .t_hoce .t_title span {
    background: #fff;
}

a.t_more {
    font-size: 14px;
    color: #666;
    line-height: 31px;
    position: absolute;
    right: 0;
    top: 8px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 10px;
    font-weight: normal;
    background: #fff;
}

.t_position {
    position: relative;
}

.bgblue {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.bgblue a {
    background-color: #d9e3fa;
    border: 1px solid #d9e3fa;
    display: block;
}

.bgze {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.bgze a {
    display: block;
    background-color: #ccd2f4;
    border: 1px solid #ccd2f4;
}

.t_width290 {
    width: 237px;
    padding: 25px;
}

.t_width592 {
    width: 540px;
    padding: 25px;
}

.t_height282 {
    height: 230px;
}

.t_height578 {
    height: 527px;
}

.t_margin {
    margin: 0 15px 15px 15px;
}

.t_mrgleft {
    margin-left: 15px;
}

.t_mrgtop {
    margin-top: 15px;
}

.t_product {
    margin-top: 35px;
}

.t_product h2 {
    letter-spacing: 1px;
    color: #4d4d4d;
    font-size: 18px;
    text-align: left;
}

.t_product p {
    text-indent: 2em;
    color: #666;
    line-height: 28px;
    font-size: 16px;
    margin-top: 5px;
}

.t_product img {
    margin: 14px auto;
    display: block;
}

.t_product .t_width592 h2,
.t_product .t_width592 p {
    width: 300px;
    float: left;
}

.t_product .t_litr2 {
    padding-top: 140px;
    display: block;
}

.bgze a:hover,
.bgblue a:hover {
    background: #fff;
    border: solid 1px #018dcb;
}

.bgze a:hover h2,
.bgblue a:hover h2 {
    color: #018dcb;
}

.t_fy {
    padding: 30px 0;
    overflow: hidden;
    clear: both;
}

.t_fy a {
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #666;
    border: 1px solid #666;
}

.t_fy a:hover {
    background: #053c7e;
    color: #fff;
    border: 1px solid #053c7e;
}

.bord {
    border-bottom: 1px solid #eaeaea;
}

.nobord {
    border: none;
}

.t_paddig {
    padding: 0 15px 15px 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    background: #fff;
    width: 512px;
    height: 84px;
}

a.t_paddig {
    padding: 30px 30px 5px 30px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    background: #fff;
    color: #666;
    height: 96px;
    width: 291px;
    display: block;
}

.t_qyzslmex {
    display: block;
    height: auto;
}

.t_qyzslist {
    position: relative;
    /*overflow: hidden;*/
    width: 100%;
    float: left;
    height: auto;
}

.t_qyzslmex a.prev,
.t_qyzslmex a.next {
    display: inline-block;
    width: 56px;
    height: 126px;
    cursor: pointer;
    background: url("../images/qyfm.png") no-repeat 0 0;
    position: absolute;
    top: 276px;
    left: 0;
}

.t_qyzslmex a.prev {
    background: url("../images/qyfm.png") no-repeat 0 -130px;
    left: 1144px;
}

.t_khfwlist li {
    width: 100%;
    display: block;
    background: #fff;
    position: relative;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    margin: 80px 0 138px 0;
    height: 330px;
}

.t_khfwlist li img {
    position: absolute;
    top: -34px;
    right: 0;
    background-color: #ffffff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
}

.t_khfwlist a.jrpro {
    display: block;
    width: 66px;
    height: 66px;
    border: solid 1px #999;
    border-radius: 66px;
    margin-top: 20px;
}

.t_khfwlist a.jrpro:hover {
    border: solid 1px #053c7e;
}

.t_khfwlist a.jrpro img {
    position: relative;
    top: 21px;
    left: 14px;
    box-shadow: none;
}

.posileft {
    left: 0;
}

.t_kfwcont {
    width: 490px;
    padding: 30px;
    line-height: 28px;
}

.t_kfwcont span {
    font-size: 12px;
    color: #999;
}

.t_textinde {
    text-indent: 2em;
    color: #4d4d4d;
    line-height: 28px;
    margin-top: 10px;
}

.index-contactUs .contactBtn {
    float: left;
    margin: 0;
}

.index-contactUs .contactDetail li input[type=text] {
    height: 44px;
}

.index-contactUs .contactDetail .textarea {
    height: 99px;
}

.t_kfdslia {
    position: relative;
}

.t_kfdslia .t_khfwlist li {
    height: 266px;
    margin: 80px 0px 138px 0px;
}

.t_kfwcont {
    width: 600px;
}

.t_kfdslia .hd .prev,
.t_kfdslia .hd .next {
    display: block;
    position: absolute;
    left: 0;
    font-size: 60px;
    top: 150px;
    cursor: pointer;
}

.t_kfdslia .hd .prev {
    left: 1160px;
}

.t_spbj {
    height: 600px;
    background: url('../images/57039.png') no-repeat center;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.width600 {
    width: 578px;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    height: 375px;
    margin-top: 40px;
}

.width500 {
    width: 518px;
    padding: 37px 30px;
    background: #fff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    position: relative;
    margin-top: 40px;
}

.width500 span.fr {
    padding: 10px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
}

.width500 h2,
.width600 h2 {
    margin: 10px;
    color: #333;
    font-size: 28px;
}

.width500 p,
.width600 p {
    line-height: 35px;
    text-indent: 2em;
    color: #666;
}

.width500 i,
.width600 i {
    display: block;
    width: 65px;
    height: 65px;
    text-align: center;
    font-size: 40px;
    border: 1px solid #999;
    color: #999;
    border-radius: 65px;
    line-height: 65px;
    position: absolute;
    left: 30px;
    bottom: 40px;
}

.width600 i {
    left: 480px;
}

.width500 a i:hover,
.width600 a i:hover {
    background: #018dcb;
    border-color: #018dcb;
    color: #fff;
    text-align: center;
}

.width600 span.fl {
    padding: 20px;
}

.map {
    padding-top: 40px;
    clear: both;
}

.t_contnews {
    color: #666666;
    font-size: 18px;
    line-height: 28px;
    padding: 25px 20px;
}

.t_firstone {
    padding: 30px 15px 61px;
    height: 365px;
    width: 547px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.t_firstone img {
    height: 100%;
}

.t_newslist {
    width: 580px;
}

.t_newslist li {
    padding: 18px 0 17px 10px;
}

.t_newslist li a {
    font-size: 20px;
    color: #1e1e1e;
    margin: 10px 0;
    display: block;
}

.t_newslist li a:hover {
    color: #053c7e;
}

.t_newslist li p {
    font-size: 16px;
    line-height: 28px;
    color: #4d4d4d;
    text-indent: 2em;
}

.bgjufa {
    height: 401px;
    background: url("../images/jjfa.png") no-repeat top;
    padding-bottom: 0;
}

.bgjufa p {
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
    padding: 90px 20px;
}

.bgjufa a {
    display: block;
    margin: 0 auto;
    width: 260px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    background-color: #d92b36;
    border-radius: 10px;
    font-size: 24px;
    letter-spacing: 10px;
    color: #fff;
}

.mrgpadd0 {
    padding: 0;
    margin: 0;
}

.t_gqdm {
    font-size: 16px;
    color: #053c7e;
}

.t_menulistej {
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 50px auto;
    width: 802px;
}

.t_menulistej ul {
    display: flex;
    justify-content: center;
}

.t_menulistej li {
    display: block;
    float: left;
}

.t_menulistej li a {
    display: block;
    color: #053c7e;
    border-bottom: 2px solid #053c7e;
    font-size: 18px;
    padding: 0 20px;
}

.t_menulistej li a.on {
    color: #d92b36;
    border-color: #d92b36;
}

.t_hzq {
    padding: 10px 25px;
    text-align: center;
    line-height: 30px;
}

.font20hui {
    color: #666;
    font-size: 20px;
    line-height: 28px;
}

span.juxina {
    width: 88px;
    display: block;
    height: 3px;
    background-color: #053c7e;
    margin: 10px 0;
}

.t_map {
    width: 616px;
    height: 388px;
    padding-top: 14px;
}

.contactDetail li input[type=text].t_intext {
    height: 54px;
    background-color: #f5f5f5;
    box-shadow: none;
    border: 0;
}

.main_list .textarea {
    background-color: #f5f5f5;
    box-shadow: none;
    border: 0;
    height: 102px;
}

.main_list .contactBtn {
    margin: 20px auto 40px;
    float: none;
    width: 151px;
    display: block;
    height: 54px;
}

.t_qyzslist .showImg {
    width: 349px;
    height: 279px;
    background: #fff;
    margin: 40px auto;
}

.t_qyzslmex1 a.prev,
.t_qyzslmex1 a.next {
    top: 242px;
}

.t_qyry li img {
    top: -18px;
}

.t_qyry .t_kfwcont {
    padding: 20px 30px;
    width: 780px;
}
.t_qyry .t_kfwcont.w100p{
    padding: 20px 30px;
    width: 100%;
    box-sizing:border-box;
}

.t_kfdslia .t_qyry li {
    height: 178px;
    margin: 38px 0px 70px 0px;
}

ul.qiwenhua {
    margin-left: -76px;
}

.qiwenhua li {
    width: 349px;
    margin-left: 76px;
    float: left;
    padding-bottom: 10px;
    height: 350px;
}

.t_qyzslist .qiwenhua li .showImg {
    margin: 0;
}

.qiwenhua li font {
    display: block;
    width: 100%;
    line-height: 35px;
    text-align: center;
}

ul.ygfc {
    margin-left: -52px;
}

ul.ygfc li {
    width: 260px;
    margin-left: 53px;
    padding-bottom: 15px;
}

.t_qyzslist ul.ygfc li .showImg {
    width: 260px;
    height: 319px;
}

.martop20 {
    margin-top: 40px;
}

.t_kfdslia .t_tzeki ul {
    margin-left: -70px;
}

.t_kfdslia .t_tzeki li {
    float: left;
    margin-bottom: 0;
    height: 136px;
    margin-left: 70px;
}

.t_tzeki {
    padding-bottom: 40px;
}

.t_lisn {
    border: 1px dotted #053c7e;
    color: #053c7e;
    padding: 3px 5px;
}

.t_lisn a {
    margin-left: 8px;
    color: #053c7e;
}

.t_listqo {
    display: flex;
    align-items: center;
    float: left;
    cursor: pointer;
    position: relative;
}

.t_lodea {
    position: absolute;
    width: 160px;
    padding: 5px;
    background: #fff;
    z-index: 10;
    top: 35px;
    left: 0;
}

.t_lodea li {
    text-align: left;
    min-width: 50%;
    line-height: 28px;
    float: left;
}

.t_lodea li a {
    color: #666;
    font-size: 14px;
}

.t_lodea li a:hover {
    color: #053c7e;
}

.t_listqo img {
    margin: 0 3px;
}

.buypic li a {
    width: 100%;
    height: 600px;
    display: block;
}

.t_limenu li a {
    font-size: 25px;
    color: #3d3d3d;

}

.t_xinwentitlefirst {
    position: absolute;
    bottom: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    left: 15px;
    padding: 0 10px;
    width: 527px;
}

.t_xinwentitlefirst a {
    color: #fff;
}

.marginright {
    margin-right: 20px;
    width: 140px;
}

/* 1.1 jxl添加css */
.j_indexProList {
    width: 100%;
    margin-top: 40px;
}

.j_indexProList ul {
    width: 110%;
}

.j_indexProList ul li {
    width: 348px;
    height: 363px;
    position: relative;
    float: left;
    margin-right:10px;
    margin-left: 30px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    margin-bottom: 140px;
}
.j-list ul li{
    width: 374px;
    height: 363px;
    position: relative;
    float: left;
    margin-right:38px;
    margin-left: 0px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    margin-bottom: 140px;
}
.j_indexProList p.newsLiTitle, .j_indexProList a.newsLiTitle{
    padding-left: 8px;
    padding-right: 8px;
}
.j_indexProListCont {
    position: absolute;
    width: 330px;
    height: 456px;
    top: 9px;
    left: 9px;
    padding: 0px;
    background: #fff;  
}
.j-list .j_indexProListCont {
    position: absolute;
    width: 350px;
    height: 456px;
    top: 14px;
    left:13px;
    padding: 0px;
    background: #fff;  
}
.indexProListImg{
    width:330px;
    height:275px;
    overflow: hidden;
}
.j-list .indexProListImg{
    width:350px;
}
.indexProListImg img{
    width:330px;
    height:275px;
}
.j-list .indexProListImg img{
    width:350px;
}
.j_proDes {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 8px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    position: relative;
    overflow: hidden;
  
}

.j_indexProListCont>img {
    width: 350px;
    height: 275px;
    display: block
}

.j_indexProList .t_textinde {
    height: 80px;
}

a.jrpro {
    display: block;
    width: 45px;
    height: 45px;
    border: solid 1px #999;
    border-radius: 45px;
    margin-top: -10px;
    position: relative;
    right: 13px;
    float: right;
}
a.jrpro:hover {
    border: solid 1px #053c7e;
}
a.jrpro img {
    position: relative;
    top: 12px;
    left: 9px;
    box-shadow: none;
    width: 27px;
    height: auto;
}
.proClasses{
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-top:1px solid  #d3d1d1;
    border-bottom:1px solid  #d3d1d1;
    background: #f5f5f5;
    margin-top: 20px;
}
.proClasses ul{
    display: block;
    margin: 0 auto;
    width: 1200px;
}
.proClasses ul li{
    width: 399px;
    border-left: 1px solid #d3d1d1;
    border-right: 1px solid #d3d1d1;display: inline-block;
    float: left;
    text-align: center;
    margin-left: -1px;
    color: #333;
    font-size: 24px;
}
.proClasses ul li i{
    display: inline-block;
    background: url(../images/down.png) no-repeat right center;
    width: 20px;
    height: 20px;
}
.proClasses ul li.hover,.proClasses ul li.cur{
    /*background: #053c7e;*/
    color: #fff;
}
.proClasses ul li.hover a,.proClasses ul li.cur a{
    /*color: #fff;*/
}
.proClasses ul li.hover i,.proClasses ul li.cur i,.proClasses ul li a.cur i{
    background: url(../images/up.png) no-repeat right center;
}
.proClasses ul li a{
    display: inline-block;
    width: 100%;
    color: #333;
}
.proClasses ul li a.cur{
    background: #053c7e;
    color: #fff;
}
.proSecondClasses{
    width: 100%;
    float: left;
    background: #f5f5f5;
    border-top: 1px solid #d3d1d1;
    text-align: left;
    padding: 16px 0;
}
.proSecondClasses>div{
    display: none;
}
.proSecondClasses>div.hover,.proSecondClasses>div.cur{
    display:block;
}
.proSecondClasses a{
    display: inline-block;
    line-height: 30px;
   
    padding-right: 22px;
    color: #333;
    float: left;
}  
.proSecondClasses a:hover,.proSecondClasses a.cur{
    color: #053c7e;
}
.mt30 {
    margin-top:30px;
}
.pt0{
    padding-top: 0px;
}
.pb0{
    padding-bottom: 0px;
}
.listZhijian ul{
    width: 120%;
   
    display: block
}
.listZhijian ul li{
    width: 570px;
    height: 300px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    margin-bottom:90px;
    margin-right: 58px;
    padding-top: 16px;
    float: left;
}
.zhijianImg{
    width: 544px;
    margin: 0px auto;
}
.zhijianImg img{
    width: 544px;
    height: 226px;
    display: block
}
.zhijianText{
    width: 544px;
    margin: 0 auto;
    height: 128px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    background: #fff;
    padding: 10px;
    box-sizing: border-box
}
/* 资质荣誉 */
.j_honor ul{
    width: 110%;
    display: block;
}
.j_honor ul li{
    width: 258px;
    height: 210px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    background: #fff;
    float: left;
    margin-right: 56px;
    padding-top: 8px;
    margin-bottom: 70px;
}
.j_honorImg{
 width: 246px;
 height: 152px;
 margin: 0 auto;
 margin-bottom: 4px;
}
.j_honorImg img{
    width: 246px;
 height: 152px;
    display: block;
   
}
.j_honorText{
    width: 246px;
    height: 76px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left:10px;
    padding-right:10px;
}
.color_gray6,p .color_gray6{
    color: #666
}
.animate img {
    transition: transform 0.6s;
}

.animate img:hover {
    transform: scale(1.2)
}


/* 解决方案 */
.j_solution ul{
    width: 110%;
}
.j_solution li{
    width: 350px;
    height: 370px;
    float: left;
    margin-right: 72px;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
    margin-bottom: 40px;
}
.j_solutionImg{
    width: 332px;
    height: 178px;
    overflow: hidden;
}
.j_solutionImg img{
    width: 100%;
    height: 100%;
   
}
.noShadow{
    box-shadow: none;
}
.tl{
    text-align: left
}
.tc{
    text-align: center;
}
.ell4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.f18{
    font-size: 18px;
}
.fb{
    font-weight:bold
}
.j_solution .newsLiTitle{
    position: relative;
    line-height: 200%;
}
.newsLiTitle i{
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #666;
    bottom:0px;
    left:50%;
    margin-left: -30px;
}
/* jxl */
/* 缩略图图片切换 */
.pictruex {
    width: 1200px;
    margin: 40px auto;

}

#imgshow_mask {
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/imgshow_mask.png');
}

#imageShow {
    clear: both;
    border-bottom: 1px solid #fff;
}

#imageShow .imagebg {
    height: 432px;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
}

#imageShow .imagebg li {
    width: 648px;
    height: 432px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 276px;
    display: block;
    filter: alpha(opacity=0);
    opacity: 0;
}

#imageShow .imagebg li a.bannerbg_main {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 432px;
    display: block;
}

#imageShow .imagebg li img {
    width: 100%;
    height: 100%;
}

.scrollbg {
    height: 150px;
}

.scroll {
    margin: 0 auto;
    width: 1200px;
    height: 150px;
    position: relative;
}

.s_pre,
.s_next {
    display: block;
    width: 53px;
    height: 53px;
    position: absolute;
}

a.s_pre {
    background: url(../images/arrow_l.png) no-repeat;
    top: 48px;
    left: 0;
}

a.s_pre:hover {
    opacity: 0.8;
}

a.s_next {
    background: url(../images/arrow_r.png);
    top: 48px;
    right: 0;
}

a.s_next:hover {
    opacity: 0.8;
}

.outScroll_pic {
    height: 150px;
    margin-left: 70px;
    overflow: hidden;
    position: relative;
    width: 1050px;
    top: 2px;
}

.outScroll_pic .scroll_pic {
    position: absolute
}

.scroll_pic {
    margin: 0 auto;
    width: 40000px;
    height: 150px;
}

.scroll_pic li {
    float: left;
    float: left;
    height: 148px;
    width: 222px;
    margin: 5px 9px;
    _margin: 5px 14px 5px 4px;
    cursor: pointer;
    background: #fff;
}

.scroll_pic li img {
    width: 222px;
    height: 148px;
}

.scroll_pic li img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.scroll_pic li:hover img,
.scroll_pic li:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.scroll_pic li.currently img {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.scroll .current {
    width: 222px;
    height: 146px;
    border: 2px #ba292e solid;
    z-index: 10;
    position: absolute;
    top: 5px;
    left: 0;
}
.imgTitle{
    line-height: 200%;
    padding: 10px 0;
    font-size: 20px;
    text-align: center;
    color: #333;
}