#case .caseTab .on:focus,#case .caseTab a:hover,#case a:focus,#case a:hover,#caseDetails a:focus,#caseDetails a:hover{text-decoration:none}
#case{width:1600px;margin:0 auto;min-height:500px}
#case .caseTab{width:100%;height:43px;overflow:hidden;margin-top:90px}
#case .caseTab a{width:25%;display:block;height:43px;line-height:43px;border:1px solid #e6e6e6;border-right:0;float:left;text-align:center;font-size:14px;color:#444;background:#fff}
#case .caseTab a:last-child{border-right:1px solid #e6e6e6}
#case .caseTab .on{background:#34bafa;color:#fff;border:1px solid #34bafa}
#case .caseBox{width:1600px;margin:50px 0;overflow:hidden;position:relative}
#case .caseBox .caseTip{position:absolute;left:0;bottom:20px}
#case .caseBox .caseTip p{font-size:16px;color:#d9dada;margin-top:5px}
#case .caseBox .box1 .img p,#case .caseBox .box2 .img p{background:rgba(0,0,0,.5);font-size:14px;line-height:50px;bottom:0;display:none;left:0;text-align:center}
#case .caseBox .box1{width:800px;float:left;position:relative}
#case .caseBox .box1 .img,#case .caseBox .box1 .img img{width:800px;height:500px}
#case .caseBox .box1 .img p{width:100%;color:#ddd;height:50px;position:absolute}
#case .caseBox .box1:hover .topText p,#case .caseBox .box1:hover .topText p span{color:#28a7e4}
#case .caseBox .box2{width:800px;float:left;overflow:hidden}
#case .caseBox .box2 .img{position:relative;width:400px;height:250px}
#case .caseBox .box2 .img img{width:400px;height:250px}
#case .caseBox .box2 .img p{width:100%;color:#ddd;height:50px;position:absolute}
#case .caseBox .box2 .iBox{float:left}
#case .caseBox .box2 .iBox:hover .topText p,#case .caseBox .box2 .iBox:hover .topText p span{color:#28a7e4}
#case .caseBox .box1 .topText p,#case .caseBox .box2 .topText p{font-size:16px;color:#999;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#case .caseBox .box1 .topText p span,#case .caseBox .box2 .topText p span{font-size:16px;color:#444;margin-right:10px}
#caseDetails .navBox a,#caseDetails .navBox em{font-size:14px;float:left;color:#444}
#case .caseBox .box1 .topText2,#case .caseBox .box2 .topText2{margin-top:30px}
#case .caseBox .box1 .topText2 p,#case .caseBox .box2 .topText2 p{margin-bottom:10px}
#case .caseBox .box1 .bg_grey,#case .caseBox .box2 .bg_grey{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
#case .carousel{height:560px;position:relative;margin-bottom:80px}
#case .carousel .carousel-indicators,#case .carousel .goLeft,#case .carousel .goRight{bottom:0;position:absolute}
#case .carousel .goLeft{width:38px;height:10px;background:url(../imgs/case/left.png) no-repeat;display:inline-block;left:0}
#case .carousel .goRight{width:38px;height:10px;background:url(../imgs/case/right.png) no-repeat;display:inline-block;right:0}
#case .carousel .carousel-indicators li{background:#b7b7b7;width:14px;height:14px;margin:0 5px}
#case .carousel .carousel-indicators .active{width:14px;height:14px;background:#28b4f7}
#caseDetails{width:1600px;margin:0 auto;min-height:500px}
#caseDetails .navBox a:hover,#news .navBox a:hover{text-decoration:underline}
#caseDetails .navBox{margin-top:60px;overflow:hidden}
#caseDetails .navBox i{width:14px;height:15px;background:url(../imgs/case/icon_home.png) no-repeat;display:inline-block;float:left;margin-right:10px}
#caseDetails .navBox em{margin:0 5px}
#caseDetails .cd_introduce{overflow:hidden;margin-top:30px}
#caseDetails .cd_introduce dt{width:980px;height:600px;background:url(../imgs/case/cdshow.png) no-repeat;background-size:cover;float:left}
#caseDetails .cd_introduce dt img{width:695px;height:442px;margin-left:144px;margin-top:49px}
#caseDetails .cd_introduce dd{width:520px;float:right;margin-right:65px}
#caseDetails .cd_introduce dd div{border-top:1px dotted #ccc;padding-top:28px}
#caseDetails .cd_introduce dd div h2{font-size:16px;color:#444;margin-bottom:30px;font-weight:700}
#caseDetails .cd_introduce dd div p{font-size:14px;color:#666;font-family:"Microsoft YaHei"}
#caseDetails .cd_introduce dd .d1{margin-top:40px}
#caseDetails .cd_introduce dd .d1 p{height:220px;line-height:26px}
#caseDetails .cd_introduce dd .d2{border-bottom:1px dotted #ccc}
#caseDetails .cd_introduce dd .d2 p{margin-bottom:20px}
#caseDetails .showBox{padding:130px 168px 110px;box-shadow:0 0 20px #cbcbcb;margin-bottom:90px;display:none}
#caseDetails .showBox img{width:100%;height:auto;display:block}
#caseDetails .seeMore{width:196px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#868686;background:#f5f5f5;display:block;margin:0 auto 60px}
#contact .contain{width:1600px;height:454px;margin:70px auto 20px;overflow:hidden}
#contact .contain .leftBox{width:800px;padding-top:18px;padding-left:110px;float:left}
#contact .contain .leftBox h2{font-size:18px;color:#333;margin-bottom:60px}
#contact .contain .leftBox p{font-size:14px;color:#999;margin-bottom:20px}
#contact .contain .leftBox div{margin-top:60px;position:relative}
#contact .contain .leftBox div .weibo_a{width:19px;height:16px;background:url(../imgs/case/icon_weibo.png) no-repeat;display:inline-block;float:left;margin-right:20px}
#contact .contain .leftBox div .weixin_a{width:18px;height:16px;background:url(../imgs/case/icon_weixin.png) no-repeat;display:inline-block;float:left}
#contact .contain .leftBox div .weibo_img{width:100px;height:100px;position:absolute;top:0;left:30px;display:none}
#contact .contain .leftBox div .weixin_img{width:100px;height:100px;position:absolute;top:0;left:70px;display:none}
#contact .contain .rightBox{width:800px;height:454px;float:left}
#contact .contain .rightBox h2{font-size:18px;color:#000;margin:18px 0}
#contact .contain .rightBox .line{margin-bottom:15px;overflow:hidden}
#contact .contain .rightBox .line p{width:290px;height:40px;float:left;padding:8px 12px;background:#f4f4f4}
#contact .contain .rightBox .line p input{width:100%;height:24px;line-height:24px;font-size:14px;color:#333;background:#f5f5f5;border:0;outline:0}
#contact .contain .rightBox .line p:last-child{float:left;margin-left:66px}
#contact .contain .rightBox .line textarea{width:646px;height:135px;background:#f5f5f5;padding:15px 17px;font-size:14px;color:#333;border:0;outline:0;resize:none}
#contact .contain .rightBox .line span{font-size:14px;color:#444;font-family:"Microsoft YaHei";float:left;margin-top:5px}
#contact .contain .rightBox .line .submit_a{width:84px;height:27px;line-height:27px;text-align:center;font-size:14px;color:#fff;background:#18aef5;border-radius:5px;float:right;margin-right:152px}
#contact .ditu{width:1600px;height:243px;display:block;margin:0 auto 110px}
#news .navBox{width:1600px;margin:60px auto;overflow:hidden}
#news .navBox i{width:14px;height:15px;background:url(../imgs/case/icon_home.png) no-repeat;display:inline-block;float:left;margin-right:10px}
#news .navBox a{font-size:14px;color:#444;float:left}
#news .navBox em{font-size:14px;color:#444;float:left;margin:0 5px}
#news .contain{background:#fbfbfb}
#news .contain .content{width:1600px;margin:0 auto;padding-bottom:156px;padding-top:60px}
#news .contain .content h2{font-size:18px;color:#444}
#news .contain .content h3{font-size:14px;color:#a0a0a0;margin-top:20px}
#news .contain .content h3 span{margin-right:30px}
#news .contain .content h3 span:last-child{font-size:12px;color:#c9c9c9}
#news .contain .content h3 span:last-child:before{content:'';width:15px;height:13px;background:url(../imgs/case/see.png) no-repeat;display:inline-block;vertical-align:middle;margin-right:5px}
#news .contain .content .newsBox{width:1600px;height:auto;background:#fff;margin-top:50px;padding:98px;box-shadow:0 0 20px #cbcbcb}
#news .contain .content .newsBox h4{font-size:18px;color:#444;margin-bottom:70px;font-weight:700}
#news .contain .content .newsBox p{font-size:14px;color:#666;margin-bottom:30px;font-family:"Microsoft YaHei"}
#news .contain .content .newsBox .newsImgBox{margin-bottom:70px;overflow:hidden}
#news .contain .content .newsBox .newsImgBox img{width:50%;float:left}
#news .contain .content .newsBox .newsImgBox img:last-child{float:right}
body,html{min-width:1600px}
@media screen and (max-width:1599px) and (min-width:1366px){body,html{min-width:1200px}
#case{width:1200px}
#case .caseTab{margin-top:72px}
#case .caseBox{width:1200px;margin:38px auto}
#case .caseBox .box1{width:600px}
#case .caseBox .box1 .img{width:600px;height:375px}
#case .caseBox .box1 .img img{width:100%;height:375px}
#case .caseBox .box2{width:600px;overflow:hidden}
#case .caseBox .box2 .iBox{float:left;width:300px}
#case .caseBox .box2 .img{width:300px;height:187.5px}
#case .caseBox .box2 .img img{width:100%;height:187.5px}
#case .caseBox .box1 .topText p,#case .caseBox .box2 .topText p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#case .swiper-container{height:630px}
#caseDetails{width:1200px}
#caseDetails .navBox{margin-top:45px}
#caseDetails .cd_introduce{margin-top:22px}
#caseDetails .cd_introduce dt{width:735px;height:450px;background:url(../imgs/case/cdshow.png) no-repeat;background-size:cover;float:left}
#caseDetails .cd_introduce dt img{width:522px;height:316px;margin-left:108px;margin-top:37px}
#caseDetails .cd_introduce dd{width:390px;margin-right:48px}
#caseDetails .cd_introduce dd .d1{margin-top:20px}
#caseDetails .cd_introduce dd .d1 p{height:165px}
#caseDetails .cd_introduce dd .d2{padding-top:15px}
#caseDetails .cd_introduce dd .d2 p{margin-bottom:15px}
#caseDetails .showBox{padding:98px 126px 82px;box-shadow:0 0 15px #cbcbcb;margin-bottom:68px}
#contact .contain{width:1200px}
#contact .contain .leftBox{width:600px;padding-top:14px;padding-left:82px}
#contact .contain .rightBox{width:600px;height:310px}
#contact .contain .rightBox .line p{width:265px;height:40px;padding:8px 12px}
#contact .ditu{width:1200px;height:182px;margin:0 auto 82px}
#news .navBox{width:1200px;margin:45px auto}
#news .contain .content{width:1200px;padding-bottom:117px;padding-top:45px}
#news .contain .content .newsBox{width:1200px;margin-top:38px;padding:74px}
#news .contain .content .newsBox p{margin-bottom:22px}
}
@media screen and (max-width:1365px){body,html{min-width:1000px}
#case{width:1000px}
#case .caseTab{margin-top:60px}
#case .caseBox{width:1000px;margin:32px auto}
#case .caseBox .box1{width:500px}
#case .caseBox .box1 .img{width:500px;height:312.5px}
#case .caseBox .box1 .img img{width:100%;height:312.5px}
#case .caseBox .box2{width:500px;overflow:hidden}
#case .caseBox .box2 .iBox{width:250px;float:left}
#case .caseBox .box2 .img{width:250px;height:156px}
#case .caseBox .box2 .img img{width:100%;height:156px}
#case .caseBox .box1 .topText p,#case .caseBox .box2 .topText p{font-size:14px;margin-bottom:10px}
#case .swiper-container{height:535px;margin:0 auto 50px}
#caseDetails{width:1000px}
#caseDetails .navBox{margin-top:37px}
#caseDetails .cd_introduce{margin-top:18px}
#caseDetails .cd_introduce dt{width:612.5px;height:361px;background:url(../imgs/case/cdshow.png) no-repeat;background-size:cover;float:left}
#caseDetails .cd_introduce dt img{width:436px;height:263px;margin-left:91px;margin-top:31px}
#caseDetails .cd_introduce dd{width:325px;margin-right:40px}
#caseDetails .cd_introduce dd .d1{margin-top:16px}
#caseDetails .cd_introduce dd .d1 p{height:137px}
#caseDetails .cd_introduce dd .d2{padding-top:12px}
#caseDetails .cd_introduce dd .d2 p{margin-bottom:12px}
#caseDetails .showBox{padding:80px 105px 68px;box-shadow:0 0 15px #cbcbcb;margin-bottom:56px}
#contact .contain{width:1000px}
#contact .contain .leftBox{width:500px;padding-top:10px;padding-left:68px}
#contact .contain .rightBox{width:500px;height:258px}
#contact .contain .rightBox .line p{width:227px;height:40px;padding:8px 12px}
#contact .contain .rightBox .line p:last-child{margin-left:45px}
#contact .ditu{width:1000px;height:152px;margin:0 auto 70px}
#news .navBox{width:1000px;margin:38px auto}
#news .contain .content{width:1000px;padding-bottom:98px;padding-top:38px}
#news .contain .content .newsBox{width:1000px;margin-top:38px;padding:62px}
#news .contain .content .newsBox p{margin-bottom:18px}
}
@media screen and (max-width:999px){#case .caseBox .box2,#case .caseBox .caseTip,#caseDetails .navBox,#news .navBox,.swiper-button-next,.swiper-button-prev{display:none}
body,html{min-width:0}
#case{width:100%}
#case .swiper-container{height:345px}
#case .swiper-container .swiper-pagination-switch{width:10px;height:10px}
#case .caseTab{padding:0 10px;margin-top:40px}
#case .caseTab a{height:36px;line-height:36px;font-size:12px}
#case .caseBox{width:100%;padding:0 10px}
#case .caseBox .box1{width:100%}
#case .caseBox .box1 .img{width:100%;height:222px}
#case .caseBox .box1 .img img{height:222px}
#case .caseBox .box1 .topText p{font-size:12px}
#case .caseBox .box1 .topText p span{font-size:14px}
#news .contain{padding:0 20px}
#news .contain .content{width:inherit;margin-top:25px;padding-top:20px;padding-bottom:20px}
#news .contain .content h2{font-size:15px}
#news .contain .content h3{font-size:12px}
#news .contain .content .newsBox{width:inherit;padding:20px}
#news .contain .content .newsBox h4{margin-bottom:20px;font-size:15px}
#news .contain .content .newsBox p{font-size:12px}
#news .contain .content .newsBox .newsImgBox{margin-bottom:20px}
#caseDetails{width:inherit}
#caseDetails .seeMore{margin:0 auto 20px}
#caseDetails .showBox{margin:0 20px 20px;padding:0}
#caseDetails .cd_introduce{padding:20px;margin:0}
#caseDetails .cd_introduce dt{width:280px;height:171px;background:url(../imgs/case/cdshow.png) no-repeat;background-size:cover;float:none;margin:0 auto}
#caseDetails .cd_introduce dt img{width:199px;height:121px;margin-left:42px;margin-top:14px}
#caseDetails .cd_introduce dd{width:100%;float:none;margin:0}
#caseDetails .cd_introduce dd .d1{margin-top:0;padding-top:13px}
#caseDetails .cd_introduce dd .d1 p{height:auto;line-height:1.5;font-size:12px;padding-bottom:13px}
#caseDetails .cd_introduce dd .d2{padding-bottom:7px}
#contact .contain .leftBox,#contact .contain .rightBox{float:none;border-top:1px dashed #ddd;padding:20px 20px 0}
#caseDetails .cd_introduce dd .d2 p{margin-bottom:5px;font-size:12px}
#caseDetails .cd_introduce dd div h2{font-size:14px;margin-bottom:10px;font-weight:400}
#contact .ditu{width:100%;height:auto;display:block;margin-bottom:20px}
#contact .contain{width:inherit;margin:20px auto;height:auto}
#contact .contain .leftBox{width:100%}
#contact .contain .leftBox div{display:none}
#contact .contain .leftBox h2{margin-bottom:20px;font-size:15px}
#contact .contain .leftBox p{font-size:12px;margin-bottom:10px}
#contact .contain .rightBox{width:100%;height:auto}
#contact .contain .rightBox h2{margin:0 0 20px;font-size:15px}
#contact .contain .rightBox .line{margin-bottom:0}
#contact .contain .rightBox .line textarea{width:100%}
#contact .contain .rightBox .line .submit_a{width:100%;margin:10px 0 0;height:40px;line-height:40px;font-size:16px}
#contact .contain .rightBox .line p,#contact .contain .rightBox .line p:last-child{float:inherit;width:inherit;margin-bottom:10px}
#contact .contain .rightBox .line p:last-child{margin-left:0}
}