.BackTop{display: none;}

.x_indexBanner  .swiper-pagination {
    position: absolute;
    z-index: 1;
    margin: 0px !important;
    background: url(../images/radius.png) center center no-repeat;
    height: 23px;
    line-height: 23px;
    bottom: 30px!important;
}

.x_indexBanner .pagination {
    bottom: 20px;
}

.indexmain {
    width: 1200px;
    margin: 0 auto;
}
.indexjt{width:1200px;margin:0 auto;}
.indexjt p {
    margin-top: 80px;
    color: #313131;
    font-size: 26px;
}

.indexjt p span {
    color: #bfbfbf;
    font-size: 26px;
    text-transform: Capitalize;
    padding-left: 20px;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}
.indexbanner .pagination {
    bottom: 20px;
}

.indexmiddle {
    width: 100%;
    position: relative;
}

.indexmiddle .indexnew {
    background-color: #fbfafa;
    margin: 65px 0px 0px 0px;
    padding-bottom: 60px;
}

.indexmiddle .indexnew .indexnewmain {
    width: 1200px;
    margin: 0 auto;
}

.indexnewleft {
    float: left;
}

.indexmiddle .indexnew .indexnewmain .indexnewleft p {
    color: #313131;
    font-size: 26px;
    padding-top: 80px;
}

.indexmiddle .indexnew .indexnewmain .indexnewleft p span {
    color: #bfbfbf;
    font-size: 26px;
    text-transform: Capitalize;
    padding-left: 20px;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}

.indexnewRight {
    float: right;
}

.subnavin {
    padding-top: 80px;
    line-height: 38px;
    text-align: center;
}

.subnavin li,
.subnavin li.now {
    background-color: #eeeeee;
    width: 91px;
    height: 38px;
    float: left;
    margin-right: 10px;
}

.subnavin li:hover,
.subnavin.now {
    background-color: #5cb531;
}

.subnavin li a,
.subnavin li.now a {
    color: #231815;
    font-size: 14px;
}

.subnavin li:hover a,
.subnavin li.now a {
    color: #ffffff;
    background-color: #5cb531;
    font-size: 14px;
    font-weight: bold;
}

.subnavin li a {
    color: #231815;
    display: block;
}

.innewc {
    padding-top: 150px;
}

.innewc .newlista {
    width: 100%;
    height: 262px;
    border: 1px solid #eeeeee;
    margin-top: 30px;
}
.innewc .newlista:hover{cursor:pointer;}

.new_Imga {
    float: left;
}

.new_Imga img {
    float: left;
    padding: 27px 0px 0px 20px;
    width: 325px;
    height: 227px;
}

.newRa {
    float: right;
    width: 781px;
    padding-right: 20px;
    padding-top: 70px;
}

.newRa .newR_left {
    float: left;
    width: 605px;
}

.newRa .newR_right {
    float: right;
    padding-right: 12px;
}

.newRa .newR_left p {
    font-size: 14px;
    color: #1b1b1b;
    padding-bottom: 40px;
}

.newRa .newR_left .newsp {
    color: #9f9f9f;
    font-size: 12px;
    text-indent: 2em;
    height: 47px;
    overflow: hidden;
    display: block;
}

.newRa .newR_right p {
    color: #b0b0b0;
    font-size: 24px;
    padding-bottom: 50px;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}

