/*case*/
.case{background:#fff; padding: 40px 0;} 
.case .title {color: #14212F;font-size: 36px;font-weight: 600;text-align: center; padding-bottom: 20px;}
.container{min-width:1200px; max-width: 1200px; margin:0 auto;clear:both}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}
.nybanner h2 {margin-top: 88px;}
.layout {width: 1200px;margin: 0 auto;}
.Qi_list1{border-bottom:1px solid #eaeaea}
.Qi_list1 ul{box-sizing:border-box;padding-bottom:8px;}
.Qi_list1 ul.menu_l{border-right:2px solid #eaeaea;width:700px}/*padding-right:15px;*/
.Qi_list1 ul.menu_r{padding-left:15px}
.Qi_list1 ul.menu_r li{width: 77px;}
.Qi_list1 ul li{float:left;width:107px;transition:all .25s;padding-bottom: 12px;}
.Qi_list1 ul li:hover{transform:translate3d(0,-10px,0)}
.Qi_list1 ul li a{display:block}
.Qi_list1 ul li span{display:block;/* padding:6px 0; */font-size:14px;color:#333;text-align:center;line-height:1;}
.Qi_list1 ul li span:nth-of-type(2n){margin-top: -11px;}
.Qi_list1 ul li span i{display:inline-block;/* margin-top:-10px; */width:80px;height:80px;}
.Qi_list1 ul li._a1 span i{background-image:url(../images/case/albc1.png)}
.Qi_list1 ul{float:left}
.Qi_list1 ul li._a2 span i{background-image:url(../images/case/albc2.png)}
.Qi_list1 ul li._a3 span i{background-image:url(../images/case/albc3.png)}
.Qi_list1 ul li._a4 span i{background-image:url(../images/case/albc4.png)}
.Qi_list1 ul li._a5 span i{background-image:url(../images/case/albc5.png)}
.Qi_list1 ul li._a6 span i{background-image:url(../images/case/albc6.png)}
.Qi_list1 ul li._a7 span i{background-image:url(../images/case/albc7.png)}
.Qi_list1 ul li._a8 span i{background-image:url(../images/case/albc15.png)}
.Qi_list1 ul li._a9 span i{background-image:url(../images/case/albc16.png)}
.Qi_list1 ul li._a10 span i{background-image:url(../images/case/albc17.png)}
.Qi_list1 ul li._a11 span i{background-image:url(../images/case/albc18.png)}
.Qi_list1 ul li._a12 span i{background-image:url(../images/case/albc19.html)}
.Qi_list1 ul li._a1:hover span i,.Qi_list1 ul li.on._a1 span i{background-image:url(../images/case/albc8.png)}
.Qi_list1 ul li._a2:hover span i,.Qi_list1 ul li.on._a2 span i{background-image:url(../images/case/albc9.png)}
.Qi_list1 ul li._a3:hover span i,.Qi_list1 ul li.on._a3 span i{background-image:url(../images/case/albc10.png)}
.Qi_list1 ul li._a4:hover span i,.Qi_list1 ul li.on._a4 span i{background-image:url(../images/case/albc11.png)}
.Qi_list1 ul li._a5:hover span i,.Qi_list1 ul li.on._a5 span i{background-image:url(../images/case/albc12.png)}
.Qi_list1 ul li._a6:hover span i,.Qi_list1 ul li.on._a6 span i{background-image:url(../images/case/albc13.png)}
.Qi_list1 ul li._a7:hover span i,.Qi_list1 ul li.on._a7 span i{background-image:url(../images/case/albc14.png)}
.Qi_list1 ul li._a8:hover span i,.Qi_list1 ul li.on._a8 span i{background-image:url(../images/case/albc20.png)}
.Qi_list1 ul li._a9:hover span i,.Qi_list1 ul li.on._a9 span i{background-image:url(../images/case/albc21.png)}
.Qi_list1 ul li._a10:hover span i,.Qi_list1 ul li.on._a10 span i{background-image:url(../images/case/albc22.png)}
.Qi_list1 ul li._a11:hover span i,.Qi_list1 ul li.on._a11 span i{background-image:url(../images/case/albc23.png)}
.Qi_list1 ul li._a12:hover span i,.Qi_list1 ul li.on._a12 span i{background-image:url(../images/case/albc24.html)}
.Qi_list1 ul li a:hover span,.Qi_list1 ul li.on a span{color:#0095e2}
.Qi_list1 ul li.xiaochengxu span i{background-image:url(../images/case/albc201.html);}
.Q_case_1{width:100%;height:422px;background:url(../images/case/qi_2.html) repeat center left}

.allist{padding:32px 0 0 0}
.allist-img{position:relative;overflow:hidden;border-radius: 10px 10px 0 0;}
.allist-img p{transition:all .25s;position:absolute;bottom:-53px;left:0;width:100%;line-height:53px;background:#000;opacity:.5;color:#fff;text-indent:15px;font-size:16px}
.allist li:hover .allist-img p{bottom:0}
.allist li{float:left;width:375px;height:368px;position:relative;padding-bottom:2px;margin:0 12px 0 12px;margin-bottom:31px;background: #fff;border-radius: 10px 10px 0 0 ; box-shadow: 0 4px 20px 5px rgb(68 93 127 / 10%);}
.allist-wrap{padding:13px}
.allist-cnt{float:left;width:263px}
.allist-cnt h5{line-height:30px;font-size:19px;color:#1a1a1a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.allist-cnt p{line-height:22px;font-size:14px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.allist-wrap2{float:right;_width:95px;_margin-right:-13px}
.allist-num{float:right;padding-left:20px;background:url(../images/case/al.png) no-repeat left center;line-height:24px;color:#999}
.allist-btn{float:right;width:100%;padding-top:8px}
.allist-btn a{margin-left:2px;float:right;width:21px;height:18px;background-position:center;background-repeat:no-repeat}
.allist-btn a.s4{background-image:url(../images/case/al2.png)}
.allist-btn a.s3{background-image:url(../images/case/al3.png)}
.allist-btn a.s2{background-image:url(../images/case/al4.png)}
.allist-btn a.s1{background-image:url(../images/case/al5.png)}
.allist-btn a.hasewm .ewms{position:absolute;top:50px;left:0;width:100%;color:#fff;text-align:center;transition:all .25s;transform:scale(0);opacity:0;filter:Alpha(opacity=0);display:none\9}
.allist-btn a.hasewm:hover .ewms{transform:scale(1);opacity:1;filter:Alpha(opacity=100);display:block\9}
.allist-btn a.hasewm .ewms i{display:inline-block;font-weight:700;font-size:18px;line-height:40px;margin:0 15px;margin-top:-30px;vertical-align:top;color:#0095e2}
.allist-btn a.hasewm .ewms canvas{border:8px solid #fff}
.allist-line{position:absolute;height:2px;background:#2b78f8;position:absolute;bottom:0;left:0;transition:all .25s;width:0}
.allist li:hover .allist-line{width:100%}

.mod-menu{padding-left: 42px; padding-right: 42px;box-sizing: border-box;}
.mod-menu .slick-slider{position: relative;width: 100%;}
.mod-menu .slick-prev{background: url(../images/case/q8.html) no-repeat center / contain; width: 11px; height: 30px; font-size: 0; position: absolute; left: -42px; top: 40px;cursor: pointer;  }
.mod-menu .slick-next{
    background: url(../images/case/q9.html) no-repeat center / contain;
    width: 11px; height: 30px;
    font-size: 0;
    position: absolute; right: -42px; top: 40px;
    cursor: pointer;  
}
.mod-menu .slick-arrow{
    opacity: 0.6;
}
.mod-menu .slick-arrow:hover{
    opacity: 1;
}


.cases {background: url(../images/case/bg1.jpg) no-repeat top center;}
.cases .con{margin-top:50px;padding:0 150px;box-sizing:border-box;position:relative}
.cases .con .item{width:980px;height:357px;border-radius:20px;overflow:hidden;position:relative;background:#FFFFFF;display:flex}
.cases .con .item .img{width:470px;height:357px}
.cases .con .item .next{padding:40px 60px;box-sizing:border-box;color:#14212F}
.cases .con .item .next h3{font-size:30px;margin-bottom:10px;line-height:35px}
.cases .con .item .next p{color:#566473;font-size:16px;line-height:25px;margin-bottom:30px}
.cases .con .item .next .show{display:flex;margin-bottom:30px}
.cases .con .item .next .show div{display:flex;flex-direction:column;margin-right:50px}
.cases .con .item .next .show div span{color:#939799;font-size:18px}
.cases .con .item .next a{display:block;background:#3185FE;border-radius:40px;width:210px;height:50px;color:#FFFFFF;text-align:center;line-height:50px;font-size:18px}
.cases .imgs{width:200px;height:200px;border-radius:20px;position:absolute !important;z-index:1002;left:135px !important;top:78px !important;display:none}
.cases .cover{position:absolute;top:0%;left:0%;width:470px;height:100%;background:#000;z-index:1001;-moz-opacity:0.3;opacity:0.30;filter:alpha(opacity=30);display:none}
.cases .con .swiper-button-prev,.cases .con .swiper-button-next{width:56px;height:56px;font-size:28px;border-radius:50px;background:#FFFFFF;color:#566473}
.cases .con .swiper-button-prev{left:38px}
.cases .con .swiper-button-next{right:38px}
.cases .con .swiper-button-prev:after,.cases .con .swiper-button-next:after{font-size:22px;font-weight:600}
.feat{width:1200px;margin:60px auto 0 auto}.feat .hd{border-bottom:1px solid #EBECF0}
.feat .hd li{height:51px;margin-right:130px;float:left}
.feat .hd li a{line-height:30px;padding-bottom:20px;font-size:20px;font-weight:600;color:#293340;border-bottom:1px solid #FFF;display:block}
.feat .hd li.on a{border-bottom:2px solid #0B7BEF;color:#0B7BEF}
.feat .bd{margin-top:30px;overflow:hidden;position:relative}
.feat .bd ul{overflow:hidden;position:relative}.feat .bd li{position:relative}
.feat .bd li dl{overflow:hidden;border-radius:10px}
.feat .bd li dl dt{width:600px;height:336px;float:left;position:relative}
.feat .bd li dl dt .lit{width:100%;height:100%;display:block}
.feat .bd li dl dt .cover{position:absolute;top:0%;left:0%;width:100%;height:133%;background:#000;z-index:1001;-moz-opacity:0.3;opacity:0.30;filter:alpha(opacity=30);display:none}
.feat .bd li dl dt .imgs{width:200px;height:200px;position:absolute !important;z-index:1002;left:200px !important;top:68px !important;display:none}
.feat .bd li dl dt:hover .cover,.feat .bd li dl dt:hover .imgs{display:block;cursor:pointer}
.feat .bd li dl dd{width:480px;height:226px;padding:60px 60px 50px 60px;background:#0B7BEF;float:left}
.feat .bd li dl dd h2{font-size:20px;font-weight:600;color:#FFF}
.feat .bd li dl dd p{margin:15px 0 20px 0;line-height:28px;font-size:16px;color:#FFF}
.feat .bd li dl dd a{width:128px;height:44px;line-height:44px;text-align:center;font-size:16px;font-weight:600;color:#0B7BEF;background:#FFF;border-radius:4px;display:block}

.pages { font-size:0; }
.pages .pagination { width:100%; padding:20px 0 20px 0;  text-align: center; }
.pages .pagination li { display: inline-block; font-size:15px; padding:15px;}
.pages .pagination li span,.pages .pagination li a { border-radius: 5px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #0a6de7; border-color: #0a6de7; color: #fff; padding:5px 10px;}