@charset "utf-8";

/*~~~~框架布局~~~*/

@font-face {
    font-family: "微软雅黑"
}

.claer {
    clear: both;
}

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

.UpdatePrompt {
    color: #999;
    font-size: 14px;
    padding: 20px;
}

.sipad {
    display: none
}


/*分类样式*/

.subNavWap {
    display: none;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 20px 0;
    background: #eee;
}

.subNavWap .title {
    color: #333;
    font-size: 18px;
}

.subNavWap .fenlei {
    margin-top: 5px;
}

.catalog {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: -webkit-transform .2s ease-in;
    display: none;
    z-index: 100;
    padding: 10px 0 0 0;
    overflow: hidden;
}

.catalog>ul {
    width: 50%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 10px;
}

.catbtn {
    font-size: 14px;
    position: fixed;
    top: 200px;
    left: 50%;
    display: block;
    width: 30px;
    margin-left: -30px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border-radius: 6px 0 0 6px;
    background-color: #fff;
}

.catalog ul li {
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
}

.catalog ul li a {
    font-size: 14px;
    line-height: 30px;
    display: block;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
    text-indent: 5px;
    text-overflow: ellipsis;
}

.catalog>ul li a {
    background: url(../images/arrow2.png) no-repeat right center;
    background-size: 5px;
}

.catalog ul li ul li:last-child {
    border-bottom: none;
}

.catalog ul li ul li {
    margin-left: 13px;
}

.subcatalog {
    display: none;
}

.catalog ul li a:first-child {
    background: url(../images/arrow3.png) no-repeat right center;
    background-size: 8px;
}

.catalog ul li a:nth-child(2),
.catalog ul li a:nth-child(3) {
    background: url(../images/arrow2.png) no-repeat right center;
    background-size: 8px;
}

.container {
    width: 1600px;
    min-width: 320px;
    margin: auto;
}

.rackWor {
    padding: 0 0 50px 0
}

div.swiper-button-next,
div.swiper-button-prev {
    margin-top: -35px;
}

#dituContent {
    margin-left: 400px;
}


/*==公用↓==*/

.rack .border {
    border: 1px #ddd solid;
    overflow: hidden;
}

.pd50 {
    padding: 50px;
}

.pd50-b {
    padding-bottom: 200px
}

.rack {
    padding: 70px 0;
}

.rack .lefter {
    width: 16%;
}

.ln2 {
    margin-top: 30px;
}

.rack .righter {
    width: 82%;
    padding-bottom: 70px
}
.rack .righter img{
  max-width: 100%;
  width: 100%;
  height: 120px;
}

.effect-lower {
    position: relative;
}

.effect-lower .effect-lower-block {
    position: absolute;
    right: 0;
    top: 91px;
    width: 150px;
    line-height: initial;
    /* height:50px;*/
    display: block;
    border: 1px #ddd solid;
    padding: 10px 20px;
    z-index: 9;
    background: #fff;
    filter: alpha(opacity=0);
    transform-origin: 95% 0%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    transition: all 1s;
}

.effect-lower:hover .effect-lower-block {
    opacity: 1;
    transform: scale(1);
}


/*==顶部↓==*/

.head-top {
    padding: 10px 0;
    background: #f6f6f6;
}

.head-top p {
    color: #666666;
    font-size: 14px;
    float: left;
    line-height: 30px;
}

.txtMarquee-left {
    float: left;
    margin-top: 5px;
    width: 750px;
    height: 25px;
    position: relative;
    overflow: hidden;
}

.txtMarquee-left .tempWrap {
    width: 100% !important;
}

.txtMarquee-left ul {
    overflow: hidden;
    zoom: 1;
}

.txtMarquee-left ul li {
    margin-right: 20px;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: left;
    _display: inline;
    width: auto !important;
}


/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题*/

.txtMarquee-left ul li a {
    color: #666666;
    font-size: 14px;
    transition: all .4s ease-in-out;
}

.txtMarquee-left ul li a:hover {
    color: #21b7b6;
}

.head-top .right {}

.head-top .right .search {
    float: left;
    border-radius: 20px;
    /*! overflow:hidden;*/
    border: 1px #ddd solid;
    z-index: 99;
}

.head-top .right .search input {
    width: 200px;
    border: none;
    background: none;
    line-height: 30px;
    padding: 0 10px;
    float: left;
}

.head-top .right .search button {
    width: 50px;
    border: none;
    background: #21b7b6 url(../images/search_ico.png) no-repeat center;
    float: right;
    height: 30px;
    border-radius: 0 20px 20px 0px;
}

.head-top .right .search button:hover {
    background: #000 url(../images/search_ico.png) no-repeat center;
}

.searSelect {
    float: left;
    /*! width:71px;*/
    color: #333;
    padding: 0 30px 0 25px;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    border-left: 1px solid #ddd;
    /*! margin-left:-70px;*/
    text-align: left;
    z-index: 99;
}

.searSelect span {
    position: relative;
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 30px;
}

.searSelect span:before {
    /*! content:"";*/
    position: absolute;
    right: -17px;
    top: 8px;
    /*! width: 10px;*/
    /*! height: 10px;*/
    /*! color: #000;*/
    /*! z-index: 5;*/
}

.searSelect ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    text-align: center;
    width: 100%;
    display: none;
    border: 1px #ddd solid;
}

.searSelect ul li {
    line-height: 25px;
    border-top: 1px solid #f5f5f5;
    color: #666;
    font-size: 13px;
}

.head-top .right .tel {
    margin-left: 20px;
    float: left;
    color: #21b7b6;
    font-size: 22px;
    padding-left: 30px;
    background: url(../images/tel_ico.png) no-repeat left;
}

.head-top .right .block {
    float: left;
    padding-left: 15px;
    margin-left: 15px;
    line-height: 10px;
}

.head-top .right .block:hover b {
    color: #21b7b6;
}

.head-top .right .block:last-child {
    margin-left: 0px;
}

.head-top .right .block em {
    display: none;
    width: 30px;
    height: 30px;
    float: left;
}

.head-top .right .block b {
    display: block;
    float: right;
    line-height: 30px;
    font-weight: bold;
}

.head-top .right .br {
    border-left: 1px #ccc dotted;
}

.head-top .right .weixin em {
    background: url(../images/weixin_ico.png) no-repeat center;
}

.head-top .right .weibo em {
    background: url(../images/weibo_ico.png) no-repeat center;
}

.head-top .right .cn em {
    background: url(../images/cn_ico.png) no-repeat center;
}

.head-top .right .en em {
    background: url(../images/en_ico.png) no-repeat center;
}

.header {
    position: relative;
    padding: 6px 0 10px 0;
    height: 95px;
}

.header .container {
    position: relative;
    height: 100%;
}

.fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
}

.fixed-top .header {
    /*padding:7px 0;*/
}

.header .logo {
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .logo img {
    width: 100%;
}

.header .logo-2 {
    float: left;
    display: block;
    margin: 12px 0 0 10px;
}

.header .logo-2 img {
    width: 340px;
}

.header .nav {
    float: right;
    margin: 16px 0 0 0;
}

.header .nav li {
    float: left;
    padding-bottom: 18px;
}

.header .nav li a.navAone {
    position: relative;
    z-index: 2;
    display: block;
    color: #333;
    font-size: 18px;
    padding: 5px 24px;
    margin: 0 3px;
    border-radius: 20px;
    ;
    text-align: center;
    overflow: hidden
}

.header .nav li a.navAone:before {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #21b7b6;
    transition: all .4s ease-in-out;
    opacity: 0;
}

.header .nav li a.navAone span.sen {
    margin-top: -4px;
    display: block;
    color: #999;
    font-size: 12px;
    text-transform: capitalize;
}

.header .nav li:last-child a.navAone:before {
    opacity: 1;
}

.header .nav li:last-child a {
    color: #fff
}

.header .nav li:last-child a.navAone span.sen {
    color: #fff;
}

.header .nav li:hover a.navAone,
.header .nav li.active a.navAone {
    color: #fff;
}

.header .nav li:hover a.navAone:before,
.header .nav li.active a.navAone:before {
    opacity: 1;
}

.header .nav li:hover a.navAone span.sen,
.header .nav li.active a.navAone span.sen {
    color: #e3f3d7
}

.header .nav li.column {
    position: relative;
}

.header .nav .sub {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
}

.header .nav .subDown {
    display: none;
}

.header .nav .sub-1 .subDown {
    padding: 30px 30px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px #eee solid;
    background: #f5f5f5;
}

.header .nav .sub-1 {
    top: 111%;
    left: 10%;
    width: 80%;
}

.header .nav .sub-1 .left {
    float: left;
    width: 70%;
    padding-right: 50px;
}

.header .nav .sub-1 .left .box {
    float: left;
    width: 25%;
    padding-right: 50px;
}

.header .nav .sub-1 .pic {
    float: right: ;
    width: 30%;
}

.header .nav .sub-1 .left h3 {
    border-bottom: 1px #ddd solid;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.header .nav .sub-1 .left h3 a {
    position: relative;
    display: block;
    color: #282828;
    font-size: 16px;
    font-weight: bold;
}

.header .nav .sub-1 .left h3 a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 0%;
    height: 1px;
    background: #21b7b6;
    transition: all .4s ease-in-out;
}

.header .nav .sub-1 .left h3:hover a {
    color: #21b7b6
}

.header .nav .sub-1 .left h3:hover a:before {
    width: 50%;
}

.header .nav .sub-1 .left .navAthree {
    display: block;
    color: #282828;
    font-size: 14px;
    margin: 10px 0;
    transition: all .2s ease-in-out;
}

.header .nav .sub-1 .left .navAthree:hover {
    color: #21b7b6
}

.header .nav li:last-child .sub-2,
.header .nav li:nth-last-child(2) .sub-2 {}

.header .nav .sub-2 {
    width: 600px;
    height: 260px;
    margin-left: -450px;
    padding: 30px;
    border-bottom: 1px #eee solid;
    background: #f5f5f5;
}

.header .nav .sub-2 .left {
    float: left;
    width: 50%;
    padding-right: 50px;
}

.header .nav .sub-2 .left .box {
    float: left;
    width: 100%;
    /* padding-right:50px;*/
}

.header .nav .sub-2 .pic {
    float: right;
    width: 50%;
}

.header .nav .sub-2 .left h3 {
    border-bottom: 1px #ddd solid;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.header .nav .sub-2 .left h3 a {
    position: relative;
    display: block;
    color: #21b7b6;
    font-size: 16px;
    font-weight: bold;
}

.header .nav .sub-2 .left h3 a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 50%;
    height: 1px;
    background: #21b7b6;
    transition: all .4s ease-in-out;
}

.header .nav .sub-2 .left h3:hover a {
    color: #21b7b6
}

.header .nav .sub-2 .left h3:hover a:before {
    width: 50%;
}

.header .nav .sub-2 .left .navAthree {
    display: block;
    color: #282828;
    font-size: 14px;
    margin: 10px 0;
    transition: all .2s ease-in-out;
}

.header .nav .sub-2 .left .navAthree:hover {
    color: #21b7b6
}


/*==标题↓==*/

.titleAx {
    color: #191919;
    font-size: 42px;
    margin: 20px 0;
    text-align: center;
}

.titleAx font {
    color: #565656;
    font-size: 18px;
    display: block;
    margin: 5px 0;
    text-transform: capitalize;
}

.titleAx hr {
    display: table;
    margin: auto;
    border: none;
    width: 23px;
    height: 1px;
    background: url(../images/line01.png) no-repeat center;
}

.titleBx {
    margin-bottom: 20px;
    color: #333333;
    font-size: 20px;
    padding-left: 10px;
    background: url(../images/line05.jpg) no-repeat left;
}