.newRa .newR_right .newsp1 a {
    color: #b0b0b0;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}

.newRa:hover .newR_left p,
.newRa:hover .newR_right .newsp1 a {
    color: #5cb531;
}

.newlista:hover {
    background-color: #ffffff;
    box-shadow: 0px 0px 22px 0px rgba(1, 1, 1, .08);
}

.indexjs .indexjs_nei {
    width: 1200px;
    margin: 0 auto;
}

.indexjs {
    width: 100%;
    height: 619px;
    background: url("../images/index.jpg") center bottom no-repeat;
}

.indexmore {
    width: 119px;
    height: 43px;
    background-color: #fabe00;
    text-align: center;
    line-height: 43px;
    margin: 44px auto 0px;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}

.indexmore span a {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}

.newlista:nth-child(2n) .newRa{float:left;padding-right: 0px;width: 800px;}
.newlista:nth-child(2n) .new_Imga{float:right;}
.newlista:nth-child(2n) .new_Imga img{padding-right:20px;}
.newlista:nth-child(2n) .newR_right{padding: 0px 0px 0px 30px;float: left;}
/*技术中心*/

.indexjs_neia p {
    padding-top: 70px;
    color: #313131;
    font-size: 26px;
}

.indexjs_neia p span {
    color: #ffffff;
    font-size: 26px;
    text-transform: Capitalize;
    padding-left: 20px;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}

.indexjmain {
    padding-top: 50px;
}

.indexjmainLe {
    float: left;
    margin-left: 90px;
    padding: 30px 22px 42px 22px;
    width: 276px;
    border-bottom: 3px solid transparent;
}
.indexjmainLe:hover{cursor:pointer;}

.indexjmainR {
    float: right;
    margin-right: 90px;
    padding: 30px 22px 42px 22px;
    width: 276px;
}
.indexjmainR:hover{cursor:pointer;}

.indexjmainLe p,
.indexjmainR p {
    color: #313131;
    font-size: 20px;
    padding-bottom: 18px;
    text-align: right;
}

.indexjmainLe p span,
.indexjmainR p span {
    font-size: 40px;
    color: #fabe00;
    opacity: 0;
    font-weight: bold;
    padding-right: 5px;
}

.indexjmainLe span,
.indexjmainR span {
    color: #313131;
    font-size: 12px;
}

.indexjmainLe:hover,
.indexjmainR:hover {
    background-color: #ffffff;
    border-bottom: 3px solid #fabe00;
    margin-left: 90px;
    transition:width 2s, height 2s, background 2s, transform 2s; 
}

.indexjmainaa {
    padding-top: 25px;
}

.indexjmainLe:hover p span,
.indexjmainR:hover p span {
    opacity: 1;
}

.indexjmain  li{float:left;width: 50%;height: 200px;}

//联系方式
.indexcon {}

.indexmain .indexcon p {
    margin-top: 80px;
    color: #313131;
    font-size: 26px;
}

.indexmain .indexcon p span {
    color: #bfbfbf;
    font-size: 26px;
    text-transform: Capitalize;
    padding-left: 20px;
    font-family: "HelveticaNeueLTProThEx";
    font-weight: 300;
}

.maps {
    width: 100%;
    overflow:  hidden;
    padding-bottom: 30px;
}

.indexmap {
    text-align: center;
    margin: 45px auto;
    position: relative;
    width:  1200px;
}

#g1 {
    top: 249px;
    right: 398px;

}
#g1 em{
    opacity:0;
}
#g1:hover em{
     opacity: 1;
}
#g2 {
    top: 204px;
    right: 188px;
}

#g2 i {
    position: absolute;
    left: -14px;
    top: 0;
}
#g2 em{
   top: -38px;
    position: relative;
    right: 41px; 
    opacity: 0;
}
#g2:hover em{
    opacity:1;
}

#g4 {
       top: 298px;
    right: 297px;
}

#g4 em{
  top: 1px;
    position: relative;
    right: 6px;
    opacity: 0;

}

#g4:hover em{
    opacity:1;
}
#g5 {
    top: 423px;
    right: 252px;
}

#g5 em{
  top: 1px;
    position: relative;
    right: 6px;
    opacity: 0;

}

#g5:hover em{
    opacity:1;
}
#g3 {
        top: 377px;
    right: 331px;
}
#g3 em{
      top: 0px;
    position: relative;
    right: 3px;
    opacity: 0;
}

#g3:hover em{
    opacity:1;
}

