@charset "utf-8"; html,body { background: #fafafa; color:#333; font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; } a { color:#333; text-decoration:none; } a:hover { color:#23B7E5; text-decoration:none; } img:hover { opacity:0.5; } .met_section { margin:0 auto; position:relative; width:80%; min-width:1100px; padding-left:20px !important; padding-right:20px !important; } header.tem_headborder { border-bottom:1px solid #ddd; } header { width:100%; } header section { border-bottom:1px solid #e7e8ed; background:#f7f8fa; } .tem_top { position:relative; z-index:100; height:35px; color:#53555a; font-size:12px; line-height:35px; } .tem_top h2 { font-weight:normal; } .tem_top a { color:#53555a; } .tem_top a:hover { color:#23B7E5; } .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; } .tem_top_nav ul 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; } .tem_head h2 img:hover,.tem_footer_2 img:hover { opacity:1; } 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 { color:#23B7E5; } .tem_head nav a.navdown { border-radius:2px; background:#23B7E5; color:#fff; } .tem_head nav a.navdown:hover { color:#fff; } .tem_head nav ul li dl { position:absolute; top:78px; left:0; z-index:99; display:none; width:500px; background:rgba(255,255,255,.9); } .tem_head nav ul li dl dd { float:left; padding:20px 0; width:100px; } .tem_head nav ul li dl dd a { margin:0 10px; text-align:center; padding:0px; } .tem_head nav ul li dl dd div a { margin:0; } .tem_head nav ul li dl dt { float:right; overflow:hidden; padding:20px 20px 20px 0; width:380px; height:200px; font-size:0; } .tem_head nav ul li dl dt img { width:380px; height:200px; } .tem_head nav ul li dl dd i { position:absolute; top:-14px; left:50px; z-index:100; width:100%; color:#f3f4f5; 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 #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_title { margin:0 0 60px 0; border-bottom:1px solid #ccc; text-align:center; font-weight:normal; font-size:22px; } .tem_index_title span { position:relative; top:2px; display:inline-block; padding:10px 15px; border-bottom:4px solid #666; } .tem_index_title p { color:#8c8c8c; font-weight:normal; } .tem_index_more { clear:both; margin:0 auto; padding-top:30px; width:200px; text-align:center; } .tem_index_more a { display:block; height:40px; background:#23B7E5; color:#fff; font-weight:normal; font-size:14px; line-height:40px; } .tem_index_more a:hover { background:#d82208; color:#fff; } .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; } .tem_index_about { padding:50px 0 80px; } .tem_index_about_cont { margin-right:25px; padding:50px 0; } .tem_index_about_txt { float:left; width:55%; } .tem_index_about .txtwd100 { float:none; width:100%; } .tem_index_about_txt .met_editor { padding:0px 50px 0; } .tem_index_about_img { float:right; overflow:hidden; width:45%; height:227px; font-size:0; } .tem_index_about_video { float:right; overflow:hidden; width:45%; } .tem_index_about_img ul { float:left; overflow:hidden; width:70%; height:227px; list-style:none; } .tem_index_about_img .tem_index_about_img_noe { float:none; width:100%; } .tem_index_about_img ul li { padding:4px; border:1px solid #eee; } .tem_index_about_img ul img { width:100%; height:217px; } .tem_index_about_img ol { float:right; overflow:hidden; width:30%; list-style:none; } .tem_index_about_img ol li { position:relative; margin-bottom:8px; margin-left:20px; padding:4px; border:1px solid #eee; } .tem_index_about_img ol img { width:100%; height:60px; cursor:pointer; } .tem_index_about_img ol li.tem_now { background:#eee; } .tem_index_about_img ol li i { position:absolute; top:26px; left:-8px; display:none; color:#eee; font-size:20px; } .tem_index_about_img ol li.tem_now i { display:block; } .tem_index_about_img ol li.tem_hover { background:#eee; } .tem_index_about_more { padding-top:10px; } .tem_index_about_more a { display:inline-block; padding:0 30px; height:30px; border:2px solid #eee; color:#999!important; text-decoration:none; font-weight:normal; line-height:30px; } .tem_index_about_more a:hover { background:#eee; text-decoration:none!important; } .tem_index_product { padding:50px 0 80px; } .tem_index_product ul { list-style:none; } .tem_index_product ul li { float:left; overflow:hidden; margin-bottom:30px; text-align:center; } .tem_index_product ul li a { display:block; margin:0 auto; background:#fff; text-align:center; font-size:0; } .tem_index_product ul li h2 { padding:10px; background:#8c989f; color:#fff; text-align:left; font-weight:normal; font-size:14px; } .tem_index_product a img { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .tem_index_product a:hover img { opacity:.5; filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity:.5; } .tem_index_news { padding:50px 0 80px; text-align:center; } .tem_index_news_tab { display:inline-block; margin:0 0 10px; height:37px; border-right:1px solid #8c989f; list-style:none; line-height:37px; } .tem_index_news_tab li { float:left; } .tem_index_news_tab li h3 { padding:0 40px; height:35px; border:1px solid #8c989f; border-right:0; font-weight:normal; line-height:35px; cursor:pointer; } .tem_index_news_tab li.flex-active h3 { background:#8c989f; color:#fff; } .tem_index_news_tab li:hover h3 { background:#8c989f; color:#fff; } .tem_index_news_list { margin:20px 0 0; } .tem_index_news_list li { float:left; overflow:hidden; width:50%; list-style:none; text-align:left; } .tem_index_news_list li a { display:block; } .tem_index_news_list li dl { margin-right:10px; padding-top:21px; height:115px; } .tem_index_news_list li dl.tem_even { margin-right:0; margin-left:10px; } .tem_index_news_list dt { position:relative; float:left; overflow:hidden; width:100px; height:115px; border-bottom:1px solid #e7e8ed; font-size:0; } .tem_index_news_list dt img { margin-left:10px; width:90px; height:90px; border-radius:60px; } .tem_index_news_list dd { float:left; margin-left:-100px; width:100%; } .tem_index_news_list dd a { padding:0 10px; } .tem_index_news_list_txt { margin-left:100px; height:115px; border-bottom:1px solid #e7e8ed; } .tem_index_news_list_txt h3 { overflow:hidden; margin-bottom:3px; height:23px; color:#000; font-weight:normal; line-height:23px; } .tem_index_news_list_txt p { overflow:hidden; height:42px; color:#818181; } .tem_index_news_list_txt span.time { display:block; height:25px; color:#818181; line-height:25px; } .tem_index_news_list li dl:hover { background:#f7f8fa; } .tem_index_news_list .tem_index_more { float:none; width:200px; text-align:center; } .tem_index_case { padding:50px 0 80px; } .tem_index_case_list ul.slides li { float:left; list-style:none; } .tem_index_case_list .tem_list { float:left; width:25%; } .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 { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; } .tem_index_case_list .tem_list dt a:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -ms-transform:scale(1.2); } .tem_index_case_list .tem_list h3 { margin:0 auto; height:40px; background:#8c989f; text-align:center; font-weight:normal; line-height:40px; } .tem_index_case_list .tem_list h3 a { color:#fff; } .tem_index_case_list .tem_list h3 a:hover { color:#fff; } .tem_index_case_list .flex-control-nav { margin-top:30px; } .tem_index_footer { padding:40px 0 50px; background:#1e1e1e; } .tem_index_footer dl { float:left; } .tem_index_footer dl dt { margin-right:25px; height:40px; border-bottom:1px solid #363636; color:#f3f3f3; font-size:16px; line-height:40px; } .tem_index_footer dl dt span { position:relative; top:-1px; display:inline-block; border-bottom:3px solid #838383; } .tem_index_footer dl dd { margin-right:25px; } .tem_index_footer_contact { width:35%; } .tem_index_footer_contact li { position:relative; margin-top:25px; padding-top:5px; padding-left:48px; min-height:35px; color:#646363; list-style:none; } .tem_index_footer_contact li i { position:absolute; top:0; left:0; width:35px; height:35px; border:1px solid #424244; border-radius:5px; color:#7c7c7c; text-align:center; font-size:22px; line-height:35px; } .tem_index_footer_link { width:35%; } .tem_index_footer_link dd { padding:20px 0; } .tem_index_footer_link a { display:inline-block; margin:0 12px 10px 0; color:#646363; white-space:nowrap; } .tem_index_footer_link a:hover { color:#ababab; } .tem_index_footer_link a img { height:45px; } .tem_index_footer_attention { width:30%; } .tem_index_footer_attention dd { padding:20px 0; color:#646363; } .tem_index_footer_attention li { display:inline-block; margin:8px; list-style:none; } .tem_index_footer_attention li a { display:block; overflow:hidden; width:44px; height:44px; background:url(../images/pnt.png) no-repeat left top; color:#646363; font-size:0; } .tem_index_footer_attention li.tenxun a { background-position:-83px top!important; } .tem_index_footer_attention li.weixin a { background-position:-247px top!important; } .tem_index_footer_attention li.qq a { background-position:-165px top!important; } .tem_index_footer_attention li:hover a { background:url(../images/pnthover.png) no-repeat; } .tem_index_footer_attention img { margin-top:8px; width:100px; } .tem_index_footer_attention p { margin-top:5px; } .met_section { position:relative; padding:40px 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:60px; border-bottom:1px solid #ddd; font-size:18px; line-height:60px; } .met_section aside .met_aside_list { padding:10px 0; } .met_section aside .met_aside dl dt { height:45px; line-height:45px; } .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; border-left:4px solid #23B7E5; } .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: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: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,'Simsun'; } .met_section_head a:hover { color:#23B7E5; } /*以下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 } #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; font-family:'微软雅黑'; } 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; 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,'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; } /*index CSS Add by Mr.box 2015年9月21日21:38:51*/ .tem_head { min-height: 78px; } .tem_head nav { height:78px; margin-top: -38px; } .tem_head nav ul li { float:left; height:77px; padding:0 1px; margin-left:0; } .tem_head nav ul li:hover { color:#fff; border-radius: 2px; } .tem_head nav a { display:block; height:77px; text-align:center; line-height:77px; font-size:14px; color:#666; padding: 0px 15px; } .tem_head nav ul li a:hover { background:#23B7E5; color:#fff; border-radius: 2px; } .tem_head nav ul li dl a { height:40px; line-height:40px; } .mynav { max-height:83px; } .logo_img img { max-width:200px; height:auto; margin:0 auto; padding:15px 0; } .search_login { transition:600ms; float:right; margin-top:16px; } .search_login .top_login { float:right; height:43px; width:43px; margin:0 0 0 16px; background:0 0; background:url(../head-ico.png) -43px 0; text-indent:-9999px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; border:1px #ddd solid; } .search_login a:hover { border:1px #008cd6 solid; background-color:#008cd6; background-position:-43px -43px; } .top_search { float:right; position:relative; height:43px; width:43px; margin:0 0 0 16px; background:url(../head-ico.png) 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; border:1px #ccc solid; } .top_search:hover { border:1px #008cd6 solid; background-color:#008cd6; background-position:0 -43px; } .top_search_sub { position:absolute; right:1px; top:0; height:43px; line-height:43px; width:43px; color:#FFF; border:none; cursor:pointer; text-align:center; text-indent:-9999px; overflow:hidden; background:url(../head-ico.png) 0 -43px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; } .top_search_input { margin-top:65px; position:relative; right:196px; z-index:999; height:40px; width:218px; line-height:43px; color:#666; padding:0 10px; border:1px solid #ddd; background:rgba(255,255,255,.9); font-family:'微软雅黑'; } .head_lang { float:right; height:43px; width:43px; margin:0 0 0 16px; background:url(../head_lang.png) -46px -46px; border:1px #CECECE solid; background-color:#666; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; cursor:pointer; } .head_lang:hover { border:1px #008cd6 solid; background-color:#008cd6; background-position:-46px -46px; } .head_lang .head_ul { z-index: 999; position:relative; margin-top:0px; right: 0px; display:none; } .head_lang .head_ul li { z-index: 999; width:110px; position:relative; right: 0px; height:35px; line-height:35px; margin:0px; } .head_lang .head_ul li a { white-space: nowrap; height:35px; line-height:35px; border: 1px solid #ddd; background: rgba(255,255,255,.9); text-align: left; } .head_lang .head_ul li a img { margin-right:5px; } .tem_index_mynews { padding:50px 0 80px; width:1100px; margin:0 auto; position:relative; } .mynews_list01,.mynews_list02 { position:relative; overflow:hidden; width:49%; background:#fafdff; border:1px solid #cadae7; margin-bottom:20px; } .lf { float:left; } .rf { float:right; } .mynews_title01 a,.mynews_title02 a { font-size:18px; color:#FFF; text-decoration:none; } .mynews_title01,.mynews_title02 { height:50px; padding-left:70px; line-height:50px; color:#FFF; margin-bottom: 10px; } .mynews_list01 ul.mynews_list_01,.mynews_list01 ul.mynews_list_02 { float:left; width:100%; padding-bottom: 20px; padding-top:20px; } .mynews_list01 ul.mynews_list_01 li,.mynews_list01 ul.mynews_list_02 li { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:30px; line-height:20px; padding:5px 20px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:50%; float:left; } .mynews_list01 div.mynews_com { width:100%; overflow: hidden; } .mynews_list01 div.mynews_com a { width:100%; } .mynews_list01 div.mynews_com a img { width:100%; } .mynews_list01 div.mynews_com a img:hover { opacity:.8; } .mynews_list01 div.mynews_com .mynews_com_img { width:50%; float:left; overflow:hidden; } .mynews_list01 div.mynews_com .img0 { padding:10px 10px 10px 20px; } .mynews_list01 div.mynews_com .img1 { padding:10px 20px 10px 10px; } .mynews_list01 div.mynews_com .mynews_com_img .com_img { overflow: hidden; margin: 0 auto; } .mynews_list01 ul li .index_news_class2 span:hover { background-color: #23B7E5; } .mynews_list01 ul li .index_news_title:hover { color: #23B7E5; } .mynews_list01 ul li span { color:#FFF; display:inline-block; margin-right:10px; padding:0 12px; background:#008CD6; -webkit-border-radius:12px 12px 12px 12px; -moz-border-radius:12px 12px 12px 12px; border-radius:12px 12px 12px 12px; } .mynews_list01 ul li a { color:#666; } .mynews_list01 ul:nth-child(2) { float:right; } .tem_inner { margin:0 auto; position:relative; width:80%; min-width:1100px; } .mynews_list02 dl { padding:10px 20px; overflow:hidden; } .mynews_list02 dl:hover { background-color: #EEEEEE; } .mynews_list02 dl a img { display:block; float:left; overflow:hidden; margin-right:20px; border:1px solid #ddd; } .mynews_list02 dl dt { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .mynews_list02 dl dt a { color:#008CD6; font-size:16px; font-weight:700; } .mynews_list02 dl dd { margin:5px 0; line-height:20px; height:85px; font-size:14px; overflow:hidden; } .mynews_list02 dl a.more { float:right; display:block; height:25px; line-height:25px; padding:0 12px; background:#008CD6; color:#FFF; font-size:14px; text-decoration:none; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; } .mynews_list02 dl dd p { color:#666; margin:1px 0; line-height:20px; height:80px; font-size:14px; overflow:hidden; } /* my_produc Mr.Box Add 2015年9月24日23:45:16*/ .my_produc,.my_produc_com { margin:auto; padding-top:20px; padding-bottom:50px; } .my_produc h2,.my_produc_com h2 { width:80%; margin: 0 auto; height:80px; line-height:80px; display:block; text-align:center; position:relative; } .my_produc h2 i,.my_produc_com h2 i { height:1px; overflow:hidden; width:100%; position:absolute; top:50%; left:0; background:#dcdcdc; } .my_produc h2 strong,.my_produc_com h2 strong { font-size:18px; color:#333; background:#fafafa; display:inline-block; padding:0 10px; font-weight:400; position:relative; } .my_produc .my_produc_list { width:80%; margin:0 auto; overflow:hidden; position:relative; border:1px #eee solid; background:#fff; margin-top:10px; } .cl { zoom:1; } .my_produc_list .my_produc_list_s { overflow: hidden; } .my_produc_list ul li { float:left; width:25%; overflow:hidden; text-align:center; position:relative; } .my_produc_list ul li a { padding:10px; border:1px #eee solid; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; display:block; } .my_produc_list ul li a:hover { background:#eee; } .my_produc_list ul li a:hover i { border:5px #f2f9fd solid; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s; } .my_produc_list ul li a .figure { overflow:hidden; position:relative; text-align:center; } .my_produc_list ul li a .figure img { width:100%; z-index:1; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .my_produc_list ul li a:hover .scale img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); } .my_produc_list ul li a h3 { font-size:18px; color:#333; padding:30px 30px; text-align:center; } .my_produc_list ul li a p { padding:0 30px; font-size:14px; text-align:center; } .my_produc_list ul li a i { -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s; display:block; overflow:hidden; width:100%; height:350px; position:absolute; top:0; left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:9; border:1px #fff solid; } .my_produc_com_list ul li { display: block; overflow: hidden; } .my_produc_com_list ul li .color-list { padding: 15px 20px 0 30px; text-align: left; } .my_produc_com_list ul li .color-list span { width: 8px; height: 8px; display: inline-block; overflow: hidden; margin-right: 5px; border: 1px #cfcfcf solid; background: #fff; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .my_produc_com_list ul li .color-list span.white { border: 1px #cfcfcf solid; background: #fff; } .my_produc_com_list ul li .color-list span.blue { border: 1px #5263a1 solid; background: #5263a1; } .my_produc_com_list ul li .color-list span.black { border: 1px #666 solid; background: #666; } .my_produc_com_list ul li a { display: block; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .my_produc_com_list ul li .figure img { -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .my_produc_com_list a:hover .scale img { -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .my_produc_com_list a:hover .move img { -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; -webkit-transform: translate3d(-10%,0px,0px); -moz-transform: translate3d(-10%,0px,0px); -ms-transform: translate3d(-10%,0px,0px); transform: translate3d(-10%,0px,0px); } .my_produc_com_list a:hover .moveup img { -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s; -webkit-transform: translate3d(0,-10%,0); -moz-transform: translate3d(0,-10%,0); -o-transform: translate3d(0,-10%,0); transform: translate3d(0,-10%,0); } .my_produc_com_list a:hover .movetop img { -webkit-transition:all 2s; -moz-transition:all 2s; -o-transition:all 2s; transition:all 2s; -webkit-transform: translate3d(0,-40px,0); -moz-transform: translate3d(0,-40px,0); -o-transform: translate3d(0,-40px,0); transform: translate3d(0,-40px,0); } /* com_product Add By Mr.Box 2015年9月25日16:43:04*/ .my_produc_com .my_produc_com_list { width:80%; margin:0 auto; overflow: hidden; position: relative; border: 1px #eee solid; background: #fff; } .my_produc_com_list { height: 550px; } .my_produc_com_list .p_left { width:60%; height:100%; overflow: hidden; } .my_produc_com_list .p_left .p_top { width:100%; height:50%; overflow: hidden; border-bottom: 1px solid #EEE; } .my_produc_com_list .p_left .p_1 { width:100%; height:100%; top: 0; left: 0; /* background: #47afe6;*/ } .my_produc_com_list .p_left .p_1 a { height: 332px; position: relative; display: block; } .my_produc_com_list .p_left .p_1 .figure { width: 480px; height: 480px; position: absolute; top: -140px; left: -100px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .my_produc_com_list .p_left .p_1 a h3 { font-size: 70px; color: #fff; width: 300px; height: 240px; position: absolute; right: 10px; top: 60px; } .my_produc_com_list .p_left .p_1 a:hover .figure { -webkit-transform: translate3d(13%,5%,0); -moz-transform: translate3d(13%,5%,0); -ms-transform: translate3d(13%,5%,0); transform: translate3d(13%,5%,0); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .my_produc_com_list .p_left .p_bottom { width:100%; height:50%; overflow: hidden; } .my_produc_com_list .p_left .p_bottom .p_bottom_l { width:50%; height:100%; overflow: hidden; } .my_produc_com_list .p_left .p_3 { width:100%; height:100%; top: 333px; left: 0; border-right: 1px #eee solid; /* background: #ff97b7;*/ color: #fff; } .my_produc_com_list .p_left .p_3 a { display: block; color: #fff; position: relative; height: 100%; } .my_produc_com_list .p_left .p_3 .figure { width: 260px; height: 302px; position: absolute; bottom: 0; right: 20px; top: 50px; z-index: 1; } .my_produc_com_list .p_left .p_3 a h3 { position: absolute; left: 20px; bottom: 20px; z-index: 2; display: block; font-size: 24px; padding: 0; } .my_produc_com_list .p_left .p_3 a h3 p { padding: 0; font-size: 14px; } .my_produc_com_list .p_left .p_bottom .p_bottom_r { width:50%; height:100%; overflow: hidden; } .my_produc_com_list .p_left .p_4 { width:100%; height:100%; border-left: 1px solid #EEE; top: 333px; left: 358px; /* background: #ffd25a;*/ color: #fff; } .my_produc_com_list .p_left .p_4 a { color: #fff; height: 100%; position: relative; display: block; } .my_produc_com_list .p_left .p_4 .figure { width: 700px; height: 332px; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transform: translate3d(4%,0,0); -moz-transform: translate3d(4%,0,0); transform: translate3d(4%,0,0); } .my_produc_com_list .p_left .p_4 a h3 { position: absolute; left: 20px; bottom: 20px; z-index: 2; display: block; font-size: 24px; padding: 0; } .my_produc_com_list .p_left .p_4 a h3 p { padding: 0; font-size: 14px; } .my_produc_com_list .p_left .p_4 a:hover .figure { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .my_produc_com_list .p_right { width:40%; height:100%; overflow: hidden; } .my_produc_com_list .p_right .p_2 { width:100%; height:100%; border-left: 1px solid #EEE; } .my_produc_com_list .p_right .p_2 a h3 { display: block; text-align: center; font-size: 44px; color: #fff; width: 40%; position: absolute; top: 50px; z-index: 9; } .my_produc_com_list .p_right .p_2 .figure img { width:100%; height:100%; z-index: 1; } /* myproduct_menu CSS Add By Mr.Box 2015年9月25日21:16:08*/ .mypruduct_menu { position: static; top:0; display: block; border-top: 0; } .mypruduct_menu .mypruduct_menu_dl { display:block; width:80%; min-width:950px; height:80px; margin:auto; padding-top: 10px; overflow:hidden; position:relative; } .mypruduct_menu .mypruduct_menu_dl { height:166px; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li { height:166px; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a { height:166px; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li { display:block; float:left; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .mypruduct_menu_li_c { padding:0 1px; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a.now,.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a:hover { background-color:#23B7E5; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-radius: 5px; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a { padding: 0 20px; display:block; position:relative; overflow:hidden; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .news_menu_p { width:100%; height:70%; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .news_menu_p b { padding:20px 0; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .news_menu_t { width:100%; height:30%; line-height:30%; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .all-series a.now b,.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li.all-series a:hover b { background-position:0 -167px; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li .all-series a b { background-position:0 0; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a b { width:100%; height:80%; display:block; position:relative; top:0; text-indent:-9999px; background-size:1254px 336px; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a.now h2,.mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a:hover h2 { color:#fff; } .mypruduct_menu .mypruduct_menu_dl .mypruduct_menu_li a h2 { text-align:center; color:#666; font-size:18px; font-weight:400; padding:20px 0px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .mypruduct_menu .mypruduct_menu_mh { display:block; width:80%; min-width:950px; height:80px; margin:auto; padding-top: 10px; overflow:hidden; position:relative; } .mypruduct_menu .mypruduct_menu_mh { height:60px; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li { height:60px; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a { height:60px; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li { display:block; float:left; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .mypruduct_menu_li_c { padding:0 1px; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a.now,.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a:hover { background-color:#23B7E5; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; border-radius: 5px; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a { padding: 0 20px; display:block; position:relative; overflow:hidden; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .news_menu_p { width:100%; height:70%; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .news_menu_p b { padding:20px 0; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .news_menu_t { width:100%; height:30%; line-height:30%; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .all-series a.now b,.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li.all-series a:hover b { background-position:0 -167px; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li .all-series a b { background-position:0 0; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a b { width:100%; height:80%; display:block; position:relative; top:0; text-indent:-9999px; background-size:1254px 336px; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a.now h2,.mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a:hover h2 { color:#fff; } .mypruduct_menu .mypruduct_menu_mh .mypruduct_menu_li a h2 { text-align:center; color:#666; font-size:18px; font-weight:400; padding:20px 0px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } /* mynews CSS Add By Mr.Box 2015年9月26日23:19:31*/ .met_module2_list { padding: 0px; } .my_news { width:100%; background: #fff; margin: auto; margin-bottom: 40px; margin-top:20px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); } .my_news .met_pager { padding: 30px 0; } .my_news ul li .article_info p a b { background: url(../hits.png) no-repeat; } .my_news ul { display: block; padding: 0 40px; } .my_news ul li { display: block; padding: 40px 0 20px 0; border-bottom: 1px #f1f1f1 solid; } .my_news ul li h2 { font-size: 24px; color: #333; padding-bottom: 10px; } .my_news ul li h2 a { color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .my_news ul li h2 a:hover { color: #008cd6; } .my_news ul li .article_info { font-size: 12px; } .my_news ul li .article_info a { color: #999; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .my_news ul li .article_info a:hover { color: #008cd6; } .my_news ul li .article_info p { float: right; text-align: right; } .my_news ul li .article_info p a { font-size: 14px; display: inline-block; margin-left: 16px; } .my_news ul li .article_info p a b { width: 24px; height: 24px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 1px; position: relative; top: -1px; } .my_news ul li .article_info p a.reader b { background-position: 0 0; } .my_news ul li .article_info p a.reply b { background-position: -25px 0; } .my_news ul li .article { padding: 10px 0; position: relative; text-align: justify; line-height: 1.5em; color: #666; font-size: 14px; } .my_news ul li .article .article_img { margin-bottom: 20px; width:100%; max-height:250px; overflow:hidden; border:1px solid #ddd; } .my_news ul li .article .article_img img { width:100%; } .my_news ul li .readmore { text-align: right; } .my_news ul li .readmore a { color: #008cd6; } .my_news ul li .readmore a b { background: url(../read_more.png) no-repeat; } .my_news ul li .readmore a b { width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-left: 5px; } .my_news .news_title { padding: 40px; padding-bottom: 20px; text-align: center; } .my_news .news_title h2 { font-size: 24px; color: #333; padding-bottom: 10px; } .my_news .news_title p { font-size: 14px; color: #666; } .my_news .news_views { margin: 40px; margin-top: 0; font-size: 14px; color: #666; line-height: 1.5em; overflow: hidden; } .my_news .met_tools { margin: 40px; margin-top: 0; font-size: 14px; color: #666; overflow: hidden; padding: 10px 0; } .my_news ul li { border-bottom: none; } .show_mynews_class2 { padding: 0 0 10px 0; width: 1100px; margin: auto; display: block; font-size: 24px; color: #008cd6; } /* mynews_aside CSS Add Add By Mr.Box 2015年9月26日16:23:04*/ .mynews_aside { width:80%; min-width: 1100px; min-height:400px; color:#999; font-size:14px; margin:auto; margin-bottom:40px } .mynews_aside aside { float: right; width: 30%; } .mynews_aside .met_pager { padding: 30px 0; } .mynews_aside article { width:70%; margin-left:0px; } .mynews_aside article .met_article { padding: 0 20px; margin-left: 0px; } .news-rel dl { display: block; margin-bottom: 20px; background: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1); box-shadow: 0 1px 1px rgba(0,0,0,.1); } .news-rel dl dt { display: block; height: 60px; line-height: 60px; position: relative; border-bottom: 1px #f1f1f1 solid; } .news-rel dl.tab dt { display: table; width: 100%; } .news-rel dl.tab dt a { width: 50%; height: 42px; line-height: 42px; text-align: center; display: table-cell; color: #008cd6; font-size: 18px; } .news-rel dl.tab dt a:hover,.news-rel dl.tab dt a.current { background: #008cd6; color: #fff; } .news-rel dl.tab dd { height: auto; position: relative; } .news-rel dl.tab dd ul { display: block; padding: 0 20px; } .news-rel dl.tab dd ul li { display: block; padding: 20px 0; border-bottom: 1px #f1f1f1 solid; } .news-rel dl.tab dd ul li a { display: block; height: 62px; overflow: hidden; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .news-rel dl.tab dd ul li span { width: 120px; height: 60px; float: left; border: 1px #e5e5e5 solid; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px; overflow: hidden; } .news-rel dl.tab dd ul li a h2 { color: #666; font-size: 14px; font-weight: normal; display: block; margin-left: 135px; margin-bottom: 8px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; overflow: hidden; } .news-rel dl.tab dd ul li a p { color: #999; font-size: 12px; height: 32px; overflow: hidden; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; display: none; } .news-rel dl.tab dd ul li a:hover h2,.news-rel dl.tab dd ul li a:hover p { color: #008cd6; } .news-rel dl.tab dd .more { color: #333; height: 45px; line-height: 45px; border-top: 1px #f1f1f1 solid; position: relative; top: -1px; text-align: center; } .news-rel dl.tab dd .more a { display: inline-block; position: relative; color: #333; } .news-rel dl.tab dd .more a b { width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle; background-position: -16px -64px; margin-left: 5px; position: relative; top: -1px; } .news-rel dl.list dt { padding-left: 20px; color: #333; font-size: 18px; } .news-rel dl.tab dt a { width: 50%; height: 60px; line-height: 60px; text-align: center; display: table-cell; color: #008cd6; font-size: 18px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .news-rel dl.list dt a b { width: 15px; height: 15px; overflow: hidden; display: inline-block; vertical-align: middle; background-position: 0 -64px; margin-left: 2px; position: relative; top: -1px; } .news-rel dl.list dd ul { display: block; padding: 20px; } .news-rel dl.list dd ul li { padding-bottom: 12px; display: block; overflow: hidden; } .news-rel dl.list dd ul li a { color: #666; overflow: hidden; white-space: nowrap; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .news-rel dl.list dd ul li a:hover { color: #008cd6; } .news-rel dl.list dd ul li a b { width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; font-size: 12px; overflow: hidden; display: inline-block; margin-right: 10px; background: #aab2bd; position: relative; top: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .news-rel dl.list dd ul li a b.top { background: #ff6600 } /* top_nav css Add By Mr.Box 2015-10-3 23:43:17*/ .header,.header2 { transition: 600ms; } .header { position: absolute; top:0; z-index:999; height:84px; transition: 600ms; width:100%; min-width:1180px; background:rgba(255,255,255,.9); border-bottom:1px solid rgba(235,238,240,.9); } .header2 { position: absolute; position: fixed; top:0; z-index:999; height:84px; padding:0px 0 ; width:100%; min-width:1180px; background:rgba(255,255,255,.9); border-bottom:1px solid rgba(235,238,240,.9); opacity:0.9; } .top_nav_button { height:84px; } /* produc_com page CSS Add By Mr.Box 2015年10月4日09:46:40*/ .my_produc_com ul .promos_bt a img { width:480px; height:480px; } .my_produc_com ul .promos_br a img { width:383px; height:765px; } .my_produc_com ul .promos_lbs a img { width:260px; height:302px; } .my_produc_com ul .promos_rbs a img { width:700px; height:332px; } /* CSS Style Add By Mr.Box 2015年12月1日09:36:22*/ .tem_footer { padding:30px 0 0 0; background:#161616; color:#CCC; font-size:14px; min-height: 180px; border-bottom:1px solid #313131; padding-bottom:20px; } .tem_footer a { color:#CCC; } .tem_footer a:hover { color:#FFF; } .my_inner { position: relative; margin: 0 auto; width:80% } .tem_footer_1 { width:40%; } .tem_footer_2 { width:60%; } .tem_footer_3 { width:100%; margin-top:20px; bottom: 0px; } .tem_footer_1,.tem_footer_2 { position: relative; margin: 0 auto; } .tem_footer_1 h1,.tem_footer_link h1 { font-size:16px; color:#ccc; margin-bottom: 10px; } .tem_footer_text { width:39%; position: relative; margin: 0 auto; } .tem_footer_nav { width:50%; position: relative; margin: 0 auto; } .tem_footer_nav ul { list-style: outside none none; } .tem_footer_nav ul li { float: left; } .tem_footer_nav a { padding:0px 10px; } .tem_footer_logo { position: relative; margin: 0 auto; } .tem_footer_1 img { margin-top: -5px; } .tem_footer_1 img:hover { width:160px; height:160px; margin-top:-130px; } .tem_footer_1 { overflow:hidden; white-space:nowrap; } .tem_footer_1 li { position:relative; padding-top:5px; padding-left:48px; min-height:35px; color:#CCC; list-style:none; } .tem_footer_1 li:hover { color:#FFF; } .tem_footer_1 li i { position:absolute; top:0; left:0; width:35px; height:35px; border:1px solid #424244; border-radius:5px; color:#7c7c7c; text-align:center; font-size:22px; line-height:35px; } .tem_footer_2 img { margin:0px 2px; border-radius: 2px; } .tem_footer_link a { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .tem_footer_link .tem_txt { padding:10px 0; } .tem_footer_link .tem_txt a { margin-right:7px; } .tem_footer_link a:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .powered_by_metinfo { height:35px; background:#161616; color:#999; text-align:center; font-size:12px; line-height:35px; padding-bottom:25px; border-top:1px solid #000; padding-top:20px; } .powered_by_metinfo a { color:#999; } /*important Css Add 2015-12-02*/ .mysection { width:100%; min-width: 1180px; } .mysection_s { padding:0 20px; }