@font-face {
    font-family:'dincond';
    src:url('../font/DINCond-Regular.eot');
    src:url('../font/DINCond-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/dincond-webfont.woff2') format('woff2'),
    url('../font/DINCond-Regular.woff') format('woff'),
    url('../font/DINCond-Regular.ttf') format('truetype'),
    url('../font/DINCond-Regular.svg#dincondregular') format('svg');
    font-weight:normal;
    font-style:normal
}
/*banner*/
.swiper-container {
    text-align:center;
    margin:0 auto;
    overflow:hidden;
    width: 100%;
    max-height:900px;
    background: #000;
}
.swiper-slide .swiper-mask{
    position: absolute;z-index: 10;left:0;top:0;right:0;bottom:0;
    background:rgba(0,0,0,.3);
}
.swiper-slide .swiper-mask-icon{
    position: absolute;z-index: 10;left:0;top:0;right:0;bottom:0;
    background:url(../images/mask-dot.png);
}
.swiper-slide .swiper-txt{
    position: absolute;z-index: 10;left:50%;top:50%;margin-left:-20rem;margin-top:-8rem;
    height:16rem;width:40rem;
    text-align: center;
}
.swiper-slide.start .swiper-txt{
    width:60rem;margin-left:-30rem;margin-top:-13rem;
}
.swiper-slide .swiper-txt h3{
    font-size:2.5rem;
    line-height:4rem;
    color: #fff;
    margin-top:1rem;
    margin-bottom:.4rem;
}
.swiper-slide .swiper-txt h5{
    font-size:1.5rem;
    line-height:2rem;
    color: #fff;
}
.swiper-slide .swiper-txt .line{
    margin: 30px auto 30px;
    width: 6px;height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    background: #fff;
}
.swiper-slide .swiper-txt .line:before,
.swiper-slide .swiper-txt .line:after{
    content: '';
    height: 1px;
    position: absolute;
    top: 50%;
    width:240px;/*media*/
    background-color: #fff;
    opacity: .5;
}
.swiper-slide .swiper-txt .line:before{
    right: 13px;
}
.swiper-slide .swiper-txt .line:after{
    left: 13px;
}
.swiper-slide .swiper-txt a{
    height: 2.5rem;width:8rem;
    line-height:2.5rem;
    font-size: .8rem;
    border: 1px solid #fff;border-radius: 3px;
    color: #fff;
    display: inline-block;
}
.swiper-slide img{
    width:100%;height:auto;
    vertical-align:middle;
    position:relative;
}
.swiper-slide video{
    z-index: 2;
    object-fit: fill;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}
