.index {
  position: relative;
  width: 100%;
  background-color: #fff;
}

.index .banner .ma5slider {
  margin-bottom: 10px;
}
.index .banner .navs-wrapper {
/*  min-height: 27rem;*/
  padding: 0 !important;
  height: 100%;
}
.index .banner .navs-wrapper .slide-area {
  overflow: visible;
}
#en_ban{
  display: none!important;
}
.en_ban {
  display: none!important;
}
.logo_ftn {
    float: left;
    width: 127px;
    position: relative;
    top: 60px;
    margin-right: 5px;
}
@media (max-width: 980px) {
  .index .banner .banner_box {
    /*height: 580px;*/
  }
  .right_input li {
    padding: 8px 0!important;
}
}
.connect_title_box h2 {
  font-size: 18px;
}

.index .banner .banner_box {
  display: inline-block;
}
.index .banner .banner_box .bnerimg {
  position: relative;
 /* max-width: 1024px;*/
  margin: 0 auto;
}
.index .banner .banner_box .bnerimg img {
/*  height: 265px;*/
/*width: auto!important;*/
}
.index .banner .banner_box .bnerimg .banntit {
  text-align: left;
}
.index .banner .banner_box .bnerimg .banntit h2 {
  color: #4F0599;
  font-size: 1.871429rem;
}
.index .banner .banner_box .bnerimg .banntit p {
  font-size: 1.15714286rem;
  color: #333;
}
.index .banner .banner_box .bnerimg .banntit .btn {
  background: #4F0599 !important;
  color: #fff;
}
.index .banner .banner1 {
  background-color: #c8e6f4;
}
.index .banner .banner2 {
  background-color: #F4F5F6;
}
.index .banner .banner3 {
  background-color: #fff;
}
.index .banner_fot .dots {
  display: none;
}
.index .banner_fot .banbox {
  background-color: #1b6bb1;
  color: #fff;
}
.index .banner_fot .slides_tit .banbox {
  font-size: 22px;
  line-height: 70px;
}
.index .banner_fot .slides_tit .banbox span {
  font-size: 16px;
  display: inline;
}
.index .banner_fot .slides_tit .banbox .more_btn {
  padding: 9px 35px;
  border: 2px solid #fff;
  border-radius: 20px;
  cursor: pointer;
  margin-left: 100px;
}
.index .zycp {
  width: 100%;
}
.index .zycp .zycp_pic {
  width: 100%;
  display: block;
  overflow: hidden;
}
.index .zycp .zycp_pic ul {
  width: 100%;
  transition: all .5s;
}
.index .zycp .zycp_pic ul li {
  display: inline-block;
  padding: 0 !important;
  float: none;
}
.index .zycp .zycp_pic ul li .zcjs {
  box-shadow: 0 0 5px #ccc;
}
.index .zycp .zycp_pic ul li .zc_pic {
  text-align: center;
}
.index .zycp .zycp_pic ul li .zc_pic h4 {
  margin: 0;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  background-color: #4e0499;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.index .zycp .zycp_pic ul li .zc_pic img {
  width: 100%;
}
.index .zycp .zycp_pic ul li .fot_li {
  background: #f7f7f7;
  overflow: hidden;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs {
  padding: 25px 0;
  text-align: center;
  margin: 43px 43px 20px;
  border-top: 1px dashed #333;
  border-bottom: 1px dashed #333;
  overflow: hidden;
  height: 170px;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p {
  color: #4e4f63;
  line-height: 25px;
  width: 100%;
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*不换行*/
  text-overflow: ellipsis;
  /*超出部分文字以...显示*/
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p a {
  color: #333;
}
.index .zycp .zycp_pic ul li .fot_li .cpjs p .o {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn {
  text-align: center;
  padding: 20px 0;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn button {
  font-size: 20px;
  width: 150px;
  height: 51px;
  background: transparent;
  color: #8c0795;
  border: 0;
  border-radius: 30px;
  outline: none;
  border: 1px solid #8c0795;
}
.index .zycp .zycp_pic ul li .fot_li .cp_btn button:hover {
  background: #8c0795;
  color: #fff;
}
.index .zycp .zycp_pic ul li:hover {
  box-shadow: 2px 2px 20px #ccc;
}
.index .zycp .zycp_pic ul li:hover button {
  color: #fff !important;
  background: #690599 !important;
}
.index .zycp .cpsub_btn {
  text-align: center;
  margin-top: 50px;
}
.index .zycp .cpsub_btn button {
  width: 200px;
  height: 50px;
  background: #690599;
  color: #fff;
  border: 0;
  border-radius: 6px;
  outline: none;
}
/*2020316 zhanghj*/
.bann.col-md-6.col-lg-6.col-xs-12.col-sm-12 {
    padding: 0px;
}
.bnerimg img {
  border: 0;
    display: block;
    width: 100%;
}
.title-m {
    font-size: 36px;
    color: #000;
    border-top: 1px solid #000;
}
.title-m p {
  margin-top: 24px;
}
@media (max-width: 767.9px) and{
  .canvas {
    height: 0px;
}
.connect_title_box h2 {
  font-size: 18px;
}
}
div#bor-img {
    padding: 0;
}
div#bor-img img {
    padding: 0;
    margin-left: 23px;
}
.shipin {
  width: 63%;
  height: 660px;
  margin: 30px auto;
  border-top: 1px solid #333;
}
.i_m {
/*  height: 400px;*/
}
.shipin-p {
      font-size: 24px;
    font-weight: bold;
    margin: 0px;
    color: #000;
    margin: 20px 0;
}
.shipin-left {
    width: 77%;
    height: 89%;
    float: left;
}
.shipin-left  img {
  width: 100%;
}
.shipin-x {
  padding: 7px;
}
/*div#bor-img {
    border: 1px solid #333;
    padding: 0px;
    width: 23%;
    margin-left: 1.6%;
}*/
div#bor-imge {
      border: 1px solid #333;
    padding: 0px;
    width: 23%;
}
@media only screen and (max-width: 786px) {
            div#bor-img { 
              width: 100%;
              margin: 20px 1%;

            }
        }
@media only screen and (max-width: 786px) {
            div#bor-imge { 
              margin: 20px 1%;
                  float: left;
    width: 50%;

            }
        }
@media only screen and (max-width: 1200px) {
            div#bor-img { 
    width: 46%;
    margin: 26px 1%;
    float: right; 

            }
        }
