@charset "UTF-8";
/* CSS Document */
/*
-----------------------------内页样式start-----------------------------
*/

/*newsView*/
.subPageC {
    padding: 0px 30px;
    position: relative;
    background: #fff;
}

.singleArticle {
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
}

.articleBox {
    font-size: 16px;
    line-height: 40px;
    padding: 10px 40px;
    color: #666;
}

.articleBox img {
    max-width: 100%;
}

.articleTitle {
    clear: both;
    text-align: center;
    padding: 20px 10px 0 10px;
    line-height: 24px;
    font-size: 28px;
    font-family: "microsoft yahei";
    color: #333;
}

.articleTime {
    display: block;
    clear: both;
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 47px;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #f0f0f0;
}

.articleTime span {
    color: #999;
    margin-right: 15px;

}

.articleTime .articleTime1 {
    background: url(../images/time1.png) no-repeat left center;
    display: inline-block;
    padding-left: 25px;
}

.articleTime .articleTime2 {
    background: url(../images/eyes.png) no-repeat left center;
    display: inline-block;
    padding-left: 25px;
}

.pageUp {
    display: block;
    line-height: 30px;
    padding: 10px 0 20px 0;
    border-top: 1px dotted #ccc;
    color: #333333;
    font-size: 14px;
}

.pageUp a:hover {
    color: #2b2e95;
}

.share {
    display: block;
    clear: both;
    padding: 10px 0;
}

.articlePage {
    clear: both;
    height: 30px;
    text-align: center;
    font-family: Arial;
}

.articlePage a {
    margin: 0 1px;
    background: #ccc;
    padding: 5px 10px;
}

.articlePage a:hover {
    color: #fff;
    background: #1e8ddc;
}

.articlePage a.hover {
    color: #fff;
    background: #1e8ddc;
}

.singeBanner {
    background: url(../test/singBanner.png) no-repeat center center;
    height: 300px;
}

.viewShare {
    /*position: absolute;
	top:0;
	left: -50px;*/
    position: fixed;
    top: 350px;
    margin-left: -80px;
    left: auto;
}

.viewShare.fixed {}

.viewShare a {
    display: block;
    height: 50px;
    width: 50px;
}

.viewShare a.goBack {
    background: #00ad69 url(../images/goBack.png) center center no-repeat;
}

.viewShare .viewShare1 {
    height: 50px;
    width: 50px;
    position: relative;
}

.viewShare1 .bdsharebuttonbox {
    position: absolute;
    top: 50px;
    width: 50px;
    padding-top: 10px;
}

.viewShare1 .bds_tsina,
.viewShare1 .bds_weixin,
.viewShare1 .bds_sqq {
    margin: 0 !important;
    padding: 0 !important;
    height: 50px !important;
    width: 50px !important;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    transform: rotate(360deg);
    position: absolute;
    top: -50px;
    left: 0px;
}

.viewShare1 .bds_tsina {
    background: url(../images/shareBt1.png) center center no-repeat !important;

}

.viewShare1 .bds_weixin {
    background: url(../images/shareBt2.png) center center no-repeat !important;
}

.viewShare1 .bds_sqq {
    background: url(../images/shareBt3.png) center center no-repeat !important;

}

.viewShare1Box {
    background: #f6ac39 url(../images/share.png) center center no-repeat;
    cursor: pointer;
    height: 50px;
    width: 50px;
    z-index: 9;
    position: relative;
}

.viewShare1:hover .bds_tsina,
.viewShare1:hover .bds_weixin,
.viewShare1:hover .bds_sqq {
    transform: rotate(0deg);
}

.viewShare1:hover .bds_tsina {
    top: 10px;
}

.viewShare1:hover .bds_weixin {
    top: 60px;
}

.viewShare1:hover .bds_sqq {
    top: 110px;
}

/**
 * 文章阅读页-内容上部大图
 */
#play {
    width: 600px;
    height: 400px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 5px;
    margin: 20px auto 0 auto;
}

#play .change_a {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background: url(about:blank);
}

#play .prev_a {
    left: 0;
}

#play .next_a {
    right: 0
}

#play .change_a span {
    width: 24px;
    height: 43px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    display: none
}

#play .prev_a span {
    background: url(../images/file/article_icon.png) no-repeat 0px -50px;
    left: 0;
}

#play .next_a span {
    background: url(../images/file/article_icon.png) no-repeat -30px -50px;
    right: 0;
}

#play .img_ul {
    position: relative;
    z-index: 1;
    width: 600px;
    height: 400px;
}

#play .img_ul li {
    position: relative;
    z-index: 1;
    width: 600px;
    height: 400px;
    background: #fff;
    margin: 0 0 5px 0;
}

#play .img_ul li img {
    position: absolute;
}

.imgMove {
    width: 600px;
    clear: both;
    margin: 20px auto;
    position: relative;
}

.img_hd {
    margin: 0 auto;
    overflow: hidden;
    height: 60px;
    position: relative;
}

.img_hd ul {
    position: absolute;
    z-index: 1
}

.img_hd ul li {
    float: left;
    height: 47px;
    width: 70px;
    padding: 3px;
    margin: 0 7px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d4d4d4;
    position: relative;
}

.img_hd ul li p {
    height: 47px;
    width: 70px;
    display: block;
    background: #fff;
    position: relative;
}

.img_hd ul li i {
    display: block;
    clear: both;
    line-height: 20px;
    padding: 0 5px;
    background: #000;
    color: #fff;
    position: absolute;
    right: 3px;
    bottom: 3px;
    z-index: 99999999999999;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
}

.img_hd ul li img {
    position: absolute;
    height: 47px;
    width: 70px;
}

.img_hd ul li.on {
    border: 1px solid #1e8ddc;
    background: #1e8ddc;
}

.imgMove .bottom_a {
    width: 20px;
    height: 25px;
    display: block;
    cursor: pointer;
    z-index: 10;
    float: left;
    top: 15px;
    position: absolute;
    z-index: 9999999999999;
    background: url(../images/file/article_icon.png) no-repeat;
}

.imgMove .prev_a {
    background-position: left top;
    left: 0;
}

.imgMove .next_a {
    background-position: right top;
    right: 0;
}

.articleHand {
    clear: both;
    font-size: 16px;
    padding: 10px 0px 20px 0;
    overflow: hidden;
}

.articleHand a {
    display: block;
    line-height: 32px;
    padding: 0 20px 10px 30px;
    float: left;
    background: url(../images/file/file.png) no-repeat left center;
}

.articleHand a.word {
    background: url(../images/file/word.png) no-repeat left 3px;
    color: #37a6ff !important;
}

.articleHand a.ppt {
    background: url(../images/file/ppt.png) no-repeat left center;
    color: #ff7735 !important;
}

.articleHand a.excel {
    background: url(../images/file/excel.png) no-repeat left center;
    color: #15bf44 !important;
}

.articleHand a.pdf {
    background: url(../images/file/pdf.png) no-repeat left center;
    color: #1369c0 !important;
}

.articleHand a.zip {
    background: url(../images/file/zip.png) no-repeat left 3px;
    color: #ff9779 !important;
}

.shareBox {
    overflow: hidden;
    float: right;
    display: inline;
}

.shareBoxL {
    float: left;
    padding: 0 0 0 20px;
}

.shareBoxL span {
    display: block;
    line-height: 47px;
    float: left;
}

.bdsharebuttonbox {
    float: left;
    padding: 6px 0 0 10px;
}

.shareBoxR {
    line-height: 40px;
    float: right;
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #000;
}

/*单篇+文章页end*/

/*全图列表页imgList1 start*/
.imgList {
    padding: 0px 30px 0px;
}

.imgList1 {
    overflow: hidden;
    margin-right: -36px;
}

.imgList1 .text span {
    background: url(../images/imgRight.png) no-repeat right center;
    padding-right: 100px;
    display: block;
}

.imgList1 dd {
    overflow: hidden;
    float: left;
    display: inline;
    width: 33.333%;
    padding-bottom: 30px;
}

.imgList1 dd .con {
    overflow: hidden;
    margin-right: 36px;
    background: #fff;
}

