@charset "utf-8";
/*首页产品分类*/

.met_index_left{ width:280px; background-color:#f5f5f5;}
.met_p_t{ color:#fff; height:120px; background:url(../img/left_t.jpg) no-repeat left top #0055ff; box-sizing:border-box; padding:25px 0; font-weight:bold; overflow:hidden; text-align:center;  font-size:30px;}
.met_p_t .en{ font-size:18px;}
.met_p_t a{ color:#fff}

.met_p_ul{ background-color:#f4f4f4; padding:10px 35px; font-size:20px;}
.met_p_ul a:hover{ color:#e62b35}
.met_p_ul p{ color:#4d4d4d; padding:0 40px;line-height:25px; height:25px; margin-bottom:5px; background:url(../img/n_ico.png) no-repeat 26px center; font-size:18px; overflow:hidden; display:block; }
.met_p_ul p a{ color:#4d4d4d}
.met_p_ul h3{ height:40px; line-height:40px; text-align:center; border-radius:5px; background-color:#d3d3d3; font-weight:normal; margin-top:10px; margin-bottom:10px; padding:0 16px; font-size:20px;}
.met_p_ul h3 a{ background:url(../img/li_a2.png) no-repeat right center; display:block;  }

.met_p_ul h3.on1{ }
.met_p_ul h3.on1 a{background:url(../img/li_a1.png) no-repeat right center;}






/*首页推荐和置顶产品*/
.met_pro_r{ width:900px; }
.met_pro_ul2{}
.met_pro_ul2:after{ clear:both}
.met_pro_ul2 li{ float:left; width:270px;  overflow:hidden; text-align:center;margin:0 15px; margin-bottom:12px; position:relative}

.met_pro_ul2 a{display:block}
.met_pro_ul2 li img{ padding:3px; width:262px;border:#d7d7d7 1px solid; display:block;}
.met_pro_ul2 li:hover img{ border:#0055ff 1px solid;}
.met_pro_ul2 .met_pro_title{  z-index:333; height:40px; line-height:40px; padding:0 5px;}





.met_box1{ background-color:#fff; padding:80px 0; position:relative; clear:both; display:block;}



.met_box_t1{ height:102px; position:relative; padding-top:30px; padding-bottom:30px;  display:block; background:url(../img/box_t1.html) no-repeat center;}




/*产品特性选项卡*/

.tabox{ position:relative; clear:both; z-index:0;  overflow:hidden;}
.tabox .hd{ width:100%; height:146px; padding-top:16px; background:rgba(255, 255, 255, 0.6)!important;
filter:Alpha(opacity=60); background:#fff; margin-top:12px; clear:both;z-index:666; }


.tabox .hd li{ width:110px; height:146px; box-sizing:border-box; overflow:hidden; position:relative; margin-left:13px; margin-right:48px;  color:#0a59a6; float:left;  font-size:30px; text-align:center; cursor:default;}
.tabox .hd li img{ margin:0 auto;vertical-align:middle; margin-top:17px;}

.tabox .hd li span{width:82px; height:82px;border-radius:50%; border:#125fa8 2px solid; margin:0 auto; margin-bottom:2px; display:block;}

.tabox .hd li img#met_off{ display:none;}
.tabox .hd li.on{ color:#ec172d;}
.tabox .hd li.on span{ border:#ec172d 2px solid; }
.tabox .hd li.on img#met_off{ display:block; visibility:visible}
.tabox .hd li.on img#met_on{ display:none; visibility:hidden}



.tabox .lh li{ position:relative; float:left; margin-right:7px; margin-bottom:17px;  overflow:hidden; text-align:center; }
.tabox .lh li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}

.tabox .lh li:hover img{ transform: scale(1.08);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.08);  
                -webkit-transform: all 1s ease 0s;
}


.met_f36{ font-size:36px;}


.met_h30{ clear:both; height:30px; position:static}

/*优势*/
.met_yl{ width:570px; overflow:hidden; position:relative; border-top:#e8e8e8 2px solid; padding-top:40px; color:#111111; font-size:24px;}
.met_yl dt{ position:relative; width:80px; height:120px; line-height:1.1; text-align:center; color:#fff; border-radius:5px; padding-top:15px; background-color:#e32c29; font-size:36px; margin-bottom:20px; float:left; }
.met_yl dt span{ display:block; padding-top:25px; font-size:30px;}
.met_yl h3{ font-size:30px; color:#000; margin-bottom:10px; }
.met_yl dd{ position:relative; top:0px; margin-left:110px; line-height:1.4;}

.met_you_li{ clear:both; display:block; height:280px; overflow:hidden; margin-bottom:38px;}
li.met_li_on{ border-bottom:none;}
.met_you_ul{ background-color:#fff; padding:60px 0; clear:both;}


/*首页合作品牌*/

.met_hezuo{ text-align:center; clear:both}
.met_hezuo img{ display:block; margin:0 auto}
.met_hz_t{ font-size:38px; text-align:center; color:#111; padding:40px 0;  padding-top:0px; position:relative; font-weight:normal}
.met_hz_tb{ width:84px; height:5px; background-color:#0b0d2f; margin:0 auto; margin-top:15px; display:block }

.met_hz_t2{ text-align:center; padding-top:90px; padding-bottom:57px;}


/*首页客户见证*/
.met_jz_t{ text-align:center;}

.met_jz{ width:1310px; margin:0 auto; padding-top:60px; overflow:hidden}

.met_scrollbox{ position:relative;clear:both;width:1310px;height:400px; overflow:hidden; margin:0 auto; }

.met_scrollbox #arrLeft,.met_scrollbox #arrRight{ width:42px; z-index:333; height:45px; overflow:hidden; margin-top:150px;}
.met_scrollbox #arrLeft{ float:left; position:absolute; left:0px; }
.met_scrollbox #arrRight{ float:right; position:absolute; right:0px;}
#scrollbox_yp ul {overflow:hidden;}
#scrollbox_yp{ width:1200px;height:400px;float:left; margin-left:55px;  overflow:hidden}
#scrollbox_yp ul LI {width:384px; height:400px;text-align:center; font-size:24px;float:left; margin:0 8px;overflow:hidden; position:relative}
#scrollbox_yp ul LI img{ display:block}

.met_fc_title{ line-height:80px; height:80px; overflow:hidden; color:#181818; text-align:center; width:100%;}

/*首页工程案例*/
.met_case{ padding:30px 0; position:relative; display:block}
/*工程案例*/
.tabox_case{ clear:both;width:1200px; margin:0 auto}
.tabox_case .hd{ width:100%; text-align:center; height:45px; font-size:24px;}
.tabox_case .hd li{line-height:40px; height:40x; display:inline-block!important; margin:0 15px; background-color:#fff; color:#232323; padding:0 20px; border-radius:15px; border:#0a59a6 1px solid;  text-align:center; cursor:default;}
.tabox_case .hd li.on{ color:#fff; background-color:#ec172d; border:#ec172d 1px solid;}
.tabox_case .hd li.last{ background:none}
.tabox_case .bd{ width:1200px; margin:0 auto;padding-top:25px;}
.tabox_case .lh{clear:both; margin:0 auto; position:relative;}

.met_case_ul01{}

.met_case_ul01 li{ width:388px; height:230px; margin-bottom:20px; text-align:left; margin-right:8px; overflow:hidden; position:relative; float:left;}
.met_case_ul01 li img{ margin:0 auto; width:388px; height:230px;}
.met_case_ul01 li.first{ width:794px; height:482px; overflow:hidden;}
.met_case_ul01 li.first img{width:794px; height:482px; }

.met_case_title{ width:100%; padding:0 10px; font-size:18px; z-index:333; height:50px; line-height:50px; position:absolute; bottom:0px;background-color:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); display:none;}
.met_case_title p{ color:#fff; z-index:6666}
.met_case_ul01 li:hover .met_case_title{ display:block;}

.met_case_ul02{ clear:both;}
.met_case_ul02 li{ width:387px; height:282px; margin-bottom:20px; text-align:left; margin-right:15px; overflow:hidden; position:relative; float:left;}
.met_case_ul02 li img{ margin:0 auto; width:387px; height:282px;}
.met_case_ul02 li.last{ margin-right:0px;}
.met_case_ul02 li:hover .met_case_title{ display:block;}

.met_case_tel{width:387px;  height:282px;font-family:"方正综艺"; margin-right:8px; padding:80px 20px 0; color:#fff; box-sizing:border-box; overflow:hidden; background-color:#0a59a6; font-size:30px; line-height:1.1; text-align:left;}
.met_case_tel img{ display:inline-block; margin-right:10px; vertical-align:top; margin-top:0px;}
.met_case_tel div{ display:inline-block;}

.met_case_tel span{ display:block; color:#ffff00; font-size:25px; }


/*首页关于我们*/
.met_about{ overflow:hidden; line-height:2.0; font-size:22px;}
.met_about_m{ width:656px; height:660px; padding:20px 35px; padding-top:30px;box-shadow:0 0 20px #e8ebef; border-radius:5px; box-sizing:border-box; overflow:hidden; margin:10px; }
.met_mt30{ margin-top:30px;}
.met_about_m img{ display:block; max-width:100%; margin-bottom:36px;}

.met_about_m2{ width:726px; overflow:hidden; color:#666;line-height:1.8; font-size:18px; }
.met_about_m2 img{ display:block; max-width:100%!important; margin-top:23px;}
.met_about_m2 a{ background-color:#e10602; color:#fff; text-align:center; padding:8px 50px; margin-top:15px; display:inline-block}


.met_ly_t{ background:url(../img/lyt_bck.jpg) no-repeat top center; text-align:center; height:288px; padding-top:92px; box-sizing:border-box; overflow:hidden;}



/*首页生产环境+风采+资质*/

.tabox_horn{ clear:both; width:1160px; background-color:#fff; padding:20px; margin:0 auto;  margin-bottom:20px;}
.tabox_horn .hd{ width:100%; text-align:center; height:45px; font-size:24px;}
.tabox_horn .hd li{line-height:40px; height:40x; display:inline-block!important; margin:0 10px; background-color:#e2e2e2; color:#3f3f3f; padding:0 30px;  text-align:center; cursor:default;}
.tabox_horn .hd li.on{ color:#fff; background-color:#0055ff; }
.tabox_horn .hd li.last{ background:none}
.tabox_horn .bd{padding-top:25px;}
.tabox_horn .lh{clear:both; margin:0 auto;}
/*首页滚动产品*/
.met_pro_bck{ background:url(../img/pro_bck.jpg) no-repeat center top; height:1159px;}
.met_scrollbox_jz{ position:relative;clear:both;width:1292px;height:718px; overflow:hidden; margin:0 auto; }
.met_scrollbox_jz #arrLeft_jz,.met_scrollbox_jz #arrRight_jz{ width:20px; z-index:333; height:35px; overflow:hidden; margin-top:359px;}
.met_scrollbox_jz #arrLeft_jz{ float:left; position:absolute; left:0px; }
.met_scrollbox_jz #arrRight_jz{ float:right; position:absolute; right:0px;}
#scrollbox_jz{ width:1240px;height:718px;float:left; margin-left:24px; overflow:hidden}
#scrollbox_jz ul {overflow:hidden;}

.met_jz_ul LI {width:370px; height:718px; text-align:center; font-size:18px;float:left; margin:0 22px;overflow:hidden; position:relative}
.met_jz_ul LI img{ display:block;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_jz_ul LI img:hover{ transform: scale(1.05);  
                transition: all 1s ease 0s;  
                -webkit-transform: scale(1.05);  
                -webkit-transform: all 1s ease 0s;  }
.met_jz_ul LI a{ display:block;}
.met_jz_ul h3{ color:#fff; font-weight:normal; line-height:40px; height:40px; overflow:hidden; text-align:left; font-size:18px;}

.met_pro_box{width:370px; height:340px; text-align:center; overflow:hidden; display:block; margin-bottom:40px;}
.met_img_box{ width:370px; height:300px; padding:10px; box-sizing:border-box; background-color:#fff; border-radius:2px; overflow:hidden; text-align:center;}


/*首页新闻*/
.met_new_bck{ height:644px; background:url(../img/new_bck.jpg) no-repeat center top; clear:both}
.tabox_new{ width:1200px; overflow:hidden; padding-top:100px;}
.tabox_new .hd{ width:320px; margin:0 auto; text-align:center; height:40px;  font-size:20px;}
.tabox_new .hd li{line-height:40px; height:40px; width:160px; float:left;background-color:#ffffff;overflow:hidden; color:#111;  text-align:center; cursor:default;}
.tabox_new .hd li.on{ color:#fff; line-height:40px; height:40x; background-color:#e10602;}
.tabox_new .hd li#add{ border-right:none;}
.tabox_new .hd li.last{ background:none}
.tabox_new .bd{ width:100%; margin:0 auto;padding-top:60px;}
.tabox_new .lh{clear:both; margin:0 auto; position:relative;}

.met_new_tou{ min-height:180px; font-size:16px; margin-bottom:10px; width:560px; float:left;overflow:hidden;  }
.met_new_tou img{ display:block;}
.met_new_tou div{ width:560px; height:249px; background-color:#fff; overflow:hidden; text-align:center;}
.met_new_tou div img{ max-width:560px; max-height:249px; margin:0 auto }



.met_new_tou h3{ font-size:18px; font-weight:normal; color:#fff; margin-top:10px; margin-bottom:5px; line-height:30px; height:30px;  overflow:hidden;}
.met_new_tou h3 span{ float:right; margin-left:8px; font-size:14px;}
.met_new_tou p.info{  overflow:hidden; color:#b9bbc2; font-size:14px;}

.met_new_ul{width:600px; float:right; font-size:18px; font-size:14px; color:#e1e1e1;}
.met_new_ul dl{height:75px; padding-bottom:24px; margin-bottom:20px; border-bottom:#505157 1px solid; display:block; overflow:hidden; }
.met_new_ul dl dt{ width:82px; height:75px; position:relative; left:0px; top:0px; float:left; line-height:1.2; border:#4f4e58 1px solid; text-align:center; font-size:16px;}
.met_new_ul dl dt span{ font-size:36px;}
.met_new_ul dl:hover dt{border:#e10602 1px solid; }
.met_new_ul dl dd{ position:relative; margin-left:95px;}
.met_new_ul dl dd h3{ line-height:30px; height:30px; font-weight:normal; padding-bottom:6px; overflow:hidden; font-size:18px;}
.met_new_ul dl dd p{ line-height:1.3;}
.met_new_ul a{ color:#fff;}
.met_new_ul a:hover{ color:#e10602}

/*首页常见问题*/
.met_wenti{ width:444px; height:450px;border-radius:5px; border:#626262 1px solid; padding:20px; box-sizing:border-box; overflow:hidden;}

.met_cj_title{ display:block; height:40px; line-height:40px; margin-bottom:30px; font-weight:normal;}
.met_cj_title span{ overflow:hidden;height:40px; line-height:40px;display:inline-block!important; border-radius:15px;background-color:#ec172d; color:#fff; padding:0 20px;}
.met_cj_title  a.met_more{ float:right; margin-top:0px;}

/*定时滚动新闻*/

#up_zzjs{ width:398px;height:330px; margin:0 auto;overflow:hidden;}
#up_zzjs #up_li{ display:block; height:105px; border-bottom:#ec172d 1px dashed; padding-bottom:20px; margin-bottom:20px;overflow:hidden;}


/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/
#up_zzjs #up_li a{}
#up_li h3{ height:32px; line-height:32px; overflow:hidden; font-weight:normal; margin-bottom:10px;}
.met_wen_ico{ background-color:#0a59a6; color:#fff; font-size:20px; text-align:center; border-radius:50%; width:32px; height:32px; display:inline-block!important;  margin-right:10px; }
.met_da_ico{ background-color:#ec172d; display:inline-block!important; position:absolute; left:0px; top:0px;color:#fff; font-size:20px; text-align:center; border-radius:50%; width:32px; height:32px }
#up_li .met_info{ height:70px;  overflow:hidden; line-height:1.2; position:relative}
#up_li .met_info .met_info2{ position:relative; color:#272727; top:0px; left:40px;}



.met_title_h3{ font-size:30px; font-weight:normal; padding-bottom:15px; border-bottom:#b5b5b5 1px solid; color:#00349c}
.met_title_h3 #more{ font-size:18px; margin-top:20px;}

/*留言板*/
.met_form{height:400px; width:540px; margin-left:30px; font-size:16px; float:left; overflow:hidden;}
.met_form h4{ font-size:18px; color:#000; padding-bottom:30px;}
.met_form .v52fmbx{ width:100%; overflow:hidden;}

.met_form .met_f_dl5{ width:50%; box-sizing:border-box; overflow:hidden; float:left; }
.met_form .v52fmbx dl{ position:relative; width:100%; box-sizing:border-box; overflow:hidden; padding:5px 0;}
.met_form .v52fmbx div.met_fdl2{ padding-left:18px;}
.met_form .v52fmbx dl dt{padding:5px 0px;width:95px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.met_form dl.noborder{ position:relative; padding-top:30px;}
.met_form .met_submit{ background-color:#e10602; font-size:16px; margin-top:5px;color:#fff; padding:0 40px; border:none; line-height:40px; height:40px;}


.met_form .met_submit:hover{background:#00349c}
.met_form .met_submit.active{background:#00349c}
.met_form .met_submit2{ background-color:#9b9b9b; font-size:16px; margin-top:5px;color:#fff; padding:0 40px; border:none; line-height:40px; height:40px;}
.met_form .met_submit2:hover{background:#00349c}
.met_form .met_submit2.active{background:#00349c}

.met_form .v52fmbx .ftype_code input{ width:60px; float:left; overflow:hidden}
.met_form .v52fmbx .ftype_code img{ float:left; width:80px; margin-top:3px;}

.met_form .v52fmbx .ftype_input .fbox input{width:135px;overflow:hidden;height:30px;line-height:30px;padding:0px 5px;border:1px solid #b8b8b8; background:#fff;color:#666;outline:0;}
.met_form .ftype_textarea textarea{width:428px;line-height:1.5;height:80px;padding:2px 5px;border:1px solid #a0a0a0;background:none;color:#666;outline:0}

.met_f_tel{ width:260px; background-color:#fff; text-align:center; border:#f1abaa 9px solid; border-radius:5px; height:380px;font-size:18px; padding:30px 30px 0 30px; box-sizing:border-box; overflow:hidden;}
.met_f_tel a{ display:block; width:100%; background-color:#0110fe; line-height:40px; height:40px; overflow:hidden; color:#fff; margin-bottom:35px;}
.met_f_tel a.a2{ background-color:#e10602;}
.met_f_tel a:hover{ background-color:#e10602;}
.met_f_tel a.a2:hover{ background-color:#0110fe;}
.met_f_tel img{ margin-top:30px;}
.met_f_tel p{ padding-bottom:5px;}