.ibanner{ width:100%; padding:192px 0; color:#fff; font-size:64px; font-weight:bold;}
.contact_banner{ text-align:left; line-height:100%;}
.pro_banner_content{ padding:0 150px;font-weight:bold;}
.pro_banner_content em{ font-size:30px; font-style:normal;font-weight:100 !important; line-height:200%; margin-top:40px; display:block;}

.pro_container{ padding-bottom:130px;}

.case_list{ padding:0; position:relative;}
.case_list a{ background:#f7f7f7; display:block; margin-top:20px; text-align:center; position:relative; font-size:22px; color:#595757; font-weight:normal; line-height:150%; padding-bottom:40px; padding-top:80px; font-weight:lighter;}
/*
.case_list a:hover{ background:#ec0005; color:#fff;}*/

.pro_img{ text-align:center; width:100%; height:400px; overflow:hidden; margin-bottom:40px;}
.pro_img img{ height:100%;}
.pro_img .pro_h1,.pro_img .pro_h2{ height:400px;}
.pro_img .pro_h2{ display:none;}


.pro_img_bl{ text-align:center; width:100%; height:300px; overflow:hidden; margin-bottom:90px; margin-top:50px;}
.pro_img_bl img{ height:100%;}
.pro_img_bl .pro_h1,.pro_img_bl .pro_h2{ height:300px;}
.pro_img_bl .pro_h2{ display:none;}


.case_list em{ position:absolute; bottom:60px; right:200px; padding:7px 40px 7px 30px; font-size:18px;}
.case_list em i{ font-size:24px;}

.case_list a:hover em{ border:1px solid #ec0005; background:#ec0005; color:#fff;} 
/*.case_list a:hover .pro_img .pro_h1{ display:none;}
.case_list a:hover .pro_img .pro_h2{ display:block;}
.case_list a:hover .pro_img_bl .pro_h1{ display:none;}
.case_list a:hover .pro_img_bl .pro_h2{ display:block;}*/

a.morecase{ font-size:18px; display:inline-block; color:#ec0005; border:1px solid #ec0005; margin:50px auto; border-radius:100px; font-weight:normal; padding:10px 30px;}
a.morecase:hover{ background:#ec0005; color:#fff;}

.title_brand{ font-size:40px; letter-spacing:6px; font-weight:lighter; color:#595757; text-align:center; margin-top:50px;}
.cooper_logo{ height:200px; text-align:center; padding:0; margin:25px 0 0; overflow:hidden;}
.cooper_logo:hover img{ transform:scale(1.05)}
.cooper_box{ margin-top:40px;}
.cooper_logo img{ height:100%;}
@media (min-width: 75em) {/*宽屏*/
}
@media (max-width: 1200px) {/*窄屏*/ 
}
@media (max-width: 990px) { /*ipad*/
}
@media (max-width: 767px) { /*手机尺寸*/

.ibanner{padding:90px 0;font-size:24px;}
.contact_banner{  line-height:180%;}
.pro_banner_content{ padding:0 15px; text-align:center;}
.pro_banner_content em{ font-size:14px; line-height:200%; margin-top:10px; display:block;}


.pro_container{ padding-bottom:25px;}


.case_list a{margin-top:10px; font-size:14px; line-height:100%; padding-bottom:10px; padding-top:10px; font-weight:lighter;}

.pro_img{ height:200px; overflow:hidden; margin-bottom:20px;}
.pro_img .pro_h1,.pro_img .pro_h2{ height:200px;}

.pro_img_bl{ height:120px; overflow:hidden; margin-bottom:60px; margin-top:40px;}
.pro_img_bl .pro_h1,.pro_img_bl .pro_h2{ height:120px;}

.case_list em{ position:inherit; bottom:0; right:0; margin:0 auto; display:inline-block; padding:7px 20px 7px 20px; font-size:14px; float:inherit; margin:10px 0 10px;}
.case_list em i{ font-size:20px;}

a.morecase{ font-size:14px; margin:10px auto;padding:5px 10px;}

.title_brand{ font-size:30px; margin-top:20px;}
.cooper_logo{ height:auto;  margin:15px 0 0; }
.cooper_logo:hover img{ transform:scale(1.05)}
.cooper_box{ margin-top:20px;}

.cooper_logo img{ height:auto; width:80%;}
}