.indexmap .mtj {
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.indexmap .mtj em {
    transition: all .3s;
    font-size: 20px;
    display: inline-block;
    font-weight: normal;
    color: #ffffff;
    width: 83px;
    height: 34px;
    line-height: 34px;
    background-color: #f96a0e;
    border-radius: 5px;
}

.indexmap .mtj i {
    background: url(../images/daohang1.png) center no-repeat;
    display: block;
    width: 25px;
    height: 30px;
    margin: 4px auto 0;
    transition: all .3s;
}

.address {
    position: absolute;
    width: 400px;
    height: 175px;
    background: url(../images/juxin.png) center center no-repeat;
    background-size: cover;
    top: 311px;
    right: 20px;
    border-radius: 10px;
    z-index: 9999999;
}

.mapImg {
    width: 184px;
    height: 175px;
    float: right;
}

.mapImg img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.address .add {
    float: left;
    width: 190px;
    margin: 24px 0px 0px 15px;
}

.address ul li .comm {
    color: #484848;
    font-size: 14px;
    font-weight: bold;
}

.address ul li {
    margin-top: 15px;
    max-height: 60px;
    overflow: hidden;
    color: #484848;
    font-size: 12px
}

.address ul li img {
    float: left;
    margin-top: 2px;
}

.address ul li span {
    color: #484848;
    font-size: 12px;
    float: left;
    width: 165px;
    margin-left: 5px;
    text-align: left;
}
.indexbanner{
    display: block;
    margin: 60px 30px 0px 94px;
    height: 361px;

}
.jLeft{
    float: left;
}
.jRight{
    float: right;
}
.M_banner {display: none;}
.x_indexBanner  .swiper-pagination-bullet{width:12px;height:12px;background:url(../images/circle2.png) center center no-repeat;opacity:1;margin:5px!important;}
.x_indexBanner .swiper-pagination-bullet-active{background:url(../images/circle1.png) center center no-repeat!important;}
/*集团简介*/
.Introduce{width:1200px;margin:50px auto 0px;}
.IntroduceL{width: 705px;float: left;height:360px;padding-left: 100px;}
.IntroduceL ul li{width:606px;height:360px;}
.IntroduceL .swiper-pagination{position:absolute;left: 45px;bottom: 0px!important;width:  20px;transform: translate3d(0,0,0)!important;top: auto!important;}
.IntroduceL .swiper-pagination-bullet{width:12px;height:12px;background:url(../images/circle2.png) center center no-repeat;opacity:1;margin-bottom:20px!important;}
.IntroduceL .swiper-pagination-bullet-active{background:url(../images/circle1.png) center center no-repeat!important;;}
.IntroduceR{width:365px;float: right;position:relative;height:360px;text-indent:  2em;}
.IntroduceR .sum{line-height: 30px;color:#535353;font-size:14px;}
.IntroduceR .more{width: 118px;height: 44px;display:inline-block;background:url(../images/more.png) center center no-repeat;position:absolute;bottom:0px;}
.news_top{width:100%;height: 180px;margin: 10px 0px 20px 0px;}
.news_top ul li{width:25%;text-align: center;float: left;}
.news_top ul li h3{padding-top: 45px;font-family:"HelveticaNeueLTProThEx";color: #313131;font-size: 50px;}
.news_top ul li h3 em{position:relative;left:10px;font-weight: normal;font-size:14px;color:#999999;top: -30px;}
.news_top ul li p{color: #7d7d7d;font-size:14px;}
.news_top ul li:nth-child(3) h3 em{position: relative;top:-40px;left: 10px;}
.Number{position:  relative;width: 1200px;margin: 0 auto;}
.Intro{background: url(../images/introbg.png) center bottom no-repeat;}
#sliderBar {
    position: fixed;
    bottom: 200px;
    right: 0px;
    z-index: 999;
}
#sliderBar ul li {
    width: 48px;
    height: 48px;
    cursor: pointer;
    position: relative;
}
#sliderBar ul li img{width:100%;}

#sliderBar ul li.ma {
    background: url('../images/youce.png') center center no-repeat;
}
#sliderBar ul li.ma>p {
    width:128px;
    height: 127px;
   background: url('../images/ferw.jpg') center center no-repeat;
    position: absolute;
    left: -130px;
    top:0px;
    line-height: 40px;
    opacity: 0;
}
#sliderBar ul li.ma:hover>p{
     opacity: 1;
}