.imgList1 dd .pic {
    position: relative;
}

.imgList1 dd .pic:before {
    display: block;
    content: '';
    padding-top: 66.4150%;
}

.imgList1 dd .pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.imgList1 dd .text {
    text-align: left;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;

}

.imgList1 dd:hover .text {
    color: #fff;
    background-color: #01ab68;
}

/*全图列表页end*/
/*全图列表页imgList2 start*/
.imgList2 {
    padding: 30px 30px 0px;
}

.imgList3 {
    overflow: hidden;
    margin-right: -30px;
}

.imgList3 dd {
    overflow: hidden;
    float: left;
    display: inline;
    width: 50%;
    padding-bottom: 30px;
}

.imgList3 dd .con {
    overflow: hidden;
    margin-right: 30px;
    background: #fff;
}

.imgList3 dd .pic {
    position: relative;
}

.imgList3 dd .pic:before {
    display: block;
    content: '';
    padding-top: 66.7808%;
}

.imgList3 dd .pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.imgList3 dd .text {
    text-align: left;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    padding: 0px 30px;
}

.imgList2H {
    height: 93px;
    clear: both;
    overflow: hidden;
}

/*全图列表页imgList2 end*/
/*图文列表页start*/
/*textImg1 start*/
.textImg1 {
    position: relative;
    z-index: 9;

    padding: 0px 30px;
}

.textImg2 .textImg1 dd {

    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
    clear: both;
    position: relative;
    z-index: 3;
}

.textImg1 dd .text {
    overflow: hidden;
    padding: 0 30px;
}

.textImg1 dd .wrap {
    position: relative;
    z-index: 3;
}

.textImg1 dd .picture {
    display: block;
    width: 320px;
    height: 215px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 30px;
}

.textImg1 dd .listData {
    padding-top: 10px;
}

.textImg1 dd .picture img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    transform: scale(1);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.textImg1 dd .picture .jqthumb {
    transition: 0.4s ease;
}

.textImg1 dd:hover .jqthumb {
    transform: scale(1.05);
}

.textImg1 h3 {
    font-size: 18px;
    color: #191919;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.textImg1 .listInfo {
    height: 74px;
    margin: 15px 0;
    line-height: 26px;
    overflow: hidden;
    font-size: 14px;
    color: #848484;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.textImg1 dd:hover .picture img {
    transform: scale(1.05)
}

.textImg1 dd:hover h3 a {
    color: #2b2e95;
}

.textImg1 dd h6 {
    font-weight: normal;
    padding: 0 0 0 26px;
    float: left;
    overflow: hidden;
    background: url(../images/date.png) no-repeat left center;
}

.textImg1 dd h6 span {
    padding: 0 0 0 26px;
    margin: 0 0 0 20px;
    background: url(../images/read.png) no-repeat left center;
}

/*textImg1 end*/

/*textList2 start*/
.downList1 {
    padding: 0px 20px;
}

.downList2 dd {
    clear: both;
    overflow: hidden;
    height: 72px;
    border-bottom: 1px dotted #dbdbdb;
}

.downList2 dd span {
    display: inline;
    float: right;
    height: 72px;
    font-size: 15px;
    color: #666666;
    line-height: 72px;
    background-image: url(../images/icon18.png);
    background-position: right center;
    background-repeat: no-repeat;
}

.downList2 dd .listTit {
    display: block;
    overflow: hidden;
    height: 72px;
    color: #666666;
    line-height: 72px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px;
}

.downList2 dd .listTit:hover {
    color: #0074c3
}

.downList2 .downBtn {
    background: url(../images/downIco.png) center center no-repeat;
    height: 72px;
    width: 25px;
    float: right;
    display: inline;
    cursor: pointer;
}

.downList2 .downBtn a {
    display: block;
    height: 100%;
}

.downList2 .downBtn:hover {
    background-image: url(../images/downIco_h.png)
}

/*textList2 end*/
/*图文列表页start*/

.textImg2 {
    padding-bottom: 30px;
    position: relative;
    z-index: 5;
}

.textImg1 {
    overflow: hidden;

}

.textImg1 dd {
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    height: 276px;

}

.textImg1 dd .text .title a {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    height: 28px;
    overflow: hidden;
    font-weight: 600;
}

.textImg1 dd .text .title {
    padding-top: 30px;
}

.textImg1 dd .time {
    height: 28px;
    overflow: hidden;
    padding: 15px 0px 10px 0px
}

.textImg1 dd .time span {
    font-size: 14px;
    line-height: 28px;
    color: #999;
    height: 28px;
    overflow: hidden;
}

.textImg1 dd .textC {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    height: 70px;
    overflow: hidden;
    padding-bottom: 20px;
}

.textImg1 .img {
    background: url(../images/textRight.png) no-repeat left center;
    height: 28px;
    padding-top: 30px;
}

.textImg1 dd:hover a {
    color: #01ab68 !important;
}

.textImg1 dd:hover .img {
    background: url(../images/textRight1.png) no-repeat left center;
    height: 28px;
}

/*图文列表页end*/
/*全文列表页start*/
.textList1 {
    padding-bottom: 30px;
    position: relative;
    z-index: 5;
}

.textList2 {
    overflow: hidden;

}

.textList2 dd {
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    height: 276px;
    padding: 0px 30px;
}

.textList2 dd .text .title a {
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    height: 28px;
    overflow: hidden;
    font-weight: 600;
}

.textList2 dd .text .title {
    padding-top: 30px;
}

.textList2 dd .time {
    height: 28px;
    overflow: hidden;
    padding: 15px 0px 10px 0px
}

.textList2 dd .time span {
    font-size: 14px;
    line-height: 28px;
    color: #999;
    height: 28px;
    overflow: hidden;
}

.textList2 dd .textC {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    height: 70px;
    overflow: hidden;
    padding-bottom: 20px;
}

.textList1 .img {
    background: url(../images/textRight.png) no-repeat left center;
    height: 28px;
    padding-top: 30px;
}

.textList2 dd:hover a {
    color: #01ab68 !important;
}

.textList2 dd:hover .img {
    background: url(../images/textRight1.png) no-repeat left center;
    height: 28px;
}

/*全文列表页end*/
/* 招聘页 start */
/* 招聘详情页 start */

/* 招聘详情页 end */

/* 招聘页 start */
.recruitL {
    background: #f0f6f4;
    position: relative;
}

.recruitTitle {
    padding-left: 30px;
}

.recruitTitle dd {
    font-size: 14px;
    float: left;
    display: inline;
    width: 110px;
    height: 60px;
    line-height: 60px;
}

.recruitTitle dd + dd {
    text-align: center;
    margin-left: 75px;
}

.recruitList {
    overflow: hidden;
}

.recruitList dd {
    overflow: hidden;
    margin-bottom: 10px;
}

.recruitList dd .recruitT {
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 55px;
    background: #fff;
    color: #666666;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.recruitList dd .recruitT .text {
    font-size: 14px;
    overflow: hidden;
    float: left;
    display: inline;
    width: 110px;
    margin-right: 75px;
    text-align: center
}

.recruitList dd .recruitT .btn {
    float: right;
    width: 80px;
    height: 60px;
    background: url(../images/zpShowh.png) no-repeat center center;
    margin-right: 90px;
}

.recruitList dd .recruitC {
    overflow: hidden;
    font-size: 14px;
    color: #888;
    line-height: 30px;
    display: none;
    padding: 20px;
    background: #FFF;
}

.recruitList dd .recruitC strong {
    color: #333;
}

.recruitList dt {
    overflow: hidden;
    margin-bottom: 10px;
}

.recruitList dt .recruitT {
    overflow: hidden;
    height: 80px;
    line-height: 80px;
    padding: 0 0 0 55px;
    background: #00ad69;
    color: #fff;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.recruitList dt .recruitT .text {
    font-size: 14px;
    overflow: hidden;
    float: left;
    display: inline;
    width: 110px;
    margin-right: 75px;
    text-align: center;
}