.titleBx font {
    font-size: 12px;
    color: #888888
}

.titleCx {
    color: #333333;
    font-size: 20px;
    padding-left: 15px;
    background: url(../images/line03.jpg) no-repeat left;
}

.titleCx font {
    font-size: 12px;
    color: #888;
    margin-left: 5px;
}


/*==toneAx↓==*/

.toneAx {
    margin-top: 25px;
    text-align: center;
    border-bottom: 1px #ddd solid;
    padding-bottom: 20px;
}

.toneAx li {
    display: inline-block;
    border-right: 1px #ccc dotted;
    cursor: pointer;
    padding: 6px 0;
    margin: 4px;
    background: #c6c6c6;
}

.toneAx li a {
    position: relative;
    margin: 0 30px;
    font-size: 24px;
    color: #fff
}


/*.toneAx li:last-child{border:none}

.toneAx li a:before{opacity: 0;content: "";position: absolute;left:0;bottom:-25px;width:100%;height:3px;background: #21b7b6;transition: all .4s ease-in-out;}

.toneAx li.hit a:before{opacity: 1;}*/

.toneAx li.hit {
    background: #21b7b6;
}


/*==banner↓==*/

.bannerBox {}

.bannerBox .swiper-slide img {
    max-width: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.bannerBox .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bannerBox div.swiper-pagination {
    bottom: 25px;
}

.bannerBox .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    width: 10px;
    height: 10px;
    /* overflow:hidden;*/
    background: rgba(255, 255, 255, 0.5)
}

.bannerBox .swiper-pagination .swiper-pagination-bullet-active {
    width: 25px;
    height: 10px;
    border-radius: 20px;
    background: #fff;
    /* margin-top:-11px;*/
}


/*==首页服务项目↓==*/

.HomeService {
    padding: 40px 0 20px 0;
    background: url(../images/hrBg.jpg) no-repeat center;
}

.HomeService .down {
    padding: 70px 0 10px 0;
    overflow: hidden;
}

.HomeService .list {}

.HomeService .list li {
    float: left;
    width: 16%;
    margin-bottom: 50px;
    text-align: center;
}

.HomeService .list li span {
    position: relative;
    z-index: 2;
    display: block;
    width: 110px;
    height: 110px;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    transition: all .4s ease-in-out;
}

.HomeService .list li span em {
    content: "";
    position: absolute;
    left: 11px;
    top: 11px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    transition: all .6s ease-in-out;
    background-position: -2px 14px;
    /*! background: #000;*/
    background-repeat: no-repeat;
}

.HomeService .list li span em:before {
    opacity: 0;
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #21b7b6;
    transition: all .4s ease-in-out;
}

.HomeService .list li h5 {
    color: #000;
    font-size: 18px;
    margin-top: 10px;
}

.HomeService .list li:hover em {
    background-position: -2px -82px
}

.HomeService .list li:hover span {
    border: 1px #21b7b6 solid;
}

.HomeService .list li:hover em:before {
    opacity: 1
}


/*.HomeService .list li.x1 em:before{background: url(../images/hsIco01.png) no-repeat -3px 8px;}

.HomeService .list li.x2 em:before{background: url(../images/hsIco02.png) no-repeat -3px 8px;}

.HomeService .list li.x3 em:before{background: url(../images/hsIco03.png) no-repeat -3px 8px;}

.HomeService .list li.x4 em:before{background: url(../images/hsIco04.png) no-repeat -3px 8px;}

.HomeService .list li.x5 em:before{background: url(../images/hsIco05.png) no-repeat -3px 8px;}

.HomeService .list li.x6 em:before{background: url(../images/hsIco06.png) no-repeat -3px 8px;}

.HomeService .list li.x7 em:before{background: url(../images/hsIco07.png) no-repeat -3px 8px;}

.HomeService .list li.x8 em:before{background: url(../images/hsIco08.png) no-repeat -3px 8px;}

.HomeService .list li.x9 em:before{background: url(../images/hsIco09.png) no-repeat -3px 8px;}

.HomeService .list li.x10 em:before{background: url(../images/hsIco10.png) no-repeat -3px 8px;}

.HomeService .list li.x11 em:before{background: url(../images/hsIco11.png) no-repeat 0px 8px;}

.HomeService .list li.x-more em:before{background: url(../images/hsIco12.png) no-repeat -3px 8px;}

.HomeService .list li.x1:hover em:before{background:#21b7b6 url(../images/hsIco01.png) no-repeat -3px -63px;}

.HomeService .list li.x2:hover em:before{background:#21b7b6 url(../images/hsIco02.png) no-repeat -3px -63px;}

.HomeService .list li.x3:hover em:before{background:#21b7b6 url(../images/hsIco03.png) no-repeat -3px -61px;}

.HomeService .list li.x4:hover em:before{background:#21b7b6 url(../images/hsIco04.png) no-repeat -3px -63px;}

.HomeService .list li.x5:hover em:before{background:#21b7b6 url(../images/hsIco05.png) no-repeat -3px -64px;}

.HomeService .list li.x6:hover em:before{background:#21b7b6 url(../images/hsIco06.png) no-repeat -3px -63px;}

.HomeService .list li.x7:hover em:before{background:#21b7b6 url(../images/hsIco07.png) no-repeat -3px -63px;}

.HomeService .list li.x8:hover em:before{background:#21b7b6 url(../images/hsIco08.png) no-repeat -3px -63px;}

.HomeService .list li.x9:hover em:before{background:#21b7b6 url(../images/hsIco09.png) no-repeat -3px -63px;}

.HomeService .list li.x10:hover em:before{background:#21b7b6 url(../images/hsIco10.png) no-repeat -3px -63px;}

.HomeService .list li.x11:hover em:before{background:#21b7b6 url(../images/hsIco11.png) no-repeat 0px -70px;}

.HomeService .list li.x-more:hover em:before{background:#21b7b6 url(../images/hsIco12.png) no-repeat -3px -63px;}*/


/*==首页图片切换↓==*/

.HomeStrength {
    padding: 30px 0 70px 0;
}

.HomeStrength .down {
    padding-top: 60px;
    height: 412px;
    overflow: hidden;
}

.scrollBox {
    margin: 0px auto 20px;
    width: 100%;
    text-align: center;
    padding: 0 0px 0px 0;
    position: relative;
}

.scrollBox .bd li {
    width: 20%;
    float: left;
    font-size: 14px;
    /*! margin-top: 10px;*/
}

.scrollBox .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 15px;
    display: block;
}

.scrollBox .bd li h4 {
    height: 40px;
    color: #666666;
    font-size: 14px;
    padding: 20px 0 0 0;
    text-align: center
}

.scrollBox .bd li img {
    width: auto;
    max-width: 100%;
    height: 205px;
    margin: auto;
    display: block;
    /*! padding:5px;*/
    /*! box-shadow: 0 0 10px #999;*/
    /*! background: #fff url(images/loading.gif) #fff center center no-repeat;*/
}

.scrollBox .bd li .pic {
    /*! box-shadow: 0 0 10px #ccc;*/
    border: 3px #e1e1e1 solid;
    background: #fff
}

.scrollBox .bd li:hover h4 {
    color: #21b7b6
}

.scrollBox .hd {
    /*! height:20px;*/
    /*! overflow:hidden;*/
    font-size: 0;
}

.scrollBox .hd ul {
    display: none;
    padding-top: 5px;
}

.scrollBox .hd li {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #D0D0D0;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollBox .hd .on {
    background: #BA2636;
}

.scrollBox .prev,
.scrollBox .next {
    position: absolute;
    left: 0px;
    top: 35%;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    vertical-align: top;
    color: #21b7b6;
    /*! border-radius: 50%;*/
    cursor: pointer;
    font-size: 40px;
    /*! background: #cfcfcf*/
}

.scrollBox .next {
    right: 0;
    left: auto;
}

.scrollBox .prev:hover,
.scrollBox .next:hover {
    color: #000
}

.scrollBox .bd ul {
    padding: 0 50px;
    overflow: hidden;
}

.scrollBoxPic-2 .bd li a {
    margin: 0 5px;
}

.scrollBoxPic-2 .bd li .pic {}


/*==了解详情↓==*/

.moreAx {
    display: table;
    margin: 40px auto 0;
    position: relative;
    color: #484848;
    font-size: 14px;
    padding: 10px 50px;
    text-align: center;
    border: 1px #aaa solid;
    border-radius: 20px;
}

.moreAx:before {
    content: "";
    position: absolute;
    top: 45%;
    right: 25px;
    width: 9px;
    height: 5px;
    background: url(../images/line02.png) no-repeat -11px 0;
    transition: all .4s ease-in-out;
}

.moreAx:hover {
    color: #fff;
    border: 1px #43a401 solid;
    background: #43a401;
}

.moreAx:hover:before {
    background-position: 0 0;
}


/*==首页关于我们↓==*/

.HomeAbout {
    background: #f2f2f2 url(../images/HomeAboutBg.jpg) no-repeat center top;
    padding: 50px 0 300px 0;
    height: ;
    position: relative;
    margin-bottom: 200px;
}

.HomeAbout .container {
    position: relative;
    /*! overflow: hidden;*/
}

.HomeAbout h3.title {
    display: table;
    margin: auto;
    color: #21b7b6;
    font-size: 26px;
    font-weight: bold;
    padding-left: 50px;
    background: url(../images/logo2.png) no-repeat left
}

.HomeAbout .wx {
    margin: 50px 0 100px 0;
    color: #333333;
    font-size: 16px;
    padding: 0 150px;
    text-align: left;
    line-height: 25px;
    text-indent: 2em;
}

.HomeAbout .frame {
    margin: 70px 0 0 0;
    position: absolute;
    border: ;
    bottom: -478px;
    left: 0;
    /*! opacity: 0.5;*/
}

.HomeAbout .frame li {
    float: left;
    width: 25%;
    padding: 50px 50px;
    height: 380px;
}

.HomeAbout .frame li h3 {
    color: #fff;
    font-size: 28px;
    padding-left: 85px;
    transition: all .4s ease-in-out;
    background-repeat: no-repeat;
    background-position: left
}

.HomeAbout .frame li h3 a {
    color: #fff;
    font-size: 28px;
}

.HomeAbout .frame li h3:hover a {
    color: #eee;
}

.HomeAbout .frame li h3 font {
    display: block;
    font-size: 20px;
    margin: 10px 0;
    font-family: Arial;
    text-transform: capitalize;
}

.HomeAbout .frame li h3 hr {
    display: block;
    width: 10px;
    height: 1px;
    background: #fff;
    margin: 0px;
    border: none;
}

.HomeAbout .frame li p {
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
    padding-left: 85px;
    line-height: 25px;
}

.HomeAbout .frame li.x1 {
    background: #21b7b6 url(../images/bg101.png) no-repeat left bottom;
}

.HomeAbout .frame li.x2 {
    background: #5fab2c url(../images/bg102.png) no-repeat left bottom;
}

.HomeAbout .frame li.x3 {
    background: #58a326 url(../images/bg103.png) no-repeat left bottom;
}

.HomeAbout .frame li.x4 {
    background: #519921 url(../images/bg101.png) no-repeat left bottom;
}

.HomeAbout .frame li.x1 h3 {
    background-image: url(../images/ico102.png);
}

.HomeAbout .frame li.x2 h3 {
    background-image: url(../images/ico103.png);
}

.HomeAbout .frame li.x3 h3 {
    background-image: url(../images/ico104.png);
}

.HomeAbout .frame li.x4 h3 {
    background-image: url(../images/ico105.png);
}


/*==计算↓==*/

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

.digital li {
    display: inline-block;
    border-right: 1px #ccc dotted;
    color: #000;
    padding: 0 50px;
}

