.ibanner{ width:100%; padding:440px 0 50px 0; color:#fff; font-size:64px; font-weight:bold;}
.contact_banner{ line-height:200%; color:#606060;}

.know_content{ padding-bottom:15px; padding-top:15px;}
/*know*/
.know_box{ text-align:center;}
.know_list{ width:32%; display:inline-block;}
.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,.know_list a.active{ background:#ec0005; color:#ffffff !important;}
.know_list a.active .know_content_h1{ color:#fff;}
.know_list a em{ display:inline-block; float:inherit;}
.know_list a:hover em,.know_list a.active em{ border:1px solid #fff; background:#fff; color:#ec0005;}
.know_list a:hover .know_content_h1,.know_list a:active .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;}



.insight_content a{ background:#f7f7f7; display:block; margin-top:15px;}
.insight_content a:hover{ background:#ec0005; color:#fff;}
.insight_content a:hover img{ transform:scale(1.05);}
.insight_content{ padding-bottom:100px;}
.insight_img{ border-left:8px solid #fff; overflow:hidden;}
.insight_img img{ width:100%;}

.insight_content_box{ padding:50px 50px 0 55px;}
.ins_h1{ font-size:30px; line-height:130%;}
.ins_h2{ font-size:14px; font-weight:normal; line-height:200%; color:#595757; padding-top:10px;}
.insight_content a em{ margin-bottom:50px;}
.insight_content a:hover .ins_h2{ color:#fff;}
.insight_content a:hover em{ border:1px solid #fff; background:#fff; color:#ec0005;} 
.insight_content a:hover .insight_img{ border-left:6px solid #ec0005; overflow:hidden;}


a.more_know{ border:1px solid #9e9e9e; border-radius:50px; padding:11px 60px; font-style:normal; margin-top:22px; display:block; font-size:24px; letter-spacing:4px; font-weight:normal; display:inline-block; margin:0 auto; margin-top:50px;}
a.more_know:hover{ border:1px solid #ec0005; background:#ec0005; color:#fff;}


@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:170px 20px 10px 0;font-size:24px;}
.contact_banner{  line-height:180%; font-weight:lighter;}

.know_content{ padding-bottom:25px;}

a.more_know{ padding:6px 20px; margin-top:5px; font-size:14px; letter-spacing:2px; margin-top:10px;}
a.more_know:hover{ border:1px solid #ec0005; background:#ec0005; color:#fff;}


/*know*/
.know_list{ width:100%; display:inline-block; margin-bottom:18px;}
.know_list a{  padding-bottom:15px;}
.know_content_h1{ font-size:30px; color:#000; padding:10px 0 5px 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;}

.insight_content a{margin-top:15px;}
.insight_content a em{ margin-bottom:30px;}
.insight_content{ padding-bottom:15px;}
.insight_img{ border-left:0px;}

.insight_content_box{ padding:35px 15px 0 15px;}
.ins_h1{ font-size:22px; font-weight:lighter;}
.ins_h2{ font-size:14px; padding-top:10px; line-height:180%;}
.insight_content a:hover .insight_img{ border-left:0 solid #ec0005;}
}