.swiper-touch{
    position: absolute;right: 40px;bottom:35px;z-index: 10;
    opacity: .2;
    background: transparent url(../images/swipe.png) left top no-repeat;
    width: 44px; height: 41px;
    cursor: pointer;
}
.swiper-touch:hover{
    opacity: 1;
}
.swiper-pagination-bullets.swiper-pagination-bullets{
    bottom:60px;
}
.swiper-pagination-bullet{
    height:15px;width: 15px;background:#fff;opacity:.8;
}
.swiper-pagination-bullet-active{
    border: 1px solid #fff;background:transparent;
}
/*about-info*/
.about-info{background:#0072C6;height:400px;}
.about-info li{width:33.333333%;float:left;color:#fff;padding:60px 70px;position:relative;}
.about-info li:after{content: " ";position: absolute;top:60px;bottom:60px;right:0;width:1px;z-index:2;border-right:1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.about-info li:last-child:after{display:none;}
.about-info li dt{line-height:50px;font-size:26px;}
.about-info li dd.num{height:150px;margin-bottom:10px;}
.about-info li dd.num span{font-family: "dincond";font-style:normal;font-size:150px;height:150px;display:inline-block;line-height:180px;text-align:center;}
.about-info li dd.num abbr{display:inline-block;font-size:14px;font-weight:600;}
.about-info li dd{line-height:20px;font-size:14px;}
/*guide-slider*/
.guide-slider{background:#f2f2f2;height:650px;}
.guide-slider .title{text-align:center;padding:80px 0 50px 0;}
.guide-slider .title h3{font-size:36px;}
.guide-slider .title p{font-size:14px;margin-top:15px;}
.guide-slider .guide-list{background:#fff;height:350px;overflow:hidden;}
.guide-slider .guide-list li.guideItem{width:240px;height:350px;position: relative;overflow: hidden;float: left;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}
.guide-slider .guide-list li.guideItem .left{float:left;width:240px;height:350px;padding:30px 10px;text-align:center;background:#fff;border-right:1px solid #f2f2f2;}
.guide-slider .guide-list li.guideItem .left h3{font-size:23px;line-height:50px;}
.guide-slider .guide-list li.guideItem .left svg{height:70px;width:70px;color:#000;vertical-align:middle;margin:39px auto;}
.guide-slider .guide-list li.guideItem .left h5{font-size:14px;line-height:24px;color:#999999;}
.guide-slider .guide-list li.guideItem .left .item{font-size:14px;}
.guide-slider .guide-list li.guideItem .left .item span{width:77px;line-height: 35px;background: #fbfbfb;color: #111;font-size: 14px;margin: 0 4px 8px;float: left;}
.guide-slider .guide-list li.guideItem .right{width:240px;height:350px;float:left;background:url(../images/behind.png) center no-repeat;overflow:hidden;}
.guide-slider .guide-list li.guideItem .right .function-list{background:rgba(0,0,0,.3);}
.guide-slider .guide-list li.guideItem .right .function-list li{height:50px;line-height:50px;color:#fff;font-size:16px;text-indent:17px;position:relative;}
.guide-slider .guide-list li.guideItem .right .function-list li:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:rgba(255,255,255,.7);}
.guide-slider .guide-list li.guideItem .right .function-list li:after{content:"";height:50px;width:50px;position:absolute;right:0;bottom:0;background:url(../images/arrow-small.png) center no-repeat;background-size:50%;}
.guide-slider .guide-list li.guideItem .detail {display:none;position: absolute;top:0;left:240px;width: 480px;height: 350px;cursor:pointer;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/*active*/
.guide-slider .guide-list li.guideItem.active{
    width:480px;
}
.guide-slider .guide-list li.guideItem.active .simple{
    display:none;
}
.guide-slider .guide-list li.guideItem.active .detail{
    display:block;
    left:0;
}
.guide-slider .guide-list li.guideItem.active .detail .left{
    background:#0072C6;
}
.guide-slider .guide-list li.guideItem.active .detail .left svg,
.guide-slider .guide-list li.guideItem.active .detail .left h5,
.guide-slider .guide-list li.guideItem.active .detail .left h3{color:#fff}
/*news*/
.new-list li{height:150px;width:45%;float:left;margin-bottom:100px;position:relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.new-list li:hover{cursor:pointer;}
.new-list li:first-child{height:400px;margin-right:10%;padding-top:250px;}
.new-list li .new-img{width:100%;height:230px;position:absolute;left:0;top:0;background-position:center;background-size:100%;transition: all .3s ease;}
.new-list li:hover .new-img{background-size:105%}
.new-list li dl.new-info{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-right:50px;
}
.new-list li dl.new-info dt{margin-bottom:10px;font-weight:normal;display:block;overflow: hidden;color:#333;white-space: nowrap;text-overflow: ellipsis; font-size:18px;}
.new-list li dl.new-info dd{color:#666; height:44px; overflow:hidden; margin-bottom:50px;font-size: 14px;line-height:22px;}
.new-list li dl.new-info dd.more{margin-bottom:0;}
.new-list li dl.new-info dd.more span{ display:inline-block; position:relative; text-transform:uppercase; color:#666; width:100px;transition: all .7s ease;}
.new-list li:hover dl.new-info dd.more span{ width:260px}
.new-list li dl.new-info dd.more span a{color:inherit;}
.new-list li dl.new-info dd.more span i{ display:block; position:absolute; z-index:1;top:0; bottom:0; left:78px; right:0; background:url(../images/arrow.png) no-repeat  center right; background-size:auto 11px}
.new-list li dl.new-time{height:150px;width:150px;border-left: 1px solid #e1e1e1;padding:20px 25px 0 50px;}
.new-list li dl.new-time dt{font-size:50px;margin-bottom: 10px;}
.new-list li dl.new-time dt:after{ content:""; display:block; width:25px; height:4px; background-color:#ccc}
.new-list li dl.new-time dd{font-size: 14px;}
/*solution*/
.solution{width: 100%;height:750px;overflow: hidden;background: #151515;position:relative;}
.solution .title{position:absolute;width:100%;z-index:5;text-align:center;color:#fff;padding-top:60px;}
.solution .title h3{font-size:36px;}
.solution .title p{font-size:14px;margin-top:15px;}
.solution .container{position: relative;width: 1200px;margin: 0 auto;padding: 0;z-index:2;}
.solution .container .hd{width:255px;position:absolute;z-index:3;background:rgba(0,0,0,.7);height:450px;left:0;top:210px;color:#fff;border-radius:2px;overflow:hidden;}
.solution .container .hd li{height:90px;padding-top:20px;position:relative;transition:all .5s;cursor:pointer}
.solution .container .hd li:after{content:"";width:80%;border-bottom:1px solid #2a2a2a;position:absolute;left:10%;bottom:0}
.solution .container .hd li:last-child:after{display:none;}
.solution .container .hd li svg{margin-left:20px;margin-right:20px;float:left;width:40px;height:40px;position:relative;z-index:2;transition:all .2s;}
.solution .container .hd li:before{background:#0072C6;background:-moz-linear-gradient(left,#0072C6 0%,#003592 100%);background:-webkit-linear-gradient(left,#0072C6 0%,#003592 100%);background:linear-gradient(to right,#0072C6 0%,#003592 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072C6',endColorstr='#003592',GradientType=1 );content:"";position:absolute;top:0;left:0;bottom:0;z-index:1;width:0;transition:all .2s}
.solution .container .hd li.on:before{width:100%}
.solution .container .hd li.on:after{display:none}
.solution .container .hd .text{position:relative;z-index:2}
.solution .container .hd .text h3{font-size:18px;margin-bottom:5px}
.solution .container .hd .text p{font-size:14px;color:#fff;color:rgba(255,255,255,.7);}
.solution .container .bd{width:1920px;margin-left: -360px;height:750px!important;}
.solution .container .bd>li:after{position:absolute;content:"";left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1;}
.solution .container .bd>li{background-size:cover;background-position:center;background-repeat:no-repeat;height:750px!important;}
.solution .container .bd>li:nth-child(1){background-image:url(../images/banner1.jpg);}
.solution .container .bd>li:nth-child(2){background-image:url(../images/banner2.jpg);}
.solution .container .bd>li:nth-child(3){background-image:url(../images/banner3.jpg);}
.solution .container .bd>li:nth-child(4){background-image:url(../images/banner4.jpg);}
.solution .container .bd>li:nth-child(5){background-image:url(../images/banner5.jpg);}
.solution .container .bd .inner{padding-left:360px;padding-top:210px;color:#fff}
.solution .container .bd h2{font-size:24px;margin-bottom:30px}
.solution .container .bd .intro{font-size:14px;}
.solution .container .bd .intro dt{margin-bottom:10px}
.solution .container .bd .intro dd{color:#999;margin-bottom:20px;line-height:1.8;}
.solution .container .bd .solution-item{overflow:hidden;margin-bottom:30px;}
.solution .container .bd .solution-item li{height:90px;width:70px;float:left;text-align:center;color:#999;margin-right:30px;}
.solution .container .bd .solution-item li span{height:70px;width:70px;margin:0 auto;display:inline-block;background-image:url(../images/solution.png);}
.solution .container .bd .solution-item li span.zxsc{background-position: 0 -3900px;}
.solution .container .bd .solution-item li span.ptkj{background-position: 0 -1950px;}
.solution .container .bd .solution-item li span.fx{background-position: 0 -375px;}
.solution .container .bd .solution-item li span.khgl{background-position: 0 -1350px;}
.solution .container .bd .solution-item li span.hyyx{background-position: 0 -825px;}
.solution .container .bd .solution-item li span.tjyl{background-position: 0 -1050px;}
.solution .container .bd .solution-item li span.zqg{background-position: 0 -3750px;}
.solution .container .bd .solution-item li span.kfxt{background-position: 0 -1275px;}
.solution .container .bd .solution-item li span.mdgl{background-position: 0 0;}
.solution .container .bd .solution-item li span.hyyx{background-position: 0 -3300px;}
.solution .container .bd .solution-item li span.dc{background-position: 0 -150px;}
.solution .container .bd .solution-item li span.wm{background-position: 0 -2700px;}
.solution .container .bd .solution-item li span.yhmd{background-position: 0 -3075px;}
.solution .container .bd .solution-item li span.czjf{background-position: 0 -75px;}
.solution .container .bd .solution-item li span.sjtj{background-position: 0 -2325px;}
.solution .container .bd .solution-item li span.qzc{background-position: 0 -300px;}
.solution .container .bd .solution-item li span.jcx{background-position: 0 -1200px;}
.solution .container .bd .solution-item li span.lbfx{background-position: 0 -1500px;}
.solution .container .bd .solution-item li span.xcx{background-position: 0 -2850px;}
.solution .container .bd .solution-item li span.jck{background-position: 0 -900px;}
.solution .container .bd .solution-item li span.zqk{background-position: 0 -3825px;}
.solution .container .bd .solution-item li span.yyyd{background-position: 0 -3525px;}
.solution .container .bd .solution-item li span.jsgl{background-position: 0 -1125px;}
.solution .container .bd .solution-item li span.yxtg{background-position: 0 -3375px;}
.solution .container .bd .solution-item li span.fxtx{background-position: 0 -450px;}
.solution .container .bd .solution-item li span.dpzx{background-position: 0 -3600px;}
.solution .container .bd .solution-item li span.cpgl{background-position: 0 -0;}
.solution .container .bd .solution-item li span.bqsz{background-position: 0 -1800px;}
.solution .container .bd .btn-wrap{overflow:hidden;margin-bottom:30px;}
.solution .container .bd .btn-wrap a{width:130px;height:40px;border:1px solid #fff;color:#fff;line-height:40px;text-align:center;font-size:14px;float:left;margin-right:15px;transition:all .2s}
.solution .container .bd .btn-wrap a.btn-2{background:#fff;color:#000}
.solution .container .bd .btn-wrap a:hover{background:#0072C6;color:#fff;border-color:#0072C6;opacity:.9}
.solution .container .bd .btn-wrap a.btn-2:hover{background:#0072C6;color:#fff;border-color:#0072C6;opacity:.9}
.solution .container .bd .example h3{margin-bottom:15px}
.solution .container .bd .example li{float:left;margin-right:20px;width:200px}
.solution .container .bd .example li img{width:100%;height:auto;display:block;border:0}
/*anli*/
.case-list{padding-bottom:90px;}