.digital li:last-child {
    border: none
}

.digital li span {
    display: table-cell;
    color: #43a401;
    font-size: 70px;
    font-weight: bold
}

.digital li font {
    display: table-cell;
    vertical-align: top;
    padding-top: 20px;
}

.digital li b {
    clear: both;
    display: block;
    color: #191919;
    font-size: 16px;
}


/*==首页新闻↓==*/

.HomeArticle {
    margin: 40px 0 70px 0;
}

.HomeArticle .down {
    margin-top: 60px;
    height: 530px;
    overflow: hidden;
}

.HomeArticle .focusNews {
    position: relative
}

.HomeArticle .focusNews {
    width: 55%;
    padding-right: 50px;
}

.HomeArticle .focusNews .list {
    /*! margin-right:3%;*/
}

.HomeArticle .focusNews .list li {
    width: 100%;
    /*! padding-right: 30px;*/
    float: left;
    position: relative;
}

.HomeArticle .focusNews .list li a {
    display: block
}

.HomeArticle .focusNews .list li .pic {
    position: relative;
}

.HomeArticle .focusNews .list li .pic img {
    height: 500px
}

.HomeArticle .focusNews .list li .pic .time {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    padding: 15px 20px;
}

.HomeArticle .focusNews .list li .pic .time font {
    display: block;
    font-size: 12px;
}

.HomeArticle .focusNews .list li h4 {
    margin-top: 20px;
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
    width: 100%;
    padding: 20px 20px;
}

.HomeArticle .focusNews .list li p {
    margin: 17px 0;
    color: #666666;
    font-size: 12px;
}

.HomeArticle .focusNews .list li b {
    color: #666666
}

.HomeArticle .focusNews .spot {
    position: absolute;
    right: 60px;
    bottom: 25px;
    float: right;
    z-index: 9;
    cursor: pointer;
}

.HomeArticle .focusNews .spot li {
    float: left;
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 50%;
    font-size: 0px;
    margin: 0 5px;
}

.HomeArticle .focusNews .spot li.on {
    background: #21b7b6;
}

.HomeArticle .list-top {}

.HomeArticle .list-top .one {
    /*! margin-right:3%;*/
}

.HomeArticle .list-top .one {
    width: 55%;
    padding-right: 30px;
    float: left;
}

.HomeArticle .list-top .one .pic {
    position: relative;
}

.HomeArticle .list-top .one .pic .time {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    padding: 15px 20px;
}

.HomeArticle .list-top .one .pic .time font {
    display: block;
    font-size: 12px;
}

.HomeArticle .list-top .one h4 {
    margin-top: 20px;
    color: #191919;
    font-size: 16px;
}

.HomeArticle .list-top .one p {
    margin: 17px 0;
    color: #666666;
    font-size: 12px;
}

.HomeArticle .list-top .one b {
    color: #666666
}

.HomeArticle .list-top .two {
    float: left;
    width: 45%;
    padding: 10px 0 50px 0;
    margin-bottom: 40px;
    border-bottom: 1px dotted #bbb;
}

.HomeArticle .list-top .two .time {
    color: #333333;
    font-size: 52px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 35px;
    /*! margin-top: 5px;*/
}

.HomeArticle .list-top .two .time font {
    display: block;
    font-size: 12px;
}

.HomeArticle .list-top .two h4 {
    font-size: 18px;
    color: #333333;
    /*! margin-top: 5px;*/
}

.HomeArticle .list-top .two p {
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
}

.HomeArticle .list-top li:hover h4,
.HomeArticle .list-top li:hover b {
    color: #21b7b6
}

.list-newsTwo {}

.list-newsTwo li {
    float: left;
    width: 18%;
    margin: 0 1% 20px 1%;
    text-align: center;
}

.list-newsTwo li .pic {}

.list-newsTwo li .pic img {
    max-width: 100%;
}

.list-newsTwo li h4 {
    color: #333;
    font-size: 16px;
    margin-top: 25px;
}

.list-newsTwo li span {
    color: #666;
    font-size: 12px;
}

.list-newsTwo li a.more {
    display: table;
    margin: 22px auto 0;
    color: #21b7b6;
    font-size: 12px;
    border: solid #21b7b6 1px;
    padding: 5px 15px;
    border-radius: 20px;
}

.list-newsTwo li a.more:hover {
    color: #fff;
    background: #21b7b6
}


/*==服务项目↓==*/

.service-1 {}

.list-service {
    border: 1px #eeeeee solid;
    overflow: hidden;
}

.list-service li {
    float: left;
    width: 49%;
    border-bottom: 1px #eeeeee solid;
    overflow: hidden;
}

.list-service li:nth-child(even) {
    border-left: 1px #eee solid
}

.list-service li span {
    float: left;
    width: 36%;
    text-align: center;
    display: block;
}

.list-service li span em {
    display: block;
    margin: auto;
    width: 70px;
    height: 65px;
    background-position: -9px 1px;
    background-repeat: no-repeat;
}

.list-service li p {
    float: left;
    color: #888888;
    padding: 35px 20px 35px 20px;
    font-size: 13px;
    border-left: 1px #eeeeee solid;
    width: 64%;
    line-height: 25px;
    height: 126px;
    overflow: hidden
}

.list-service li p b {
    color: #333333;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

.list-service li.f-em span {
    display: none !important
}

.list-service li .shop {
    float: right;
    padding: 35px 30px 35px 10px;
    display: block;
    color: #21b7b6;
    font-size: 16px;
}

.list-service li .shop:hover {
    color: #f60
}

.list-service li:hover p b {
    color: #21b7b6
}


/*==项目详情↓==*/

.ProductDetailBox {}

.ProductDetailBox .long {
    margin: 20px 0 50px 0;
    overflow: hidden;
}

.ProductDetailBox .conBox {
    float: left;
    width: 84%;
    border-right: 1px #ddd solid
}

.ProductDetailBox .conBox img {
    max-width: 100%;
}

.ProductDetailBox .conBox .wx img {
    max-width: 100%
}

.ProductDetailBox .point {
    float: right;
    width: 16%;
    padding-top: 50px;
}

.ProductDetailBox .point a {
    position: relative;
    display: block;
    color: #666666;
    font-size: 14px;
    margin: 20px 0;
    padding-left: 65px;
}

.ProductDetailBox .point a:before,
.ProductDetailBox .point a:after {
    content: "";
    position: absolute;
    left: -6px;
    top: 5px;
    background: #ebebeb;
    transition: all .4s ease-in-out;
}

.ProductDetailBox .point a:before {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.ProductDetailBox .point a:after {
    width: 35px;
    height: 1px;
    top: 11px;
}

.ProductDetailBox .point a:hover {
    color: #21b7b6
}

.ProductDetailBox .point a:hover:before,
.ProductDetailBox .point a:hover:after {
    background: #21b7b6
}

.ProductDetailBox .point .fixedBoxA2 {
    position: fixed;
    top: 150px;
}

.ProductDetailBox .conBox .process {}

.ProductDetailBox .conBox .process li {
    position: relative;
    float: left;
    width: 80px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    background: #21b7b6;
    line-height: 80px;
    margin-right: 49px;
    text-align: center;
    margin-bottom: 10px;
}

.ProductDetailBox .conBox .process li:before {
    content: "";
    position: absolute;
    top: 45%;
    right: -30px;
    width: 14px;
    height: 13px;
    background: url(../images/line03.png) no-repeat center;
}

.ProductDetailBox .conBox .process li:last-child:before {
    display: none;
}

.ProductDetailBox .conBox .process li:last-child {
    margin-right: 0px;
}

.ProductDetailBox .conBox .shoping {
    width: 100%;
    margin-top: 20px;
    display: table;
}

.ProductDetailBox .conBox .shoping img {
    width: 100%;
    display: table-cell;
}

.ProductDetailBox .conBox .shoping .right {
    width: 40%;
    background: #21b7b6;
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
    empty-cells: ;
    text-align: center;
}

.ProductDetailBox .conBox .shoping .right a {
    display: inline-block;
    color: #666666;
    font-size: 16px;
    padding: 15px 30px 15px 40px;
    border: 1px #ddd solid;
    border-radius: 25px;
    background: #fff;
    margin: 0 0.5% 5px 0.5%;
    /*! width: 49%;*/
    /*! float: left;*/
}

.ProductDetailBox .conBox .shoping .right a.tb {
    background: #fff url(../images/tbIco.jpg) no-repeat 15px 17px;
}

.ProductDetailBox .conBox .shoping .right a.albb {
    background: #fff url(../images/albbIco.jpg) no-repeat 15px 17px;
}

.ProductDetailBox .conBox .shoping .right a.jd {
    background: #fff url(../images/jdIco.jpg) no-repeat 15px 17px;
}

.ProductDetailBox .conBox .shoping .right a.tm {
    background: #fff url(../images/tbIco.jpg) no-repeat 15px 17px;
}

.ProductDetailBox .conBox .shoping .right a:hover {
    color: #f60
}

.ProductDetailBox .conBox .AppPro {}

.ProductDetailBox .conBox .AppPro table td {
    padding: 5px 10px;
}


/*.ProductDetailBox .conBox .AppPro a{position: relative;display: block;color:#666666;margin:12px 0;font-size:13px;padding-left: 17px;transition: all .4s ease-in-out;}*/

.ProductDetailBox .conBox .AppPro a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    background: #21b7b6;
}

.ProductDetailBox .conBox .AppPro a:hover {
    color: #21b7b6;
    text-decoration: underline
}

.ProductDetailBox .conBox .DnPr {}


/*.ProductDetailBox .conBox .DnPr .tip{}

.ProductDetailBox .conBox .DnPr .tip span{float:left;width:33.3%;color:#fff;font-size:13px;padding:15px 10px;text-align: center;background: #21b7b6;border-right: 1px #eee solid;}*/

.ProductDetailBox .conBox .DnPr table tr:nth-child(1) {
    background: #21b7b6;
}

.ProductDetailBox .conBox .DnPr table tr:nth-child(1) td {
    color: #fff
}

.ProductDetailBox .conBox .DnPr table td {
    color: #666666;
    font-size: 13px;
    padding: 15px 10px;
    text-align: center;
    width: 33.3%;
    vertical-align: middle;
}


/*==新闻↓==*/

.NewsListBox {}

.list-news {}

.list-news li {
    width: 100%;
    clear: both;
    margin: 0 0 20px 0;
}

.list-news li a {
    display: block;
    border: 1px #ddd solid;
    overflow: hidden;
    padding-right: 30px;
}

.list-news li.two a {
    padding: 10px 20px 15px 35px;
}

.list-news li .pic {
    width: 25%;
    margin-right: 50px;
    float: left;
    /*! overflow: hidden;*/
}

.list-news li h4 {
    color: #333333;
    font-size: 18px;
    margin: 25px 0 5px 0;
}

.list-news li .time-one {
    color: #333333;
    font-size: 52px;
    text-align: center;
    float: left;
    margin: 45px 40px 15px 0;
    /*! margin-top: 5px;*/
    height: 100%;
}

.list-news li .time-one font {
    display: block;
    font-size: 12px;
}

.list-news li .time-two {
    display: block;
    font-size: 12px;
    color: #666;
}

.list-news li p {
    color: #666;
    font-size: 14px;
    display: block;
    margin: 15px 0px 10px 0;
    line-height: 22px;
}

.list-news li .txt2 {
    display: none
}

.list-news li em {
    position: relative;
    float: right;
    display: inline-block;
    /*! margin-top:30px;*/
    border: 1px #ddd solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all .4s ease-in-out;
}

.list-news li em:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 17px;
    width: 9px;
    height: 5px;
    background: url(../images/line02.png) no-repeat -11px 0;
    transition: all .4s ease-in-out;
}

