.max1200{
    max-width: 1260px;
    padding: 0 30px;
    margin: 0 auto;
}
@media(max-width:991px){
    .max1200{
        padding: 0 15px;
    }
}


/* 头部 */
.header {
  width: 100%;
  background: #fff;
}

.header .max1200{
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

.header .max1200 .left {
  float: left;
}

.header .max1200 .left a {
  display: block;
  float: left;
  margin-top: 4px;
}

.header .max1200 .left img {
  width: 300px;
}

.header .max1200 .left div {
  float: left;
  margin-left: -11px;
  padding-left: 37px;
  border-left: #ccc solid 1px;
  line-height: 52px;
  overflow: hidden;
}

.header .max1200 .left div b {
  color: #3c3c3c;
  font-size: 22px;
  float: left;
}

.header .max1200 .left div span {
  font-size: 22px;
  float: left;
  display: block;
  margin-left: 19px;
  color: #3c3c3c;
}

.header .max1200 .right {
  float: right;
  overflow: hidden;
}

.header .max1200 .right img {
  float: left;
  display: block;
  margin: 8px 13px 0 0;
}

.header .max1200 .right a {
  display: block;
  overflow: hidden;
}

.header .max1200 .right em {
}

.header .max1200 .right h2 {
  font-size: 24px;
  color: #0e6eb8;
}
.nav {
  background: #0f93db;
  line-height: 64px;
}
.title h3 {
  font-size: 28px;
  text-align: center;
  font-weight: normal;
  color: #212833;
  padding-top: 28px;
}
@media(max-width:768px){
    .title h3{
        font-size: 24px;
        padding-top: 15px;
    }
}

/**/

/* 导航样式 */
.x-menu {
  float: left;
}

.x-menu > li {
  float: left;
  position: relative;
  width: 12.5%;
  text-align: center;
}

.x-menu > li > a {
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x-menu > li > a:hover {
  color: #fff;
  opacity: 1;
}

.x-menu > li.active > a {
  color: #fff;
  opacity: 1;
}

.x-menu > li:after {
  content: "";
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 999;
  width: 150%;
  left: -25%;
  top: 64px;
  background: #007cc2;
  border-radius: 5px;
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  line-height: 2;
  font-size: 14px;
  color: #fff;
  line-height: 1.5;
  padding: 0.5em;
}

.x-sub-menu > li > a:hover {
  background: #fff;
  color: #666;
}

.x-sub-menu li{
    position: relative;
}
.x-sub-menu li .erji{
   position: absolute;
    border-radius: 5px;
    top: 0;
    line-height: 30px;
    background: #007cc2;
   color: #fff;
  display: none;
   transition: all 0.8s;
   left: 100%;
    width: 100%;
}
.x-sub-menu li .erji li a{
    color: #fff;
}
.x-sub-menu li .erji li:hover{
   background: #fff;
   
}
.x-sub-menu li .erji li:hover a{
    color: #666;
}
.erji > li > a {
     display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding:0 0.5em;
}

@media(max-width:1080px){
    .header .max1200 .left div{
        padding-left: 20px;
    }
    .x-menu > li > a{
        font-size: 16px;
    }
}

@media(max-width:991px){
    .header{
        display: none;
    }
    .nav{
        display: none;
    }
}

/* 热销产品 */
.product {
  background: #f6f6f6;
  padding-top: 15px;
}
.index_cptab{
    display: flex;
    flex-wrap: wrap;
}
.sb .hd li {
margin: 5px 0;
  width: 13%;
  margin-right: 1.5%;
  border: 1px solid #e1e1e1;
  text-align: center;
  line-height: 34px;
  border-radius: 64px;
  font-size: 16px;
}
.sb .hd li:nth-child(7){
    margin-right: 0;
}
.sb .hd li a {
  color: #666666;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding:0 5px;
}
.sb .hd {
  /*width: 276px;*/
  margin: 0 auto;
  margin: 30px 0 20px;
}
.sb .hd li.on a {
  border-color: #007cc2;
  background: #007cc2;
  color: #fff;
  border-radius: 64px;
  display: block;
}
.sb .bd {
  margin-top: 8px;
}
.index_cpzx_con{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.index_cpzx_li{
    width: 30%; 
    margin-right: 5%;
}
.index_cpzx_li:nth-child(3n){
    margin-right: 0;
}
.index_cpzx_li:nth-child(4){
    display: none;
}
.sb .bd ul .pimg {
  width: 100%;
  /*height: 237px;*/
  margin: 12px auto;
  overflow: hidden;
}
.sb .bd ul .pimg img {
  transition: all 0.8s;
  max-width: 100%;
}
.sb .bd ul .pimg:hover img {
  transition: all 0.8s;
  transform: scale(1.05);
}
.sb .bd .ppro p {
  font-weight: normal;
  text-align: center;
  font-size: 18px;
  color: #000000;
  margin: 6px 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media(max-width:991px){
    .sb .hd li{
        width: 32%;
        margin-right: 2%;
    }
    .sb .hd li:nth-child(7){
        display: none;
    }
    .sb .hd li:nth-child(3n){
        margin-right: 0;
    }
    .sb .bd .ppro p{
        font-size: 16px;
    }
}
@media(max-width:768px){
    .product{
        padding-bottom: 25px;
    }
    .sb .hd{
        margin: 15px 0 15px;
    }
    .index_cpzx_li{
        width: 48%;
        margin-right: 4%;
    }
    .sb .bd ul .pimg{
        margin: 0;
    }
    .sb .bd .ppro p{
        margin: 10px 0;
    }
    .index_cpzx_li:nth-child(4){
        display: block;
    }
    .index_cpzx_li:nth-child(3n){
        margin-right: 4%;
    }
    .index_cpzx_li:nth-child(2n){
        margin-right: 0;
    }
}
@media(max-width:468px){
    .sb .hd li{
        width: 49%;
    }
    .sb .hd li:nth-child(3n){
        margin-right: 2%;
    }
    .sb .hd li:nth-child(2n){
        margin-right: 0;
    }
    .sb .bd .ppro p{
        font-size: 14px;
    }
}
/* 精彩视频 */
.ship{
    padding: 15px 0 30px;
}
.index_shipin{
    width: 32%;
    margin-right: 2%;
}
.index_shipin:nth-child(3n){
    margin-right: 0;
}
.spimg {
  width: 100%;
}
.spimg img {
  width: 100%;
}
.sp p {
  background: url(../images/img/indexico_31.png) no-repeat left center;
  padding-left: 25px;
  margin-top: 25px;
  font-weight: 600;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp:hover p {
  color: #007cc2;
}
.sho {
  margin-top: 40px;
}
@media(max-width:768px){
    .sho{
        margin-top: 20px;
    }
    .index_shipin{
        width: 48%;
        margin-right: 4%;
    }
    .index_shipin:nth-child(3n){
        margin-right: 4%;
    }
    .index_shipin:nth-child(2n){
        margin-right: 0;
    }
    .sp p{
        padding-left: 15px;
        margin: 10px 0;
    }
    .ship{
        padding-bottom: 20px;
    }
}
@media(max-width:468px){
    .index_shipin{
        width: 100%;
        margin-right: 0%!important;
    }
}

/* 公司简介 */
.about {
  margin-top: 40px;
}
.aleft {
  overflow: hidden;
  width: 50%;
}
.aleft img {
  transition: all 0.8s;
  max-width: 100%;
}
.aleft:hover img {
  transition: all 0.8s;
  transform: scale(1.05);
}
.aright {
  width: 45%;
}
.aright .p1 {
  font-size: 28px;
  line-height: 1.5;
  color: #303030;
  font-weight: normal;
  margin: 5px 0 5%;
}
.aright .cont p {
  color: rgb(102, 102, 102);
  line-height: 28px;
}
.aright a {
  display: block;
  width: 113px;
  height: 42px;
  display: block;
  background: #fff;
  line-height: 42px;
  box-shadow: 0 0px 30px rgba(236, 236, 236, 1);
  padding-left: 32px;
  margin-top: 8%;
  color: #666666;
  text-transform: uppercase;
  transition: all 0.8s;
}
.aright a:hover {
  background: #007cc2;
  color: #fff;
}
.ryimg {
  border: 1px solid #000;
}
.ry {
  margin-top: 12px;
  overflow: hidden;
  padding: 0 1px;
}
@media(max-width:991px){
    .aleft{
        width: 100%;
    }
    .aleft img{
        width: 100%;
    }
    .aright{
        width: 100%;
        margin-top: 15px;
    }
    .aright .p1{
        margin-bottom: 10px;
    }
    .aright a{
        margin-top: 20px;
    }
    .ry{
        margin-top: 20px;
    }
    .about{
        margin-top: 20px;
    }
    .aright .p1{
        font-size: 24px;
    }
}

/* 客户案例 */
.case {
  margin-top: 35px;
}
.ccse {
  margin-top: 37px;
}
.case1{
    width: 32%;
    margin-right: 2%;
}
.case1:nth-child(3n){
    margin-right: 0;
}
.case1 p {
  background: url(../images/img/indexico_31.png) no-repeat left center;
  padding-left: 25px;
  margin-top: 28px;
  font-weight: 600;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case1:hover p {
  color: #007cc2;
}
.cimg {
  overflow: hidden;
  width: 100%;
}
.cimg img {
  transition: all 0.8s;
  width: 100%;
}
.cimg:hover img {
  transition: all 0.8s;
  transform: scale(1.05);
}
@media(max-width:768px){
    .ccse{
        margin-top: 20px;
    }
    .case1{
        width: 48%;
        margin-right: 4%;
    }
    .case1:nth-child(3n){
        margin-right: 4%;
    }
    .case1:nth-child(2n){
        margin-right: 0;
    }
    .case1 p{
        padding-left: 15px;
        margin: 10px 0;
    }
}
@media(max-width:468px){
    .case1{
        width: 100%;
        margin-right: 0%!important;
    }
}

/* 新闻中心 */
.news{
    padding: 20px 0 30px;
}
.news_fb{
    margin-top: 20px;
}

.index_xinwen_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nleft,
.nright {
  width: 47.5%;
}
.pn {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: inherit;
  border-bottom: 1px solid #b9b9b9;
  color: rgb(102, 102, 102);
  margin-bottom: 20px;
}
.nimg {
  width: 140px;
}
.nimg img {
  width: 100%;
}
.news_fb .ncont{
   width: calc(100% - 160px); 
}
.ncont .p1 {
  font-size: 14px;
  line-height: 24px;
  color: #666;
  margin-top: 10px;
}
.ncont .p2 {
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}
.ncont .p2 .a2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nli li + li {
  margin-top: 20px;
}
.news .p2 .a2:hover {
  color: #0e6eb8 !important;
}
@media(max-width:768px){
    .nleft,
    .nright {
      width: 100%;
    }
    .pn{
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
    .news{
        padding: 10px 0 20px;
    }
}
@media(max-width:468px){
    .nimg{
        width: 100px;
    }
    .news_fb .ncont {
        width: calc(100% - 120px);
    }
}
/* 服务标准 */
.fuwu {
  background: #f6f6f6;
  margin-top: 12px;
  padding-bottom: 43px;
  padding-top: 15px;
}
.fuwu_fb{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.fimg {
  width: 157px;
  height: 157px;
  border-radius: 50%;
  background: #e4e4e4;
  margin: 0 auto;
  text-align: center;
  line-height: 157px;
}
.ff {
  width: 25%;
  margin-top: 43px;
}

.ff:nth-child(1) .fimg {
  background: #e4e4e4 url(../images/img/f1.png) no-repeat center;
}
.ff:nth-child(2) .fimg {
  background: #e4e4e4 url(../images/img/f2.png) no-repeat center;
}
.ff:nth-child(3) .fimg {
  background: #e4e4e4 url(../images/img/f3.png) no-repeat center;
}
.ff:nth-child(4) .fimg {
  background: #e4e4e4 url(../images/img/f4.png) no-repeat center;
}
.ff:nth-child(1):hover .fimg {
  background: #0e6eb8 url(../images/img/f11.png) no-repeat center;
}
.ff:nth-child(2):hover .fimg {
  background: #0e6eb8 url(../images/img/f21.png) no-repeat center;
}
.ff:nth-child(3):hover .fimg {
  background: #0e6eb8 url(../images/img/f31.png) no-repeat center;
}
.ff:nth-child(4):hover .fimg {
  background: #0e6eb8 url(../images/img/f41.png) no-repeat center;
}
.ff .p1 {
  max-width: 157px;
  margin: 0 auto;
  font-size: 18px;
  color: #515151;
  text-align: center;
  position: relative;
  margin-top: 32px;
  font-weight: 700;
}
.ff .p1::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -12px;

  background: #0e6eb8;
  margin-left: -10px;
}
.ff .fcont {
  text-align: center;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 25px;
  color: rgb(102, 102, 102);
}
.ff:hover .p1 {
  color: #0e6eb8;
}
@media(max-width:991px){
    .ff{
        width: 50%;
    }
    .fuwu{
        padding-bottom: 25px;
    }
}
@media(max-width:468px){
    .fimg{
        width: 130px;
        height: 130px;
    }
    .ff .fcont{
        font-size: 14px;
        max-width: 90%;
    }
    .ff{
        margin-top: 25px;
    }
    .ff .p1{
        margin-top: 15px;
    }
}
/* 合作客户 */
.hz {
  padding-bottom: 30px;
  padding-top: 15px;
}
.hexzuo_ft,
.hexzuo_fb {
  border: 1px solid #c4c4c4;
}
.hz1 {
  margin-top: 30px;
  overflow: hidden;
  padding: 0 1px;
}

.hexzuo_fb{
    margin-top: 10.5%;
}
@media(max-width:991px){
    .hexzuo_fb{
        margin-top: 10px;
    }
}
@media(max-width:768px){
    .hz1{
        margin-top: 20px;
    }
}

/* 尾部 */
.foot {
  background: #2d3442;
  padding-top: 70px;
  padding-bottom: 70px;
}
.fleft {
    width: 73%;
}
.fleft dl {
  float: left;
  width: 17.25%;
  padding-right: 5px;
}
.fleft dl:nth-child(5){
    width: 31%;
}
.fleft dl dt {
  width: 100%;
  display: block;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 12px;
}
.fleft dl dd a {
  width: 100%;
  font-size: 14px;
  color: #bcbcbc;
  line-height: 36px;
  display: block;
  overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.fleft dl dd a:hover {
  color: #0083c5;
  text-decoration: underline;
}
.fright {
  /*padding-top: 40px;*/
  width: 25%;
}
.fright .link {
  display: block;
  width: 100%;
  line-height: 51px;
  padding: 0 27px;
  color: #959595;
  font-size: 14px;
  position: relative;
  background: #434c5d;
}
.linet {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 51px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 5%;
  display: none;
  z-index: 9999;
}
.linet a {
  display: block;
  color: #333;
}
.linet a:hover {
  color: #0e6eb8;
}
.fewmc {
  color: #ffffff;
  opacity: 0.8;
}
.ewm1 {
  padding-top: 40px;
}
.ftp {
  margin-right: 30px;
}
.ftp img{
    max-width: 100px;
}
.fewmc .p1 {
  font-size: 16px;

  margin-bottom: 10px;
}
.fewmc .p2 {
  display: block;
  font-size: 14px;
  color: #a6a7a8;
  line-height: 28px;
}
.foot1 {
  line-height: 2;
  background: #252b37;
  color: #808287;
  font-size: 14px;
  padding: 15px 0;
}
.foot1 a {
  color: #808287;
}
.foot1 a {
  margin-right: 5px;
}
.foot1 a + a {
  margin-left: 5px;
}
.foot1 a:hover {
  color: #0083c5;
}
.jszc dd{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

@media(max-width:991px){
    .fleft{
        display: none;
    }
    .fright{
        width: 100%;
    }
    .fright .link{
        display: none;
    }
    .foot{
        padding: 30px 0;
    }
    .ewm1{
        padding-top: 0;
    }
}















/*手机头部*/
.mc_header{
    display: none;
    height: 61px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
}
.mc_header_con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}
.mc_logo{
    line-height: 50px;
    max-width: 50%;
}
.mc_logo img{
    width: auto;
    max-width: 100%;
    max-height: 40px;
}
.mc_nav{
    width: 30px;
    height: 20px;
    position: relative;
    overflow: hidden;
}
.mc_nav span{
    width: 100%;
    height: 2px;
    background: #000;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.mc_nav span:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}
.mc_nav span:nth-child(2){
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.mc_nav span:nth-child(3){
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}
.mc_nav.click span:nth-child(1){
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mc_nav.click span:nth-child(2){
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
.mc_nav.click span:nth-child(3){
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mc_nav_con{
    background: #000;
    padding: 20px;
    display: none;
    position: fixed;
    top: 61px;
    left: 0;
    z-index: 99999;
    width: 100%;
}
.mc_nav_con ul{
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 100px);
}
.mc_nav_con ul>li{
    position: relative;
    border-bottom: 1px solid #2b2b2b;
}
.mc_nav_con ul>li>a{
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 50px;
    display: block;
}
.mc_nav_con ul>li>span{
    width: 35px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 99;
    background-position: -30px -240px;
} 
.mc_nav_con ul>li>span.click{
    background-position: -30px -265px;
}
.mc_nav_erji{
    background: #1E1E1E;
    display: none;
}
.mc_nav_erji p{
    border-top: 1px dashed #2b2b2b;
}
.mc_nav_erji p:last-child{
    border-top: 0px dashed #2b2b2b;
}
.mc_nav_erji a{
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    display: block;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media(max-width:991px){
    .pc_header{
        display: none;
    }
    .x-top2{
        display: none;
    }
    .mc_header{
        display: block;
    }
}
@media(max-width:468px){
    .mc_logo{
        max-width:60%;
    }
}



.qtxt{
    display: none;
}


/**/
.ny_ryzz{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ny_ryzz li{
    width: 32%;
    margin: 1% 0;
}
@media(max-width:768px){
    .ny_ryzz li{
        width: 48%;
        margin: 2% 0;
    }
}



/*左侧栏导航*/
@media(min-width:992px){
    .aspg-left-nav .aspg-left-subnav {
      display: none;
      padding: 0 10px;
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      z-index: 999;
      background: rgba(14,110,184,0.8);
    }
    .aspg-left-nav> li:hover .aspg-left-subnav {
        display: block;
    }
    .aspg-left-nav .aspg-left-subnav > li {
      border-top: 1px dashed #0063af;
    }
    
    .aspg-left-nav .aspg-left-subnav > li > a {
      padding: 8px;
      display: block;
      line-height: 20px;
      color: #fff;
      font-size: 16px;
    }
    
    .aspg-left-nav .aspg-left-subnav > li > a:hover {
      color: #fff;
    }
    
    .aspg-left-nav .aspg-left-subnav > li.clicked > a {
      color: #0e6eb8;
    }
    
    .aspg-left-nav .aspg-left-threenav > li > a {
      padding: 5px 10px;
      display: block;
      font-size: 14px;
      line-height: 24px;
      color: #999999;
    }
}





.ny_lxwm table, th, td {
     border: 0px solid black!important; 
}
@media(max-width:468px){
    .ny_lxwm table tr td{
        width: 100%;
        display: block;
    }
}