.recruitList dt .recruitT .text1 {
    float: right;
    width: 110px;
    height: 80px;
    font-size: 14px;
    margin-right: 50px;
}

.recruitText {
    font-size: 14px;
    color: #666;
    position: relative;
    padding-bottom: 20px;
    padding-top: 10px;
}

.recruitText span {
    font-weight: bold;
}

.recruitText:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    bottom: 0px;
}

.recruitList dt .recruitC {
    overflow: hidden;
    font-size: 14px;
    color: #999999;
    line-height: 40px;
    display: none;
    padding: 20px;
    background: #FFF;
}

.recruitTable {
    font-size: 14px;
    color: #555555;
    padding: 0px 0;
    border-bottom: 1px solid #ddd;
}

.recruitTable table {
    border: none;
}

.recruitTable table tr {
    border: none;
    height: 50px;
}

.recruitTable table tr td {
    border: none;
    font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-bottom: 10px;
}

.recruitTable table b {
    margin-right: 20px;
}

.recruitBtn {
    overflow: hidden;
    padding-top: 20px;
}

.recruitBtn a {
    border: 1px solid #f8b551;
    font-size: 16px;
    overflow: hidden;
    display: block;
    height: 35px;
    line-height: 35px;
    float: left;
    display: inline;
    padding: 0 30px;
    background: #f8b551;
    color: #FFF;
    border-radius: 3px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.recruitBtn a:hover {
    opacity: 0.9
}

.recruitBtn a.btn2 {
    margin-left: 15px;
    color: #cf261f;
}

.recruitList dd:hover .recruitT {
    background: #c1e7d8;
}

.recruitList dd:hover .recruitT .btn {
    background: url(../images/zpShowh.png) no-repeat center center;
}

.recruitList dd.active .recruitT {
    background: #c1e7d8;
}

.recruitList dd.active .recruitT .btn {
    background: url(../images/zpHide.png) no-repeat center center;
}

/* 招聘页 end */
/* 留言 start */
.fromBox {
    overflow: hidden;
}

.fromTip {
    font-size: 14px;
    color: #999;
    overflow: hidden;
}

.fromTip em {
    color: #cc3333;
    padding-right: 5px;
}

.form1 {
    clear: both;
}

.form1 dd {
    clear: both;
    padding: 15px 0;
}

.form1L {
    width: 115px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    vertical-align: top;
    color: #666;
    padding: 0 5px 0 0;
    font-size: 14px;
    float: left;
}

.form1L em {
    color: #cc0000;
    padding: 5px 5px 0 0;
    font-style: normal;
}

.form1Input {
    width: 290px;
    padding: 5px;
    position: relative;
    zoom: 1;
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #ebebeb;
    font-size: 14px;
    color: #888;
    border-radius: 1px;
}

.form1Input[readonly="readonly"] {
    background: #fafafa;
    color: #666;
}

.form1Input.w400 {
    width: 400px;
}

.form1Input.w200 {
    width: 200px;
}

.form1Input.w100 {
    width: 100px;
}

.codeSrc {
    margin: 0 0 0 10px;
    height: 40px;
    cursor: pointer;
}

.form1Textarea1 {
    resize: none;
    width: 400px;
    height: 80px;
    padding: 5px;
    position: relative;
    zoom: 1;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: none;
}

.form1Textarea1.w600 {
    width: 600px;
    height: 200px;
}

.form1Textarea1.w700 {
    width: 700px;
    height: 200px;
}

.form1R {
    float: left;
}

.form1Bt {
    overflow: hidden;
    padding: 15px 0 20px 120px;
}

.form1Bt a {
    width: 110px;
    display: block;
    height: 40px;
    background: #068fe6;
    text-align: center;
    line-height: 40px;
    color: #fff !important;
    font-size: 14px;
    border-radius: 2px;
    padding: 0px 5px;
    float: left;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.form1Bt a:hover {
    opacity: 0.8;
}

/* 留言板 */
.msgTitle {
    font-size: 16px;
    clear: both;
    font-weight: bold;
    color: #000;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #d5d5d5;
}

.msgList {
    clear: both;
    overflow: hidden;
    padding: 30px 0 0 0;
    font-size: 14px;
}

.msgList dd {
    clear: both;
    padding: 15px 0;
    overflow: hidden;
    position: relative;
}

.msgTitle {
    clear: both;
    line-height: 30px;
}

.msgTitle span {
    padding: 0 0 0 30px;
}

.msgInfo {
    clear: both;
    line-height: 30px;
}

.msgReply {
    clear: both;
    line-height: 30px;
    border-top: 1px dotted #d5d5d5;
    margin-top: 10px;
}

.msgName {
    width: 100px;
    padding: 10px 0 0 0;
    position: absolute;
    left: 10px;
    top: 10px;
}

.msgName strong {
    display: block;
    clear: both;
    font-size: 14px;
}

.msgName span {
    display: block;
    line-height: 20px;
    padding: 5px 0 0 0;
}

.msgList_r {
    border: 1px solid #d5d5d5;
    background: #fff;
    padding: 15px;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 0 0 100px;
}

.msgList_jt {
    width: 11px;
    height: 18px;
    position: absolute;
    left: -11px;
    top: 20px;
    background: url(../images/jiantou.jpg) no-repeat;
}

/* 留言 end */
/*品牌产品start*/
/* tabbtn */
.proBanner {
    background-size: cover;
    width: 100%;
    height: 860px;
    position: relative;
    z-index: 4;
    padding-top: 80px;
}

.tabbtn {
    height: 180px;
    position: absolute;
    width: 100%;
    bottom: 50px;
}

.tabbtn li {
    float: left;
    position: relative;
    width: 20%;
    height: 180px;
}

.tabbtn .proimg1 {
    background-color: #94d27c;
}

.tabbtn .proimg2 {
    background-color: #2ec363;
}

.tabbtn .proimg3 {
    background-color: #00ad69;
}

.tabbtn .proimg4 {
    background-color: #039c71;
}

.tabbtn .proimg5 {
    background-color: #0f7c6e;
}

.tabbtn li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.tabbtn li:hover a {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
}

.hoverDH {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
}

.tabcon {
    border-width: 0px;
    border-color: #ddd;
    border-style: solid;
    position: relative;
    /*必要元素*/
    height: 100%;
    min-height: 600px;
}

.tabcon .subbox {
    position: absolute;
    /*必要元素*/
    left: 0;
    top: 0;
}

.tabcon .sublist {
    height: 100%;
    overflow: hidden;
}

#leftcon .subbox {
    width: 9999em;
}

#leftcon .subbox .sublist {
    float: left;
    width: 664px;
}

.sublist {}

.sublist li {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
}

.sublist li span {
    margin: 0 5px 0 0;
    font-family: "宋体";
    font-size: 12px;
    font-weight: 400;
    color: #ddd;
}

.produce {
    background: #fff;
    position: relative;
    z-index: 5;
    top: -50px;
}

.produceLeft {
    padding: 30px 0px 0px 30px;
    position: relative;
}

.produceLeft span {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    display: block;
}

.produceImg {
    width: 83px;
    height: 83px;
    position: relative;
    top: 50%;
    right: 50%;
    margin-top: -30px;
    margin-right: -40px;
}

.produceLeft {
    position: absolute;
}

.productSlide {
    overflow: hidden;
    position: relative;
}

.productSlide .bd {
    overflow: hidden;
}

