@charset "utf-8";
.banner { width: 100%; height: 526px; overflow: hidden; position: relative;  background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/case/banner.jpg) center center no-repeat; }
.index_h2line{ width: 37px; height: 3px; background:url("https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/index_line.jpg"); margin: 2px auto 40px; }
@media (min-width: 300px) {
#wrap{ width:100%; top:75px; position:relative; }	
.banner { height: 360px; background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/case/banner_s.jpg); background-size: 100% 100%; }
.index_h2line{ width: 37px; height: 3px; background:url("https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/index_line.jpg"); margin: 2px auto 20px; }
.case_list{ width:100%; margin:0 auto; }
.case_list_content{ width:300px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:300px; height:auto; overflow:hidden; margin-top:30px; }
.case_list_content_l{ width:100%; height:auto; float:left; background:#fff; }
.case_list_content_r{ width:100%; height:auto; float:left; text-align:center; }
.case_list_content_f{ width:280px; height:auto;  margin:0 auto; overflow:hidden; }
.case_list_content_l h3{ font-size:24px; line-height:38px; text-align:center; margin:10px 0px 3px; }
.case_list_content_r p{ font-size:14px; line-height:22px; text-align:center; margin:6px 0px 3px; }
.partner{ width:100%; margin:0 auto; }
.partner_content{ width:300px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; overflow: hidden; }
.partner_content h2{ font-size:24px; text-align:center; line-height:36px; margin-top:20px; margin-bottom:0px; }
.partner_content p{ font-size:14px; color:#666666; line-height:24px; font-weight:normal; text-align:center; }
.partner_content_text{ width:280px; height:280px; margin:0 auto; }
}
@media (min-width: 315px) {
.banner { height: 378px; }
}
@media (min-width: 360px) {
.banner { height: 432px; }
.case_list_content{ width:360px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:360px; height:auto; overflow:hidden; margin-top:30px; }
.case_list_content_f{ width:340px; height:auto; margin:0 auto; overflow:hidden; }
.partner_content{ width:360px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; overflow: hidden; }
.partner_content_text{ width:340px; height:320px; margin:0 auto; }
}
@media (min-width: 375px) {	
.banner { height: 450px; }
}
@media (min-width: 390px) {	
.banner { height: 468px; }
}
@media (min-width: 400px) {	
.banner { height: 480px; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
.banner { height: 492px; }	
.case_list_content{ width:410px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:410px; height:auto; overflow:hidden; margin-top:30px; }
.case_list_content_f{ width:380px; height:auto;  margin:0 auto; overflow:hidden; }
.partner_content{ width:410px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; overflow: hidden; }
.partner_content_text{ width:380px; height:350px; margin:0 auto; }
}
@media (min-width: 480px) {
.banner { height: 576px; }
}
@media (min-width: 500px) {
.banner { height: 600px; }
.case_list_content{ width:500px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:500px; height:auto; overflow:hidden; margin-top:30px; }
.case_list_content_f{ width:470px; height:auto; margin:0 auto; overflow:hidden; }
.partner_content{ width:500px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; overflow: hidden; }
.partner_content_text{ width:470px; height:380px; margin:0 auto; }
}
@media (min-width: 600px) {
.banner { height:720px; }	
.case_list_content{ width:600px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:600px; height:auto; overflow:hidden; margin-top:30px; }
.case_list_content_f{ width:560px; height:auto; margin:0 auto; overflow:hidden; }
.partner_content{ width:600px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; overflow: hidden; }
.partner_content_text{ width:560px; height:410px; margin:0 auto; }
}
@media (min-width: 700px) {
.banner { height: 840px; }	
}
@media (min-width: 768px) {	
.banner { width: 100%; height: 750px; overflow: hidden; position: relative;  background:url(https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/case/banner.jpg) center center no-repeat; }
}
@media (min-width: 1024px) {
#wrap{ width:100%; height:auto; top:0px; position:relative;  }	
.index_h2line{ width: 37px; height: 3px; background:url("https://xtoee.oss-cn-guangzhou.aliyuncs.com/public/images/index_line.jpg"); margin: 2px auto 40px; }
.case_list{ width:100%; margin:0 auto; }
.case_list_content{ width:980px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:980px; height:auto; overflow:hidden; margin-top:60px; }
.case_list_content_l{ width:70%; height:76px; float:left; background:#fff; }
.case_list_content_r{ width:30%; height:76px; float:right; text-align:right; }
.case_list_content_f{ width:1024px; height:448px; float:left; }
.case_list_content_l h3{ font-size:24px; line-height:34px; text-align:left; margin:14px 0px 3px; }
.case_list_content_r p{ font-size:16px; line-height:34px; text-align:right; padding-top:18px; margin:0px; }
.case_list_content_r .index_h2line{ float:right; }
.partner{ width:100%; margin:0 auto; }
.partner_content{ width:1024px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:60px; overflow: hidden; }
.partner_content_text{ width:980px; height:auto;  margin:-20px auto 0px;  }
.partner_content h2{ font-size:30px; text-align:center; line-height:48px; margin-top:40px; margin-bottom:0px; }
.partner_content p{ font-size:16px; color:#666666; line-height:32px; font-weight:normal; text-align:center; }
}
@media (min-width: 1080px) {
.case_list{ width:100%; margin:0 auto; }
.case_list_content{ width:1050px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:1050px; height:auto; overflow:hidden; margin-top:60px; }
.case_list_content_l{ width:70%; height:76px; float:left; background:#fff; }
.case_list_content_r{ width:30%; height:76px; float:right; text-align:right; }
.case_list_content_f{ width:1080px; height:470px; float:left; }
.partner{ width:100%; margin:0 auto; }
.partner_content{ width:1080px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:60px; overflow: hidden; }
.partner_content_text{ width:1050px; height:auto; margin:-20px auto 0px; }
}
@media (min-width: 1200px){	
.case_list{ width:100%; margin:0 auto; }
.case_list_content{ width:1200px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:40px; overflow: hidden; }
.case_list_content li{ width:1200px; height:auto; overflow:hidden; margin-top:60px; }
.case_list_content_l{ width:65%; height:76px; float:left; background:#fff; }
.case_list_content_r{ width:35%; height:76px; float:right; text-align:right; }
.case_list_content_l h3{ font-size:28px; line-height:38px; text-align:left; margin:14px 0px 3px; }
.case_list_content_r p{ font-size:20px; line-height:36px; text-align:right; padding-top:18px; margin:0px; }
.case_list_content_f{ width:1200px; height:520px; float:left; }
.partner{ width:100%; margin:0 auto; }
.partner_content{ width:1200px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:60px; overflow: hidden; }
.partner_content_text{ width:1200px; height:auto; margin:-20px auto 0px; }
}