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

/*头部底图设置*/
header.tem_headborder{ border-bottom:1px solid #ddd;}
header section{ border-bottom:1px solid #e7e8ed; background:#f7f8fa;}


/*头部语言导航*/
.tem_top{ position:relative; height:35px; color:#53555a; font-size:12px; line-height:35px; z-index:100;}
.tem_top h2{ font-weight:normal;}
.tem_top a{ color:#53555a;}
.tem_top a:hover{ color:#FF6700;}
.tem_top_nav{ position:absolute; top:0; right:0;}
.tem_top_nav ol{ float:right; margin:0; padding:0;}
.tem_top_nav ol li{ float:left; list-style:none;}
.tem_top_nav ol li.line{ width:30px; color:#eee; text-align:center;}
.tem_top_nav dl{ position:relative; float:right;}
.tem_top_nav dl dt i{ margin-left:5px;}
.tem_top_nav dl dd{ position:absolute; top:35px; right:0; display:none; padding:10px 18px; border:1px solid #e7e8ed; background:#f7f8fa; white-space:nowrap;}
.tem_top_nav dl dd a{ display:block; height:35px; line-height:35px; color:#000;}
.tem_top_nav dl dd a:hover{ color:#FF6700;}
.tem_top_nav div.line{ float:right; width:30px; color:#eee; text-align:center;}


/*头部导航条*/
.tem_head{ min-height:100px;}
.tem_head h1 img,.tem_head h2 img{ position:relative; z-index:999; font-size:0;}
header h1{ display:inline;}
.tem_head nav{ position:absolute; top:50%; right:0; margin-top:-17px; height:34px; line-height:34px;}
.tem_head nav ul{ margin:0; padding:0; list-style:none;}
.tem_head nav ul li{ position:relative; float:left; margin-left:8px;}
.tem_head nav a{ display:block; padding:0 15px;}
.tem_head nav a:hover{ background:#EAECEE; color:#026a39;}
.tem_head nav a.navdown{ border-radius:2px; background:#006938; color:#fff;}
.tem_head nav a.navdown:hover{ color:#fff;}
.tem_head nav ul li dl{ position:absolute; top:50px; left:0; z-index:999999; display:none; width:100px; background:#f3f4f5;}
.tem_head nav ul li dl dd{ float:left; padding:10px 0; width:100px;}
.tem_head nav ul li dl dd a{ margin:0 0px; padding:8px 5px; text-align:center; line-height:1.5;}
.tem_head nav ul li dl dd a:hover{ background:#E1E4E8;}
.tem_head nav ul li dl dd i{ position:absolute; top:-14px; left:50px; z-index:100; width:100%; color:#EAECEE; font-size:22px;}
.tem_head nav ul li dl.tem_pronoaw{ width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd{ width:auto;}
.tem_head nav ul li dl.tem_pronoaw dd div{ float:left; padding:0 20px; min-width:100px;}
.tem_head nav ul li dl.tem_pronoaw dd div h3{ margin-bottom:5px; border-bottom:1px solid #888; font-weight:normal;}
.tem_head nav ul li dl.tem_pronoaw dd div p a{ margin:0;}

.tem_banner{ position:relative; overflow:hidden; background:#fafafa; text-align:center; font-size:0;}
.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 #E2E2E2; 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_to{ border-top:1px solid #e7e8ed; border-bottom:1px solid #e7e8ed; background:#f7f8fa;}
.tem_wp1,.tem_wp2,.tem_wp3,.tem_wp4,.tem_wp5{ visibility:hidden;}
.bounceInLeft,.bounceInRight,.fadeInUp,.fadeInUpDelay,.fadeInDown,.fadeInUpD,.fadeInLeft,.fadeInRight{ visibility:visible;}



/*首页公告*/
.index{ background: url(../images/main_bg.jpg) repeat-x #fff; width:100%; margin:auto 0;}
#News{ height:37px;}
#News h3{ float:left; background:url(../images/bg.png) no-repeat -745px -1335px; width:75px; height:40px; line-height:36px; overflow:hidden;}
#News h3 span{ font-size:12px; color:#fff; padding:0px 5px; overflow:hidden; line-height:36px; zoom:1;}
#News ul{ float:left; padding:11px 5px; zoom:1;}
*html #News ul{ margin:0px; position:relative; top:12px;}
*+html #News ul{ margin:0px; position:relative; top:13px;}  
#News .soroll{ height:24px; line-height:24px; width:500px; float:left; overflow:hidden; position:relative;}
#News .soroll ol{ float:left;}
#News .soroll ol li{ height:30px; line-height:16px; zoom:1;}
#News .soroll ol li a{ font-size:14px; font-family:"微软雅黑";}
#News .soroll ol li a:hover{ text-decoration:none; color:#000;}
#productsearch{ float:right; position:relative; top:6px;}
*html #productsearch{ top:-15px; position:relative; left:-8px;}
*+html #productsearch{ top:-15px; position:relative; left:-8px;}
#productsearch span.navsearch_input input{ border:1px solid #ddd; float:left; height:20px; line-height:20px; width:175px; outline:none; padding-left:10px; margin-top:1px; overflow:hidden;}
#productsearch .searchimage{ float:left; background:none; border:none; width:25px; height:23px;}


/*首页中间部分*/
.met_bound{ width:1100px; overflow:hidden; margin:0 auto; position:relative;}
#features-index{ padding:0px 0 5px; position:relative; margin-bottom:10px; zoom:1;}
#features-index a{ cursor:pointer; width:345px; display:inline-block; margin:20px 20px 0px 0px; background:#ebebeb url(/templates/whkt/images/pic-bg.jpg) repeat-x 0 0; padding:0;}
#features-index a span{ float:right; width:188px; padding:12px 16px 0px 0px; overflow:hidden;}
#features-index a img{ float:left; width:110px; padding-top:6px; padding-left:4px; min-height:126px;}
#features-index a span h4{ font-size:14px; font-weight:bold; line-height:18px; margin-bottom:5px; margin-top:5px;color:#006938;font-weight:500;}
#features-index a span p{ font-family:"微软雅黑"; font-size:12px; line-height:20px; color:#555;}
#features-index a span h4.c_blue{ color:#3686ab;}
#features-index a span h4.c_orange{ color:#F4AF74;}
#features-index a span h4.c_green{ color:#629C39;}
#features-index a.last{ margin-right:0;}
#features-index a, #features-index a:hover{ text-decoration:none;}
#features-index .a1, #features-index .a2, #features-index .a3{ float:left;}
#features-index .c1 a{ width:550px; margin:0px;}
#features-index .c1 a img{ width:155px;}
#features-index .c1 a span{ width:300px;}
#features-index .c2 a{ width:1100px; margin:0px;}
#features-index .c2 a img{ width:220px;}
#features-index .c2 a span{ width:750px;}


/*首页下半部分*/
.met-index-listbox{ background:#F5F5F5 url(../images/listotpline.png) repeat-x left top;}
.met-index-listbox .inner{ padding:30px 0px 20px; border-bottom:1px solid #d9d9d9;}
.met-index-listbox h3.title{ font-size:15px; border-left:3px solid #666; height:17px; line-height:17px; overflow:hidden; padding-left:8px;}
.met-index-listbox h3.title a{ float:right; font-size:12px; font-weight:normal; color:#999;}
.met-index-listbox h3.title a:hover{ color:#000;}
.met-index-listbox .metlist{ padding:10px 0px 0px 13px;}
.met-index-listbox .met-index-listbox-left .metlist li{ height:30px; line-height:30px; font-size:13px; overflow:hidden;}
.met-index-listbox .met-index-listbox-left .metlist li a{ color:#666;}
.met-index-listbox .met-index-listbox-left .metlist li a:hover{ color:#000;}
.met-index-listbox .met-index-listbox-left .metlist li img{ margin-left:3px;}
.met-index-listbox .met-index-listbox-left .metlist li span{ float:right; color:#999;}
.met-index-listbox .met-index-listbox-left .metlist li img{ _padding-top:10px;}
.met-index-listbox-left{ float:left; width:365px; margin-right:50px;}
.met-index-listbox-case{ float:left; width:270px;}
.met-index-listbox-case li{ margin-bottom:6px;}
.met-index-listbox-case li a{ display:block; font-size:0px;}
.met-index-listbox-case img{ border:1px solid #ccc;}
/*首页产品展示*/
#metPro{ width:215px;height: 175px; margin-top:10px; position:relative;}
/*
#metPro .metProBox{ width:100%; overflow:hidden;}
#metPro .metProBox ul{ width:1000%;}
#metPro .metProBox ul li{ float:left; display:inline; font-size:0px;}
#metPro .metPrev,#metPro .metNext{ position:absolute; display:none !important;}
*/


/*首页友情链接*/
.met-index-link{ padding:0px 0 5px; text-align:left; background:#F5F5F5;}
.met-index-link .inner{ position:relative; padding:20px 0px 15px; border-top:1px solid #fff;}
.met-index-link h3{ font-size:13px; position:absolute; left:0px; top:20px;}
.met-index-link ul{ font-size:13px; padding-left:76px; list-style:none; margin:0px; word-wrap:break-word;}
.met-index-link ul li{ display:inline; margin-right:10px;}
.met-index-link ul li a{ white-space:nowrap; color:#666;}
.met-index-link ul li a:hover{ color:#000;}
.linkx .img img{ width:150px; height:50px; overflow:hidden; line-height:4;}
.inner{ width:1100px; margin:0 auto; position:relative;}

/*底部*/

footer{width: 100%; float:left;border-top: 1px solid #acabab;

background: #484848;color: #dadada;}

.foot-nav{float:left; margin-top:20px; height:25px; line-height:25px;}

.foot-nav a,  .foot-text a{color: #dadada;}

.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}

.foot-text{ float: right;padding: 22px 0px 5px; text-align:right;}
/*内页左侧栏*/
.met_section{ position:relative; padding:20px 0 50px;}
.met_section aside{ position:relative; float:left; width:230px;}/*内页左侧栏宽度*/
.met_section article{ float:left; margin-left:-230px; width:100%;}
.met_section article .met_article{ margin-left:250px;}
.met_section_asidenone article{ float:none; margin-left:0;}
.met_section_asidenone article .met_article{ margin-left:0;}
.met_section aside section{ border:1px solid #ddd;}
.met_section aside section h2{ padding:0 20px; height:55px; border-bottom:1px solid #ddd; font-size:18px; line-height:55px;}
.met_section aside section h2.title{ padding:0px 26px; height:55px; overflow:hidden; line-height:55px; color:#fff; background:#006938;}/*内页左侧标题底图*/

.met_section aside .met_aside_list{ padding:0px 0;}
.met_section aside .met_aside dl dt{ height:45px; line-height:45px; border-bottom:1px solid #ddd;}
.met_section aside .met_aside dl dt a{ display:block; padding:0 20px; color:#333;}
.met_section aside .met_aside dl dt a:hover{ background:#efefef;}
.met_section aside .met_aside dl dt.on{ background:#efefef url(../images/colorhover.png) 0px 0px no-repeat; border-left:4px solid #006938;}/*内页左侧栏点击底色*/
.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 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:15px 20px; list-style:none; overflow:hidden;}
.met_section aside .met_related li{ background:url(../images/dd.png) no-repeat 0px 10px; padding:0px 0px 10px 10px; border-bottom:1px dotted #ccc; margin-bottom:8px; list-style:none;}/*内页左侧栏产品详情页-猜您喜欢*/
.met_section aside .met_related ol{ float:right; text-align:center; padding:0px 0px; margin-bottom:8px;}
.met_section aside .met_related ol span{ font-size:14px;}
.met_section aside .met_related ol img{ width:190px; height:134px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;}
.met_section aside .met_related ol a:hover img{ filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; opacity:.5;}

.met_article_head{ position:relative; padding:0 10px; height:55px; border-bottom:1px solid #ddd; line-height:55px;}
.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,'微软雅黑';}
.met_article_head .met_position a:hover{ color:#25A8E0;}/*内页右侧栏当前位置字体颜色*/
.met_article_head h1{ position:absolute; left:0px; top:-1px; font-size:18px; color:#006938; border-bottom:2px solid #006938; padding:0px 10px;}/*内页右侧栏当前位置颜色*/
.met_section_sehed{ padding-top:0;}
.met_section_head{ height:50px; color:#aaa; font-size:12px; font-family:'微软雅黑'; line-height:50px;}
.met_section_head a{ color:#999; font-family:'Microsoft YaHei',Tahoma,Verdana,'微软雅黑';}
.met_section_head a:hover{ color:#006938;}


/*底部导航*/
.fl{ float:left;}
.tem_footer{ position:relative; padding:25px 0; background:#1E1E1E; color:#bdbdbd; font-size:13px;}
.tem_footer a{ color:#bdbdbd;}
.tem_footer_nav{ position:absolute; top:50%; left:0; margin-top:-65px; height:30px; line-height:30px;}
.tem_footer_nav a{ margin-right:30px;}
.tem_footer_nav a:hover{ color:#fff;}
.tem_footer_nav .a{ width:540px; height:94px; border-right:0px solid #DFDFDF;}
.tem_footer_nav .a form{ float:left; position:relative; width:465px; height:32px; margin:14px 0 16px 0;}
.tem_footer_nav .text{ outline:none; position:absolute; left:0px; top:0px; width:315px; height:20px; padding:9px 15px; border:1px solid #dfdfdf; line-height:20px; background:#fff;}
.tem_footer_nav .tj{ position:absolute; top:0px; right:-1px; width:108px; height:40px; font-size:16px; color:#fff; text-align:center; letter-spacing:5px; padding-left:8px; *padding-left:4px; border:none; outline:none; cursor:pointer; background:#FF6700; -webkit-transition:all .3s; transition:all .3s;}
.tem_footer_nav .aSpan{ color:#666; font-size:14px;}
.tem_footer_nav .aSpan i{ font-size:16px;}
.tem_footer_text{ text-align:right;}
.tem_footer_text h4.tel{ float:right; font-size:22px; color:#fff; line-height:1; font-weight:normal; margin-bottom:12px; padding-left:28px; background:url(/templates/whkt/images/met05.png) no-repeat left 2px; font-family:Arial, Verdana;}
.powered_by_metinfo{ height:35px; background:#161616; color:#4a4a4a; text-align:center; font-size:13px; line-height:35px;}
.powered_by_metinfo a{ color:#4a4a4a;}



/*以下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_clear5{ clear:both; height:5px; overflow:hidden;}
.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:#25A8E0;}
.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:#006938; color:#fff;}/*翻页底色*/
.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{ text-align:center; 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; text-align:center;}
.met_module2 .met_time{ padding-right:6px;}
.met_module2 .met_source{ padding-right:6px;}
.met_module2 .met_source a{ color:#25A8E0;}
.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:#25A8E0;}
.met_module3_list ul.list_1{ list-style:none; visibility:hidden;}
.met_module3_list ul.list_1 li{ float:left; text-align:center; margin-top:30px; overflow:hidden;}
.met_module3_list ul.list_1 li a{ text-align:center; display:block; margin:0 auto; background:#ddd; font-size:0;}
.met_module3_list ul.list_1 li h2{ text-align:center; 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{ width:470px; margin-top:20px; 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 #006938; 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:22px; 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(/templates/whkt/images/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:#25A8E0;}
#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 dt img{border: 1px solid #ddd;}
#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; text-indent:2em; line-height:28px;}
#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; border:1px solid #ddd;}
#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:#25A8E0;}
#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,'微软雅黑';}
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:#006938;}
.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 #006938!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; font-family:'微软雅黑';}
.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,'微软雅黑';}
.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;}


/*new 201908*/
.box_pn{display:block; clear:both; width:100%; padding: 20px 0 0 0;}
.box_pn .item_prev,.box_pn .item_next{color:#999; line-height: 1.7; display:block; border-top:1px solid #DFDFDF; padding:5px 0;}

/*列表数字分页*/
.cms_pagination{text-align:center; padding:15px 0 0 0;}
.pagination{display:inline-block; *display:inline; list-style: noen;}
.pagination>li{display:inline-block; *display:inline;}
.pagination>li>a,.pagination>li>span{background-color:#FFF;border:1px solid #DDD;float:left;line-height:1.42857;margin-left:1px;padding:6px 12px;position:relative;text-decoration:none;color:#666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.pagination>li.active>a,.pagination>li.active>a:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#006938;border-color:#006938;color:#fff}

.web_banner{}
.full_slide{width: 100%;  position: relative;  height: 350px; overflow: hidden; background: #DFDFDF;}
.full_slide .bd{ margin: 0 auto; position: relative; z-index: 0; overflow: hidden;}
.full_slide .bd ul{ width: 100% !important;  }
.full_slide .bd li{ width: 100% !important;  height: 350px; overflow: hidden; text-align: center;}
.full_slide .bd li a{ display: block; height: 350px;}
.full_slide .hd{ width:100%;  position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; text-align: center;}/* background: url(../images/fullSlide_mask.png) repeat-x;*/
.full_slide .hd ul{ text-align: center;  padding-top: 5px;}
.full_slide .hd ul li{ cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../images/fullSlide_arrow.png) -18px 0; overflow: hidden; line-height:9999px;}
.full_slide .hd ul .on{ background-position: 0 0;}

.banner_index {overflow: hidden;}
.banner_index .slideImageBox{list-style:none; margin:0;}
.banner_index .slideImageBox li{margin:0px; position:relative;}
.banner_index .num {position: absolute; bottom:9px; right:5px; zoom:1; z-index:3; list-style:none; margin:0px;}
.banner_index .num ul{margin:0px;}
.banner_index .num li {width: 15px; height: 15px; overflow:hidden; line-height: 15px; text-align: center; font-family: Arial; color: #FFF; background: #FFF; border-radius:100%; cursor:pointer; float: left; margin:0px 5px 0px 0px; _margin:0px 5px 0px 0px; text-indent:-999999px;}
.banner_index .num li.on {background:#65A848; color:#65A848;}
.banner_index .prev,.banner_index .next {display: none; width:30px; height:60px; position: absolute; top:50px; overflow:hidden;}
.banner_index .prev {left:0; background: url(../images/btn_prev-next.png) no-repeat 0px 0px;}
.banner_index .next {right:0; background: url(../images/btn_prev-next.png) no-repeat 0px -60px;}