.productSlide .bd dl dd {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.productSlide .bd dl dd a {
    display: block;
    width: 100%;
    height: 100%
}

.productSlide .hd {
    position: absolute;
    bottom: 60px;
    left: 110px;
    right: 0;
    text-align: center;
}

.productSlide .hd ul {
    display: inline-block
}

.productSlide .hd ul li {
    display: inline;
    float: left;
    width: 25px;
    height: 20px;
    margin: 0 11px;
    overflow: hidden;
    cursor: pointer;
    line-height: 9999px;
    background-image: url(../images/icon23.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.productSlide .hd ul li.on {
    background-image: url(../images/icon23h.png)
}

.proCenterDl {
    overflow: hidden;
    width: 100%;
    position: relative;
    right: -2px;
    padding-top: 90px;
}

.proCenterDl dd {
    float: left;
    display: inline;
    width: 33.33333%;
    position: relative;
    padding-top: 33.33333%
}

.proCenterDl dd .box:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.proCenterDl dd .box {
    display: block;
    border-right: 1px solid #e9e9e9;

    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.proCenterDl dd p {
    width: 56%;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    margin: 6% auto;
    display: block;
}

.proCenterDl dd p img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.proCenterDl dd span {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    text-align: center;
    color: #444;
    display: block;
    overflow: hidden;
}

.proCenterDl dd .mc {
    height: 100%;
    width: 100%;
    background: rgba(0, 173, 105, 0.8);
    position: absolute;
    left: -1px;
    top: -1px;
    overflow: hidden;
    display: none
}

.proCenterDl dd b {
    height: 40px;
    width: 40px;
    background: url(../images/jia.png) no-repeat center center;
    margin: 41% auto 0;
    display: none
}

.proCenterDl dd em {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: block;
    overflow: hidden;
    font-style: normal
}

.proCenterDl dd:hover .mc {
    display: block;
}

.proCenterDl dd:hover b {
    display: block
}

.proCenterDl dt {
    float: left;
    display: inline;
    width: 66.66666%;
    padding-top: 33.33333%;
    overflow: hidden;
    position: relative;
}

.proCenterDl dt:first-child:after {
    width: 0px;
}

.proCenterDl dt:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #e9e9e9;
    position: absolute;
    top: 0;
    right: 0;
}

.proCenterDl dt:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e9e9e9;
    position: absolute;
    bottom: 0;
    left: 0;
}

.proCenterDl dt .pic {
    display: block;
    width: 44%;
    padding-top: 44%;
    position: relative;
    overflow: hidden;
    margin: 3% 1% 2.9% 6%;
    position: absolute;
    top: 0;
    left: 0;
}

.proCenterDl dt .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.proCenterDl dt .textBox {
    overflow: hidden;
    padding-top: 13.5%;
    width: 36.5%;
    position: absolute;
    top: 0;
    left: 55%;
}

.proCenterDl dt span {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    text-align: center;
    color: #444;
    display: block;
    overflow: hidden;
}

.proCenterDl dt em {
    height: 64px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #666;
    display: block;
    overflow: hidden;
    font-style: normal;
    margin-bottom: 10%;
}

.proCenterDl dt .more {
    display: block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #00ad69;
    width: 95px;
    text-align: center;
    color: #00ad69;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}

.proCenterDl dt .more:hover {
    background: #00ad69;
    color: #fff;
}

.animated2 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.productPic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.productPic a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.productPic a img {
    display: block;
    width: 100%;
}

/*品牌产品end*/
/*投诉建议start*/
.sign-head {
    background: url(../text/images/images/sing_03.jpg) no-repeat center center;
    width: 1200px;
    height: 220px;
    margin-bottom: 37px;
}

.sign-head1 {
    background-color: #f2b34b;
    opacity: 0.8;
    width: 389px;
    height: 102px;
    margin: 0px auto;
}

.sign-head1 span {
    font-size: 30px;
    line-height: 102px;
    color: #fff;
}

.suggest {
    position: relative;
    overflow: hidden;
}

.sign {
    text-align: center;
    background-color: #fff;
    padding: 40px 35px 0px 30px;
    overflow: hidden;
}

.sign-body .sign-text input {
    width: 345px;
    height: 50px;
    float: left;
    text-align: left;
    margin-right: 20px;
    padding-left: 16px;
    border: 1px #dedede solid;
}

.sign-text3 {
    margin-right: -20px;
}

.sign-body .sign-text textarea {
    width: 1120px;
    height: 176px;
    float: left;
    resize: none;
    padding: 22px 0px 0px 13px;
    border: 1px #e0e0e0 solid;
}

.sign-body1 {
    padding-bottom: 11px;
    overflow: hidden;
}

.sign-body dd {
    margin-bottom: 23px;

    float: left;
}

.sign-body dd span {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    float: left;
    text-align: right;
}

.sign-body dd i {
    color: #f00;
    font-size: 16px;
    line-height: 30px;
    float: left;
}

.sign-body .sign-text1 span {
    font-size: 16px;
    line-height: 30px;
    color: #333;

}

.sign-body .sign-text1 input {
    width: 241px;
    height: 46px;
    float: left;
    padding-left: 8px;
    border: 1px #c7c7c7 solid;
}

.sign-body .sign-text2 {
    float: left;
    text-align: right;
    margin-left: 15px;
}

.sign-body .sign-text2 img {
    display: inline-block;
    height: 48px;
    width: 90px;
}

.ce {
    margin-left: 420px;
    ;
}

.sign-button {
    overflow: hidden;
    margin-left: 420px;
    padding-bottom: 120px;
}

.h40 {
    height: 40px;
    clear: both;
    overflow: hidden;
}

.sign-button .signbtn1 {
    height: 50px;
    background: #b5b5b5;
    width: 175px;
    margin-right: 10px;
}

.sign-button .signbtn2 {
    height: 50px;
    background: #b5b5b5;
    width: 175px;
}

.sign-button a {
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    height: 50px;
    width: 175px;
    display: block;
    cursor: pointer;
    transition: all .3s linear;
}

.sign-button a:hover {
    background-color: #07913a;
}

.sign-button a.hover {
    background-color: #00ad69;
}

.sign-button div {
    float: left;
    display: inline;
}

/*投诉建议end*/
/*联系start*/
.contact {
    position: relative;
    top: -45px;
}

.contactTxt {
    background-color: #fff;
    position: absolute;
    animation-delay: 1s;
    overflow: hidden;
    height: 358px;
    background-color: #fff;
    margin-left: -600px;
    left: 50%;
    z-index: 9;
    top: -80px;
}

.contactTit {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding: 80px 0 60px 0;
}

.contactMs {
    overflow: hidden;
}

.contactTxt dl dd {
    float: left;
    display: inline;
    overflow: hidden;
    width: 33.3333%;
    text-align: center;
    position: relative;
}

.contactTxt dl dd img {
    height: 50px;
    padding-bottom: 30px;
}

.contactTxt dl dd .contactsp1 {
    display: block;
    font-size: 14px;
    color: #333;
    padding-bottom: 20px;
}

.contactTxt dl dd .contactsp2 {
    display: block;
    font-size: 14px;
    color: #666;
    padding-bottom: 105px;
}

.contactDd:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 88px;
    background-color: #e6e6e6;
}

.contactImg {
    height: 895px;
    width: 100%;
    clear: both;
    position: relative;
    background-color: #f00;
    
}

.contactTxt1 {
    padding: 60px 55px 0 40px;
}

.contactTxt2 {
    padding: 60px 55px 0 40px;
}

.contactTxtfl {
    background-color: #fff;
    width: 50%;
    height: 100%;
}

.contactTxtfr {
    overflow: hidden;
    width: 50%;
    height: 100%;
    background-color: #fafafa;
}

.contactTxt2sp1 {
    font-size: 16px;
    line-height: 60px;
    display: block;
    color: #666666;
    font-weight: bold;
    padding-bottom: 30px;
}

.contact_sp1 {
    background: url(../images/photo1.png) no-repeat left center;
    padding-left: 60px;
    font-size: 14px;
    color: #666;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    padding-right: 60px;
    margin-bottom: 48px;
}

.contact_sp2 {
    background: url(../images/mail1.png) no-repeat left center;
    padding-left: 60px;
    font-size: 14px;
    color: #666;
    height: 60px;
    display: inline-block;
    line-height: 60px;
}

.contact_sp3 {
    background: url(../images/adress1.png) no-repeat left center;
    padding-left: 60px;
    font-size: 14px;
    color: #666;
    height: 60px;
    display: inline-block;
    line-height: 60px;
}

.contact_sp4 {
    background: url(../images/photo2.png) no-repeat left center;
    padding-left: 60px;
    font-size: 14px;
    color: #666;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    margin-bottom: 48px;
}

.contact_sp5 {
    background: url(../images/adress2.png) no-repeat left center;
    padding-left: 60px;
    font-size: 14px;
    color: #666;
    height: 60px;
    display: inline-block;
    line-height: 60px;
}

/*联系end*/
/*荣誉资质start*/
#container {
    position: relative;
    overflow: hidden;
}

.grid {
    width: 50%;
    min-height: 100px;
    font-size: 12px;
    float: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gridCon {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 2px;
    margin: 4px 30px 12px 30px;
}

.gridCon:hover strong {
    background-color: #e60014;
    transition: all 0.3s linear;
    color: #fff;
}

.grid:nth-child(even) .gridCon {
    margin: 4px 30px 12px 30px;
}

.imgholder {
    padding: 30px 23px 0px 30px;
}

.grid strong {
    width: 100%;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #666;
    padding: 22px 0;
}

.grid img {
    width: 100%;
}

/*荣誉资质end*/
/*人才招聘start*/
.telent {
    background: #fff;
}

.telent .telentTit {
    text-align: center;
    padding: 47px 0px;
}

.telent1 {
    position: relative;
}

.telent .telentTit span {
    font-size: 30px;
    line-height: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

.telent .telentText {
    width: 742px;
    position: absolute;
    top: 205px;
    right: 0px;
}

.telent .telentText span {
    font-size: 14px;
    line-height: 30px;
    color: #999;
}

.recruit {
    height: 754px;
    background: url(../images/bac1.png) no-repeat center center;
    position: relative;
    overflow: hidden;
}

.recruit .recruitTit {
    text-align: center;
    padding: 98px 0px 65px;
}

.recruit .recruitTit span {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    display: block;
    font-weight: bold;
}

.recruitDdTit {
    text-align: center;
    border-bottom: 1px #e6e6e6 solid;
}

.recruitDdTit span {
    font-size: 18px;
    line-height: 40px;
    color: #333;
    font-weight: bold;
}

.recruitDdText span {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
    display: block;
    text-align: left;
}

.recruitD1 {
    overflow: hidden;
    background: #fff;
    margin: 0 10px;
}

.recruit1 .swiper-container {
    width: 1220px !important;
    margin-left: -10px
}

.recruitDdText {
    padding: 10px 20px 30px 20px;
}

.swiper-button-next {
    background: url(../images/right4.png) no-repeat right center;
    height: 31px;
    position: absolute;
    top: 380px;

    width: 18px;
    right: -25px;
    cursor: pointer;
}

.swiper-button-prev {
    background: url(../images/left2.png) no-repeat left center;
    height: 31px;
    position: absolute;
    top: 380px;
    width: 18px;
    left: -30px;
    cursor: pointer;
}

.zbBox {
    padding-top: 80px;

}

/*人才招聘end*/
/*招聘表单start*/
.ruirecView1 {
    position: relative;
    top: -30px;
}

.formList {

    position: relative;
    background: #fff;
}

.Dow1 {
    margin-right: 20px;
}

.formList form {
    padding: 30px 40px 0 40px;
}

.formList i {
    text-align: center;
    display: block;
    color: #333;
    font-style: normal;
    font-size: 20px;
}

.rgster {
    margin-right: -70px;
    width: 100%;
}

.rgster dd {
    width: 100%;
    line-height: 45px;
    padding: 10px 0px;
}

.rgster dd input {
    flex: 1;
}

.rgster dd .tel {
    width: 75px;
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
    color: #666;
}

.rgster .con {
    /* margin-right: 75px; */
}

.rgster .demo2 {
    height: 48px;
    position: relative;
    border: 1px solid #dddddd;
    padding-left: 10px;
}

.rgster .demo2 .seljg {
    padding-left: 10px;
    line-height: 48px;
    color: #666666;
    font-size: 13px;
    cursor: pointer;
}

.rgster .demo2 .seljg input {
    display: block;
    width: 100%;
    height: 30px;
    border: none;
    background: none;
}

.rgster .demo2 i {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/sel.png) no-repeat center center;
    position: absolute;
    right: 25px;
    top: 9px;
    cursor: pointer;
}

.rgster .demo2 .selTj {
    width: 100%;
    overflow: hidden;
    border: 1px solid #dddddd;
    border-top: none;
    max-height: 240px;
    overflow-y: auto;
    position: absolute;
    left: -1px;
    top: 48px;
    background: #FFF;
    display: none;
    z-index: 100000
}

.rgster .demo2 .selTj a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    color: #666666;
    margin-bottom: 1px;
    font-size: 12px;
}

.rgster .demo2 .selTj a:hover {
    background: #f8f8f8;
    color: #ff7800;
}

.rgster .demo2 .selTj a.hover {
    background: #f8f8f8;
    color: #ff7800;
}

.inpDiv {
    overflow: hidden;
    border: 1px solid #d1d1d1;
    padding: 0px 10px;
    position: relative;
}

.formInp {
    display: block;
    height: 48px;
    overflow: hidden;
    width: 70%;
    border: none;
    background: none;
    outline: none;
    line-height: 48px;
    font-size: 16px;
    color: #666;
    font-family: 'microsoft yahei';
    position: relative;
    z-index: 2;
}

.date {
    display: block;
    width: 40px;
    height: 48px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    background: url(../images/date.png) no-repeat center center;
    padding-right: 40px;
}

.date1 {
    display: block;
    width: 40px;
    height: 48px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    background: url(../images/date1.png) no-repeat center center;
}

.up {
    margin-bottom: 20px;
}

.up .tel {
    padding-right: 10px;
    padding-top: 15px;
    width: 75px;
    font-size: 16px;
    text-align: right;
}

.inpBtn {
    width: 140px;
    height: 45px;
    padding: 0px;
    text-align: center;
    margin-right: 10px;
}

.inpBtn a {
    display: block;
    background: #878787;
    width: 100%;
    line-height: 45px;
    color: #fff;
}

.bz {
    height: 45px;
    line-height: 45px;
    color: #878787;
    font-size: 14px;
}

.Dow {
    background-color: #f7f7f7;
    padding-left: 15px;
}

.Dow .Dow1 .webuploader-pick {
    background: #1376dd !important;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
}

.Dow .Dow2 .webuploader-pick {
    background: #4bc089 !important;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    height: 25px;
}

.messageCode .code1 {
    width: 255px;
    height: 50px;
}

.messageCode img {
    height: 52px;
    width: 90px;
    vertical-align: middle;
    outline: none;
}

.formBtn1 a {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;

    background: #e3e3e3;
    margin-right: 30px;
    color: #666;
    font-size: 16px;
}

.formBtn {
    margin-left: 455px;
}

.formBtn1 a.submint {
    color: #fff;
    background: #0061ae;
}

.FaqL {
    overflow: hidden;
    padding: 30px 0 0 60px;
}

.FaqL dd {
    float: left;
    width: 360px;
    display: flex;
    height: 45px;
    line-height: 45px;
    margin-right: 75px;
    margin-bottom: 20px;
}

.xin {
    color: #ff0000;

}

.FaqL dd .tel {
    margin-right: 15px;
    width: 55px;
    text-align: right;
}

.FaqL dd input {
    flex: 1;
    outline: none;
    padding-left: 10px;
}

.formTxt {
    margin-bottom: 20px;
}

.formTxt textarea {
    width: 101%;
    height: 160px;
    line-height: 40px;
    padding-left: 10px;
    margin-left: -10px;
    /* border: 1px solid #ddd; */
    border: none;
    resize: none;
}

.formTxt .tel {
    padding-right: 15px;
    padding-top: 15px;
    width: 75px;
    text-align: right;
    font-size: 16px;
}

.formTxt .xin {
    padding-top: 15px;
}

.yzm1 {
    width: 430px;
    line-height: 50px;
    overflow: hidden;
    margin-bottom: 40px;
}

.yzm1 .tel {
    padding-right: 5px;
    width: 75px;
    text-align: right;
    font-size: 16px;
}

.yzmImg {
    width: 100px;
    height: 50px;
    float: right;
    margin-left: 17px;

}

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

.yzm1 input {
    width: 210px;
    height: 48px;
    border: 1px solid #ddd;
    margin-left: 0;
}

.inpD {
    /* outline: none; */
    /* border-style: none; */
}

.formBtn {
    text-align: center;
    margin-bottom: 40px;
}

.formBtn a {
    background: #e3e3e3;
    margin-right: 30px;
    color: #666;
    font-size: 16px;
}

.formBtn a.submint {
    color: #fff;
    background: #2973d7;
}

.requstBox {
    line-height: 28px;
    padding: 20px 32px 25px 80px;
    border-bottom: 2px solid #e8e8e8;
}

.requstBox .student {
    overflow: hidden;
    display: flex;
}

.requstBox .student .wen {
    display: block;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    flex: 1;
    font-size: 16px;
    color: #333;
}

.requstBox .student .time {
    font-size: 14px;
    color: #777;
}

.rst {
    width: 100%;
    height：56px;
    line-height: 56px;
    padding-left: 40px;
}

.fotext {
    color: #999999;
    font-size: 14px;
}

.rgsterC {
    width: 48%;
}

.formBtn .formBtn1 {
    width: 130px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    background: #00ad69;
    color: #fff;
    float: left;
    margin-right: 10px;

}

.formBtn .formBtn2 {
    width: 130px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    background: #626262;
    overflow: hidden;
    color: #fff;
}

/*招聘表单end*/
/*联系我们start*/
.contactT {
    overflow: hidden;
    margin-right: -30px;
}

.contactT dl {
    overflow: hidden;
}

.contactT dd .con {
    overflow: hidden;
    background: #fff;
    margin: 0px 30px 20px 0px;
    padding-top: 42px;
    border-radius: 8px;
}

.contactT dl dd {
    width: 33.3333%;
    float: left;
    display: inline;
}

.contactT dl a {
    width: 100%;
    height: 100%;
    display: block;
}

.contactT dl dd .contactTit {
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

.contactT dl dd .contactTit span {
    font-size: 16px;
    position: absolute;
    top: 11%;
    left: 40%;
    color: #fff;
    overflow: hidden;
    height: 21px;
}

.contactText1 span {
    display: block;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.contactT dl dd .con .contactText1 {
    padding-left: 30px;
    padding-bottom: 25px;
}

.contactT dl dd .con .contactBom {
    padding-left: 30px;
    padding-bottom: 35px;
}

.contactT dl dd .con .contactBom span {
    font-size: 15px;
    color: #999999;
}

/*联系我们end*/
/*业务列表start*/
.engineer1 .engineerTit {
    text-align: center;
    padding: 98px 0px 65px;
}

.engineer .engineerTit span {
    font-size: 30px;
    line-height: 40px;
    color: #333333;
    display: block;
    font-weight: bold;
}

.businessImg {
    padding: 95px 240px 135px 0px;
}

.businessList {
    background: #fff;
    overflow: hidden;
}

.businessText .businessTextT {
    overflow: hidden;
    height: 100%;
    padding-bottom: 20px;
}

.businessText {
    overflow: hidden;
    padding-top: 95px;
}

.businessText .businessTextT span {
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}

.businessText1 dl {
    overflow: hidden;
}

.businessText1 dl dd {
    float: left;
    display: inline;
    width: 115px;
    height: 75px;
    position: relative;
    margin-right: 20px;
}

.businessText1 dl dd span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.businessText1 dl dd:before {
    display: block;
    content: '';
    position: absolute;
    right: 0px;
    top: 20px;
    height: 20px;
    width: 1px;
    background: #cccccc;
}

.businessText1 dl dd:last-child:before {
    content: '';
    height: 0px;
}

.businessText1 .businessText1dl .TextC {
    font-size: 24px;
    line-height: 24px;
    color: #d7000f;
}

.engineerImg .imgText1 {
    overflow: hidden;
    margin-right: -20px;
}

.engineerImg .imgText1 dd {
    overflow: hidden;
    float: left;
    display: inline;
    width: 33.3333%;
    margin-bottom: 30px;
    position: relative;
}

.moreT {
    text-align: center;
    padding-bottom: 50px;
}

.moreT a {
    display: block;
    height: 100%;
    weight: 100%
}

.engineer1 dl dd .engineertext {
    width: 95.1%;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #2d2f94;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.engineer1 dl dd .engineertext .engineertext1 {
    text-align: center;
    color: #fff;
    padding: 25px 0px 5px 0px;
    ;
    clear: both;
    font-size: 18px;
    line-height: 30px;
    display: block;
}

.engineer1 dl dd .engineertext .engineertext2 {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #e5e5e5;
}

.engineer1 dl dd .engineertext a {
    height: 100%;
    padding-top: 27px;
    position: relative;
}

.engineer1 dl dd .engineertext a img {
    position: absolute;
    top: 35px;
    left: 155px;
}

.engineer1 dl dd .engineertext a span {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    border: 1px #fff solid;
    padding: 15px 20px 15px 45px;
    overflow: hidden;
}

.engineerImg .imgText1 dd .con {
    overflow: hidden;
    margin-right: 20px;
    background: #fff;
}

.engineerImg .imgText1 dd .pic {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.engineerImg .imgText1 dd .pic:before {
    display: block;
    content: '';
    padding-top: 58.2901%;
}

.engineerImg .imgText1 dd .pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.engineerImg .imgText1 dd a {
    display: block;
}

.engineerImg .imgText1 dd .title {
    height: 30px;
    line-height: 35px;
    color: #333;
    font-size: 18px;
    overflow: hidden;
    padding: 15px 0px 6px;
}

.engineerImg .imgText1 dd:hover .title {
    color: #2d2f94;
}

.engineerImg .imgText1 dd .text span {
    font-size: 14px;
    line-height: 30px;
    color: #858585;
    padding-bottom: 24px;
    display: block;
    overflow: hidden;
}

.engineerImg .imgText1 .imgTextC {
    text-align: center;
}

/*业务列表end*/
/*发展历程start*/
.event {
    padding: 40px 60px;
    position: relative;
}

.eventBox .bd {
    overflow: hidden;
}

.event_ul1 {
    overflow: hidden;
    -webkit-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}

.event_ul1 li {
    overflow: hidden;
    min-height: 100px;
}

.event_dl {
    overflow: hidden;
    position: relative;
    padding-top: 78px;
    background: url(../images/eventIco2.png) center top no-repeat;
}

.event_dl dd {
    overflow: hidden;
    padding: 30px 0px;
    position: relative;
    z-index: 3;
}

.eventImg {
    overflow: hidden;

}

.eventImg1 {
    width: 240px;
    height: 160px;
}

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

.eventCont {
    overflow: hidden;
}

.odd .eventCont {
    float: right;
}

.eventMonth {
    font-size: 18px;
    color: #f8b44f;
    line-height: 30px;
    font-weight: bold;
    overflow: hidden;
}

.eventDeta {
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    min-height: 100px;
    width: 360px;
}

.event_dl dd.even {
    padding-left: 165px;
}

.even .eventImg {
    float: left;
    display: inline;
    padding-left: 55px;
}

.even .eventImg1 {
    float: left;
    display: inline;
    margin-right: 40px;
}

.even .eventMonth {
    width: 75px;
    padding-right: 35px;
    text-align: right;
    background: url(../images/eventIco1.png) no-repeat right center;
}

.even .eventDeta {
    padding-left: 75px;
}

.event_dl dd.odd {
    padding-right: 164px;
}

.odd .eventImg {
    float: right;
    display: inline;
    padding-right: 55px;
    width: 390px;
}

.odd .eventImg1 {
    margin-left: 40px;
}

.eventImg a {
    display: block;
    width: 225px;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.odd .eventMonth {
    padding-left: 40px;
    background: url(../images/eventIco1.png) no-repeat left center;
}

.odd .eventDeta {
    padding-right: 75px;
    text-align: right;
}

.event_dl dt {
    width: 2px;
    height: 100%;
    overflow: hidden;
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 52px;
    margin-left: -1px;
    z-index: 1;
}


.event .hd {
    position: relative;
    width: 920px;
    margin: 0 auto;
}

.event .hd:after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #e1e1e2;
    width: 100%;
    left: 0;
    bottom: 6px;
    display: none;
}

.event_dot {
    overflow: hidden;
    position: relative;
    z-index: 9;
    height: 60px;
    padding-top: 50px;
}

.event_dot li {
    float: left;
    width: 120px;
    display: inline;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    padding-bottom: 30px;
    transition: 0.4s ease;
    height: 65px;
    line-height: 65px;
}

.event_dot li span {
    display: block;
    margin-left: 3px;
    background: #d9d9d9;
    transition: 0.4s ease;
}

.event_dot li.on span {
    background: #00ad69;
}

.event_dot i {
    display: block;
    background: #e1e1e2;
    width: 9px;
    height: 9px;
    border: 3px solid;
    border-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    transition: 0.4s ease;
    border-radius: 50%;
}

.event_dot li.on i {
    background: #cb0303;
}

.event_dot i:after {
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-left: 1px solid #e1e1e2;
    transition: 0.4s ease;
    margin-left: -1px;
}

.event_dot li.on i:after {
    border-color: #cb0303;
    height: 20px;
}

.event .bt2 {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 40px;
    transition: 0.4s ease;
}

.event .prev {
    left: -50px;
    background: url(../images/prevBt.png) center center no-repeat !important;
}

.event .next {
    right: -50px;
    background: url(../images/nextBt.png) center center no-repeat !important;
}

/*发展历程end**/
/*产品详情start*/
.detailsPage {
    position: relative;
    background: #fff;
    overflow: hidden;
}

.detailsLeft .device {
    position: relative;
}

.detailsPage .device .swiper-slide {
    background-color: #eeeeee;
    position: relative;
    z-index: -1;
}

.detailsPage .device .swiper-slide img {
    width: 480px;
    height: 360px;
}

.detailsLeft .device .arrow-left {
    background: url(../images/dataiRight.png) no-repeat left top;
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -15px;
    width: 38px;
    height: 50px;
    z-index: 5;
}

.device .arrow-right {
    background: url(../images/detaiLeft.png) no-repeat left bottom;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -15px;
    width: 38px;
    height: 50px;
    z-index: 5;
}

.detailsLeft .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 5px;
    width: 100%;
}

.detailsLeft .swiper-container {
    height: 360px;
    width: 480px;
    margin: 40px;
}

.detailsLeft .swiper-container .swiper-slide img {
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: -1;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.detailsLeft .content-slide {
    padding: 20px;
    color: #fff;
}

.detailsLeft .title {
    font-size: 25px;
    margin-bottom: 10px;
}

.detailsLeft .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}

.detailsLeft .swiper-active-switch {
    background: #fff;
}

#warp {
    height: 480px;
    width: 620px;
    overflow: hidden;
    position: relative;
}

#box {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -17px;
    margin-top: 40px;
    padding-right: 40px;
}

.box1 {
    height: 100%;
}

.boxC1 {
    font-size: 24px;
    color: #444;
    display: block;
    padding-bottom: 30px;
}

.boxC2 {
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    display: block;
    padding-bottom: 35px;
    overflow: hidden
}

.boxC3 {
    font-size: 14px;
    color: #00ad69;
    line-height: 25px;
    font-weight: bold;
}

.boxC4 {
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    display: block;
    height: 100%;
}

.detailsBottom .Bottomfl {
    background-color: #fff;
    width: 48.75%;
    height: 120px;
    margin-right: 30px;
}

.detailsBottom .Bottomfr {
    background-color: #fff;
    width: 48.75%;
    height: 120px;
}

.detailsBottom .Bimg1 {
    background: url(../images/Bimg1.png) no-repeat center center;
    display: inline-block;
    height: 120px;
    width: 120px;
    float: left;
    position: relative
}

.detailsBottom .Bimg3 {
    background: url(../images/Bimg3.png) no-repeat center center;
    display: inline-block;
    height: 120px;
    width: 120px;
    float: right;
    position: relative
}

.detailsBottom {
    overflow: hidden;
}

.detailsBottom .Bimg1:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 1px;
    height: 15px;
    background-color: #dedede;
    margin-top: -8px;
}