div#shipin-l {
      padding-left: 0px;
    text-align: center;
    width: 76%;
    font-size: 14px;
    font-weight: bold;
} 
.shipin-r {
   width: 23%;
   float: right;
   overflow: hidden;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
}

.sp-r {
    width: 100%;
    padding: 0;

}
@media only screen and (max-width: 1200px) {
            div#shipin-l { 
              width: 100%;
              padding: 0;
           /*   margin: 20px 1%;*/

            }
        }
@media only screen and (max-width: 1200px) {
            .shipin-r { 
              width: 100%;
           /*   margin: 20px 1%;*/

            }
        }



li.sp-li {
    width: 270px;
    float: right;
}
.sp-li img {
  width: 100%;  
}
.shipin-left p {
  margin: 0px;
  font-size: 16px;
/*  text-align: center;*/
  color: #000;  
}
.sp-li p {
  margin: 0px;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
}

.jian-jie {
     width: 130%;
    color: #000;
    line-height: 2;
    letter-spacing: 2px;
}
.footer {
  width: 100%;
  background-color: #000;
}

.col-lg-2 img {
    width: 100%;
}
.row li {
  margin-left: 3%;
}
.footer {
  margin-top: 50px;
  width: 100%;
  background-color: #000;
}
.footer-img {
    width: 27%;
}
.footer-img {
  margin-top: 41px;
  width: 20%;
   float: left;
}
.footer-f h2 {
    font-size: 36px;
    margin-top: 7%;
    color: #fff;
}
.body_w.container.footer-text {
    margin-top: 76px;
    color: #fff;
    border-bottom: 1px solid #808080;
}
.margins {
  /*  width: 28%;*/
    margin-left: 38px;

}

.headerin {
  background-color: #fff;
  border: none;
  font-size: 14px;
  color: #000;
      margin: 0 auto;
    width: 80%;
}
.hfont-sy>li>a {
  color: #000;
}
@media only screen and (max-width: 786px) {
            .margins { 
              width: 100%;
              margin-left: 0;
           /*   margin: 20px 1%;*/

            }
        }
        @media only screen and (max-width: 786px) {
            .footer-f { 
                 width: 354px;
           /*   margin: 20px 1%;*/

            }
        }
@media only screen and (max-width: 786px) {
            .footer-f h2 { 
             font-size: 6vw;
              margin-top: 10%;
           /*   margin: 20px 1%;*/

            }
        }
@media only screen and (max-width: 678px) {
            .body_w { 
             width: 100%;
             padding: 0;
             margin-bottom: 0;
           /*   margin: 20px 1%;*/

            }
        }
@media only screen and (max-width: 1014px) {
            div#bs-example-navbar-collapse-1 { 
            margin-left: 6%;
           /*   margin: 20px 1%;*/

            }
        }
.pro-t {
    margin: 3px;
    padding: 0;
    margin-left: -11px;
}
.text-f {
  background-color: #000;
}
.footer-t {
  width: 100%;
    margin: 0 auto;

}
.footer-t p {
  margin-top: 13px;
  font-size: 14px;
  color: #808080;
  text-align: center;
}

