@charset "utf-8";
html,body{background:#fff;color:#333;font:15px/1.6 '黑体',Tahoma,Verdana,'Simsun';}
a{color:#333;text-decoration:none;}
a:hover{/* color:#e9280c; */text-decoration:none;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;/* width:1000px; */}
@media(min-width:1000px){.tem_inner{padding:0;/* width:1000px; */}
}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;/* width:1100px; */}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;/* width:70%; */}
}
header{/*background: rgba(64, 64, 64, 0.8);*/width: 100%;z-index: 2222;top: 0;background:#fff}
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:#e9280c;}
.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 div.line{float:right;width:30px;color:#eee;text-align:center;}
.head{position: relative;}
.head h1 img,.head h2 img{position:relative;z-index:999;font-size:0;height: 60px;}
header h1{display:inline;position: absolute;margin-top: 18px;}
header h1.ny{margin-top: 40px;}
.tem_head nav{/* position:absolute; *//* top:50%; *//* right:0; *//* margin-top:-17px; *//* height:34px; *//* line-height:34px; */}
.head nav{
    width: 625px;
    float: right;
    margin-top: -18px;    margin-right: -48px;

}

@media(max-width: 680px){
	.head nav{ width: 100%; }
}

.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:#e9280c;}
.tem_head nav a.navdown{border-radius:2px;background:#e9280c;color:#fff;}
.tem_head nav a.navdown:hover{color:#fff;}
.tem_head nav ul li dl{position:absolute;top:55px;left:0;z-index:99;display:none;width:500px;background:#f3f4f5;}
.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;padding:0;padding:8px 5px;text-align:center;line-height:1.5;}
.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;margin-top: 119px;}
.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;height: auto;}
.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:#e9280c;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(../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(../pnthover.png) no-repeat;}
.tem_index_footer_attention img{margin-top:8px;width:100px;}
.tem_index_footer_attention p{margin-top:5px;}
.tem_footer{position:relative;padding:30px 0;background:#161616;color:#4a4a4a;font-size:12px;}
.tem_footer a{color:#4a4a4a;}
.tem_footer_nav{position:absolute;top:50%;right:0;margin-top:-15px;height:30px;line-height:30px;}
.tem_footer_nav a{margin-left:30px;}
.powered_by_metinfo{height:35px;background:#161616;color:#4a4a4a;text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#4a4a4a;}
.met_section{position:relative;padding: 0;width: 1180px;max-width: 100%;/* padding: 0 15px; */}
.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 #e9280c;}
.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;margin: 0;border-bottom: 1.4px dashed  #333;line-height: 50px;/* height: 50px; */    width: 97.5%; margin: 0 auto;}
.met_article_head .met_position{/* position:absolute;top:0;left: 0; */color:#aaa;font-family:'宋体';}
.met_article_head .met_position a{color: #666;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:#e9280c;}


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





.swiper-container img{max-width: 100%;height: auto;}

.tem_banner .leftbottom{position: absolute;bottom: -40%;opacity: 0; left: 0;width: 100%;height: 40%;color: #fff;text-align: left;box-sizing: border-box;padding-left: 8%;transition:0.2s 0.5s;}

.tem_banner .swiper-slide-active .leftbottom{bottom: 100px;opacity: 1;}


.tem_banner .leftbottom .bannertit{
    font-size: 45px;
}
.tem_banner .leftbottom .bannerdesc{
	font-family: Arial;
    font-size: 30px;
    color: #dbdada;
    margin-bottom: 1%;
    width: 610px;
}
.tem_banner .leftbottom .more{    font-size: 20px;}
.tem_banner .leftbottom .more img{
	 -webkit-animation:gogogo 1.5s infinite linear ;
	 animation:gogogo 1.5s infinite linear ;
	 position: relative;top: 0;
}

@-webkit-keyframes gogogo {
    0%{ top: -5;opacity: 1 }
    50%{ top: 0px; opacity: 0.5}
    100%{ top: 5px; opacity: 0}
}




.tem_banner .leftbottom .more span{margin: 0 15px}

.headline{
    position: absolute;
    width: 2px;
    height: 62px;
    top: 22px;
    left: 127px;
    background: #3d3d3d;
}
.qqlx{
    position: absolute;
    line-height: 100px;
    left: 150px;
    font-size: 17px;
    color: #2b2b2b;font-family: "微软雅黑";
}

.lang{
    float: right;
        line-height: 14px;
    /* left: 150px; */
    font-size: 14px;
    color: #fff;
           margin-bottom: 40px;
}
.lang span{margin: 0 7px;color:#020204}



/* sec */

.sec{width: 1180px;margin: 15px auto;/*padding-top: 30px;*/max-width: 100%;}

.sec .titbox{
    margin-bottom: 30px;
	padding: 0 10px;
}
.sec .titbox .title{font-size: 30px;color: #333;padding: 0;line-height: 60px;}
.sec .titbox .desc{
	font-family: Arial;
    font-size: 15px;
    color: #555;
    line-height: 30px;
    
}

.sec1{}
.sec1 .sec1box{}
.sec1 .sec1box .top{position: relative;margin: 10px 0;box-sizing: border-box;}
.sec1 .sec1box .sec1topli{position: absolute;color: #fff;}
.sec1 .sec1box .sec1topli1{position: relative;width: 55%;left: 0.5%;}
.sec1 .sec1box .sec1topli2{
    top: 0;
    right: 0.5%;
    width: 41%;
}
.sec1 .sec1box .sec1topli3{
    bottom: 0;
    right: 21.5%;
    width: 20%;
}
.sec1 .sec1box .sec1topli4{
    bottom: 0;
    right: 0.5%;
    width: 20%;
}
.sec1 .sec1box .sec1topli a{
    display: block;
    color: #fff;
}
.sec1 .sec1box .sec1topli a img{
    width: 100%;
}
.sec1 .sec1box .sec1topli a .newstit{position: absolute;bottom: 40px;font-size: 15px;line-height: 15px;left: 4%;}
.sec1 .sec1box .sec1topli1 a .newstit{font-size: 20px;}
.sec1 .sec1box .sec1topli2 a .newstit{font-size: 20px;}


.sec1 .sec1box .sec1topli a .time{position: absolute;bottom: 15px;font-size: 12px;line-height: 11px;left: 4%;}
.sec1 .sec1box .sec1topli a .time .timeicon{width: auto;margin: 0 5px;vertical-align: top}

.sec1 .sec1box .sec1topli a .more{position: absolute;bottom: 5%;right: 5%;width: 80px;height: 25px;font-size: 12px;text-align: center;line-height: 25px;background: #227683;}

.sec1 .sec1box .sec1topli a .more:hover{color: #227683;background: #fff}



.sec1 .sec1box .down{
    width: 100%;
    /* height: 290px; */
    padding: 0 0.5%;
    margin-top: 60px;
}
.sec1 .sec1box .down .left{
    float: left;
    width: 49%;
    /* height: 100%; */
    background: #f2f2f2;
    margin-bottom: 10px;
}
.sec1 .sec1box .down .right{
    float: right;
    width: 49%;
    /* height: 100%; */
    background: #227683;
	margin-bottom: 10px;
}
.sec1 .sec1box .down .sec1downli{
    padding: 0 6%;
}
.sec1 .sec1box .down .newstit{
    font-size: 23px;
    color: #333;
    line-height: 40px;
    padding: 25px 0;
}
.sec1 .sec1box .down .newsdesc{
    line-height: 30px;
    font-size: 15px;
    color: #555;
}
.sec1 .sec1box .down a{
    font-size: 14px;
    color: #227683;
    line-height: 90px;
    display: block;
    transition:0.5s;
}
.sec1 .sec1box .down a:hover{font-size: 16px;}
.sec1 .sec1box .down a span{/* margin: 0 8px; */}

.sec1 .sec1box .down .right .newstit{color: #fff}
.sec1 .sec1box .down .right .newsdesc{color: #fff}
.sec1 .sec1box .down .right a{color: #fff}


.sec2 .secbox{}
.sec2 .secbox .sec2li{
    width: 33%;
    float: left;
    position: relative;
    margin-bottom: 45px;
}
.sec2 .secbox .sec2li a{
    display: block;
    position: relative;
    padding-left: 100px;
}

.sec2 .secbox .sec2li a img{
    position: absolute;
    left: 15px;
    width: 60px;
    top: 10px;
}
.sec2 .secbox .sec2li a .box{}
.sec2 .secbox .sec2li a .box .tit{
    font-size: 24px;
    color: #106682;
    transition:0.3s;
    line-height: 38px;
}




.sec2 .secbox .sec2li a .box .desc{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    transition:0.5s;
}
.sec2 .secbox .sec2li a:hover .box .tit{font-size: 26px;    text-decoration: underline;}
.sec2 .secbox .sec2li a:hover .box .desc{color: #106682;}


.footer{background: #434343; padding:60px 0 30px;}
.footer .foot{width: 1180px;margin: 0 auto;padding: 0 10px;max-width: 100%;}
.footer .foot .left{float: left; width: 31%}
.footer .foot .left .title{font-size: 24px; color: #fff;}
.footer .foot .left .desc{font-size: 14px;color: #9c9c9c;width:86%;padding: 25px 0 25px 0;border-bottom: 1px solid #393939;  font-family: "aril";}
.footer .foot .left .subs{font-size: 18px;color: #9b9b9b;padding: 20px 0;}
.footer .foot .left input{width: 75%;height: 42px;background: #1d7b86;color: #9c9c9c;line-height: 42px;border: none;outline: none;padding-left: 10px;}

.footer .foot .center{float: left; width: 39%}
.footer .foot .center .title{font-size: 18px;color: #fff;line-height: 40px;margin-bottom: 20px;}
.footer .foot .center .box{}
.footer .foot .center .box a{
    float: left;
    width: 33%;
    font-size: 15px;
    color: #b2b2b2;
    line-height: 35px;
}
.footer .foot .center .box a:hover{color: #fff}


.footer .foot .center .box a .tit{}

.footer .foot .right{float: left; width: 30%;}
.footer .foot .right .title{font-size: 18px;color: #fff;line-height: 40px;margin-bottom: 20px;}

.footer .foot .right input{height: 45px;line-height: 45px;padding-left: 8px;width:100%;background: #313131;border: none;outline: none;margin-bottom: 20px;color: #8c8c8c;}
.footer .foot .right textarea{line-height: 45px;padding-left: 8px;width: 100%; background: #313131;border: none;outline: none;color: #8c8c8c;resize:none;}
.footer .foot .right input.submit{width: 115px;height: 35px;line-height: 35px;background: transparent;border: 1px solid rgba(255, 255, 255, 0.4);margin-top: 15px;text-align: center;display: block;padding: 0;}
.footer .foot .right input.submit:hover{background: #fff;color: #333}


.s8foot{background:#1c1c1c;/* position:absolute; *//* bottom:-100px; */transition:0.5s;line-height: 50px;/* color:#fff; */font-size: 14px;width: 100%;padding: 30px 0 15px;} 
.s8foot .s8ftcont{width: 1180px;margin:0 auto;max-width: 92%;}
.s8foot .s8ftcont .s8fp1{/* float:left; */text-align: center;color: #b2b2b2;}
.s8foot .s8ftcont .s8fp2{float:right; text-align:right; color:#fff;}
.s8foot .s8ftcont .s8fp2 a{color:#fc5a13;transition:0.5s;font-size:14px;}
.s8foot .s8ftcont .s8fp2 a:hover{color: #fff;/* font-weight:600 */}


.s8foot .iconset{
    text-align: center;
}
.s8foot .iconset .icon{
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}
.s8foot .iconset .icon img{}



.nyheader{position: relative;background: #fff;position: absolute;}
.nyhead{}


.nyheader .navbar-default .navbar-nav > li > a{color: #333333}
.nyheader .lang{color: #333333}

.nyheader .navbar-default .navbar-nav > li > a:hover,.nyheader .navbar-default .navbar-nav > li > a:focus{border-bottom: 3px solid #1D7A99;}
.nyheader .navbar-default .navbar-nav > li > a.act,.nyheader .navbar-default .navbar-nav > li > a.act{border-bottom: 3px solid #1D7A99;}

 .navbar-default .navbar-nav > li > a:hover,.nyheader .navbar-default .navbar-nav > li > a:focus{border-bottom: 3px solid rgba(2, 2, 4, 0.6392156862745098)}
 .navbar-default .navbar-nav > li > a.act,.nyheader .navbar-default .navbar-nav > li > a.act{border-bottom: 3px solid #fff;font-family: "微软雅黑";}




.met_article_head .met_position span{color: #666;font-family: 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head .met_position img{
    margin: 0 6px 0 0;
    vertical-align: text-bottom;
}



.nysec{}
.nysec .titlebox{
    padding: 0;
}
.nysec .titlebox .title.jny{font-size: 30px;line-height: 80px;color: #333333;border-bottom: 1.4px solid #227683;margin-bottom: 10px;}
.nysec .titlebox .title{font-size: 30px;line-height: 80px;color: #333333;margin-bottom: 10px; font-family:arial;   }

.nysec .titlebox .descr{color: #666666; font-size: 15px;line-height: 30px;}

.company .nysec .nybody{
    margin-top: 15px;
}
.company .nysec .nybody .top{
    /* margin-bottom: 30px; */
}
.company .nysec .nybody .top .col-md-6{
    margin-bottom: 30px;
}
.company .nysec .nybody  img.back{width: 100%}
.company .nysec .nybody .top .col-md-6 .box{
    background: #fafafa;
    padding: 0 25px 15px;
}
.company .nysec .nybody .top .col-md-6 .box .title{
    line-height: 70px;
    color: #333333;
    font-size: 26px;
}
.company .nysec .nybody .top .col-md-6 .box .desc{
    font-size: 15px;
    color: #666666;
    line-height: 30px;
}
.company .nysec .nybody .top .col-md-6 .box .more{color: #888;margin: 15px 0px 0;line-height: 24px;}
.company .nysec .nybody .top .col-md-6 .box .more span{/* color: #888; *//* margin: 0 10px; */   }


.company .nysec .nybody .down .col-md-3 .box{
    background: #fafafa;
    padding: 10px 15px 15px;
}
.company .nysec .nybody .down .col-md-3 .box .title{
    line-height: 35px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.company .nysec .nybody .down .col-md-3 .box .desc{
    font-size: 15px;
    color: #666;
    line-height: 24px;
}
.company .nysec .nybody .down .col-md-3 .box .more{ color: #888; margin: 15px 0px 0;line-height: 24px;}
.company .nysec .nybody .down .col-md-3 .box .more span{/* color: #888; *//* margin: 0 10px; */}

.nysec .tuisong{
    margin: 15px auto 0;
}
.nysec .tuisong a {margin-bottom: 15px;}
.nysec .tuisong a  img.back{width: 100%}
.nysec .tuisong a .box{background: #f2f2f2; padding: 10px 15px 15px;}
.nysec .tuisong a .box .title{line-height: 35px; color: #333; font-size: 17px; font-weight: bold;}
.nysec .tuisong a .box .desc{font-size: 14px; color: #666; line-height: 24px;}
.nysec .tuisong a .box .more{ color: #888; margin: 15px 0px 0;}
.nysec .tuisong a .box .more span{/* color: #888; *//* margin: 0 10px; */}

.nysec .tuisong a:hover .box{background: #227583; transition:0.3s;}
.nysec .tuisong a:hover .box .title{color: #fff; transition:0.3s;}
.nysec .tuisong a:hover .box .desc{color: #fff; transition:0.3s;}
.nysec .tuisong a:hover .box .more{color: #fff; transition:0.3s;}
.nysec .tuisong a:hover .box .more span{color: #fff; transition:0.3s;}


.companysec{padding-top: 30px;padding-bottom: 45px;}

.companysec .zuo{
    border-right: 2px solid #ddd;
}
.companysec .zuo .a{}
.companysec .zuo .a .box{}
.companysec .zuo .a .box .title{
    font-size: 22px;
}
.companysec .zuo .a .box .desc{
    font-size: 14px;
    color: #777777;
    margin: 20px 0;
}
.companysec .you{
    margin-top: -40px;
}
.companysec .you .col-md-3{}
.companysec .you .col-md-3 .back{}
.companysec .you .col-md-3 .box{}
.companysec .you .col-md-3 .box .title{
}
.companysec .you .col-md-3 .box .desc{}
.companysec .you .colyou{text-align: center;}
.companysec .you .colyou .box .title{
    font-size: 18px;
    color: #444444;
    line-height: 50px;
}
.companysec .you .colyou .box .desc{
    color: #777777;
}
.companysec .you .colyou  img.back{}
.botcont{
    line-height: 30px;
    font-size: 15px;
    padding: 0 15px;
}

.companysec .you .zuo .a .more{
    background: #227683;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 70%;
}

.botcont img{max-width: 100%;}


.joinsec{    padding-bottom: 60px;}


.sec1.joinsec .sec1box .sec1topli1{position: relative;width: 54%;left: 0.5%;}
.sec1.joinsec .sec1box .sec1topli2{top: 0;right: 0.5%;width: 43.5%;}
.sec1.joinsec .sec1box .sec1topli3{bottom: 0;right: 23%;width: 21%;}
.sec1.joinsec .sec1box .sec1topli4{bottom: 0;right: 0.5%;width: 21%;}



.job{padding: 0 15px;}
.job .nysec{}
.job .nysec .jobli{
    border-bottom: 1px solid #f2f2f2;
}
.job .nysec .jobli .title{
    color: #4e4e4e;
    font-size: 22px;
    line-height: 80px;
}
.job .nysec .jobli .cont{
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.job .nysec .jobli a{
    display: block;
    line-height: 50px;
    color: #277a85;
    font-size: 16px;
    transition:0.3s;
}
.job .nysec .jobli a:hover{font-size: 18px;}


.job .nysec .jobli a span{/* margin: 0 10px; */}

.job .nysec .jobli .cont{}

.job .nysec1 .titlebox{padding: 0 0 15px; border-bottom: 1px solid #f2f2f2;}



.contact{margin-bottom: 60px;padding: 0 15px;}
.contact .nysecbody{
    margin: 25px auto 0;
}
.contact .nysecbody .box{}
.contact .nysecbody .box .conli{
    padding: 0 15px;
    height: 250px;
    margin-bottom: 25px;
}
.contact .nysecbody .box .conli .neir{background: #fafafa;height: 100%;}
.contact .nysecbody .box .conli .title{
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    color: #227683;

}
.contact .nysecbody .box .conli .addr{}
.contact .nysecbody .box .conli .tel{}
.contact .nysecbody .box .conli .mail{}
.contact .nysecbody .box .conli .cz{}
.contact .nysecbody .box .conli p{line-height: 30px;font-size: 16px;color: #666;background: #fafafa;padding: 0 15px;}
.contact .nysecbody .box .conli p img{display: inline-block;margin: 0 5px;}
.contact .nysecbody .box .conli p span{display: inline-block;}
.contact .nysecbody .box .conli p span.value{width: 70%;vertical-align: top;}

.contact .contactmessagebox{width: 100%;margin: 30px auto;max-width: 100%;}
.contact .contactmessagebox input[type="text"]{
    /* float: left; */
    height: 45px;
    padding-left: 8px;
    outline: none;
    /* border-radius: 5px; */
    border: 1px solid #ddd;
}
.contact .contactmessagebox input.int1{
    width: 50%;
    margin: 15px 0;
}
.contact .contactmessagebox input.int2{width: 50%;margin: 15px 0;}
.contact .contactmessagebox .textarea-text{
    width: 50%;
    margin: 15px 0;
    outline: none;
    /* border-radius: 5px; */
    border: 1px solid #ddd;
    padding: 10px;
    resize: none;
}
.contact .contactmessagebox .submit{
    background: #227683;
    display: block;
    margin: 20px 0;
    width: 150px;
    height: 50px;
    font-size: 16px;
    /* border-radius: 10px; */
}

.media .navlist{    line-height: 30px;
    font-size: 16px;
    text-align: right;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
}
.media .navlist a{margin: 0 20px;color: #227683;}

.mediali{
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
}
.mediali .left{
    float: left;
    margin-right: 20px;
}
.mediali .left img{}
.mediali .right{
    float: left;
    padding: 0 20px;
    /* height: 100%; */
}
.mediali .right .title{
    font-size: 20px;
    line-height: 50px;
    color: #4e4e4e;
}
.mediali .right .time{
    font-size: 14px;
    color: #888888;
    line-height: 40px;
}
.mediali .right .desc{
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    max-width: 750px;
}
.mediali .right .more{
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    background: #227683;
    color: #fff;
    position: absolute;
    bottom: 20px;
}


/*shownews*/

.shownewsbox{width:1050px;padding:10px 75px 40px;  margin: 30px auto ;min-height:180px;background:#fff;box-shadow:0px 0px 15px #ddd;position:relative;}

.newstitle{line-height:70px;font-size:18px;color:#666666;border-bottom:1px solid #ececec;text-align:center;}
.tool{/* height:30px; *//* padding-top:20px; */}
.tool .time{/* float:left; *//* width:46%; */text-align: center;line-height: 35px;}
.tool .share{float:right;width:46%;text-align:left;}
.newsback{width:90px;height:36px;text-align:center;line-height:36px;cursor:pointer;background:#f7f7f7;color:#888888;transition:0.5s;    display: block;
    border-radius: 5px;
    position: absolute;
    right: 76px;
    top: 22px;}
.newsback:hover{background:#1D7A99;color:#fff;}

.newscont p,.newscont span{line-height:30px;}


/* support */

.support{padding: 30px 0 50px;}
.support .nysec{padding: 10px 15px;padding-left: 0px;}
.support .nysec1{line-height: 30px;}

.support .nysec1 img{max-width: 100%;}

.support .nysec{width:1180px;max-width:100%;margin:0 auto;}

.support .nysec2{width: 100%;background: #fafafa;padding: 60px 15px 30px;}

.support .nysec2 .content{width:1212px;max-width:100%;margin:0 auto;}
.support .nysec2 .content a{margin-bottom: 25px;display: block;}

.support .nysec2 .content a .ins{background: #fff;padding: 0 30px 15px;border-radius: 6px;}
.support .nysec2 .content a .title{
    color: #227683;
    font-size: 22px;
    line-height: 70px;
}
.support .nysec2 .content a .desc{
    font-size: 15px;
    color: #666666;
    line-height: 30px;
}
.support .nysec2 .content a .more{
    color: #227683;
    font-size: 14px;
    line-height: 50px;
}


.support .nysec2 .content a:hover .ins{background: #227583;transition:0.3s;}
.support .nysec2 .content a:hover .title{color: #fff;transition:0.3s;}
.support .nysec2 .content a:hover .desc{color: #fff;transition:0.3s;}
.support .nysec2 .content a:hover .more{color: #fff;transition:0.3s;}



.supportdet{padding: 30px 0 50px;}
.supportdet .nysec1{padding: 0 15px;}



/* trade */

.trade{
    padding-bottom: 40px;
}
.trade .nysec{
    padding: 45px 0 0;
}
.trade .nysec .imgset{padding: 0 0.5%;}
.trade .nybody1{margin: 20px auto 0;}
.trade .nysec .imgset img{width: 31%;margin: 0 1%;max-width: 100%;height: auto!important;}

.trade .nybody1 .searcha{color: #227683;font-size: 20px;padding: 0 15px;margin-top: 30px;display: block;}
.trade .nysec2{padding: 45px 15px 0;}
.trade .nybody2 {
    background: #227683;
    color: #fff;
    padding: 20px 0;
}

.trade .nysec2 .hyli{padding-left: 50px;/* text-align: center; */margin-bottom: 15px;}
.trade .img{
    width: 60px;
}
.trade .title{color: #fff;}


.trade .nysec3.nysec .tuisong a .box .title{font-weight: initial}

.trade .nysec .tuisong a:hover .box{background: #227683;transition:0.5s;}
.trade .nysec .tuisong a:hover .box .title{color: #fff;transition:0.5s;}
.trade .nysec .tuisong a:hover .box .desc{color: #fff;transition:0.5s;}
.trade .nysec .tuisong a:hover .box .more{color: #fff;transition:0.5s;}


.tradedet {padding: 30px 0;}
.tradedet .nysec {/*padding: 0 15px;*/}
.tradedet .nysec1 {/*padding: 0 30px;*/}


/* product */
.product{padding-bottom: 50px}

.product .nysec{padding: 45px 15px 0;}
.product .nybody2 {background: #227683; color: #fff;  padding: 20px 0;}

.product .nysec2 .hyli{/* text-align: center; */margin-bottom: 15px;}
.product .nysec2 .hyli img{width: 60px;}
.product .nysec2 .hyli .title{color:#fff;    letter-spacing: -1px;}

.hyli .title{font-size: 15px;transition:0.5s;}
.hyli:hover .title{font-size: 16px;text-decoration: underline;}

.searcha{color: #227683;font-size: 20px;/* padding: 0 15px; */margin-top: 30px;display: block;text-decoration: underline;}
.searcha.seartop10{margin-top: 10px;}

.searcha.pad{padding: 0 15px;}


.product .nysec3 .nybody {}
.product .nysec3 .nybody .prolist{}
.product .nysec3 .nybody .prolist.double{background: #fafafa}




.product .nysec3 .nybody .prolist .top{
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.product .nysec3 .nybody .prolist .top .left{
    float: left;
    width: 20%;
    padding: 0 15px;
}
.product .nysec3 .nybody .prolist .top .left .title{
    font-size: 24px;
    color: #227683;
    display: block;
    line-height: 45px;
}
.product .nysec3 .nybody .prolist .top .left .more{
    color: #888888;
    font-size: 14px;
    transition:0.5s;
    /* line-height: 45px; */
}


.product .nysec3 .nybody .prolist .top .left .more:hover{font-size: 16px;}

.product .nysec3 .nybody .prolist .top .right{
    float: right;
    width: 80%;
    padding:  0 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
}

.product .nysec3 .nybody .prolist .top .right .desc{
    color: #666;
    line-height: 30px;
}
.product .nysec3 .nybody .prolist .down{
    padding: 20px 0 30px;
}
.product .nysec3 .nybody .prolist .down a.hyli{
    color: #227683;
    font-size: 15px;
    line-height: 30px;
    transition:0.5s;
}
.product .nysec3 .nybody .prolist .down a.hyli:hover{
    font-size: 16px;text-decoration: underline;
}

.product .nysec3 .nybody .prolist .down a.hyli .title{font-family: area;}



.product .nysec2{}
.product .nysec2 .procls3{}
.product .nysec2 .procls3 .list{
    padding: 20px 0;
    border-top: 1px solid #ccc;
}
.product .nysec2 .procls3 .list a{}
.product .nysec2 .procls3 .list a .right{
    float: right;    margin-left: 50px;
}
.product .nysec2 .procls3 .list a .right .back{}
.product .nysec2 .procls3 .list a .box{}
.product .nysec2 .procls3 .list a .box .title{
    font-size: 20px;
    color: #4e4e4e;
    line-height: 50px;font-family: Arial;
}
.product .nysec2 .procls3 .list a .box .desc{
    color: #666;
    font-size: 14px;
    line-height: 35px;
}
.product .nysec2 .procls3 .list a .box .more{
    color: #277a85;
    margin-top: 15px;transition:0.3s;    display: inline-block;
}
.product .nysec2 .procls3 .list a .box .more span{/* margin: 0 10px; */}


.productdet .nysec{}
.productdet .nysec{}
.productdet .titlebox{}
.productdet .titlebox .left{float: left;width: 60%;}
.productdet .titlebox .right{float: right;padding-top: 35px;width: 30%;}
.productdet .titlebox .right img{max-width: 100%;}

.prosearch{
    padding-bottom: 70px;
}

.prosearch .nysec{padding: 0 15px;}

.prosearch .formbox{
    float: right;
    width: 33.33%;
    height: 370px;
    /* overflow-y: scroll; */
    padding-top: 45px;
    position: relative;
}
.prosearch .formbox .formli{display: block;position: relative;padding-left: 8px;line-height: 28px;cursor: pointer;font-family: aril;}

.prosearch .formbox .formli:hover,.prosearch .formbox .formli.checked{background: #227683;transition:0.3s;}
.prosearch .formbox .formli:hover span,.prosearch .formbox .formli.checked span{color: #fff;transition:0.3s;}


.prosearch .formbox .formli input[type="radio"],.prosearch .formbox .formli input[type="checkbox"]{
    opacity: 0;
}
.prosearch .formbox .formbigtitle{background: #ccc;/* text-align: center; */line-height: 45px;font-size: 16px;position: absolute;top: 0;width: 100%;    padding: 0 20px;}

span.kdx {
    float: right;
    margin-right: 15px;
}

.prosearch .formbox .formtitle{display: block;padding-left: 20px;font-size: 16px;font-weight: bold;line-height: 40px;}

.prosearch .formbox .formli label{font-weight: inherit;margin: 0;}
.prosearch .formbox .formsmbox{
    margin-bottom: 0px;
}


.prosearch .formbox .formboxbody{
    height: 325px;
    overflow-y: scroll;
}

.prosearch .qctj{width: 140px;height: 40px;background: #227683;font-size: 16px;text-align: center;line-height: 40px;display: block;color: #fff;margin-bottom: 35px;}

.prosearch .result{
    margin: 30px 0;
    padding: 0 15px;
}
.prosearch .result .resultli{height: 35px;line-height: 35px;border-bottom: 1px solid #a5a5a5;transition: 0.4s;}
.prosearch .result .resultheadli{background: #227683; color:#fff;}
.prosearch .result .resultli0{background: #F2F2F2}
.prosearch .result .resultli .info{float: left;width: 7%;height: 100%;overflow: hidden;padding: 0 15px;}
.prosearch .result .resultli .name{width: 25%;font-family: arial;}
.prosearch .result .resultli .desc{width: 26%;}
.prosearch .result .resultli .jc {
    width: 17%;
    font-family: airal;
    font-size: 14px;
}
.prosearch .result .resultli .info{transition: 0.6s;}

.prosearch #prosearchform{margin-top: 30px;border: 1px solid #ccc;}

.formmsg{width: 100%;font-size: 14px;}
.checkbox{padding: 10px;}
.xieyicon{border: 1px solid #ccc;
    /* padding-top: 5px; */
    /* padding-bottom: 34px; */
    width: 50%;
    padding: 20px 20px;
    padding-bottom: 30px;}
.xieyit{width: 100%;height: 40px;line-height: 40px;}
.xieyit a{font-size: 20px;color: #4D83BD; height: 40px;display: block;position: relative;}
.xieyit .sicon{float: right;padding-top: 10px;}
 
/*.prosearch .formbox .formboxbody::-webkit-scrollbar { 
    width: 10px;     
    height: 10px;
}
.prosearch .formbox .formboxbody::-webkit-scrollbar-thumb {
    border-radius: 5px; 
    background: #227683;
}
.prosearch .formbox .formboxbody::-webkit-scrollbar-track {
    border-radius: 0;
    background: #f2f2f2;
} */



.result .resultheadli .footp{
    font-size: 16px;
    padding: 0px 15px;
}


 /* edit */


.headerbox {
	padding-right: 5px;
	padding-left: 5px;
	margin: 0 auto;
}
@media (min-width: 768px) {
  .headerbox {
    width: 750px;margin-top: 12px;
  }
}
@media (min-width: 992px) {
  .headerbox {
    width: 970px;
  }
}
@media (min-width: 1025px) {
  .headerbox {
    width: 1004px;
  }
}
@media (min-width: 1200px) {
  .headerbox {
    width: 1170px;
  }
}
@media (min-width: 1366px) {
  .headerbox {
    width: 1340px;
  }
}
@media (min-width: 1650px) {
  .headerbox {
    width: 1630px;    
  }
}




.trade .nysec1 .titlebox{padding: 0 15px;}
.trade .nysec3  .titlebox{padding: 0 15px;}



.product .nysec1.home1{
    padding: 0 15px;
    margin-top: 40px;
}

.product .nysec1.home1 .home1box{
    background: #f8f8f8;
    padding: 5px 0;
}

.product .nysec1 .col-md-7{}
.product .nysec1 .col-md-7 .sec1tit{
    font-size: 30px;
    line-height: 80px;
    color: #333;
}
.product .nysec1 .col-md-7 .sec1tit .sp1{}
.product .nysec1 .col-md-7 .sec1tit .sp2{
    color: #227683;
}
.product .nysec1 .col-md-7 .sec1des{
    font-size: 16px;
    line-height: 30px;
}

.product .nysec1 .col-md-5{}
.product .nysec1 .col-md-5 .swiper-product{}
.product .nysec1 .col-md-5 .swiper-product .swiper-wrapper{}
.product .nysec1 .col-md-5 .swiper-product .swiper-wrapper .swiper-slide{}
.product .nysec1 .col-md-5 .swiper-product .swiper-wrapper .swiper-slide img{
    width: 100%;
}


.funcsec{
    margin-top: 70px;
}
.funcsec2{
    /* height: 210px; */
}
.funcsec2 .left{
    margin-bottom: 20px;
    height: 100%;
    height: 300px;
}
.funcsec2  .cont{
    background: #E7E7E7;
    min-height: 300px;
}
.funcsec2  .cont .cpxs{
    font-size: 24px;
    background: #227583;
    color: #fff;
    padding: 8px 10px;
}
.funcsec2  .cont .xsxz{
    padding: 14px 10px 0;
    font-size: 20px;
}
.funcsec2  .cont .box{
    position: relative;
    padding: 10px 10px;
}
.funcsec2 .left .cont .box a{
    display: inline-block;
    width: 45%;
    text-align: left;
    color: #227583;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 30px;
}
.funcsec2 .left .cont .box a span{
    margin: 0 0px 0 8px;
}
.funcsec2 .left .cont .box a img{width: 24px;}
.funcsec2 .right{
    min-height: 210px;
}
.funcsec2 .right .cont .box .desc{
    line-height: 30px;
    margin-bottom: 15px;
}
.funcsec2 .right .cont .box a{
    color: #227583;
}


.prosearch.productdet .result{padding: 0 15px;}

.neiyelogo{width:80px; }



.swiper-product .swiper-button-prev{background: url(../img/l.jpg);width: 30px;height: 40px;margin-top: -20px; background-position: -5px -5px;transition:0.5s;}
.swiper-product .swiper-button-next{background: url(../img/r.jpg);width: 30px;height: 40px;margin-top: -20px; background-position: -5px -5px;transition:0.5s;}

.swiper-product .swiper-button-prev:hover{/* background: url(../img/l-l.png); */}
.swiper-product .swiper-button-next:hover{/* background: url(../img/r-l.png); */}


.dropdown-menu.act{display: block;}

.dropdown-menu li{display: inline-block;width: 31%;}

.nydropdown{}
.nydropdown.dropdown-menu > li > a{color: #666;}
.nydropdown.dropdown-menu > li > a:hover, .nydropdown.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    /* background-color: #f5f5f5; */
}
.nydropdown{}
.nydropdown{}


.nybanner .namemark{
    position: absolute;
    top: 50%;
    line-height: 50px;
    font-size: 50px;
    width: 100%;
    text-align: center;
    margin-top: 0;
    color: #fff;
}
.nybanner .banline{
    position: absolute;
    width: 150px;
    height: 3px;
    background: #fff;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: 5%;
}

.contact .nysec1{margin-top: 45px;}
.contact .nysec2{margin-top: 45px;}
.contact .nysec2 p.txt{font-size: 24px; color: #333}


.pdfbox{
    margin: 35px 0 0px;
}
.pdfbox .pdflist{
    margin-bottom: 25px;
    height: 40px;
}
.pdfbox .pdflist img{
    display: inline-block;
    vertical-align: top;
    height: 40px;
}
.pdfbox .pdflist .pdfa1{
    font-size: 18px;
    color: #1d7a99;
    line-height: 40px;
    display: inline-block;
    margin: 0 20px;
}
.pdfbox .pdflist .pdfa2{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    display: inline-block;
    background: #a5d9ec;
    padding: 0 15px;
    height: 25px;
}



.trade .pdfbox{padding: 0 15px;}





.funccont{padding: 0 15px;}

.nyheader{}
.nybanner{
     margin-top: 100px; 
}

.prosearch.serpro form{
    margin: 25px 0;
    background: #F3F3F3;
    line-height: 50px;
}

.prosearch .navsearch_input{}

.prosearch input[type="text"]{
    width: 85%;
    line-height: 50px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
}
.prosearch input.searchgo{
    background: transparent;
    border: none;
    color: #666;
    font-size: 24px;
    line-height: 50px;
    outline: none;
}


.sercontact {
    background: #227683;
    display: block;
    margin: 20px 0 70px;
    width: 140px;
    height: 40px;
    font-size: 16px;
    /* border-radius: 10px; */
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.company{padding-bottom: 50px;}
.company .nysec .titlebox{padding: 30px 15px 0;}

.companysec{}
.companysec .nysec{
    margin-top: 35px;
}
.companysec .nysec .titlebox{padding: 10px 15px 0;}


.media .sec {margin: 0 auto;}
.media .sec2{
    padding-bottom: 30px;
}
.media .sec .titbox{}
.media .sec2 .titbox{margin-bottom: 0}

.prosearch .nysec1 .titlebox{padding-top: 30px;}

.prosearch .nysec1 .linetit{border-top: 1px solid #aaa;}


.tradedet .nysec2  .titlebox{padding: 0 15px}
.tradedet .nysec3{margin-top: 20px;}



img.subimg {
    vertical-align: top;
}



.tuisong .lxwm .cont{
    background: #E7E7E7;
    min-height: 300px;
}
.tuisong .lxwm .cont .cpxs{
    font-size: 24px;
    background: #227583;
    color: #fff;
    padding: 8px 10px;
}
.tuisong .lxwm .cont .xsxz{
    padding: 14px 10px 0;
    font-size: 20px;
}
.tuisong .lxwm .cont .box{
    position: relative;
    padding: 10px 10px;
}
.tuisong .lxwm .cont .box a{
    display: inline-block;
    width: 45%;
    text-align: left;
    color: #227583;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 30px;
    transition:0.3s;
}
.tuisong .lxwm .cont .box a span{
    margin: 0 0px 0 8px;
}

.tuisong .lxwm .cont .box a:hover{
	font-size: 17px;    text-decoration: underline;
}


.tuisong .lxwm .cont .box a img{width: 24px;}
.tuisong .lxwm{
    max-height: 265px;
    overflow: hidden;
}
.tuisong .lxwm .cont .box .desc{
    line-height: 30px;
    margin-bottom: 15px;
}
.tuisong .lxwm .cont .box a{
    color: #227583;    
}
.support .tuisong .lxwm{
    max-height: 292px;
    overflow: hidden;
}



.met_article_head .met_position a:hover{text-decoration: underline}


.conten{padding: 0 15px;}

.product .nysec2 .procls3 .list a .box .title:hover{color: #277a85;transition:0.3s;text-decoration: underline;}
.product .nysec2 .procls3 .list a .box .more:hover{font-size: 16px;transition:0.3s;text-decoration: underline;}

.company .nysec .nybody .top .col-md-6:hover .box .title{color: #227583;}
.company .nysec .nybody .top .col-md-6 .box .more:hover{font-size: 16px;transition:0.3s;}

.company .nysec .nybody .down .col-md-3:hover .box .title{color: #227583;}
.company .nysec .nybody .down .col-md-3 .box .more:hover{font-size: 16px;transition:0.3s;}
.nysec .tuisong a .box .more{line-height: 24px;}
.nysec .tuisong a .box .more:hover{font-size: 16px;transition:0.3s;}

.supportdet .nysec2 .titlebox .title {padding: 0 15px;}
.productcls2 .nysec1{padding: 45px 0 0;}
.productcls2 .nysec1.nysec .titlebox{    padding: 0 15px ;}

.funcsec2 .right .cont .box a{transition:0.3s;line-height: 24px;}
.funcsec2 .right .cont .box a:hover{font-size: 16px;    text-decoration: underline;}
.funcsec2 .left .cont .box a{transition:0.3s;}
.funcsec2 .left .cont .box a:hover{font-size: 17px;    text-decoration: underline;}

.tradedet .neo{
    padding: 0 15px 20px;
}
.dy{}
.dy .pro{
    display: block;
    color: #227583;
	line-height: 30px;
    font-size: 16px;
    transition:0.3s;
}
.dy .pro:hover{font-size: 18px;}
.tradedet.sml {padding-bottom: 0}
.tradedet.sml .nysec{margin-bottom: 40px;}


video{width: 100%;height: auto;}


@media(max-width: 1200px){
	.nav > li > a{margin: 15px 20px;}
	ul.navbar-nav{margin-left: 80px;}
	.sec{width: 100%;}
}

@media(max-width: 1024px){
	.tem_banner .leftbottom{height: 50%}
 	.tem_banner .leftbottom .bannertit{ font-size: 35px;}
	.tem_banner .leftbottom .bannerdesc{font-size: 24px;width: 100%;}
	.tem_banner .leftbottom .more{    font-size: 18px;}
	.nybanner .namemark{font-size: 30px;}
	.nybanner .banline{
    /* margin-top: 54px; */
}
	.head nav{width: 520px;    margin-right: 0px;}

}


@media(max-width: 992px){
	.tem_banner{margin-top:0;}
	header {position: unset; }
	.companysec .you .col-md-3{margin-bottom: 30px;}
	.product .nysec3 .nybody .prolist .top .left .title{display: inline-block;line-height: 45px;margin-right: 10px;}
	.product .nysec3 .nybody .prolist .top .left .more{/* line-height: 45px; */display: inline-block;}
	.product .nysec3 .nybody .prolist .top .right{float: none;width: 100%;border-left:none;}
	.product .nysec3 .nybody .prolist .top .left{float: none; width: 100%;}
	.product .nysec2 .procls3 .list a .right{float: none;text-align: center;}

	.footer .foot .center .box a{width: 50%;}

	.titlebox img {max-width: 100%;height: auto;margin-right: 0 !important;}
	.funcsec2 .left .cont .box a{width: 48%;}
	.shownewsbox {width: 100%;padding: 0 20px;}
	.newsback {width: 78px;height: 26px;text-align: center;line-height: 26px;cursor: pointer;background: #f7f7f7;color: #888888;transition: 0.5s;
		display: block;border-radius: 5px;position: absolute;right: 20px;top: 75px;}
	.shownewsbox img {width: 100% !important;height: auto !important;}
	.support .nysec{padding-left:15px;}
	.prosearch input[type="text"]{ width: 65%;font-size: 16px;}
	.prosearch input.searchgo{font-size: 18px;}
	.nysec img {max-width: 100%;height: auto !important;}
	.mediali .right .more {bottom: 5px;}
	.mediali .right { padding: 30px 20px;padding-top: 0;}
	.mediali .left img {margin-left: 20px;}
	.sec1 .duiqi .sec1topli3 a .newstit, .sec1 .duiqi .sec1topli4 a .newstit {
    bottom: 38px !important;}
    .xieyicon{width: 100%; padding: 8px 10px; padding-bottom: 0;}
    .xieyit .sicon{padding-top: 5px;}
    .xieyit a{height: 30px;line-height: 30px;}


}
@media (min-width: 992px) {
.col-md-15 {width: 20%;float: left;}
}

@media(max-width: 768px){
	.head{min-height: 60px;}
	header {position: unset; }
	.nybanner .namemark{font-size: 24px;margin-top: -35px;}
	header h1,header h1.ny{margin-top: 10px;}
	.head h1 img, .head h2 img{height: 40px;}
	.head nav{margin: 0;/*margin-right: 90px;*/}
	.tem_banner{margin-top:0;}
	.lang{display:none;}
	.navbar-toggle{margin-top: 17px;margin-right: 15px;margin-bottom: 12px;}
	.headline{height: 42px;  top: 10px;    left: 87px;}
	.qqlx{line-height: 60px;left: 105px;}
	.lang{line-height: 60px;position: absolute;right: 10px;}
	 
 	.tem_banner .leftbottom .bannertit{ font-size: 24px;}
	.tem_banner .leftbottom .bannerdesc{font-size: 16px;}
	.tem_banner .leftbottom .more{    font-size: 14px;}
	.tem_banner .leftbottom .more img{height: 30px;}
	.sec1 .sec1box .top{padding: 0 10px;}
	.sec1 .sec1box .sec1topli, .sec1.joinsec .sec1box .sec1topli{position: relative;width: 100%}
	.sec1 .sec1box .sec1topli1,.sec1.joinsec .sec1box .sec1topli1{left: 0;margin-bottom: 10px}
	.sec1 .sec1box .sec1topli2,.sec1.joinsec .sec1box .sec1topli2{top: 0; right: 0;margin-bottom: 10px}
	.sec1 .sec1box .sec1topli3{bottom: 0; right: 0; width: 51%;float: left;}
	.sec1 .sec1box .sec1topli4{bottom: 0; right: 0; width: 48%;float: right}
	.sec1.joinsec .sec1box .sec1topli3{bottom: 0; right: 0; width: 49.5%;float: left;}
	.sec1.joinsec .sec1box .sec1topli4{bottom: 0; right: 0; width: 49.5%;float: right}

	.sec1 .sec1box .down{margin-top: 10px;}
	.sec1 .sec1box .down .left{float: none;width: 100%}
	.sec1 .sec1box .down .right{float: none;width: 100%}
	.sec .titbox{margin-bottom: 10px;}
	.sec{padding-top: 20px;}
	.sec2 .secbox .sec2li{width: 50%}
	.s8foot{line-height: 30px;}
	.s8foot .s8ftcont .s8fp1{float: none;width: 100%;text-align: center;}
	.s8foot .s8ftcont .s8fp2{float: none;width: 100%;text-align: center;}
	.footer{padding: 20px 0;}
	.footer .foot .left{float: none; width: 100%}
	.footer .foot .center{float: none; width: 100%}
	.footer .foot .right{float: none; width: 100%;}

	.nysec .titlebox .title{font-size: 20px; line-height: 40px;}
	.company{padding-top: 15px;}
	.company .nysec .nybody .top .col-md-6 .box{background: #fafafa; padding: 10px 15px 15px;}
	.company .nysec .nybody .top .col-md-6{margin-bottom: 15px; }
	.company .nysec .nybody .top .col-md-6 .box .title{line-height: 35px; color: #333333; font-size: 16px; font-weight: bold;}
	.company .nysec .nybody .top .col-md-6 .box .desc{font-size: 15px; color: #666666;  line-height: 24px;}
	.company .nysec .nybody .down .col-md-3{margin-bottom: 15px;}
	.contact .contactmessagebox input[type="text"], .contact .contactmessagebox .textarea-text{width: 97%}
	.contact .nysecbody .box .conli p span{display: initial}
	.contact .nysecbody .box .conli p span.value{width: auto;}

	.support .nysec2{padding: 30px 15px 15px;}
	.product .nysec2 .hyli{text-align: left;}
	.productdet .titlebox .left{float: none;width: 100%;}
	.productdet .titlebox .right{float: none; width: 100%;text-align: center;}
	.productdet .body{margin-top: 20px;}
	.prosearch .formbox{float: none;width: 100%;height: auto;overflow: auto;}
	.product .nysec1 .col-md-7 .sec1tit{font-size: 20px; line-height: 40px;}
	.product .nysec1.home1 .home1box{padding: 20px 0}
	.pdfbox .pdflist .pdfa1{font-size: 20px;margin: 0 10px;}
	.pdfbox .pdflist .pdfa2{padding: 0 10px;}
	.nybanner{margin-top: 60px;}


}

@media(max-width: 510px){
	header {position: unset; }
	.nybanner .namemark{font-size: 18px;margin-top: -35px;}
	.qqlx{line-height: 30px;left: 90px;font-size: 12px;width: 100px;text-align: center;}
	.tem_banner .leftbottom{padding-left: 4%}
 	.tem_banner .leftbottom .bannertit{ font-size: 16px;}
	.tem_banner .leftbottom .bannerdesc{font-size: 12px;}
	.tem_banner .leftbottom .more{    font-size: 12px;}
	.sec1 .sec1box .sec1topli a .newstit{ bottom: 60px; }
	.sec1 .sec1box .sec1topli a .time{ bottom: 40px; }
	.sec2 .secbox .sec2li{width: 100%}

	.titlebox img {max-width: 100%;height: auto;margin-right: 0;}
}

@media(max-width: 400px){
	
	.qqlx, .headline{display: none;}
}


.prosearch .nysec1 .titlebox.bxian{border-bottom: 1px solid #aaa;} 
.prosearch .nysec1 .titlebox.bxian .sercontact{margin-bottom: 30px!important;}
.prosearch .nysec1 .titlebox.mbxian{padding-top:0px;}


.gsinfo{    padding: 0px 15px;
    margin-bottom: -30px;}
.gsinfo h5{ font-size: 20px;    line-height: 10px;display: none;}
.gsinfo .chubian{     width: 85px;display: none;
    height: 3px;
    background: #227583;}
.gsinfo p{ margin-top: 15px;    font-family: "Arial","黑体";}


/*.prosearch .result .resultli:hover .info{transform: scale(1.01);}*/

.prosearch .result .resultli .info a:hover{color:#227583;font-size:16px;    text-decoration: underline;}


.product .nysec2 .procls3 .list a .box .title:hover{color:#277a85;font-weight:600;}
/*.product .nysec2 .procls3 .list:hover a .box .desc{color:#277a85;font-weight:600;}*/
.sec1 .sec1box .sec1topli a img:hover{ filter: brightness(.5);
    -webkit-filter: brightness(.5);}

.sec1 .sec1box .down .left:hover{background: #227683;}
.sec1 .sec1box .down .left:hover .sec1downli1 .newstit{color:#fff;}
.sec1 .sec1box .down .left:hover .sec1downli1 .newsdesc{color:#fff;}
.sec1 .sec1box .down .left:hover .sec1downli1 a span{color:#fff;}

.sec1 .sec1box .down .right:hover{background: #f2f2f2;}
.sec1 .sec1box .down .right:hover .sec1downli1 .newstit{color:#333;}
.sec1 .sec1box .down .right:hover .sec1downli1 .newsdesc{color:#333;}
.sec1 .sec1box .down .right:hover .sec1downli1 a span{color:#227683;}

.swiper-product .swiper-button-next{display:none}
.swiper-product .swiper-button-prev{display:none}
/*.swiper-product:hover .swiper-button-next{display:block}
.swiper-product:hover  .swiper-button-prev{display:block}*/
.ljjp:hover a{text-decoration: underline;}

.mediali .right .title:hover{color:#227683;font-weight: 600;    }
/*.mediali:hover .right .desc{color:#227683;font-weight: 600;}
.mediali:hover .right .time{color:#227683;font-weight: 600;}*/

/*.company .nysec .nybody .top .col-md-6:hover img.back{    filter: brightness(.5);
    -webkit-filter: brightness(.5);}

.down .col-md-3:hover img.back{    filter: brightness(.5);
    -webkit-filter: brightness(.5);}
.tuisong .col-md-4:hover img.back{    filter: brightness(.5);
    -webkit-filter: brightness(.5);}*/


.prosearch:hover input.searchgo:hover{color:#227683}




.sec1 .duiqi .sec1topli1 a .newstit{bottom: 28px;}
.sec1 .duiqi .sec1topli2 a .newstit{bottom: 20px;}
.sec1 .duiqi .sec1topli3 a .newstit{bottom: 16px;}
.sec1 .duiqi .sec1topli4 a .newstit{bottom: 16px;}


.dropdown-menu li a{font-family: "微软雅黑";}



.lang span .serch{    position: relative;
    top: -2.5px;
    left: 6px;}




.pro_lstpg{width: 100%;height: 60px;padding-top: 15px;}
.lstpgbox{float: right;}
.pro_lstpg #pro_setnum{}
.pro_lstpg #tnum{}
.pro_lstpg #paging{
    float: left;
}


@media(max-width: 1024px){

	.prosearch .result .resultli .desc{display: none;}
	.prosearch .result .resultli .rohs{display: none;}
	.prosearch .result .resultli .msds{display: none;}
	.prosearch .result .resultli .name{width: 60%;}
	.prosearch .result .resultli .jishu{width: 40%;}
	.tradedet .nysec1 {padding: 0 2%;}

	.pro_lstpg {width: 100%;height: 68px;margin: 20px 0;padding-top:0;}
	.pro_lstpg #pro_setnum{width: 30%;height: 40px;line-height: 40px;margin-left: 2%;}
	.pro_lstpg #tnum {margin: 5px 0;width: 70%;float: left;}
	.pro_lstpg #paging {float: left;}
}
@media(min-width: 1024px){
	.tem_banner{margin-top: 10px;}
}

@media (min-width: 1440px) {
  .headerbox {width: 1400px;}
}

@media (min-width: 1550px) {
  .headerbox {width: 1500px;}
}

@media (min-width: 1650px) {
  .headerbox {width: 1600px;}
}


@media (min-width: 1700px) {
  .headerbox {width: 1700px;}
}

@media (min-width: 1800px) {
  .headerbox {width: 1800px;}
}




.dropdown-menu li a:hover{text-decoration: underline;}
.pdfbox .pdflist .pdfa1:hover{text-decoration: underline;}


.product .nysec3 .nybody .prolist .top:hover .left .more{text-decoration: underline;font-size: 16px;}

.company .nysec .nybody .top .col-md-6:hover .box .more{text-decoration: underline;color: #1d7b86;    font-size: 16px; transition: 0.3s;}

.company .nysec .nybody .down .col-md-3:hover .box .more span{text-decoration: underline;color: #1d7b86;    font-size: 16px; transition: 0.3s;}

.nysec .tuisong a:hover .box .more span{text-decoration: underline;    font-size: 16px; transition: 0.3s;}

.mediali .right .title:hover{text-decoration: underline;}


.product .nysec2 .procls3 .list a .box:hover .more span{    font-size: 15px;text-decoration: none;}

.lang span a:hover{text-decoration: underline;}


.navbar-nav > li.li1 > .dropdown-menu .left{    float: left;
    width: 23%;}
.navbar-nav > li.li1 > .dropdown-menu .right{    float: left;
    width: 77%; height: 128px;}
.navbar-nav > li > .dropdown-menu a{
	line-height: 25px;
}
.navbar-nav > li.li1 > .dropdown-menu .left li{width: 100%}
.navbar-nav > li.li1 > .dropdown-menu .right li{width: 32%}


@media (max-width: 380px){
.head h1 img, .head h2 img{height:32px;}
.head nav{width:100%;}
.nav > li{width:100%;text-align: center;}
ul.navbar-nav{margin-left: 0px;z-index: 2222;}
.navbar-nav{margin: 0px;}
}

.prosearch .nysec1 .titlebox .des {
    font-family: arial;
}