.detailsBottom .Bimg3:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 30px;
    width: 1px;
    height: 15px;
    background-color: #dedede;
    margin-top: -8px;
}

.detailsBottom .Bottomfl:hover .Bimg1 {
    background-color: #00ad69;
    background-image: url(../images/Bimg2.png);
}

.detailsBottom .Bottomfr:hover .Bimg3 {
    background-color: #00ad69;
    background-image: url(../images/Bimg4.png);
}

.detailsBottom img {
    padding: 20px 0 0 20px;
    float: left;
    display: inline;
    width: 90px;
}

.detailsBottom i {
    font-size: 16px;
    line-height: 140px;
    color: #333333;
    float: left;
    display: inline;
    margin-left: 30px;
    font-style: normal;
}

#scrollBar {
    height: 85px !important;
    width: 10px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px;
    background-color: #939393;
    opacity: 0.7;
    cursor: pointer;
    margin-top: 40px;
}

#scrollBar:hover {
    background-color: #000000;
}


/*产品详情end*/
/*第一通栏strat*/
.column1 {
    height: 100%;
    background: url(../images/column1_ban_02.png) no-repeat center center;
}

.column1dl {
    position: relative;
    height: 353px;
}

.columnTitle {
    text-align: center;
}

.columnTitle .columnTsp1 {
    font-size: 30px;
    line-height: 60px;
    color: #666;
    display: block;
}