body{font-family:"Microsoft Yahei";font-size:16px;color:#555;margin: 0; padding:0; width: 100%; overflow-x: hidden;}
input , textarea , select{font-family:"Microsoft Yahei"; color:#555; font-size:14px;}
a{ color:#333;text-decoration:none; }
a:hover{ color:#FFBF00;text-decoration: none;}
* {
  list-style: none;
}
.body_w {
  padding: 0;
  width: 70%;
  height: auto;
  margin: 0 auto;
/*  background-color: skyblue;*/
} 
.row{
  margin-left: 0;
  margin-right: 0;
}
.nav_m .n_icon {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 18px;
    line-height: 18px;
    color: #333;
    padding-left: 25px;
    background: url(../../img/nav_ico.png) no-repeat left center;
    position: absolute;
    right: 0;
    top: 37px;
    z-index: 9999;
    cursor: pointer;
    display: none;
}
/*头部*/
.header {
   width:100%;
   /*margin:75px auto;*/
   position:relative; 
   height:100px; 
   margin-bottom: 10px;
   z-index:99;
}
@media screen and (max-width: 992px){
  .head {
    width: 50%;
}
}
.po-img {
  width: 50%;
}
.top{
   width:1200px;
   height:40px;
   margin:0px auto; 
   text-align:right;
}
.top .lang,.top .search { 
   display:inline-block; 
   zoom:1; position:relative; 
   margin-left:20px; 
   font-size:14px;
   color:#FFF;
   vertical-align:top;
   height:40px;
   line-height:40px;
}
.top .lang a { 
  font-size:14px;
  color:#FFF; 
  margin:0 5px;
}
.top .lang .on { 
  color:#FFBF00;
}
.top .search{
    width:210px;
    height:40px;
    background:#444444;
}
.top .search input[type="submit"]{ 
  width:40px; 
  height:40px; 
  background-color:#FFC000; 
  background-image:url(../../img/nav_ico.png); 
  background-repeat:no-repeat; 
  background-position:center center; 
  border:0; position:absolute; 
  right:0; top:0; z-index:9; 
  cursor:pointer;
}
.header .head { 
  /*width:95%; */
  margin: 0 auto;
  height:90px; 
  text-align:left; 
  position:relative;
/*  padding-left: 5%;*/
}
.head .logo{    
    margin-right: 12.5%;
    width: 232px;
    height: 48px;
    float: right;
    margin-top: 51px;
  }
 .seacho {
  background: url(../img/seach.png) no-repeat;
  display: inline-block; 
  width: 40px; 
  height: 40px;
  position: absolute;
  top:6px;
  left:88%;
  border: none;
 }
 span.zyflg {
    font-size: 14px;
}
 .head .nav_m{
  position:relative;
  margin-left: 12%;
 }
 .head .nav li.now a,.head .nav li:hover a{
       color:#005bac;
 }
.head .nav li{ 
  display:inline-block; 
  zoom:1; 
  height:90px;
  position:relative;
  vertical-align:top;
}
/*banner*/

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;

}
ul.nav.navbar-nav.font-sy {
    margin-top: -58px;
}
@media (min-width: 768px){
  .navbar-nav>li {
    float: left;
    margin-left: -27px;
}
.seach-x {
    margin-right: 16%;
    width: 38px;
    margin-top: -37px;
}
.slide-area {
  height: 100%;
}
}
@media (max-width: 768px){
.seach-x {
    margin-right: 44%;
}

}
@media screen and (max-width: 990px){
  .head .logo img, .head .logo {
    margin-top: 11px;
    width: 15vw;
    margin-left: 40px;
}
.slide-area {
  height: 100%;
}
ul.nav.navbar-nav {
    font-size: 14px;
    margin-left: 3%;
   margin-top: -52px;
}
.seach-x.cn_en {
    margin-left: 48px;
}
.seach-x {
    margin-left: 2px;
}
ul.nav.navbar-nav {
    margin-left: 5%;
}
}
@media (min-width: 768px){
  .navbar-nav>li {
    float: left;
    font-size: 12;
}
ul.nav.navbar-nav {
    margin-left: 10%;

}
.slide-area {
  height: 100%;
}
}
.logo2 {
    width: 7%;
    float: left;
    margin-left: 41%;
    margin-top: -25px;
}
@media screen and (max-width: 765px){
  .head .logo img, .head .logo {
    margin-top: 8px;
    width: 23vw;
    margin-left: 51px;
    float: left;
    margin-left: 34%;

}
.connect .img_center_solid {
    display: none;
}
 span.zyflg {
    font-size: 12px;
}
.logo2 {
    width: 7%;
    margin-top: -13px  
  }
.navbar-default .navbar-toggle {
    margin-top: -32px;
}

.slide-area {
  height: 100%;
}
.head.clearfix.head2 {
  display: block!important;
}
.logo>a{
    display: none;
}
nav.navbar.navbar-default {
  background-color: #000!important;
      height: 55px!important;
}
span.icodp.iconfont.icon-arrow-down {
    display: block;
}
.seach-x {
    margin-right: 47%;
}
button.navbar-toggle.collapsed {
    margin-top: -52px;
    background-color: #fff;
    margin-right: 32px;
}
.slide-area {
  height: 100%;
}
}
@media screen and (max-width: 450px){
.logo2 {
    width: 13%;
    }
.navbar-default .navbar-toggle {
  margin-top: -52px;
  margin-right: 32px;
}
}
@media screen and (max-width: 1024px) {
  .head .logo {
    margin-right: 3%;
}
.slide-area {
  height: 100%;
}
}
  
@media screen and (max-width: 1903px) {
 ul.nav.navbar-nav {
    font-size: 14px;
      margin-left: -5%;
 }
   .head .logo {
    margin-right: 5%;
}
.banner .slide-area {
  height: 100%;
}
}

/*轮播自适应  开始*/
@media screen and (max-width: 1500px) {
  .w.bantit.animate0 {
    margin-left: 100px!important;
}
}
.w.bantit.animate0 {
    margin-left: -50px;
}
@media screen and (max-width: 1500px) {
.oneByOne1 {
    height: 600px!important;
} 
#onebyone_slider .oneByOne_item span.ob1_title {
      margin: 293px 0px 9px -10px!important;
      font-size: 4.5rem!important;
}  
#onebyone_slider .oneByOne_item span.ob1_description {
      margin: 13px 12px 0 -39px!important;
}
.header8 .ob1_title {
  font-size: 15px!important;
}
/*span.ob1_title.bannermar.animate0.rotateInUpRight {
  margin-top: 0px;
}*/
}
@media screen and (max-width: 1220px){
.oneByOne1,
.oneByOne_item.header1 ,
.oneByOne_item.header3{
    width: 100%!important;
 /*   background-size: contain!important;*/
    height: 405px!important;

} 
.oneByOne_item.header3{
    background-size: 98%!important;
        margin-top: -120px!important;

} 
.oneByOne_item.header1{
    background-size: 98%!important;
        margin-top: -120px!important;

}
span.ob1_title.abouttit.animate0 {
  margin: 257px 0px 0px -38px!important;
    font-size: 1.2rem!important;
}
#onebyone_slider .oneByOne_item span.ob1_title {
margin: 257px 0px 0px -25px!important;
    font-size: 3.2rem!important;
} 
}
@media screen and (max-width: 920px){
.oneByOne1 {
    height: 400px!important;
} 
#onebyone_slider .oneByOne_item span.ob1_title {
    margin: 252px 0px -15px -10px!important;
      font-size: 2.5rem!important;
}
.oneByOne_item.header3{
    background-size: 133%!important;
        margin-top: -120px!important;

} 
.oneByOne_item.header1{
    background-size: 133%!important;
        margin-top: -120px!important;

}
.oneByOne_item.header2{
    background-size: 133%!important;
        margin-top: -120px!important;

}
#onebyone_slider img.ob1_img_device1 {  
  position: absolute;
    top: 240px!important;
    left: 68%!important;
    width: 25%!important;
}
}
@media screen and (max-width: 750px){
.oneByOne1 {
    height: 400px!important;
} 
#onebyone_slider .oneByOne_item span.ob1_title {
    margin: 278px 0px -15px 5px!important;
    font-size: 2.0rem!important;
    font-weight: bold;
}
.oneByOne_item.header3{
    background-size: 133%!important;
        margin-top: -120px!important;

} 
.oneByOne_item.header1{
    background-size: 133%!important;
        margin-top: -120px!important;

}
.oneByOne_item.header2{
    background-size: 133%!important;
        margin-top: -120px!important;

}
}
@media (max-width: 768px){
.connect .con_message_form {
    margin-top: 60px;
    height: 690px;
}
}
@media (max-width: 414px){
  .connect .pic_text {
    top: 145%;
}
}
@media (max-width: 375px){
  .connect .pic_text {
    top: 206%;
}
}
.oneByOne1 {
  margin: -10 auto!important;
}
@media screen and (max-width: 420px){
.oneByOne1 {
    height: 400px!important;
} 
.buttonArea {
  display: none;
}
span.ob1_description {
  color: #fff;
}
.oneByOne_item.header2 {
    margin-top: -227px!important;
}
.oneByOne_item.header2 {
  height: 400px!important;
}
#onebyone_slider .oneByOne_item span.ob1_title {
    margin: 278px 0px -15px -2px!important;
    font-size: 2.0rem!important;
    font-weight: bold;
}
.oneByOne_item.header3{
    background-size: 133%!important;
        margin-top: -227px!important;

} 
.oneByOne_item.header1{
    background-size: 133%!important;
        margin-top: -227px!important;


}
.header.bannertu {
  height: 180px!important;
}
.oneByOne_item.header2 {
    background-size: 133%!important;
    height: 452px!important;  
}
#onebyone_slider img.ob1_img_device1 {  
  position: absolute;
    top: 288px!important;
    left: 68%!important;
    width: 25%!important;
}
}
/*轮播自适应 结束*/
/*关于我们轮播自适应*/

