@charset "utf-8";
html,body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',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:1280px){.tem_inner,.met_section{padding:0;width:1200px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width: 1300px;}
}
header.tem_headborder{/* border-bottom:1px solid #ddd; */}
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;}
.tem_head{min-height:100px;}
.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;width:250px;}
header h1{display:inline;}
.tem_head nav{position:absolute;top:50%;left: 0;margin-top: -20px;height: 40px;line-height: 40px;margin-left: 245px;}
.tem_head nav ul{margin:0;padding:0;list-style:none;}
.tem_head nav ul li{position:relative;float:left;margin-left: 5px;}
.tem_head nav a{display:block;padding: 0 12px;color:  #666666;font-size:  15px;}
.tem_head nav a:hover{color: #0074c1;}
.tem_head nav a.navdown{border-radius:2px;/* background:#e9280c; */color: #0074c1;}
.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;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:#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: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 #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;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:#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 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: 10px 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: #0074c1;color: #fff;border: 1px solid #0074c1;}
.met_pager .PageText{margin-left:10px;color:#aaa;display:  none;}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.met_pager #metPageT{width:20px;padding:6px 5px 5px;display:  none;}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;display:  none;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-slide , .swiper-wrapper{height: auto;}

.swiper-container.swiper-banner .pagebox{
    position:  absolute;
    bottom: 150px;
    width: 800px;
    height: 220px;
    background: rgba(23, 107, 174, 0.88);
    display:  block;
    z-index:  2;
}

.swiper-container.swiper-banner .pagebox .pagetext{
    font-size:  28px;
    position:  absolute;
    bottom: 75px;
    left:  45%;
    color:  #fff;
}

.swiper-container.swiper-banner .pagebox .swiper-pagination{
    left:  45%;
    bottom:  25px;
}
.swiper-container.swiper-banner .pagebox .swiper-pagination .swiper-pagination-bullet{
    background: rgba(255, 255, 255, 0.64);
    margin:  0 5px;
    opacity:  1;
    height:  10px;
    width:  10px;
}
.swiper-container.swiper-banner .pagebox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:  #ed6c00;
}



.sec .titbox .cntitle{
    font-size:  30px;
    text-align:  center;
    color:  #414141;
    line-height:  60px;
}
.sec .titbox .desc{
    text-align:  center;
    color:  #4c4c4c;
    font-size:  15px;
}
.sec{
    padding-top: 25px;
    padding-bottom:  20px;
}
.sec1 .sec1box{
    /* margin-top: 30px; */
    width:  1180px;
    margin: 30px auto 0;
}
.sec1 .sec1box .hao{
    display:  block;
    float:  left;
    width:  25%;
    position:  relative; 
}
.sec1 .sec1box .hao .imgbox{
    width:  120px;
    height:  120px;
    margin: 0 auto 15px;
    position:  relative;
}
.sec1 .sec1box .hao .imgbox img{
    position:  absolute;
    top: 0;
}
.sec1 .sec1box .hao .imgbox img.img1{}
.sec1 .sec1box .hao .imgbox img.img2{
    opacity:  0;
}
.sec1 .sec1box .hao .title{
    text-align:  center;
    font-size: 20px;
    color:  #4c4c4c;
    line-height: 35px;
}
.sec1 .sec1box .hao .line{
    width: 24px;
    height: 2px;
    display:  block;
    background:  #0074c1;
    margin: 8px auto;
}
.sec1 .sec1box .hao .des{
    width: 200px;
    margin:  0 auto;
    text-align:  center;
    color:  #666;
}

.sec1 .sec1box .hao:hover .imgbox img.img1{opacity:  0;transition: 0.3s}
.sec1 .sec1box .hao:hover .imgbox img.img2{opacity:  1;transition: 0.3s}
.sec1 .sec1box .hao:hover .line{transition: 0.3s;background: #f17208}


.swiper-sec2box .swiper-slide{overflow: hidden;box-sizing: border-box;transition: 0.5s}
.swiper-sec2box .swiper-slide a{
    display:  block;
}
.swiper-sec2box .swiper-slide a .back{
    width:  auto;
}
.swiper-sec2box .swiper-slide a .bg{}
.swiper-sec2box .swiper-slide a .font-bg{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #000;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    transition-property: opacity;
    transition-duration: .3s;
    transition-delay: .2s;
}
.swiper-sec2box .swiper-slide a .con{
    position: absolute;
    bottom: -72%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    padding: 9% 50px 0;
    transition: bottom .3s;
    box-sizing: border-box;
}
.swiper-sec2box .swiper-slide a .tit{
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    color: #fff;
    /* font-weight: bold; */
}
.swiper-sec2box .swiper-slide a .en{
    font-size: 16px;
    color: #fff;
    /* opacity: .6; */
    filter: alpha(opacity=60);
    line-height: 24px;
    min-height: 24px;
}
.swiper-sec2box .swiper-slide a .font{
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    margin-top: 18px;
}
.swiper-sec2box .swiper-slide a .more{
    margin-top: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.3);
    background: url(../images/wel02.png) no-repeat center;
}

 

.sec2box{
    margin: 30px auto 0;
}

.swiper-sec2box .swiper-slide:hover{width: 780px!important; transition: .8s;}

.swiper-sec2box .swiper-slide:hover a .font-bg {
    opacity: .3;
    filter: alpha(opacity=30);
}
.swiper-sec2box .swiper-slide:hover a .con {
    bottom: 0;
}

.sec3{padding-bottom: 50px}

.sec3 .sec3box{
    width:  1320px;
    margin: 30px auto 0;
}
.sec3 .sec3box a{    cursor: default;
    display:  block;
    float:  left;
    width:  31%;
    margin:  0 1%;
    text-align:  center;
    position:  relative;
    height: 260px;
    padding-top:  40px;
    border-radius:  10px;
    box-shadow:  0px 0px 15px #f2f2f2;
}
.sec3 .sec3box a .imgbox{
    position:  relative;
    width:  60px;
    height:  60px;
    margin:  0 auto;
}
.sec3 .sec3box a .imgbox img{
    position:  absolute;
    left:  0;
    top: 0;
    width:  60px;
}
.sec3 .sec3box a .imgbox .img1{}
.sec3 .sec3box a .imgbox .img2{
    opacity:  0;
}
.sec3 .sec3box a .title{
    font-size:  18px;
    color:  #4c4c4c;
    line-height: 50px;
}
.sec3 .sec3box a .des{
    width: 72%;
    margin:  0 auto;
    font-size:  15px;
    color:  #4c4c4c;
    line-height:  30px;
}


.sec3 .sec3box a:hover {background: #f17208;box-shadow:  0px 0px 15px #fff; transition: 0.3s}
.sec3 .sec3box a:hover .title{color: #fff;transition: 0.3s}
.sec3 .sec3box a:hover .des{color: #fff;transition: 0.3s}

.sec3 .sec3box a:hover .imgbox .img1{opacity:  0;transition: 0.3s}
.sec3 .sec3box a:hover .imgbox .img2{opacity:  1;transition: 0.3s}

@media(max-width: 1350px){
	.sec3 .sec3box{ width:  1180px; }
}


.sec4{background: #FAFAFA;padding-bottom: 50px;}
.sec4 .sec4box{
    width:  1260px;
    margin: 25px auto 0;
}
.sec4 .sec4box a{    cursor: default;
    display:  block;
    width:  400px;
    margin:  0 10px;
    float:  left;
    position:  relative;
}
.sec4 .sec4box .img{}
.sec4 .sec4box .title{
    position:  absolute;
    width:  100%;
    font-size:  18px;
    text-align:  center;
    bottom:  0;
    color:  #fff;
    background: rgba(0, 0, 0, 0.5);
    line-height:  45px;
    transition:  0.5s;
}
.sec4 .sec4box .box{
    position:  absolute;
    height: 72%;
    width: 72%;
    top: 14%;
    left: 14%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    padding-top: 10%;
    box-sizing:  border-box;
    transform:  scale(0);
    -webkit-transform:  scale(0);
    transition:  0.5s;
}
.sec4 .sec4box .box .tit{
    font-size:  18px;
    color:  #fff;
    line-height: 50px;
}
.sec4 .sec4box .box .des{
    color:  #fff;
    font-size:  15px;
    width:  70%;
    display:  block;
    margin:  0 auto;
}


.sec4 .sec4box a:hover .title{bottom:  50px;opacity: 0;}
.sec4 .sec4box a:hover .box{    transform:  scale(1); -webkit-transform:  scale(1);}



.sec5{}
.sec5 .sec5box{
    width: 1200px;
    margin: 25px auto 0;
}
.sec5 .sec5box .left{
    width:  428px;
    float:  left;
}
.sec5 .sec5box .left a{
    display:  block;
}
.sec5 .sec5box .left a img{}
.sec5 .sec5box .left a .tbox{
    height:  45px;
    line-height:  45px;
}
.sec5 .sec5box .left a .tbox .title{
    float:  left;
    font-size: 16px;
    color:  #414141;
}
.sec5 .sec5box .left a .tbox .time{
    float:  right;
    font-size: 14px;
    color:  #808080;
}
.sec5 .sec5box .left a .des{
    font-size:  14px;
    color:  #595959;
    line-height:  28px;
}

.sec5 .sec5box .left ul dl .title{
    font-size: 14px;
    line-height: 40px;
    color: #666;
}

.sec5 .sec5box .left ul dl .day {
    color: #999;
}
ul,ol,li{list-style-type:none;}

.news_company{width:350px;margin-right:48px;}
.news1_title{border-bottom:1px solid #e5e5e5;font:400 22px/50px "微软雅黑";color:#111;position:relative;}
.news1_title span{padding-left:12px;color:#999;font-size:14px;text-transform:uppercase;}
.news1_title a{position:absolute;right:0;top:0;}
.news_company .content{padding-top:20px;}

.news_list1{margin-top:12px;}
.news_list1 li{border-bottom:1px dashed #e3e3e3;padding-bottom:10px;}
.news_list1 li a{line-height:27px;padding-left:22px;line-height:45px;font-size:14px;background:url(../images/ndot.jpg) no-repeat 0% 50%;}
.news_list1 li a:hover{text-decoration:none;color:#f39801;}
.news_list1 li span{display:block;color:#999;font:400 12px/22px "微软雅黑";}

.news_list2 li a{line-height:27px;padding-left:22px;line-height:45px;font-size:14px;background:url(../images/ndot.jpg) no-repeat 0% 50%;border-bottom:1px dashed #e3e3e3;display:block}
.news_list2 li a:hover{color:#f39801;}



.news_list3 li{position:relative;padding:8px 0 12px;border-bottom:1px dashed #e3e3e3;}
.news_list3 li a{line-height:30px;padding-left:38px;background: url(../images/wen.png) left center no-repeat;display:block;font-size:14px;}
.news_list3 li a:hover{text-decoration:none;color:#f39801;}
.news_list3 span{background: url(../images/da.png) left 3px no-repeat;padding-left:38px;font:400 12px/22px "微软雅黑";margin-top:10px;color:#999;display:block}

#ydemo{overflow:hidden;margin:0 auto;position:relative;height:410px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}

.fl{
    float: left;
}
.fr{
    float: right;
}

.sec5 .sec5box .left a:hover .tbox .title{color: #f17208}

.sec5 .sec5box .right{
    width:  710px;
    float:  right;
}
.sec5 .sec5box .right{}
.sec5 .sec5box .right a{
    display:  block;
    height:  145px;
    margin-bottom: 50px;
}
.sec5 .sec5box .right a .le{
    float:  left;
    height:  100%;
    width:  110px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 5%;
    border-right: 1px solid #eaeaea;
}
.sec5 .sec5box .right a .le .day{
    font-size:  22px;
    color:  #414141;
}
.sec5 .sec5box .right a .le .year{
    font-size:  15px;
    color:  #8f8f8f;
}
.sec5 .sec5box .right a .ri{
    height:  100%;
    float:  left;
    box-sizing: border-box;
    padding-left: 40px;
    width:  600px;
    position:  relative;
}
.sec5 .sec5box .right a .ri .title{
    line-height:  60px;
    color:  #414141;
    font-size:  16px;
}
.sec5 .sec5box .right a .ri .des{
    color:  #595959;
    line-height:  24px;
}

.sec5 .sec5box .right a .ri .img{
    position:  absolute;
    bottom:  0;
}
.sec5 .sec5box .right a .ri .img1{}
.sec5 .sec5box .right a .ri .img2{
    opacity:  0;
}

.sec5 .sec5box .right a:hover .title{color: #f17208;transition: 0.5s}
.sec5 .sec5box .right a:hover .img2{opacity:  1;transition: 0.5s}
.sec5 .sec5box .right a:hover .img1{opacity:  0;transition: 0.5s}



.sec6{background: url(../images/sec6back.png) bottom;padding-top:  50px;background-size: contain;}
.sec6 .sec6box{width: 1200px;margin: 30px auto;}

.sec6box .swiper-slide{text-align: center;}
.sec6box .swiper-slide a {border-radius: 10px;background: #fff;border:1px solid #f2f2f2;display:  block;}
.sec6box .swiper-slide a img{display: block;margin: 0 auto}


.footer {background: #2F2D39;color: #fff;padding: 25px 0 20px;position:  relative;}
.footer .navfoot{
    width:  1200px;
    margin:  0 auto;
    list-style:  none;
    text-align:  center;
    position: relative;
}
.footer .navfoot ul{}
.footer .navfoot li{
    list-style: none;
    display:  inline;
}
.footer .navfoot ul li a{color: rgba(255, 255, 255, 0.7);font-size:  12px;/* margin: 0 6px; */line-height: 35px;}
.footer .navfoot ul li a .shu{
    margin: 0 12px;
}

.footer .pp{
    text-align:  center;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.7);
    font-size:  12px;
}
.footer .pp a{
    color: rgba(255, 255, 255, 0.7);
}
.footer .pp a:hover{color: #fd6d62}

.footer .qrbox{
    position:  absolute;
    right: 50px;
    top: 20px;
    text-align:  center;
}
.footer .qrbox .qrcode{}
.footer .qrbox .qrtext{
    color: rgba(255, 255, 255, 0.7);
    font-size:  12px;
    line-height:  28px;
}



.swiper-sec2box .swiper-button-next{background: url(../images/you.png);width: 67px;height: 78px;right:  100px;}
.swiper-sec2box .swiper-button-prev{background: url(../images/zuo.png);width: 67px;height: 78px;left:  100px;}
.swiper-sec2box .swiper-button-next:hover{background: url(../images/lanyou.png);}
.swiper-sec2box .swiper-button-prev:hover{background: url(../images/lanzuo.png);}

.nysec .titbox{
    margin: 0 auto 25px;
}
.nysec .titbox .cntitle{
    font-size:  24px;
    text-align: center;
    color:  #464646;
}
.nysec .titbox .line{
    height: 2px;
    width: 24px;
    display:  block;
    background: #ed6c00;
    margin: 5px auto;
}



.banner .flash img{width: 100%;height: auto;}

 

.advantage{}
.advantage .box{
    margin-top: 30px;
}
.advantage .box .content{
    width:  1180px;
    margin:  0 auto;
    line-height: 25px;
    color: #595959;
}

.advantage .advsec {padding-top: 20px;padding-bottom: 50px;}

.advantage .advsec2{background: url(../images/02.png);height: 430px;box-sizing: border-box;padding-top: 10px;}
.advantage .advsec2 .cntitle{color: #fff}
.advantage .advsec2 .box{margin-top: 25px;}
.advantage .advsec2 .list{width: 1200px;margin: 0 auto;height:  260px;position:  relative;}
.advantage .advsec2 .list .detail{
    float: left;
    width: 25%;
    height:  100%;
    position:  relative;
    color:  #fff;
    border:  1px solid #fff;
    box-sizing: border-box;
    padding: 15px;
}
.advantage .advsec2 .list .detail .title{
    font-size:  20px;
}
.advantage .advsec2 .list .detail .line{
    display:  block;
    width: 20px;
    height:  1px;
    background:  #fff;
    margin: 10px 0 20px;
}
.advantage .advsec2 .list .detail .desc{
    font-size:  15px;
    line-height:  32px;
}
.advantage .advsec2 .list .detail img{
    position:  absolute;
    bottom:  15px;
    right:  15px;
}



.advantage .advsec3{}
.advantage .advsec3 .list{
    width:  1200px;
    margin:  0 auto;
}
.advantage .advsec3 .list .detail{
    float:  left;
    width:  25%;
    box-sizing:  border-box;
    text-align:  center;
}
.advantage .advsec3 .list .detail .imgbox{
    width:  120px;
    margin:  0 auto;
    position:  relative;
    height:  120px;
    margin-bottom: 15px;
}
.advantage .advsec3 .list .detail .imgbox img{
    position:  absolute;
    top: 0;
    left:  0;
    transition:  0.3s;
}
.advantage .advsec3 .list .detail .imgbox .img1{}
.advantage .advsec3 .list .detail .imgbox .img2{
    opacity:  0;
}
.advantage .advsec3 .list .detail .title{
    font-size:  20px;
    color:  #4c4c4c;
}
.advantage .advsec3 .list .detail .line{
    margin: 7px auto 10px;
    display:  block;
    width:  20px;
    height: 2px;
    background:  #0074c1;
    transition: 0.3s
}
.advantage .advsec3 .list .detail .desc{
    font-size:  15px;
    color:  #595959;
    line-height:  30px;
}
 
.advantage .advsec3 .list .detail:hover .line{background: #f17208}

.advantage .advsec3 .list .detail:hover .imgbox .img1{opacity:  0;}
.advantage .advsec3 .list .detail:hover .imgbox .img2{opacity:  1;}


.process .prosec{padding-top: 30px;}
.process .prosec1 .box{
    width:  1260px;
    margin: 0 auto 0;
    position:  relative;
}
.process .prosec1 .box .detail{
    float:  left;
    width:  300px;
    margin: 40px 60px;
    height:  100px;
    /* margin-bottom:  80px; */
    background:  #0074c1;
    color:  #fff;
    box-sizing:  border-box;
    text-align:  center;
    padding-top: 15px;
}

.process .prosec1 .box .detail:hover{background: #f17208;transition: 0.5s}

.process .prosec1 .box .namemark{
    font-size:  20px;
}
.process .prosec1 .box .title{
    font-size:  20px;
}

.process .prosec1 .box .proarr{
    position:  absolute;
}
.process .prosec1 .box .proarr1{
    top: 80px;
    left:  400px;
}
.process .prosec1 .box .proarr2{
    top: 80px;
    left: 820px;
}
.process .prosec1 .box .proarr3{
    top: 170px;
    left: 1030px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.process .prosec1 .box .proarr4{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: 260px;
    left: 820px;
}
.process .prosec1 .box .proarr5{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: 260px;
    left: 400px;
}



.process .prosec2{
    padding-bottom:  30px;
    background:  #fafafa;
}
.process .prosec2 .box{
    width:  1120px;
    margin:  0 auto;
}
.process .prosec2 .box .detail{width: 520px;height: 300px;margin:  0 20px;float:  left;box-sizing:  border-box;text-align:  center;padding: 70px;color:  #fff;}
.process .prosec2 .box .detail .img2{}
.process .prosec2 .box .detail .namemark{
    font-size:  15px;
}
.process .prosec2 .box .detail .title{
    font-size:  18px;
    line-height:  40px;
}

.process .prosec3{
    padding-bottom: 55px;
    padding-top: 35px;
}
.process .prosec3 .box{
    width:  1140px;
    margin:  0 auto;
    position:  relative;
}
.process .prosec3 .detail{
    width: 180px;
    height:  180px;
    float:  left;
    margin:  0 52px;
    background:  #0074c1;
    border-radius:  50%;
    box-sizing:  border-box;
    padding-top:  45px;
    color:  #fff;
    overflow: hidden;
    transition: 0.5s
}
.process .prosec3 .detail .imgbox{
    width:  60px;
    margin: 0 auto;
}
.process .prosec3 .detail .imgbox img{}
.process .prosec3 .detail .imgbox .img1{}
.process .prosec3 .detail .imgbox .img2{}
.process .prosec3 .detail .title{
    text-align:  center;
    font-size:  16px;
    line-height: 40px;
}
.process .prosec3 .detail .namemark{
    text-align:  center;
    font-size:  48px;
    font-weight: bold;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.5);
}

.process .prosec3 .detail:hover{background: #ed6c00}

.process .prosec3 .box .lcarr{
    position:  absolute;
}
.process .prosec3 .box .lcarr1{
    top: 61px;
    left: 265px;
}
.process .prosec3 .box .lcarr2{
    top: 61px;
    left: 550px;
}
.process .prosec3 .box .lcarr3{
    top: 61px;
    left:  835px;
}


.cases{
    position:  relative;
    /* width:  1260px; */
    padding-top:  35px;
    background:  #fafafa;
    padding-bottom:  35px;
}
.cases .caseul{
    position: relative;
    width: 1260px;
    margin: 0 auto;
    background:  #fff;
    padding-bottom:  30px;
}
.cases .caseul .caseli{
    /* height:  240px; */
    list-style:  none;
    position: relative;
    overflow:  hidden;
    cursor: pointer;
}

.cases .caseul .caseli .left{
    float:  left;
    position:  relative;
    padding: 30px 40px;
}
.cases .caseul .caseli .left img{}
.cases .caseul .caseli .right{
    float:  left;
    padding: 55px 20px 0;
    box-sizing:  border-box;
    /* height:  100%; */
    width: 900px;
}
.cases .caseul .caseli .right .title{
    font-size:  18px;
    color:  #585858;
}
.cases .caseul .caseli .right .para1{
    color:  #585858;
    font-size:  14px;
    margin-bottom:  20px;
}
.cases .caseul .caseli .right .description{
    color:  #4c4c4c;
    font-size:  14px;
    line-height:  30px;
}
.cases .caseul .caseli:before{background: #ececec;display: block;content: "";bottom: 0;left: 40px;position: absolute;height:  1px;width:  1180px;}
.cases .caseul .caseli:after{background: #0074c1;display: block;content: "";bottom: 0;left: -1180px;position: absolute;height:  1px;width:  1180px;}
.cases .caseul .caseli .left:before{background: #ececec;display: block;content: "";top: 45px;right:0px;position: absolute;width: 1px;height: 150px;}
.cases .caseul .caseli .left:after{background: #0074c1;display: block;content: "";top: -180px;right:0px;position: absolute;width: 1px;height: 150px;}

.cases .caseul .caseli:hover:after{left: 40px; transition: 0.8s}
.cases .caseul .caseli:hover .left:after{top: 45px; transition: 0.4s}


.news{
    padding: 45px 0;
    background:  #fafafa;
}
.news .newsul{
    width:  1235px;
    margin:  0 auto;
}
.news .newsul .newslist{
    list-style:  none;
    width:  377px;
    float:  left;
    margin: 0 17px 30px;
    box-shadow: 0px 0px 15px #e6e6e6;
}
.news .newsul .newslist .title{
    line-height: 50px;
    margin-top: 10px;
    font-size:  16px;
    color:  #414141;
    padding:  0 20px;
}
.news .newsul .newslist .description{
    color:  #595959;
    padding:  0 20px;
    line-height:  28px;
}
.news .newsul .newslist .down{
    height:  60px;
    line-height:  60px;
    padding:  0 20px;
    color:  #797979;
    margin-top:  10px;
    border-top: 1px solid #f2f2f2;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}
.news .newsul .newslist .down:after{display: block;content: "";position: absolute;height: 400px;width: 400px;top: -170px;background:  #f17208;left: -12px;border-radius:  50%;transform: scale(0);-webkit-transform: scale(0);transition:  0.5s;z-index:  -1;}
.news .newsul .newslist .down .addtime{}
.news .newsul .newslist .down .more{
    text-align:  right;
    float:  right;
}
.news .newsul .newslist:hover .down:after{transform: scale(1);-webkit-transform: scale(1);}
.news .newsul .newslist:hover .down{color: #fff}


.aboutus{padding: 30px 0;background: #fafafa;}

.aboutus .about{width: 1260px;margin:0 auto;background: #fff;padding: 30px  27px;box-sizing:  border-box;}

.aboutus .titbox{
    margin: 0 auto 35px;
}

.aboutus .titbox .cntitle{
    font-size:  24px;
    text-align: center;
    color:  #464646;
}

.aboutus .titbox .line{
    height: 2px;
    width: 24px;
    display:  block;
    background: #ed6c00;
    margin: 5px auto;
}

.aboutus  .abt1{width: 1120px;margin: 0  auto 25px;}

.aboutus  .abt1 .abtli {width: 180px;margin: 0 40px;text-align:  center;float: left;}
.aboutus  .abt1 .abtli .up{
    height:  120px;
    line-height:  120px;
    font-size:  30px;
    color:  #0074c1;
    width:  120px;
    margin:  0 auto;
    position: relative;
}
.aboutus  .abt1 .abtli .namemark{
    font-size: 16px;
    line-height: 75px;
    color:  #5f5f5f;
}

.aboutus  .abt1 .abtli .up:before{content: "";position: absolute;width: 120px;height: 120px;border:3px solid #0074c1;top: -3px;left: -3px;border-radius: 50%;transform: rotate(45deg);-webkit-transform: rotate(45deg) }

.aboutus  .abt1 .abtli:hover .up{color: #f17208;transition: 0.5s;}
.aboutus  .abt1 .abtli:hover .up:before{border-color: #f17208;transition: 0.5s;}

.aboutus  .abt1 .abtli1 .up:before{border-top-color:#dedede!important;}
.aboutus  .abt1 .abtli2 .up:before{border-right-color:#dedede!important;}
.aboutus  .abt1 .abtli3 .up:before{border-bottom-color:#dedede!important;}
.aboutus  .abt1 .abtli4 .up:before{border-left-color:#dedede!important;}




.aboutus  .abt1 .abtli .up:after{}



.job{
    padding: 40px 0;
    background:  #fafafa;
}
.job .tops{width: 1220px;margin: 0 auto 30px;}
.job .tops .top{width: 290px;height: 200px;float: left;margin: 0 7px;box-sizing:  border-box;font-size: 16px;text-align:  center;padding: 60px 30px;color:  #fff;line-height:  35px;}
.job .tops .top1{background: url(../images/job01.png);}
.job .tops .top2{background: url(../images/job02.png);}
.job .tops .top3{background: url(../images/job03.png);}
.job .tops .top4{background: url(../images/job04.png);}


.job .down{
    width: 1205px;
    margin:  0 auto;
}
.job .down .downli{
    list-style:  none;
    /* border-bottom: 1px solid #e7e7e7; */
}
.job .down .downli .table{
    height:  55px;
    line-height:  55px;
    color:  #595959;
    border-bottom: 1px solid #e7e7e7;
}
.job .down .downli .table span{
    float: left;
    width:  20%;
    text-align:  center;
}
.job .down ul{
    box-sizing: border-box;
    width:  100%;
    background:  #fff;
    padding: 0 30px 30px;
    margin-bottom:  20px;
}
.job .down .downli .table .position{}
.job .down .downli .table .deal{}
.job .down .downli .table .place{}
.job .down .downli .table .count{}
.job .down .downli .table .addtime{}

.job .down .downth .table{ background:  #0074c1; color:  #fff;}

.job .down .hide{
    padding: 0 60px;
    line-height: 28px;
    background:  #fafafa;
    transition: 0.5s;
    max-height: 0px;
    overflow: hidden;
}
.job .down .downli.act  .hide{max-height: 800px; }

.job .down .hide .descr{
    padding-bottom: 30px;
    border-bottom:  1px solid #e7e7e7;
    padding-top:  15px;
}
.job .down .hide .sq{
    padding: 30px 0;
}
.job .down .hide .sq .more{
    display:  block;
    width:  150px;
    height: 40px;
    text-align:  center;
    line-height: 40px;
    float:  right;
    background:  #0074c1;
    color:  #fff;
}



.contact{background: #fafafa;padding:  40px 0;}
.contact .box{width: 1230px;margin: 0 auto;}
.contact .box .left{width: 410px;height: 370px;background: #fff;float: left;box-sizing:  border-box;padding:  30px;}
.contact .box .left .title{
    font-size: 18px;
    color:  #636363;
}
.contact .box .left .en{
    font-size:  16px;
    color:  #636363;
    margin-bottom: 20px;
}

.contact .box .left .info{}
.contact .box .left .info .detail{
    line-height: 50px;
    font-size:  15px;
    color:  #606060;
}
.contact .box .left .info .detail img{
    display:  inline-block;
    vertical-align: middle;
    margin-right: 14px;
}
.contact .box .left .info .detail span{}


.contact input::-webkit-input-placeholder{  
            color:#fff!important; font-size: 14px

        }
.contact input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff!important; font-size: 14px
        }
.contact input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff!important; font-size: 14px
        }
.contact input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff!important; font-size: 14px
        }


.contact textarea::-webkit-input-placeholder{  
            color:#fff!important; font-size: 14px

        }
.contact textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff!important; font-size: 14px
        }
.contact textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff!important; font-size: 14px
        }
.contact textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff!important; font-size: 14px
        }



.contact .box .right{
    float:  right;
    width: 800px;
    height:  370px;
    box-sizing: border-box;
    padding: 30px 25px 0;
    background: #0074C1;
}
.contact .box .right .title{
    font-size:  18px;
    color:  #fff;
    /* line-height: 60px; */
    margin-right:  10px;
}
.contact .box .right .en{
    font-size:  14px;
    color:  #fff;
    line-height: 40px;
}
.contact .box .right .messagebox{
    margin-top: 10px;
}
.contact .box .right .messagebox input[type=text]{
    width:  360px;
    height: 35px;
    background:  transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 25px;
    padding-left:  15px;
    outline: none;
    color: #fff;
}
.contact .box .right .messagebox input[type=text].gg{margin-left: 25px;}
.contact .box .right .messagebox textarea{
    width: 750px;
    resize:  none;
    background:  transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    outline:  none;
    line-height:  40px;
    height:  80px;
    text-indent: 1em;
    color: #fff;
}

.contact .box .right .messagebox .sub{
    height:  40px;
    width: 120px;
    background:  transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color:  #fff;
    float:  right;
    margin-top: 25px;
    transition: 0.5s;
    cursor: pointer;
}
.contact .box .right .messagebox .sub:hover{background: #fff;color:#0074C1 }
.contact .map{width: 1230px; margin: 30px auto 0; }


.cooperation{
    background:  #fafafa;
    padding:  30px 0;
}
.cooperation .coopbox .titbox{
    margin-bottom: 25px;
}
.cooperation .coopbox .cntitle{
    font-size: 24px;
    text-align: center;
    color: #464646;
}
.cooperation .coopbox .line{
    height: 2px;
    width: 24px;
    display: block;
    background: #ed6c00;
    margin: 5px auto;
}

.cooperation .coopbox{
    width: 1260px;
    margin:  0 auto;
    background:  #fff;
    padding-bottom:  25px;
}
.cooperation .coopbox .coo1{
    width:  1200px;
    margin:  0 auto;
    padding-top:  12px;
}
.cooperation .coopbox .coo1 .coo1box{
    /* margin-top:  25px; */
    height:  540px;
}
.cooperation .coopbox .coo1 .coo1box .left{
    height:  540px;
    width:  500px;
    float: left;
}
.cooperation .coopbox .coo1 .coo1box .left .tit{
    height: 147px;
    box-sizing:  border-box;
    background:  #0074c1;
    color:  #fff;
    padding: 35px  35px;
    font-size:  16px;
    line-height:  35px;
    text-align:  center;
}
.cooperation .coopbox .coo1 .coo1box .left img{}

.cooperation .coopbox .coo1 .coo1box .right{float: right;width: 700px; height:  540px;}
.cooperation .coopbox .coo1 .coo1box .right .val{
    width:  330px;
    height:  260px;
    float:  left;
    margin-left: 20px;
    background:  #0074c1;
    color:  #fff;
    margin-bottom: 20px;
    text-align:  center;
    box-sizing:  border-box;
    padding-top: 45px;
}
.cooperation .coopbox .coo1 .coo1box .right .val img{
    display:  block;
    margin:  0 auto;
}
.cooperation .coopbox .coo1 .coo1box .right .val .title{
    font-size:  18px;
    margin-bottom:  15px;
}
.cooperation .coopbox .coo1 .coo1box .right .val .desc{
    padding:  0 30px;
    font-size:  15px;
}


.cooperation .coopbox .coo2{margin-top: 30px}
.cooperation .coopbox .coo2 .coo2box{
    width: 1220px;
    margin: 0 auto 0;
}
.cooperation .coopbox .coo2 .coo2box .val{
    width:  230px;
    margin:  0 7px;
    float:  left;
    position:  relative;
    height:  330px;
    overflow:  hidden;
}
.cooperation .coopbox .coo2 .coo2box .val img{}
.cooperation .coopbox .coo2 .coo2box .val .abs{
    position:  absolute;
    top: 0;
    left:  0;
    height:  100%;
    width:  100%;
    background: rgba(0, 0, 0, 0.4);
    color:  #fff;
    box-sizing:  border-box;
    text-align:  center;
    padding-top: 75px;
}
.cooperation .coopbox .coo2 .coo2box .val .abs .title{
    text-align:  center;
    font-size:  20px;
}
.cooperation .coopbox .coo2 .coo2box .val .abs .lines{
    width:  20px;
    height:  1px;
    background:  #fff;
    margin: 10px auto 35px;
}
.cooperation .coopbox .coo2 .coo2box .val .abs .desc{
    font-size:  16px;
    padding:  0 50px;
}
.cooperation .coopbox .coo2 .coo2box .val .abs .in{
    position:  absolute;
    font-size:  48px;
    width:  100%;
    bottom:  -30px;
    font-weight:  bold;
    transition: 0.5s
}

.cooperation .coopbox .coo2 .coo2box .val:hover .abs .in{bottom:  30px;}
.cooperation .coopbox .coo2 .coo2box .val:hover .abs{transition: 0.3s; background: #f17208}

.cooperation .coopbox .coo3{
    width:  1200px;
    margin: 25px auto 0;
}


.khzx{
    position:  absolute;
    right: 100px;
    top: 0;
    height:  100px;
    line-height:  100px;
}
.khzx img{
    vertical-align:  middle;
    position:  relative;
    margin:  0 5px;
    top: -2px;
}
.khzx span{
    color:  #6c6c6c;
    font-size:  15px;
}
.wxqr{
    position:  absolute;
    right: 0;
    top: 15px;
    text-align: left;
}
.wxqr img{}
.wxqr span{
    display:  block;
    font-size:  12px;
}
@media(max-width: 1800px){
	.khzx{right: 70px;}
	.tem_head nav{margin-left:200px;}
}


.banner{position: relative;}
.banner .pagebox{width: 42%;height: 130px;position: absolute;bottom: 18%;background: rgba(23, 107, 174, 0.8);}
.banner .pagebox .pagetext{
    position:  absolute;
    height:  100%;
    padding: 20px;
    width: 340px;
    right:  0;
    box-sizing:  border-box;
    color:  #fff;
}
.banner .pagebox .pagetext .fname{
    font-size:  30px;
}
.banner .pagebox .pagetext .fdesc{
    font-size:  16px;
}






/*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:right;line-height:28px}
.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:#c4191f;color:#fff;}

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


.swiper-container.swiper-banner .pagebox_dd{background:rgba(255, 255, 255, 0)!important}