/*手机端css*/
@media(max-width:880px){
    .M_head{display: block;}
    .x_indexBanner{display: none;}
    .Intro{width:100%;background: url(../images/introbg1.png) center bottom no-repeat;overflow:  hidden;}
    .M_banner {display: block;}
    .indexjt{width:95%;margin:0 auto;}
    .x_indexBanner  .swiper-pagination {bottom: 10px!important;}
    .indexjt p {margin: 50px auto 0px;font-size: 22px;}
    .indexjt p span{font-size:22px;}
    .Introduce{width: 95%;margin: 45px auto 0px;}
    .IntroduceL{width: 85%;float: none;height: 220px;padding-left: 15%;}
    .IntroduceR{width: 100%;float: none;position:relative;height: auto;}
    .IntroduceR .sum{margin-top: 20px;height: 265px;overflow:  hidden;}
    .IntroduceR .more{position: relative;margin-top: 20px;left: 50%;margin-left:  -59px;}
    .Number{width: 100%;}
    .news_top ul li{width:50%;}
    .news_top{width:100%;height: 280px;}
    .news_top ul li h3{padding-top: 40px;font-size: 40px;}
    .indexmain {width: 95%;overflow:  hidden;}
    .indexmap {width: 100%;margin-bottom: 0px;}
    .indexmap img{max-width:100%;}
    #g1 {top: 50px;right: 50px;}
    .address {width: calc(100% - 13px);height: 174px;top: 310px;position: unset;margin: 0 auto;display: block;border-radius:  5px;box-shadow: 0px 0px 20px #ddd;padding: 0px 0px 0px 10px;margin-top: 20px;}
    #g2 {top: 70px;right: -20px;}
    #g4 {top: 77px;right: 35px;}
    #g3 {top: 100px;right: 50px;}
    #g5 {top: 135px;right: 12px;}
    .address .add {margin: 24px 0px 0px 0px;}
    .mapImg {width: calc(100% - 190px);}
    #gg1{display: block;}
    .indexmiddle .indexnew .indexnewmain {width: 95%;}
    .indexnewRight {display: none;}
    .indexmiddle .indexnew .indexnewmain .indexnewleft p {padding-top: 50px;font-size:  22px;}
    .indexmiddle .indexnew .indexnewmain .indexnewleft p  span{font-size:22px;}
    .innewc {padding-top: 90px;}
    .new_Imga {width:calc(45% - 20px);padding:10px;}
    .new_Imga img{width:100%;padding:0px;height: auto;}
    .newRa {width: calc(55% - 20px);padding: 10px;}
    .newRa .newR_left {float: left;width: 100%;}
    .newRa .newR_left p {padding-bottom: 0px;}
    .newRa .newR_left .newsp {text-indent: 0em;line-height: 20px;height: 55px;}
    .newRa .newR_right {display:  none;}
    .innewc .newlista {height: auto;margin-top: 15px;background:  #fff;}
    .newlista:nth-child(2n) .newRa{padding-right: 0px;width: calc(55% - 20px);}
    .indexmore{margin:30px auto 0px;}
    .indexmiddle .indexnew{padding-bottom:40px;margin: 50px 0px 0px 0px;}
    .indexjs .indexjs_nei {width: 100%;}
    .indexjs_neia{width:95%;margin:0 auto;}
    .indexjs_neia p {padding-top: 50px;font-size: 22px;}
    .indexjs_neia p span{font-size:22px;}
    .indexjmain {padding-top: 20px;}
    .indexjmainLe {float: none;padding: 20px;width: calc(90% - 20px);margin: 0 auto 10px;background: #fff;border-bottom: 2px solid #fabe00;height: auto;}
    .indexjmainLe:hover,.indexjmainR:hover {margin:10px auto 0px;}
    .indexjmainLe p span,.indexjmainR p span {opacity: 1;}
    .indexjmainR {float: none;padding: 20px;height: auto;width: calc(90% - 20px);background: #fff;margin: 0 auto 10px;border-bottom: 2px solid #fabe00;}
    .indexjmainaa {padding-top: 15px;}
    .indexjs{height: auto;background:url(../images/tecbg.jpg) center center no-repeat;background-size:cover;padding-bottom: 175px;}
    .IntroduceL .swiper-pagination{left:5%;}
    .indexmain .indexcon p{font-size: 22px;}
    .indexmain .indexcon p span{font-size: 22px;}
    .indexmiddle{overflow: hidden;}
    .indexjmain  li{float: none;height: auto;margin: 0 auto;width: 85%;}
    .Add{display:none;}
    #g1 em{opacity:0;}
    .mtj.show em{opacity: 1!important;}
    .mtj:hover em{opacity:1;}
}



.map99 {width:1200px;height:1000px;overflow: hidden;margin: -10px auto -230px;position: relative;}
h1,h2 { margin-top:0;}
      #chart-container {
        position: absolute;
        right: 0;
        background-size: cover;
        background-position: center;
        transition: .6s;
        -webkit-transition: .6s;
        font-size:16px;
      }
      span.blue {
        color: #fff;
      }
      .left {
        float: right;
        margin: 0px;
        text-align: center;
      }
      .left img {width: 156px;height:156px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
      .right {
        float: left;
        width: 190px;
        padding: 5px 0px 10px 10px;
        border-radius: 5px;
        margin-right: 5px;
      }
      .right ul li {
        padding: 15px 0 0;
        font-size: 12px;
        color: #000;
      }
      .right ul li .icon img{
        margin-right: 10px;
      }
       .right ul li span{float:left;}
       .right ul li div.tit{width: 150px;float:right;}
      
      @media (max-width: 768px) {
            #myChart{width: 100%;}  
            .map99 {width:100%;height: 420px;margin: -40px auto -30px;}
            #chart-container {top:0;}
            .left {float: right;width: 39%;margin: 0;}
            .left img {width:100%;margin-top:0;height: 140px;}
            .right {float: left;width: 60%;margin-right:  0px;}
            .right ul {margin: 0px 0 0px;padding: 10px 0px 0px 10px;overflow: hidden;}
             .right ul li {float: left;padding: 5px 0;width: 100%;overflow: hidden;color:#484848;}
            .right ul li .icon img{ margin-right: 10px;}
            .right ul li div.tit{width:89%;float:right;}
            .right ul li span{width:10%;}

      }