@media screen and (max-width: 1220px){
.hero-style-1 {
  margin-top: 299px!important;
  background-color: red;
}
.oneByOne_item.header6{
    background-size: 133%!important;
        margin-top: -170px!important;
} 
.oneByOne_item.header7{
    background-size: 133%!important;
        margin-top: -170px!important;
}
.oneByOne_item.header8{
    background-size: 133%!important;
        margin-top: -170px!important;
}
  
}




/*关于我们自适应结束*/

@media screen and (max-width: 1200px){
  ul.nav.navbar-nav {
    font-size: 14px;
    margin-left: -7%;
}
  .head .logo {
    margin-right: 3%;
    width: 11%;
    margin-top: 48px;
}
 .container.container-fluid {
  width: 90%;
 }
  ul.nav.navbar-nav>li {
    margin-left: -40px;
}
.slide-area {
  height: 100%;
}

}
.head.clearfix.head2 {
  display: none;
}@media screen and (max-width: 680px){
.logo_ftn {
    float: left;
    width: 83px;
    position: relative;
    top: 34px;
    margin-right: 5px;
}
  
}
@media screen and (max-width: 856px){
  ul.nav.navbar-nav {
    font-size: 12px;
    margin-left: -9%;
    margin-top: -33px;
}

  .head .logo {
    margin-right: 3%;
}
  ul.nav.navbar-nav>li {
    margin-left: -38px;
}
.seach-x.cn_en {
    margin-left: 35px;
}
.seach-x img {
      width: 15px;
    margin-left: 7px;
    margin-top: -16px;
}
.slide-area {
  height: 100%!important;
}
.body_w {
  width: 100%;
}

}

/*@media screen and (max-height: -width: 1024px){
  .head .logo {
    margin-right: 3%;
}
}
@media screen and (max-width: 1024px){
  .container-fluid {
    margin-left: 0%;
}
}*/

  /*  box-shadow: 0 1px 6px rgba(10, 10, 10, 0.1);
    transition: all 0.4s ease;
    transform: translate3d(0, 5.125rem, 0);
    will-change: max-width,transform,border-radius;*/
/*导航  0506*/

.head.clearfix {
/*    width: 165%;*/
    float: right;
    margin-top: -35px;
}
@media only screen and (min-width: 1200px) {
nav.navbar.navbar-default {
/*    background-color: #fff;
    border: none;
    height: 77px;
    position: fixed;
    top: 0;
    z-index: 999;*/
height: 77px;
    position: fixed;
    background: #fff;
    top: -15px;
    left: 5%;
    box-shadow: 0 1px 6px rgba(10, 10, 10, 0.1);
    transition: all 0.4s ease;
    transform: translate3d(0, 3.125rem, 0);
    will-change: max-width,transform,border-radius;
    width: 90%;
    z-index: 99999;
}
nav.stricky.navbar.navbar-default.navbar-fixed-top.stricky-fixed {
    margin: 0;
    position: fixed;
    background: #fff;
    top: -50px;
    left: 0;
    width: 100%;
    z-index: 99999;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
}
        }

div#bs-example-navbar-collapse-1 {
      font-size: 14px;
    margin-top: -56px;
    margin-left: 11.3%;
}

.logo {
    width: 18%;
    float: left;
}


.owl-carousel .owl-item {
  float: left;
}

#owl-demo {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.owl-pagination
 { position: absolute;
   left: 0;
   bottom: 5px; 
   width: 100%; 
   height: 22px;
   text-align: center;
}
.owl-page { 
  display: inline-block;
   /* width:10px; 
    height: 10px;*/
    margin: 0 5px; 
   /* background:#FFF;*/
     *display: inline; 
     *zoom: 1;
     border-radius:10px;
    -moz-border-radius:10px;
     -webkit-border-radius:10px;
   }
/*.owl-pagination .active { 
  background:#FFC000;
}*/
.owl-buttons div { 
  position: absolute;
    top: 50%; 
    width: 24px;
    height: 48px;
    margin-top: -40px;
    text-indent: -9999px;
   }
.head .nav li a { 
  padding: 15px 7px;
  font-size:14px;
  height:70px; 
  text-align:center;
  line-height:36px;
  color:#111111;
  display:inline-block; 
  zoom:1; 
  vertical-align:top;
  margin-top:27px;
}
.i_name {
    width: 100%;
    border-top: 1px solid #333;
    padding: 10px 0;
    margin-top: 60px;
}
.row {
    margin-right: 0;
       margin-left: 0;
}
.col-lg-2 {
    float: left;
    width: 23.5%;
    margin-bottom: 20px;
    /*height: 260px;*/
    background: white;
    padding: 1%;
    border: 1px solid #333;

}
.i_name_p {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0px;
    color: #000;
    margin: 20px 0;
}
/*.xiaoguo img {
    transition: .1s transform;
    transform: translateZ(0);
}*/
.xiaoguo:hover img {
    transform: scale(1.2, 1.2);
    transition: .3s transform;
}
.shipin {
  width: 63%;
  height: 660px;
  margin: 30px auto;
  border-top: 1px solid #333;
}
.i_m {
/*  height: 400px;*/
}
.shipin-p {
      font-size: 24px;
    font-weight: bold;
    margin: 0px;
    color: #000;
    margin: 20px 0;
}
.shipin-left {
    width: 77%;
    height: 89%;
    float: left;
}
.shipin-left  img {
  width: 100%;
}
.shipin-x {
  padding: 7px;
}
div#bor-img {
/*    border: 1px solid #333;*/
    padding: 0px;
    width: 23%;
    margin-left: 1.6%;
}
div#bor-imge {
     /* border: 1px solid #333;*/
    padding: 0px;
    width: 23%;
}
@media only screen and (max-width: 786px) {
            div#bor-img { 
              width: 100%;
              margin: 20px 1%;

            }
        }
