/* @import "iconfont.css"; */

html{-ms-text-size-adjust:100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
body{font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;min-width: 320px;background-color: #fff;}
a,a:hover {color: #333;text-decoration: none !important;}
ul,li {padding: 0;margin: 0;list-style: none;}

.wow { visibility: hidden; }

.header {-webkit-transition: all 0.4s;transition: all 0.4s;color: #fff;position: fixed;left: 0;width: 100%;top: 0;z-index: 100;}
.header a {color: #fff;/*导航栏文字颜色*/text-decoration: none;}
.header .logo {margin: 10px 0 10px 0;/*logo盒子*/ float: left;height: 36px;font-size: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .logo img {display: inline-block;height: 100%;width: auto;}
.header .tool {float: right;font-size: 0;border-left: 1px solid #000;margin-top: 42px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .tool a {display: inline-block;width: 18px;height: 18px;background: no-repeat center;margin-left: 20px;}
/* .header .tool a.i1 {background-image: url(../image/ico1.png);}
.header .tool a.i2 {background-image: url(../image/ico2.png);} */
/* .header .tool a.i3 {background-image: url(../image/search.png);} */
.header .tool a.i3 {background-image: url(/static/home/images2/search1.png);background-size: 100% 100%;width: 28px;height: 28px;}
/* 产品中心的分页样式 */
.paging_content{
    float: right;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }

  .pagination li {
    display: inline;
  }

  .pagination li a,
  .pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .pagination li:first-child a {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
  }

  .pagination li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .pagination li a:hover,
  .pagination li a:focus {
    background-color: #eee;
  }

  .pagination .active span,
  .pagination .active span:hover,
  .pagination .active span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
  }

  .pagination .disabled span,
  .pagination .disabled span:hover,
  .pagination .disabled span:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }

  .pagination-lg li a {
    padding: 10px 16px;
    font-size: 18px;
  }

  .pagination-sm li a,
  .pagination-sm li span {
    padding: 5px 10px;
    font-size: 12px;
  }


.header .nav {float: right;}
.header .nav>li {float: left;}
.header .nav>li>a {display: block;padding: 45px 20px;/*导航栏文字居中*/-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .nav>li>a:hover,.header .nav>li.active>a,.header .nav>li.open>a {color: #fff !important; background-color: rgb(0, 92, 191) !important;}
.header .menu-btn {float: right;margin: 45px 0;height: 16px;width: 24px;position: relative;}
.header .menu-btn span {display: block;height: 2px;background-color: #000;position: absolute;left: 0;width: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header .menu-btn span:nth-of-type(1) {top: 0;}
.header .menu-btn span:nth-of-type(2) {top: 50%;margin-top: -1px;}
.header .menu-btn span:nth-of-type(3) {bottom: 0;}
.header .menu-btn.active span:nth-of-type(1) {-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 7px;}
.header .menu-btn.active span:nth-of-type(2) {opacity: 0;}
.header .menu-btn.active span:nth-of-type(3) {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom: 7px;}
.header-w {background-color: rgba(0,123,255);}/*滑动下拉后导航栏颜色*/
/* 20181017修改 开始 */
.header-w .nav>li>a {padding: 30px 20px;}
/* 20181017修改 结束 */
.header-w .tool {margin-top: 30px;}
.mm-page__blocker {z-index: 101;}
.news-detail{     margin: 50px 0;}

a.get_more{ display: block; width: 180px; height: 60px;line-height: 60px;text-align: center;color: #999;font-size: 16px;background-color: #eee;margin: 30px auto 0; cursor: pointer;font-family: "Base-font"; transition: all 0.4s ease 0s;}
a.get_more:hover{background-color: #007bff;    text-decoration:none; color: #fff;}
a.get_more:focus{text-decoration:none; } 
.xwboxl {float:left;width:68.5%;background:#fff;    padding: 80px; padding-top:60px;overflow: hidden;}
 .xwboxr {float:right;padding: 30px;margin: 50px 0;width:28.5%;background:#fff;}  
.fenxang {line-height: 30px;padding-top:30px;margin:30px 0;border-top:1px #ddd solid}   
.bdshare-button-style0-24 {float:right;}    
.xwboxr span{    font-size: 24px;display:block;margin-bottom:10px;}
.xwboxr em{ width:30px; height:2px; background:#828282; display:block;} 
.xwboxr ul li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ddd dashed; white-space:nowrap;    line-height: 2;   font-size: 16px;}
.xwboxr ul li a{white-space: nowrap;display: block;overflow: hidden;text-overflow: ellipsis;}
.xwboxr ul li a:hover{text-decoration:none; color:#000; }
.xwboxr ul li u{list-style:none;display:block;color:#666;text-decoration:none;    font-size: 14px;
}
.xwboxr .tag{ margin-top:50px;}
.xwboxr .tag a{    text-decoration: none;display: inline-block;
    font-size: 14px;
    padding: 5px 15px;
    border: 1px solid #828282;
    border-radius: 20px;
    margin: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
.xwboxr .tag a:hover{ background:#828282; color:#fff;}  
.xwboxr .imgBox{width: 100%;height: 240px;overflow: hidden;margin: 20px 0;}
.gongcheng-al,.gongsi-xw{color: #fff;display: flex;flex-direction: row;justify-content: space-between;margin: 30px 0;}
.gongcheng-al .gcal,.gongsi-xw .gsxw{    color: #fff;background-color: #007bff;padding: 5px 40px;line-height: 40px;display: inline-block;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{width:30px;height:30px !important;margin:0 2px !important;}
.bdshare-button-style0-24 .bds_qzone{/*background:url(../images/i1.png) no-repeat center;background-position:0 0 !important*/}
/* .bdshare-button-style0-24 .bds_sqq{background:url(../image/i2.png) no-repeat center;background-position:0 0 !important} */
.bdshare-button-style0-24 .bds_tsina{/*background:url(../images/i3.png) no-repeat center;background-position:0 0 !important*/}
.bdshare-button-style0-24 .bds_weixin{/*background:url(../images/i4.png) no-repeat center;background-position:0 0 !important*/}
.fxd{display:block;float:left;line-height:30px;background:url(../image/fx.png) no-repeat left center;padding-left:20px;    margin-right: 2px;color:#787878}
     @media screen and (max-width:1024px){
    #box{display: none !important;}
    .product-news-info .news-left,
      .product-news-info .news-right{
        width: 100% !important;
        margin-bottom: 20px;
      }
}   

     @media screen and (max-width:1024px){
    .customer-wrap dd li{ margin-right:8px !important; }
    .customer-wrap dd li strong{ font-size:38px !important;}
    .news-detail .graphic-big dl dd{ display:none;}
}   

@media screen and (max-width:1024px){
    .about-wrap-l h4{ font-size:30px !important;}
    
}


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

    .jsImgs img{ background-size: cover;background: no-repeat center; width:100%;} 
}


@media screen and (max-width:1024px){
    .top-sc{ display: none !important;;}
}
.jt{display: inline-block;
    margin-left: 6px;
    background: url(../image/icon.png) 0  no-repeat;
    width: 7px;
    height: 4px;
    vertical-align: middle;}
    

/* 20181017修改 开始 */
/*.dropdown {position: relative;}*/
.dropdown-menu {position: absolute;left: 0;top: 100%;width: 100%;background-color: rgba(0,0,0,0.6);/*产品提示框*/font-size: 0;text-align: center;display: none;}
.dropdown-menu ul {margin-right: 120px;margin-left: 373px;}
.dropdown-menu li {display: inline-block;font-size: 14px;margin: 0 15px;}
.dropdown-menu li a {display: block;padding: 15px 0;color: #fff;position: relative;}
.dropdown-menu li a:after {content: '';height: 3px;background-color: #007bff;bottom: 0;left: 50%;position: absolute;-webkit-transition: all 0.3s;transition: all 0.3s;width: 0;}
.dropdown-menu li a:hover:after {width: 100%;left: 0;}
/*.dropdown.open .dropdown-menu {display: block;}*/
/* 20181017修改 结束 */

#menu .bicon {display: block;background: no-repeat center;}
#menu .bicon.i1 {background-image: url(../image/ico6.png);background-size: 18px 18px;}
#menu .bicon.i2 {background-image: url(../image/ico7.png);background-size: 18px 18px;}
#menu .bicon.i3 {background-image: url(../image/ico8.png);}

.search-alert {position: fixed;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background-color: #222222;display: none;}
.search-alert form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 124px;margin-top: -63px;border-bottom: 1px solid #515151;}
.search-alert input {border: none;display: block;font-size: 66px;height: 124px;line-height: 124px;text-align: center;width: 100%;color: #555;font-weight: bold;padding: 0 88px;background: url(../image/ico4.png) no-repeat 35px 60px;outline: none;}
.search-alert button {border: none;height: 100px;margin-top: 24px;font-size: 24px;line-height: 100px;color: #555;background: none;position: absolute;right: 0;top: 0;width: 80px;outline: none;font-weight: bold;text-align: center;}
.search-alert .close {display: block;width: 18px;height: 18px;background: url(/static/home/images2/ico5.png)/*关闭图标*/ no-repeat center;position: absolute;top: 38px;right: 2.6%;cursor: pointer;-webkit-transition: -webkit-transform 0.3s ease 0s;transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.search-alert .close:hover {-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.banner {height:100%;color: #fff;background-color: #222;}
.banner .item {height: 100%;background: no-repeat center;background-size: cover;}
.banner .container {display: table;height: 100%;width: 100%;}
.banner .inner {display: table-cell;vertical-align: middle;}
.banner .text {margin: 50px auto 100px;width:100%;text-align: center;}
.banner .text img {width: 100%;max-width: 260px;margin: 0 auto;height: auto;opacity: 0;-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);-webkit-transition: all 1s;transition: all 1s;}
.banner .text h4 {margin: 20px 0 0;line-height: 2;font-weight: normal;-webkit-transition: all 1s;transition: all 1s;opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.banner .text small {display: block;-webkit-transition: all 1s;transition: all 1s;opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition-delay: 0.7s;transition-delay: 0.7s;}
.banner .active .text img {-webkit-transform: none;transform: none;opacity: 1;}
.banner .active .text h4 {-webkit-transform: none;transform: none;opacity: 1;}
.banner .active .text small {-webkit-transform: none;transform: none;opacity: 1;}
.banner .owl-dots {position: absolute;left: 0;bottom: 150px;width: 100%;text-align: center;height: 4px;}
.banner button.owl-dot {display: inline-block;width: 40px;height: 3px;background-color: #fff;margin: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;vertical-align: top;outline: none; position:relative;}
.banner button.owl-dot.active {background-color: #007bff;height:7px; position:relative; top:-3px;}
@media screen and (max-width:1024px){
}


.site-total {bottom: 0;left: 0;width: 100%;color: #fff;z-index: 2;background-color: rgba(0,123,255);padding: 15px 0 5px;text-align: center;}
.site-total .item {border-right: 1px solid #FFFFFF;}
.site-total .owl-item:last-child .item {border-right: 0;}
.site-total .item p {margin: 5px 0 0;font-size:16px;color: #FFFFFF;}
.site-total .item .num {font-size: 36px;line-height: 1;}
.site-total .item .num small {font-weight: normal;font-size: 14px;}
.site-total .owl-nav {margin-top: 10px;line-height: 1;}
.site-total .owl-nav button.owl-next, .site-total .owl-nav button.owl-prev {margin: 0 10px;}

.section {padding:30px 0;}
.section-tit {margin-bottom: 30px;text-align: center;}
.section-tit h4 {margin: 0;font-size: 32px;font-weight: normal;}
.section-tit span {display: block;width: 215px;height: 9px;background: url(../image/line.png) no-repeat;margin: 20px auto;}
.section-tit p {margin: 0;color: #949494;}
.section-tit-sec {margin-bottom: 30px;text-align: center;}
.section-tit-sec h4 {margin: 0;font-size: 30px;font-weight: normal;}
.section-tit-sec p {font-size: 12px;color: #999;margin: 15px 0 0;}

.response-box-tabs {padding-bottom: 20px;position: relative;z-index: 10;}
.response-box-tabs .line {position: absolute;width: 100px;height: 1px;background-color: #007bff;bottom: -1px;}
.response-box-tabs .line:after {position: absolute;content: '';width:0;height:0;border-width:5px;border-style:solid dashed dashed dashed;border-color:#007bff transparent transparent transparent;left: 50%;top: 2px;margin-left: -5px;}
.response-box-tabs li {text-align: center;color: #999;-webkit-transition: all 0.3s;transition: all 0.3s;cursor: pointer;}
.response-box-tabs li i {font-size: 80px;line-height: 1;}
.response-box-tabs li i img{width: 40px;}
.response-box-tabs li h4 {margin: 15px 0 0;font-size: 16px;}
.response-box-tabs li:after {display: block;margin: 12px auto 0;width: 1px;height: 20px;background-color: #999;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;}
.response-box-tabs li.active {color: #007bff;}
.response-box-tabs li.active:after {background-color: #007bff;}
.response-box-con {border-top: solid 1px #e0e0e0;}
.response-box-con {padding-top: 30px;}
.response-box-con .item {margin: 0;overflow: hidden;}
.response-box-con dt {float: right;}
.response-box-con dd {margin: 0;text-align: center;}
.response-box-con dd .num {width: 40px;border-bottom: 1px solid #333;font-size: 24px;font-family: Impact;margin: 0 auto;}
.response-box-con dd h4 {font-size: 28px;margin: 10px 0;font-weight: normal;}
.response-box-con dd .tag {font-size: 0;}
.response-box-con dd .tag span {display: inline-block;font-size: 14px;line-height: 30px;padding: 0 15px 0;margin: 3px;color: #fff;background-color: #999;text-align: center;}
.response-box-con dd .tag span.c1 {background-color: #007bff;}
.response-box-con dd .tag span.c2 {background-color: #9BC557;}
.response-box-con dd .tag span.c3 {background-color: #53BFF3;}
.response-box-con dd .tag span.c4 {background-color: #ff7700;}
.response-box-con dd .tag span.c5 {background-color: #c88dad;}
.response-box-con dd p {line-height: 1.8;margin: 30px 0 20px;}
.response-box-con dd .client {font-size: 0;}
.response-box-con dd .client .citem {display: inline-block;font-size: 14px;vertical-align: top;text-align: center;}
.response-box-con dd .client .citem i {display: block;font-size: 34px;color: #ccc;}
.response-box-con dd .client em {display: inline-block;background: url(../image/dian.png) no-repeat center;width: 74px;height: 18px;vertical-align: top;margin-top: 15px;}
.response-box-con .owl-dots {text-align: center;margin-bottom: -20px;margin-top: 20px;}
.response-box-con .owl-dots button.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #cfcfcf;margin: 0 5px;border-radius: 50%;}
.response-box-con .owl-dots button.owl-dot.active {background-color: #007bff;}

.img-box {position: relative;display: block;overflow: hidden;}
.img-box img {display: block;width: 100%;height: 270px/*显示首页产品图大小*/;margin:0 auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.up-graybox {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transition: all 0.3s;transition: all 0.3s;opacity: 0;filter: alpha(opacity=0);}
.up-graybox:before {content: '';display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);}
.up-graybox .stit {font-size: 16px;line-height: 30px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%;margin-top: -15px;color: #fff;}
.up-graybox .erweima {font-size: 16px;line-height: 30px;width: 40%;text-align: center;position: absolute;left:140px;top: 50%;margin-top: -75px;color: #fff;}
.up-graybox span.erweima p {margin: 0;}

.up-graybox .stit:before,.up-graybox .stit:after {content: '';width: 100px;height: 1px;background-color: #f2f2f2;position: absolute;left: 50%;margin-left: -50px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.up-graybox .stit:before {top: 0;}
.up-graybox .stit:after {bottom: 0;}
/* .img-box:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);} *//*工程案例的图标hover会放大*/
.img-box:hover .up-graybox {opacity: 1;filter: alpha(opacity=100);}
.img-box:hover .up-graybox .stit:before,.img-box:hover .up-graybox .stit:after {width: 6px;margin-left: -3px;opacity: 0.6;filter: alpha(opacity=60);}

.graphic-big {margin: 0 -15px;}
.graphic-big dl {font-size: 1.7rem; margin: 0 0 20px;background-color: #e5e5e5;/*首页的公司介绍*/color: #000 !important;/*首页公司介绍文字*/overflow: hidden;}
.graphic-big dl a {color: #fff;text-decoration: none;}
.graphic-big dt img {display: block;width: 100%;height: auto;}
.graphic-big dd {margin: 0;padding: 20px;}
.graphic-big dd h4 {font-size:36px;margin: 0 0 15px;}
.graphic-big dd h4:after {content: '';display: block;height: 2px;width: 20px;background-color: #cdcdcd;margin-top: 10px;}
.graphic-big dd .mtit {font-size: 16px;}
.graphic-big dd p {opacity: 0.5;filter: alpha(opacity=50);margin: 15px 0 0;}
.graphic-big dd p:nth-last-child(2){display: inline !important;opacity: 0.5}
.graphic-big dd p span{color: #000 !important;}
.graphic-big dd .tag {margin: 15px -5px 0;font-size: 0;}
.graphic-big dd .tag a {display: inline-block;font-size: 14px;padding: 3px 12px;border: 1px solid #828282;border-radius: 20px;margin: 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.graphic-big dd .tag a:hover {background-color: #fff;border-color: #fff;color: #333;text-decoration: none;}
.graphic-big dd .more {display: block;border: 1px solid #828282;margin-top: 20px;width: 38px;height: 38px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.graphic-big dd .more i {display: block;width: 100%;height: 100%;background: url(../image/ico9.png) no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.graphic-big dd .more:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.graphic-big dd .more:hover {border-color: #fff;}
.graphic-big dd .more:hover i {background-image: url(../image/ico10.png);}
.graphic-big dd .more:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;}
.graphic-big.white dl {background-color: #f6f6f6;color: #333;}
.graphic-big.white dd h4:after {background-color: #333;}

.tit-box {padding: 50px 0 40px 0;}
.tit-box h4 {margin: 0;font-size: 40px;/*产品中心文字*/font-weight: normal;}
.tit-box p {color: #999;margin: 15px 0 0;}
.tit-box span {display: block;margin-top: 10px;width: 10px;height: 2px;background-color: #1c1c1c;}
.tit-box .more {float: right;line-height: 36px;background: url(../image/ico11.png) no-repeat 0 center;padding-left: 22px;color: #999;-webkit-transition: all 0.3s;transition: all 0.3s;}
.tit-box .more:hover {color: #333;text-decoration: none;}

.nav-box {font-size: 0;margin-bottom: 20px;}
.nav-box a {display: inline-block;font-size: 14px;line-height: 40px;padding: 0 30px 0 30px;background: no-repeat 20px center #f5f5f5;margin: 0 5px 5px 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.nav-box a.all {padding-left: 30px;}
.nav-box a.active,.nav-box a:hover {background-color: #007bff;color: #fff;text-decoration: none;}
.nav-box a.i1 {background-image: url(../image/ico12.png);}

.nav-box a.i5 {background-image: url(../image/jtwz-ico.png);}
.nav-box a.i6 {background-image: url(../image/yxwz-ico.png);}
.nav-box a.i7 {background-image: url(../image/fxxt-ico.png);}
.nav-box a.i8 {background-image: url(../image/b2b-ico.png);}
.nav-box a.i9 {background-image: url(../image/b2c-ico.png);}
.nav-box a.i10 {background-image: url(../image/other.png);}

.nav-box a.i1:hover {background-image: url(../image/ico12_a.png);}

.nav-box a.i5:hover {background-image: url(../image/jtwz-icoa.png);}
.nav-box a.i6:hover {background-image: url(../image/yxwz-icoa.png);}
.nav-box a.i7:hover {background-image: url(../image/fxxt-icoa.png);}
.nav-box a.i8:hover {background-image: url(../image/b2b-icoa.png);}
.nav-box a.i9:hover {background-image: url(../image/b2c-icoa.png);}
.nav-box a.i10:hover {background-image: url(../image/other_a.png);}

.list-wrap-1 a:hover {text-decoration: none;}
.list-wrap-1 li {margin-bottom: 20px;}
.list-wrap-1 li .text {border: 1px solid #f2f2f2;padding: 15px 20px 0;border-top: 0;background-color: #f2f2f2;}
.list-wrap-1 li .text h4 {margin: 0 0 10px;font-weight: normal;font-size:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-wrap-1 li .text p {font-size: 12px;margin: 0 0 10px;line-height: 20px;height: 40px;overflow: hidden;color: #999;}
.list-wrap-1 li .text .more {display: block;border-top: 1px solid #e5e5e5;line-height: 40px;color: #777;background: url(../image/ico15.png) no-repeat right center;}
.list-wrap-1 li .text .more:hover {color: #333;background-image: url(../image/ico15_a.png);}
.list-wrap-1 li .date {display: inline-block;border-right: 1px solid #ececec;padding-right: 30px;font-size: 12px;color: #777;line-height: 1;margin-bottom: 15px;}
.list-wrap-1 li .date strong {display: block;font-size: 50px;line-height: 1;margin-bottom: 12px;color: #333;}
@media screen and (max-width:1024px){
    .list-wrap-1 li .tt{ width:62%; float:right;}
}

.list-wrap-2 li {margin-bottom: 30px;}
.list-wrap-2 li a {display: block;border: 1px solid #f2f2f2;padding: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.list-wrap-2 li a:hover {text-decoration: none;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);box-shadow: 0 0 5px rgba(0,0,0,.1);}
.list-wrap-2 li h4 {margin: 0 0 10px;font-size: 16px;font-weight: normal;}
.list-wrap-2 li p {color: #666;line-height: 1.5;margin: 0;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.list-wrap-2 li span {background: url(../image/ico15.png) no-repeat center;display: block;width: 24px;height: 8px;margin-top: 38px;}

.appointment {background: url(../image/bg1.png) no-repeat center;background-size: cover;color: #fff;padding: 30px 0;}
.appointment .ceo {position: absolute;bottom: -30px;left: 15px;font-size: 0;}
.appointment h4 {font-size: 26px;margin: 0 0 10px;}
.appointment p {margin: 0 0 15px;}
.appointment input {display: block;border: 1px solid #fff;background-color: transparent;width: 100%;padding: 8px 12px;margin-bottom: 15px;outline: none;border-radius: 5px;color: #fff;}
 .appointment input placeholder { color:#FFE4E4}
.appointment button {display: block;width: 100%;padding: 8px 12px;border: 1px solid transparent;border-radius: 5px;background-color: #fff;color: #007bff;font-size: 16px;}

.footer {background-color: #222;color: #777;font-size: 12px;padding: 30px 0 0;}
.footer a {color: #fff;}
.footer a:hover {color: #fff;text-decoration: none;}
.footer p {margin: 5px 0;}
.footer-link {line-height: 30px;font-size: 14px;border-top: 1px solid #fff;margin-bottom: 20px;}
.footer-link a {display: inline-block;float: left;margin-right:25px;}
.footer-link span {display: none;float: left;margin: 0 20px;}
.footer-link span:nth-child(1) {display: none;}
.footer-link .call {margin-top: 10px;float: left;font-size: 12px;}
.footer-bottom {margin-top: 30px;border-top: 1px solid #393939;padding: 20px 0;}
.footer-bottom a {float: left;margin-right: 10px;line-height: 20px;}

.sub-banner {color: #fff;background: no-repeat center;background-size: cover;padding: 80px 0;position: relative;margin-bottom:30px; }
.body-wrap .sub-banner{ margin-bottom:0 !important;}
.sub-banner .tit h4 {font-size:28px;margin: 0 0 10px;}
.sub-banner .tit .time {margin-top: 10px;font-size: 12px;}
.sub-banner .tit p {margin: 0;line-height: 24px;}
.sub-banner .num {float: right;}
.sub-banner .num li {float: left;padding-left: 20px;margin-left: 20px;border-left: 1px solid rgba(255,255,255,0.2);text-align: center;}
.sub-banner .num li:first-child {border-left: 0;margin-left: 0;padding-left: 0;}
.sub-banner .num li h4 {margin: 0;font-weight: normal;font-size: 14px;}
.sub-banner .num li strong {display: block;font-size: 40px;line-height: 1;margin: 5px 0;width: 140px;}
.sub-banner .num li small {display: block;font-size: 12px;opacity: 0.6;filter: alpha(opacity=60);}
.news-banner {min-height: auto !important;}
.news-banner .title {font-size: 32px; margin-top:40px;}
.news-banner .font {font-size:18px; padding-top:11px; display:block}
.news-banner .title:after {display: block;width: 30px;height: 2px;background-color: #fff;margin-top: 15px;}

.sub-column {display: none;position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.6);}
.sub-column li {float: left;width: 20%;border-left: 1px solid #65676b;}
.sub-column li:first-child {border-left: 0;}
.sub-column li a {display: block;line-height: 50px;text-align: center;padding: 0 10px;color: #999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sub-column li.active a,.sub-column li a:hover {text-decoration: none;color: #007bff;}
.sub-column-3x li {width: 25%;}

.about-wrap {background-color: #f6f6f6;margin-bottom: 20px;}
.about-wrap-l {padding: 20px;}
.about-wrap-l h4 {font-size: 40px;margin: 0 0 20px;text-transform: uppercase;}
.about-wrap-l p {margin: 0;font-size: 18px;color: #666;}
.about-wrap-l .ico {font-size: 0;margin-top: 10px;}
.about-wrap-l .ico a {display: inline-block;border: 1px solid #aaa;width: 43px;height: 43px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 20px 20px 0 0;}
.about-wrap-l .ico i {display: block;width: 100%;height: 100%;background: no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-wrap-l .ico a:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.about-wrap-l .ico a:hover {border-color: #333;}
.about-wrap-l .ico a:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #333;}
.about-wrap-l .ico .i1 i {background-image: url(../image/ico16.png);}
.about-wrap-l .ico .i1:hover i {background-image: url(../image/ico16_a.png);}
.about-wrap-l .ico .i2 i {background-image: url(../image/ico17.png);}
.about-wrap-l .ico .i2:hover i {background-image: url(../image/ico17_a.png);}
.about-wrap-r {padding: 20px;background-color: #5b5b5b;color: #fff;}
.about-wrap-r h4 {font-size: 24px;margin: 0 0 15px;}
.about-wrap-r h4:after {content: '';display: block;height: 2px;width: 20px;background-color: #cdcdcd;margin-top: 10px;}
.about-wrap-r p {margin: 15px 0 0;text-align: justify;}
.about-wrap-r .more {display: block;border: 1px solid #828282;margin-top: 20px;width: 38px;height: 38px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-wrap-r .more i {display: block;width: 100%;height: 100%;background: url(../image/ico9.png) no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.about-wrap-r .more:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.about-wrap-r .more:hover {border-color: #fff;}
.about-wrap-r .more:hover i {background-image: url(../image/ico10.png);}
.about-wrap-r .more:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;}

.development {background-color: #f6f6f6;padding: 20px;position: relative;margin-bottom: 20px;}
.development h4 {font-size: 28px;margin: 0 0 20px;text-align: center;}
.development h4 small {display: block;font-weight: normal;color: #999;font-size: 14px;}
.development .path {position: relative;}
.development .path:before {content: '';display: block;width: 15px;height: 15px;position: absolute;top: 0;left: -7px;border: 1px solid #ccc;background-color: #fff;border-radius: 50%;z-index: 1;}
.development .path:after {content: '';position: absolute;width: 1px;height: 100%;background-color: #ccc;top: 0;left: 0;}
.development .path li {margin-top: 50px;padding-left: 20px;position: relative;z-index: 1;}
.development .path li img {display: none;}
.development .path li .tit {font-size: 32px;font-weight: bold;font-family: "Arial";}
.development .path li .desc {color: #777;line-height: 1.8;}
.development .path li span {width: 18px;height: 18px;border: 1px solid #ccc;background-color: #fff;position: absolute;left: -9px;text-align: center;border-radius: 50%;top: 13px;font-size: 0;}
.development .path li span:after {display: inline-block;width: 10px;height: 10px;margin-top: 3px;vertical-align: top;background-color: #000;border-radius: 50%;content: '';}
.development .future {text-align: center;line-height: 36px;font-size: 14px;color: #999;margin-top: 16px;}

.team-wrap {margin-bottom: 20px;}
.team-wrap .row {margin: 0;}
.team-wrap .col-md-6,.team-wrap .col-xs-6 {padding: 0;position: relative;}
.team-wrap img {display: block;width: 100%;height: auto;}
.team-wrap .img {position: relative;}
.team-wrap .img .info {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 20px;color: #fff;background-color: rgba(0,0,0,0.5);-webkit-transition: all 0.3s;transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);}
.team-wrap .img .en {font-size: 16px;margin-bottom: 5px;}
.team-wrap .img .cn:after {display: block;content: '';width: 16px;height: 1px;background-color: #fff;margin-top: 15px;}
.team-wrap .img .work {display: none;font-size: 12px;margin-top: 25px;}
.team-wrap .img .work p {margin: 5px 0;}
.team-wrap .img:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);}
.team-wrap .text {margin-bottom: 20px;}
.team-wrap .text h4 {margin: 0 0 15px;font-size: 26px;font-weight: normal;}
.team-wrap .text h4:after {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;content: '';}
.team-wrap .text h5 {margin: 0 0 15px;font-weight: normal;font-size: 16px;color: #444;}
.team-wrap .text p {margin: 0;font-size: 12px;line-height: 2;color: #777;}
.team-wrap .num {position: absolute;left: 0;top: 50%;width: 100%;color: #777;text-align: center;margin-top: -70px;}
.team-wrap .num strong {display: block;font-size: 26px;line-height: 30px;color: #fff;}
.team-wrap .num em {font-style: normal;line-height: 26px;font-size: 12px;}
.team-wrap .num span {display: block;margin: 12px auto 15px;background-color: #9a9a9a;opacity: 0.2;filter: alpha(opacity=20);width: 33px;height: 2px;}

.customer-wrap {margin: 0 0 20px;background-color: #f0f0f0;padding: 20px;overflow: hidden;}
.customer-wrap dd {margin: 0 0 20px;}
.customer-wrap dd h4 {margin: 0 0 15px;font-size: 26px;font-weight: normal;}
.customer-wrap dd h4:after {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;content: '';}
.customer-wrap dd p {margin: 0;color: #777;line-height: 1.8;text-align: justify;}
.customer-wrap dd ul {font-size: 0;}
.customer-wrap dd li {display: inline-block;font-size: 12px;color: #bcbcbc;line-height: 20px;text-align: center;margin-right: 30px;margin-top: 20px;}
.customer-wrap dd li strong {display: block;font-size: 40px;color: #333;line-height: 1;}
.customer-wrap dt img {display: block;width: 100%;height: auto;}

.dz-wrap {background: url(../image/bg2.jpg) no-repeat center;background-size: cover;padding: 80px 0;}
.dz-wrap img {display: block;margin: 0 auto;max-width: 100%;height: auto;}
.dz-wrap .btn {display: block;margin: 30px auto 0;border: solid 1px #fff;color: #fff;line-height: 40px;width: 184px;text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.dz-wrap .btn:hover {background-color: #fff;color: #333;text-decoration: none;}

.technology {text-align: center;overflow: hidden;}
.technology ul {margin: -1px 0 0 -1px;}
.technology i {color: #007bff;font-size: 50px;}
.technology h4 {margin: 10px 0;font-size: 16px;font-weight: normal;}
.technology p {margin: 0;color: #999;height: 40px;overflow: hidden;}
.technology li {padding: 20px 15px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}

.fuwu-warp {background: url(../image/bg3.jpg) no-repeat center;background-size: cover;}
.fuwu-warp .item {background-color: #fff;padding: 10px;}
.fuwu-warp .inner {border: 1px solid #ddd;text-align: center;}
.fuwu-warp .item i {font-size: 50px;width: 84px;line-height: 84px;border-radius: 50%;border: 1px solid #007bff;color: #007bff;display: block;margin: 30px auto;height: 84px;}
.fuwu-warp .item p {font-size: 16px;}
.fuwu-warp .item span {display: block;background-color: #ededed;line-height: 42px;font-size: 16px;margin-top: 30px;}
.fuwu-warp .owl-dots {text-align: center;margin-bottom: -20px;margin-top: 20px;}
.fuwu-warp .owl-dots button.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #cfcfcf;margin: 0 5px;border-radius: 50%;outline: none;}
.fuwu-warp .owl-dots button.owl-dot.active {background-color: #007bff;}
.fuwu-warp .item:hover {background-color: #007bff;color: #fff;}
.fuwu-warp .item:hover .inner {border-color: #fff;}
.fuwu-warp .item:hover i {color: #fff;border-color: #fff;}
.fuwu-warp .item:hover span {color: #333;background-color: #fff;}

.solution {position: relative;}
.solution:after {position: absolute;content: '';background-color: #e5e5e5;width: 1px;height: 100%;top: 0;left: 10px;}
.solution ul {padding-left: 35px;}
.solution li {position: relative;padding: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.solution li:before {width: 11px;height: 11px;border: 3px solid #fff;background-color: #e5e5e5;content: '';position: absolute;border-radius: 50%;top: 50%;margin-top: -5px;left: -30px;z-index: 2;-webkit-transition: all 0.3s;transition: all 0.3s;}
.solution li:after {content: '';position: absolute;left: -5px;top: 50%;width: 0;height: 0;border-right: 5px solid #fbede9;border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-top: -5px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s;transition: all 0.3s;}
.solution li .inner {overflow: hidden;}
.solution li img {float: left;width: 45px;height: 45px;margin-right: 15px;}
.solution li .text {margin-left: 60px;}
.solution li .text h4 {margin: 0 0 5px;font-weight: normal;}
.solution li .text p {display: inline-block;margin: 0;font-size: 12px;color: #777;}
.solution li.active {background-color: #fbede9;}
.solution li.active:before {background-color: #df5839;}
.solution li.active:after {opacity: 1;filter: alpha(opacity=100);}

.advantage {overflow: hidden;}
.advantage .num {margin-left: -1px;margin-bottom: 10px;}
.advantage .num li {float: left;width: 50%;border-left: 1px solid #ddd;text-align: center;margin-bottom: 20px;color: #999;}
.advantage .num li strong {display: block;color: #333;font-size: 34px;line-height: 1;margin-bottom: 5px;}
.advantage .partner {font-size: 0;margin-bottom: 30px;text-align: center;}
.advantage .partner li {display: inline-block;width: 115px;position: relative;}
.advantage .partner li img {display: block;width: 100%;height: auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.advantage .partner li img.color {position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);}
.advantage .partner li:hover img.gray {opacity: 0;filter: alpha(opacity=0);}
.advantage .partner li:hover img.color {opacity: 1;filter: alpha(opacity=100);}
.advantage .more {display: block;width: 200px;border: 1px solid #e5e5e5;font-size: 18px;line-height: 60px;text-align: center;margin: 0 auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.advantage .more:hover {color: #fff;background-color: #007bff;border-color: #007bff;text-decoration: none;}

.more_a {display: block;width: 200px;border: 1px solid #e5e5e5;font-size: 18px;line-height: 60px;text-align: center;margin: 0 auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.more_a:hover {color: #fff;background-color: #007bff;border-color: #007bff;text-decoration: none;}

.scheme {margin: 0 -10px;}
.scheme li {padding: 0 10px;margin-top: 20px;}
.scheme li a {display: block;background-color: #fff;text-align: center;padding: 20px 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.scheme li p {margin: 10px 0 0;}
.scheme li i {color: #007bff;display: block;font-size: 30px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.scheme li a:hover {background-color: #007bff;-webkit-box-shadow: 3px 5px 30px #FFAAAA;box-shadow: 3px 5px 30px #FFAAAA;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);color: #fff;text-decoration: none;}
.scheme li a:hover i {color: #fff;}

.col-xs-25 {float: left;width: 20%;padding: 0 15px;}

.solution-pa li {padding: 30px;}
.solution-pa li a {display: block;-webkit-box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);background-color: #fff;padding: 30px 20px;-webkit-transition: all 0.3s;transition: all 0.3s;text-decoration: none;}
.solution-pa li img {width: auto !important;height: auto !important;margin: 0 auto;}
.solution-pa li .num {text-align: center;position: relative;margin-bottom: 40px;}
.solution-pa li .tit {position: absolute;bottom: -15px;left: 0;width: 100%;font-size: 28px;-webkit-transition: all 0.3s;transition: all 0.3s;line-height: 1.1;}
.solution-pa li .text {margin-bottom: 20px;min-height: 45px;}
.solution-pa li p {text-align: center;margin: 5px 0;color: #868fa4;}
.solution-pa li a:hover {-webkit-box-shadow: 10px 10px 50px 0 rgb(237, 237, 248);box-shadow: 10px 10px 50px 0 rgb(237, 237, 248);}
.solution-pa li a:hover .tit {color: #1295e8;}
.solution-pa .owl-dots {text-align: center;margin-bottom: -20px;}
.solution-pa .owl-dots button.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #cfcfcf;margin: 0 5px;border-radius: 50%;}
.solution-pa .owl-dots button.owl-dot.active {background-color: #007bff;}

.business {color: #fff;background: url(../image/bg4.png) no-repeat center;background-size: cover;}
.business a {color: #fff;text-decoration: none;}
.business .section-tit-sec p {color: #fff;opacity: 0.6;filter: alpha(opacity=60);}
.business-menu {border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-size: 0;padding-bottom: 10px;margin-bottom: 15px;}
.business-menu li {display: inline-block;font-size: 14px;margin: 0 5px 5px 0;}
.business-menu li a {display: block;line-height: 24px;border: 1px solid rgba(255, 255, 255, 0.3);padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.business-menu li.active a {background-color: #0084ff;}
.business-item {display: none;}
.business-item h4 {margin: 0 0 10px;font-size: 20px;}
.business-item p {font-size: 12px;margin: 0;line-height: 2;opacity: 0.6;filter: alpha(opacity=60);}
.business-item .more {display: block;width: 150px;line-height: 38px;border: 1px solid rgba(255, 255, 255, 0.3);text-align: center;margin-top: 15px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.business-item .more:hover {background-color: #fff;color: #333;}
.business-item .cases {margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(255, 255, 255, 0.2);font-size: 0;}
.business-item .cases h5 {margin: 0 0 10px;font-size: 16px;}
.business-item .cases img {display: inline-block;height: 20px;width: auto;margin: 5px 10px 0 0;}

.function li {float: left;width: 50%;padding: 15px;}
.function li a {display: block;background-color: #fff;text-align: center;-webkit-box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.26);box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.26);padding: 15px;text-decoration: none;-webkit-transition: all 0.3s;transition: all 0.3s;}
.function li a:hover {-webkit-box-shadow: 0 20px 50px 0 rgba(118, 141, 201, 0.2);box-shadow: 0 20px 50px 0 rgba(118, 141, 201, 0.2);z-index: 1;position: relative;}
.function li img {display: block;margin: 0 auto;height: 30px;width: auto;}
.function li p {margin: 15px 0 0;font-size: 12px;color: #445780;}

.tool-wrap {background-color: #313233;color: #d6d6d6;}
.tool-wrap li {float: left;width: 33.333333%;padding: 15px;text-align: center;}
.tool-wrap li a{ color:#FFFFFF}
.tool-wrap li img {display: block;margin: 0 auto;height: 34px;width: auto;-webkit-transition: all 0.3s;transition: all 0.3s;}
.tool-wrap li p {margin: 10px 0 0;font-size: 12px;}
.tool-wrap li:hover img {-webkit-transform: translate(0, -5px);transform: translate(0, -5px);}

.business-xcx {background-image: url(../image/bg5.jpg) !important;}
.business-xcx .business-menu li.active a {background-color: #007bff;}
.business-xcx .business-item .cases img {height: 80px;}

.body-wrap{
    width: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
    background-color: #eaeaea;
}
.body-wrap .news-info .news-detail{ width:92%; margin:0 auto;}

.news-info{
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 65px;
}
.news-detai2{}

.news-detail-title {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee; }
.news-detail-title h1 {margin: 0;font-size: 22px;}
.news-detail-title .info {color: #999;font-size: 12px;margin-top: 15px;}
.news-detail-title .info span {display: inline-block;margin-right: 10px;}
.news-detail-body {line-height:2; font-size:16px; color: #777;}
.news-detail-body img {display: inline-block;vertical-align: middle;max-width: 100%;height: auto;}

.new-float {position: fixed;right: 0;top: 50%;z-index: 100;width: 77px;height: 300px;margin-top: -150px;}
.new-float li {position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 27px;color: #fff;text-align: center;}
.new-float li.hover {overflow: hidden;}
.new-float li a {display: block;color: #fff;font-size: 12px;text-decoration: none;}
.new-float li a.tit {width: 87px;padding: 30px 10px 0 0;color: #fff;line-height: 27px;}
.new-float li.fi a {background: url(../image/bg_float01.png) no-repeat;}
.new-float li.th a {background: url(../image/bg_float03.png) no-repeat;}
.new-float li p {position: relative;z-index: 2;padding-top: 30px;cursor: pointer;line-height: 27px;margin: 0;}
.new-float li.fif p {background: url(../image/bg_float05.png) no-repeat;font-size: 12px;}
.new-float li .tel {position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff;background: url(../image/bg_float06.png) no-repeat;cursor: pointer;}
.new-float li.six a {background: url(../image/xxf_bg_float01.png) no-repeat;}

.m-new-float {position: fixed;left: 0;bottom: 0;z-index: 100;width:100%;height: 57px;background: #007bff}
.m-new-float li {position: relative;width:33%;height: 57px;line-height: 27px;color: #fff;text-align: center;float: left;}

.m-new-float li a {display: block;color: #fff;font-size: 12px;text-decoration: none;}
.m-new-float li a.tit {width:87px;margin: 0 auto;line-height: 27px;padding:25px 0 0 0;color: #fff; margin-top:4px;}
.m-new-float li.fi a {background: url(../image/footkf1.png) no-repeat center  top; background-size:28px 28px;}
.m-new-float li.th a {background: url(../image/footkf2.png) no-repeat center top; background-size:28px 28px;}
.m-new-float li.fif a {background: url(../image/footkf3.png) no-repeat center top; background-size:28px 28px;}
.yzinimg{display:none;}
.bot-paging {position: absolute;bottom: 10px;left: 0;width: 100%;padding: 0 15px;}
.bot-paging .link-info {display: block;width: 46px;height: 46px;position: relative;overflow: hidden;-webkit-transition: width 0.3s;transition: width 0.3s;}
.bot-paging .tit-box {display: block;line-height: 46px;height: 46px;border-radius: 46px;background: rgba(0, 0, 0, 0.22);position: absolute;top: 0;width: 68px;color: #fbf9f6;z-index: 1;font-size: 14px;-webkit-box-sizing: content-box;box-sizing: content-box;}
.bot-paging .prev .tit-box {-webkit-transform: translateX(-102%);transform: translateX(-102%);left: 1px;padding: 0 22px 0 55px;}
.bot-paging .next .tit-box {-webkit-transform: translateX(102%);transform: translateX(102%);right: 1px;padding: 0 55px 0 22px;}
.bot-paging .link-ico {display: block;;width: 46px;height: 46px;position: relative;z-index: 2;background-color: rgba(0, 0, 0, 0.15);border-radius: 50%;}
.bot-paging .link-ico i {display: block;width: 100%;height: 100%;background: no-repeat center;}
.bot-paging .prev .link-ico i {background-image: url(../image/ico18.png);}
.bot-paging .next .link-ico i {background-image: url(../image/ico19.png);}
.bot-paging .retun-list {position: absolute;left: 50%;bottom: 0;width: 46px;height: 46px;margin-left: -23px;-webkit-transition: all 0.3s;transition: all 0.3s;overflow: hidden;}
.bot-paging .retun-list .chunk-box {display: block;width: 46px;height: 46px;float: right;overflow: hidden;position: relative;border-radius: 50%;background: url(../image/ico20.png) no-repeat center rgba(0, 0, 0, 0.15);}
.bot-paging .retun-list .round-tit {display: block;width: 108px;padding: 0 55px 0 22px;position: absolute;right: 1px;top: 0;-webkit-transform: translateX(102%);transform: translateX(102%);color: #fff;line-height: 46px;font-size: 14px;background: rgba(0, 0, 0, 0.22);border-radius: 46px;-webkit-box-sizing: content-box;box-sizing: content-box;}

@media (min-width:768px) {
    .pcinimg{display:none;}
    .banner .text img {width: auto;max-width: 400px;}
    .banner .text h4 {font-size: 20px;}
    .banner .text small {font-size: 14px;}
    .banner .owl-dots {bottom: 130px;}

    .site-total .item p {font-size: 14px;}
    .site-total .item .num {font-size: 26px;}
    .site-total .owl-nav {margin-top: 20px;}

    .graphic-big {margin: 0;}
    .graphic-big dd {padding: 40px;}

    .appointment form {overflow: hidden;}
    .appointment input {float: left;margin: 0;}

    .footer-link {padding-bottom: 35px;margin-bottom: 35px;}
    .footer-link span {display: block;}
    .footer-link span:nth-child(1) {display: none;}
    .footer-link a {margin-right: 0;}
    .footer-link .call {float: right;margin-top: 0;}

    .sub-banner {min-height: 300px;}
    .sub-banner .tit {float: left;}
    .sub-banner .tit h4 {font-size: 26px;}

    .sub-column {display: block;}

    .about-wrap-l,.about-wrap-r {padding: 30px 40px;}

    .development .path li {padding-left: 40px;}
    .development .path li .tit {font-size: 40px;}
    .development .path li span {top: 19px;}

    .team-wrap .text {padding: 40px;margin: 0;}
    .team-wrap .num {margin-top: -106px;}
    .team-wrap .num strong {font-size: 66px;line-height: 1;}

    .customer-wrap {padding: 30px;}
    .customer-wrap dd {float: left;width: 41%;margin: 0;}
    .customer-wrap dt {float: right;width: 50%;}

    .section-tit-sec p {font-size: 14px;}

    .advantage .num li {width: 25%;}
    .advantage .partner li {width: 170px;}

    .business-item .cases img {height: 40px;}
    .business-item p {font-size: 14px;}
    .business-menu li a {line-height: 30px;padding: 0 10px;}

    .function li {width: 25%;}
    .function li a {padding: 40px 20px;}
    .function li img {height: 60px;}
    .function li p {font-size: 18px;}

    .tool-wrap li {padding: 30px 15px;}
    .tool-wrap li img {height: 68px;}
    .tool-wrap li p {font-size: 18px;margin-top: 20px;}

    .news-banner .title {margin: 50px 0 20px;}

    .news-detail-title h1 {font-size: 26px;}
   
}


@media screen and (max-width:1024px){
    .news-detail-body img{ width:100% !important; height:100% !important;}
}

@media screen and (max-width:440px){
    .site-total .item .num {
        font-size: 24px;
    }
}

@media (min-width:992px) {
    body {padding-bottom: 0;}
    .header {padding: 0;}
    /* .header .logo {height: 100%;margin: 0 !important;}logo图的大小，占满整个高度，宽度自适应 */
    .header-w .logo {margin:0 !important;}

    .banner .text img {max-width: 600px;}

    .section {padding: 30px 0;}
    .section-tit {margin-bottom: 60px;}
    .section-tit h4 {font-size: 48px;}
    .section-tit p {font-size: 16px;}
    .section-tit-sec {margin-bottom: 60px;}
    .section-tit-sec h4 {font-size: 36px;}
    .section-tit-sec p {font-size: 16px;margin-top: 30px;}

    .response-box {padding-bottom: 0;}
    .response-box-con {padding-top: 0;}
    .response-box-con dt {width: 500px;}
    .response-box-con dd {padding-top: 60px;text-align: left;margin-right: 500px;}
    .response-box-con dd .num {margin: 0;font-size: 0;}
    .response-box-con dd h4 {margin: 25px 0 30px;}
    .response-box-con dd .client em {margin-left: 30px;margin-right: 30px;}

    .graphic-big dt {float: left;width: 64%;}
    .graphic-big dd {margin-left: 64%;padding: 20px;}
    .graphic-big dl.r dt {float: right;}
    .graphic-big dl.r dd {margin-left: 0;margin-right: 64%;}

    .nav-box a {line-height: 50px;}

    .tit-box p {font-size: 16px;}

    .appointment .text {float: left;width: 270px;}
    .appointment p {margin-bottom: 0;}
    .appointment form {float: right;width: 600px;margin-top: 23px;}

    .sub-banner {padding: 200px 0 140px;min-height: 530px;}
    
        .sub-nybanner {padding: 200px 0 140px;}


    .sub-column li a {font-size: 16px;}

    .sub-banner .b1 {border-bottom: 1px solid rgba(255,255,255,0.2);padding: 30px 0;margin-bottom: 30px;}

    .development {padding: 70px 40px;}
    .development h4 {margin-bottom: 40px;}
    .development .path:before {left: 50%;margin-left: -7px;}
    .development .path:after {left: 50%;}
    .development .path li {float: left;width: 100%;padding-left: 0;}
    .development .path li img {display: block;float: left;width: 10.8%;border-radius: 50%;}
    .development .path li .text {width: 29%;float: left;margin-left: 5%;text-align: right;}
    .development .path li span {left: 50%;margin-left: -9px;}
    .development .path li:nth-of-type(even) img {float: right;}
    .development .path li:nth-of-type(even) .text {margin-left: 0;margin-right: 5%;text-align: left;float: right;}
    .development .future {margin-top: 30px;}

    .team-wrap .num {margin-top: -85px;}
    .team-wrap .num strong {font-size: 44px;line-height: 1;}

    .customer-wrap {padding: 50px;}
    .customer-wrap dd ul {margin-top: 50px;}

    .solution:after {height: 1px;width: 100%;left: 0;top: 142px;}
    .solution ul {padding-left: 0;}
    .solution li {float: left;width: 12.5%;padding: 30px 5px;}
    .solution li:before {left: 50%;top: 132px;margin-top: 0;width: 21px;height: 21px;border-width: 5px;margin-left: -10px;}
    .solution li:after {display: none;}
    .solution li img {float: none;width: 60px;height: 60px;margin: 0 auto;display: block;}
    .solution li .text {margin: 0;text-align: center;}
    .solution li .text h4 {font-size: 16px;color: #6d7482;line-height: 2;height: 32px;overflow: hidden;margin-bottom: 50px;}
    .solution li .text p {display: block;font-size: 14px;line-height: 1.8;color: #e25730;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s;transition: all 0.3s;}
    .solution li.active .text p {opacity: 1;filter: alpha(opacity=100);}

    .scheme li i {font-size: 50px;}
    .scheme li p {font-size: 16px;}
    .scheme li a {padding: 30px 0;}

    .business {background: url(../image/bg4_pc.png);padding: 0;}
    .business .section-tit-sec {text-align: left;}
    .business-wrap {position: relative;margin-left: 300px;padding: 80px 0 80px 50px;min-height: 700px;}
    .business-menu {position: absolute;left: -300px;width: 300px;top: 0;background: url(../image/s2_bg1.png) no-repeat center;height: 100%;border-bottom: 0;margin: 0;padding: 200px 0 0;}
    .business-menu li {display: block;margin: 0;}
    .business-menu li a {border: 0;line-height: 80px;padding-left: 35px;font-size: 18px;border-left: 5px solid transparent;}
    .business-menu li.active a {border-left: 5px solid #1363ef;background-color: rgba(0,0,0,0.5);}
    .business-item h4,.business-item .cases h5 {font-size: 24px;}
    .business-item .more {margin-top: 40px;}
    .business-item .cases {padding-top: 40px;margin-top: 40px;}

    .function li {width: 20%;}

    .tool-wrap li {width: 20%;}

    .business-xcx .business-menu {padding: 20px 0 0;background-color: #181a28;}
    .business-xcx .business-menu li.active a {background-color: #fff;border-color: #007bff;color: #333;}

    .news-banner .title {font-size: 48px;}
    #page .sub-banner .container .title{font-size: 48px;margin: 50px 0 20px;}
    .news-banner .title:after {height: 4px;}
    

#page .sub-banner .container .font {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: 0.3s ease 0.4s;font-size:26px;
}

    .bot-paging {position: fixed;bottom: 50px;z-index: 100;left: 2%;width: 96%;padding: 0;display: none;}
    .bot-paging.open {display: block;}
    .bot-paging .link-info:hover {
        width: 147px;
    }
    .bot-paging .link-info:hover .link-ico {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .bot-paging .link-info:hover .tit-box {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    .bot-paging .next .link-ico {
        float: right;
    }
    .bot-paging .retun-list:hover {
        width: 190px;
        margin-left: -95px;
    }
    .bot-paging .retun-list:hover .round-tit {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    .footer .container a{
        font-size: 16px;
    }
}

@media (min-width:1200px) {
    .header .tool a {margin-left: 30px;}
    .header .nav {margin-right: 30px;}

    .banner .text img {max-width: 100%;}
    .banner .text h4 {font-size:40px;}
    .banner .text small {font-size:20px;}

    .site-total {padding: 30px 0;}

    .response-box-con dt {width: 595px;}
    .response-box-con dd {margin-right: 595px;}

    /* .graphic-big dd {padding: 40px;}/*公司介绍的文字盒子内间距*/ */

    .appointment .container {position: relative;}
    .appointment .text {margin-left: 260px;}

    .footer {padding-top: 50px;}
    .footer-bottom {margin-top: 50px;}
    .footer-bottom a {margin-right: 20px;}

    .sub-banner .b1 {padding: 50px 0;margin-bottom: 50px;}
    .sub-banner .tit h4 {font-size: 34px;margin-bottom: 30px;}
    .sub-banner .tit p {font-size: 16px;}
    .sub-banner .num li {margin-left: 40px;padding-left: 40px;}
    .sub-banner .num li strong {font-size: 60px;margin: 10px 0;width: 200px;}

    .about-wrap-l {float: left;width: 40%;padding: 80px;}
    .about-wrap-l .ico {margin-top: 50px;}
    .about-wrap-r {margin-left: 40%;padding: 80px;min-height: 500px;}
    .about-wrap-r p {min-height: 200px;}

    .team-wrap .num {margin-top: -106px;}
    .team-wrap .num strong {font-size: 66px;line-height: 1;}

    .customer-wrap dd li strong {font-size: 60px;}

    .advantage .num li strong {font-size: 50px;}
    .advantage .partner li {margin: 0 20px 20px;}

    .business-item .cases img {margin: 10px 20px 0 0;}

    .news-detail-title .info {font-size: 14px;}

    .team-wrap .img .en {font-size: 24px;}
    .team-wrap .img .cn {font-size: 16px;}
    .team-wrap .img .work {display: block;}
}


.appointment .row .coolbg {display: block;
    width:100% !important; height:43px !important; font-weight:bold;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #fff;
    color: #007bff;
    font-size: 16px;}
    
    @media screen and (max-width:1024px){
.appointment .row .coolbg{height:50px !important; font-size: 22px; font-weight:bold;}
}
@media screen and (max-width:1580px) {
    .graphic-big dd span:first-child{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .graphic-big dd p:nth-last-child(2) span{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        opacity: 0.5 !important;

    }
}
    
@media (min-width:1580px) {
    .container {width: 1510px;}

    .header .nav {margin-right: 100px;}

    .banner .text {margin-bottom: 140px;}
    .banner .owl-dots {bottom: 155px;}

    .site-total .item .num {font-size: 40px;}
    .site-total .item p {font-size: 20px;}

   
    .graphic-big dd .tag {margin-top: 50px;}
    .graphic-big dd .more {margin-top: 50px;}

    .appointment .text {width: 345px;margin-left: 280px;}
    .appointment h4 {font-size: 48px;}
    .appointment p {font-size: 18px;}
    .appointment form {width: 800px;margin-top: 48px;}
    .appointment input {font-size: 18px;}
    input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #fff;
    }
    .appointment button {font-size: 20px;}

    .team-wrap .text {padding: 80px;}
    .team-wrap .text p {font-size: 14px;}

    .customer-wrap {padding: 70px;}

    .solution:after {top: 174px;}
    .solution li:before {top: 164px;}
    .solution li img {width: 92px;height: 92px;}

    .advantage .num {width: 1100px;margin: 0 auto 30px;}
    .advantage .num li:first-child {border-left: 0;}

    .scheme {margin: 0 -15px;}
    .scheme li {padding: 0 15px;margin-top: 30px;}

    .business-wrap {padding-left: 100px;}
}


/* 20181017新增 */
.pay-wrap {background-color: #fff;margin: -30px -15px 0;}
.pay-wrap-l {padding: 20px;}
.pay-wrap-l h4 {font-size: 30px;margin: 0 0 20px;}
.pay-wrap-l .desc {font-size: 18px;}
.pay-wrap-l h5 {font-size: 18px;margin-top: 30px;margin-bottom: 20px;}
.pay-wrap-l dl {margin: 0 0 15px;padding-bottom: 5px;border-bottom: 1px solid #eee;overflow: hidden;}
.pay-wrap-l dt {float: left;margin-right:12px;margin-bottom: 10px;}
.pay-wrap-l dt img {display: block;}
.pay-wrap-l dd {margin: 0;}
.pay-wrap-l dd p {margin: 0 0 10px;}
.pay-wrap-l .ico {font-size: 0;}
.pay-wrap-l .ico a {display: inline-block;border: 1px solid #aaa;width: 43px;height: 43px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 20px 20px 0 0;}
.pay-wrap-l .ico i {display: block;width: 100%;height: 100%;background: no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.pay-wrap-l .ico a:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.pay-wrap-l .ico a:hover {border-color: #333;}
.pay-wrap-l .ico a:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #333;}
.pay-wrap-l .ico .i1 i {background-image: url(../image/ico16.png);}
.pay-wrap-l .ico .i1:hover i {background-image: url(../image/ico16_a.png);}
.pay-wrap-l .ico .i2 i {background-image: url(../image/ico17.png);}
.pay-wrap-l .ico .i2:hover i {background-image: url(../image/ico17_a.png);}
.pay-wrap-r {padding: 30px 20px;background-color: #333;color: #fff;}
.pay-wrap-r h4 {font-size: 24px;margin: 0 0 15px;}
.pay-wrap-r h4:after {content: '';display: block;height: 2px;width: 20px;background-color: #cdcdcd;margin-top: 10px;}
.pay-wrap-r .desc {font-size: 16px;opacity: 0.5;filter: alpha(opacity=50);}
.pay-wrap-r ul {margin-top: 20px;font-size: 0;}
.pay-wrap-r li {display: inline-block;font-size: 14px;padding-right:26px;text-align: center;position: relative;}
.pay-wrap-r li p {margin: 0;}
.pay-wrap-r li .cn-tt {opacity: 0.8;filter: alpha(opacity=80);line-height: 30px;}
.pay-wrap-r li .num {font-size: 22px; font-weight: bold;}
.pay-wrap-r li .en-tt {font-size: 12px;line-height: 2;opacity: 0.4;filter: alpha(opacity=40);}
.pay-wrap-r li .line {display: none;width: 1px;height: 95px;background-color: #fff;opacity: 0.07;filter: alpha(opacity=7);position: absolute;right: 30px;top: 32px;}

.top-tit {margin-left: -15px;margin-bottom: 15px;}
.top-tit a {margin:0 12px;color: #999;font-size: 22px;    display: inline-block;}
.top-tit a:hover,.top-tit a.active {color: #333;text-decoration: none;}

.top-sc {overflow: hidden;}
.top-sc input {float: left;border: none;width: 205px;font-size: 12px;color: #999;padding: 8px 15px;background-color: #fff;outline: navajowhite;line-height: 18px;border-top: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #999;}
.top-sc button {border: none;width: 40px;height: 36px;text-align: center;color: #fff;outline: none;background: url(../image/ico_32.png) no-repeat center #8f8f8f;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;
  font-size: 16px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666;
  font-size: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #666;
  font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #666;
  font-size: 16px;
}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #666;
    font-size: 16px;
  }
  
  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #666;
    font-size: 16px;
  }
  
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #666;
    font-size: 16px;
  }
  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #666;
    font-size: 16px;
  }
@media screen and (max-width:1024px){
.top-tit { margin-left:0;}
    .top-sc {margin-bottom: 30px;overflow: hidden; float:left; margin-left:0; text-align:center;padding:0 12px;}
    .top-sc input {float: left;border: none; width: 205px;font-size: 12px;color: #999;padding: 9px 15px;background-color: #eee;outline: navajowhite;line-height: 18px;}
.top-sc button {border: none;width: 40px; height: 36px;text-align: center;color: #fff;outline: none;background: url(../image/ico_32.png) no-repeat center #8f8f8f; float:right}


}
.map-wrap {background-color: #f5f5f5;margin: -30px -15px 0;}
.map-wrap-l {padding: 20px;}
.map-wrap-l h4 {font-size: 30px;margin: 0 0 20px;}
.map-wrap-l .desc {font-size: 18px;}
.map-tabs {margin-left: -15px;margin-top: 30px;overflow: hidden;}
.map-tabs a {float: left;margin-left: 15px;margin-bottom: 10px;font-size: 20px;color: #c5c5c5;}
.map-tabs a:hover,.map-tabs a.active {color: #333;text-decoration: none;}
.map-tabs-con {display: none;}
.map-wrap-l dl {margin: 25px 0 0;}
.map-wrap-l dt {padding-bottom: 15px;margin-bottom: 15px;font-weight: bold;font-size: 18px;border-bottom: 1px solid #ddd;}
.map-wrap-l dd {margin: 0;}
.map-wrap-l dd.add p {margin: 0;line-height: 24px;}
.map-wrap-l dd .ewm {float: left;}
.map-wrap-l dd .qq {margin-left: 120px; margin-top:8px;}
.map-wrap-l dd .qq a {display: block;margin-bottom: 10px;border: 1px solid #e3e3e3;
    padding-left: 40px;
    line-height: 34px;
    width: 115px;
    font-size: 12px;
    background: url(../image/ico_14.png) no-repeat 17px center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.map-wrap-l dd .qq a:hover {border: 1px solid #333;
    color: #fff;
    background: url(../image/ico_14_h.png) no-repeat 17px center #333;text-decoration: none;}
.map-wrap-l .ico {font-size: 0;}
.map-wrap-l .ico a {display: inline-block;border: 1px solid #aaa;width: 43px;height: 43px;position: relative;border-radius: 50%;-webkit-transition: all 0.3s;transition: all 0.3s;margin: 20px 20px 0 0;}
.map-wrap-l .ico i {display: block;width: 100%;height: 100%;background: no-repeat center;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.map-wrap-l .ico a:before {position: absolute;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;left: 50%;top: 50%;width: 0;height: 0;}
.map-wrap-l .ico a:hover {border-color: #333;}
.map-wrap-l .ico a:hover:before {width: 100%;height: 100%;left: 0;top: 0;background-color: #333;}
.map-wrap-l .ico .i1 i {background-image: url(../image/ico16.png);}
.map-wrap-l .ico .i1:hover i {background-image: url(../image/ico16_a.png);}
.map-wrap-l .ico .i2 i {background-image: url(../image/ico17.png);}
.map-wrap-l .ico .i2:hover i {background-image: url(../image/ico17_a.png);}
#map {height: 350px;width: 100%;}

@media (min-width:768px) {
    .pay-wrap {margin: 0;}
    .pay-wrap-l {padding:  30px 40px;}
    .pay-wrap-l h4 {font-size: 36px;}
    .pay-wrap-l h5 {margin-bottom: 30px;}
    .pay-wrap-l dl {overflow: hidden;padding-bottom: 25px;margin-bottom: 25px;}
    .pay-wrap-l dt {float: left;}
    .pay-wrap-r {padding: 30px 40px;}
    .pay-wrap-r h4 {font-size: 30px;margin-bottom: 25px;}
    .pay-wrap-r ul {margin-top: 30px;}
    .pay-wrap-r li .num {font-size: 30px;line-height: 2;}

    .top-tit {margin-left: -35px;}
    .top-tit a {font-size: 22px;margin-left: 35px;line-height: 36px;}

    .top-tit {display: inline-block;}
    .top-sc {float: right;}

    .map-wrap {margin: 0;}
    .map-tabs {margin-left: 0;float: left;width: 150px;}
    .map-tabs a {margin-left: 0;display: block;float: none;}
    .map-con {margin-left: 150px;}
    .map-wrap-l {padding:  30px 40px;}
    .map-wrap-l h4 {font-size: 36px;}
    .map-wrap-l dl {margin-top: 30px;}
}
@media (min-width:992px) {
    .top-tit a {font-size: 30px;}
}
@media (min-width:1200px) {
    .dropdown-menu ul {margin-left: 0px;margin-right: 0px;}

    .list-wrap-1 li .text p {margin-bottom: 15px;}

    .pay-wrap-l {float: left;padding: 120px 0 0 60px;width: 540px;min-height: 710px;}
    .pay-wrap-l h4 {font-size: 60px;line-height: 1;}
    .pay-wrap-r {float: right;padding: 120px 0 0 60px;width: 500px;min-height: 710px;}
    .pay-wrap-r ul {margin-top: 50px;}
    .pay-wrap-r li .num {font-size: 36px;}

    .map-wrap-l {float: left;padding: 50px 60px;width: 630px;}
    .map-tabs {margin-top: 50px;width: 200px;}
    .map-tabs a {font-size: 24px;}
    .map-con {margin-left: 200px;}
    .map-wrap-l dl {margin-top: 50px;}
    .map-wrap-r {float: right;width:673px;}
    #map {height: 650px;}
}
@media (min-width:1580px) {
    .dropdown-menu ul {margin-left: 480px;margin-right: 0px;}
    .nav .dropdown:nth-last-of-type(4) .clearfix{ margin-left:591px;}
    .nav .dropdown:nth-last-of-type(3) .clearfix{ margin-left:923px; width:32%; height:50px; overflow:hidden;}
    .nav .dropdown:nth-last-of-type(2) .clearfix{ margin-left:870px;}
    .nav .dropdown:nth-last-of-type(1) .clearfix{ margin-left:1060px;}

    .list-wrap-1 li .date {float: left;margin: 0;}
    .list-wrap-1 li .tt {margin-left: 110px;}

    .pay-wrap-l {width: 700px;}
    .pay-wrap-l h4 {font-size: 80px;}
    .pay-wrap-r {width: 630px;}
    .pay-wrap-r li {padding-right: 60px;}
    .pay-wrap-r li .num {font-size: 45px;}
    .pay-wrap-r li .line {display: block;}

    .map-wrap-l {width: 800px;}
}



@media screen and (max-width:1024px){
.col-sm-4 input{ height:50px !important; font-size:18px; }
input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #fff;
    }
.appointment h4{ font-size:38px;}
.appointment p{ font-size:16px;}
.col-sm-4.coolbg{height:45px !important; font-size:16px !important;}

.col-md-9{padding:35px !important;}
.sub_txt{ margin-top:30px;bottom:0;}
.sub_txt h3{font-size: 32px !important;}
.sub_txt p{font-size: 18px !important; margin-top:8px !important; }
.sub-banner{ height:258px;}
.xwboxl{ padding:20px;    margin: 30px 0;}
.news-detail{margin: 30px 0;}
.xwboxr{margin: 30px 0;}
.xwboxr .ycxw{border-bottom: 1px solid #007bff; padding: 0 0 10px 0}
.xwboxr .gcal-img{display: flex;justify-content: center;flex-direction: column;}
.col-md-666{ padding:20px !important; width:100% !important;}
}



.sub_txt{ position: absolute;left: 0;right: 0;text-align: center;bottom: 33%;color: #fff;z-index: 50;}
.sub_txt h3{font-size: 80px; margin: inherit;}
.sub_txt p{font-size: 40px; margin: inherit;}



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

.xwboxl,.xwboxr{width:100%;float:none}
.bot-paging {
    position:relative;
 
}
.footer .container .left{
    width: 50% !important;
}
.footer .container .right{
    display: none;
}


.swiper-slide img{
    width: 100%;
    height: 200px !important;
}
.header .logo img{
    display: inline-block;
    width: auto;
    height: 50px;
}
.img-box img{
    display: block;
    width: 100%;
    height: 50vw/*显示首页产品图大小*/;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
}

@media screen and (min-width:1400px){
.list-wrap-2 li h4{min-height:44px}


}





    
.col-md-666 { padding:69px; width:60%; float:left;}
.col-md-666 .text h4 {margin: 0 0 15px;font-size: 26px;font-weight: normal;}
.col-md-666 .text h4:after {display: block;width: 10px;height: 2px;background-color: #9a9a9a;margin-top: 10px;content: '';}
.col-md-666 .text h5 {margin: 0 0 15px;font-weight: normal;font-size: 16px;color: #444;}
.col-md-666 .text p {margin: 0;font-size: 12px;line-height: 2;color: #777; font-size:14px;}
.col-md-666 .num {position: absolute;left: 0;top: 50%;width: 100%;color: #777;text-align: center;margin-top: -70px;}
.col-md-666 .num strong {display: block;font-size: 26px;line-height: 30px;color: #fff;}
.col-md-666 .num em {font-style: normal;line-height: 26px;font-size: 12px;}
.col-md-666 .num span {display: block;margin: 12px auto 15px;background-color: #9a9a9a;opacity: 0.2;filter: alpha(opacity=20);width: 33px;height: 2px;}
.look-website{    display: inline-block;
    width: 110px;
    height: 34px;
    border: 1px solid #d0d0d0;
    line-height: 34px;
    font-size: 14px;
    border-radius: 15px;
    /* background: #333; */
    margin-top: 50px;
    transition: all 0.3s ease 0s;
    color: #000 !important;
    text-align: center;
}
.look-website:hover{ background:#000; color:#fff !important;}

.news-detail-body p{ padding:20px; color: rgb(68, 68, 68);}
.swiper-pagination-bullet{width: 40px;border-radius: 0;}

.swiper-pagination-bullet-active{
	background: #007bff;
}


/* 产品专区 */
.pro-series{width: 100%;height: 100%;margin: 0}
.pro-series>div{height: 100%;padding: 0;background-repeat: no-repeat;background-size: 100% 101%;position: relative;overflow: hidden;}
.pro-series>div:nth-of-type(1){background-image: url('../image/product-1.png')}
.pro-series>div:nth-of-type(2){background-image: url('../image/10-13-23_21.jpg')}
.pro-series>div:nth-of-type(3){background-image: url('../image/10-13-24_23.png');}
.pro-series>div:nth-of-type(4){background-image: url('https://www.gyxl.cn/skin/default/img/10-13-25_25.png')}
.pro-series>div:nth-of-type(5){background-image: url('https://www.gyxl.cn/skin/default/img/product-2.png')}
.pro-series>div:nth-of-type(6){background-image: url('https://www.gyxl.cn/skin/default/img/product-3.png')}
.pro-series>div:nth-of-type(7){background-image: url('https://www.gyxl.cn/skin/default/img/product-4.png')}
.pro-series>div:nth-of-type(8){background-image: url('https://www.gyxl.cn/skin/default/img/product-5.png')}
.bg{background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;}
.bg img{width:100%;}
.bg.active{background-color: rgba(0,0,0,0.3)}
.pro-support{height: 500px;}
.pro-series>div a{width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;left: 0;z-index: 10}
.pro-series>div .product-countent{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center}
.pro-series>div .product-countent span{color: #007bff;border-bottom: 2px solid #007bff ;font-size: 30px;font-weight: bold;padding-bottom: 20px}
.pro-series>div:hover .bg{background-color: rgba(0,0,0,0);}

.pro-support{height: 500px;}
/* .paging-content-box{width: 70%;margin:80px auto} */
.paging-content-box span p{width: 100%;}
.paging-content-box span p img{max-width: 100%  !important;height: auto !important}
.pro-series>div a{width: 100%;height: 100%;display: inline-block;position: absolute;top: 0;left: 0;z-index: 10}
.pro-series>div .product-countent{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center}
.pro-series>div .product-countent span{color: rgb(255, 228,0);border-bottom: 2px solid rgb(255, 228,0) ;font-size: 30px;font-weight: bold;padding-bottom: 20px}
.paging-content-box .pro-list  {display: flex;flex-wrap:wrap;width: 100% ;/*justify-content: space-between;*/ position: relative;animation: rightRun 1.5s;animation-fill-mode: both}
.paging-content-box .pro-list  li{position: relative; width: 23%;text-align: center;margin-right: 2.6%;margin-bottom: 20px;background-color: #e5e5e5;}
.paging-content-box .pro-list  li:nth-child(4n){margin-right: 0;}
.paging-content-box .pro-list  li>div{width: 100%;height: auto;overflow: hidden;}
.paging-content-box .pro-list  li img{width: 100%;height: 250px;/*产品中心的图片*/transition: all 1s}
.paging-content-box .pro-list  li span{margin: 15px 0px;display: inline-block;font-size: 17px}
.paging-content-box .pro-list  li a{position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;z-index: 99}


/*关于我们*/
.synopsisbox{background: url(https://www.gyxl.cn/skin/default/img/aboutbg.png);min-height:1380px;background-size:cover;position:relative;overflow:hidden;}
.synopsisbox .zhe{width:100%;height:100%;background:rgba(0,0,0,0.0);position:absolute;left:0;top:0;}
.synopsisbox .synopsis h4{font-size:36px;color:#fff;}
.synopsisbox .synopsis p{font-size:24px;color:#fff;}

/*专业技术团队*/
.skillbox{background:#fff;overflow:hidden;}
.skillbox .skill{padding:0;}
.skillteam .teamimg{width:100%;}
.inteam {padding:15px;}
.inteam .row{border-bottom:1px solid #ccc;padding:20px 0;}
.inteam .row:nth-last-of-type(1){border:0;}
.inteam .inl{text-align:center;}
.inteam .inl img{width:100%;max-width:300px;}
.inteam .inr{margin-left:0;}
.inteam .inr .name{font-size:32px;font-weight:bold;margin-top:40px;}
.inteam .inr .work{color:#4f0b0b;font-weight:bold;font-size:16px;margin-top:16px;}

/*精英销售团队*/
.salebox{background:#fff;overflow:hidden;}
.salebox .xsimg img{width:100%}
.salebox .sale h4{font-size:32px;}
.salebox .sale .jieshao{font-size:20px;margin-bottom:20px;}

/*新闻资讯改版，回调请删除*/
/*.list-wrap-1>li{border-bottom: 1px solid #eee;}*/
.list-wrap-1 li .text{padding: 15px;overflow:hidden;}
.list-wrap-1>li:nth-last-of-type(1){border: none;}
.list-wrap-1>li .flimg{max-width:100%}
/*.list-wrap-1>li .news_r{width: 520px;margin-right: 16px;}*/
.list-wrap-1>li .news_r .tit{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;line-height: 42px;}
.list-wrap-1>li .news_r .tit a{color: #333;}
.list-wrap-1>li .news_r .tit a:hover{text-decoration: underline;}
.list-wrap-1>li .news_r p{font-size: 14px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-wrap-1>li .news_r p a:hover{text-decoration: underline;}
.list-wrap-1>li .btm{margin-top: 22px;}
.list-wrap-1>li .tags{width: 180px;white-space: nowrap;overflow: hidden;}
.list-wrap-1>li .tags a{color: #7997b7;margin-right: 16px;}
.list-wrap-1>li .time{color: #999;}
/*新闻资讯改版，回调请删除*/

/*搜索*/
.searchbox{width:80%;margin:20px auto;}
@media ( max-width : 1550px ){
    .paging-content-box{width: 100%}
    .position .position-box{width: 80%;}
}
@media ( max-width : 1350px ){
    .paging-content-box{width: 100%}
    .position .position-box{width: 90%;}
}
@media ( max-width : 1250px ){
    .pro-series>div .product-countent span{font-size: 25px}
    .top-right{width: 50%}
}
@media ( max-width : 1200px ){
    .pro-series{height: 400%;}
    .pro-series>div{height: 25%}
    .pro-series>div .product-countent span{font-size: 30px}
}
@media ( max-width : 993px ){
    .pro-series{height: 800%;}
    .pro-series>div{height: 12.5%}
    .description img{width: 100%}
    .parameters img{width: 100%}
    .top-left{display: none}
    .ph-ltft{width: 100%;display: block;margin-bottom: 20px;}
    .top-right{width: 100%}
}
@media ( max-width : 760px ){
    .paging-top .ff{transform: translate(-50%,-0%);}
    .pro-content-topBtn span{padding: 0 !important;width: 50%;text-align: center;font-size: 15px;}
    .pro-content-top .pro-name{font-size: 17px;}
    .paging-content-box .pro-list  li{width:90%;margin:0px auto}
    .pro-series{height: 200%}
    .pro-series>div{background-size: auto;background-position: center;margin-bottom:3px}
    .paging{height: 80px;}
    #home .navigation-head{background: #000;}
    .paging .navigation-foot{position: static !important}
    .pro-series>div .product-countent span{border: none;}
    .page{height: auto;padding: 0}
    .top-right{width: 100%}
    .pro-content-topBtn a{display: none}
    .bg{background-color: rgba(0,0,0,0.3)}
    .synopsisbox .synopsis h4{font-size:20px;}
    .synopsisbox .synopsis p{font-size:16px;}
    
}