.columnTitle .columnTsp2 {
    font-size: 40px;
    line-height: 72px;
    color: #333333;
    display: block;
}

.column1Bo dl dd {
    position: absolute;
}

.column1Bo dl dd .box {
    width: 140px;
    height: 140px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.4s linear;
    border-radius: 100%;
    background-position: center center;
}

.column1Bo dl dd .line {
    width: 121px;
    height: 79px;
    position: absolute;
    background: #f00;
}

.column1Bo dl .column1dd1 {
    top: 150px;
}

.column1Bo dl .column1dd2 {
    left: 272px;
}

.column1Bo dl .column1dd3 {
    top: 83px;
    left: 535px;
}

.column1Bo dl .column1dd4 {
    left: 800px;
}

.column1Bo dl .column1dd5 {
    right: 0px;
    top: 150px;
}

.column1Bo dl .column1line1 {
    top: -40px;
    left: 155px;
}

.column1Bo dl .column1line2 {
    left: 135px;
    top: 90px;
}

.column1Bo dl .column1line3 {
    top: -40px;
    left: -120px;
}

.column1Bo dl .column1line4 {
    left: -120px;
    top: 92px;
}

.column1sp1 {
    font-size: 16px;
    line-height: 25px;
    color: #555555;
    display: block;
    text-align: center;
}