@media only screen and (max-width: 786px) {
            div#bor-imge { 
              margin: 20px 1%;
                  float: left;
    width: 50%;

            }
        }
@media only screen and (max-width: 1200px) {
            div#bor-img { 
    width: 46%;
    margin: 26px 1%;
    float: right; 

            }
        }
div#shipin-l {
      padding-left: 0px;
    text-align: center;
    width: 76%;
    font-size: 14px;
    font-weight: bold;
} 
.shipin-r {
   width: 23%;
   float: right;
   overflow: hidden;
   text-align: center;
   font-size: 14px;
   font-weight: bold;
}

.sp-r {
    width: 100%;
    padding: 0;

}
@media only screen and (max-width: 1200px) {
            div#shipin-l { 
              width: 100%;
              padding: 0;
           /*   margin: 20px 1%;*/

            }
        }
@media only screen and (max-width: 1200px) {
            .shipin-r { 
              width: 100%;
           /*   margin: 20px 1%;*/

            }
        }



li.sp-li {
    width: 270px;
    float: right;
}
.sp-li img {
  width: 100%;  
}
.shipin-left p {
  margin: 0px;
  font-size: 16px;
/*  text-align: center;*/
  color: #000;  
}
.sp-li p {
  margin: 0px;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
}
.jian-jie {
     width: 130%;
    color: #000;
    line-height: 2;
    letter-spacing: 2px;
}
.footer {
  padding: 0;
  width: 100%;
  background-color: #000;
}

.col-lg-2 img {
    width: 100%;
}
.row li {
  margin-left: 3%;
}
div#jianjie-img {
  padding: 7px;
  font-size: 14px;
  line-height: 2;
  margin-bottom: 49px;
  color: #000;
  letter-spacing: 1px;
      border: 1px solid skyblue;
}
.footer {
  margin-top: 0px;
  width: 100%;
  background-color: #000;
}
.footer-img {
    width: 27%;
}
.footer-f {
    float: left;
    width: 500px;
}
.footer-img {
  margin-top: 52px;
  width: 20%;
   float: left;
}
/*字体图标开始*/
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_jn4kdex1lle.eot');
  src: url('//at.alicdn.com/t/webfont_jn4kdex1lle.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/webfont_jn4kdex1lle.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_jn4kdex1lle.woff') format('woff'), 
  url('//at.alicdn.com/t/webfont_jn4kdex1lle.ttf') format('truetype'), 
  url('//at.alicdn.com/t/webfont_jn4kdex1lle.svg#站酷高端黑') format('svg'); 
}
/*   @font-face {
    font-family: 'icomoon';
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2');
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
          url('../../assets/fonts/icomoon.ttf?7kkyc2') format('turetype'),
          url('../../assets/fonts/icomoon.woff?7kkyc2') format('woff'),
          url('../../assets/fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   .footer-img.img-responsive {
    display: inline-block;
    font-family: "icomoon";
    font-size: 90px;
    color: #000;
   }*/
/*字体图标结束*/
.footer-f h2 {
  display: inline-block;
    font-size: 40px;
    margin-top: 37px;
    color: #fff;
}
h2.icon_ftn {
    font-family: "webfont";
    font-size: 52px;
    display: inline-block;
}
span.p_icon {
    font-family: "webfont";
    font-size: 16px;
}
.body_w.container.footer-text {
    margin-top: 76px;
    color: #fff;
    border-bottom: 1px solid #808080;
}
.fonts-s {
border-top: 1px solid #808080;
    margin-top: 22px;
    padding-top: 20px;
    font-size: 14px;
    margin-bottom: 48px;
        letter-spacing: 1px;
}
.margins {
    /*width: 28%;*/
    margin-left: 38px;

}
.headerin {
  background-color: #fff;
  border: none;
  font-size: 14px;
  color: #000;
      margin: 0 auto;
    width: 80%;
}
.hfont-sy>li>a {
  color: #000;
}
@media only screen and (max-width: 786px) {
            .margins { 
              width: 100%;
              margin-left: 0;
           /*   margin: 20px 1%;*/

            }
        }
        @media only screen and (max-width: 786px) {
            .footer-f { 
                 width: 218%;
           /*   margin: 20px 1%;*/

            }
        }
@media only screen and (max-width: 786px) {
            .footer-f h2 { 
             font-size: 6vw;
              margin-top: 2%;
           /*   margin: 20px 1%;*/

            }
        }

.pro-t {
    margin: 3px;
    padding: 0;
    margin-left: -11px;
}
.text-f {
  background-color: #000;
}
.footer-t {
  width: 100%;
    margin: 0 auto;

}
.footer-t p {
  margin-top: 13px;
  font-size: 14px;
  color: #808080;
  text-align: center;
}
.sea_btn {
    display: block;
    width: 16%;
    margin: 0px auto;
    /* width: 23%; */
}
.seach-x {
    margin-top: 15px;
    margin-left: 23px;
}
.tu.col-md-12.sp-r {
    width: 117%;
    margin-left: -17px;
}
.col-md-4.margins {
    margin: 0;
}
.row.pro-t {
    margin-left: -48px;
    padding-right: 31px;
}
/*留言  开始*/
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #2b3e51;
  background-color: #ffffff;
}

a {
  color: #2c97de;
  text-decoration: none;
}

