* { margin: 0; padding: 0;}
@font-face {
	font-family: 'syst';
	src: url("../fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF");
}
@font-face {
	font-family: 'jtzt';
	src: url("../fonts/tit.TTF");
}
@font-face {
	font-family: 'ssr';
	src: url("../fonts/SourceHanSansCN-Regular.ttf");
}
.syst{font-family: 'syst';}
.jtzt{font-family: 'jtzt';}
.ssr{font-family: 'ssr'}
body,html{ font:14px/1.7 "allzt","微软雅黑",'宋体',SourceHanSerifCN-Bold,"微软雅黑","\5b8b\4f53",Arial,sans-serif;}
ul,ol,li{  list-style: none;}
a{ text-decoration: none; color: black;}
.fl{ float: left}
.fr{ float: right}
.mt30 {margin-top:30px;}
 h1, h2, h3, h4, h5, h6 { font-weight: normal;  font-size: 100%;}
img {
    font-size: 0;
    vertical-align: middle;
    max-width: 100%;
}
.w1440{
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}
.theme {
    font-size: 2.4rem;font-weight: 600;    letter-spacing: 3px;
    text-align: center;

}
.themeEng{
    font-size: 30px;
    text-align: center;
}
.themeDet{
    font-size: 1.286rem;
    color: #808080;   letter-spacing:3px;
    text-align: center;
}
.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    content:".";
}
@media(max-width:1280px){
    .theme {
        font-size: 30px;
       
    }
    .themeEng {
        font-size: 26px;
    }
}
@media(max-width:1024px){
    .theme{
        font-size: 26px;
    }
    .themeEng {
        font-size: 24px;
    }
}
.fixednav{ position: fixed; left: 0;  top: 0; background-color: #f7f8f8; z-index: 666;}
.head {padding: 0px 100px; height: 80px; line-height: 80px;box-sizing: border-box;width: 100%;background: #247dff;}
.head img{width: 100%; height: auto;vertical-align: middle}
.logo{  width: 15%;}
.open{
  /*  width: 48px !important;
    height: 48px !important;
    margin-top: 21px;
    margin-right: 10px;
    display: none;*/
}

.gp {
    float: left;
    margin-left: 2%;
    /* margin-top: 5px; */
    /* margin-bottom: 5px */
}
.zdl {
    font-size: 1.15em;   font-family:"华文行楷";
    text-align: center
}
.zdhj {
    text-align: right;
    padding-left: 0;
    font-size: .8em;
    margin-top: 32%;
    line-height: 0.8em;
    width: 53%;
}
.tred{
    color: #247dff;
}
.tred .zdhj{
    background: url(../Images/2x.png) no-repeat 0 bottom;
}
.tgreen {
    color: #fff;
}
.tgreen .zdhj{
    background: url(../Images/gpsx.png) no-repeat 0 bottom;
}
.zdhj p {
    margin-top: 3px;
}

@media(max-width:1024px){
    .zdhj{
        margin-top: 10%
    } 
}

.tel {
    display: inline-block;
    background: url(../images/tel.png) no-repeat 0 center;
    padding-left: 55px;
    margin-top: 13px;
    color: #fff;
    line-height: 30px;
}
 .tel strong {display: block;  font-size: 20px;  font-family: Arial;  line-height: 1; }

.search {
    width: 3%;
    display: inline-block;
    margin-top: 40px;
    position: relative;
}
.search a{
    width: 100%;
    height: auto;
    display: block;
}
.search .sea1{
    width: 20px;
    float:right;
    vertical-align: middle;
    z-index: 100;
    position: relative;
}

.search .input {
    display: block;
    height:36px;
    position:absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   /* background-color: #247dff;*/
    width:200px;
    color:#fff;
    box-sizing: border-box;
    border: 1px solid #811a1e;right:0;
    opacity: 0;
    margin-top: 10%;
    text-indent: 5px;
    /* transition: all 1s */
}
.search .sea2{
    width: 19.3px;
    height: 19.3px;
    position: absolute;
    z-index: 50;
    opacity: 0;
    transition: all 1s;
    margin-top: 30%;
    right: 10%
}
.search .sea3{
    display: block;
    width: 100%;
    height: 40px;
    z-index: 50;
}
.nav{
   /* width: 60%;
    margin-right: 20px;
    height: 80px;
    margin-left: 15%;
    font-family:sans-serif;*/
}
.navbox{
    display: flex;
    justify-content: space-between;
    height: 80px;
}
.navbox .navbox1{
    font-size: 16px;
    color: #000;
    position: relative;
    /* font-weight: bold; */
    box-sizing: border-box;
}
 .navbox1 a { color: #fff;}
.active {
/*    border-bottom: 4px solid #fff;
    box-sizing: border-box;*/
}
.navbox li:hover{
    border-bottom:0
}
.navbox .navbox1:hover>a{
    color:#871a1e
}
.topnav{
    border-top:1px solid #7c7c7c;
    background-color: #fff;
    display: none;
    z-index: 2;
    position: absolute;
    width: 160%;
    left: -20%;
}
.navbox .navbox1:hover .topnav{
    display: block
}
.topnav>li{
    line-height: 50px;
    font-size: 14px;
    text-align: center ;
}
.topnav>li a{
    display: block;
    width: 100%;  color: #333;
    height: auto;
}
.topnav>li:hover{
    background-color: #247dff;
    
}
.topnav>li:hover>a{
    color: #fff
}
.topnav1{
    position: relative;
}
.topnav2{
    line-height: 30px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #999;
    display: none;
    left: 100%;
    position: absolute;
    width: 160%;
    top:0

}
.topnav2 li:hover{
    background-color: #871a1e;
}
.topnav2 li:hover>a{
    color:#fff;
}


.topnav1:hover .topnav2{
    display:block
}
.in-total { width: 100%;color: #247dff;bottom: 0px;position: absolute;z-index: 3;text-align: center;background:rgba(0,0,0,0.4)}
.in-total li {float: left;width: 25%;padding: 15px 0;}
.in-total li span {display: block;line-height: 1;font-size: 18px;}
.in-total li strong {font-size: 42px;position: relative;display: inline-block;font-family: Impact;margin-right: 5px;}
.in-total li strong:before {position: absolute;right: -16px;top: 0;font-size: 24px;}
.in-total li p {margin: 10px 0 0;font-size: 18px;color: #fff;}
@media(max-width:1366px){
    .nav{
      /*  margin-left: 9%;*/
    }
}
@media(max-width:1280px){
    .nav{
      /*  margin-left: 9%;*/
    }
    .head {
        padding: 0px 50px;
    }
    .stock {
        width: 13%;
    }
    .stock .change{
         margin-top: 27%;
        
    }
}
@media(max-width:1160px){
    .nav{
     /*   margin-left: 7%;*/
    }
    .search img {
        height: 36px;
        width: 36px;
        margin-top: 6px;
    }
    .search .input {
        /* height: 36px;
        margin-top: 6px */
    }
}
@media(max-width:1024px){
    .head img {
        width: 80%;
    }
    .head{
        padding:0 50px;
        height: 50px;
        line-height: 50px;
    }
    .stock .change {
        margin-top: 10%;
    }
    .stock .harden {
        margin-top: 5%;
        width: 35%;
    }
    .nav{
        display: none;
    }
    .search{
        line-height: 50px;
        display:none;
    }
    .open{
     /*   display: block;
        margin-top: 10px;
        width: 32px!important;
        height: 32px!important;
        margin-right: 0;*/
    }
    .logo{
        width: 20%
    }
    .stock{
        width: 20%;
        margin-left: 20px;
    }
   
    .navbox1{
        font-size: 14px;
    }
}
@media(max-width:768px){
    .head{
        padding: 0 35px
    }
    .open{
       /* width: 32px !important;
        height: 32px !important;
        margin-top: 9px;
        margin-right: 0*/
    }
    .search{
        width: 32px !important;
        height: 32px !important;
        line-height: 50px;
    }
    .logo{
        width: 25%
    }
    .stock{
        width: 25%;
        margin-left: 20px;
    }
    .head img{
        width: 80%;
    }
    .stock .change {
        margin-top: 12%;
        margin-left: 3%;
    }
}
@media(max-width:414px){
    .head{
        padding: 0 20px
    }
    .logo{
        width: 30%
    }
    .tel {
        display:none
    }
    .in-total {
        display:none;
    }

    .stock{
        width: 35%;
        margin-left: 20px;
    }
    .search {
        margin-top: 0;
    }
    .stock .mark{
        font-size: 20px;
        width: 40%;
    }
    .stock .harden p{
        line-height: 10px;
        margin-left: 20%;
        font-size: 12px;
        margin-top: 5%;
    }
    .stock .harden{
        width: 40%;
    }
    .stock .change {
        margin-top: 13%;
    }
    .stock .change .triangle {
        border: solid 7px transparent;
        border-bottom-color: #247dff;
    }

.open {
   /* width: 22px !important;
    height: 22px !important;
    margin-top: 15px;
    margin-right: 0;*/
}
}
@media(max-width:375px){
    .stock .harden p{
        margin-left: 12%;
    }
    .stock .change {
        margin-top: 16%;
        margin-left: 3%;
    }
    .stock .harden {
        width: 47%;
    }
}

/* 背景导航 */
.bgnav{
    background-color: #f7f7f7;
    /* display: none; */
    position: fixed;
    width: 80%;
    height: 100%;
    /* left: 100%; */
    top: 0;
    z-index: 999;
    border: 1px solid #999;
    border-top: none;
    transition: all .5s
}
    
.bgnav .close{
    width: 48px;
    height: 48px;
    margin-right: 10px;
    /* display: none; */
    float: right;
}
.bgnav1{
    width: 80%;
    margin: 40px auto
}
.bgnav1 .bglist{
    line-height: 50px;
    border-bottom: 1px dashed #d5d5d5;
    cursor: pointer;
}
.bglist1{
    display: none;
    margin-left: 50px;
}
.bglist1>li{
    line-height: 40px;
    border-bottom: 1px dotted #d5d5d5
}
.bglist1>li a{
    width: 100%;
    height: 100%;
    display: block;
}
.down{
    display: none
}
.arrowd{
    display: none;
}
.bglist.on .right{
    display: none;
}
.bglist.on .down{
    display: block;
}
.bglist.on .bglist1{
    display: block;
}



.bglist2{
    display: none
}
.bglist2>li{
    line-height: 30px;
    margin-left: 50px;
    border-bottom: 1px dashed #d5d5d5
}

.dhWapTopSea {
    width: 80%;
    margin: 20px auto 0;
    position: relative;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}
.dhWapTopSea01 {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 50px 0 10px;
    height: 100%;
    background: none;
    border: none;
}
.dhWapTopSea02 {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    line-height: 36px;
    z-index: 999999;
}
.dhWapTopSea02 img {
    display: inline-block;
    font-size: 0;
    border: 0;
    vertical-align: middle;
    width: 80%;
}
/* 轮播 */
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .swiper-wrapper{
      position: relative;
  }
  .swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    overflow: hidden;
    position: relative;

    /*display: -webkit-box;
   display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }



.swiper-container .page{
    position: absolute;
    left: 12%;
    bottom: 10%;
    z-index: 10;
}
.swiper-container .page span{
    color: #fff;
}
.swiper-container .page .left{
    font-size: 30px;
}
.swiper-container .arrow{
    position: absolute;
    left: 20%;
    bottom: 11%;
    color: #fff;
    z-index: 10;
}
.swiper-container .arrow .leftcon,.swiper-container .arrow .rightcon{
    font-weight: bold;
    cursor: pointer;
}
.swiper-container .arrow span{
    display: inline-block
}
.swiper-container .arrow .shu{
    margin: 0 30px;
}
.swiper-container .tab{
    position: absolute;
    right: 2%;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    left: auto;
}
.swiper-container .tab span{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: none;
    background-image: url('../Images/ty01_h.png');
    background-position: center;
    background-repeat: no-repeat;
    margin: 5px 0;
    position: relative;
    display: block;
    opacity: 1;
}
.swiper-container .tab span.swiper-pagination-bullet-active{
    background-image: url('../Images/ty01.png');
}
  .swiper-container img{
      width: 100%;
      height: auto;
  }
  .swiper-container .phone1{
      display: none
  }
  .bannerCon{
      position: absolute;
      top: 30%;
      left: 12%;
      color: #fff;
      
  }
  .swiper-container .arrow span{
      font-size: 18px;
      color: #fff;
      line-height: 30px;
  }
  .swiper-container .arrow span:hover{
      opacity: 0.7;
  }
  .bannerCon h3,.p3{
    font-size: 60px;
      
  }
  .bannerCon .h3{
    font-family: Arial, Helvetica, sans-serif;
  }
  .bannerCon .p3{
      /* font-family: SourceHanSansCN-Light; */letter-spacing:5px;
  }
  .bannerCon .p3 span{
    /* font-family: SourceHanSansCN-Bold; */
  }
.bannerCon .p4 {
    font-size: 30px;
    letter-spacing: 10px;
    margin-top: 3%;
    float: left;
}

  @media(max-width:1440px){
    .bannerCon h3, .p3 {
        font-size: 50px;
    }
    .bannerCon .p4 {
        font-size: 28px;
    }
  }
  @media(max-width:1280px){
    .bannerCon h3, .p3 {
        font-size: 40px;
    }
    .bannerCon .p4 {
        font-size: 24px;
    }
  }
  @media(max-width:1024px){
    .bannerCon h3, .p3 {
        font-size: 30px;
    }
    .bannerCon .p4 {
        font-size: 20px;
    }
    .swiper-container .arrow {
        bottom: 12%;
    }
  }
  @media(max-width:768px){
      .bannerCon{
          top: 20%;
      }
    .bannerCon h3, .p3 {
        font-size: 18px; letter-spacing: 2px;
    }
    .bannerCon .p4 {
        font-size: 16px;
        margin-top: 0;
    }
  }
  @media(max-width:768px){
    .swiper-container .arrow{
        left: 30%;
    }
  }
  @media(max-width:414px){
    .bannerCon .p4 {
        font-size: 16px;
        float: left;
    }
    .swiper-container .tab {
        top: 20%;

    }
    .bannerCon {
       /* top: 44%;*/
        left: 2%;
    }
    .bannerCon .p3 {
        margin-top: 5px;
    }
    .swiper-container .tab span{
        margin: 0;
    }
    .swiper-container .page .left {
        font-size: 20px;
    }
    .swiper-container .arrow {
        left: 35%;
        bottom: 10%
    }
    .swiper-container .banner1{
        display: none
    }
    .swiper-container .phone1{
        display: block
    }
    
  }
  @media(max-width:375px){
    .bannerCon .p4 {
        font-size: 16px;
        float: left;
    }
    .bannerCon .p3 {
        margin-top: 0px;
    }
    .swiper-container .page {
        bottom: 6%;
    }
    .swiper-container .arrow{
        bottom: 6%;
    }
  }

/* 关于我们 */
.about{overflow:hidden;padding: 6% 0;background:#f7f7f7;}
.aboutBox{font-size:.875rem;}
.aboutBox1{margin-top:100px;}
.aboutBox1 .tie{text-align:center;margin-bottom:30px;}
.aboutBox1 .tie span{display:block;color:#333;font-size:0.813rem;margin-top:5px;letter-spacing:10px;padding-left:8px;}
.aboutBox1 .tie2{text-align:center;margin-bottom:90px;font-size:2.5rem;color:#333;letter-spacing: 5px;}
.aboutBox1 .tie2 span{display:block;color:#999;font-size:.75rem;text-transform: uppercase;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

.about .morenews {
    display: block;
    width: 160px;
    height: 42px;
    background-color: #247dff;
    overflow: hidden;
    transition: all 1.5s;
    background-image: url(../Images/icon4.png);
    background-repeat: no-repeat;
    background-position: 114px 15px;
    background-size: 8px;
    margin-bottom: 3%;
}
.about .morenews:hover {
        color: #247dff;
        background-color: #247dff;
        transition: all 1s;
 }

.aboutL{width:50%;overflow:hidden;font-size:.975rem;}
.aboutTie{padding:20px 3% 35px 6%;}
.aboutTie h2{display:block;font-size:2.4em;color:#333;font-weight: 600;letter-spacing: 3px;}
.line {/*border-top: 3.5px solid #000;*/}
.line-big {border-width: 3.5px; width: 35px;}
.aboutTie span{display:block;font-size:1.286em;color:#666;margin-top:10px;letter-spacing: 3px;}
.aboutL .font{padding:0px 6% 0 6%;line-height:2.0;max-height:400px;}
.aboutL .txt{min-height:240px;color: #444;font-size:18px;}
.aboutR{width:50%;transform: translate(200px,0px);opacity: 0;}
.active .aboutR {
    opacity: 1;
    transform: translate(0px,0px);
    transition-delay: 0.4s;
}
.splist { position:relative;  width:100%;  background:#000;}
.splist:hover{ cursor: pointer; }
.sped {  width:50px; height:50px; position: absolute; left:45%; top:45%; border-radius:100%; }
.videos{ display:none; border: 10px solid #080808; position:fixed; left:15%; top:110%; width:70%; height:auto; background:#000 }
.vclose { position:absolute;right:1%; top:0; border-radius:100%; cursor: pointer;z-index:999 }
 

/*产品*/
.col-md-3 { width: 25%;float: left;}
/*.sectionpro:after{width:100%;height:100px;display:block;content:"";background:#090b0f}*/
.sectionpro .col-md-3{padding:0}
.sectionpro ul{margin:0 auto;padding:20px 0 30px 0}
.sectionpro ul li{color:#247dff; transition: all 0.5s ease-in-out;margin-bottom:30px;}
.sectionpro ul li.li0{font-size:18px;padding-top:86px}
.sectionpro ul li.li0 em{font-size:30px;text-transform:uppercase;position:relative;overflow:hidden;font-family: "华文行楷";}
.sectionpro ul li.li0 em strong{display:block;font-weight:700}
.sectionpro ul li.li0 em:after{width:14px;height:5px;background:#247dff;display:block;position:absolute;left:7px;bottom:-10px;content:""}
.sectionpro ul li.li1 a{width:100%;position:relative;display:block;overflow:hidden}
.sectionpro ul li.li1 a img{width:100%;max-height:300px;}
.sectionpro ul li.li1 a .mark{position:absolute;width:88%;height:88%;left:-106%;top:6%;background:rgba(0,0,0,.6)}
.sectionpro ul li.li1 a .mark .wrap_mark .wrap_mark1{display:table-cell;vertical-align:middle;text-indent:21%}
.sectionpro ul li.li1 a .mark .wrap_mark{display:table;width:100%;height:100%}
.sectionpro ul li.li1 a .mark h2{font-size:18px;font-weight:700;line-height:30px}
.sectionpro ul li.li1 a .mark h2 em{font-size:14px}
.sectionpro ul li.li1 a .mark p{font-size:14px;position:relative}
.sectionpro ul li.li1 a .mark p:after{width:50px;height:2px;background:#fff;display:block;position:absolute;left:21%;bottom:-16px;content:""}
.sectionpro ul li.li1 a:hover{color:#fff;box-shadow:0 0 20px rgba(51,51,51,.3)}
.sectionpro ul li.li1 a:hover .mark{left:6%;transition:all .5s}
.sectionpro ul li.li2{background:#247dff}.sectionpro ul li.li2 a{display:table;margin:6%;width:88%;height:82%;background:#fff}.sectionpro ul li.li2 a .more{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%}.sectionpro ul li.li2 a .more h2{color:#247dff;font-size:20px;line-height:40px}.sectionpro ul li.li2 a .more em{transition:all .5s;display:block;background:url(/demo182/skin/images/jiantou.png) no-repeat;background-size:100% 100%;width:39px;margin:0 auto;height:39px}.sectionpro ul li.li2 a:hover .more em{background:url(/demo182/skin/images/jiantouh.png) no-repeat;background-size:100% 100%}



.category_list{
	padding: 70px;
}
.catg_box{
	position: relative;
	margin-bottom: 40px;
	overflow: hidden;
}
.catg_box .img{
	position: absolute;width: 100%;height: 100%;left: 0;top: 0;
	background-position: center;
	background-size: cover;
}
.catg_box:hover .img,.news_box:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1);
	transform: scale(1.1);
}

.catg_box:after{
	content: '';
	display: block;
	padding-top: 35%;
}
.catg_text{
	position: absolute;
	width: 100%;
	bottom: 20%;
	left: 40px;
	color: #fff;
}
.catg_box:nth-child(odd) .catg_text{
	text-align: right;
	left: auto;right: 40px;
}
.catg_text p{
	position: relative;
	display: inline-block;
	font-size: 30px;
	padding: 20px 40px;
}
.catg_text span{
	position: relative;
	display: inline-block;
	font-size: 16px;
	max-width: 30%;
	padding: 24px;
	background-color: rgba(22,22,22,.6);
}

.catg_text span i{display: none;}


.second_page.has_pic{
	padding: 0 40px;
	margin-top: 0;
}
 
   


/*优势*/
.youhsi{margin-top:3%;}
.system-bg {  background:#fff;}
.system-content{margin-top:3%;}
.system-content ul li{width:100%;margin-top:20px;}
.system-content ul .wrap{background: url(../Images/part_05.png) no-repeat center / cover;padding: 40px;color: #fff;border-radius: 10px;}
.system-content ul .wrap2{background: url(../Images/part_06.png) no-repeat center / cover;padding: 40px ;color: #fff;border-radius: 10px;}
.system-content ul h2{font-size: 2.0em;letter-spacing: 3px;font-weight: 600;}

.system-content ul li .icon{background:#fff;border-radius:0%;padding: 0 10px;}
.system-content ul li .icon img{display: block; box-shadow: 0px 30px 59px 0px rgba(0, 0, 0, 0.08); }
.system-content ul li .info{width: calc(100% - 81px); margin-top: 4px}
.system-content ul li .info strong{display: block; font-size: 18px; line-height: 24px; color: #333;margin-bottom:10px;}
.system-content ul li .info p{display: block; font-size: 16px; line-height: 28px; color: #777}
.system-content ul li:last-child .icon{margin-right: 0; }
.system-content ul li:last-child .info{text-align:left;}


.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
 .sec1{background: #f5f5f5;}
.main{max-width:1400px; margin:0 auto; padding:70px 0;}
.title{font-size:24px; margin-bottom: 1em; text-align: center;}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}

.w-newsList1{position: relative;margin-top:50px;}
.w-newsList1 a{ display: block; text-decoration: none; color: #333;}
.w-newsList1 .news-item{ position:relative;}
.w-newsList1 .news-imgbox{ width:58%;}
.w-newsList1 .news-imgbox img{ transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.w-newsList1 .swiper-slide.swiper-slide-active .news-imgbox img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList1 .aspectRatio{padding-bottom:450px;}
.w-newsList1 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;}
:root .w-newsList1 .news-text{ top:50%;}
.w-newsList1 .date{ line-height: 1.4; margin-bottom: 0.8em;}
.w-newsList1 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.w-newsList1 .date .day_month{font-size:17px; color: #bebebe;}
.w-newsList1 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;}
.w-newsList1 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#888;}
.w-newsList1 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;}
.w-newsList1 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:40%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; }
.w-newsList1 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-newsList1 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px; color: #bebebe;}
.w-newsList1 .swiper-num .active{ font-size:32px; font-weight: bold;}


@media (max-width:767px){
    .w-newsList1 .news-imgbox{width:100%;}
	.w-newsList1 .aspectRatio{padding-bottom: 56.25%;}
	.w-newsList1 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
	:root .w-newsList1 .news-text{ top:0;}
	.w-newsList1 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;}
	.w-newsList1 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .w-newsList1 .news-h{font-size:125%;}
	.w-newsList1 .date .year{ font-size:300%;}
	.w-newsList1 .date .day_month{ font-size: 110%;}
	.w-newsList1 .swiper-num{ bottom: 15em;}
	.w-newsList1 .swiper-num .active{ font-size: 200%;}

}
/* .h_news_wrap{background:#f8f8f8;width:100%;background-attachment:fixed}
 .h_news{width:90%;max-width:1230px;margin:0 auto;padding:40px 0 20px}
 .h_news .news_bd{padding-top:40px;overflow:hidden}
 .h_news .news_bd .news_tj{width:49%;float:left}
 .h_news .news_bd .news_tj .news_tj_img a{display:block;width:100%;height:210px;overflow:hidden;text-align:center;background:#fff;border-bottom:1px solid #f5f5f5}
 .h_news .news_bd .news_tj .news_tj_img a img{max-width:100%;vertical-align:middle;transition-duration:3s;-ms-transition-duration:3s;-moz-transition-duration:3s;-webkit-transition-duration:3s}
 .h_news .news_bd .news_tj .news_tj_img a:hover img{transform:scale(1.1,1.1);opacity:.5}
 .h_news .news_bd .news_tj .news_tj_img a .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
 .h_news .news_bd .news_tj .news_tj_con{background:#fff;padding:10px 20px 30px}
 .h_news .news_bd .news_tj p a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#333;font-weight:600;height:50px;line-height:50px}
 .h_news .news_bd .news_tj p a:hover{color:#02328d}
 .h_news .news_bd .news_tj span{display:block;font-size:14px;color:#999;line-height:22px;background:#fff;height:66px;overflow:hidden}
 .h_news .news_bd .news_tj em{display:block;font-size:14px;color:#c6c6c6;padding-top:10px;background:#fff}
 .h_news .news_bd ul{width:49%;float:right}
 .h_news .news_bd ul li{padding:0 24px;margin-bottom:20px;position:relative}
 .h_news .news_bd ul li .news_time{position:absolute;left:24px;top:0px;width:90px;text-align:center;background:#333;padding:5px 0;overflow:hidden;border-radius:4px 0 4px 0}
 .h_news .news_bd ul li .news_time p{font-size:24px;font-weight:700;color:#fff}
 .h_news .news_bd ul li .news_time span{font-size:14px;color:#fff}
 .h_news .news_bd ul li .news_con{padding-left:110px}
 .h_news .news_bd ul li .news_con p a{display:block;font-size:15px;font-weight:700;color:#515671;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .h_news .news_bd ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden}
 .h_news .news_bd ul li:hover .news_time{background:#02328d}
 .h_news .news_bd ul li:hover .news_con p a{color:#02328d}*/



/* 新闻中心 */
.main-6  {
	margin-top:6%;
}
.pt-200{
	margin-top:3%;
}
.main-6 .left li div:first-child {
	width:10%;
	float: left;
	background: #f2f2f2;
	height: 85px;
}

.main-6 .left li {	margin-bottom: 20px ;
	border-bottom: 1px solid #dedede;
	list-style-type: none;
}

.main-6 .left li div:last-child {
	width: 88%;
	margin-left: 13%;
    padding-bottom:20px;
	line-height: 30px;
}

.main-6 .left li .date {
	padding-top: 10px;
}

.main-6 .left li .date p:first-child {
	text-align: center;
	font-size: 25px;

}

.main-6 .left li .date p:last-child {
	text-align: center;
	color: #888;
}

.main-6 .left li .new-1 p {
	color: #888;font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.main-6 .left li .new-1 h4 {
	font-size: 20px;color: #333;
}

.main-6 .left li .new-1 h4:hover {
	color: #247dff;
}
.main-6 .right li {
	max-width: 400px;
	list-style-type: none;
	height: 210px;
	overflow: hidden;
	margin-right: 10px;
}

.main-6 .right li img {
    width: 100%;
	height: 210px;
	cursor: pointer;
	transition: all 0.6s;
	border: none;
}

.main-6 .right li:hover {
	width: 100%;
}

.main-6 .right li:hover img {
	transform: scale(1.1);
	overflow: hidden;
}

.main-6 .right li h4 {
	line-height: 30px;font-size: 16px;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	position: relative;
	top: -40px;
	z-index: 10;
	text-align: center;
}

.main-6 .right li:last-child {
	margin-top: 20px;
}



.newscenter{
    background-color: #f8f9fa;
}
.newscenterCon{
    padding-top: 5%;
}
.newscenterItem{
    padding: 20px 0;
}
.newscenterItem .newsimg{
    width: 100%;      height: 200px;
    overflow: hidden;
    font-size: 0;
}
.newscenterItem ul li{
    float: left;
    width: 31%;
    padding: 10px 10px;
}
.newsimg img{
    width: 100%;
    height: auto;
}
.newscenterItem .newscenterItemDet{
    width: 100%;
    height:80px;
    position: relative;
    z-index: 10;
    margin-top: 0;
    transition: all 1.5s;
    background-color: #fff;
    overflow: hidden;
}
.newscenterItemDet p{
    padding: 2% 7% 0 7%
    
}
.newscenterItemDet .themetit{
    font-size: 2.4rem;
    font-weight: 600;
}
.newscenterItemDet .themecont{
    padding-top: 20px;
    font-size: 15px;
    color: gray;
    /* opacity: 0; */
    transition: all 1.5s;
    display: none
}
.newscenterItemDet .themetime{
    padding-top: 8px;
    font-size: 16px;
    /* opacity: 0; */
    color: #999;
    transition: all 1.5s;
    display: none
}

.newscenterItem ul li:hover .newscenterItemDet{
    transition: all 1s;
    margin-top: -142px;
    height: 220px;
    z-index: 10;
    background-color: #fff;
}
.newscenterItem ul li:hover .newscenterItemDet p{
    transition: all 1s;
    display: block
}
.newscenter .morenews{
    display: block;
    width: 160px;
	height: 42px;
	background-color: #0a2a54;
    overflow: hidden;
    transition: all 1.5s;
    background-image: url(../Images/icon4.png);
    background-repeat: no-repeat;
    background-position: 114px 15px;
    background-size: 8px;
    margin: 3% auto;
    margin-bottom: 3%;
}
.newscenter .morenews:hover{
    color: #247dff;
    background-color: #6065fb;
    transition: all 1s;
}
.morenews .morenewsp{
	font-family: SourceHanSansCN-Regular;
	font-size: 16px;
    color: #ffffff;
    margin-left: 31px;
    line-height: 42px;
    float: left;
}
@media(max-width:1160px){

    .newscenterItem ul li:hover .newscenterItemDet {
        transition: all 1s;
        margin-top: -102px;
        height: 180px;
        z-index: 10;
        background-color: #fff;
    }
    .newscenterItem ul li:hover .newscenterItemDet p {
        transition: all 1s;
        display: block;
        font-size: 16px;
        font-weight: 200
    }
    .newscenterItem ul li:hover .newscenterItemDet  .themecont {
        padding-top: 0px;
        font-size: 14px
    }
    .newscenterItem ul li:hover .newscenterItemDet .themetime {
        padding-top: 0px;
    }
}
@media(max-width:1024px){
    .newscenterItem .newscenterItemDet {
        height: 60px;
    }
    .newscenterItem ul li{
        width: calc(33.3% - 25px);
    }
    .newscenterItemDet .themetit{
        font-size: 14px;
    }
    .newscenterItemDet .themecont{
        font-size: 14px;
    }
    .theme{
        font-size: 24px;
    }
    .themeEng{
        font-size: 18px;
    }
}
@media(max-width:768px){
    /* .newscenterCon {
        padding-top: 20px;
    } */
    .newscenterItem ul li{
        width: 100%;
        padding: 10px 0;
    }
    .newscenterItemDet .themetit{
        font-size: 14px;
    }
    .newscenterItemDet .themecont{
        font-size: 14px;
    }
    .newscenterItem ul li .newscenterItemDet {
        height: auto;
        z-index: 10;
        background-color: #fff;
    }
    .newscenterItem ul li .newscenterItemDet.newscenterItemDet .themetit {
        opacity: 1;
    }
    .newscenterItem .newscenterItemDet {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 10;
        background-color: #fff;
    }
    .newscenterItemDet .themetit {
        font-size: 16px;
        padding-right: 0;
        padding-top: 20px;
        font-weight: 200
    }
    .newscenterItem ul li .newscenterItemDet{
        height: auto;
        z-index: 10;
        background-color: #fff;
    }
    .newscenterItemDet .themetime {
        opacity: 1;
    }
    .newscenterItemDet .themetime {
        padding-top: 0;
        font-size: 14px;
        color: #999;
        display: block;
    }
    .newscenterItem ul li:hover .newscenterItemDet .themetime{
        font-size: 14px
    }
    .newscenterItem ul li .newscenterItemDet {
        margin-top: 0;
    }
    .newscenter .morenews {
        width: 130px;
        height: 30px;
        background-position: 114px 9px;
    }
    .morenews .morenewsp {
        font-size: 14px;
        margin-left: 20px;
       /* line-height: 30px;*/
    }
    .morenews img {
        float: left;
        margin-top: 9px;
        margin-left: 20px;
    }
    .caseItem ul li div img{
        display: block;
    /*    -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;*/
    }
    .newscenterItem ul li .newscenterItemDet{
        height: auto;
        z-index: 10;
        background-color: #fff;

    }
    .newscenterItem ul li:hover .newscenterItemDet{
        margin-top: 0;
        height: 120px;;
    }
    .newscenterItem ul li .newscenterItemDet{
        height: 120px;
        margin-top: 0;
    }
}
@media(max-width:414px){
    .aboutL,.aboutR{
    width: 100%;
}
    .videos {
    top: 200%;
    left: 5%;
    width: 90%;
}
    .vclose {
        right: 0%;
        top: -2%;
    }
    .newscenterItemDet p {
        padding: 0;
        width: 90%;
        margin: auto;
    }
    .newscenterItem ul li .newscenterItemDet{
        margin-top: 0;
        height: auto;
        z-index: 10;
        background-color: #fff;
    }
    .newscenter .morenews{
        background-position:114px 8px;
    }
}
/* 联系我们 */
 .contact_list_met_11_1{position:relative;}
 .contact_list_met_11_1 #map{width:100%;height:100%;top:0;position:absolute!important}
 .contact_list_met_11_1 .BMap_pop>div>div{border-radius:8px;border:0!important}
 .contact_list_met_11_1 .BMap_pop .BMap_top{border:none}
 .contact_list_met_11_1 .BMap_pop .BMap_center{border:none}
 .contact_list_met_11_1 .anchorBL{display:none!important}
 .contact_list_met_11_1 .contact-cont{position:absolute;bottom:0;z-index:8;right:0;background:0 0;width:70%;border-bottom:780px solid;border-color:#fff;border-left:350px solid transparent;border-right:0 solid transparent;transform:translateX(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 300ms;-moz-transition:all .6s cubic-bezier(.77,0,.175,1) 300ms;-ms-transition:all .6s cubic-beziercubic-bezier(.77,0,.175,1) 300ms;-o-transition:all .6s cubic-bezier(.77,0,.175,1) 300ms;transition:all .6s cubic-bezier(.77,0,.175,1) 300ms;transition-duration:1.2s}
 .contact_list_met_11_1 .contact-text{width:60%;max-width:1200px; margin:30px auto;text-align:left;/*transform:translateY(-50%)*/overflow:hidden;}
 .contact_list_met_11_1 .contact-text .lxhead{margin-top:20%;}
 .contact_list_met_11_1 .contact-text .lxtitle{color:#f00;margin-bottom:20px;opacity:0;transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 600ms;-moz-transition:all .6s cubic-bezier(.77,0,.175,1) 600ms;-ms-transition:all .6s cubic-beziercubic-bezier(.77,0,.175,1) 600ms;-o-transition:all .6s cubic-bezier(.77,0,.175,1) 600ms;transition:all .6s cubic-bezier(.77,0,.175,1) 600ms;transition-duration:1.2s;height:40px;font-size:24px;position:relative;font-weight:400}
 .contact_list_met_11_1 .contact-text .lxtitle .line{background-color:#e3120b;background-color:;right:0;left:auto;opacity:0;transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 700ms;-moz-transition:all .6s cubic-bezier(.77,0,.175,1) 700ms;-ms-transition:all .6s cubic-beziercubic-bezier(.77,0,.175,1) 700ms;-o-transition:all .6s cubic-bezier(.77,0,.175,1) 700ms;transition:all .6s cubic-bezier(.77,0,.175,1) 700ms;transition-duration:1.2s;display:inline-block;position:absolute;bottom:0;left:0;width:100px;height:1px;-webkit-transition:width .5s ease-out;-moz-transition:width .5s ease-out;-o-transition:width .5s ease-out;-ms-transition:width .5s ease-out;transition:width .5s ease-out}
 .contact_list_met_11_1 .contact-text .subtitle{font-size:18px;margin-bottom:20px;opacity:0;transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 800ms;-moz-transition:all .6s cubic-bezier(.77,0,.175,1) 800ms;-ms-transition:all .6s cubic-beziercubic-bezier(.77,0,.175,1) 800ms;-o-transition:all .6s cubic-bezier(.77,0,.175,1) 800ms;transition:all .6s cubic-bezier(.77,0,.175,1) 800ms;transition-duration:1.2s;color:#8c8c8c;color:}
 .contact_list_met_11_1 .contact-text:hover .line{width:50px!important}
 .contact_list_met_11_1 .contact-text .details{width:40%;margin-left:10%; float:left; margin-bottom:3%;font-size:16px;color:#fff;line-height:1.8}
 .contact_list_met_11_1 .contact-text .details li{opacity:0;transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 1000ms;-moz-transition:all .6s cubic-bezier(.77,0,.175,1) 1000ms;-ms-transition:all .6s cubic-beziercubic-bezier(.77,0,.175,1) 1000ms;-o-transition:all .6s cubic-bezier(.77,0,.175,1) 1000ms;transition:all .6s cubic-bezier(.77,0,.175,1) 1000ms;transition-duration:1.2s}
 .contact_list_met_11_1 .contact-text .details .mark{position:relative;margin-bottom:5px;font-size:14px;color:#aaa;background:0 0;padding:0}
 .contact_list_met_11_1 .contact-text .details .mark:after{content:"";display:block;width:100%;height:0px;background-color:#eee;background-color:;position:absolute;right:0;top:40px}

 .contact_list_met_11_1.swiper-slide-active .contact-cont{transform:translateX(0)}
 .contact_list_met_11_1.swiper-slide-active .contact-text .lxtitle{opacity:1;transform:translateY(0)}
 .contact_list_met_11_1.swiper-slide-active .contact-text .line{opacity:1;transform:translateY(0);right:0;left:auto}
 .contact_list_met_11_1.swiper-slide-active .contact-text .subtitle{opacity:1;transform:translateY(0)}
 .contact_list_met_11_1.swiper-slide-active .contact-text li{opacity:1;transform:translateY(0)}
 .contact_list_met_11_1.swiper-slide-active .contact-text li h2{color:#fff; font-size:18px;font-weight:500;}

 @media(max-width:1025px){
     .contact_list_met_11_1.swiper-slide-active .contact-cont{transform:translate(0,0);top:45%;background-color:#fff;background-color:;border:none;width:100%}
     .contact_list_met_11_1 .contact-text{width:100%;left:0;right:0;bottom:0;text-align:center;top:45%;transform:translateY(0);padding:20px}
     .contact_list_met_11_1 .contact-text .lxtitle{height:auto!important;font-size:18px;margin-bottom:10px;padding-bottom:10px;line-height:1.2}
     .contact_list_met_11_1 .contact-text .lxtitle .line{transform:translate(-50%,0);left:50%}
     .contact_list_met_11_1 .contact-text .details{width: 100%;margin-top:30px;    margin-left: 0%;}
     .contact_list_met_11_1{min-height:600px}

 }
 @media(max-width:767px){
      .contact_list_met_11_1.swiper-slide-active .contact-cont{transform:translate(0,0);top:30%;background-color:#fff;background-color:;border:none;width:100%}
      .contact_list_met_11_1 .contact-text{width:100%;left:0;right:0;bottom:0;text-align:center;top:30%;transform:translateY(0);padding:0px}
      .contact_list_met_11_1 .contact-text .lxtitle{height:auto!important;font-size:18px;margin-bottom:10px;padding-bottom:10px;line-height:1.2}
      .contact_list_met_11_1 .contact-text .title .line{transform:translate(-50%,0);left:50%}
      .contact_list_met_11_1 .contact-text .details{margin-top:30px; margin-left: 0%;}
      .contact_list_met_11_1{min-height:600px}

 }

/* 战略布局 */
.strategic{
    padding: 5% 0;
    background-color: #fff;
    border-bottom: 2px solid #f7f8f8
}
.strategicItem {
    overflow: hidden;
    margin-top: 40px;
}
.strategicItem ul li {
    float: left;
    padding: 30px 30px;
    width: 28%;
    height: 100%;
    overflow: hidden;
    transition: all 1.5s;
}
.strategicItem ul li:nth-child(n+2){
    /* margin-left: 20px; */
}
.strategicItem ul li:hover{
    transition: all 1.5s;
    background-color: #f8f8f8;
}
.strategicItem ul li:hover .zmore{
    transition: all 1.5s;
    opacity: 1
}
.strategicItem .tit{
    height: 40px;
    line-height: 40px;
    border-left: 4px solid #247dff;
}
.strategicItem .tit p{
    font-size: 24px;
    margin-left: 20px;
    float: left;
}
.strategicItem .strategicImg{
    margin-top: 28px;
    overflow: hidden; 
}
.strategicItem .strategicImg img{
    width: 100%;
    transition: all 1.5s;
}
.strategicImg:hover img{
    transition: all 1.5s;
    transform: scale(1.3)
}
.strategicItem .part p{
    margin-top: 1.5%;
    font-size: 15px;
}
.strategicItem .zmore{
    transition: all 1.5s;
    opacity: 0;
    margin-top: 2%;
    width: 60px;
    height: 60px;
    background-color: #247dff;
    border: solid 1px #247dff;
    border-radius: 50%;
    position: relative;
}
.strategicItem .zmore a{
    display:block;
    width: 100%;
    height: 100%;
}
.strategicItem .zmore img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media(max-width:1280px){
    .strategicItem ul li {
        float: left;
        width: 26%;
        height: 100%;
        overflow: hidden;
    }
}
@media(max-width:1024px){
   
    .strategicItem ul li {
        margin: auto;
        width: calc(50% - 60px);
        overflow: hidden;
        float: left;
    }
    .strategicItem .tit{
        height: 20px;
        line-height: 20px;
    }
    .strategicItem .tit p{
        font-size: 16px;
    }
    .strategicItem .zmore{
        width: 40px;
        height: 40px;
    }
    .strategicItem .strategicImg{
        margin-top: 10px;
    }
    .strategicItem .part p{
        font-size: 14px;
    }
    .strategicItem ul li .zmore{
        opacity: 1
    }
    .strategicItem ul li {
        margin: auto;
        width: 33.3%;
        overflow: hidden;
        padding: 20px 20px;
        box-sizing: border-box
    }
}                                                                                                                                           55%
@media(max-width:768px){
    .strategicItem .zmore {
        width: 30px;
        height: 30px;
    }
}
@media(max-width:414px){
    .strategicImg:hover img{
        transition: all 1.5s;
        transform: scale(1.0)
    }
}
/* 解决方案 */

.in-menu {text-align: center;font-size: 0;margin-top: 20px;}
.in-menu li {display: inline-block;vertical-align: middle;}
.in-menu li a {display: block;font-size: 16px;color: #fff;line-height: 40px;padding: 0 20px;border: 1px solid #555;margin: 20px 0 0 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-menu li a:hover,.in-menu li.on a {color: #fff;background-color: #e62022;border-color: #e62022;}

.solution {
    /*   padding: 3% 0;*/ /* background:#fff;   margin-bottom:5%;    */
    background: #fff;
    overflow: hidden;
}
.solutionCon {
    padding-top: 5%;padding-bottom: 1%;   overflow:hidden;
}
    .solutionItem {
    padding: 3% 0;
}
.solutionItem ul{
   /* border: solid 1px #d7d7d9;*/
    overflow: hidden;
}
.solutionItem ul li a{
    width: 100%;
    height: auto;
display: block;
}
.solutionItem ul li{
    width: 23%;
    float: left;  margin:1%;
    position: relative;
    font-size: 0;
}
.solutionItem ul li a>img{
    width: 100%;
}
.solutionItem ul li .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-size: cover;
/*    background-image: url('../Images/111.png');*/
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    transition: all 1.5s
}
    .solutionItem ul li .solutionDet {
        /*position: absolute;
    top: 22%;
    left: 10%;
    width: 80%;
    color: #fff;
    float: left;*/
    }
.solutionDet .soEng{
    font-size: 16px;
}
.solutionDet .soChi{
    margin-top: 1.5%;   letter-spacing:3px; color: #fff;
    font-size: 20px; text-align:center;
}
.solutionDet .soDet{
    margin-top: 1.5%;
    font-size: 14px;
    opacity: 0;
    transition: all 1.5s
}
.solutionItem ul li:hover .bg {
    opacity: 1;
    background-image: url('../Images/111_h.png');
    transition: all 1.5s;
}
.solutionItem ul li:hover .soEng{
    
    transition: all 1.5s
}
.solutionItem ul li:hover .soDet{
    opacity: 1;
    transition: all 1.5s
}
.solutionItem ul .item6{
    position: relative;
}
.itemcon{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.solutionItem ul .item6 .allfn{
position: absolute;
    top: 30%;
    left: 40%;
font-size: 18px;
/*font-weight: bold;*/
}
.allmore{
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #247dff;
    top: 50%;
    margin-top: -5%;
    left: 50%;
    margin-left: -5%;
}
.allmore:hover{
    background-color: #6065fb;
    transition: all 1s
}
.allmore .rightj{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media(max-width:1280px){
    .solutionDet .soChi{
        font-size: 20px;
    }
    .allmore{
        width: 50px;
        height: 50px;
    }
}
@media(max-width:1024px){
    
    .solutionItem ul li{
        width: 50%;
    }
    .solutionItem ul li>img{
        width: 100%;
        height: 100%;
    }
    .solutionItem ul li .solutionDet p{
        font-size: 14px;
    }
    .solutionItem ul li .soEng{
        color: #cfad65;
    }
    .solutionItem ul li .soDet{
        opacity: 1;
    }
    .allmore{
        width: 40px;
        height: 40px;
    }
    .solutionItem ul li .solutionDet {
        top: 32%;
    }
}
@media(max-width:768px){
    .solutionItem ul li .solutionDet p{
        font-size: 14px;
    }
}
@media(max-width:375px){
    .solutionItem ul li {
        width: 100%;
    }
}
/* 客户案例 */
.case{
    background-color: #fff;
    overflow: hidden;
}
.caseCon{
    padding-top: 5%;
}
.caseItem{
    padding: 3% 0;
}
.caseItem ul{
    overflow: hidden;
}
.caseItem ul li{
    float: left;
    width: 11.33%;  margin:0.5%;
    height:99px;   border:1px solid #ddd;
   box-shadow:0px 15px 10px -15px #000;
}
.caseItem ul li div{
    height:100%;
    width: 100%;
    position: relative;
}
    .caseItem ul li {
       /* margin-top: -4px;*/

    }
.caseItem ul li:nth-child(7n){
 /*   border-right: none*/
}
.caseItem ul li div img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 70%;
    max-height: 100%;
/*    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all .5s*/
}
.caseItem ul li:hover div img{
    transition: all .5s;
    display: block;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
@media(max-width:1280px){
  
    .caseItem ul li{
        box-sizing: border-box;
        float: left;
        width: 19%;
        height:80px;
    }
       
    .caseItem ul li:nth-child(6n){
        border-right: 1px solid #e6e6e6;
    }
    .caseItem ul li:nth-child(4n){
        border-right: none;
    }

}
@media(max-width:1024px){

    .caseItem ul li{
        box-sizing: border-box;
        float: left;
        width: 32%;
        height:100px;
    }
    .caseItem ul li:nth-child(6n){
        border-right: 1px solid #e6e6e6;
    }
    .caseItem ul li:nth-child(4n){
        border-right: 1px solid #e6e6e6;
    }
    .caseItem ul li:nth-child(3n){
        border-right: none;
    }
    
}
@media(max-width:768px){
    .caseItem ul li div img{
        transition: all 1s;
        display: block;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        filter: gray;
    }
}
@media(max-width:414px){
    .caseItem ul li {
        box-sizing: border-box;
        float: left;
        width: 49%;
        height: 80px;
        text-align: center;
        box-shadow: 0px 0px 0px 0px #000;
    }
        .caseItem ul li img {
            height: 70px;
        }
    .caseItem ul li:nth-child(6n){
        border-right: 1px solid #e6e6e6;
    }
    .caseItem ul li:nth-child(4n){
        border-right: 1px solid #e6e6e6;
    }
    .caseItem ul li:nth-child(3n){
        border-right: 1px solid #e6e6e6;
    }
    .caseItem ul li:nth-child(2n){
     /*   border-right: none;*/
    }

}

.new-friend{padding:3% 0 6% 0;background:url(../images/footer_04.jpg) no-repeat 50%;background-size:cover}
.new-friend h3{font-size:30px;color:#000;line-height:1;font-weight:500;padding-top:5%;}
.new-friend h2 {color:#000;font-size: 16px;line-height: 32px;font-family: "黑体";padding-bottom:18px;}
.new-friend a{display:inline-block;width:140px;height:36px;font-size:14px;color:#e9ecf4;background:#247dff;border-radius:0px;line-height:36px;transition:all .2s ease-in-out}
.new-friend a:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 5px 10px rgba(36,104,242,.2)}



/*公共底部*/
.foot-bg{/*background:#c4a263 url(../images/foot-bg.jpg) no-repeat center top;*/ }
.foot{ position: relative;}
.foot-info{ }
.foot-info .index-title{ margin-bottom: 58px;}
.foot-info .index-title strong{display: block; font-size: 2.4rem; letter-spacing: 3px;line-height: 50px; color: #fff; margin-bottom: 12px}
.foot-info .index-title em{ display: block; font-size: 30px; line-height: 30px; color: #fff; margin-bottom: 38px;font-family:Arial;font-weight:600;}
.foot-info .index-title i{background: #fff; margin: 0 auto}

.foot-info ul {/*display: grid; grid-template-columns: repeat(3,auto);*/ width: 100%; }
.foot-info li {display: flex; align-items: center;padding-bottom:10px;}
.foot-info li .icBox {width: 4rem; height: 4rem;border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.foot-info li .adcon {margin-left: 0.5rem;}
.foot-info li span {font-size: 18px; font-weight: 600;color: #fff; display: block;margin-bottom: .1rem;}
.foot-info li p  {color: #999;font-size: 16px; font-weight: 400;}
.foot-infoli p a {color: #fff; font-weight: 400;}
.foot-info li p a:hover {color: #009E98;}
.foot-info li strong {display: block; line-height: 1; font-family: Arial, Arial-Bold; font-weight: 700; color: #ffffff; margin-top: .1rem;}
.foot-info li .icBox img {max-width: 60%;}


.foot-bottom{ width: 100%; z-index: 2;  position: relative; padding: 40px 0; bottom: -16vh;background:#031630 }
.foot-top{padding: 59px 0 34px; border-bottom: 1px solid rgba(255,255,255,0.09); margin-bottom: 29px}
.foot-copy p{display: block; font-size: 15px; color: #fff;margin-bottom:20px;}
.foot-copy p a{color: #b0bbd4}
.foot-copy p a:hover{color: #fff;}
.foot-text{ width: calc(100% - 426px)}
.wapfoot-zw,.wapfooter{display: none;}

.foot-contact{background-image: url(../images/telephone.png);background-repeat: no-repeat;padding-left:50px;margin-top: 20px ;}
.foot-contact p{font-size: 14px;color: #fff;margin-top: -5px}
.foot-contact span{font-size: 24px;color: #fff;font-weight: 600;}



.wfooter {
    margin-top:5%;    padding: 2% 0;
    color: #818181;
    background: -webkit-linear-gradient(#333333, #060606);
    background: -o-linear-gradient(#333333, #060606);
    background: -moz-linear-gradient(#333333, #060606);
    background: linear-gradient(#1e1d1d, #222);
}
.wfooter .totop{
    width: 50px;
    height: 50px;
    background-color: #247dff;
    color: #fff;
    position: fixed;
    right: 0;
    bottom: 10%;
    cursor: pointer;
    z-index: 666;
    overflow: hidden;
}
.wfooter .totop img{
    width: 100%;
    height: auto;
}
.wfooter .totop:hover{
    background-color: #6065fb;
}
.wfooter .totop p{
    font-size: 14px;
    text-align: center
}
.wfooter .totop .top{
    font-size: 24px;
    margin-top: 5%;
}
.wfooter .totop p:last-child{
    margin-top: -40%;
}
.wfooter .w1440{
    overflow: hidden
}
.wl{
    float:left;      text-align: center;
    padding: 2% 0;
    overflow: hidden
}
.wfootermk{
    padding-top: 35px;
}


.wfooter a {
    color: #999; font-size: 16px;
}
.wfooter .wfootermk .item1 {
    float: left;
    padding-left: 55px;
    padding-right: 25px;
}
.wfooter .wfootermk .item1>a{
    font-weight:600; color: #eee;
    font-size: 18px;
}
.wfooter .gp{
    color: #fff;
    margin-left: 0;
    margin-top: 20%;
}
.wfooter .zdhj {
    padding-top: 1%;
    margin-top: 0
}
.wfooter .tred .zdhj {
    background: url(../Images/triangle1.png) no-repeat 0 bottom;

}

.wfooter .tgreen .zdhj {
    background: url(../Images/2xd.png) no-repeat 0 bottom;
}
.wfooter .tred .zdhj {
    background: url(../Images/2xl.png) no-repeat 0 bottom;
}
.wfooter .item1 .item2{
    font-size: 14px;
    color: #818181;
}
.wfooter .item1 .item2 li：hover{
    color: #247dff
}
.wfooter .item1 .item2 li{
    margin-top: 10px;
}
.wfooter .item1 .item2 .cloud .cloud1{
    display: none; 
}
.wfooter .item1 .item2 .cloud .cloud1 a{
    color: #247dff
}
.copyright {
    height: 60px;
    background-color: #247dff;
}
.copyright .copy{
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    width: 90%;
}
.copy div{
    font-size: 14px;
    line-height: 60px;
    color: #fff;
}
.copy div a{
    color: #fff
}
.copyright .add{
    margin-left: 13%
}
.copyright .friend{
    overflow: hidden
}
.copyright .friend a{
    padding: 0 10px;
    border-right: 1px solid #fff;

}
.copyright .friend a:last-child{
    padding-right: 0;
    border-right: 0;
}
@media(max-width:1440px){
    .copyright .add{
        display: none
    }
}
@media(max-width:1280px){
    .copyright .copy {
        width: 90%;
    }
    .wflog {
        text-align: center;
    }
    .bdsharebuttonbox {
        text-align: center;
    }
    
    .bdsharebuttonbox a{
        margin-right: 20px;
    } 
}
@media(max-width:1024px){
    .wfootermk{
       display: none;
    }
    .wflog{
        text-align: start;
        width: 20%;
        float: left;
    }
    .wfooter .gp{
        margin-left: 23%;
        padding-top: 0.5%;
        margin-top: 0
    }
    .bdshare-button-style0-16{
        float:right;
        width: 18%;
        padding-top: 0.5%;
        margin-top: 0
    }
    .wflog img{
        width: 150px;
        vertical-align: middle
    }
    .wl{
        margin: 0 auto;
        float:none;
        padding: 1% 0
    }
    .wfootermk{
        display: none;
    }
    .copyright .copy{
        width: 90%;
    }
    .solutionItem ul li .bg{
        opacity: 0.5;
    }
}
@media (max-width: 768px){
    .solutionItem ul li{
        overflow: hidden;
    }
    .solutionItem ul li a>img{
        width: 140%;
        margin-left: -20%;
    }
    .wflog img {
        width: 120px;
    }
    .wfooter .gp {
        /* float: right; */
        margin-left: 20%
    }
    .copyright {
        height:auto;
    }
    .caseItem {
        padding: 20px 0;
    }
    .solutionItem {
        padding: 20px 0;
    }
    .strategicItem {
        overflow: hidden;
        margin-top: 20px;
    }
    .strategic {
        padding: 30px 0;
    }
    .newscenterItem {
        padding: 20px 0;
    }
    .copy div{
        line-height: 25px;
        float: none;
        text-align: center;
    }
    .newscenterItemDet .themecont {
        display: block;
        padding-top: 0;
    }
    .wl {
        float: none;
    }
    .strategicItem .part p {
        font-size: 14px;
        height: 90px;
    }
    
}
@media(max-width:768px){
    .w1440 {
        width: 100%;
    }
    .caseCon {
        padding-top: 12%;
    }
    .bdshare-button-style0-16 {
        width: 30%;
        margin: 0 auto;
        /* float: none */
    }
}
@media (max-width: 414px){
    .col-md-3 { width: 100%; float: left;}
    .aboutTie span{font-size: 16px;}
    .aboutTie h2 {font-size: 1.55rem;}
    .aboutTie { padding: 0px 3% 5px 6%;}
    .aboutL .txt { font-size: 16px;margin-top:15px;}
    .strategicCon  { width: 100%;}


    .main-6 .left li .new-1 h4 { font-size: 18px;}
    .main-6 .left li .date {display:none;}
    .main-6 .left li div:last-child {width: 100%;margin-left: 0%;}

    .newscenterItem { padding: 5px 0;} 
    .strategic { padding: 20px 0;}
    .themeDet { width: 90%;margin: 0 auto; letter-spacing: 0px;font-size: 16px;}
    .new-friend {padding: 45% 0;}
    .new-friend h3 { font-size: 22px;}

    .system-content ul h2 { font-size: 1.4em;text-align: center;}

    .strategicItem ul li { width: 100%;  padding:10px 0;}
    .newscenterItem .newscenterItemDet { width: 100%;  height: auto;}
    .newscenterItemDet .themetime { padding-bottom: 10px;}

    .swiper-slide img { width: 100%;  height: 236px; }
    .solutionItem ul li .solutionDet {
        position: absolute;
        top: 20%;
        left: 10%;
        width: 80%;
        color: #fff;
        float: left;
    }
    .solutionItem ul li .solutionDet p { font-size: 12px;}
    .solutionDet .soChi { font-size: 24px;}
    .solutionItem ul .item6 .allfn { position: absolute; top: 30%; left: 28%; font-size: 16px; font-weight: bold;}
    .newscenterItemDet .themecont { display: none;}
    .strategicItem .part p { height: 40px;}
    .bdshare-button-style0-16 { width: 26%;}
    .share a.bds_weixin ,.share a.bds_sqq,.share a.bds_tsina{ width: 15px; height: 20px;}

    .wfooter .gp { margin-left: 17%; }
    .wflog{ float: left;}
    .wfooter .totop { bottom: 17%; overflow: hidden;}
    .wfooter .totop p { line-height: 35px; }
}
@media(max-width:375px){
        .bdshare-button-style0-16 {
            width: 28%;
        }
        .strategicItem .part p {
            height: 70px;
        }
}
@media(max-width:360px){
    .bdshare-button-style0-16 {
        width: 29%;
    }
}
@media(max-width:320px){

    .bdshare-button-style0-16 {
        width: 34%;
        padding: 0 33%
    }
    .wl{
        padding-bottom: 5px
    }
    .wfooter .gp {
        margin-left: 0;
        float: right
    }
}

/*@media (min-width:767px){
.aboutL{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }
.active .aboutL{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.aboutTie{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }
.active .aboutTie{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.aboutL .font{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }
.active .aboutL .font{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.aboutR .splist{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }
.active .aboutR .splist{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}

.theme{transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }
.active .theme{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}

.themeDet{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }
.active .themeDet{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

 .details{transition:all 0.5s ease-in-out; transform:translate(-200px,0px); opacity:0; }
 .active .details{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

 .details:nth-child(2){transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }
 .active .details:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

 .details:nth-child(4){transition:all 0.5s ease-in-out; transform:translate(200px,0px); opacity:0; }
 .active .details:nth-child(4){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}


.sectionpro ul li{transition:all 0.5s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .sectionpro ul li{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.sectionpro ul li:nth-child(2n){transition:all 0.5s ease-in-out; transform:translate(0px,-100px); opacity:0; }
.active .sectionpro ul li:nth-child(2n){opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}



.caseItem ul li{transition:all 0.5s ease-in-out; transform:translate(0px,100px); opacity:0; }
.active .caseItem ul li{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}


}*/