@font-face {
font-family: 'akzidenzgrotesk';
src: url('../fonts/akzidenzgrotesk-mediumcondalt-webfont.eot');
src: url('../fonts/akzidenzgrotesk-mediumcondalt-webfont.eot#iefix') format('embedded-opentype'),
url('../fonts/akzidenzgrotesk-mediumcondalt-webfont.woff') format('woff'),
url('/templates/metx5/images/fonts/akzidenzgrotesk-mediumcondalt-webfont.ttf') format('truetype'),
url('/templates/metx5/images/fonts/akzidenzgrotesk-mediumcondalt-webfont.svg#NeuesBauenDemo') format('svg');}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body ,html{height:100%;width:100%; background:#fff; color:#555; font-size:14px; font-family: Arial; line-height:25px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
.cl{clear:both}
.clearfix { *zoom:1; }
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1200px;}
header.tem_headborder{border-bottom:1px solid #ddd;}
header section{border-bottom:1px solid #e7e8ed;background:#f7f8fa;}
.tem_head{min-height:64px;}
.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;}
header h1{display:inline;}
.lan{position:absolute;right:0px;top:0px;width:132px;height:65px;background:url(../lanbg.jpg) no-repeat;z-index:9999;overflow:hidden;}
.fl{float:left;}
.fr{float:right}
/*nav*/
.intnav{text-align:left;top:-20px;}
.intnav dd:hover,.intnav dd.hover{background:#ecb133}
.intnav dd{display:inline-block;line-height:40px;padding:0 10px;text-align:center;background:#212121;margin:0 10px;color:#fff;}
/*index*/
.inservice a{color:#fff;}
.inservice{height:60px;text-align:center;background:#212121;position:relative;z-index:22;}
.inservice img{position:relative;left:3px;}
.inservice-list{border-right:1px solid #e6e6e6;}
.inservice-list .inser-info{width:199px;border-left:1px solid #e6e6e6;height:130px;position:relative;float:left;}
.inservice-list .inser-info:hover,.inservice-list .inser-info.hover{background:#3a3a3a;color:#fff;}
.inservice-list .inser-info i{display:block;margin:30px auto 15px;width:48px;height:36px;background-image:url(../servicelist.png);background-repeat: no-repeat}
.inservice-list .inser-info {text-align:center;}
.inservice-list .inser-info .inser-pic1{background-position:0px 0px}
.inservice-list .inser-info .inser-pic2{background-position:-200px 0px}
.inservice-list .inser-info .inser-pic3{background-position:-400px 0px}
.inservice-list .inser-info .inser-pic4{background-position:-600px 0px}
.inservice-list .inser-info .inser-pic5{background-position:-800px 0px}
.inservice-list .inser-info .inser-pic6{background-position:-1000px 0px}
.inservice-list .inser-info:hover .inser-pic1{background-position:0px -36px}
.inservice-list .inser-info:hover .inser-pic2{background-position:-200px -36px}
.inservice-list .inser-info:hover .inser-pic3{background-position:-400px -36px}
.inservice-list .inser-info:hover .inser-pic4{background-position:-600px -36px}
.inservice-list .inser-info:hover .inser-pic5{background-position:-800px -36px}
.inservice-list .inser-info:hover .inser-pic6{background-position:-1000px -36px}

.inservice-line{height:1px;background:#e6e6e6;}

.inpronav {text-align:center;}
.inpronav a{display:inline-block;padding:0 20px;line-height:40px;background:#fff;color:#333;border:1px solid #333}
.inpronav a:hover,.inpronav a.hover{background:#f9b015;color:#fff;border:1px solid #f9b015}

/*incase*/
.tem_index_case{background:#ffffff;padding:50px 0 30px;}
.incase-tit{font-size:37px;color:#393a3b;text-align:center;}
.incase-tit2{font-size:14px;color:#393a3b;text-align:center;margin:10px 0;}
.pro-star{width:200px;height:22px;position: absolute;bottom: 35px;left: 0px;font-size:12px;}
.tem_index_case_list ul.slides li{float:left;list-style:none;}
.tem_index_case_list .tem_list{float:left;width:275px; margin:20px 10px 10px;border-bottom:4px solid #fff;}
.tem_index_case_list .tem_list:hover{border-bottom:4px solid #ecb133}
.tem_index_case_list .tem_list dt{ text-align:center;font-size:0; }
.tem_index_case_list .tem_list dt a{display:block;overflow:hidden;margin:0 auto;}
.tem_index_case_list .tem_list dt img{width:270px}
.tem_index_case_list .tem_list dt a:hover img{}
.tem_index_case_list .tem_list dd{position:relative;}
.tem_index_case_list .tem_list:hover dd .promore{background:#c9c9c9;color:#fff;}
.tem_index_case_list .tem_list dd .promore{width:32px;height:32px;line-height:30px;bordeR:1px solid #c9c9c9;text-align:center;font-size:20px;color:#c9c9c9;position:absolute;right:20px;top:30px;}
.tem_index_case_list .tem_list h3{margin:0 auto;height:80px;background:#fff;text-align:left;font-weight:normal;line-height:22px;padding:0px 0px 25px;}
.tem_index_case_list .tem_list h3 a{color:#3c4144;font-size:14px;}
.tem_index_case_list .tem_list h3 a:hover{color:#3c4144;}
.tem_index_case_list .flex-control-nav{margin-top:30px;}
.margincenter{margin:0 40px;}
.tem_index_case .flex-control-paging li a{width:40px;bordeR:0px;background:#1b1a1d;}
.tem_index_case .flex-control-paging li a.flex-active{width:60px;background:#e99b12;border:0px;}
/*INNEWS*/
.innews{padding:50px 0;text-align:center;}
.innews-tit{font-size:36px;font-weight:bold;color:#626868}
.innews-tit2{width:200px;margin:auto;color:#a3a7a7;}
.innews ul li{width:380px;padding:0 10px;text-align:left;float:left;margin-top:20px;}
.innews ul li .newsline{width:35px;height:1px;background:#b9b9b9;margin:20px 0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.innews ul li:hover .newsline{width:100%;height:1px;background:#edbd6b;margin:20px 0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.innews ul li .newstime{color:#b9b9b9;font-size:34px;font-family:akzidenzgrotesk;}
.innews ul li .newstit{font-size:16px;color:#2b2b2b;height:25px;overflow:hidden;margin-top:20px;}
.innews ul li .newsinfo{color:#757575;font-size:14px;height:75px;}
.innews ul li .newsjt{width:35px;height:35px;background:url(../newsjt.jpg) center 0px ;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;margin-top:25px;}
.innews ul li:hover .newsjt{width:35px;height:35px;background:url(../newsjt.jpg) center -35px ;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

/*inabout*/
.inabout{width:100%;height:550px;position:relative;background:#333;}
.inaboutleft{width:50%;position:absolute;height:100%;background:url(../inabout.jpg) right center;}
.inaboutnav{padding-top:200px;}
.inaboutnav a{display:block;width:160px;height:40px;text-align:center;line-height:40px;background:#fff;color:#000;margin:5px 0;}
.inaboutnav a:hover{background:#ebbe68;color:#fff;}
.inaboutright{margin:30px 0 0 55px;width:510px;}
.inaboutright-list{padding:5px 0;border-top:1px solid #414141;border-bottom:1px solid #414141;margin:20px 0 35px;}
.inaboutright-list div{width:150px;height:90px;background-position:0px 0px;float:left;}
.brandlist1{background-image:url(../brand1.jpg);}
.brandlist2{background-image:url(../brand2.jpg);margin:0 30px;}
.brandlist3{background-image:url(../brand3.jpg);}
.brandlist1:hover{background-image:url(../brand1.jpg);background-position:0px -90px;}
.brandlist2:hover{background-image:url(../brand2.jpg);background-position:0px -90px;}
.brandlist3:hover{background-image:url(../brand3.jpg);background-position:0px -90px;}
.inaboutright-info{color:#b3b2b2;}
/*about*/
.about{padding:30px 0;width:1000px;margin:auto;}
.rylist img{width:247px}
.about hr{margin-top:20px;}
.about strong{font-weight:bold;line-height:35px;font-size:18px;}
/*news*/
.newslist li i{width:35px;height:35px;background:url(../newsjt.png) no-repeat -32px 10px ;display:block;position:absolute;    left: 0px; top: 75px;}
.newslist li:hover i{background:#21b8ce url(../newsjt.png) no-repeat 10px 10px ;}
.nwesline{width:45px;background:#cbcbcb;height:1px;position:absolute;left:80px;top:45px;}
.newslist li:hover .nwesline{width:75px;}
.newslist li.list_3:hover{padding:30px 300px 30px 220px;}
.newsnav a{display:block;font-size:14px;line-height:45px;color:#333;float:left;margin:0 10px;}
.met_module1{padding:0px 10px 30px}
.met_module1 .newslist{margin-top:30px;padding:0px;}
.met_module1 .newslist li{border-bottom:1px solid #e9e9e9;padding:30px 30px 30px 200px;position:relative}
.newslist li .time{color:#a8a8a8;font-weight:bold;font-size:24px;position:absolute;left:0px;top:25px;z-index:2;}
.newsimg{position:absolute;right:0px;top:30px;}
.met_module2 h1.met_title{font-size:12px;padding:10px 5px 15px;text-align:left;font-weight:normal;color:#4e4e4e;line-height:40px;}
.met_module2 h1.met_title span{font-size:24px;color:#a8a8a8;float:left;}
.met_module1 .newslist li .newsjt{position:absolute;left:0px;top:60px;}
.newslist li h2 a{color:#484848;font-size:14px; }
.newslist li p{color:#6e6e6e;font-size:12px;height:85px;overflow:hidden;line-height:30px;margin-top:15px; }
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;border-bottom:1px dotted #bbbaba;text-align:center;}
.met_module2 .met_time{font-size:24px;}
.met_tools{border-top:1px dotted #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:90px;line-height:20px}
.met_tools .met_page{clear:both;position:absolute;left:5px;top:20px;color:#818181}
.met_tools .met_page li{ display:block; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}

/*contact*/
.contact{margin:30px auto 0;}
.contact .contit{font-size:24px;color:#484f52;text-align:center;}
.contact .contit2{font-size:14px;color:#999c9d;text-align:center;}
.coninner{float:left;width:395px;margin:80px 0 50px;}
.coninner p{padding:0 40px;}
.conline{height:1px ;width:100%;background:#d7d7d7}
.mapbut{width:200px;height:40px;line-height:40px;border-radius:20px;background:#212121 url(../mapbut.jpg) left 30px center no-repeat;text-align:center;color:#fff;padding-left:15px;margin:auto;position:relative;top:-20px;cursor:pointer;}
/*footer*/
#map{width:1200px !important;height:300px;}
.tem_footer dl{float:left;width:275px;padding-left:20px;border-left:1px solid #343434;height:165px;}
.tem_footer dl dt{color:#222;margin-bottom:20px}
.tem_footer dl dd{color:#6d6d6d;font-size:12px;line-height:35px;width:235px;}
.tem_footer dl dd:hover{color:#fff}
.tem_footer dl dd span{color:#212121}
.tem_footer dl dd a{color:#6d6d6d}
.share{position:relative;float:left;padding:0 0px;}
.bdsharebuttonbox {float:left;width:295px;margin-right:20px;}
.bdshare-button-style0-32{padding:0px 0px;}
.bdshare-button-style0-32 a{opacity:.5}
.bdshare-button-style0-32 a:hover{opacity:1}
.bdshare-button-style0-32 .bds_more{display:none !important;}
.share .bdshare-button-style0-32 a{width:32px;height:32px;background-image:none;}
.share .bdshare-button-style0-32 .bds_qzone{background:url(../kj.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_bdhome{background:url(../bd.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_tsina{background:url(../wb.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_tqq{background:url(../txwb.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_weixin{background:url(../wx.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_fbook{background:url(../fb.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_twi{background:url(../tt.png);background-size:cover}
.share .bdshare-button-style0-32 .bds_linkedin{background:url(../ly.png);background-size:cover}
.top{cursor:pointer;}
.tem_footer_text{color:#6d6d6d;font-size:12px;float:left;}
.tem_footer_nav{color:#6d6d6d;font-size:12px;float:right}
.tem_footer{background:#212121;padding:40px 0 0;}
/*job*/
.injob{width:1000px;position:relative;margin:40px auto}
.injob dt{font-size:30px;color:#505050;line-height:35px;border-bottom:1px solid #d1d1d1;padding-bottom:10px;}
.injob dt span{display:block;height:35px;line-height:35px;background:#21b8ce;float:right;width:100px;text-align:center;font-size:14px;border-radius:5px;}
.injob dt a{color:#fff;}
.injob .mis{line-height:30px;padding:5px 0;}
.injob .met_editor{padding:20px 0;border:1px solid #aab2b8;border-left:10px solid #aab2b8;color:#505050;margin:0px 0 20px 0;}



/*pro*/
.prosearch{width:700px;background:#fff;overflow:hidden;margin:auto;position:absolute;top:50%;left:50%;height:40px;overflow:hidden;margin:-20px 0 0 -350px;}
.prosearch .navsearch_input{float:left;}
.prosearch .navsearch_input input{width:600px;color:#333;padding-left:10px;height:40px;background:#fff;border:0px;}
.probanner{position:relative;height:100px;background:#212121 }
.product{padding:30px 0;margin-top:10px;}
.prolist {width:765px;float:right;}
.pronav{text-align:center;}
.pronav a {display:inline-block;margin:0 27px;color:#fff;}
.pronav a img{display:block;}
.pronav  {width:1200px;line-height:38px;position:relative;right:0px;top:35px;z-index:999;border-radius:5px;}
/*productshow*/
.productshow{width:1200px;margin:30px auto;background:#fff;}
.detailmain_img{background:#fff;}
.zoom-section{ position:relative; z-index:2; } 
#zoomcont{ position:relative;float:left; height:350px; width:105px; overflow:hidden;}
.zoom-desc{height:10000px; position:absolute;}
.zoom-desc img{ width:100px; height:75px;border:3px solid #aeb0b4;}
.zoom-small-image{ margin:0;border:1px solid #e1e1e1;width:502px;height:377px;float:left;}
.zoom-small-image img{width:500px;height:375px;}
.zoom-tiny-image{ } 
.cloud-zoom-lens {border: 1px solid #888; margin:-1px; background-color:#fff;cursor:move;} 
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif; position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;} 
.cloud-zoom-big {border:1px solid #ccc; overflow:hidden;} 
.cloud-zoom-loading {color:white;background:#222; padding:3px; border:1px solid #000;}
.arr_r{ background:#484c4e url(../arr_r.png) center no-repeat; height:25px; width:50px;  float:right;}
.arr_l{ background:#484c4e url(../arr_l.png) center no-repeat; height:25px; width:50px;  float:left;}
.prodetailmain{width:500px;}
.doorsname{font:bold 18px "Arial";margin:15px 15px;color:#2e373d;}
.doorstype,.doorsdate{font:normal 12px "Arial";margin:0px 15px;width:400px;}
.proadd{width:960px;height:40px;background:#4b5961;}
#currimg img{border:3px solid #000;}
.proinfo{width:485px;padding:0 30px;margin-left:20px;}
.com{margin-top:25px;color:#65af7e;font:bold 20px/50px Arial, Helvetica, sans-serif;}
.comline{height:5px;background:url('/templates/metx5/images/images/debg.jpg')}
.hov{background:url('/templates/metx5/images/images/menubg.jpg')5px  15px no-repeat;overflow: hidden;}
.hov a{color:#bc2b1f;}
.infotit{font:bold 15px/32px "Arial";color:#484c4d;margin-bottom: 10px;}
.proinfo li{line-height:35px;font-size:14px;color:#595959;border-bottom:1px dotted #595959;}
.detail{color:#fff;font-size:16px;line-height:40px;color:#db0909;margin:10px 0;}
.productinfo{background:#fff;padding:10px;font-size:16px;font-weight:500;}
.productinfo img{width:100%;font-size:0px;display: block;}
.xgcp{line-height:40px;padding:0 10px;background:#fff; color:#484c4e;border-bottom:1px solid #e0e0e0}
.protable table {border-lefT:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;border-spacing: 0px;
    border-collapse: collapse !important;font-size:14px;width:400px !important;margin-top:20px;}
.protable table td{border-right:1px solid #D6D6D6;border-top:1px solid #D6D6D6;padding: 0 0 0 5px;line-height:30px;margin:0px;border-spacing: 0px;
    border-collapse: collapse !important;}
.probut{width:150px;height:50px;line-height:50px;background:#454545;color:#333;font-size:24px;color:#fff;margin-top:30px;text-align:center;}
.pro_page{border-top:1px dotted #1e1c1b;margin-top:30px;border-bottom:1px dotted #1e1c1b;}
.pro_page dd{height:40px;width:440px;float:left;padding:15px 70px;margin:15px 0;border:0px;}
.pro_page dd a{color:#333;}
.pro_page dd:hover{color:#fff;background:#484c4e}
.pro_page dd:hover span{color:#fff;}
.pro_page dd.met_page_preinfo{background-image:url(../last.png); background-position:20px 15px ;background-repeat:no-repeat;margin-right:20px}
.pro_page dd.met_page_next{text-align:right;background-image:url(../right.png); background-position:525px 15px ;background-repeat:no-repeat;width:439px;margin-left:20px;}
.pro_page dd p{color:#ebf9f0;font-size:14px;line-height:15px}
.pro_page dd span{font-size:14px;color:#333;display:block;line-height:20px;}
.pro_page .pageline{width:1px;height:70px;position:relative;float:left;background:#b7b7b7;top:15px;}


/*pager*/
.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{border:1px solid #cbcfd5;background:#cbcfd5;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#333}
.met_pager a:hover{border:1px solid #333;color:#fff;background:#333}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#cbcfd5;color:#333;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#333}
.met_pager .Ahover{font-weight:bold;background:#333;color:#fff}
.met_pager .PageText{margin-left:10px;color:#333}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #cbcfd5;color:#333}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
/*feedback*/
#messagelist form div{float:left;margin: 10px;position:relative}
#messagelist form .formerror{     position: absolute;
    right: -34px;
    top: 0px;
    width: 20px;
    overflow: hidden;
    height: 18px;
	color:#f12315;
	}
#messagelist div input{width:548px;height:40px;line-height:40px;background-color:#ededed;border:1px solid #ededed;padding-left:20px;background-position:right center;background-repeat:no-repeat;font-family:Arial;}
#messagelist .input1 input{background-image:url(../f1.jpg);}
#messagelist .input2 input{background-image:url(../f2.jpg);}
#messagelist .input3 input{background-image:url(../f3.jpg);}
#messagelist .input4 input{background-image:url(../f4.jpg);}
#messagelist .input5 input{background-image:url(../f5.jpg);}
#messagelist .input6 input{background-image:url(../f6.jpg);}
#messagelist div textarea{width:1139px;height:100px;line-height:24px;border-radius:5px;background-color:#ededed;border:1px solid #ededed;padding-left:20px;background-position:right top;background-repeat:no-repeat;}
#messagelist .input7 textarea{background-image:url(../f7.jpg);font-family:Arial;}
#messagelist .input8 input{width:220px;line-height:32px;height:32px;margin-right:30px;}
#messagelist .input8 img{height:32px;}
#messagelist .submit2{margin-top:-20px;width:150px;height:36px;line-height:36px;padding:0px;color:#3a3a3a;font-size:16px;font-family:Arial;float:left;border:2px solid #d5d5d5;text-align:center;}

#messagelist .noborder dd input{width:150px;height:40px;line-height:40px;background:#ecbe68;padding:0px;color:#fff;font-size:16px;font-family:Arial;margin:-20px 10px 10px 10px;float:left;border:0px;}
.subbor{border:2px solid #f12315;width:146px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#f12315;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #333; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #333; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #333; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #333; 
} 


/*gcsj*/
.gcsj li{display:inline-block;font-size:14px;color:#212121;margin:0 15px;border-bottom:1px solid #fff;}
.gcsj li strong{display:block;font-size:12px;color:#9d9d9d;}
.gcsj li:hover{border-bottom:1px solid #edbd6b;}
.jscs h2{font-size:18px;line-height:50px;border-bottom:1px solid #d2d2d2;color:#212121;text-align:center;}
.jscs h2 span{float:right}
.jscs p{line-height:25px;}
.jscs span{color:#d20c0c}