/* -------------------------------- 

Form

-------------------------------- */
.cd-form {
  width: 90%;
  max-width: 600px;
  margin: 4em auto;
}
.cd-form::after {
  clear: both;
  content: "";
  display: table;
}
.cd-form fieldset {
  margin: 24px 0;
}
.cd-form legend {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 2rem;
  border-bottom: 1px solid #ecf0f1;
}
.cd-form div {
  /* form element wrapper */
  position: relative;
  margin: 20px 0;
}
.cd-form h4, .cd-form .cd-label {
  font-size: 1.3rem;
  color: #94aab0;
  margin-bottom: 10px;
}
.cd-form .cd-label {
  display: block;
}
.cd-form input, .cd-form textarea, .cd-form select, .cd-form label {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #2b3e51;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select,
.cd-form legend {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
  /* general style for input elements */
  padding: 12px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="text"]:focus,
.cd-form input[type="email"]:focus,
.cd-form textarea:focus,
.cd-form select:focus {
  outline: none;
  border-color: #2c97de;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.cd-form .cd-select {
  /* select element wapper */
  position: relative;
}
.cd-form .cd-select::after {
  /* arrow icon for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-form select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.cd-form select::-ms-expand {
  display: none;
}
.cd-form .cd-form-list {
  margin-top: 16px;
}
.cd-form .cd-form-list li {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 20px 16px 0;
}
.cd-form input[type=radio],
.cd-form input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-form input[type="radio"] + label,
.cd-form input[type="checkbox"] + label {
  padding-left: 24px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after {
  border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  border-radius: .25em;
}
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
.cd-form input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url("../img/cd-icon-radio.svg");
}
.cd-form input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("../img/cd-icon-check.svg");
}
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::after {
  display: block;
}
.cd-form input[type="radio"]:checked + label::before,
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::before,
.cd-form input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}
.cd-form textarea {
  min-height: 200px;
  resize: vertical;
  overflow: auto;
}
.cd-form input[type="submit"] {
  /* button style */
  border: none;
  background: #333;
  border-radius: .25em;
  padding: 16px 20px;
  color: #ffffff;
  font-weight: bold;
  float: right;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type="submit"]:hover {
  background: #42a2e1;
}
.cd-form input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-form [required] {
  background: url("../img/cd-required.svg") no-repeat top right;
}
.cd-form .error-message p {
  background: #333;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: .25em;
  padding: 16px;
}
.cd-form .error {
  border-color: #e94b35 !important;
}
@media only screen and (min-width: 600px) {
  .cd-form div {
    /* form element wrapper */
    margin: 32px 0;
  }
  .cd-form legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 20px;
  }
  .cd-form h4, .cd-form .cd-label {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .cd-form input[type="text"],
  .cd-form input[type="email"],
  .cd-form textarea,
  .cd-form select {
    padding: 16px;
  }
}

@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/* -------------------------------- 

Custom icons

-------------------------------- */
.cd-form .icon input, .cd-form .icon select, .cd-form .icon textarea {
/*  padding-left: 54px !important;*/
}
.cd-form .user {
  background: url("../img/cd-icon-user.svg") no-repeat 16px center;
}
.cd-form [required].user {
  background: url("../img/cd-icon-user.svg") no-repeat 16px center, url("../img/cd-required.svg") no-repeat top right;
}
.cd-form .company {
  background: url("../img/cd-icon-company.svg") no-repeat 16px center;
}
.cd-form [required].company {
  background: url("../img/cd-icon-company.svg") no-repeat 16px center, url("../img/cd-required.svg") no-repeat top right;
}
.cd-form .email {
  background: url("../img/cd-icon-email.svg") no-repeat 16px center;
}
.cd-form [required].email {
  background: url("../img/cd-icon-email.svg") no-repeat 16px center, url("../img/cd-required.svg") no-repeat top right;
}
.cd-form .budget {
  background: url("../img/cd-icon-budget.svg") no-repeat 16px center;
}
.cd-form .message {
  background: url("../img/cd-icon-message.svg") no-repeat 16px 16px;
}
.cd-form [required].message {
  background: url("../img/cd-icon-message.svg") no-repeat 16px 16px, url("../img/cd-required.svg") no-repeat top right;
}

/* -------------------------------- 

FLoating labels 

-------------------------------- */
.js .floating-labels div {
  margin: 28px 0;
}
.js .floating-labels .cd-label {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 1.6rem;
  cursor: text;
  -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s;
  -moz-transition: top 0.2s, left 0.2s, font-size 0.2s;
  transition: top 0.2s, left 0.2s, font-size 0.2s;
}
.js .floating-labels .icon .cd-label {
  left: 56px;
}
.js .floating-labels .cd-label.float {
  /* move label out the input field */
  font-size: 1.2rem;
  top: -16px;
  left: 0 !important;
}
@media only screen and (min-width: 600px) {
  .js .floating-labels legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 16px;
  }
  .js .floating-labels .cd-label {
    top: 20px;
  }
}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}


a{text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;}

.container{
  margin: 0 auto;
 /* text-align: center;*/
  overflow: hidden;
}

/*轮播*/
.header.bannertu {
    height: 100%;
    
}
/*@media (min-width: 1200px){
.oneByOne1 {
    width: 1170px;
}

}*/
/*.bannerbac1 {
  background:url(../../assets/image/bc01.png) no-repeat  center;
}
.bannerpng {
    height: 680px;
    width: 100%;
   background:url(../../assets/image/bc01.png) no-repeat  center;
    font-size: 88px;

}*/
.oneByOne_item.header1 {
  background:url(../../assets/image/banner.png) no-repeat  center;
  width: 100%!important;
  height: 680px!important;
}
.oneByOne_item.header2 {
  background: url(../../assets/image/bannertoo.png) no-repeat center;
  width: 100%!important;
  height: 680px!important;
}
.oneByOne_item.header3 {
 background:url(../../assets/image/bac002.png) no-repeat  center;
  width: 100%!important;
  height: 680px!important;
}
#onebyone_slider img.ob1_img_device1 {
    position: absolute;
    top: 78px;
    left: 57%;
    width: 26%;
}
.header3 .ob1_title {
  margin-left: 167px!important;
  color: #000!important;
  font-size: 5rem!important;
}