.column1sp2 {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    display: block;
    text-align: center;
}

.column1Bo dl dd .column1line1 {
    background: url(../images/clm1_line1.png) no-repeat center center;
}

.column1Bo dl dd .column1line2 {
    background: url(../images/clm1_line2.png) no-repeat center center;
}

.column1Bo dl dd .column1line4 {
    background: url(../images/clm1_line3.png) no-repeat center center;
}

.column1Bo dl dd .column1line3 {
    background: url(../images/clm1_line4.png) no-repeat center center;
}

.column1Bo dl dd .column1box1 {
    background: url(../images/clm_icon1.png) no-repeat center center;
    background-color: #5a583f;
    transition: all 0.6s ease-in-out;
}

.column1Bo dl dd .column1box2 {
    background: url(../images/clm_icon2.png) no-repeat center center;
    background-color: #446d7b;
    transition: all 0.6s ease-in-out;
}

.column1Bo dl dd .column1box3 {
    background: url(../images/clm_icon3.png) no-repeat center center;
    background-color: #7da24b;
    transition: all 0.6s ease-in-out;
}

.column1Bo dl dd .column1box4 {
    background: url(../images/clm_icon4.png) no-repeat center center;
    background-color: #e1c12b;
    transition: all 0.6s ease-in-out;
}