.list-news li:hover em:before {
    background-position: 0 0;
}

.list-news li:hover em {
    border: 1px #21b7b6 solid;
    background: #21b7b6;
}

.list-news li:hover h4 {
    color: #21b7b6
}


/*==新闻详情↓==*/

.ArticleDetail {}

.ArticleDetail .titleAD {
    color: #333333;
    font-size: 24px;
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px #ddd solid
}

.ArticleDetail .titleAD font {
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 5px;
}

.NewsDetailBox .bigbox {
    /*! padding:0 30px;*/
    overflow: hidden;
}

.NewsDetailBox .wx {
    padding: 40px 50px;
    color: #000;
}


/*==分页栏↓==*/

.pagIng {
    float: left;
    width: 100%;
    border-top: 1px #ddd solid;
    padding: 30px 50px;
}

.pagIng a {
    color: #666;
    font-size: 13px;
}

.pagIng a:hover {
    color: #21b7b6
}

.pagIng .prev {
    margin-right: 50px;
}

.pagIng .return {
    color: #21b7b6;
    display: table;
    /*! float: none;*/
    border-left: 1px #ddd solid;
    padding: 0 20px 0 100px;
}

.pagIng .return:hover {
    text-decoration: underline
}


/*==新闻详情↓==*/

.TrainDetailBox {}


/*新闻推荐*/

.relaNews {
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 30px 50px;
}

.relaNews ul li {
    float: left;
    width: 50%;
    padding-right: 5%;
    line-height: 34px;
}

.relaNews ul li h4 {
    width: 65%;
    font-size: 14px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relaNews ul li span {
    float: right;
    font-size: 14px;
    color: #939393;
}

.leftrelaNews {
    padding: 20px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #ddd;
}

.leftrelaNews ul li {
    width: 100%;
    padding-right: 0;
    line-height: 30px;
}

.leftrelaNews ul li h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}


/*==留言↓==*/

.sheet {
    padding: 50px 60px 70px 60px;
}

.sheet .wor {
    margin-bottom: 30px;
}

.sheet input,
.sheet textarea {
    border: 1px #ddd solid;
    line-height: 40px;
    padding: 5px 20px;
    margin: 0 0 20px 0;
}

.sheet .mr {
    margin-left: 1.5%;
}

.sheet .in-1 {
    width: 49%;
}

.sheet .in-2 {
    width: 100%;
}

.sheet textarea {
    height: 150px;
    width: 99.7%;
}

.sheet button {
    padding: 15px 50px;
    color: #fff;
    font-size: 18px;
    border: none;
}

.sheet .submit {
    background: #21b7b6;
}

.sheet .reset {
    background: #8f8f8f;
    margin-left: 5px;
}

.sheet button:hover {
    background: #333
}

.sheet span {
    position: relative;
}

.sheet span:after {
    content: "*";
    position: absolute;
    color: red;
    font-size: 1em;
    left: 1.6%;
    top: 4%;
}

.sheet span.two:after {
    left: 4.6%;
}

.sheet .three {
    position: relative;
}

.sheet .three:after {
    content: "*";
    position: absolute;
    color: red;
    font-size: 1em;
    left: 0.9%;
    top: 9%;
}


/*==图片列表↓==*/

.PicListBox {}

.PicListBox .list {}

.PicListBox .list li {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    background: #f3f3f3;
    overflow: hidden;
}

.PicListBox .list li.one .pic {
    float: left
}

.PicListBox .list li.one .box {
    float: right;
}

.PicListBox .list li.two .pic {
    float: right
}

.PicListBox .list li.two .box {
    float: left
}

.PicListBox .list li .pic {
    width: 50%;
}

.PicListBox .list li .pic img {
    max-width: 100%;
}

.PicListBox .list li .box {
    padding: 70px 70px 0 70px;
    width: 50%;
}

.PicListBox .list li .box h4 {
    color: #333333;
    font-size: 20px;
}

.PicListBox .list li .box h4 font {
    color: #888888;
    font-size: 12px;
}

.PicListBox .list li .box p {
    margin: 25px 0 20px 0;
    color: #888888;
    font-size: 14px;
    line-height: 25px;
}

.PicListBox .list li em {
    position: relative;
    display: inline-block;
    /*! margin-top:30px;*/
    border: 1px #ddd solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all .4s ease-in-out;
}

.PicListBox .list li em:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 17px;
    width: 9px;
    height: 5px;
    background: url(../images/line02.png) no-repeat -11px 0;
    transition: all .4s ease-in-out;
}

.PicListBox .list li:hover em:before {
    background-position: 0 0;
}

.PicListBox .list li:hover em {
    border: 1px #21b7b6 solid;
    background: #21b7b6;
}

.PicListBox .list li:hover h4 {
    color: #21b7b6
}


/*==图片详情↓==*/

.PicShowBox {}

.PicShowBox .wor {
    margin-top: 20px;
}


/*==证书查询↓==*/

.query-certificate {}

.query-certificate .border {}

.query-certificate p {}

.query-certificate .long {
    margin-top: 55px;
    overflow: hidden;
}

.query-certificate .long input {
    float: left;
    width: 40%;
    margin-right: 1.5%;
    line-height: 45px;
    padding: 5px 20px;
    border: 1px #ccc solid;
    border-radius: 5px;
}

.query-certificate .long button {
    float: left;
    color: #fff;
    font-size: 18px;
    padding: 5px 50px;
    line-height: 45px;
    background: #21b7b6;
    border: none;
    border-radius: 5px;
    width: 15%;
}

.query-certificate .long button:hover {
    background: #333
}


/*==查询进度↓==*/

.result-certificate {}

.result-certificate .list {
    border: 1px #ddd solid
}

.result-certificate .list li {
    clear: both;
    width: 100%;
    /*! border-bottom: 1px #ddd solid;*/
    overflow: hidden;
}

.result-certificate .list li:nth-child(even) {
    background: #eeeeee;
}

.result-certificate .list li span {
    float: left;
    display: block;
    padding: 25px 20px;
    color: #888888;
    font-size: 16px;
    text-align: center;
    width: 50%;
}

.result-certificate .list li span:last-child {
    border-left: 1px #ddd solid
}

.result-certificate .list li.testing span {
    color: #fff;
    background: #21b7b6;
}

.result-certificate .list li span font {
    border: 1px #888 solid;
    margin: -2px 0 0 0;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
    width: 19px;
    line-height: 18px;
    text-align: center
}


/*==关于↓==*/

.AboutBox {
    margin: 0 0 70px 0;
    padding: 0px;
}

.AboutBox .suzhouintr {
    padding: 70px 0 0 0 ! important;
}

.AboutBox .introduction {
    position: relative;
    padding: 70px 0 20px 0;
    z-index: 2;
}

.AboutBox .introduction:before,
.AboutBox .introduction:after {
    position: absolute;
    content: "";
    z-index: -1;
}

.AboutBox .introduction:before {
    top: 0;
    right: 0;
    background: url(../images/lineAb01.png) no-repeat right;
    width: 700px;
    height: 115px;
}

.AboutBox .introduction:after {
    left: 0;
    bottom: 0;
    background: url(../images/lineAb02.png) no-repeat right;
    width: 697px;
    height: 115px;
}

.AboutBox .introduction .wx {
    margin: 50px 0;
    /*! color:#66666;*/
    font-size: 14px;
    color: #666666;
    line-height: 25px;
    text-indent: 2em
}

.AboutBox .standard {
    background: #f0f0f0;
}

.AboutBox .standard .long {
    height: 500px;
}

.AboutBox .standard .pic {
    position: relative;
    width: 50%
}

.AboutBox .standard .pic img {
    position: absolute;
    top: 0;
}

.AboutBox .standard .box {
    width: 50%;
    padding: 100px;
}

.AboutBox .standard .box h3 {
    color: #21b7b6;
    font-size: 30px;
    padding-left: 10px;
    background: url(../images/line03.jpg) no-repeat left;
}

.AboutBox .standard .box p {
    margin: 50px 0 0 0;
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

.AboutBox .standard .lg-1 {
    background: url(../images/lineAb03.png) no-repeat right;
}

.AboutBox .standard .lg-2 {
    background: url(../images/lineAb04.png) no-repeat left;
}

.AboutBox .standard .lg-1 .pic img {
    right: 0
}

.AboutBox .standard .lg-2 .pic {
    left: 0
}

.AboutBox .Global {
    margin: 10px 0 10px 0 ! important;
}

.AboutBox .culture {
    margin: 70px 0 50px 0;
}

.AboutBox .culture ul {
    margin-top: 40px;
}

.AboutBox .culture li {
    float: left;
    width: 33.3%
}

.AboutBox .culture li a {
    display: block;
    margin: 0 10px;
    border: 1px #ddd solid
}

.AboutBox .culture li .pic {}

.AboutBox .culture li .pic img {
    max-width: 100%
}

.AboutBox .culture li .box {
    padding: 50px
}

.AboutBox .culture li .box h3 {
    font-size: 24px;
    color: #333333
}

.AboutBox .culture li .box p {
    height: 125px;
    margin-top: 30px;
    font-size: 14px;
    color: #666666;
    line-height: 25px;
}


/*==招聘↓==*/

.joinBox .wx {
    margin: 0 0 50px 0;
}

.join_box {
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
}

.join_box .list-join {
    border: 1px #ddd solid;
    background: #f9f9f9;
    width: 100%;
}

.join_box .list-join .top {
    background: #ededed
}

.join_box .list-join li {
    border-bottom: 1px #e9e9e9 solid;
    display: table;
    width: 100%;
    text-align: center;
}

.join_box .list-join li b {
    display: table;
    width: 100%;
    cursor: pointer;
}

.join_box .list-join li span {
    display: table-cell;
    width: 25%;
    border-right: 1px #e9e9e9 solid;
    padding: 15px 10px;
    color: #333;
    font-size: 14px;
    visibility: ;
    vertical-align: middle;
}

.join_box .list-join li span:last-child {
    border-right: none;
}

.join_box .list-join li .title {
    text-align: left;
    padding-left: 30px;
    font-size: 15px;
}

.join_box .list-join li .title em {
    margin-right: 15px;
    transform: rotate(0deg);
    display: inline-block;
}

.join_box .list-join li.act b {
    background: #aaafb0
}

.join_box .list-join li.act span {}

.join_box .list-join li.act .title em {
    color: #fff;
    transform: rotate(90deg);
}

.join_box .list-join .box {
    display: none;
    border-top: 1px #e9e9e9 solid;
    text-align: left;
    padding: 25px 50px;
    line-height: 25px;
    color: #666;
    font-size: 14px;
}

.join_box .list-join .box h4 {
    color: #666;
    margin: 20px 0 10px 0;
    color: #333;
    font-weight: bold;
}

.join_box .list-join .onlineJob {
    margin: 15px 0 0 0;
}

.join_box .list-join .onlineJob a {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding-left: 15px;
    margin: 0 15px 0px 0;
    background: url(../images/Arrow01.png) no-repeat left
}

.join_box .list-join .onlineJob a:hover {
    color: #21b7b6;
}


/*.join_box ul{padding:0px}

.join_box ul li{float:left;width:100%;background:#f9f9f9;border:1px #eee solid;padding:5px 20px 0px 20px;margin:0 0 30px 0;}

.join_box ul li.act{padding:20px 20px 50px 20px;}

.join_box ul li .long{display: none}

.join_box h3{float:left;padding:10px;font-size:20px;font-weight:400;color:#555;width:100%;cursor: pointer;transition: all .4s ease-in-out;}

.join_box h3 em{margin-right:5px;font-size:40px;color:#666}

.join_box h3 span{float:right;font-size:14px;margin-top:22px;}

.join_box h3 font{font-size:12px;}

.join_box li a span{float:left;padding:7px 15px;}

.join_box li a b{float: right;background:#666;line-height:35px;height:100%;color:#fff;padding:0px 10px;border-radius: 0px 8px 8px 0;}

.join_box .box{float:left;width:100%;border-top:1px #ddd solid;margin:20px 0 10px 0;padding:10px 0 0px 0;}

.join_box .box b{float:left;width:100%;margin:0 0 10px 0;font-size: 16px;font-weight: bold;}

.join_box .box p{float:left;width:100%;color:#777;font-size:14px;line-height:27px;}

.join_box .sbox{float:left;width:50%;padding:10px 20px 10px 20px}

.join_box .down{margin-left:20px;color:#000;font-size:14px;margin-top:10px;padding-top:10px;border-top: 1px #ddd dashed ;}

.join_box .down span{color:#666;}

.join_box .down a{float:left;margin-top:10px;background:#666;color:#fff;border-radius:10px;padding:10px 25px;font-size:14px;text-align:center}

.join_box .down a:hover{background:#21b7b6;}*/


/*==左侧↓==*/

.leftNav {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.leftNav h2 {
    color: #fff;
    padding: 12px 20px;
    font-size: 24px;
    background: #21b7b6;
}

.leftNav h2 em {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/ico101.png) no-repeat center;
    left: ;
    margin-top: 6px;
}

.leftNav ul li {
    margin-top: 5px;
    color: ;
    clear: both;
    overflow: hidden;
}

.leftNav ul li h3 {
    padding: 12px 30px;
    background: #eeeeee;
    display: block;
}

.leftNav ul li h3 a {
    color: #333333;
    font-size: 14px;
}

.leftNav ul li h3 em {
    float: right;
    width: 7px;
    height: 9px;
    background: url(../images/Arrow01.png) no-repeat center;
    margin-top: 5px;
}

.leftNav ul li:hover h3 em,
.leftNav ul li.active h3 em {
    transform: rotate(90deg);
    background: url(../images/Arrow01.png) no-repeat center;
}

.leftNav ul li .sonNavContent {
    display: none;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
}

.leftNav ul li.active .sonNavContent {
    display: block
}


/*.leftNav ul li .sonNavContent a.lTwo{position: relative;display: block;clear: both;color:#666;font-size:14px;padding:13px 20px 13px 30px;border-bottom:1px #ddd solid;}*/

.leftNav ul li a {
    position: relative;
}

.leftNav .line {
    position: relative;
}

.leftNav .line:before {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    z-index: 9;
    background: #21b7b6;
    transition: all .4s ease-in-out;
}

div.leftNav .line:hover,
div.leftNav .line:hover a,
.leftNav .line.active a {
    color: #21b7b6;
}

.leftNav .line:hover:before,
.leftNav .line.active:before {
    opacity: 1
}


/*.leftNav ul li .sonNavContent a:last-child{border:none}*/

.leftNav .Ntwo h4 i {
    float: right;
    font-style: normal;
    color: #ddd;
    border: 1px #ddd solid;
    width: 18px;
    line-height: 15px;
    padding: 1px 3px;
}

.leftNav .Ntwo h4 em {
    position: relative;
    /*! left:20px;*/
    /*! top:20px;*/
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
    float: left;
    /*! display: inline-block;*/
    margin: 8px 15px 0 0;
}

.leftNav .Ntwo h4 em:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px #ddd solid;
}