/*.oneByOne_item span:first-child {
  margin: 50px!important;
}
*/  
#onebyone_slider .oneByOne_item span.ob1_title {
    clear: left;
    position: relative;
    float: left;
    margin: 362px 0px 26px 311px;
    padding: 8px;
    color: #FFF;
    font-size: 6rem;
    /*font-weight: 700;*/
    text-transform: uppercase;
    text-shadow: 5px 5px 10px rgba(0,0,0,.3);
    z-index: 50;
}
#onebyone_slider .oneByOne_item span.ob1_description {
    clear: left;
    position: relative;
    float: left;
    margin: 13px 12px 0 309px;
    max-width: 470px;
    color: #FFF;
    padding: 8px;
    font-size: 14px;
    text-shadow: 5px 5px 10px rgba(0,0,0,.3);
    z-index: 50;
}
#onebyone_slider .oneByOne_item span.ob1_button .default_button {
    margin: 0;
    padding: 7px 25px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
}
.buttonCon .theButton {
    display: block;
    color: #b22222;
    width: 20px;
    height: 22px;
    background: url(../../assets/image/circlebutton.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.oneByOne_item.header6 {
  background:url(../../assets/image/bacgy.png) no-repeat  center;
  width: 100%!important;
  height: 680px!important;
    background-color: #000;
}
.oneByOne_item.header7 {
  background:url(../../assets/image/bacban.png) no-repeat  center;
  background-color: #000;
  width: 100%!important;
  height: 680px!important;
}
.oneByOne_item.header8 {
 background:url(../../assets/image/bannercc.png) no-repeat  center;
  width: 100%!important;
  height: 680px!important;
  background-color: #000;
}
/*.header.bannerguanyu {
    height: 71%;
}*/
.dazi {
    position: absolute;
    left: 14rem;
    margin-top: 89px;
    /*font-size: 19rem;*/
    color: rgba(255,255,255,.1);
    font-weight: 800;
    letter-spacing: -8px;
}
.dazi2 {
    width: 120%;
    position: absolute;
    top: 9rem;
    font-size: 17rem;
    color: rgba(255,255,255,.1);
    font-weight: 800;
    letter-spacing: -9px;
}
.dazi3 {
    position: absolute;
    top: 20rem;
    font-size: 17rem;
    color: rgba(255,255,255,.1);
    font-weight: 800;
    letter-spacing: -18px;
}
div#service2 {
  background-color: #1a1a1a;
  padding: 4rem;
  border-bottom: 1px solid #393939;
}
p.conter_p {
    /*margin-bottom: 43px!important;*/
}
span.ob1_title.bannermar {
  position: absolute;
    left: 20%;
}
   @font-face {
    font-family: 'icomoon';
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2');
    src:  url('../../assets/fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
          url('../../assets/fonts/icomoon.ttf?7kkyc2') format('turetype'),
          url('../../assets/fonts/icomoon.woff?7kkyc2') format('woff'),
          url('../../assets/fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   .icon_fter {
    display: inline-block;
    font-family: "icomoon";
    font-size: 15px;
    color: #fff;
    margin-left: -4px;
   }
   /*如何购买 开始*/
   .col-md-8.buy_le {
    padding: 0px;
    height: 570px;
}
.col-md-12.buypic_02,
.col-md-12.buypic_03,
.col-md-12.buypic_01 {
    height: 280px;
}
.col-md-12.buypic_01,
.col-md-12.buypic_02,
.col-md-12.buypic_03,
.col-md-4.buy_ri {
    padding-left: 0;
}
.col-md-12.buypic_02 {
    margin: 15px 0;
}
.row.buy_ban {
    margin-bottom: 50px;
}
.gmt{
  width: 52px;
  height: 20px;
}
#tbt{
  z-index: 99;
  position: relative;
  top: -300px;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  left: -142px;
}
#tbt img{
  width: 30px;
  margin-right: 5px;
}
#tm-logo{
  position: relative;
  z-index: 1;
  width: 270px;
  float: left;
  top: -80px;
  left: 15px;
}
/*手机响应式 开始哦*/
@media (max-width: 375px) {
ul.nav.navbar-nav {
    font-size: 12px;
    margin-left: 4%;
    margin-top: -6px;
}
.ql-editor .ql-align-center {
    text-align: center;
    font-size: 24px;
}
.row.jxc_dw {
    margin-bottom: -37rem!important;
}
.col-md-12.buy_er.text-center {
    margin-bottom: -28rem!important;
}
.shop_p p {
      position: relative;
    top: -60px!important;
    font-size: 19px;
} 
div#collapseExample2,
div#collapseExample {
    position: absolute;
    margin-top: -177px!important;


}
input.form-control.seach_form {
    font-size: 25px;
    padding-left: 2rem;
}
.well.yuyan_inpu.col-md-12{
  width: 100%;
  float: left;
}
.well.yuyan_inpu {
      width: 144%;
}
.col-md-12.lau {
    width: 50%;
    float: left;
    margin-top: 3rem;
}
nav.navbar.navbar-default {
    width: 375px;
}
.owl-carousel .owl-wrapper-outer {
    margin-top: 3rem;
}
.owl-theme .owl-controls {
    display: none!important;
}
#bar {
  bottom: 0!important;
}
.dazi2 {
    width: 313px;
    font-size: 8rem;
        top: 1rem;
    }
    #progressBar {
    width: 258px;
        font-size: 9rem;
  }
.hero-style-1 {
    min-height: 500px!important;
  }
.dazi {
      width: 375px;
          font-size: 5rem;
      left: 0;
}
.container.fuwuys {
    margin-top: -7rem;
padding-bottom: 8rem;
}
.section-title span {
    font-size: 2rem!important;
}
.about-logo img {
  width: 90%;
}
.hero .copy {
      position: absolute;
    bottom: -194%!important;
    right: 15px!important;
    z-index: 999!important;
        color: #555!important;
}
.hero .slide-caption h2 {
  font-size: 2rem;
}
.copy {
  display: none;
}
.qylb_pic_box {
    padding: 5px!important;
}
.zysearch {
    margin-top: 55px;
}
.nav_list a {
    width: 134px!important;
}
.cp_box ul {
    margin-left: 1px!important;
}
.cplist .cp_box1 ul li ul li {
  margin-right: 0!important;
      margin-left: 0!important;
}
li.col-xs-6.col-sm-6.col-md-4.col-lg-4.pro_width {
    width: 50%!important;
    }
    tbody {
    width: 300px;
    display: inherit;
}
.cpfenlist .table {
    width: 100%;
    min-width: 207px;
    margin-left: 5px;
}
.zhouc_tm {
    width: 198px!important;
    position: absolute!important;
    top: 24%!important;
    left: 24.5%!important;
}
@media (max-width: 414px) {
ul.nav.navbar-nav {
    font-size: 12px;
    margin-left: 4%;
    margin-top: -6px;
}
.ql-editor .ql-align-center {
    text-align: center;
    font-size: 24px;
}
.row.jxc_dw {
    margin-bottom: -37rem!important;
}
.shop_p p {
      position: relative;
    top: -60px!important;
    font-size: 19px;
} 
.col-md-12.buy_er.text-center {
    margin-bottom: -28rem!important;
}

div#collapseExample2,
div#collapseExample {
    position: absolute;
    margin-top: -177px!important;


}
input.form-control.seach_form {
    font-size: 25px;
    padding-left: 2rem;
}
.well.yuyan_inpu.col-md-12{
  width: 100%;
  float: left;
}
.well.yuyan_inpu {
      width: 144%;
}
.col-md-12.lau {
    width: 50%;
    float: left;
    margin-top: 3rem;
}
nav.navbar.navbar-default {
    width: 375px;
}
.owl-carousel .owl-wrapper-outer {
    margin-top: 3rem;
}
.owl-theme .owl-controls {
    display: none!important;
}
#bar {
  bottom: 0!important;
}
.dazi2 {
    width: 313px;
    font-size: 8rem;
    }
    #progressBar {
    width: 258px;
        font-size: 9rem;
  }
