@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1024px) {
    .aboutBanner {
        width: 100%;
        height: 440px;
        margin: 0 auto;
    }

    .aboutBanner img {
        width: 1720px;
        height: 180px;
        display: block;
    }

    .warp {
        width: 1020px;
        margin: 0 auto;
        overflow: hidden;
    }

    .warp .about {
        width: 1020px;
        margin: 0 auto 65px;
        overflow: hidden;
        padding-top: 20px;
    }

    .about .aboutLeft {
        width: 290px;
        float: left;
        margin-right: 10px;
    }

    .aboutLeft .aboutLeftMain,
    .aboutLeft .aboutLeftLx {
        width: 100%;
        background: url(../images/bg_02_290_new.png) left top no-repeat;
        padding-right: 5px;
    }

    .aboutLeftMain h2,
    .aboutLeftLx h2 {
        width: 100%;
        height: 40px;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        color: #fff;
        display: block;
    }

    .aboutLeftMain ul {
        width: 100%;
        padding: 18px 0;
        border: #e6e6e6 solid 1px;
        display: block;
    }

    .aboutLeftMain ul li {
        width: 100%;
        height: 30px;
        margin-bottom: 5px;
    }

    .aboutLeftMain ul li a {
        width: 280px;
        height: 30px;
        float: right;
        text-align: right;
        line-height: 30px;
        color: #4d4d4d;
        padding-right: 1px;
	font-size: 10px;
    }

    .aboutLeftMain ul li a:hover,
    .aboutLeftMain ul li.bag a {
        background: url(../images/bg_03_280_new.png) no-repeat;
        color: #fff;
    }

    .aboutLeftLx {
        margin-top: 25px;
    }

    .aboutLeftLx .Lx {
        width: 275px;
        padding: 20px 0 22px 18px;
        border: #e6e6e6 solid 1px;
    }

    .Lx p {
        width: 100%;
        font-size: 12px;
        line-height: 26px;
    }

    .about .aboutRight {
        width: 690px;
        height: 100%;
        float: left;
        border: #e6e6e6 solid 1px;
        border-radius: 15px;
    }

    .about .aboutRightTwo {
        width: 690px;
        float: left;
        border: #e6e6e6 solid 1px;
        border-radius: 15px;
        padding-bottom: 25px;
    }

    .aboutRight .aboutRightTitle,
    .aboutRightTwo .products {
        width: 100%;
        overflow: hidden;
    }

    .aboutRightTitle h2,
    .public h2,
    .products h2 {
        width: 100%;
        height: 40px;
        border-bottom: #d3d3d3 solid 2px;
        background: url(../images/bg_04.png) 8px center no-repeat;
        margin-bottom: 45px;
        display: block;
        float: left;
    }

    .aboutRightTitle h2 i,
    .public h2 i,
    .products h2 i {
        width: 200px;
        height: 40px;
        padding-left: 30px;
        border-bottom: #bf9c47 solid 2px;
        display: block;
        font-size: 18px;
        line-height: 40px;
        color: #4d4d4d;
        font-weight: bold;
        float: left;
    }

    .aboutRightTitle h2 span,
    .public h2 span,
    .products h2 span {
        color: #4d4d4d;
        font-size: 12px;
        float: right;
        margin: 10px 20px 0 0;
    }

    .aboutRightTitle h2 span a,
    .public h2 span a,
    .products h2 span a {
        color: #999;
    }

    .aboutRightTitle .con {
        width: 96%;
        margin: 0 auto;
        color: #222;
        line-height: 24px;
        text-indent: 25px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1280px) {
    .warp {
        width: 1260px;
        margin: 0 auto;
        overflow: hidden;
    }
    .warp .about {
        width: 1240px;
        margin: 0 auto 65px;
        overflow: hidden;
        padding-top: 20px;
    }
    .about .aboutLeft {
        width:350px;
        float: left;
        margin-right: 5px;
    }
    .about .aboutRightTwo {
        width: 850px;
    }
    .products .productsMain {
        width: 812px;
        padding: 0 19px;
        overflow: hidden;
    }
    .aboutLeftMain ul li {
        height: 30px;
    }
    .aboutLeftMain ul li a {
        width: 330px;
        padding-right: 10px;
        font-size: 12px;
    }
    .aboutLeftLx .Lx {
        width: 336px;
        padding: 20px 0 22px 18px;
        border: #e6e6e6 solid 1px;
    }
    .aboutLeft .aboutLeftMain, .aboutLeft .aboutLeftLx {
        width: 100%;
        background: url(../images/bg_02_350_new.png) left top no-repeat;
        padding-right: 14px;
    }
    .aboutLeftMain ul li a:hover, .aboutLeftMain ul li.bag a {
        background: url(../images/bg_03_350_new.png) no-repeat;
        color: #fff;
    }
    
}


@media screen and (min-width: 1440px) {
    .warp {
        width: 1420px;
        margin: 0 auto;
        overflow: hidden;
    }
    .warp .about {
        width: 1400px;
        margin: 0 auto 65px;
        overflow: hidden;
        padding-top: 20px;
    }
    .about .aboutLeft {
        width:450px;
        float: left;
        margin-right: 5px;
    }
    .about .aboutRightTwo {
        width: 900px;
    }
    .products .productsMain {
        width: 862px;
        padding: 0 19px;
        overflow: hidden;
    }
    .aboutLeftMain ul li {
        height: 30px;
    }
    .aboutLeftMain ul li a {
        width: 430px;
        padding-right: 10px;
        font-size: 12px;
    }
    .aboutLeftLx .Lx {
        width: 436px;
        padding: 20px 0 22px 18px;
        border: #e6e6e6 solid 1px;
    }
    .aboutLeft .aboutLeftMain, .aboutLeft .aboutLeftLx {
        width: 100%;
        background: url(../images/bg_02_450_new.png) left top no-repeat;
        padding-right: 14px;
    }
    .aboutLeftMain ul li a:hover, .aboutLeftMain ul li.bag a {
        background: url(../images/bg_03_450_new.png) no-repeat;
        color: #fff;
    }
    
}

@media screen and (max-width: 1024px) {
    .aboutBanner {
        width: 100%;
        height: 240px;
        margin: 0 auto;
    }

    .aboutBanner img {
        width: 100%;
        height: 180px;
        display: block;
    }

    .warp {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .warp .about {
        width: 100%;
        margin: 0 auto 65px;
        overflow: hidden;
        padding-top: 20px;
    }

    .about .aboutLeft {
        width: 100%;
        float: left;
        margin-right: 19px;
    }

    .aboutLeft .aboutLeftMain,
    .aboutLeft .aboutLeftLx {
        width: 100%;
        background: url(../images/bg_002.png) left top no-repeat;
        padding-right: 14px;
        padding-left: 14px;
    }

    .aboutLeftMain h2,
    .aboutLeftLx h2 {
        width: 100%;
        height: 40px;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        color: #fff;
        display: block;
    }

    .aboutLeftMain ul {
        width: 100%;
        padding: 18px 0;
        border: #e6e6e6 solid 1px;
        display: block;
    }

    .aboutLeftMain ul li {
        width: 100%;
        height: 30px;
        margin-bottom: 5px;
    }

    .aboutLeftMain ul li a {
        width: 150px;
        height: 30px;
        float: right;
        text-align: right;
        line-height: 30px;
        color: #4d4d4d;
        padding-right: 38px;
    }

    .aboutLeftMain ul li a:hover,
    .aboutLeftMain ul li.bag a {
        background: url(../images/bg_03_350_new.png) no-repeat;
        color: #fff;
    }

    .aboutLeftLx {
        margin-top: 25px;
    }

    .aboutLeftLx .Lx {
        width: 100%;
        padding: 20px 0 22px 18px;
        border: #e6e6e6 solid 1px;
    }

    .Lx p {
        width: 100%;
        font-size: 12px;
        line-height: 26px;
    }

    .about .aboutRight {
        width: 100%;
        height: 100%;
        float: left;
        border: #e6e6e6 solid 1px;
        border-radius: 15px;
        margin-top: 24px;
    }

    .about .aboutRightTwo {
        width: 100%;
        float: left;
        border: #e6e6e6 solid 1px;
        border-radius: 15px;
        padding-bottom: 25px;
    }

    .aboutRight .aboutRightTitle,
    .aboutRightTwo .products {
        width: 100%;
        overflow: hidden;
    }

    .aboutRightTitle h2,
    .public h2,
    .products h2 {
        width: 100%;
        height: 40px;
        border-bottom: #d3d3d3 solid 2px;
        background: url(../images/bg_04.png) 8px center no-repeat;
        margin-bottom: 45px;
        display: block;
        float: left;
    }

    .aboutRightTitle h2 i,
    .public h2 i,
    .products h2 i {
        width: 120px;
        height: 40px;
        padding-left: 30px;
        border-bottom: #bf9c47 solid 2px;
        display: block;
        font-size: 18px;
        line-height: 40px;
        color: #4d4d4d;
        font-weight: bold;
        float: left;
    }

    .aboutRightTitle h2 span,
    .public h2 span,
    .products h2 span {
        color: #4d4d4d;
        font-size: 12px;
        float: right;
        margin: 20px 20px 0 0;
    }

    .aboutRightTitle h2 span a,
    .public h2 span a,
    .products h2 span a {
        color: #999;
    }

    .aboutRightTitle .con {
        width: 96%;
        margin: 0 auto;
        color: #222;
        line-height: 24px;
        text-indent: 25px;
        margin-bottom: 20px;
    }

    .aboutRightTitle .con img {
        display: flex;
    }
}



@media screen and (min-width: 1024px) {
    .warp .public {
        width: 980px;
        margin: 20px auto 65px;
        overflow: hidden;
        padding: 20px 20px 50px;
        border: #ededed solid 1px;
        border-radius: 15px;
        display: inline-table;
    }

    .public .talent {
        width: 820px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1280px) {
 .warp .public {
        width: 1250px;
        margin: 20px auto 65px;
        overflow: hidden;
        padding: 20px 20px 50px;
        border: #ededed solid 1px;
        border-radius: 15px;
        display: inline-table;
    }

    .public .talent {
        width: 1200px;
        margin: 0 auto;
    }
    
}
@media screen and (min-width: 1440px) {
 .warp .public {
        width: 1420px;
        margin: 20px auto 65px;
        overflow: hidden;
        padding: 20px 20px 50px;
        border: #ededed solid 1px;
        border-radius: 15px;
        display: inline-table;
    }

    .public .talent {
        width: 1400px;
        margin: 0 auto;
    }
    
}
@media screen and (max-width: 1024px) {
    .warp .public {
        width: 100%;
        margin: 20px auto 65px;
        overflow: hidden;
        padding: 20px 20px 50px;
        border: #ededed solid 1px;
        border-radius: 15px;
        display: inline-table;
    }

    .public .talent {
        width: 100%;
        margin: 0 auto;
    }
}


.talent dl {
    width: 100%;
    float: left;
    margin-bottom: 45px;
}

.talent dl dt,
.talentBox dl dd {
    width: 100%;
    height: 28px;
    float: left;
    display: block;
}

.talent dl dt h1 {
    font-size: 18px;
    color: #000;
    line-height: 28px;
    float: left;
}

.talent dl dt h1 i {
    color: #a1000f;
    margin-left: 50px;
    font-weight: normal;
}

.talent dl dt span {
    float: right;
    margin-right: 20px;
    color: #666;
    line-height: 28px;
}

.talent dl dd h3 {
    font-weight: bold;
    color: #000;
    line-height: 28px;
}

.talent dl dd h3 i {
    color: #333;
    font-weight: normal;
}

.talent dl dd h3 i em {
    margin: 0 10px;
}

.public .talentPag {
    width: 350px;
    height: 16px;
    margin: 30px auto 10px;
}

.fenye {
    float: left;
}

.fenye ul {
    float: left;
    margin-left: 32px;
}

.fenye ul li {
    float: left;
    margin-left: 5px;
    padding: 0 6px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    cursor: pointer;
    color: #666;
}

.fenye ul li a {
    color: #999;
}

/*.fenye ul li.xifenye{ width:38px; width:52px; height:16px; line-height:16px; background:url(../images/bg_05.png) no-repeat; padding:0px; text-align:center; float:left; position:relative; cursor:pointer; border:1px solid #ccc; text-align:left; padding-left:8px;}
.fenye ul li .xab{ float:left; position:absolute; width:39px; border:1px solid #ccc; height:123px; overflow-y: auto;overflow-x: hidden;top:-125px; background-color: #fff; display:inline;left:-1px; width:50px;}
.fenye ul li .xab ul{ margin-left:0; padding-bottom:0;}
.fenye ul li .xab ul li{ border:0; padding:4px 0px; color:#999; width:34px; margin-left:0px; text-align:center;}*/


/*联系方式*/
@media screen and (min-width: 1024px) {
    .public .contact {
        width: 1020px;
        margin: 0 auto;
    }

    .contact dl {
        width: 470px;
        float: left;
        display: block;
        margin: 0 60px 35px 0;
    }

    .contact dl.margin {
        margin-right: 0px;
    }

    .contact dl dt {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-indent: 20px;
        border-bottom: #989898 dashed 1px;
        color: #666;
        background: url(../images/bg_06.png) 2px center no-repeat;
    }

    .contact dl dd {
        font-size: 12px;
        text-indent: 20px;
        line-height: 32px;
        color: #727272
    }

    .contact div.text {
        font-size: 12px;
        text-indent: 0px;
        line-height: 32px;
        margin-left: 20px;
        color: #727272
    }

    /*新闻资讯*/
    .public .news {
        width: 100%;
    }

    .news .newsBox {
        width: 100%;
        height: 150px;
        border-bottom: #e6e6e6 solid 1px;
        margin-bottom: 30px;
    }

    .newsBox img {
        width: 183px;
        height: 119px;
        float: left;
        display: block;
        margin-left: 25px;
    }

    .newsBox .newsBoxMain {
        width: 725px;
        padding: 0 10px 0 39px;
        height: 150px;
        float: left;
    }

    .newsBoxMain li {
        width: 100%;
        float: left;
    }

    .newsBoxMain li h1 {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        line-height: 45px;
        float: left;
        width: 80%;
    }

    .newsBoxMain li span {
        float: right;
        line-height: 45px;
        font-size: 12px;
        color: #4d4d4d;
    }

    .newsBoxMain li p {
        line-height: 24px;
        color: #666;
        text-indent: 25px;
    }

    .page-normal {
        width: 300px;
        float: right;
    }

    .page-normal a,
    .page-normal .page-current,
    .page-normal .page-prev {
        padding: 6px 10px;
        font-size: 14px;
        margin-left: 10px;
        background: #d0d0d0;
    }

    .page-normal a {
        border: 1px solid #dadada;
        color: #777;
        text-decoration: none;
    }

    .page-normal a:hover {
        border: 1px solid #dadada;
        background: #a1000f;
        color: #fff;
    }

    .page-normal .page-current {
        border: 1px solid #dadada;
        color: #fff;
        background: #a1000f;
    }

    .page-normal .page-prev {
        border: 1px solid #dadada;
        color: #777;
    }

    .page-normal font {
        padding: 8px 10px;
        color: #777;
        text-decoration: none;
        font-size: 28px;
    }

    .warp .newsPag {
        width: 882px;
        margin: 35px auto;
        overflow: hidden;
    }

    .newsPag h1,
    .newsPag h3 {
        width: 100%;
        height: 40px;
        display: block;
        border-bottom: #d69097 solid 2px;
        font-size: 18px;
        color: #4d4d4d;
        line-height: 40px;
        text-align: center;
        margin-bottom: 25px;
    }

    .newsPag h1 font,
    .newsPag h3 font {
        font-size: 12px;
        color: #4d4d4d;
        float: right;
        line-height: 40px;
        margin-right: 5px;
    }

    .newsPag .con {
        color: #666;
        line-height: 25px;
        margin-bottom: 18px;
    }
}
@media screen and (min-width: 1280px) {
    .newsBox .newsBoxMain {
        width: 970px;
        padding: 0 10px 0 39px;
        height: 150px;
        float: left;
    }
    .warp .newsPag {
        width: 1070px;
        margin: 35px auto;
        overflow: hidden;
    }
}
@media screen and (min-width: 1440px) {
    .newsBox .newsBoxMain {
        width: 1150px;
        padding: 0 10px 0 39px;
        height: 150px;
        float: left;
    }
    .warp .newsPag {
        width: 1270px;
        margin: 35px auto;
        overflow: hidden;
    }
}
@media screen and (max-width: 1024px) {
    .public .contact {
        width: 820px;
        margin: 0 auto;
    }

    .contact dl {
        width: 360px;
        float: left;
        display: block;
        margin: 0 100px 35px 0;
    }

    .contact dl.margin {
        margin-right: 1px;
    }

    .contact dl dt {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-indent: 20px;
        border-bottom: #989898 dashed 1px;
        color: #666;
        background: url(../images/bg_06.png) 2px center no-repeat;
    }

    .contact dl dd {
        font-size: 12px;
        text-indent: 20px;
        line-height: 32px;
        color: #727272
    }

    .contact div.text {
        font-size: 12px;
        text-indent: 0px;
        line-height: 32px;
        margin-left: 20px;
        color: #727272
    }

    /*新闻资讯*/
    .public .news {
        width: 100%;
    }

    .news .newsBox {
        width: 100%;
        height: 100%;
        border-bottom: #e6e6e6 solid 1px;
        margin-bottom: 30px;
    }

    .newsBox img {
        width: 100%;
        height: 100%;
        float: left;
        display: block;
    }

    .newsBox .newsBoxMain {
        width: 100%;
        padding: 0 10px 0 39px;
        float: left;
        margin-bottom: 44px;
    }

    .newsBoxMain li {
        width: 100%;
        float: left;
    }

    .newsBoxMain li h1 {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        line-height: 45px;
        float: left;
        overflow: hidden;
        height: 40px;
    }

    .newsBoxMain li span {
        float: left;
        line-height: 45px;
        font-size: 12px;
        color: #4d4d4d;
    }

    .newsBoxMain li p {
        line-height: 24px;
        color: #666;
        text-indent: 25px;
    }

    .page-normal {
        width: 300px;
        float: right;
    }

    .page-normal a,
    .page-normal .page-current,
    .page-normal .page-prev {
        padding: 6px 10px;
        font-size: 14px;
        margin-left: 10px;
        background: #d0d0d0;
    }

    .page-normal a {
        border: 1px solid #dadada;
        color: #777;
        text-decoration: none;
    }

    .page-normal a:hover {
        border: 1px solid #dadada;
        background: #a1000f;
        color: #fff;
    }

    .page-normal .page-current {
        border: 1px solid #dadada;
        color: #fff;
        background: #a1000f;
    }

    .page-normal .page-prev {
        border: 1px solid #dadada;
        color: #777;
    }

    .page-normal font {
        padding: 8px 10px;
        color: #777;
        text-decoration: none;
        font-size: 28px;
    }

    @media screen and (min-width: 1024px) {
        .warp .newsPag {
            width: 90%;
            margin: 35px auto;
            overflow: hidden;
        }

        .newsPag h1,
        .newsPag h3 {
            width: 100%;
            height: 40px;
            display: block;
            border-bottom: #d69097 solid 2px;
            font-size: 18px;
            color: #4d4d4d;
            line-height: 40px;
            text-align: center;
            margin-bottom: 25px;
        }

        .newsPag h1 font,
        .newsPag h3 font {
            font-size: 12px;
            color: #4d4d4d;
            float: right;
            line-height: 40px;
            margin-right: 5px;
        }

        .newsPag .con {
            color: #666;
            line-height: 25px;
            margin-bottom: 18px;
        }
    }
}

@media screen and (max-width: 1024px) {
    .warp .newsPag {
        width: 90%;
        margin: 35px auto;
        overflow: hidden;
    }

    .newsPag h1,
    .newsPag h3 {
        width: 100%;
        display: block;
        border-bottom: #d69097 solid 2px;
        font-size: 18px;
        color: #4d4d4d;
        line-height: 40px;
        text-align: center;
        margin-bottom: 25px;
    }

    .newsPag h1 font,
    .newsPag h3 font {
        font-size: 12px;
        color: #4d4d4d;
        float: right;
        line-height: 40px;
        margin-right: 5px;
        width: 100%;
    }

    .newsPag .con {
        color: #666;
        line-height: 25px;
        margin-bottom: 18px;
    }
}
}



/*.newsPag img{ width:882px; height:326px; margin:35px 0 28px 0; display:block;}*/
.newsPag a {
    width: 67px;
    height: 25px;
    display: block;
    float: right;
    background: url(../images/icon_02.png) no-repeat;
    text-indent: -9999px;
}

.newsPag h3 {}

/*产品中心*/
@media screen and (min-width: 1024px) {
    .products .productsMain {
        width: 662px;
        padding: 0 19px;
        overflow: hidden;
    }

    .productsMain li {
        width: 45%;
        display: block;
        float: left;
        margin: 0 30px 20px 0
    }

    .productsMain li img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .productsMain li p {
        color: #838383;
        line-height: 30px;
        text-align: center;
	height:60px;
    }

    .productsMain li.margin {
        margin-right: 0px;
    }

    .products .productsPag {
        width: 100%;
        overflow: hidden;
    }

    .productsPag h1 {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        text-align: center;
    }

    .productsPag img {
        width: 394px;
        display: block;
        margin: 20px auto;
    }

    .productsPag .con ul {
        width: 800px;
        padding: 0 40px 0 60px;
        display: block;
    }

    .productsPag .con ul li {
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .productsPag .con ul li h3 {
        color: #bf9c47;
        font-weight: bold;
        line-height: 40px;
    }

    .productsPag .con ul li p {
        font-size: 12px;
        color: #666;
        line-height: 24px;
    }
  .productsPag .conxx  p{
        clear: both;
    }
    /*产品应用*/
    .products .apply {
        width: 100%;
        overflow: hidden;
    }

    .apply .applyBox {
        width: 660px;
        margin: 0 auto 18px;
        overflow: hidden;
        padding-bottom: 30px;
        border-bottom: #e6e6e6 solid 1px;
    }

    .applyBox h1 {
        font-size: 18px;
        color: #333;
        line-height: 40px;
    }

    .applyBox dl {
        width: 100%;
        display: block;
        margin-top: 15px;
    }

    .applyBox dl dt {
        width: 270px;
        height: 190px;
        float: left;
        display: block;
    }

    .applyBox dl dt img {
        width: 270px;
        height: 190px;
    }

    .applyBox dl dd {
        width: 340px;
        display: block;
        float: left;
        padding: 0 20px;
    }

    .applyBox dl dd h3 {
        color: #bf9c47;
        line-height: 35px;
        font-weight: bold;
    }

    .applyBox dl dd h4 {
        color: #bf9c47;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .applyBox dl dd p {
        font-size: 13px;
        color: #666;
        line-height: 20px;
    }

    .applyBox dl dd a {
        width: 90px;
        height: 16px;
        display: block;
        margin-top: 15px;
        float: right;
        background: url(../images/bg_07.png) right center no-repeat;
        color: #888;
        line-height: 16px;
    }
}
@media screen and (min-width: 1280px) {
.products .productsMain {
        width: 850px;
        padding: 0 19px;
        overflow: hidden;
    }
}
@media screen and (min-width: 1280px) {
.products .productsMain {
        width: 850px;
        padding: 0 19px;
        overflow: hidden;
    }
}
@media screen and (max-width: 1024px) {
    .products .productsMain {
        width: 100%;
        padding: 0 19px;
        overflow: hidden;
    }

    .productsMain li {
        width: 48%;
        display: block;
        float: left;
        margin: 1%
    }

    .productsMain li img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .productsMain li p {
        color: #838383;
        line-height: 36px;
        text-align: center;
    }

    .productsMain li.margin {
        margin-right: 0px;
    }

    .products .productsPag {
        width: 100%;
        overflow: hidden;
    }

    .productsPag h1 {
        font-size: 18px;
        color: #333;
        font-weight: bold;
        text-align: center;
    }

    .productsPag img {
        width: 394px;
        display: block;
        margin: 20px auto;
    }

    .productsPag .con ul {
        width: 600px;
        padding: 0 40px 0 60px;
        display: block;
    }

    .productsPag .con ul li {
        width: 100%;
        float: left;
        display: block;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .productsPag .con ul li h3 {
        color: #bf9c47;
        font-weight: bold;
        line-height: 40px;
    }

    .productsPag .con ul li p {
        font-size: 12px;
        color: #666;
        line-height: 24px;
    }

    /*产品应用*/
    .products .apply {
        width: 100%;
        overflow: hidden;
    }

    .apply .applyBox {
        width: 660px;
        margin: 0 auto 18px;
        overflow: hidden;
        padding-bottom: 30px;
        border-bottom: #e6e6e6 solid 1px;
    }

    .applyBox h1 {
        font-size: 18px;
        color: #333;
        line-height: 40px;
    }

    .applyBox dl {
        width: 100%;
        display: block;
        margin-top: 15px;
    }

    .applyBox dl dt {
        width: 270px;
        height: 190px;
        float: left;
        display: block;
    }

    .applyBox dl dt img {
        width: 270px;
        height: 190px;
    }

    .applyBox dl dd {
        width: 340px;
        display: block;
        float: left;
        padding: 0 20px;
    }

    .applyBox dl dd h3 {
        color: #bf9c47;
        line-height: 35px;
        font-weight: bold;
    }

    .applyBox dl dd h4 {
        color: #bf9c47;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .applyBox dl dd p {
        font-size: 13px;
        color: #666;
        line-height: 20px;
    }

    .applyBox dl dd a {
        width: 90px;
        height: 16px;
        display: block;
        margin-top: 15px;
        float: right;
        background: url(../images/bg_07.png) right center no-repeat;
        color: #888;
        line-height: 16px;
    }
}


/*分页*/

.page {
    text-align: center;
    margin: 20px 0px;
}

.page a {
    height: 23px;
    display: inline-block;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    line-height: 23px;
    background: #FFF;
    font-size: 14px;
    color: #4e4e4e;
    padding: 0px 10px;
    margin: 0px 5px;
}

.page a:hover {
    background: #bf9c47;
    color: #fff;
    border: 1px solid #ff8029;
}

.page a.dasf {
    background: #bf9c47;
    color: #fff;
    border: 1px solid #ff8029;
}

.page a.ck {
    background: #bf9c47;
    color: #fff;
    border: 1px solid #ff8029;
}

@media screen and (min-width: 1024px) {
    .gsgs01 {
        width: 100%;
        line-height: 440px;
        color: #fff;
        font-size: 54px;
        text-align: center;
    }
}

@media screen and (max-width: 1024px) {
    .gsgs01 {
        width: 100%;
        line-height: 240px;
        color: #fff;
        font-size: 24px;
        text-align: center;
    }
}

@media (max-width:768px) {

    .productsPag .con .conxx {
        width: 96%;
        padding: 0 20px 0 20px;
        display: block;
    }

    .productsPag .con .conxx ul {
        width: 100%;
        padding: 0;
    }
}