.ibanner{ width:100%; padding:204px 0; color:#fff; font-size:64px; font-weight:bold;}
.contact_banner{ text-align:left; line-height:100%;}
.pro_banner_content{ padding:0 80px;line-height:150%; }

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

.case_txt_box{ position:absolute; top:33%; left:63px; width:380px;}
.frcase{ right:63px; left:inherit;}
.case_h1{ font-size:45px; padding-bottom:30px; text-align:left;}
.pro_content_h1{ font-size:16px; text-align:left; line-height:150%; padding-bottom:40px;}

.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;}

.case_list em{ 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;}*/



.index_container{ padding-bottom:130px; padding-top:15px;}
.title_global{ text-align:center; font-size:50px; color:#000; line-height:100%; margin:33px 0 15px;}
.title_global p{ font-size:16px; font-weight:normal; letter-spacing:6px;}

/*contact*/
.bottom_tel{ background:#ec0005; color:#fff; text-align:center; padding:130px 0; margin-top:20px;}
.bottom_h1{ font-size:53px; line-height:100%; padding-bottom:40px;}
.bottom_h2{ font-size:25px;}
.bottom_h2 span{ width:30px; height:1px; background:#fff; overflow:hidden; display:inline-block; vertical-align:middle; margin:0 10px;}
.bottom_h3{ font-size:30px; padding-top:30px;}

/*analy*/
.analysis_list{}
.analysis_img{ overflow:hidden; padding:0;}
.analysis_list a{ background:#f7f7f7; display:block;}
.analysis_list a:hover{ background:#ec0005; color:#fff;}
.analysis_list a:hover img{ transform:scale(1.05);}
.analysis_img img{ width:100%;}
.analysis_sec_content{ padding:145px 40px 0; color:#000000;}
.analysis_sec_content .analy_h1{ font-size:28px; line-height:120%;}
.analysis_sec_content .analy_h2{ font-size:20px; line-height:160%; font-weight:normal; padding-top:60px;}
.analysis_list a:hover em{ border:1px solid #fff; background:#fff; color:#ec0005;}
.analysis_list a:hover .analysis_sec_content{ color:#fff;}

/*know*/
.know_box{ text-align:center;}
.know_list{ width:32%; display:inline-block; overflow:hidden;}
.know_list a{ background:#f7f7f7; display:block; padding-top:18px; text-align:center; padding-bottom:35px;}
.know_content_h1{ font-size:35px; color:#000; padding:25px 0 5px 0; letter-spacing:10px;}
.know_list a:hover{ background:#ec0005; color:#fff;}
.know_list a em{ display:inline-block; float:inherit;}
.know_list a:hover em{ border:1px solid #fff; background:#fff; color:#ec0005;}
.know_list a:hover .know_content_h1{ color:#fff;}
.know_h1{  margin:0 18px 18px; overflow:hidden;}
.know_h1 img{ width:100%;}
.know_list a:hover img{ transform:scale(1.05);}

.know2{ margin:0 18px;}
@media (min-width: 75em) {/*宽屏*/
}
@media (max-width: 1200px) {/*窄屏*/ 

.know2{ margin:0 13px;}
}
@media (max-width: 1100px) { /*ipad*/

.case_txt_box{ position:inherit; top:0; left:0; width:100%; text-align:center;}
.frcase{ right:0; left:inherit;}
.case_h1{ font-size:30px; padding-bottom:15px; text-align:center;}
.pro_content_h1{ font-size:14px; text-align:center; line-height:150%; padding-bottom:10px;}
.case_list em{ padding:5px 20px 5px 20px; font-size:16px; display:inline-block; float:none;}

.know2{ margin:0 9px;}
}
@media (max-width: 767px) { /*手机尺寸*/

.ibanner{padding:100px 0;font-size:20px;}
.contact_banner{  line-height:150%;}
.pro_banner_content{ padding:0 15px; text-align:center;}

.index_container{ padding-bottom:25px;}
.title_global{ font-size:30px; margin:13px 0 13px;}
.title_global p{ font-size:14px;letter-spacing:3px;}

/*contact*/
.bottom_tel{ padding:50px 0; margin-top:15px;}
.bottom_h1{ font-size:30px; font-weight:lighter; line-height:100%; padding-bottom:10px;}
.bottom_h2{ font-size:16px;}
.bottom_h2 span{ width:20px;margin:0 8px;}
.bottom_h3{ font-size:20px; padding-top:15px; font-weight:bold; color:#fff;}
.bottom_h3 p{ color:#fff; font-weight:bold;}



/*analy*/
.analysis_sec_content{ padding:25px 5px 0; color:#000000;}
.analysis_sec_content .analy_h1{ font-size:20px;}
.analysis_sec_content .analy_h2{ font-size:14px; line-height:100%; padding-top:10px; font-weight:lighter;}



/*know*/
.know_list{ width:100%; display:inline-block; margin-bottom:18px;}
.know_list a{  padding-bottom:15px;}
.know_content_h1{ font-size:24px; color:#000; padding:10px 0 5px 0; letter-spacing:0;}
.know_h1{  margin:0 18px 18px; overflow:hidden;}
.know_h1 img{ width:100%;}
.know_list a:hover img{ transform:scale(1.05);}

.know2{ margin:0 0 18px 0;}

/*case*/

.case_list a{ margin-bottom:15px;font-size:22px; color:#595757; font-weight:normal; line-height:150%; padding-bottom:40px; padding-top:40px; font-weight:lighter;}
/*.case_list a:hover{ background:#ec0005; color:#fff;}*/

.case_txt_box{ position:inherit; top:0; left:0; width:100%; text-align:center;}
.frcase{ right:0; left:inherit;}
.case_h1{ font-size:24px; padding-bottom:10px; text-align:center;}
.pro_content_h1{ font-size:14px; text-align:center; line-height:100%; padding-bottom:10px;}

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

.case_list em{ padding:0 20px 0 20px; margin:3px 0 5px 0; font-size:14px; display:inline-block; float:none;}


}