.hero-style-1 {
    min-height: 500px!important;
  }
.dazi {
      width: 375px;
          font-size: 5rem;
      left: 0;
}
.container.fuwuys {
    margin-top: -7rem;
padding-bottom: 8rem;
}
.section-title span {
    font-size: 2rem!important;
}
.about-logo img {
  width: 90%;
}
.hero .copy {
      position: absolute;
    bottom: -194%!important;
    right: 15px!important;
    z-index: 999!important;
        color: #555!important;
}
.hero .slide-caption h2 {
  font-size: 2rem;
}
.copy {
  display: none;
}
.qylb_pic_box {
    padding: 5px!important;
}
.zysearch {
    margin-top: 55px;
}
.nav_list a {
    width: 134px!important;
}
.cp_box ul {
    margin-left: 1px!important;
}
.cplist .cp_box1 ul li ul li {
  margin-right: 0!important;
      margin-left: 0!important;
}
li.col-xs-6.col-sm-6.col-md-4.col-lg-4.pro_width {
    width: 50%!important;
    }
    tbody {
    width: 300px;
    display: inherit;
}
.cpfenlist .table {
    width: 100%;
    min-width: 207px;
    margin-left: 5px;
}
.zhouc_tm {
    width: 198px!important;
    position: absolute!important;
    top: 24%!important;
    left: 24.5%!important;
}

@media (max-width: 980px) {
ul.nav.navbar-nav {
    font-size: 12px;
    margin-left: 4%;
    margin-top: -6px;
}
.cplist .cp_box1 {
    padding: 0 10px!important;
    }
.cplist .cp_box1 ul li ul li {
      min-height: 172px!important;
}
span.icon_bear1 {
      top: 10px!important;
    width: 46px!important;
}
span.icon_bear2 {
      width: 40px!important;
}
span.icon_bear3 {
    width: 47px!important;
  }
.nav_list a {
    margin: 3px 0!important;
    text-align: left!important;
  }
ul.nav.new-tabs.new-tabs2 {
    margin-left: 26px!important;
}
.small-12 h3 {
  font-size: 18px!important
}
.ql-editor .ql-align-center {
    text-align: center;
    font-size: 24px;
}
.hyxwxqy_box .hyxwxqy_fot_tit ul li {
    display: inline-block;
    float: left;
    width: 80%!important;
}
.ql-editor h2 {
  font-size: 18px!important;
}
.shop_p p {
      position: relative;
    top: -35px!important;
    font-size: 19px;
} 
.col-md-12.buy_er.text-center {
    margin-bottom: -28rem!important;
}
.row.jxc_dw {
    margin-bottom: -19rem!important;
}
div#collapseExample2,
div#collapseExample {
    position: absolute;
    margin-top: -177px!important;


}
input.form-control.seach_form {
    font-size: 25px;
    padding-left: 2rem;
}
.well.yuyan_inpu.col-md-12{
  width: 100%;
  float: left;
}
.well.yuyan_inpu {
      width: 144%;
}
.col-md-12.lau {
    width: 50%;
    float: left;
    margin-top: 3rem;
}
nav.navbar.navbar-default {
    width: 375px;
}
.owl-carousel .owl-wrapper-outer {
    margin-top: 3rem;
}
.owl-theme .owl-controls {
    display: none!important;
}
#bar {
  bottom: 0!important;
}
.dazi2 {
    width: 313px;
    font-size: 8rem;
        opacity: 0.7;
    }
    #progressBar {
    width: 258px;
        font-size: 9rem;
  }
.hero-style-1 {
    min-height: 400px!important;
  }
.dazi {
      width: 375px;
          font-size: 5rem;
      left: 0;
}
.container.fuwuys {
    margin-top: -7rem;
padding-bottom: 8rem;
}
.section-title span {
    font-size: 2rem!important;
}
.about-logo img {
  width: 90%;
}
.hero .copy {
      position: absolute;
    bottom: -194%!important;
    right: 15px!important;
    z-index: 999!important;
        color: #555!important;
}
.hero .slide-caption h2 {
  font-size: 2rem;
}
.copy {
  display: none;
}
.qylb_pic_box {
    padding: 5px!important;
}
.zysearch {
    margin-top: 55px;
}
.nav_list a {
  width: 324px!important;
    font-size: 14px;
}
.cp_box ul {
    margin-left: 1px!important;
}
.cplist .cp_box1 ul li ul li {
  margin-right: 0!important;
      margin-left: 0!important;
}
li.col-xs-6.col-sm-6.col-md-4.col-lg-4.pro_width {
       width: 46%!important;
    margin: 7px!important;
    }
    tbody {
    width: 300px;
    display: inherit;
}
.cpfenlist .table {
    width: 100%;
    min-width: 207px;
    margin-left: 5px;
}
.container.table_pro {
    height: 100px!important;
}
.see_lishi h4 {
    font-size: 18px!important;
}
.zhouc_tm {
    width: 198px!important;
    position: absolute!important;
    top: 18%!important;
    left: 24.5%!important;
        z-index: 999!important;
}
.hero .slide-caption {
    padding-top: 0px!important;
}
.about-content2 p {
  letter-spacing: 0!important;
}
section#protfolio {
    margin-top: -8rem!important;
}
.section-title h2 {
    font-size: 1.2rem!important;
  }
  .shijie {
    margin-left: -3rem!important;
}
.connect .pic_text {
    top: 217%!important;
}
.cplist .cp_box1 ul li ul li:nth-child(54) {
    opacity: 1!important;
}
.seach-x {
    width: 48px!important;
    }
    .qylb_pic_box {
    margin-top: -9rem!important;
}
div#careers-jobs-section {
    padding: 27px!important;
}
.buy_er h4 {
    font-size: 23px!important;
    }