@media only screen and (min-width:1660px){.mode-banner{width:100%;position:relative;}
.mode-banner img{width:100%;}
.mode-banner .txt{width:9.86rem;position:absolute;right:0;top:50%;}
.mode-banner .txt .mode-bigtitle{font-family:shs_medium;font-size:0.4583rem;color:#ffffff;}
.mode-banner .txt .mode-smalltitle{margin-top:0.5rem;font-family:shs_normal;font-size:0.2708rem;color:#ffffff;line-height:0.5rem;}
.webword{width:100%;background:#fafafa;}
.webword div.web-list{width:16.6rem;margin:0 auto;}
.webword div.web-list img{width:100%;height:auto;margin:0 auto;margin:16px auto!important;}
.webword div.web-list img.spec{margin-bottom:0.3rem;}
.webword div.web-list img.mode-img-header{position:relative;margin-top:-1rem;}
.webword div.web-list img.mode-img-bottom{position:relative;margin-bottom:-1rem;}
.webword div.web-list .intro{width:100%;height:auto;margin:0 auto;padding:1rem 1.1rem;position:relative;margin-top:-1rem;}
.webword div.web-list .intro.marg{margin-bottom:0.3rem;}
.webword div.web-list .intro p{margin:0;padding:0;}
.webword div.web-list .intro p.bigtitle{font-family:shs_medium;font-size:0.2708rem;}
.webword div.web-list .intro p.marg{margin-top:0.5rem;}
.webword div.web-list .intro p.smalltitle{margin-top:0.2rem;font-family:shs_normal;font-size:0.1875rem;line-height:0.32rem;}
.mode-footer{width:100%;height:2.1rem;position:relative;}
.mode-footer .mf-box{width:3.64rem;margin:0 auto 0 -1.82rem;position:absolute;bottom:0;left:50%;}
.mode-footer .mf-box a{width:1.72rem;height:0.5rem;text-decoration:none;border-radius:5px;border:1px solid #8e8e8e;text-align:center;line-height:0.5rem;font-family:shs_normal;font-size:0.1875rem;color:#2a2a2a;}
.mode-footer .mf-box a:hover,.mode-footer .mf-box a:focus{text-decoration:none;font-family:shs_medium;}
.mode-footer .mf-box .mf-list{float:left;}
.mode-footer .mf-box .mf-qq{float:right;background:#ffff00;}
.relatecase{width:18.24rem;height:5.5rem;margin:0 auto;}
.relatecase .top{width:100%;height:2.2rem;padding-top:1.1rem;}
.relatecase .top p{margin:0;padding:0;text-align:center;font-family:shs_medium;font-size:0.4608rem;color:#2a2a2a;}
.relatecase .sbottom{display:none;}
.relatecase .bottom{width:100%;height:3.5rem;background:red;}
.relatecase .bottom .flexslider{width:100%;height:3.5rem;margin:0;}
.relatecase .bottom .flexslider img{width:100%;height:3.5rem;}
.flex-direction-nav{width:100%;display:none;}
.flex-nav-prev{position:absolute;z-index:999992;top:50%;left:0;margin-top:-0.4rem !important;margin-left:0 !important;}
.flex-nav-next{position:absolute;z-index:999992;top:50%;right:0;margin-top:-0.4rem !important;}
.flex-direction-nav li{width:0.8rem;height:0.8rem;}
.flex-direction-nav li a{display:inline-block;width:0.8rem;height:0.8rem;cursor:pointer;color:rgba(0,0,0,0);outline:none;}
.flex-direction-nav li a.flex-prev{background:url("../images/prev.png") no-repeat center center;background-size:contain;}
.flex-direction-nav li a.flex-next{background:url("../images/next.png") no-repeat center center;background-size:contain;}
.flex-direction-nav li.flex-nav-prev{float:left;margin-left:0.2rem;}
.flex-direction-nav li.flex-nav-next{float:right;margin-right:0.2rem;}
}
@media only screen and (min-width:769px) and (max-width:1659px){.mode-banner{width:100%;position:relative;}
.mode-banner img{width:100%;}
.mode-banner .txt{width:7.69rem;position:absolute;right:0;top:50%;}
.mode-banner .txt .mode-bigtitle{font-family:shs_medium;font-size:0.4583rem;color:#ffffff;}
.mode-banner .txt .mode-smalltitle{margin-top:0.5rem;font-family:shs_normal;font-size:0.2708rem;color:#ffffff;line-height:0.5rem;}
.webword{width:100%;background:#fafafa;}
.webword div.web-list{width:90%;margin:0 auto;}
.webword div.web-list img{width:100%;height:auto;margin:16px auto!important;}
.webword div.web-list img.spec{margin-bottom:0.3rem;}
.webword div.web-list img.mode-img-header{position:relative;margin-top:-1rem;}
.webword div.web-list img.mode-img-bottom{position:relative;margin-bottom:-1rem;}
.webword div.web-list .intro{width:100%;height:auto;margin:0 auto;padding:1rem 1.1rem;position:relative;margin-top:-1rem;}
.webword div.web-list .intro.marg{margin-bottom:0.3rem;}
.webword div.web-list .intro p{margin:0;padding:0;}
.webword div.web-list .intro p.bigtitle{font-family:shs_medium;font-size:0.2708rem;}
.webword div.web-list .intro p.marg{margin-top:0.5rem;}
.webword div.web-list .intro p.smalltitle{margin-top:0.2rem;font-family:shs_normal;font-size:0.1875rem;line-height:0.32rem;}
.mode-footer{width:100%;height:2rem;position:relative;}
.mode-footer .mf-box{width:3.64rem;margin:0 auto 0 -1.82rem;position:absolute;bottom:0;left:50%;}
.mode-footer .mf-box a{width:1.72rem;height:0.5rem;text-decoration:none;border-radius:5px;border:1px solid #8e8e8e;text-align:center;line-height:0.5rem;font-family:shs_normal;font-size:0.1875rem;color:#2a2a2a;}
.mode-footer .mf-box a:hover,.mode-footer .mf-box a:focus{text-decoration:none;font-family:shs_medium;}
.mode-footer .mf-box .mf-list{float:left;}
.mode-footer .mf-box .mf-qq{float:right;background:#ffff00;}
.relatecase{width:95%;height:4.6rem;margin:0 auto;}
.relatecase .top{width:100%;height:1.9rem;padding-top:1rem;}
.relatecase .top p{margin:0;padding:0;text-align:center;font-family:shs_medium;font-size:0.3908rem;color:#2a2a2a;}
.relatecase .sbottom{display:none;}
.relatecase .bottom{width:100%;}
.relatecase .bottom .flexslider{width:100%;margin:0;}
.relatecase .bottom .flexslider img{width:100%;height:auto;}
.flex-direction-nav{width:100%;display:none;}
.flex-nav-prev{position:absolute;z-index:999992;top:46%;left:0;margin-top:-0.3rem !important;margin-left:0 !important;}
.flex-nav-next{position:absolute;z-index:999992;top:46%;right:0;margin-top:-0.3rem !important;}
.flex-direction-nav li{width:0.6rem;height:0.6rem;}
.flex-direction-nav li a{display:inline-block;width:0.8rem;height:0.8rem;cursor:pointer;color:rgba(0,0,0,0);outline:none;}
.flex-direction-nav li a.flex-prev{background:url("../images/prev.png") no-repeat center center;}
.flex-direction-nav li a.flex-next{background:url("../images/next.png") no-repeat center center;}
.flex-direction-nav li.flex-nav-prev{float:left;margin-left:0.2rem;}
.flex-direction-nav li.flex-nav-next{float:right;margin-right:0.2rem;}
}
@media only screen and (max-width:768px){.mode-banner{width:100%;position:relative;}
.mode-banner img{width:100%;}
.mode-banner .txt{position:absolute;right:0.2rem;top:50%;}
.mode-banner .txt .mode-bigtitle{font-family:shs_medium;font-size:0.18rem;color:#ffffff;}
.mode-banner .txt .mode-smalltitle{margin-top:0.1rem;font-family:shs_normal;font-size:0.14rem;color:#ffffff;line-height:0.2rem;}
.webword{width:100%;background:#fafafa;}
.webword div.web-list{width:96%;margin:0 auto;}
.webword div.web-list img{width:100%;height:auto;margin:0 auto;margin:-1px auto!important;}
.webword div.web-list img.spec{margin-bottom:0.13rem;}
.webword div.web-list img.mode-img-header{position:relative;margin-top:-0.5rem;}
.webword div.web-list img.mode-img-bottom{position:relative;margin-bottom:-0.5rem;}
.webword div.web-list .intro{width:100%;height:auto;margin:0 auto;padding:1.4rem 0.5rem 1.4rem 0.5rem;position:relative;margin-top:-0.5rem;}
.webword div.web-list .intro.marg{margin-bottom:0.15rem;}
.webword div.web-list .intro p{margin:0;padding:0;}
.webword div.web-list .intro p.bigtitle{font-family:shs_medium;font-size:0.2708rem;}
.webword div.web-list .intro p.marg{margin-top:0.5rem;}
.webword div.web-list .intro p.smalltitle{margin-top:0.2rem;font-family:shs_normal;font-size:0.1875rem;line-height:0.32rem;}
.mode-footer{width:100%;height:1.6rem;position:relative;margin-bottom:60px;}
.mode-footer .mf-box{width:3.64rem;margin:0 auto 0 -1.82rem;position:absolute;bottom:0;left:50%;}
.mode-footer .mf-box a{width:1.72rem;height:0.5rem;text-decoration:none;border-radius:5px;border:1px solid #8e8e8e;text-align:center;line-height:0.5rem;font-family:shs_normal;font-size:0.1875rem;color:#2a2a2a;}
.mode-footer .mf-box a:hover,.mode-footer .mf-box a:focus{text-decoration:none;font-family:shs_medium;}
.mode-footer .mf-box .mf-list{float:left;}
.mode-footer .mf-box .mf-qq{float:right;background:#ffff00;}
.relatecase{width:100%;margin:0 auto;}
.relatecase .top{width:100%;height:1.2rem;padding-top:0.5rem;}
.relatecase .top p{margin:0;padding:0;text-align:center;font-family:shs_medium;font-size:0.2708rem;color:#2a2a2a;}
.relatecase .bottom{display:none;}
.relatecase .sbottom{width:98%;margin:0 auto;}
.relatecase .sbottom .flexslider{width:100%;margin:0;}
.relatecase .sbottom .flexslider img{width:100%;height:auto;}
.flex-direction-nav{width:100%;}
.flex-nav-prev{position:absolute;z-index:999992;top:50%;left:0;margin-top:-0.5rem !important;margin-left:0 !important;}
.flex-nav-next{position:absolute;z-index:999992;top:50%;right:0;margin-top:-0.5rem !important;}
.flex-direction-nav li{width:1rem;height:1rem;}
.flex-direction-nav li a{display:inline-block;width:1rem;height:1rem;cursor:pointer;color:rgba(0,0,0,0);outline:none;}
.flex-direction-nav li a.flex-prev{background:url("../images/prev.png") no-repeat center center;background-size:contain;}
.flex-direction-nav li a.flex-next{background:url("../images/next.png") no-repeat center center;background-size:contain;}
.flex-direction-nav li.flex-nav-prev{float:left;margin-left:0.1rem;}
.flex-direction-nav li.flex-nav-next{float:right;margin-right:0.2rem;}
}


.relatecase .cybg{position: absolute;width: 100%;height:100%;top:0;left:0;background: #000; opacity:0.4;filter:alpha(opacity=40);}
.relatecase .case_mask{ position: absolute; font-family: shs_normal;font-size: 0.1644rem;color: #fff;width: 100%;height:100%; background: url(../images/mask_bg.png) repeat 100% 100%;
 padding: 0.45rem 0 0.3rem;overflow: hidden;text-decoration: none;top:0;left:0;}
.flex-direction-nav {}

.case_mask div.case_mask_bottom {display:block;width:100%;position:absolute;z-index:1000012;bottom:0.3rem;left:0;}
.cytxt p {margin: 0;padding: 0 0 0 0.26rem;color: #fff;text-overflow: ellipsis;white-space: nowrap;}
.cytxt p.case_title {font-family: shs_normal;font-weight: bold;font-size: 0.1667rem;color: #fff;}
.cytxt p.case_line{margin-left: 0.26rem;display: inline-block;width: 0.1rem;padding-left: 0 !important; height: 0.02rem;background: #99a5d2;margin-bottom: 0.16rem;}
.cytxt p.case_intro {font-family:shs_normal;font-size:0.2083rem;color:#fff;margin-bottom:0.15rem;}
.cytxt p.case_category{font-family:shs_normal;font-size:0.1344rem;color:#fff;}
.flexslider .slides > li{overflow: hidden;}
.flexslider .slides > li:hover img{transform: scale(1.06);transform-origin: center;transition: all linear .3s;}