a, a:hover {
    transition: background 0.3s linear 0s, color 0.3s linear 0s;
}
.plwrap{width:100%;background-color:#EEE;min-width:1024px}
@media only all and (max-width:1024px){.plwrap{min-width:0}
}
.plistContent{padding-top:120px}
@media only all and (max-width:1024px){.plistContent{width:100%!important}
}
.pc{text-align:center}
.red{color:#E83828}
.plistContent .plTitle1{font-size:50px;color:#4B4B4B}
.plistContent .plTitle6{font-size:22px;color:#666}
@media only all and (max-width:480px){.plistContent .plTitle6{font-size:26px}
}
.plistContent .plTitle4{margin-bottom:10px;color:#4B4B4B;text-transform:Uppercase}
@media only all and (max-width:480px){.plistContent .plTitle4{display:none}
}
@media only all and (max-width:480px){.plistContent .plTitle4 img{width:60%}
}
.plistContent .plslogan{color:#4B4B4B;font-size:20px;margin-top:30px;margin-bottom:10px}
#ScrollToTop{right:110px}
#casecon{width:1024px;margin:0 auto;padding-top:30px}
#casecon .casenav{font-size:15px;color:#b0b0b0;margin:0 auto;width:378px;height:24px}
#casecon .casenav a{color:#222}
#casecon #casecon .casenav a.selected,#casecon .casenav a:hover{color:#E83828;padding-bottom:1px;border-bottom:1px solid #E83828}
#casecon .casenav li{float:left;padding:0 20px 0 20px;height:22px;border-right:1px solid #b0b0b0}
#casecon .casenav span{color:#b0b0b0;display:block;float:left}
.caselist{width:1024px;margin:0 auto;overflow:hidden;margin-bottom:25px}
.caselist img{width:320px;height:160px;display:block}
.caselist .case_li{background-color:#fff;margin:0 9px 0 9px;width:320px;height:240px;float:left;margin-top:36px}
.caselist .case_li img{background-color:#000;opacity:.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.caselist .case_li .blackbg{background-color:#000;width:320px;height:160px;display:block}
.caselist .case_txt{background-color:#fff;display:block;width:300px;height:65px;padding:15px 0 0 20px}
.caselist .case_txt:hover{background:url(../img_listbghover.png) no-repeat 0 0 #E83828}
.caselist .case_li p{color:#222;font-size:15px;padding-bottom:4px}
.caselist .case_li a:hover p{color:#fff}
.caselist .case_li span{color:#767676}
.caselist .case_li a:hover span{font-size:12px;color:#fff}
.mr{margin-right:0!important}
a.case_moreline{color:#fff;font-size:16px;background-color:#c2c2c2;width:1000px;text-align:center;height:40px;line-height:40px;margin-bottom:60px;display:block;margin-left:9px}
a.case_moreline:hover{background-color:#989898}
.dcaseContent{width:1024px;margin:0 auto;padding-top:50px;margin-bottom:10px;min-width:1024px}
@media only all and (max-width:1024px){.dcaseContent{width:100%;min-width:0}
}
.dcaseview{margin-bottom:30px;margin-right:10px;width:810px;float:left;top:-30px}
@media only all and (max-width:1024px){.dcaseview{display:none}
}
.dcaseview img{width:810px}
.dcase_rcon{width:180px;float:right;height:500px}
@media only all and (max-width:1024px){.dcase_rcon{display:none}
}
.dcase_rcon .dcase_r{width:180px;height:490px;top:10px}
.dcase_rcon .dcase_r .dcasecon{background-color:#fff;padding:30px 10px 30px 10px;width:160px;height:375px;display:block}
.dcasecon .dcaset1{margin-bottom:20px;border-bottom:2px #D11417 solid;font-size:21px;color:#222;padding-bottom:20px}
.dcasecon .dcasetxt{font-size:12px;color:#454545;line-height:20px;padding-bottom:30px}
.dcasecon a{color:#E83828;font-size:12px}
.dcasecon a:hover{text-decoration:underline}
.dcase_qh{margin-top:5px}
.caselistb_btn,.casenext_btn,.casenext_btnno,.caseprev_btn,.caseprev_btnno{height:55px;width:55px;float:left;display:block}
.caseprev_btn,.caseprev_btnno{background:url(../img_prevbtn.png) no-repeat #C8C8C8;margin-right:8px}
.caseprev_btn:hover{background-color:#E83828}
.caselistb_btn{background:url(../img_listbackbtn.png) no-repeat #C8C8C8;margin-right:7px}
.caselistb_btn:hover{background-color:#E83828}
.casenext_btn,.casenext_btnno{background:url(../img_nextbtn.png) no-repeat #C8C8C8}
.casenext_btn:hover{background-color:#E83828}
.newscon{width:1200px;margin:0 auto;padding-top:30px}
@media only all and (max-width:1024px){.newscon{width:100%}
}
@media only all and (max-width:480px){.newscon{padding-top:0;margin-bottom:50px!important}
}
.newscon .newsnav{font-size:15px;color:#b0b0b0;margin-bottom:50px}
@media only all and (max-width:480px){.newscon .newsnav{font-size:12px;display:none}
}
.newscon .newsnav a{color:#222}
.newscon .newsnav a.active,.newscon .newsnav a:hover{color:#087bd0;padding-bottom:1px;border-bottom:1px solid #087bd0}
.newscon .newsnav span{padding:0 20px 0 20px;border-right:1px solid #b0b0b0}
#list_pages{width:126px;margin:0 auto;margin-top:20px}
@media only all and (max-width:1024px){.newslist{width:85%;margin:0 auto}
}
.newslist .news_li{float:left;width:547px;margin:0 0 40px 43px}
@media only all and (max-width:1024px){.newslist .news_li{width:45%}
}
@media only all and (max-width:768px){.newslist .news_li{float:none;width:80%;text-align:center;margin:0 auto}
}
@media only all and (max-width:320px){.newslist .news_li{width:75%}
}
.newslist .news_li img{float:left;width:160px;height:160px;display:block}
@media only all and (max-width:1024px){.newslist .news_li img{width:40%}
}
@media only all and (max-width:768px){.newslist .news_li img{display:none}
}
.newslist .news_txt{display:block;width:367px;height:160px;float:left;background-color:#fff;padding:20px 20px 0 20px}
@media only all and (max-width:1024px){.newslist .news_txt{width:50%;padding:20px 3% 0 3%}
}
@media only all and (max-width:768px){.newslist .news_txt{float:none;margin:0 auto;margin-top:20px;width:88%;height:85px}
}
@media only all and (max-width:640px){.newslist .news_txt{height:auto;padding:20px 3% 10px 3%}
}
.newslist .news_txt:hover{background:url(../img/news_listbghover.png) no-repeat 0 0 #087bd0}
.newslist .news_txt span{font-size:14px;color:#222}
.newslist .news_txt:hover span{color:#fff}
.newslist .news_txt p{line-height:20px;padding-top:8px;color:#767676}
.newslist .news_txt h5{font-size:12px;color:grey;padding-top:20px}
@media only all and (max-width:768px){.newslist .news_txt h5{padding-top:15px}
}
.newslist .news_txt:hover h5,.newslist .news_txt:hover p{font-size:12px;color:#fff}
@media only all and (max-width:768px){.ncontent img{width:100%!important;height:auto!important}
}
@media only all and (max-width:768px){.erweima{width:20%!important;display:none}
}
@media only all and (max-width:768px){.erweima-intro{display:none!important}
}
.newsdetailcon{padding-top:60px;width:1200px;margin:0 auto}
@media only all and (max-width:1024px){.newsdetailcon{width:100%}
}
@media only all and (max-width:768px){.newsdetailcon{width:100%;padding-top:88px;position:relative}
}
.newsdetail{margin-bottom:50px;background-color:#fff;width:820px;height:100%;min-height:600px;float:left;padding:30px}
@media only all and (max-width:1024px){.newsdetail{width:60%}
}
@media only all and (max-width:768px){.newsdetail{width:80%;margin:10% auto;float:none}
}
.news_rwrap{background-color:#F9F9F9;width:347px;height:100%;float:right}
@media only all and (max-width:1024px){.news_rwrap{width:30%}
}
@media only all and (max-width:768px){.news_rwrap{float:none;position:absolute!important;height:50px;top:40px;left:50%;width:270px;margin-left:-135px}
}
@media only all and (max-width:768px){.news_rwrap{background:0 0}
}
.newsrfix{background-color:#F9F9F9;z-index:888;width:327px;padding:30px 0 30px 20px;height:485px}
@media only all and (max-width:1024px){.newsrfix{width:100%;padding:30px 0}
.newsrfix .nmorepage{padding:0 20px}
}
@media only all and (max-width:768px){.newsrfix{width:100%;height:100%;position:absolute!important;padding:0;background:0 0}
}
.ncontent .sharebtn{margin-top:165px;background-color:#F5F5F5;width:650px;height:30px;padding:12px 0 0 10px;text-align:left}
@media only all and (max-width:768px){.ncontent .sharebtn{display:none!important}
}
.news_rwrap .npages{color:#454545;font-size:14px;padding-left:4px;background-color:#F3F3F3;line-height:40px;height:40px;margin-bottom:40px;text-align:center;}
@media only all and (max-width:768px){.news_rwrap .npages{padding-left:25px;margin:30px auto 20px auto}
}
@media only all and (max-width:768px){.news_rwrap .nmorepage{display:none}
}
.news_rwrap .nmorepage p{font-size:15px;color:#454545;padding-bottom:20px}
.news_rwrap .nmorepage a{color:#767676}
.news_rwrap .nmorepage a:hover{color:#087bd0;text-decoration:underline}
.news_rwrap .nmorepage li{padding-left:18px;background:url(../img/nmorepagetags.png) no-repeat left center;line-height:27px}
.news_rwrap .nmorepage li:hover{background:url(../img/nmorepagetags_hover.png) no-repeat left center}
.npages .nprepage{margin-right:18px;padding-left:20px;background:url(../img/nprepage.png) no-repeat 3px center}
.npages .nprepage:hover{background:url(../img/nprepage_hover.png) no-repeat 3px center;color:#E83828}
.npages a{color:#454545}
.npages a:hover{color:#087bd0;text-decoration:underline}
.npages .nbacklist{padding-left:22px;background:url(../img/ntobacklist.png) no-repeat 3px center}
.npages .nbacklist:hover{background:url(../img/ntobacklist_hover.png) no-repeat 3px center;color:#E83828}
.npages .nnextpage{margin-left:18px;padding-right:20px;background:url(../img/nnextpage.png) no-repeat right center}
.npages .nnextpage:hover{background:url(../img/nnextpage_hover.png) no-repeat right center;color:#E83828}
.npages .news_title{padding-bottom:8px;font-size:30px;font-weight:700;color:#454545}
.newstime{margin-bottom:30px;color:#9c9c9c;padding-bottom:12px;border-bottom:1px solid #CCC}
.dcase-small{width:100%;display:none}
@media only all and (max-width:1024px){.dcase-small{display:block}
}
.dacase-title{width:76%;margin:0 auto;margin-bottom:20px;background:#fff;padding:10px 30px}
.dacase-title h1{width:220px;margin:0 auto;text-align:center;font-size:25px;margin-bottom:15px;border-bottom:3px solid #E83828;padding-bottom:10px}
@media only all and (max-width:640px){.dacase-title h1{font-size:20px}
}
@media only all and (max-width:480px){.dacase-title h1{font-size:18px}
}
.dacase-title p{line-height:20px}
.dacase-view{width:80%;height:100%;margin:0 auto}
.dacase-view img{width:100%}
.case-wrap{width:100%;min-height:650px}
.case-wrap .case-logo{text-align:center;padding-top:5%;margin:0 auto}
.case-wrap .case-logo img{width:100%}
@media only all and (max-width:1440px){.case-wrap .case-logo{padding-top:10%}
}
@media only all and (max-width:640px){.case-wrap .case-logo{padding-top:15%}
}
.case-wrap .pad-img{text-align:center;margin:0 auto;margin-top:5%;width:42%}
@media only all and (max-width:640px){.case-wrap .pad-img{width:80%!important}
}
.case-wrap .pad-img img{width:100%}
.case-wrap .case-intro{width:52%;margin:0 auto;margin-top:6%}
@media only all and (max-width:1024px){.case-wrap .case-intro{width:70%}
}
@media only all and (max-width:640px){.case-wrap .case-intro{width:75%}
}
.case-wrap .case-intro h2{font-size:24px;color:#333;text-align:center}
.case-wrap .case-intro p{font-size:14px;color:#666;line-height:25px;margin-top:4%}
.case-wrap .case-flag{overflow:hidden;margin-top:5%;padding-top:5px}
.case-wrap .case-flag .flag-l{float:left}
@media only all and (max-width:640px){.case-wrap .case-flag .flag-l{float:none;overflow:hidden;margin-bottom:15px}
}
.case-wrap .case-flag .flag-l .flag-box{display:block;padding:10px;font-size:12px;border:1px #ccc solid;color:#666;float:left;margin-right:10px}
@media only all and (max-width:320px){.case-wrap .case-flag .flag-l .flag-box{padding:10px 5px}
}
.case-wrap .case-flag .flag-l .flag-box:hover{margin-top:-5px}
@media only all and (max-width:640px){.case-wrap .case-flag .flag-l .flag-box:hover{margin-top:0}
}
.case-wrap .case-flag .more{float:right;width:95px;height:30px;font-size:12px;color:#fff;line-height:30px;text-align:center;display:block;background:url(../img/more_bg.png) no-repeat}
@media only all and (max-width:640px){.case-wrap .case-flag .more{float:none}
}
.case-wrap .case-flag .more:hover{margin-top:-5px}
@media only all and (max-width:640px){.case-wrap .case-flag .more:hover{margin-top:0}
}
.case-wrap .phone-img{text-align:center;margin:0 auto;margin-top:12%}
.case-wrap .phone-img img{width:100%}
.case-wrap .display-cases{width:100%;margin-top:5%;padding-top:6%;padding-bottom:6%;background-color:#eee;overflow:hidden}
.case-wrap .display-cases h2{font-size:24px;color:#333;text-align:center}
.case-wrap .display-cases .display-img{margin:0 auto;width:47%;margin-top:3%}
@media only all and (max-width:640px){.case-wrap .display-cases .display-img{width:90%!important}
}
.case-wrap .display-cases .display-img img{width:100%;margin-top:2%}
.case-wrap .case-foot{width:235px;overflow:hidden;margin:0 auto;padding-top:5%;padding-bottom:5%}
.case-wrap .case-foot p{text-align:center;font-size:14px;color:#666;margin-top:5px}
.case-wrap .case-foot p a{color:#666}
.case-wrap .case-foot p a:hover{text-decoration:underline}
.case-wrap .case-foot p.p_wechat{margin-top:30px}
.case-wrap .case-foot p.thank{margin-top:60px}
.stw-wrap{background:url(../img/stw_bg.jpg) #fff top center no-repeat;background-size:100%}
.stw-wrap .case-logo{width:25%}
@media only all and (max-width:640px){.stw-wrap .case-logo{width:50%}
}
.stw-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.stw-wrap .flag-box{margin-bottom:15px}
}
.stw-wrap .display-cases .display-img{width:52%}
.dj-wrap{background:url(../img/dj_bg.jpg) #fff top center no-repeat;background-size:100%}
.dj-wrap .case-logo{width:20%}
@media only all and (max-width:640px){.dj-wrap .case-logo{width:50%}
}
.dj-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.dj-wrap .flag-box{margin-bottom:15px}
}
.dj-wrap .phone-img{width:100%}
.dj-wrap .display-cases .display-img{width:52%}
.bhc-wrap{background:url(../img/bhc_bg.jpg) #fff top center no-repeat;background-size:100%}
.bhc-wrap .case-logo{width:9%}
@media only all and (max-width:640px){.bhc-wrap .case-logo{width:30%}
}
.bhc-wrap .pad-img{width:52%}
.bhc-wrap .display-cases .display-img{width:50%}
.fst-wrap{background:url(../img/fst_bg.jpg) #fff top center no-repeat;background-size:100%}
.fst-wrap .case-logo{width:14%}
@media only all and (max-width:640px){.fst-wrap .case-logo{width:40%}
}
.fst-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.fst-wrap .flag-box{margin-bottom:15px}
}
.fst-wrap .display-cases .display-img{width:50%}
.sl-wrap{background:url(../img/sl_bg.jpg) #fff top center no-repeat;background-size:100%}
.sl-wrap .case-logo{width:27%}
@media only all and (max-width:640px){.sl-wrap .case-logo{width:50%}
}
.sl-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.sl-wrap .flag-box{margin-bottom:15px}
}
.sl-wrap .display-cases .display-img{width:50%}
.wk-wrap{background:url(../img/wk_bg.jpg) #fff top center no-repeat;background-size:100%}
.wk-wrap .case-logo{width:10%}
@media only all and (max-width:640px){.wk-wrap .case-logo{width:30%}
}
.wk-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.wk-wrap .flag-box{margin-bottom:15px}
}
.wk-wrap .display-cases .display-img{width:50%}
.wk-wrap .display-cases .display-img img{margin-top:-4px}
.xgll-wrap{background:url(../img/xgll_bg.jpg) #fff top center no-repeat;background-size:100%}
.xgll-wrap .case-logo{width:21%}
@media only all and (max-width:640px){.xgll-wrap .case-logo{width:50%}
}
.xgll-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.xgll-wrap .flag-box{margin-bottom:15px}
}
.xgll-wrap .display-cases .display-img{width:50%}
.gp-wrap{background:url(../img/gp_bg.jpg) #fff top center no-repeat;background-size:100%}
.gp-wrap .case-logo{width:13%}
@media only all and (max-width:640px){.gp-wrap .case-logo{width:30%}
}
.gp-wrap .pad-img{width:52%}
@media only all and (max-width:640px){.gp-wrap .flag-box{margin-bottom:15px}
}
.gp-wrap .display-cases .display-img{width:52%}
.kltn-wrap{background:url(../img/kltn_bg.jpg) #fff top center no-repeat;background-size:100%}
.kltn-wrap .case-logo{width:24%}
@media only all and (max-width:640px){.kltn-wrap .case-logo{width:50%}
}
.kltn-wrap .pad-img{width:52%}
.kltn-wrap .display-cases{background-color:#FFF;margin-top:0;padding-top:0;padding-bottom:0}
.kltn-wrap .display-cases .display-img{width:52%}
@media only all and (max-width:640px){.kltn-wrap .display-cases .display-img{width:90%}
}
.kltn-wrap .display-cases .display-img img{margin-top:10%}
.slw-wrap{background:url(../img/slw_bg.jpg) #fff top center no-repeat;background-size:100%}
.slw-wrap .pad-img{width:47%;margin-top:0;padding-top:5%}
.slw-wrap .case-intro{margin-top:2%}
.slw-wrap .display-cases{background-color:#FFF;margin-top:0;padding-top:0;padding-bottom:0}
.slw-wrap .display-cases .display-img{width:52%}
@media only all and (max-width:640px){.slw-wrap .display-cases .display-img{width:90%}
}
.slw-wrap .display-cases .display-img img{margin-top:0}
.xglw-wrap{background:url(../img/xglw_bg.jpg) #fff top center no-repeat;background-size:100%}
.xglw-wrap .pad-img{width:52%;margin-top:0;padding-top:9%}
.xglw-wrap .display-cases{background-color:#DEDEDE}
.xglw-wrap .display-cases .display-img{width:52%}
.sls-wrap{background:url(../img/sls_bg.jpg) #fff top center no-repeat;background-size:100%}
.sls-wrap .pad-img{margin-top:0;padding-top:7%}
.sls-wrap .case-intro{margin-top:2%}
.sls-wrap .phone-img{width:100%;margin-left:auto;margin-right:auto}
.sls-wrap .display-cases .display-img{width:52%}
.wp-wrap{background:url(../img/wp_bg.jpg) #fff top center no-repeat;background-size:100%}
.wp-wrap .pad-img{width:52%;margin-top:0;padding-top:8%}
.wp-wrap .case-intro{margin-top:2%}
.wp-wrap .phone-img{width:100%}
@media only all and (max-width:640px){.wp-wrap .flag-box{margin-bottom:15px}
}
.wp-wrap .display-cases .display-img{width:52%}
.xgllp-wrap{background:url(../img/xgllp_bg.jpg) #fff top center no-repeat;background-size:100%}
.xgllp-wrap .pad-img{width:52%;margin-top:0;padding-top:8%}
.xgllp-wrap .case-intro{margin-top:2%}
.xgllp-wrap .phone-img{width:100%}
.xgllp-wrap .display-cases .display-img{width:52%}
.zy-wrap{background:url(../img/zy_bg.jpg) #fff top center no-repeat;background-size:100%}
.zy-wrap .pad-img{width:25%;margin-top:0;padding-top:8%}
@media only all and (max-width:640px){.zy-wrap .pad-img{width:50%!important}
}
.zy-wrap .case-intro{margin-top:2%}
.zy-wrap .phone-img{width:100%;margin-left:auto;margin-right:auto}
.zy-wrap .display-cases{max-height:4300px;background-color:#000;padding-top:0;position:relative}
.zy-wrap .display-cases h2{color:#FFF;position:absolute;top:2%;left:50%;margin-left:-106px}
.zy-wrap .display-cases .display-img{width:52%!important;margin-top:0}
@media only all and (max-width:640px){.zy-wrap .display-cases .display-img{padding-top:20%}
}
.zy-wrap .display-cases .display-img img{margin-top:-4px}
.pa-wrap{background:url(../img/pa_bg.jpg) #fff top center no-repeat;background-size:100%}
.pa-wrap .pad-img{width:52%;margin-top:0;padding-top:7%}
.pa-wrap .phone-img{width:100%}
@media only all and (max-width:640px){.pa-wrap .phone-img{width:80%}
}
.pa-wrap .display-cases .display-img{width:52%}
.pa-wrap .display-cases .display-img img{margin-top:-4px}
.cltn-wrap{background:url(../img/cltn_bg.jpg) #fff top center no-repeat;background-size:100%}
.cltn-wrap .case-logo{width:24%}
@media only all and (max-width:640px){.cltn-wrap .case-logo{width:50%}
}
.cltn-wrap .pad-img{width:52%}
.cltn-wrap .flag-box{margin-bottom:15px!important}
.cltn-wrap .phone-img{overflow:hidden}
.cltn-wrap .phone-img .pic,.cltn-wrap .phone-img .txt{float:left}
.cltn-wrap .phone-img .pic{width:72%}
.cltn-wrap .phone-img .txt{width:28%;margin-top:10%}
.cltn-wrap .display-img{position:relative}
.cltn-wrap .display-img .txt{position:absolute;top:15%;left:-10%;width:27%}
.cltn-wrap .display-img .txt img{width:100%}
@media only all and (max-width:1600px){.cltn-wrap .display-img .txt{left:-15%}
}
@media only all and (max-width:1024px){.cltn-wrap .display-img .txt{width:50%;left:-20%}
}
@media only all and (max-width:640px){.cltn-wrap .display-img .txt{left:0;width:40%}
}
.cltn-wrap .display-cases{background-color:#FFF;margin-top:0;padding-top:0;padding-bottom:0}
.cltn-wrap .display-cases .display-title{text-align:center;margin-top:7%}
@media only all and (max-width:640px){.cltn-wrap .display-cases .display-title{width:80%;margin-left:auto;margin-right:auto}
.cltn-wrap .display-cases .display-title img{width:100%}
}
.cltn-wrap .display-cases .display-img{width:52%}
@media only all and (max-width:640px){.cltn-wrap .display-cases .display-img{width:90%}
}
.cltn-wrap .display-cases .display-img img{margin-top:5%}
.cltn-wrap .display-item{position:relative}
.cltn-wrap .display-item .txt-1{position:absolute;left:0;top:10%;width:23%}
.cltn-wrap .display-cases-g{background-color:#dedede;padding-top:2%;margin-top:5%;padding-bottom:8%}
.jg-wrap{background:url(../img/jg_bg.jpg) #fff top center no-repeat;background-size:100%}
.jg-wrap .case-logo{width:8%}
@media only all and (max-width:640px){.jg-wrap .case-logo{width:20%}
}
.jg-wrap .flag-box{margin-bottom:15px!important}
.jg-wrap .pad-img{width:52%}
.jg-wrap .display-cases .display-img{width:52%}
.jg-wrap .display-cases .display-img .img1{margin-bottom:20px}
.jg-wrap .display-cases .display-img img{margin-top:-4px}
.hy-wrap{background:url(../img/hy_bg.jpg) #fff top center no-repeat;background-size:100%}
.hy-wrap .case-logo{width:11%;padding-top:7%}
@media only all and (max-width:1440px){.hy-wrap .case-logo{padding-top:10%}
}
@media only all and (max-width:640px){.hy-wrap .case-logo{width:20%;padding-top:15%}
}
.hy-wrap .flag-box{margin-bottom:15px!important}
.hy-wrap .pad-img{width:52%}
.hy-wrap .display-cases .display-img{width:52%}
.hy-wrap .display-cases .display-img .img1{margin-bottom:20px}
.hy-wrap .display-cases .display-img img{margin-top:-4px}
.bg-wrap{background:url(../img/bg-wrap.jpg) #fff top center no-repeat;background-size:100%}
.bg-wrap .case-intro{margin-top:30%}
.bg-wrap .case-3d{margin-top:100px;position:relative}
.bg-wrap .case-3d img{display:block;width:100%}
.bg-wrap .case-3d .product1{position:absolute;top:27%;right:-15%;cursor:w-resize}
.bg-wrap .case-3d .mouse{width:70px;height:30px;margin:20px auto auto auto;background:url(../img/mouse.png) no-repeat 50% 50%}
.bg-wrap .case-3d .mouse a{display:block;width:15px;height:30px}
.bg-wrap .case-3d .mouse .left-arrow{float:left;background:url(../img/left-arrow.png) no-repeat 50% 50%}
.bg-wrap .case-3d .mouse .right-arrow{float:right;background:url(../img/right-arrow.png) no-repeat 50% 50%}
@media only all and (max-width:640px){.bg-wrap{background:url(../img/bg-wrap.jpg) #fff 50% 46px no-repeat;background-size:100%}
.bg-wrap .case-intro{margin-top:35%}
}
.down-arrow{width:70px;height:70px;margin:70px auto;background:url(../img/down_arrow.png) no-repeat;cursor:pointer}
.case-other{width:100%;background-color:#f3f3f3;padding:55px 0;overflow:hidden}
.case-other .case-other-con{width:1240px;margin:0 auto}
@media only all and (max-width:1280px){.case-other .case-other-con{width:80%}
}
@media only all and (max-width:640px){.case-other .case-other-con{width:90%}
}
.case-other .case-other-con .title{padding-bottom:15px;border-bottom:1px #d2d2d2 solid;overflow:hidden;margin:0 20px}
@media only all and (max-width:1280px){.case-other .case-other-con .title{margin:0 1%}
}
@media only all and (max-width:640px){.case-other .case-other-con .title{margin:0}
}
.case-other .case-other-con .title h2{font-size:30px;color:#585858;float:left}
.case-other .case-other-con .title a.more{font-size:12px;float:right;margin-top:10px;color:#767676;width:70px;height:20px;line-height:20px;display:block;background:url(http://7xkdjc.com2.z0.glb.qiniucdn.com/more_btn_01.png) no-repeat;padding-left:12px}
.case-other .case-other-con .title a.more:hover{color:#fff;background:url(http://7xkdjc.com2.z0.glb.qiniucdn.com/more_btn_03.png) no-repeat}
.case-other .case-other-con .other-items{margin:30px 19px;float:left;width:375px}
@media only all and (max-width:1280px){.case-other .case-other-con .other-items{margin:10px 1%;width:31%}
}
@media only all and (max-width:640px){.case-other .case-other-con .other-items{width:100%;margin:10px 0}
}
.case-other .case-other-con .other-items img{width:100%}
.case-other .case-other-con .other-items h3{font-size:18px;color:#585858;margin-top:25px}
.case-other .case-other-con .other-items p{margin-top:10px}
.case-other .case-other-con .other-items p a{display:block;padding:5px;float:left;border:1px #d2d2d2 solid;font-size:12px;color:#666;margin-right:10px;margin-bottom:15px}
.case-other .case-other-con .other-items p a:hover{background-color:#e83828;color:#fff;border:1px #e83828 solid;margin-top:-5px}