.column1Bo dl dd .column1box5 {
    background: url(../images/clm_icon5.png) no-repeat center center;
    background-color: #009944;
    transition: all 0.6s ease-in-out;
    position: relative;
}

.column1Bo dl dd:hover .box {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

/*第一通栏end*/

/*第三通栏start*/

/*第三通栏end*/
/*第四通栏start*/
/*企业荣誉*/


.honorBox .tabBox {
    padding-bottom: 64px;
}

.slider {
    position: relative;
    width: 700px;
    margin: 0px auto;
}

.slider .bt {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -24px;
}

.slider .prev {
    left: -190px;
    background: url(../images/Wprev.png) no-repeat center center;
}

.slider .prev:hover {
    background: url(../images/wprev_h.png) no-repeat center center;
}

.slider .next {
    right: -190px;
    background: url(../images/Wnext.png) no-repeat center center;
}

.slider .next:hover {
    background: url(../images/wnext-h.png) no-repeat center center;
}

.honorCon {
    overflow: hidden;
}

.roundabout-holder {
    height: 455px;
}

.roundabout-holder li {
    width: 466px;
    height: 311px;
    position: relative;
    visibility: visible !important;
}

.roundabout-holder a {
    display: block;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.roundabout-holder span {
    overflow: hidden;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding-top: 35px;
    display: none;
}

.roundabout-holder .roundabout-in-focus span {
    display: block;
}

.roundabout-holder li img {
    display: block;
    width: 100%;
    height: 100%;
}

.roundabout-in-focus .honorName {
    display: block;
}

.honorName {
    display: none;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-top: 10px;
}

.dhjd_dl {
    overflow: visible !important;
}

#articleContent .center {
    width: 1920px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

/*第四通栏end*/
/*第五通栏start*/

/*第五通栏end*/
/*主营业务*/

/*主营业务*/
.box3 {
    position: relative;
    background: rgba(43, 46, 149, 0.3);
    overflow: hidden;
}

.box3:after {
    display: block;
    content: "";
    padding-top: 50%;
}

.bisBox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.box3Bg,
.box3Bg .swiper-wrapper,
.box3Bg .swiper-slide {
    height: 100% !important;
    width: 100% !important;
}

.box3Bg {
    position: absolute !important;
    top: 0;
    left: 0;
}

.box3Bg .swiper-wrapper {
    transform: translate(1px) !important;
    /*解决swiper第一个不改变*/
    margin-left: -1px;
    left: 0 !important;
}

.box3Bg .swiper-slide {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    transform: scale(1.3);
    transition: 1.5s ease-in-out;
}

.box3Bg .swiper-slide-active {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    transform: scale(1);
}

.bisPhrase {
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 9;
}

.bisList {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
}

.bisList1 {
    height: 100%;
    width: 100%;
}

.bisList1 dd {
    float: left;
    display: inline;
    width: 33.33333%;
    height: 100%;
}

.bisList1 dd .maxBox {
    position: relative;
    width: 100%;
    height: 100%;
}

.bisList1 dd a {
    display: block;
    height: 100%;
    *border-color: #fff;
    position: relative;
    border-radius: 5px;
}

.bisList1 dd a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bisList1 .listBox1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
}

.bisList1 .listBox1 .iconBox {
    height: 88px;
    width: 88px;
    margin: 0 auto;
}

.bisList1 dd .listBox1 .txt {
    color: #fff;
    font-size: 17px!important;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center; margin-top:14px
}
.bisList1 dd .listBox1 .txt1 {
    color: #fff;
    font-size: 34px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center; line-height:40px
}
.bisList1 dd .listBox1 .txt2 {
    color: #fff;
    font-size: 24px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center; font-family:Barlow-Regular; line-height:30px; text-transform:uppercase
}
@font-face {
	font-family:Montserrat-Hairline;
	src: url('../fonts/Montserrat-Hairline.ttf'); }
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
.bisList1 .listBox {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0);
    width: 100%;
    height: 100%;
    transform: scale(0.2);
    transition: 0.6s ease;
}

.bisList1 dd .listBox .listImg {
    text-align: center;
}

.bisList1 .listTxt {
    padding: 20px;
}

.bisList1 .listBox .listTit {
    color: #fff;
    font-size: 16px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 26px;
    height: 26px;
    padding: 8% 0 8% 0;
    text-align: center;
}

.bisList1 .listBox .listInfr {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    padding: 20px 15px 0;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 0.5s linear;
    -webkit-box-orient: vertical;
    text-align: center;
}

.bisList1 .listBox .listInfr:after {
    content: '';
    width: 30px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
}

.bisList1 .listBox .more {
    width: 38px;
    height: 38px;
    margin: auto;
    background: url(../images/jia.png) center center no-repeat;
}

.bisList1 dd:hover .listBox {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.bisList1 dd:hover .listBox1 {
    background: rgba(254, 225, 00, 0.4);
}


.listBox1 .table .tableCell {
    vertical-align: bottom;
    padding-bottom: 320px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1440px){  
.listBox1 .table .tableCell {
    vertical-align: bottom;
    padding-bottom: 220px;
}
}
.bisList1 dd:hover .listBox .listInfr {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: 0.3s;
}

.swiper-wrapper {
    position: relative;
}

.box3BgMask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    opacity: 0.6;
}

/*企业文化start*/
.culture .cultureDl1 {
    position: relative;
    z-index: 5;
    padding-bottom: 10px;
    overflow: hidden;
}

.culture span {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    display: block;
    position: relative;
    padding: 45px 0 10px 30px;
}

.culture .TextC:after {
    display: block;
    position: absolute;
    content: "";
    top: 92px;
    left: 30px;
    width: 33px;
    height: 2px;
    background-color: #fff;
}

.culture .cultureDl1 .Text1 {
    width: 700px;
    height: 360px;
    display: inline-block;
    margin-right: 6px;
    float: left;
    display: inline;
    margin-right: 10px;
}

.culture .cultureDl1 .Text2 {
    width: 490px;
    height: 360px;
    display: inline-block;
    float: left;
    display: inline;
    ma
}

.culture dd a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.culture dd a:hover .TextC {
    color: #01ab68;
}

.culture dd .hoverDH:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.hoverDH {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
}

.cultureT2 .cultureDl2 {
    position: relative;
    z-index: 5;
}

.cultureT2 .cultureDl2 {
    margin-right: -6px
}

.cultureT2 .cultureDl2 dd {
    width: 393px;
    height: 390px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    float: left;
}

/*企业文化end*/
/*发展历程start*/

/*按钮*/
/**/

/***/
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

/*
-----------------------------内页样式end-----------------------------
*/






@media only screen and (max-width: 1023px) {

.box3 {
    position: relative;
    background: rgba(43, 46, 149, 0.3);
    overflow: hidden;
    height: 80vh;
}

#indexPage {
    transition: all 1s cubic-bezier(0.6, 0, 0, 0.6) !important;
    transition-delay: 1s !important;
    transition-duration: 2s;
    width: 100%!important;
    height: 80vh!important;
}

.swiper-wrapper{height: 80vh!important;
    width: 100%!important;}
	
	
	
	.box3BgMask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    opacity: 0.6;
    height: 600px;
}
	
	.section{ width:100%!important; height:80vh!important}
	
	
	.bisList1 .listBox1 .iconBox {
    height: 38px;
    width: 38px;
    margin: 0 auto;
}
	.bisList1 .listBox1 .iconBox img{ width:100%}
	
	.bisList1 dd .listBox1 .txt2 {
    color: #fff;
    font-size: 15px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-family: Barlow-Regular;
    line-height: 30px;
    text-transform: uppercase;
}
	.bisList1 dd .listBox1 .txt1 {
    color: #fff;
    font-size: 22px!important;
    height: 30px;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}.bisList1 dd .listBox1 .txt {
    color: #fff;
    font-size: 15px!important;
    height: 24px;
    line-height: 24px;
    
    color: #fff;
    text-align: center;
    margin-top: 14px;
}
	
	
}