.leftNav ul li .lThree {
    display: block;
    clear: both;
    color: #666;
    font-size: 13px;
    padding: 9px 20px 9px 60px;
    border-bottom: 1px #ddd solid;
}

.leftNav .Ntwo .active h4.line a.lTwo {
    color: #21b7b6;
}

.leftNav .Ntwo .active h4.line:before {
    opacity: 1
}

.leftNav .Ntwo .active .Nthree {
    display: block
}

.leftNav ul li .lThree.active {
    color: #21b7b6;
}

.leftNav .Ntwo h4 {
    position: relative;
    display: block;
    clear: both;
    color: #666;
    font-size: 14px;
    padding: 10px 20px 10px 30px;
    border-bottom: 1px #ddd solid;
}

.leftNav .Ntwo li:hover .Nthree {
    display: block
}

.leftNav .Nthree {
    display: none
}


/*==面包屑↓==*/

.site {}

.site {
    margin-bottom: 30px
}

.site h1 {
    float: left;
    color: #333333;
    font-size: 24px;
    padding-left: 10px;
    border-left: 4px #21b7b6 solid
}

.site .frame {
    float: right;
    color: #888888;
    font-size: 13px;
    margin-top: 7px;
}

.site a {
    color: #888888;
    font-size: 13px;
}

.site a:hover {
    color: #21b7b6
}

.search-one {
    float: left;
    width: 300px;
    margin: 0 0 0 50px;
    border-radius: 20px;
    border: 1px #ddd solid
}

.search-one input {
    width: 200px;
    border: none;
    background: none;
    line-height: 30px;
    padding: 0 10px;
    float: left;
}

.search-one button {
    width: 50px;
    border: none;
    background: #21b7b6 url(../images/search_ico.png) no-repeat center;
    float: right;
    height: 30px;
    border-radius: 0 20px 20px 0px;
}

.search-one button:hover {
    background: #000 url(../images/search_ico.png) no-repeat center;
}


/*==图片↓==*/

.list-pic2 {}

.list-pic2 li {
    float: left;
    width: 23%;
    margin: 0 1% 2% 1%;
}

.list-pic2 li .box {
    border: 2px #f9f9f9 solid
}

.list-pic2 li h4 {
    text-align: center;
    color: #666;
    font-size: 15px;
    padding: 10px 0 10px 0;
    font-weight: bold;
    background: #eee;
}

.list-pic2 li h4 font {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400
}

.list-pic2 li img {
    max-width: 100%;
}

.list-pic2 li:hover h4 {
    color: #21b7b6
}

.list-pic2 li:hover .box {
    border: 2px #21b7b6 solid;
}


/*==子导航↓==*/

.menu {
    border-bottom: 1px #eee solid;
}

.menu ul {
    float: left;
    border-right: 1px #ddd solid
}

.menu ul li {
    float: left;
    border-left: 1px #eee solid;
}

.menu ul li a {
    position: relative;
    padding: 17px 30px;
    display: block;
    color: #666666;
    font-size: 18px;
}

.menu ul li a:before {
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #21b7b6;
    transition: all .4s ease-in-out;
}

.menu ul li:hover a,
.menu ul li.active a {
    color: #21b7b6;
}

.menu ul li:hover a:before,
.menu ul li.active a:before {
    opacity: 1;
}

.menu .site-frame {
    float: right;
    color: #888888;
    font-size: 13px;
    margin-top: 20px;
}

.menu .site-frame a {
    color: #888888;
    font-size: 13px;
}

.menu .site-frame a:hover {
    color: #21b7b6
}


/*==切换1↓==*/

.swiper-container-square1 {
    overflow: hidden;
    position: relative;
}

.swiper-container-square1 .list {}

.swiper-container-square1 .list li h4 {
    margin-top: 10px;
    color: #333333;
    font-size: 12px;
    text-align: center;
}

.swiper-container-square1 .list .pic {
    padding: 20px;
    background: #fff;
    border: 1px #eee solid;
}

.swiper-container-square1 .prev,
.swiper-container-square1 .next {
    background: #505050;
    color: #fff;
    font-size: 30px;
    width: 35px;
    line-height: 35px;
    text-align: center;
}

.swiper-container-square1 .prev:hover,
.swiper-container-square1 .next:hover {
    background: #21b7b6
}

.swiper-container-square1 .list li:hover h4 {
    color: #21b7b6
}

.serviceIndex {}

.serviceIndex .tone {
    margin-bottom: 50px;
}


/*苏州简介*/

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

.Global ul img {
    display: block;
    margin: 0 auto;
}

.Service {
    margin-bottom: 1%
}

.Service ul img {
    display: block;
    margin: 0 auto;
}

.Service ul {
    width: 1200px;
    margin: 0 auto
}

.Service ul .ul {
    width: 700px;
    margin: 0 auto
}

.Service ul li {
    width: 50%;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #333;
    margin: 1% 0;
    padding-left: 3%;
    position: relative
}

.Service ul li:after {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    background: #333;
    left: 0;
    top: 40%;
}

.Equipment ul img {
    display: block;
    margin: 0 auto;
}


/*==联系我们↓==*/

.ContactBox {}

.ContactBox .long {
    overflow: hidden;
}

.long .left {
    width: 45%;
    padding: 50px 50px 0 0;
}

.ContactBox .long .left .wx {
    margin: 15px 0 30px 0;
    color: #888888;
    font-size: 14px;
    line-height: 30px;
}

.ContactBox .long .left .ewm {}

.ContactBox .long .left .ewm span {
    display: block;
    float: left;
    color: #666666;
    font-size: 14px;
    margin-right: 30px;
    text-align: center;
}

.ContactBox .long .left .ewm span img {
    display: block;
    border: 10px #21b7b6 solid;
    margin: 0 auto 10px;
}

.ContactBox .long .right {
    width: 52%;
}

.ContactBox .long .right img {
    max-width: 100%;
}

.ContactBox .long-address {
    overflow: hidden;
    border-top: 1px #ddd solid;
}

.ContactBox .long-address ul {
    margin-top: 30px;
}

.ContactBox .long-address ul li {
    float: left;
    margin: 0 10% 1% 1%;
    color: #666;
    font-size: 14px;
    /*! padding: 0 10px; */
    word-break: break-all;
    line-height: 25px;
}

.ContactBox .long-address ul li h5 {
    font-size: 16px;
}

.ContactBox .long-address ul li img {
    display: block;
    max-width: 100%;
    margin-bottom: 10px;
}

.longMap {
    border-top: 1px #ddd solid;
    overflow: hidden;
    width: 100%;
}

.longMap .frame {
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.longMap .frame .box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    padding: 50px 70px;
    background: #21b7b6;
    height: 300px;
}

.longMap .frame .box p {
    color: #fff;
    font-size: 14px;
}

.longMap .frame .box p b {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.longMap .frame .box p:last-child {
    margin-top: 50px;
}


/*==list-box↓==*/

.list-box {
    margin-top: 20px;
}

.list-box li {
    float: left;
    width: 23%;
    margin: 0 1% 1% 1%
}

.list-box li img {
    max-width: 100%;
    width: 100%;
}

.list-box li .pic {
    padding-top: 65%;
    border: 1px #ddd solid;
}

.list-box li:hover .pic {
    border: 1px #21b7b6 solid;
}

.list-box li h4 {
    color: #666;
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    height: 50px;
}

.list-box li:hover h4 {
    color: #c31019;
}

#list-box2 li {
    width: 18%;
}

