@charset "utf-8";
html,body{background:#fff;color:#333;font:12px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;color:#021C50;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1100px;}

ul,li{list-style:none;}

.tem_top{height:442px;border-bottom:4px #0347e3 solid;background:url(../tem_top.jpg) top center no-repeat;}
.tem_top h2,.tem_top h1{height:135px;float:left;display:table;}
.tem_top h2 a,.tem_top h1 a{display:table-cell;vertical-align:middle;}
.tem_lang{float:right;padding-top:40px;}
.tem_lang>div>a{text-transform:Uppercase;background:#014fff;width:70px;height:24px;text-align:center;float:left;margin-right:10px;color:#fff;line-height:24px;}
.tem_lang>div>a.nowlang{background:#021c50;}
.tem_lang>span{float: right;display: block;padding: 20px 10px;width:100%;}
.tem_lang>span>img{float:right;}
.tem_menu{width:1106px;height:46px;border:2px solid #0448e1;float:left;}
.tem_menu ul li{float:left;line-height:46px;width:130px;text-align:center;position: relative;z-index: 99;}
.tem_menu ul li a{display:block;text-transform:Uppercase;}
.tem_menu ul li dl{margin-top:2px;display:none;}
.tem_menu ul li:hover dl{display:block;}
.tem_menu ul li dd a{background:#021c50;display:block;height:36px;line-height:36px;color:#014fff;width:210px;border-bottom:1px #000 solid;}
.tem_menu ul li dd a:hover{color:#fff;}
.tem_menu ul li>a.navdown,.tem_menu ul li:hover>a{
 color:#fff;
 background-image:radial-gradient(circle, #0149ea, #021c50);
	/* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #0149ea, #021c50);
 /* Safari 4-5, Chrome 1-9 */
 /* Can't specify a percentage size? Laaaaaame. */
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#0149ea), to(#021c50));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #0149ea, #021c50);   
}

.transition,.tem_csa li a:before{transition: all .2s;
-moz-transition: all .2s;	/* Firefox 4 */
-webkit-transition: all .2s;	/* Safari 和 Chrome */
-o-transition: all .2s;	/* Opera */}

a.more{width:42px;height:42px;display:block;border:3px #021c50 solid;line-height:42px;text-align:center;font-size:11px;}
a.more:hover{background:#021c50;color:#fff;}
a.morer{width:42px;height:42px;display:block;border:3px #fff solid;line-height:42px;text-align:center;font-size:11px;color:#fff;}
a.morer:hover{background:#fff;color:#021c50;}

.tem_banner{position:absolute;overflow:hidden;text-align:center;font-size:0;top:200px;padding: 10px 0px;}
.tem_banner .bd{width:1100px;margin:0 auto;box-shadow: 0px 0px 10px -5px #000;position: relative;}
.tem_banner .bd .prev,.tem_banner .bd .next{background:url(../prxt.png) no-repeat;position:absolute;width:36px;height:36px;top: 43%;cursor:pointer;}
.tem_banner .bd .prev{background-position:0px -36px;left:10px;}
.tem_banner .bd .prev:hover{background-position:0 0px;}
.tem_banner .bd .next{background-position:-36px -36px;right:10px;}
.tem_banner .bd .next:hover{background-position:-36px 0px;}
.tem_banner ul { overflow:hidden; }
.tem_banner ul li{float:left;width:100%;list-style:none;background-position:50% 50%;background-repeat:no-repeat;}
.tem_banner ul li a{display:block;width:100%;height:100%;}
.tem_banner ul li img{ max-width:100%; height:auto;}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}
.tem_banner .flex-control-nav li{margin:0px;}
.tem_banner .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
.tem_banner .flex-control-nav li a.flex-active{background:#fff;}
.tem_banner .flash img{width:100%!important;}

.tem_index_about{height:329px;background:url(../tem_abo.jpg) bottom center no-repeat;padding-top:250px;}
.tem_cas{width:490px;height:300px;float:left;position: relative;}
.tem_cas .bd .prev,.tem_cas .next{width:14px;height:27px;background:url(../next.png) no-repeat;position:absolute;bottom:20px;z-index:99}
.tem_cas .bd .prev{left:10px;background-position:0px -27px;}
.tem_cas .bd .prev:hover{background-position:0 0;}
.tem_cas .bd .next{right:10px;background-position:-14px -27px;}
.tem_cas .bd .next:hover{background-position:-14px 0px;}
.tem_cas li{position:relative;}
.tem_cas li img{width:490px;height:300px;}
.tem_cas li span{position: absolute;height: 38px;background: rgba(255, 255, 255, 0.6);width: 100%;z-index: 19;bottom: 20px;left:0px;text-align:center;line-height:38px;}
.tem_abo{width:590px;height:180px;padding-top:120px;float:right;position:relative;overflow: hidden;}
.tem_abo .more{position:absolute;right:0px;top:0px;}


.tem_index_product{height:398px;background:url(../tem_pro.jpg) top center no-repeat;}
.tem_pro{width:1100px;height:259px;overflow:hidden;position:relative;padding-top:130px;}
.tem_pro li{width:219px;margin-left:1px;float:left;height:259px;text-align: center;}
.tem_pro li a{color:#fff;}
.tem_pro li img{width:219px;height:219px;}
.tem_pro li span{height:40px;line-height:40px;}
.tem_pro .hd{position:relative;width: 219px;margin: 0 auto;}
.tem_pro .hd .prev,.tem_pro .hd .next{position:absolute;width:23px;height:23px;top:100px;background:url(../nexat.png) no-repeat;z-index: 23;}
.tem_pro .hd .prev{background-position:0 -24px;left:1px;}
.tem_pro .hd .prev:hover{background-position:0 0;}
.tem_pro .hd .next{background-position:-24px -24px;right:-2px;}
.tem_pro .hd .next:hover{background-position:-24px 0;}
.tem_pro .hd:before
{ 
content: "";
position: absolute;
width: 440px;
height: 219px;
top: 0px;
left: 220px;
background: rgba(0, 0, 0, 0.6);
z-index: 19;
}
.tem_pro .hd:after
{ 
content: "";
position: absolute;
width: 440px;
height: 219px;
top: 0px;
right: 219px;
background: rgba(0, 0, 0, 0.6);
z-index: 19;
}
.tem_pro .morer{position: absolute;top: 50px;right: 0px;}

.tem_index_case{height:835px;background:url(../tem_cas.jpg) top center no-repeat;}
.tem_csa{padding-top:127px;height:308px;width:684px;float:left;position: relative;}
.tem_csa li{float:left;margin:5px 10px 5px 0px;width:161px;height:144px;overflow:hidden;position:relative;}
.tem_csa li a:before{
content: "";
position: absolute;
border:1px #a0a0a0 solid;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
.tem_csa li:hover a:before{
border:5px #021c50 solid;
}
.tem_csa li img{max-width:100%;}
.tem_csa .more{position:absolute;top:40px;right:0px;}
.tem_img{width:406px;height:406px;float: right;margin-top: 24px;position: relative;}
.tem_img .bd img{width:406px;height:406px;}
.tem_img .hd ul{position:absolute;text-align:center;width:100%;bottom:15px;}
.tem_img .hd li{width:34px;height:11px;background:#fff;display:inline-block;margin:0 5px;cursor:pointer;}
.tem_img .hd li.on{background:#024ffe;}

.tem_new{padding-top:65px;padding-left:342px;float:right;width:758px;height:298px;position:relative;}
.tem_new li{width:344px;height:149px;float:left;overflow:hidden;position:relative;padding:7px 0 0 35px;}
.tem_new li img{width:58px;height:58px;margin:1px 10px 11px;float: left;}
.tem_new li span{width:250px;;float:left;margin-top: 10px;}
.tem_new li span em{font-style:normal;width:100%;float:left;}
.tem_new li p{width:100%;float:left;margin-top: 15px;line-height: 23px;height: 46px;overflow: hidden;}
.tem_new li:hover p{text-decoration:underline;}
.tem_new .more{position:absolute;left: 300px;bottom: 10px;}

.fmbx dl{width:550px;line-height:41px;float: left;margin-bottom: 5px}
.fmbx dt{width:110px;float:left;}
.fmbx dd{width:420px;float:left;}
.fmbx .ftype_input .fbox input,.fmbx .ftype_textarea textarea{background:none;border:1px #919090 solid;width:410px;height:30px ;border-radius:0px;}
.fmbx dd .fbox .submit{width: 85px !important;height: 36px !important;line-height: 15px;color: #919090;float: right;border: 5px solid #919090;}
.fmbx dd .fbox .submit:hover{background:#919090 !important;color:#fff;}
.fmbx dd .fbox .code{width: 100px !important;float: left;}
.fmbx dd .fbox img{height: 36px;float: left;margin-left:10px;}
.fmbx .ftype_input .fbox{float:none;}
.tem_gotop{float: left;width: 100%;height: 20px;text-align: center;}

.tem_footer{position:relative;height:416px;background:url(../tem_fot.jpg) top center no-repeat;color:#4a4a4a;font-size:12px;}
.tem_footer_text{float:left;width:100%;height:40px;line-height:40px;text-align:center;color:#fff;}
.tem_footer_text p{display:inline-block;margin:0 10px;}
.tem_footer_text a{color:#fff;}
.tem_footer #messagelist{width:550px;float:left;padding-top: 40px;height: 295px;}
.tem_footer a{color:#4a4a4a;}
.tem_footer_nav{position:absolute;top:50%;right:0;margin-top:-15px;height:30px;line-height:30px;}
.tem_footer_nav a{margin-left:30px;}
.powered_by_metinfo{height:35px;background:#161616;color:#4a4a4a;text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#4a4a4a;}
.met_section{position:relative;padding:20px 0 50px;}
.met_section aside{position:relative;float:right;width:230px;}
.met_section article{float:left;margin-right:-230px;width:100%;}
.met_section article .met_article{margin-right:250px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{}
.met_section aside section h2{padding:0 20px 0 15px;height:50px;font-size:18px;line-height:50px;text-transform: Uppercase;position: relative;color:#021c50;}
.met_section aside section h2:before{content: "";
position: absolute;width: 7px;
height: 16px;
background: #021c50;
top: 18px;
left: 0px;}
.met_section aside .met_aside_list{}
.met_section aside .met_aside dl dt{height:50px;line-height:50px;background:#aaa;text-align:center;margin-bottom:1px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#021c50;}
.met_section aside .met_aside dl dt a:hover{color:#fff;
 background-image:radial-gradient(circle, #0149ea, #021c50);
	/* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #0149ea, #021c50);
 /* Safari 4-5, Chrome 1-9 */
 /* Can't specify a percentage size? Laaaaaame. */
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#0149ea), to(#021c50));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #0149ea, #021c50);  }
.met_section aside .met_aside dl dt.on{ color:#fff;
 background-image:radial-gradient(circle, #0149ea, #021c50);
	/* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #0149ea, #021c50);
 /* Safari 4-5, Chrome 1-9 */
 /* Can't specify a percentage size? Laaaaaame. */
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#0149ea), to(#021c50));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #0149ea, #021c50);  }
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dt.on a{color:#fff;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'宋体';}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:30px;}
.met_section_head{height:50px;color:#021c50;font-size:12px;line-height:50px;width:1100px;margin:0 auto;border-bottom:1px #0347e3 dashed;text-align:center;}
.met_section_head a{color:#021c50;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover,.met_section_head a:last-child{color:#0347E3;}

.met_module3_list{padding-left:20px;}
.met_module3_list .bd{width:750px;height:415px;margin-bottom:10px;float:left;}
.met_module3_list .bd a{display:block;float: left;line-height: 0;}
.met_module3_list .bd a img{border:5px #021c50 solid;}
.met_module3_list .bd .procons{padding-left:70px;float: left;height: 414px;width: 266px;position: relative;}
.met_module3_list .bd .procons:before{
content: "";
position: absolute;
height:414px;
width:1px;
left: 35px;
background:#000;
background: linear-gradient(top, #fff, #021c50, #fff);
background: -moz-linear-gradient(top, #fff, #021c50, #fff);
background: -webkit-linear-gradient(top, #fff, #021c50, #fff);
background: -o-linear-gradient(top, #fff, #021c50, #fff);
}
.met_module3_list .bd .procons h2{color:#014fff;font-size:28px;}
.met_module3_list .bd .procons p{color:#021c50;line-height:24px;}
.met_module3_list .bd .procons .more{line-height: 42px;position: absolute;right: 30px;bottom: 50px;}
.met_module3_list .hd{width:750px;height:120px;background:#dedede;float:left;}
.met_module3_list .hd .tempWrap{margin:0 auto;}

.met_module3_list .prilist .hd ul.list_1 li.on span,.met_module3_list .prilist .hd ul.list_1 li:hover span{background:rgba(3, 71, 227, 0.85);line-height:95px;height: 95px;}
.met_module3_list .prilist .hd ul.list_1 li img{width:95px;height:95px;}
.met_module3_list .prilist .bd{position:relative;height: 0px;}
.met_module3_list .prilist .bd .prev,.met_module3_list .prilist .next{width:14px;height:27px;background:url(../next.png) no-repeat;position:absolute;bottom:45px;z-index:99}
.met_module3_list .prilist .bd .prev{left:10px;background-position:0px -27px;}
.met_module3_list .prilist .bd .prev:hover{background-position:0 0;}
.met_module3_list .prilist .bd .next{right:10px;background-position:-14px -27px;}
.met_module3_list .prilist .bd .next:hover{background-position:-14px 0px;}

/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}
.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#aaa}
.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;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:#aaa}
.met_pager .Ahover{font-weight:bold;background:#f0f0f0;color:#aaa}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.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}
.met_module1{padding:30px 10px}
.met_module2_list{padding:10px 10px}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden;margin:0 auto;}
.met_module3_list ul.list_1 li{float:left;text-align:center;overflow:hidden;width:95px !important;height:95px;margin:14px 8px;}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;font-size:0;position: relative;}
.met_module3_list ul.list_1 li a span{position:absolute;height: 23px;width: 95px;background: rgba(2, 28, 80, 0.85);left: 0px;bottom: 0px;font-size: 12px;color:#fff;}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
#showproduct dl.pshow{visibility:hidden}
#showproduct dl.pshow dt{float:left;position:relative;font-size:0;text-align:center;overflow:hidden;border-right:1px solid #ddd}
#showproduct dl.pshow dt .met_box{margin:0 auto;visibility:hidden}
#showproduct dl.pshow dt .met_box figcaption{display:none}
#showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0}
#showproduct dl.pshow dt li{display:inline-block;margin-right:10px;margin-top:10px;cursor:pointer}
#showproduct dl.pshow dt li img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
#showproduct dl.pshow dt li.flex-active{border:2px solid #000;width:66px;height:66px;position:relative;overflow:hidden}
#showproduct dl.pshow dt li.flex-active img{position:relative;left:-2px;top:-2px}
#showproduct dl.pshow dd{float:left;width:100%}
#showproduct dl.pshow dd .met_box{padding:0 20px}
#showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px;border-bottom:1px solid #ddd}
#showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;position:relative}
#showproduct dl.pshow dd .met_box ul li span{position:absolute;left:0;top:0;padding:8px 5px;width:80px;word-wrap:break-word}
#showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666}
#showproduct .met_nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .met_nav li a{display:block;padding:0 40px}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background:#f7f8fa}
#showproduct .met_related{margin-top:30px;font-size:18px;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
#showproduct .met_related_list{list-style:none;visibility:hidden}
#showproduct .met_related_list li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#showproduct .met_related_list li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#showproduct .met_related_list li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#showproduct .met_related_list li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#showproduct .met_related_list li a:hover h2{color:#333}
#showproduct .met_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#showproduct .met_nav_contbox{padding:0 10px}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(../images/dt-9.gif) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}
#showdownload{padding:15px}
#showdownload h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showdownload .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden}
#showdownload .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showdownload .paralist li:last-child{border-bottom:0}
#showdownload .paralist li a{color:#fff}
#showdownload .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;word-wrap:break-word}
#showdownload .met_editor{padding:0 10px}
#showdownload .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showdownload .downloadbox{margin-top:30px}
#showdownload .downloadbox a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showdownload .downloadbox a:hover{background:#38c4f0}
#showdownload .downloadbox a.active{background:#1ba4cf}
#imglist ul.list_1{list-style:none;visibility:hidden}
#imglist ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
#imglist ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#imglist ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#imglist ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#imglist ul a:hover h2{color:#333}
#imglist ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
#imglist ul.list_2{list-style:none;visibility:hidden}
#imglist ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
#imglist ul.list_2 dt{float:left;position:relative}
#imglist ul.list_2 dd{float:left;width:100%}
#imglist ul.list_2 dd h2{padding:5px 10px;font-size:15px}
#imglist ul.list_2 dd p{padding:5px 10px;color:#818181}
#showimg h1.met_title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showimg .met_slide_box{text-align:center;background:#000;margin:0 auto;overflow:hidden;position:relative}
#showimg .met_slide_list ul{display:none;}
#showimg ul.exposureThumbs{border-right:0;padding:0;margin:0;list-style-type:none;height:79px; width:790px; margin:0px auto;padding:10px}
#showimg ul.exposureThumbs li{background:#111;margin:0 10px 0 0;padding:0;text-align:center;display:none;float:left}
#showimg ul.exposureThumbs li img{cursor:pointer}
#showimg ul.exposureThumbs li.last{margin:0}
#showimg .exposureWrapper{position:absolute;top:0;left:0}
#showimg .exposureWrapper img{cursor:pointer;position:absolute;top:0;left:0}
#showimg .exposureLoaded{background-image:none}
#showimg ul.exposureThumbs li{width:150px;height:79px}
#showimg .exposureSlideshowControls a{font-size:11px;color:#bba;text-decoration:none;outline:0;padding:2px 6px;display:inline}
#showimg .exposureSlideshowControls a:active,.exposureSlideshowControls a:hover{background-color:#999;color:#444}
#showimg .met_slide_box .left,.met_slide_box .right{position:absolute;width:50%;cursor:pointer}
#showimg .met_slide_box .left a,.met_slide_box .right a{display:block;width:100%;height:100%}
#showimg .imgparalist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showimg .imgparalist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showimg .imgparalist li:last-child{border-bottom:0}
#showimg .imgparalist li a{color:#fff}
#showimg .imgparalist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#joblist{padding:15px}
#joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
#joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
#joblist dd .dtail span{margin-right:15px}
#joblist dd .dtail a{color:#1c57c4}
#joblist dd .editor{padding:10px}
#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
#joblist dd .mis span{margin-right:15px;color:#999}
#showjob h1.title{font-size:24px;padding:15px 5px;border-bottom:1px solid #ddd;margin-bottom:30px}
#showjob .ctitle{margin:30px 0 10px;padding:0 10px;font-size:16px;font-weight:normal;height:40px;line-height:40px;border-bottom:1px solid #ddd}
#showjob .met_editor{padding:0 10px}
#cvlist{padding:15px}
#showjob .paralist{background:#8c989f;padding:5px 10px;color:#fff;visibility:hidden;margin-top:30px;visibility:hidden}
#showjob .paralist li{list-style:none;padding:8px 5px 8px 90px;min-height:20px;position:relative;border-bottom:1px solid #ddd}
#showjob .paralist li:last-child{border-bottom:0}
#showjob .paralist li a{color:#fff}
#showjob .paralist li span{position:absolute;left:0;top:0;width:80px;padding:8px 5px;overflow:hidden;word-wrap:break-word}
#showjob .info_cv{margin-top:30px;margin-left:10px}
#showjob .info_cv a{display:inline-block;background:#23b7e5;height:35px;line-height:35px;padding:0 35px;color:#fff;border-radius:2px}
#showjob .info_cv a:hover{background:#38c4f0}
#showjob .info_cv a.active{background:#1ba4cf}
#messagelist{padding:15px}
#messagelist .metlist{margin-top:30px;border:1px solid #ddd;padding:5px}
#messagelist .metlist dt{padding:5px}
#messagelist .metlist dt span.name{color:#2c7199}
#messagelist .metlist dt span.time{padding-left:5px;color:#aaa;font-size:12px}
#messagelist .metlist dt span.tt{float:right;padding-right:5px;color:#aaa}
#messagelist .metlist dd.info span.tt{display:none;clear:both}
#messagelist .metlist dd.info span.text{display:block;line-height:1.5;padding:0 5px 10px;border-bottom:1px solid #ddd}
#messagelist .metlist dd.reinfo span.tt{display:block;padding:10px 5px 0;color:#2c7199}
#messagelist .metlist dd.reinfo span.text{display:block;line-height:1.5;padding:5px 5px 10px}
#messagelist .v52fmbx{margin:30px 0 0}
#linklist{padding:15px 15px 25px}
#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd}
#linklist .inside{padding:15px 0 0}
#linklist .metlist .img li{list-style:none;display:inline;padding-right:5px}
#linklist .metlist .img img{width:88px;height:31px}
#linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden}
#linksubmit{padding:15px}
#linksubmit table{margin:0 auto}
#memberbox{padding:15px}
ul.searchnavlist{list-style:none;padding:0 20px;margin:0}
ul.searchnavlist li{padding:5px 0}
ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
ul.searchnavlist .searchgo:hover{background:#38c4f0}
ul.searchnavlist .searchgo:active{background:#1ba4cf}
#searchlist{padding:15px 0}
#searchlist li{padding-left:10px;margin-bottom:6px;line-height:1.5}
#searchlist ul{list-style:none;padding:0;margin:0}
#searchlist ul li{padding:3px 5px;margin-bottom:10px}
#searchlist ul li img{display:none}
#searchlist .search_title{display:block;padding:2px 0}
#searchlist .search_title a{font-size:16px;color:#12C;text-decoration:underline}
#searchlist .search_title em{color:#c00;text-decoration:underline;font-style:normal}
#searchlist .search_detail{display:block}
#searchlist .search_detail a{text-decoration:underline;color:#12C}
#searchlist .search_content em{color:#c00;font-style:normal}
#searchlist .search_updatetime{display:block;margin-top:5px;color:green}
#searchlist a:hover{text-decoration:underline}
#sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd}
#sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px}
#sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px}
#sitemaplist dd li{margin-top:5px}
#sitemaplist dd li h4 a{font-weight:normal;color:#666}
.v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}
:-ms-input-placeholder{color:#999}
.met-focus{border:1px solid #23b7e5!important}
.v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}
.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.v52fmbx dl{width:100%;zoom:1;background:#fff}
.v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}
.v52fmbx dl dd .fbox{margin:0 10px 0 0}
.v52fmbx dl dd .tips{color:#aaa}
.v52fmbx dl dd .tips:hover{color:#f00}
.v52fmbx dl dd.labelinline label{display:inline}
.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}
.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.v52fmbx dl.noborder{border-bottom:0}
.formerror{margin-top:6px;height:20px;line-height:20px}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}