.fr{ float:right;}
.fl{ float:left;}
.db,.lb,.dd{font-size: 0;}
.db>div,.lb>li,.dd>dl{display: inline-block;vertical-align: top;}
.w1500,.page,.gy{max-width: 1500px; min-width: 1300px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.top30{width: 100%;height: 30px;margin: 0 auto;overflow: hidden;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.dfe{display:flex;align-items:end;justify-content:end;}


/*定制案例*/
.case_bg{}
.case_l{position: relative;width: 65%;height: 641px;}
.case_r{width: 32%;}
.case_r ul{width:100%;border-top: 4px solid #333;border-bottom: 4px solid #333;padding: 8px 0;height: 640px;}
.case_r ul li{height: 134px;width: 100%;line-height: 109px;position: relative;z-index: 5;display: block !important;overflow: hidden;}
.case_r ul li+li{border-top:1px #cbd6e2 solid;}
.case_r ul li.on .case_ximg img{}
.case_r ul li .case_ximg{display: none;position: absolute;right: -205px;top: 27px;ransition: 0.5s;}
.case_r ul li p{font-size: 18px;color: #333;line-height: 134px;background: url(http://memberpic.114my.cn/memberpic/076987558588/uploadfile/image/20200616/20200616170654_1726314129.png)no-repeat right center;}
.case_r ul li span{display: none;}
.case_r ul li a{display: none;}
.case_r ul li .case_wz{height: 134px;width: 100%;}
.case_r ul li.on .case_ximg{display: block;right: 176px;transition: 0.5s;}
.case_r ul li.on{background: #0955c1;width:137%;height: 214px;border:0;padding-left: 27px;line-height: 20px;transition: 0.5s;}
.case_r ul li.on p{font-size: 24px;color: #fff;line-height: 24px;margin: 26px 0px 26px 0;background: none;}
.case_r ul li.on .case_wz{width: 224px;color: #fff;font-size: 15px;line-height: 24px;display: block;}
.case_r ul li.on span{display: block;font-size: 16px;color: #fff;font-weight: 100;line-height: 24px;}
.case_r ul li.on a{font-size: 14px;color: #fff;margin-top: 35px;display: block;text-transform: uppercase;}
.case_r ul li a:before{content:"";float: left;width:0;height: 3px;background: #fff;display: block;position: relative;top: 5px;left:0;margin-right: 10px;-webkit-transition:0.2s all ease-in-out;transition:0.2s all ease-in-out;}
.case_r ul li.on a:before{width: 20px;}
.case_r ul li a:hover::before{width: 40px;}
.case_img{position: absolute;top: 0;left: 0;display:none;}
.case_l .on{display:block;}
.case_cont{position: relative;margin-top: 60px;margin-bottom: 100px;display: inline-block;width: 100%;overflow: hidden;}
.case_option ul{position: absolute;width: 200px;height:13px;bottom: 30px;left: 333px;}
.case_option li{width: 13px;height: 13px;background: #333;border-radius: 13px;margin-right: 20px;float: left;}
.case_option li.on{background: #0573e6;}