.list-honor2 {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.list-honor2 h2.title {
    float: left;
    width: 100%;
    color: #666;
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px #ddd solid;
}

.list-honor2 li {
    float: left;
    width: 23%;
    margin: 0 1% 1% 1%;
    text-align: center;
}

.list-honor2 li a {
    display: block
}

.list-honor2 li .imgBoxB {
    /*! width:100%;*/
    text-align: center;
    border: 1px #ddd solid;
    margin: auto;
    height: 250px;
}

.list-honor2 li .auto {
    margin: auto;
    display: table
}

.list-honor2 li .imgBox {
    height: 250px;
    width: 100%;
    /*! border:1px #ddd solid;*/
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.list-honor2 li .imgBox img {
    width: auto;
    max-width: 100%;
    margin: auto;
    max-height: 240px;
    display: block;
    vertical-align: middle;
}

.list-honor2 li .imgPD {
    border: 1px #ddd solid;
}

.list-honor2 li h4 {
    color: #666;
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    height: 50px;
}

.list-honor2 li:hover h4 {
    color: #21b7b6;
}



/*==响应↓==*/

@media all and (max-width:1600px) {
    .container {
        width: 1400px;
    }

 
    .header .logo-2 {
        margin: 25px 0 0 10px
    }
    .header .logo-2 img {
        width: 220px;
    }
    .header .nav li a.navAone {
        font-size: 16px;
        padding: 5px 25px;
    }
    .txtMarquee-left {
        width: 600px;
    }
    .HomeAbout .frame li {
        padding: 50px 40px;
    }
    .HomeArticle .down {
        margin-top: 60px;
        height: 500px;
    }
    .HomeArticle .list-top .two {
        padding: 10px 0 33px 0;
        margin-bottom: 40px;
    }
    .HomeArticle .list-top .two .time {
        font-size: 52px;
    }
    .HomeAbout .frame li h3 font {
        font-size: 16px;
    }
    .PicListBox .list li .box {
        padding: 50px 70px 0 70px;
    }
    .list-news li .pic {
        width: 30%;
        margin-right: 50px;
    }
    .list-news li h4 {
        font-size: 18px;
        margin: 25px 0 5px 0;
    }
    .list-news li span {
        font-size: 13px;
    }
    .list-news li p {
        font-size: 14px;
        margin: 10px 0 5px 0;
        line-height: 22px;
    }
    .query-certificate .long input {
        width: 37%
    }
    .query-certificate .long button {
        width: 20%
    }
    .TrainDetailBox .tip span {
        font-size: 30px;
        padding: 20px;
    }
    .AboutBox .culture li .box p {
        height: 175px;
    }
}

@media all and (max-width:1400px) {
    .container {
        width: 1200px;
    }

    .header .logo-2 {
        margin: 25px 0 0 10px
    }
    .header .logo-2 img {
        width: 200px;
    }
    .header .nav li a.navAone {
        padding: 3px 18px
    }
    .txtMarquee-left {
        width: 450px;
    }
    .scrollBox .bd li a {
        margin: 0 10px;
    }
    .digital li span {
        font-size: 50px
    }
    .scrollBox .bd li h4 {
        padding: 10px 0 0 0
    }
    .leftNav ul li h3 {
        padding: 12px 30px 12px 20px;
    }
    .leftNav .Ntwo h4 {
        padding: 10px 20px 10px 20px;
        font-size: 13px;
    }
    .HomeArticle .down {
        margin-top: 60px;
        height: 402px;
    }
    .HomeArticle .focusNews .list li .pic img {
        height: 400px
    }
    .HomeArticle .list-top .two {
        padding: 10px 0 23px 0;
        margin-bottom: 20px;
    }
    .HomeArticle .list-top .two .time {
        font-size: 52px;
    }
    .HomeAbout .frame li {
        padding: 50px 20px 50px 25px;
    }
    .HomeAbout .frame li h3 {
        padding-left: 70px
    }
    .HomeAbout .frame li h3 font {
        font-size: 14px;
    }
    .HomeAbout .frame li p {
        padding-left: 70px;
    }
    .ProductDetailBox .conBox .shoping .right {
        padding: 0px
    }
    .PicListBox .list li .box {
        padding: 30px 30px 0 30px;
    }
    .list-news li .pic {
        margin-right: 35px;
    }
    .list-news li .time-one {
        margin: 30px 40px 0 0
    }
    .list-news li h4 {
        font-size: 18px;
        margin: 15px 0 5px 0;
    }
    .list-news li span {
        font-size: 13px;
    }
    .list-news li p {
        font-size: 14px;
        margin: 10px 0 5px 0;
        line-height: 22px;
    }
    .ContactBox .long .left .ewm span {
        margin-right: 15px;
    }
    .AboutBox .culture li .box p {
        height: 185px;
    }
}

@media all and (max-width:1200px) {
    .container {
        width: 1000px;
    }

    .header .logo-2 {
        margin: 25px 0 0 10px
    }
    .header .logo-2 img {
        width: 150px;
    }
    .header .nav li a.navAone {
        font-size: 12px;
        padding: 3px 14px;
        margin: 0 1px;
    }
    .head-top .right .search input {
        width: 130px
    }
    .txtMarquee-left {
        width: 350px;
    }
    .searSelect {
        padding: 0 25px 0 10px;
    }
    .rack .lefter {
        width: 20%
    }
    .rack .righter {
        width: 77%
    }
    .HomeAbout {
        padding: 50px 0 220px 0;
        margin-bottom: 165px;
    }
    .HomeAbout h3.title {
        font-size: 26px;
        font-weight: bold;
        padding-left: 120px;
    }
    .HomeAbout .wx {
        margin: 50px 0 60px 0;
        font-size: 16px;
        padding: 0 50px;
        line-height: 25px;
    }
    .digital {
        margin: 20px 0 70px 0;
    }
    .digital li {
        padding: 0 50px;
    }
    .digital li span {
        font-size: 40px;
    }
    .digital li b {
        font-size: 16px;
    }
    .HomeAbout .frame {
        margin: 70px 0 0 0;
        bottom: -385px;
    }
    .HomeAbout .frame li {
        width: 25%;
        padding: 20px 20px;
        height: 300px;
    }
    .HomeAbout .frame li h3 {
        font-size: 28px;
        padding-left: 60px;
    }
    .HomeAbout .frame li h3 a {
        font-size: 28px
    }
    .HomeAbout .frame li h3 font {
        margin: 10px 0;
    }
    .HomeAbout .frame li p {
        font-size: 16px;
        margin-top: 40px;
        padding-left: 60px;
    }
    .HomeArticle .down {
        margin-top: 60px;
        height: 350px;
    }
    .HomeArticle .focusNews .list li .pic img {
        height: 350px
    }
    .HomeArticle .list-top .two {
        padding: 10px 0 10px 0;
        margin-bottom: 10px;
    }
    .HomeArticle .list-top .two .time {
        font-size: 50px;
    }
    .list-service li p {
        padding: 35px 10px 35px 20px;
        width: 53%;
    }
    .list-service li .shop {
        padding: 35px 10px 35px 10px;
    }
    .ProductDetailBox .point a {
        padding-left: 40px;
    }
    .ProductDetailBox .conBox .AppPro table td {
        padding: 15px 15px;
    }
    .ProductDetailBox .conBox .shoping img {
        width: 100%
    }
    .ProductDetailBox .conBox .shoping .right {
        padding: 20px;
        width: 100%;
        display: block;
    }
    .PicListBox .list li .box {
        padding: 15px 20px 0 20px;
    }
    .PicListBox .list li .box h4 {
        font-size: 18px;
    }
    .PicListBox .list li .box h4 font {
        font-size: 12px;
    }
    .PicListBox .list li .box p {
        margin: 10px 0 10px 0;
        font-size: 14px;
        line-height: 20px;
    }
    .PicListBox .list li em {
        width: 40px;
        height: 40px;
    }
    .list-news li .pic {
        margin-right: 20px;
    }
    .list-news li.two a {
        padding: 20px 20px 20px 20px
    }
    .list-news li .time-one {
        margin: 20px 20px 0 0;
        font-size: 45px;
    }
    .list-news li h4 {
        font-size: 16px;
        margin: 10px 0 5px 0;
    }
    .list-news li span {
        font-size: 12px;
    }
    .list-news li p {
        font-size: 13px;
        margin: 10px 0 5px 0;
        line-height: 22px;
    }
    .list-news li .txt1 {
        display: none
    }
    .list-news li .txt2 {
        display: block
    }
    .AboutBox {
        margin: 0 0 30px 0;
    }
    .AboutBox .introduction {
        padding: 20px 0 20px 0;
    }
    .AboutBox .culture {
        margin: 50px 0 30px 0;
    }
    .AboutBox .culture li .box p {
        height: 240px;
    }
    .scrollBox .bd li h4 {
        height: ;
        line-height: 15px;
    }
    .TrainDetailBox .tip {
        display: block
    }
    .TrainDetailBox .tip img {
        width: 100%;
        display: block
    }
    .TrainDetailBox .tip span {
        width: 100%;
        display: block
    }
    .TrainDetailBox .wx {
        padding: 30px 30px 30px 30px;
    }
    .sheet {
        padding: 10px 30px 30px 30px;
    }
    .ContactBox .long .left {
        width: 100%;
        margin-bottom: 20px;
        padding: 0px;
    }
    .ContactBox .long .left .ewm span {
        font-size: 14px;
        margin-right: 30px;
    }
    .ContactBox .long .left .ewm span img {
        border: 10px #21b7b6 solid;
        margin: 0 auto 10px;
    }
    .ContactBox .long .right {
        width: 100%;
    }
    .ContactBox .long-address ul li {
        /*! width:31.3%; */
        /*! height:320px */
    }
    .query-certificate .long input {
        width: 35%;
        line-height: 30px;
    }
    .query-certificate .long button {
        width: 20%;
        padding: 6px 10px;
        line-height: 30px;
        font-size: 16px;
    }
    .suzhou img {
        width: 100%
    }
    .Global ul img {
        width: 100%
    }
    .Service ul {
        width: 100%
    }
    .Service ul img {
        width: 100%
    }
    .Equipment ul img {
        width: 100%
    }
    .relaNews ul li h4 {
        font-size: 14px;
    }
}

@media all and (max-width:1000px) {
    .container {
        width: 760px;
    }
    .sipad {
        display: block
    }
    .search-one {
        margin: 0 auto 20px;
        float: none;
        overflow: hidden;
    }
    .head-top p {
        font-size: 13px;
    }
    .txtMarquee-left {
        width: 250px;
    }
    .head-top .right .weixin {
        display: none
    }
    .head-top .right .weibo {
        display: none;
    }
    .head-top .right .tel {
        padding-top: 5px
    }
    .head-top .right .search input {
        width: 120px
    }
    .searSelect {
        padding: 0 20px 0 5px;
        font-size: 13px;
    }
    .head-top .right .tel {
        margin-left: 10px;
        font-size: 18px;
        padding-left: 20px;
    }
    .head-top .right .block {
        padding-left: 10px;
        margin-left: 10px;
        font-size: 13px;
    }

    .header .logo-2 {
        margin: 20px 0 0 10px;
    }
    .header .logo-2 img {
        width: 130px;
    }
    .header {
        padding: 15px 0;
        height: 85px;
    }
    .header .nav li a.navAone {
        font-size: 12px;
        padding: 3px 12px;
        margin: 0 1px;
    }
    .header .nav li a.navAone span.sen {
        display: none
    }
    .header .nav .sub {
        display: none !important;
    }
    .list-service li p {
        width: 45%
    }
    .list-service li p b {
        font-size: 16px
    }
    .list-service li .shop {
        width: 30%
    }
    .rack {
        padding: 40px 0 30px 0
    }
    .rack .lefter {
        display: none
    }
    .rack .righter {
        width: 100%
    }
    .pd50 {
        padding: 30px;
    }
    .pd50-b {
        padding-bottom: 100px
    }
    .subNavWap {
        display: block;
    }
    .site {
        display: none
    }
    .menu ul li a {
        font-size: 15px;
    }
    .titleAx {
        font-size: 25px;
        margin: 20px 0;
    }
    .titleAx font {
        font-size: 14px;
        margin: 5px 0
    }
    .toneAx {
        margin-top: 20px;
        padding-bottom: 6px;
    }
    .toneAx li {}
    .toneAx li a {
        font-size: 16px;
    }
    .toneAx li a:before {
        bottom: -10px;
        height: 2px;
    }
    .HomeService .down {
        padding-top: 30px;
    }
    .HomeService .list li h5 {
        font-size: 14px;
        margin-top: 5px;
    }
    .HomeService .list li {
        margin-bottom: 20px;
    }
    .HomeStrength .down {
        padding-top: 30px;
        height: 375px;
    }
    .scrollBox .bd li {
        width: 20%;
        font-size: 14px;
    }
    .scrollBox .bd li a {
        margin: 0 5px;
    }
    .scrollBox .bd li h4 {
        font-size: 14px;
        /*! padding:20px 0 0 0;*/
    }
    .scrollBox .bd li img {
        height: 190px;
        margin: 5px auto;
    }
    .scrollBox .bd li .pic {
        border: 2px #e1e1e1 solid;
    }
    .scrollBox .prev,
    .scrollBox .next {
        top: 25%;
    }
    .HomeArticle .focusNews {
        display: none;
        width: 100%
    }
    .HomeArticle .down {
        margin-top: 20px;
        height: 350px;
    }
    .HomeArticle .list-top .two {
        width: 100%;
        padding: 10px 0 10px 0;
        margin-bottom: 10px;
    }
    .HomeArticle .list-top .two .time {
        font-size: 50px;
    }
    .HomeArticle .list-top .two h4 {
        font-size: 15px;
        margin-top: 10px
    }
    .HomeArticle .list-newsTwo li {
        width: 18%;
    }
    .list-newsTwo li {
        width: 31.3%;
    }
    .list-newsTwo li h4 {
        margin-top: 20px;
    }
    .list-newsTwo li span {
        font-size: 12px;
    }
    .list-newsTwo li a.more {
        margin: 20px auto 0;
    }
    .HomeAbout {
        padding: 50px 0 120px 0;
        margin-bottom: 165px;
    }
    .HomeAbout h3.title {
        font-size: 26px;
        font-weight: bold;
        padding-left: 120px;
    }
    .HomeAbout .wx {
        margin: 50px 0 60px 0;
        font-size: 16px;
        padding: 0 20px;
        line-height: 25px;
    }
    .digital {
        margin: 20px 0 50px 0;
    }
    .digital li {
        padding: 0 20px;
    }
    .digital li span {
        font-size: 40px;
    }
    .digital li font {
        padding-top: 0px;
    }
    .digital li b {
        font-size: 16px;
    }
    .HomeAbout .frame {
        margin: 70px 0 0 0;
        bottom: -285px;
    }
    .HomeAbout .frame li {
        width: 25%;
        padding: 20px 20px;
        height: 250px;
    }
    .HomeAbout .frame li h3 {
        font-size: 18px;
        padding-left: 60px;
    }
    .HomeAbout .frame li h3 a {
        font-size: 18px;
    }
    .HomeAbout .frame li h3 font {
        font-size: 13px;
        margin: 10px 0;
    }
    .HomeAbout .frame li p {
        font-size: 13px;
        margin-top: 40px;
        margin-top: 20px;
        line-height: 20px;
        padding-left: 0px;
    }
    .AboutBox .culture li .box {
        padding: 20px;
    }
    .AboutBox .culture li .box p {
        height: 250px;
        margin-top: 15px;
    }
    .join_box .list-join li .title {
        padding-left: 20px;
    }
    .longMap .frame .box {
        padding: 20px 30px;
    }
    .result-certificate .list li span {
        padding: 15px 10px;
        font-size: 16px;
    }
    .pagIng {
        padding: 20px 20px;
    }
    .pagIng a {
        font-size: 13px;
    }
    .pagIng .prev {
        margin-right: 50px;
        display: block;
        margin: 10px 0;
    }
    .pagIng .return {
        padding: 10px 0 0 0;
        width: 100%;
        text-align: center;
        border: none;
    }
@media all and (max-width:760px) {
    .container {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }
    .search-one {
        width: 260px;
        /*! margin:0 0 0 50px;*/
    }
    .search-one input {
        width: 190px;
        line-height: 25px;
        padding: 0 10px;
    }
    .search-one button {
        width: 50px;
        height: 25px;
        border-radius: 0 20px 20px 0px;
    }
    .head-top {
        display: none
    }
    div.header,
    .fixed-top .header {
        padding: 10px 0;
        height: 55px;
    }

    .header .logo-2 {
        margin: 5px 0 0 10px;
    }
    .header .logo-2 img {
        width: 130px;
    }
    .header .nav {
        display: none
    }
    .bannerBox div.swiper-pagination {
        bottom: 6px
    }
    .rack {
        padding: 25px 0 30px 0
    }
    .rack .righter {
        padding-bottom: 0px;
    }
    .subNavWap {
        padding: 10px;
        margin: 0 0 20px 0;
        background: #eee;
    }
    .subNavWap .title {
        font-size: 14px;
    }
    .subNavWap .fenlei {
        margin-top: 0px;
        fo: ;
    }
    .pd50 {
        padding: 20px 15px 20px 15px;
    }
    .pd50-b {
        padding-bottom: 50px
    }
    .titleAx {
        font-size: 16px;
        margin: 0px 0;
        line-height: auto
    }
    .titleAx font {
        font-size: 12px;
        margin: 0px 0 10px 0;
    }
    .titleBx {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .HomeService {
        padding: 30px 0 20px 0;
    }
    .toneAx {
        margin-top: 15px;
        padding-bottom: 10px;
        text-align: center
    }
    .toneAx li {
        display: inline-block
    }
    .toneAx li a {
        font-size: 13px;
        margin: 0 5px
    }
    .toneAx li a:before {
        bottom: -13px;
        height: 2px;
    }
    .HomeService .down {
        padding-top: 20px;
    }
    .HomeService .list li h5 {
        font-size: 14px;
        margin-top: 5px;
    }
    .HomeService .list li:hover em {
        background-position: none;
    }
    .HomeService .list li {
        margin-bottom: 10px;
        width: 25%;
    }
    .HomeService .list li span {
        width: 80px;
        height: 80px;
    }
    .HomeService .list li span em {
        width: 60px;
        height: 60px;
        top: 9px;
        left: 9px;
        background-size: 100%;
    }
    .HomeService .list li h5 {
        height: 35px;
        font-size: 12px;
        margin-top: 10px;
    }
    /*.HomeService .list li.x1 em:before{background-size: 62px;}

.HomeService .list li.x2 em:before{background-size: 62px;}

.HomeService .list li.x3 em:before{background-size: 62px;}

.HomeService .list li.x4 em:before{background-size: 62px;}

.HomeService .list li.x5 em:before{background-size: 62px;}

.HomeService .list li.x6 em:before{background-size: 62px;}

.HomeService .list li.x7 em:before{background-size: 62px;}

.HomeService .list li.x8 em:before{background-size: 62px;}

.HomeService .list li.x9 em:before{background-size: 62px;}

.HomeService .list li.x10 em:before{background-size: 62px;}

.HomeService .list li.x11 em:before{background-size: 62px;}

.HomeService .list li.x-more em:before{background-size: 62px;}*/
    .serviceIndex .tone {
        margin-bottom: 10px;
    }
    .HomeStrength {
        padding: 20px 0 20px 0
    }
    .HomeStrength .down {
        padding-top: 20px;
        height: 425px;
    }
    .scrollBox .bd li {
        width: 50%;
        font-size: 14px;
    }
    .scrollBox .bd li:last-child {
        display: none
    }
    .scrollBox .bd li a {
        margin: 0 5px 10px 5px;
    }
    .scrollBox .bd li h4 {
        font-size: 12px;
        padding: 10px 0 10px 0;
    }
    .scrollBox .bd li img {
        height: 100px;
        margin: auto;
    }
    .scrollBox .bd li .pic {
        border: 2px #e1e1e1 solid;
    }
    .scrollBox .prev,
    .scrollBox .next {
        top: 35%;
    }
    .HomeAbout {
        padding: 20px 0 205px 0;
        margin-bottom: 135px;
    }
    .HomeAbout h3.title {
        margin-top: 10px;
        font-size: 13px;
        font-weight: bold;
        padding: 20px 0 20px 120px;
    }
    .HomeAbout .wx {
        margin: 10px 0 20px 0;
        font-size: 12px;
        padding: 0 20px;
        line-height: 22px;
    }
    .digital {
        margin: 10px 0 20px 0;
    }
    .digital li {
        padding: 0 5px;
    }
    .digital li span {
        font-size: 25px;
    }
    .digital li b {
        font-size: 12px;
    }
    .HomeAbout .frame {
        margin: 20px 0 0 0;
        bottom: -335px;
    }
    .HomeAbout .frame li {
        width: 50%;
        padding: 10px;
        height: 150px;
    }
    .HomeAbout .frame li h3 {
        font-size: 15px;
        padding-left: 40px;
        background-size: 29px;
    }
    .HomeAbout .frame li h3 a {
        font-size: 15px;
    }
    .HomeAbout .frame li h3 font {
        font-size: 9px;
        margin: 5px 0;
    }
    .HomeAbout .frame li p {
        font-size: 12px;
        margin-top: 10px;
        padding-left: 0px;
        line-height: 18px;
    }
    .HomeArticle {
        margin: 20px 0 20px 0
    }
    .HomeArticle .down {
        margin-top: 10px;
        height: 245px;
    }
    .HomeArticle .list-top .two {
        width: 100%;
        padding: 10px 0 10px 0;
        margin-bottom: 10px;
    }
    .HomeArticle .list-top .two .time {
        font-size: 30px;
        margin-right: 20px;
    }
    .HomeArticle .list-top .two h4 {
        font-size: 14px;
        margin-top: 12px;
    }
    .HomeArticle .list-top .two p {
        display: none
    }
    .HomeArticle .list-newsTwo li {
        width: 31.3%;
    }
    .HomeArticle .list-newsTwo li:nth-last-child(1),
    .HomeArticle .list-newsTwo li:nth-last-child(2) {
        display: none
    }
    .HomeArticle .list-newsTwo li h4 {
        margin-top: 5px;
        font-size: 12px
    }
    .HomeArticle .list-newsTwo li a.more {
        margin: 5px auto 0;
        font-size: 12px;
        padding: 2px 5px
    }
    .list-newsTwo li {
        width: 49%;
        margin: 0 1% 15px 1%;
    }
    .list-newsTwo li h4 {
        font-size: 14px;
        margin-top: 20px;
    }
    .list-newsTwo li a.more {
        margin: 15px auto 0;
        padding: 5px 10px;
    }
    .list-service li {
        width: 100%;
    }
    .list-service li:nth-child(even) {
        border-left: none
    }
    .list-service li:last-child {
        border: none
    }
    .list-service li span {
        width: 25%;
        padding: 15px 10px 10px 10px;
        /*! display: table-cell;*/
        /*! vertical-align: middle;*/
        /*! float: none;*/
    }
    .list-service li span em {
        background-size: 100%;
        width: 40px;
        height: 40px;
        background-position: 0px 0px;
    }
    .list-service li span img {
        max-width: 100%;
    }
    .list-service li p {
        padding: 15px;
        font-size: 12px;
        width: 60%;
        line-height: 22px;
    }
    .list-service li p b {
        font-size: 14px;
        margin-bottom: 5xpx;
    }
    .list-service li .shop {
        font-size: 12px;
        padding: 15px 10px;
        width: 15%;
    }
    .list-service li .shop font {
        display: block
    }
    .ProductDetailBox .point {
        width: 16%;
        padding-top: 20px;
    }
    .ProductDetailBox .point a {
        font-size: 12px;
        margin: 25px 0;
        padding-left: 20px;
    }
    .ProductDetailBox .point a:after {
        width: 20px;
    }
    .ProductDetailBox .point .fixedBoxA1 {}
    .ProductDetailBox .point .fixedBoxA2 {
        width: 15%;
        top: 80px;
    }
    .ProductDetailBox .long {
        margin: 10px 0 20px 0;
    }
    .ProductDetailBox .conBox {
        width: 84%;
    }
    .ProductDetailBox .conBox .DnPr .tip span {
        float: none;
        display: table-cell;
        vertical-align: middle
    }
    .ProductDetailBox .conBox .AppPro table td {
        width: 100%;
        display: block;
        border: 1px #eee solid;
        padding: 10px 15px;
    }
    .ProductDetailBox .conBox .AppPro a {
        margin: 5px 0
    }
    .ProductDetailBox .conBox .process li {
        width: 20%;
        font-size: 12px;
        line-height: 20px;
        margin-right: 13%;
        margin-bottom: 10px;
        border-radius: 0%;
        padding: 8px 0;
    }
    .ProductDetailBox .conBox .process li:before {
        top: 25%;
        right: -40%;
        width: 14px;
        height: 13px;
    }
    .ProductDetailBox .conBox .shoping .right {
        padding: 10px;
    }
    .ProductDetailBox .conBox .shoping .right a {
        font-size: 12px;
        padding: 15px 30px 15px 40px;
        margin: 0 0.5% 5px 0.5%;
    }
    .PicListBox .list li {
        width: 50%;
        float: left;
        clear: initial;
        background: none;
        margin-bottom: 10px;
    }
    .PicListBox .list li a {
        display: block;
        margin: 0 5px 5px 5px;
        background: #f3f3f3;
        overflow: hidden;
    }
    .PicListBox .list li .pic {
        width: 100%;
    }
    .PicListBox .list li .box {
        width: 100%;
        padding: 10px;
    }
    .PicListBox .list li .box h4 {
        font-size: 14px;
        height: 30px;
        line-height: 15px;
    }
    .PicListBox .list li .box h4 font {
        font-size: 12px;
    }
    .PicListBox .list li .box p {
        display: none
    }
    .PicListBox .list li em {
        display: none;
    }
    .PicShowBox .wor {
        margin-top: 10px;
    }
    .list-news li {
        margin-bottom: 15px;
    }
    .list-news li.two a {
        padding: 5px 10px;
    }
    .list-news li .pic {
        width: 40%;
        margin-right: 10px;
    }
    .list-news li h4 {
        font-size: 13px;
        margin: 5px 0 0px 0;
        line-height: 16px;
    }
    .list-news li span {
        font-size: 12px;
    }
    .list-news li p,
    .list-news .txt2 {
        display: none;
    }
    .list-news li em {
        display: none
    }
    .AboutBox {
        margin: 0 0 0px 0;
    }
    .ArticleDetail .titleAD {
        font-size: 16px;
        padding: 10px 10px;
    }
    .ArticleDetail .titleAD font {
        font-size: 12px;
    }
    .AboutBox .introduction {
        padding: 2px 0 10px 0;
    }
    .AboutBox .introduction:before,
    .AboutBox .introduction:after {}
    .AboutBox .introduction:before {
        top: -40px;
        width: 100%;
        height: 115px;
    }
    .AboutBox .introduction:after {
        width: 100%;
        height: 115px;
    }
    .AboutBox .introduction .wx {
        margin: 20px 0;
        font-size: 12px;
        line-height: 22px;
    }
    .AboutBox .standard .long {
        height: auto;
    }
    .AboutBox .standard .pic {
        width: 100%
    }
    .AboutBox .standard .box {
        width: 100%;
        padding: 20px 0;
    }
    .AboutBox .standard .box h3 {
        font-size: 16px;
        padding-left: 10px;
    }
    .AboutBox .standard .box p {
        margin: 10px 0 0 0;
        font-size: 12px;
        line-height: 22px;
    }
    .AboutBox .standard .pic img {
        max-width: 100%;
        position: initial
    }
    .AboutBox .culture {
        margin: 25px 0 20px 0;
    }
    .AboutBox .culture ul {
        margin-top: 15px;
    }
    .AboutBox .culture li {
        width: 100%;
        margin-bottom: 10px;
    }
    .AboutBox .culture li a {
        margin: 0 10px;
    }
    .AboutBox .culture li .box {
        padding: 15px
    }
    .AboutBox .culture li .box h3 {
        font-size: 16px;
    }
    .AboutBox .culture li .pic img {
        display: table;
        margin: auto
    }
    .AboutBox .culture li .box p {
        height: auto;
        margin-top: 10px;
        font-size: 12px;
        line-height: 22px;
    }
    .TrainDetailBox .tip span {
        font-size: 16px;
        padding: 10px;
    }
    .TrainDetailBox .tip span font {
        font-size: 12px;
    }
    .TrainDetailBox .wx {
        padding: 20px 10px 10px 20px;
    }
    .sheet {
        padding: 10px 10px 20px 10px;
    }
    .sheet .wor {
        margin-bottom: 15px
    }
    .sheet input,
    .sheet textarea {
        line-height: 30px;
        padding: 5px 10px;
        margin: 0 0 10px 0;
    }
    .sheet .mr {
        margin-left: 1.5%;
    }
    .sheet .in-1 {
        width: 48.5%;
    }
    .sheet textarea {
        height: 100px;
    }
    .sheet button {
        padding: 6px 20px;
        font-size: 14px;
    }
    .sheet .reset {
        margin-left: 5px;
    }
    .titleCx {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .titleCx font {
        font-size: 12px;
    }
    .ContactBox .long .left .wx {
        margin: 10px 0 15px 0;
        font-size: 14px;
        line-height: 22px;
    }
    .ContactBox .long .left .ewm {}
    .ContactBox .long .left .ewm span {
        display: block;
        float: left;
        color: #666666;
        font-size: 12px;
        margin-right: 15px;
        text-align: center;
    }
    .ContactBox .long .left .ewm span img {
        display: block;
        border: 5px #21b7b6 solid;
        margin: 0 auto 10px;
    }
    .ContactBox .long .right {}
    .ContactBox .long .right img {
        max-width: 100%;
    }
    .ContactBox .long-address ul li {
        width: 100%;
        /*! height:330px */
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 22px;
    }
    .ContactBox .long-address ul li h5 {
        font-size: 14px;
    }
    .ContactBox .long-address ul li:last-child {
        height: auto
    }
    .longMap {
        border-top: 1px #ddd solid;
        overflow: hidden;
        width: 100%;
    }
    .longMap .frame {
        width: 100%;
        margin-top: 15px;
    }
    .longMap .frame .box {
        position: initial;
        padding: 20px 20px;
        height: auto;
    }
    .longMap .frame .box p {
        font-size: 12px;
    }
    .longMap .frame .box p b {
        color: #fff;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .longMap .frame .box p:last-child {
        margin-top: 20px;
    }
    .linknav {
        display: table;
        margin: 20px auto 10px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        padding: 5px 30px;
        border-radius: 20px;
        background: #21b7b6
    }
    #dituContent {
        height: 250px;
        margin-left: 0px;
    }
    .query-certificate .long {
        margin-top: 20px;
    }
    .query-certificate .long input {
        width: 49%;
        margin-right: 1%;
        line-height: 30px;
        padding: 3px 10px;
    }
    .query-certificate .long button {
        margin-top: 10px;
        font-size: 12px;
        padding: 3px 20px;
        line-height: 30x;
        width: 30%;
    }
    .result-certificate .list li span {
        padding: 12px 5px;
        font-size: 13px;
    }
    .menu {
        position: initial;
        margin: 0px 0 15px 0;
    }
    .menu li a {
        margin: 0 0px;
        font-size: 13px;
        padding: 10px 0px;
    }
    .site {
        display: none
    }
    .menu ul {
        /*! width:100%;*/
        text-align: center;
        margin: auto;
        display: table;
        float: none;
    }
    .menu ul li {
        float: none;
        display: inline-block;
    }
    .menu ul li a {
        font-size: 14px;
        padding: 10px 10px;
    }
    .menu .site-frame {
        display: none;
    }
    .rackWor table {
        width: 100% !important;
    }
    .rackWor table tr td {
        vertical-align: middle;
    }
    /*.rackWor table tr td{float:left;width:33.3%;padding:5px 5px;font-size:12px !important;display:block;word-break:break-all;word-wrap:break-word}*/
    .rackWor table td img {
        max-width: 100%;
    }
    .list-honor2 {}
    .list-honor2 li {
        width: 48%;
        margin: 0 1% 1% 1%
    }
    .list-honor2 li h4 {
        font-size: 12px;
        padding: 10px 0;
        height: 50px;
    }
    .list-honor2 li .imgBox {
        height: 180px;
    }
    .list-honor2 li .imgBoxB {
        height: auto;
    }
    .list-honor2 li .imgBoxB img {
        max-width: 100%;
        max-height: 180px;
    }
    .list-honor2 li:hover h4 {
        color: #21b7b6;
    }
    .list-box {
        margin-top: 0px;
    }
    .list-box li {
        width: 48%;
        margin: 0 1% 1% 1%
    }
    .list-box li h4 {
        font-size: 13px;
        padding: 10px 0 10px 0;
        max-height: 50px;
        height: auto;
    }
    #list-box2 li {
        width: 31.3%;
    }
    .wor {
        line-height: 22px !important;
        font-size: 12px !important;
    }
    .wor P,
    .wor span {
        font-size: 12px !important;
    }
    .moreAx {
        margin: 5px auto 0;
        font-size: 12px;
        padding: 7px 30px;
    }
    .moreAx:before {
        top: 45%;
        right: 15px;
        width: 9px;
        height: 5px;
        background: url(../images/line02.png) no-repeat -11px 0;
    }
    .pagIng {
        padding: 10px 10px;
    }
    .pagIng a {
        font-size: 12px;
    }
    .pagIng .prev {
        margin-right: 0px;
        margin: 5px 0;
    }
    .pagIng .return {
        margin: 10px auto 5px;
        padding: 0px 0 0 0;
        font-size: 14px;
        display: table;
        background: #21b7b6;
        color: #fff;
        float: none;
        width: 50px;
    }
    .relaNews {
        padding: 30px 20px;
    }
    .relaNews ul li {
        width: 100%;
        padding-right: 0
    }
    .relaNews ul li span {
        font-size: 12px;
    }
    /*--=隔=--*/
    .joinBox .wx,
    .joinBox .wx p,
    .joinBox .wx span {
        margin: 0 0 20px 0;
        font-size: 13px !important;
    }
    .join_box {
        margin: 0px 0 0 0;
    }
    .join_box .list-join li {}
    .join_box .list-join li .title {
        width: 40%;
        font-size: 13px;
    }
    .join_box .list-join li .title em {
        margin-right: 5px;
    }
    .join_box .list-join li span {
        width: 20%;
        padding: 10px 5px;
        font-size: 12px;
    }
    .join_box .list-join li.top .tit {
        width: 40%;
    }
    .join_box .list-join .box {
        padding: 10px 20px;
        line-height: 20px;
        font-size: 12px;
    }
    .join_box .list-join .box h4 {
        margin: 10px 0 5px 0;
    }
    .join_box .list-join .onlineJob {
        margin: 10px 0 5px 0;
    }
    .join_box .list-join .onlineJob a {
        font-size: 12px;
        padding-left: 15px;
        margin: 0 10px 0px 0;
    }
    .Service ul .ul {
        width: 100%
    }
}

.gotop {
  position: fixed;
  bottom: 0.5rem;
  right: -0.8rem;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 999999999999999;
}

.gotop img {
  width: 0.54rem;
  height: 0.54rem;
  background: #20a0b3;
  display: block;
  border-radius: 50%;
  padding: 0.05rem;
  box-sizing: border-box;
}

.gotop p {
  line-height: 2;
  font-size: 0.14rem;
  color: #333;
}

.gotopOn {
  right: 0.3rem;
}