@charset "utf-8";

 
@font-face
{
	font-family: montserratbold;
	src: url('../font/montserrat-bold-webfont.woff2'); /* IE9 */
}

@font-face
{
	font-family: montserratregular;
	src: url('../font/montserrat-regular-webfont.woff2'); /* IE9 */
}


html,body{background:#fff;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
*, *:before, *:after{box-sizing: border-box;}
a{color:#333;text-decoration:none;}
a:hover{color:#0167C9;text-decoration:none;}
.ani{opacity: 0}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;/* width:1000px; */}
 

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;}
header h1{display:inline;}
.tem_head nav{position:absolute;top:50%;right:0;margin-top:-17px;height:34px;line-height:34px;}
.tem_head nav ul{margin:0;padding:0;list-style:none;}
.tem_head nav ul li{position:relative;float:left;margin-left:8px;}
.tem_head nav a{display:block;padding:0 15px;}
.tem_head nav a:hover{color:#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;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: 30px 0 20px;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{/* float:left; */margin: 30px auto 0;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: 40px 0 20px;}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height: 32px;line-height: 32px;min-width: 32px;text-align:center;display:inline-block;color:#aaa;margin: 0 4px;}
.met_pager a:hover{border: 1px solid #0167C9;}
.met_pager .PreSpan,.met_pager .NextSpan{height: 32px;line-height: 32px;min-width: 60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block;border: 1px solid #f0f0f0;margin: 0 4px;}
.met_pager .PreA,.met_pager .NextA{height: 32px;line-height: 32px;min-width: 60px;color:#aaa;}
.met_pager .PreSpan,.met_pager .PreA{}
.met_pager .NextSpan,.met_pager .NextA{}
.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: #0167C9;color: #fff;border: 1px solid #0167C9;}
.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;font-weight:bold;display: none;}
*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: 24px;font-weight: normal;padding: 5px 0;text-align: center;}
.met_module2 .met_infos{color: #818181;font-size: 12px;margin-bottom: 30px;padding: 10px;/* border-bottom: 1px solid #ddd; */text-align: center;width: 1200px;max-width: 96%;margin: 0 auto 20px;background: #fefefe;}
.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;padding: 20px 25px;width: 1200px;max-width: 96%;margin: 0 auto;background: #fefefe;}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px;border-top: 1px solid #ddd; */margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;width: 900px;margin: 0 auto;width: 1200px;max-width: 96%;margin: 20px auto 0;background: #fefefe;}
.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: #0167C9;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}
/*home*/
.hometop{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	padding: 10px 3% 0;
}

.hometop.nytop{position:relative}

.hometop .logo{
    /* float: left; */
    padding: 0;
}
.hometop .nav{
	position: absolute;
	top: 0;
	right: 150px;
	transition: 0.6s;
	height: 100px;
	line-height: 100px;
}
.hometop .nav a{float: left;margin-left: 40px;font-size: 18px;color: #666;}
.hometop .nav a.navdown,.hometop .nav a:hover{
    color: #124692;
    text-shadow: 0 0px 0px #124692;
}



.hometop .langa{
   position: absolute;
    right: 72px;
    display: block;
    height: 50px;
    line-height: 50px;
    top: 5px;
    font-size: 16px;
    color: #666;
}

.hometop .langa img{
    width: 22px;
    position: relative;
    top: 2px;
}


.hometop .langa:hover{color: #124692;
    text-shadow: 0 0px 0px #124692;}





.banltor{overflow: hidden;position: relative;}
.banltor:hover{color: #0167C9!important;transition: 0.3s}
.banltor:after{content:'';position: absolute;height: 100%;width: 100%;background: #fff;top: 0;right: 100%;transition: 0.5s;z-index: -1}
.banltor:hover:after{right: 0}
.homeslide{}
.swiper-home .title{text-align: center;position: relative;z-index: 3;}
.swiper-home .title .en{display: block;font-size: 64px;color: rgba(19, 70, 146, 0.13);line-height: 1.3;text-transform: uppercase;font-weight: bold;}
.swiper-home .title .cn{display: block;line-height: 45px;font-weight: bold;font-size: 34px;color: #0167C9;}
.swiper-home .pdes{
    width: 985px;
    max-width: 94%;
    margin: 25px auto 0;
    line-height: 35px;
    font-size: 16px;
    color: #333;
    /* text-align: center; */
    text-indent: 2em;
}

.hsback{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


/*homeslide*/
.homeslide1{}
.homeslide1 .banzback{
    position: absolute;
    bottom: 0;
    z-index: 3;
    /* height: 100%; */
    width: 100%;
}
.homeslide1 .pidxbox{
    position: absolute;
    bottom: 30px;
    right: 5%;
    z-index: 4;
}
.homeslide1 .pidxbox .numbox{
    /* text-align: center; */
    padding: 0 0 0 36%;
}
.homeslide1 .pidxbox .numbox .p1{
    display: inline-block;
    color: rgba(1, 103, 201, 0.9);
    font-size: 56px;
    font-weight: bold;
    height: 65px;
    line-height: 65px;
}
.homeslide1 .pidxbox .numbox .p2{
    display: inline-block;
    font-size: 30px;
    line-height: 45px;
    color: #999999;
    position: relative;
    top: -35px;
}
.homeslide1 .pidxbox .down{
    line-height: 30px;
}
.homeslide1 .pidxbox .down .prev{
    display: inline-block;
    font-size: 24px;
    color: #999;
    cursor: pointer;
}
.homeslide1 .pidxbox .down .prev:hover{color: #0167C9}
.homeslide1 .pidxbox .down .banarr{
    display: inline-block;
    position: relative;
    top: -6px;
    margin: 0 8px;
}
.homeslide1 .pidxbox .down .next{
    display: inline-block;
    font-size: 24px;
    color: #999;
    cursor: pointer;
}
.homeslide1 .pidxbox .down .next:hover{color: #0167C9}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -305px 0 0 -305px;
	/* -webkit-transform: translateY(-50%); */
	/* transform: translateY(-50%); */
	text-align: center;
	color: #fff;
	background: url(../img/banabs.png) center no-repeat;
	width: 610px;
	height: 610px;
	padding: 220px 0 0;
}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox .p1{
	font-size: 70px;
	line-height: 96px;
	margin: 0;
	letter-spacing: 3px;
	z-index: 2;
	position: relative;
}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox .p2{
	font-size: 28px;
	line-height: 50px;
	margin: 15px 0 20px;
	letter-spacing: 5px;
	z-index: 2;
	position: relative;
}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox a{
    font-size: 20px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px 25px;
    display: inline-block;
    letter-spacing: 2px;
    z-index: 2;
    position: relative;
}
/*homeslide2*/
.homeslide2{padding: 8% 0 0; }

.homeslide2 .hsback{    background: url(../img/sec2b.jpg) bottom no-repeat;}

.homeslide2 .box{
    width: 1320px;
    margin: 3% auto 0;
    max-width: 98%;
}
.homeslide2 .box {}
.homeslide2 .box .li{
    float: left;
    width: 25%;
    padding: 0 15px;
}
.homeslide2 .box .li .d{
    height: 330px;
    padding: 60px 10% 0;
    background: url(../img/b1.png);
    box-shadow: 0 0 20px 0 rgba(221, 221, 221, 0.6);
    transition: 0.5s;
    text-align: center;
    border-radius: 20px;
}
.homeslide2 .box .li .d .img{
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: url(../img/sec2i2.png);
    transition: 0.5s;
}
.homeslide2 .box .li0 .d .img{background-position: -10px -10px;}
.homeslide2 .box .li1 .d .img{background-position: -140px -10px;}
.homeslide2 .box .li2 .d .img{background-position: -10px -140px;}
.homeslide2 .box .li3 .d .img{background-position: -140px -140px;}
.homeslide2 .box .li .d .line{width: 30px;height: 2px;background: #0167C9;margin: 20px auto 12px;transition: 0.5s;}
.homeslide2 .box .li .d .p1{font-size: 26px;color: #555;transition: 0.5s}
.homeslide2 .box .li .d .p2{font-size: 16px;color: #666;margin: 10px 0 0;opacity: 0;transition: 0.5s;}
.homeslide2 .box .li:hover .d{background: #0167C9;padding-top: 45px}
.homeslide2 .box .li:hover .d .img{background-image: url(../img/sec2i1.png);}
.homeslide2 .box .li:hover .d .line{background: #fff}
.homeslide2 .box .li:hover .d .p1{color: #fff;}
.homeslide2 .box .li:hover .d .p2{opacity: 1;color: #fff;}
/*homeslide3*/
.homeslide3{padding: 0 0 0;}

.homeslide3 .hsback{
    /* background: url(../img/sec3b.png) bottom no-repeat; */
    /* background-size: initial; */
    }


.homeslide3 .title .en{
    opacity: 0.13;
    color: #fff;
}
.homeslide3 .title .cn{
    color: #fff;
}


.homeslide3 .hometop{
    position: relative;
    height: 105px;
}


.highback {
    background: url(../img/sec3b.png) bottom no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    padding: 0;
    /* height: 100%; */
    padding: 5% 0;
}


.homeslide3 .highcont{
    height: 100%;
    width: 1300px;
    max-width: 80%;
    height: 500px;
    max-height: 55%;
    margin: 1% auto 0;
    position: relative;
}
.homeslide3 .highcont .highbox{
    /* height: 100%; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.homeslide3 .highcont .highbox .img1{
    display: block;
    width: 100%;
}


.homeslide3 .highcont .highbox .blk{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    transition: 0.5s;
}
.homeslide3 .highcont .highbox .mid{
    position: absolute;
    width: 100%;
    top: 30%;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    text-align: center;
    z-index: 3;
    transition: 0.4s;
}
.homeslide3 .highcont .highbox .mid .icon{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    zoom: 0.7;
    -moz-transform: scale(0.7);
}
.homeslide3 .highcont .highbox0 .mid .icon{
    background: url('../img/icon1.png') -10px -10px;
}
.homeslide3 .highcont .highbox1 .mid .icon{
    background: url('../img/icon1.png') -100px -10px;
}
.homeslide3 .highcont .highbox2 .mid .icon{
    background: url('../img/icon1.png') -10px -100px;
}
.homeslide3 .highcont .highbox3 .mid .icon{
    background: url('../img/icon1.png') -100px -100px;
}
.homeslide3 .highcont .highbox .mid .line{
    background: #0167C9;
    width: 35px;
    height: 2px;
    margin: 18px auto;
}
.homeslide3 .highcont .highbox .mid .p1{
    color: #fff;
    font-size: 24px;
}
.homeslide3 .highcont .highbox .mid  .more{
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	padding: 4px 14px;
	display: inline-block;
	margin: 16px 0 10px;
	opacity: 0;
	transition: 0.6s;
	display: none;
	}
.homeslide3 .highcont .highbox .mid .hlogo{
    max-width: 70%;
    margin: 10px 0 0;
}

	
.homeslide3.swiper-slide .swiper-slide{pointer-events:auto;}
.homeslide3 .highcont .highbox:hover .blk{opacity: 0.3;}
.homeslide3 .highcont .highbox:hover .mid{top: 12%;}
.homeslide3 .highcont .highbox:hover .mid .more{opacity: 1;
	display: inline-block;}
.homeslide3 .next{cursor: pointer;position: absolute;width: 90px;height: 90px;margin-top: -50px;background-size: 90px 90px;background-image: url(../img/highr.png);top: 50%;left: 102%;}
.homeslide3 .prev{cursor: pointer;position: absolute;width: 90px;height: 90px;margin-top: -50px;background-size: 90px 90px;background-image: url(../img/highl.png);top: 50%;right: 102%;}
/*homeslide4*/
.homeslide4{
    background: #FAFAFA;
    padding: 6% 0 0;
}
.homeslide4 .box{
    width: 1300px;
    margin: 0 auto 0;
    max-width: 98%;
}
.homeslide4 .box .swiper-container{
    height: auto;
    padding: 30px 0 35px;
}
.homeslide4 .box .swiper-wrapper{
    height: auto;
}
.homeslide4 .box .swiper-slide{
    height: auto;
    padding: 0 1%;
}
.homeslide4 .box .swiper-slide .a{
    display: block;
    position: relative;
    border-radius: 5px;
}
.homeslide4 .box .swiper-slide .a .bigimg{
    width: 100%;
}
.homeslide4 .box .swiper-slide .a .down{
    background: #fff;
    padding: 0 18px 45px;
}
.homeslide4 .box .swiper-slide .a .down .p1{
    line-height: 48px;
    height: 48px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
   
    position: relative;
}

.homeslide4 .box .swiper-slide .a .down .p1:before{content:'';position:absolute;width:100%;height:1px;bottom:0;background:#eee;}
.homeslide4 .box .swiper-slide .a .down .p1:after{content:'';position:absolute;width:100%;height:1px;bottom:0;background:#0167C9;right: 100%;transition: 0.5s;}



.homeslide4 .box .swiper-slide .a .down .p2{
    margin: 10px 0;
    line-height: 25px;
    color: #999;
    height: 75px;
    overflow: hidden;
    font-size: 15px;
}
.homeslide4 .box .swiper-slide .a .down .s1{
    float: left;
    border: 1px solid #eee;
    padding: 0 35px 0 10px;
    color: #999;
    height: 25px;
    line-height: 24px;
    position: relative;
    border-radius: 3px;
}
.homeslide4 .box .swiper-slide .a .down .s1 .img1{
    width: 20px;
    position: absolute;
    top: 2px;
    right: 6px;
    opacity: 0.5;
}
.homeslide4 .box .swiper-slide .a .down .s1 .img2{
    width: 20px;
    position: absolute;
    top: 2px;
    right: 6px;
    display: none;
    opacity: 0.5;
}
.homeslide4 .box .swiper-slide .a .down .s2{
    float: right;
    color: #999;
    font-size: 14px;
}
.homeslide4 .box .swiper-slide .a:hover{box-shadow: 0 0 15px 0 #ddd;transition: 0.5s;}
.homeslide4 .box .swiper-slide .a:hover .down .p1{color: #0167C9;transition: 0.5s;}
.homeslide4 .box .swiper-slide .a:hover .down .p1:after{right:0;}
.homeslide4 .box .swiper-slide .a:hover .down .s1{border: 1px solid #0167C9;color: #0167C9;transition: 0.5s;}
.homeslide4 .box .swiper-slide .a:hover .down .s1 .img1{display: none;transition: 0.5s;}
.homeslide4 .box .swiper-slide .a:hover .down .s1 .img2{display: initial;transition: 0.5s;}
/*homeslide5*/
.homeslide5{
    padding: 100px 0 0;
}

.homeslide5 .hsback{
    /* background: url(../img/sec5b.png) bottom no-repeat; */
    /* background-size: cover; */
    }

.homeslide5 .box{
    width: 1240px;
    max-width: 70%;
    margin: 4% auto 0;
    /* text-align: center; */
    position: relative;
    z-index: 3;
}
.homeslide5 .box .con{
    float: left;
    width: 33.33%;
    text-align: center;
}
.homeslide5 .box .con .img{}
.homeslide5 .box .con .p1{
    font-size: 18px;
    color: #0167C9;
    line-height: 50px;
    font-weight: bold;
}
.homeslide5 .box .con .line{
    width: 20px;
    height: 2px;
    background: #0167C9;
    margin: 0px auto 10px;
}
.homeslide5 .box .con .p2{
    color: #666;
    font-size: 15px;
}

.homeslide5 .s5back{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.homeslide5 .s5back iframe{
    position: absolute;
    bottom: 100px;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.homeslide5 .s5back .mapback{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* min-width: 1700px; */
    /* width: 1920px; */
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}




/*homeslide6*/

.homeslide5 .dc{
    background: #1a1a1a;
    color: #fff;
    line-height: 100px;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 4;
    }
.homeslide5 .dc .dd{width: 90%;margin: 0 auto;font-size: 13px;}
.homeslide5 .dc .dd .d1{text-align: center;}
.homeslide5 .dc .dd .d2{ float: right;}
.homeslide5 .dc .dd .d2 a{ color: #8fc41e;}
.homeslide5 .dc .dd .d2 a:hover{color: #fff;}
/*ani*/
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox:before{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		left: 0;
		border-radius: 100%;
		background: rgba(0, 51, 153, 0.15);
		-webkit-animation: scaleout 6s 4s infinite  ;
		animation: scaleout 6s 4s infinite  ;
		z-index: 1;
		opacity: 0;
}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox:after{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top:0%;
		left: 0%;
		border-radius: 100%;
		background: rgba(0, 51, 153, 0.15);
		-webkit-animation: scaleout 6s 2s infinite  ;
		animation: scaleout 6s 2s infinite  ;
		z-index: 1;
		opacity: 0;
}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox .thr{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top:0%;
		left: 0%;
		border-radius: 100%;
		background: rgba(0, 51, 153, 0.15);
		-webkit-animation: scaleout 6s 0s infinite  ;
		animation: scaleout 6s 0s infinite  ;
		z-index: 1;
		opacity: 0;
}


.homeslide6{height: auto!important}


/*neiye*/
.totop{
    width: 50px;
    height: 50px;
    background: url(../img/totop.png);
    background-size: cover;
    position: fixed;
    bottom: 25px;
    right: 30px;
    z-index: 3333;
    display: none;
    cursor: pointer;
}
.bannerbox{position: relative;}

.bannerbox .banbox{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.bannerbox .banbox .box{
    width: 1250px;
    max-width: 92%;
    margin: 0 auto;
}
.bannerbox .banbox .box .cont{
    width: 360px;
    background: rgba(1, 103, 201, 0.6);
    color: #fff;
    padding: 15px 25px;
    position: relative;
    overflow: hidden;
}



.bannerbox .banbox .box .cont .p1{
    font-size: 32px;
    line-height: 50px;
}
.bannerbox .banbox .box .cont .line{
    width: 30px;
    height: 2px;
    background: #8fc41e;
    margin: 2px 0;
}
.bannerbox .banbox .box .cont .p2{
    font-size: 20px;
    font-family: '宋体';
    line-height: 34px;
    text-transform: uppercase;
}

.bannerbox .banbox .box .cont .botline{
	content:'';
	position:absolute;
	width:100%;
	height: 5px;
	background: hsla(79, 73%, 44%, 0.7);
	bottom: 0;
	left: 0;
}




.bannerbox .flash{}
.bannerbox .flash img{
    width: 100%;
    height: auto;
    display: block;
}

.met_aside{
    line-height: 50px;
    text-align: center;
    color: #666666;
    font-size: 33px;
}
.met_aside span{
    display: inline-block;
    margin: 0 8px 0 0;
}
.met_aside .sp0{
    display: none;
}
.met_aside .nnn{
    display: inline-block;
}
.met_aside .nnn.act{color: #0167C9;}

/*news*/

.nynews{
    width: 1250px;
    max-width: 96%;
    margin: 0 auto;
}
.nynews .nynewsli{}


.nynews .nynewsli0{
    width: 100%;
    max-width: 100%;
    position: relative;
}
.nynews .nynewsli0 .img1{
    display: block;
    max-width: 100%;
}
.nynews .nynewsli0 .absbox{
    position: absolute;
    bottom: 35px;
    right: 2%;
    background: rgba(1, 103, 201, 0.75);
    color: #fff;
    width: 95%;
    max-width: 100%;
    padding: 25px 35px 20px 185px;
    transition: 0.6s;
}
.nynews .nynewsli0 .absbox .p1{
    font-size: 20px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
}
.nynews .nynewsli0 .absbox .p2{
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}
.nynews .nynewsli0 .absbox .p3{
    font-size: 38px;
    position: absolute;
    left: 25px;
    top: 50%;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
}
.nynews .nynewsli0 .absbox .line{
    width: 15px;
    height: 2px;
    background: #8fc41e;
    position: absolute;
    left: 150px;
    top: 50%;
    line-height: 50px;
    margin-top: -1px;
}

.nynews .nynewsli0:hover{}
.nynews .nynewsli0:hover .absbox{
   transform:translateY(-30px);
}




.nynews .nynewslix {
    margin: 35px 0 0;
    transition: 0.5s;
}
.nynews .nynewslix .img1{
    float: left;
    display: block;
}
.nynews .nynewslix .absbox{
    float: left;
    width: calc(100% - 460px);
    padding: 42px 35px;
}
.nynews .nynewslix .absbox .p1{
    font-size: 18px;
    color: #666666;
    height: 28px;
    display: block;
    line-height: 28px;
    overflow: hidden;
    transition: 0.5s;
}
.nynews .nynewslix .absbox .p2{
    color: #999;
    font-size: 15px;
    line-height: 30px;
    height: 90px;
    margin: 20px 0;
    overflow: hidden;
}
.nynews .nynewslix .absbox .p3{
    font-size: 18px;
    color: #666666;
}
.nynews .nynewslix .absbox .more{
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    /* height: 20px; */
    display: inline-block;
    border: 1px solid #999999;
    padding: 0 35px 0 10px;
    color: #999;
    height: 25px;
    line-height: 24px;
    position: relative;
    border-radius: 3px;
}

.nynews .nynewslix .absbox .more .arr1{
    width: 20px;
    position: absolute;
    top: 2px;
    right: 6px;
    opacity: 0.5;
}
.nynews .nynewslix .absbox .more .arr2{
    width: 20px;
    position: absolute;
    top: 2px;
    right: 6px;
    display: none;
    opacity: 0.5;
}

.nynews .nynewslix .absbox .line{
    background: #999999;
    width: 75px;
    height: 2px;
    position: relative;
    margin: 15px 0;
    left: -60px;
}


.nynews .nynewslix:hover{
    box-shadow: 0 0 25px 0 rgba(11, 3, 6, 0.2);
}
.nynews .nynewslix:hover .p1{
    color: #0167C9;
}

.nynews .nynewslix:hover .absbox .more{border-color:#0167C9;color:#0167C9}
.nynews .nynewslix:hover .absbox .more .arr1{
 	display: none;
}
.nynews .nynewslix:hover .absbox .more .arr2{
  display: block;
}




/*foot*/


.footbox{
    background: #1a1a1a;
    color: #fff;
    line-height: 100px;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 4;
    }
.footbox .dd{width: 90%;margin: 0 auto}
.footbox .dd .d1{float: left;}
.footbox .dd .d2{ float: right;}
.footbox .dd .d2 a{ color: #8fc41e;}
.footbox .dd .d2 a:hover{color: #fff;}



/*nny*/

.nny{
    background: #fafafa;
    padding: 40px 0;
}
.nny .en{
    display: block;
    font-size: 64px;
    color: rgba(19, 70, 146, 0.13);
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.nny .cn{
    display: block;
    line-height: 45px;
    font-weight: bold;
    font-size: 34px;
    color: #0167C9;
    text-align: center;
    margin: 0 0 30px;
}




/*media*/


@media(max-width: 1700px){
.homeslide1 .pidxbox {
    position: absolute;
    bottom: 14px;
    right: 5%;
    z-index: 4;
}

	
}


@media(max-width: 1366px){

	.footbox{font-size: 12px;line-height: 50px;}


	.hometop .nav a{margin-left: 25px;font-size: 16px;}


.homeslide1 .pidxbox {
    position: absolute;
    bottom: 4px;
    right: 2%;
    z-index: 4;
}

.bannerbox .banbox .box .cont{width: 265px;padding: 7px 21px;}	
.bannerbox .banbox .box .cont .p1{font-size: 25px;line-height: 40px;}
.bannerbox .banbox .box .cont .p2{font-size: 18px;}


	.swiper-home .pdes{width: 75%;margin: 0px auto 0;line-height: 30px;font-size: 14px;}
	.homeslide3 .hsback{background-size: cover;}
	.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox{
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px;
    padding: 130px 0 0;
}
	.homeslide2 .box{
    margin: 1.5% auto 0;
    width: 1100px;
}
.homeslide2 .box .li .d{
    padding: 30 5% 0;
    height: 290px;
}
.homeslide2 .box .li .d .p2{
    font-size: 14px;
}
.homeslide2 .box .li:hover .d {
    background: #0167C9;
    padding-top: 20px;
}


.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox .p1{
    font-size: 48px;
    line-height: 50px;
}
.swiper-home .homeslide1 .swiper-banner .swiper-slide .banbox .p2{
    font-size: 20px;
    line-height: 40px;
}


	.swiper-home .title .en{
    font-size: 43px;
}

	.swiper-home .title .cn{
    font-size: 23px;
}

	.highback{padding: 3% 0 4%;background-size: 100% 100%;}
	.homeslide3 .highcont{
    max-height: 308px; width: 800px;margin-top: 2px;
}

.homeslide3 .highcont .highbox .mid .p1{font-size: 18px;}
.homeslide3 .highcont .highbox .mid .hlogo{max-width:50%;}
.homeslide3 .highcont .highbox .mid .more{    font-size: 13px;    padding: 2px 10px;}

.homeslide3 .prev,.homeslide3 .next{zoom:0.7;}



	.homeslide3 .highcont .highbox .mid{
    top: 15%;
}

.homeslide3 .highcont .highbox:hover .mid {
    top: 5%;
}
	
	.homeslide4 .box{
		zoom: 0.8;
		-moz-transform: scale(0.9);
	}

.homeslide4 .box .swiper-container {
    height: auto;
    padding: 10px 0 35px;
}


	.homeslide5 .s5back .mapback{
    bottom: 0;
    min-width: auto;
}

.homeslide5 .box{
	margin: 1% auto 0;
}


.homeslide5 .box .con .img{
    zoom: 0.5;
}


	.homeslide5 .dc{
    line-height: 50px;
   
}
.homeslide5 .dc .dd{font-size: 12px;}
}






/*neiye*/


/*contact*/
.contact{
    padding: 55px 0 40px;
    background: #fafafa;
    position: relative;
    overflow: hidden;
}
.contact .top{}
.contact .top .box{
    width: 1240px;
    max-width: 90%;
    margin: 0 auto;
    /* text-align: center; */
    position: relative;
    z-index: 3;
}
.contact .top .box .con{
    float: left;
    width: 33.33%;
    text-align: center;
}
.contact .top .box .con .img{}
.contact .top .box .con .p1{
    font-size: 18px;
    color: #0167C9;
    line-height: 50px;
    font-weight: bold;
}
.contact .top .box .con .line{
    width: 16px;
    height: 2px;
    background: #0167C9;
    margin: 0px auto 10px;
}
.contact .top .box .con .p2{
    color: #666;
    font-size: 15px;
}

.contact .mid{
    margin: 45px auto 0;
}
.contact .mid .mapset{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    position: relative;
    height: 400px;
    overflow: hidden;
}
.contact .mid .mapset iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact .down{}
.contact .down .logoset{
    width: 1200px;
    margin: 0 auto;
    max-width: 92%;
}
.contact .down .logoset .dllogo{
    width: 48%;
    height: 330px;
    background: #fff;
    position: relative;
    margin: 35px 0 0;
    border-radius: 10px;
    text-align: center;
    padding-top: 60px;
    transition: 0.5s;
}
.contact .down .logoset .dllogo.left{
    float: left;
}
.contact .down .logoset .dllogo.right{
    float: right;
}
.contact .down .logoset .dllogo .img1{
    display: block;
    margin: 0 auto;
}
.contact .down .logoset .dllogo a{
    display: inline-block;
    font-size: 18px;
    padding: 8px 19px;
    color: #fff;
    border-radius: 10px;
    margin: 30px 0 0;
}

.contact .down .logoset .dllogo:hover{
    box-shadow: 0 0 25px 0 #ddd;
}


.contact .down .logoset .dllogo0 a{background:#f8b718;box-shadow: 2px 3px 5px 0 #f8b718;}
.contact .down .logoset .dllogo1 a{background:#35c5ef;box-shadow: 2px 3px 5px 0 #35c5ef;}
.contact .down .logoset .dllogo2 a{}
.contact .down .logoset .dllogo3 a{}


.contact .cstmsgmodal{
    margin: 50px 0;
}
.contact .cstmsgmodal .msgbox{}
.contact .cstmsgmodal .msgbox .msgbody{
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}
.contact .cstmsgmodal .msgbox .msgbody .nn{
    float: left;
    width: 33.33%;
}
.contact .cstmsgmodal .msgbox .msgbody .nn2{
}
.contact .cstmsgmodal .msgbox .msgbody .nn3{
    float: none;
    width: 100%;
    clear: both;
    margin: 0 0 16px;
}

.contact .cstmsgmodal .msgbox .msgbody .nn .text{
    padding: 0 3%;
    line-height: 35px;
    font-size: 16px;
    color: #666;
}

.contact .cstmsgmodal .msgbox .msgbody .nn3 .text{
    padding: 0 01%;
}


.contact .cstmsgmodal .msgbox .msgbody .nn .input{
    text-align: center;
}

.contact .cstmsgmodal .msgbox .msgbody .nn .input input{
    width: 94%;
    line-height: 36px;
    height: 36px;
    padding: 0 7px;
    color: #333;
    outline: none;
    background: transparent;
    border: 1px solid #999;
}
.contact .cstmsgmodal .msgbox .msgbody .nn .input textarea{
    width: 98%;
    line-height: 36px;
    height: 72px;
    padding: 0 7px;
    color: #333;
    outline: none;
    background: transparent;
    border: 1px solid #999;
    resize: none;
}




.contact .cstmsgmodal .msgbox .msgbody .submint{
    text-align: center;
}
.contact .cstmsgmodal .msgbox .msgbody .submint .submit{
    display: inline-block;
    background: #0167C9;
    padding: 8px 30px;
    font-size: 16px;
}



.contact .qrset{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    position: relative;
    /*border: 1px solid #eee;*/
    border-right: none;
}
.contact .qrset .li{
    width: 33.33%;
    height: 200px;
    float: left;
    text-align: center;
    /*border-right: 1px solid #eee;*/
    padding: 25px 0 0;
}
.contact .qrset .li .qr{}
.contact .qrset .li .p1{
    line-height: 40px;
    font-size: 16px;
}








/*partner*/

.partner{
 
}
 
.partner .swiper-partner{
    height: auto;
}
.partner .swiper-partner .swiper-wrapper{
    height: auto;
}
.partner .swiper-partner .swiper-slide{
    height: auto;
}
.partner .swiper-partner .swiper-slide .bigimg{    
	width: 100%;
    min-width: 1600px;
}
.partner .swiper-partner .swiper-slide .abs{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.partner .swiper-partner .swiper-slide.spart0 .abs .cont{
    width: 1400px;
    max-width: 94%;
    margin: 0 auto;
}



.partner .swiper-partner .swiper-slide.spart0 .abs .img1{
    margin: 0 00 26px;
}
.partner .swiper-partner .swiper-slide.spart0 .abs .p1{font-family: 'montserratbold';font-size: 90px;line-height: 90px;}
.partner .swiper-partner .swiper-slide.spart0 .abs .p2{
    font-family: 'montserratregular';
    font-size: 32px;
    line-height: 46px;
    margin: 10px 0 0;
    letter-spacing: 2px;
}
.partner .swiper-partner .swiper-slide.spart0 .abs .a1{
    display: block;
    display: inline-block;
    font-size: 18px;
    padding: 8px 19px;
    color: #fff;
    border-radius: 10px;
    margin: 24px 0 0;
}


.partner .swiper-partner .swiper-slide.spart0 .abs .a1{background:#f8b718;box-shadow: 2px 3px 5px 0 #f8b718;}



.partner .swiper-partner .swiper-slide.spart1 .abs .cont{
    width: 1600px;
    max-width: 94%;
    margin: 0 auto;
}



.partner .swiper-partner .swiper-slide.spart1 .abs .img1{
    margin: 0 0 26px;
}
.partner .swiper-partner .swiper-slide.spart1 .abs .p1{font-family: 'montserratbold';font-size: 68px;line-height: 76px;}
.partner .swiper-partner .swiper-slide.spart1 .abs .p2{
    font-family: 'montserratregular';
    font-size: 25px;
    line-height: 40px;
    margin: 20px 0 0px;
}
.partner .swiper-partner .swiper-slide.spart1 .abs .a1{
    display: block;
    display: inline-block;
    font-size: 18px;
    padding: 8px 19px;
    color: #fff;
    border-radius: 10px;
    margin: 20px 0 0;
}

.partner .swiper-partner .swiper-slide.spart1 .abs .a1{background:#35c5ef;box-shadow: 2px 3px 5px 0 #35c5ef;}




.partner .swiper-partner .swiper-slide.spart2 .abs .a1{}
.partner .swiper-partner .swiper-slide.spart3 .abs .a1{}

/*.swiper-partner*/

.swiper-partner .swiper-pagination{
}
.swiper-partner .swiper-pagination .swiper-pagination-bullet{
    width: 5px;
    height: 16px;
    border-radius: 0;
    margin: 0 5px;
    border-radius: 10px;
}
.swiper-partner .swiper-pagination .swiper-pagination-bullet-active{
    height: 25px;
}





/*job*/


.job .top{
    text-align: center;
    padding: 0px 0 35px;
}
.job .top .img1{
    max-width: 92%;
}

.job .top .rcgbody{
    width: 1200px;
    margin: 0 auto;
    max-width: 96%;
}
.job .top .rcgbody .rcgli{
    float: left;
    width: 11.11%;
    /* background: #fff; */
    position: relative;
    padding: 18px 0 16px;
    border-left: 1px solid rgba(153, 153, 153, 0.3);
    transition: 0.5s;
}

.job .top .rcgbody .rcgli:nth-child(1){border:none}


.job .top .rcgbody .rcgli .rcgtop{
    padding: 10px 0  20px;
    background: url(/upload/pub/rcg.png);
}
.job .top .rcgbody .rcgli .rcgtop .p1{
    font-size: 18px;
    color: #5a5a5a;
    line-height: 24px;
    width: 25px;
    margin:  auto;
}
.job .top .rcgbody .rcgli .rcgdown{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    max-width: 96%;
    border-radius: 50%;
}
.job .top .rcgbody .rcgli .rcgdown img{
    width: 100%;
}

.job .top .rcgbody .rcgli:hover{padding:0 0 34px}




.job .mid{
    padding: 0px 0 35px;}
.job .mid .list2{
    width: 1230px;
    /* padding: 15px 0; */
    margin: 0 auto 0;
    max-width: 92%;
}
.job .mid .list2 .li{
    /* background-color: #fff; */
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    /* text-align: center; */
    padding: 25px 35px;
    border-radius: 8px;
}
.job .mid .list2 .li .content{}
.job .mid .list2 .li .content .imgbox{
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
}
.job .mid .list2 .li .content .imgbox img{
    width: 100%;
}
.job .mid .list2 .li .content .p1{
    text-align: center;
    font-size: 16px;
    color: #666;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 15px;
}
.job .mid .list2 .li .content .c{
    font-size: 14px;
    color: #666;
    line-height: 25px;text-indent: 2rem;
}
.job .mid .list2 .swiper-employee{height: auto;    padding: 15px 15px 30px;}
.job .mid .list2 .swiper-employee .swiper-wrapper{height: auto}
.job .mid .list2 .swiper-employee .swiper-wrapper .swiper-slide{height: auto}



.job .down{}
.job .down .list1{
    width: 1200px;
    padding: 20px 0 40px;
    margin: 0 auto;
    max-width: 92%;
}
.job .down .list1 .li{
    float: left;
    width: 20%;
    text-align: center;
}
.job .down .list1 .li .yuan{
    width: 160px;
    height: 160px;
    margin: 0 auto;
    position: relative;
    padding: 10% 0 0;
    border: 2px solid #e2e2e2;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: 0.5s;
}


.job .down .list1 .li .yuan:after{content:'';position:absolute;width: 180px;height: 180px;top: -12px;left: -12px;border: 2px solid #fafafa;border-radius: 50%;transition: 0.5s;}


.job .down .list1 .li .yuan .img{
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}
.job .down .list1 .li .yuan .img .icon1{
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}
.job .down .list1 .li .yuan .img .icon2{
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}

.job .down .list1 .li .yuan .p1{
    font-size: 18px;
    color: #6f6f6f;
    line-height: 30px;
    margin: 20px 0 5px;
    transition: 0.5s;
}
.job .down .list1 .li .yuan .p2{
    font-size: 16px;
    color: #6f6f6f;
    transition: 0.5s;
}

.job .down .list1 .li .yuan .sjx{
    position: absolute;
    height: 24px;
    width: 140%;
    left: -20%;
    top: 50%;
    margin-top: -12px;
    background: url(../img/jobsjx.png) no-repeat right;
    transform: rotate(0deg);
    opacity: 0;
    transition: 0.5s;
}


.job .down .list1 .li.act .yuan{
    background: #0167C9;
    border: 2px solid #0167C9;
}

.job .down .list1 .li.act .yuan:after{
    border: 2px solid #0167C9;
}

.job .down .list1 .li.act .yuan .img .icon1{}
.job .down .list1 .li.act .yuan .img .icon2{
    opacity: 0;
}
.job .down .list1 .li.act .yuan .p1{
    color: #fff;
}
.job .down .list1 .li.act .yuan .p2{
    color: #fff;
}
.job .down .list1 .li.act .yuan .sjx{
    transform: rotate(90deg);
    opacity: 1;
}

.job .down .list2{
    width: 1200px;
    padding: 15px 0;
    margin: 0 auto 0;
    max-width: 92%;
}
.job .down .list2 .li{}
.job .down .list2 .li .tit{
    background: #0167C9;
    color: #fff;
    padding: 13px 20px;
    font-size: 18px;
    position: relative;
}
.job .down .list2 .li .tit span{}
.job .down .list2 .li .tit p{
    position: absolute;
    height: 2px;
    width: 24px;
    background: #fff;
    right: 24px;
    top: 50%;
    margin-top: -1px;
}
.job .down .list2 .li .content{
    padding: 15px 20px;
    position: relative;
}
.job .down .list2 .li .content .d1{
    color: #333;
    padding: 0 0 15px;
    font-size: 15px;
    position: relative;
}
.job .down .list2 .li .content .d1 .s1{}
.job .down .list2 .li .content .d1 .s2{}
.job .down .list2 .li .content .c{}
.job .down .list2 .li .content .c td{
    width: 50%;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    padding-right: 30px;
    vertical-align: top;
}
.job .down .list2 .li .content .a{
    position: absolute;
    right: 45px;
    bottom: 35px;
    background: #0167C9;
    color: #fff;
    font-size: 15px;
    padding: 8px 25px;
    border-radius: 10px;
}

.job .down .list2 .li .content table{
    width: 100%;
}

.job .down .list2 .li .content table td{}






.job .down .list2 .swiper-job{height: auto}
.job .down .list2 .swiper-job .swiper-wrapper{height: auto}
.job .down .list2 .swiper-job .swiper-wrapper .swiper-slide{height: auto}



/* cv */

.cvbox{
    margin: 35px  0 0;
}
.cvlist{
    width: 1000px;
    padding: 40px 0;
    margin:  0 auto;
}
.cvlist .cvtit{
    font-size:  20px;
    color:  #666;
    text-align:  center;
}
.cvlist .cvli{
    float:  left;
    width: 50%;
    height:  35px;
    margin-bottom: 30px;
    line-height:  35px;
}


.cvlist .cvli.ftype_textarea{height: 140px;}

.cvlist .cvli .cvdes{
    width: 90px;
    float:  left;
    height: 35px;
    line-height: 35px;
    /* padding-left: 60px; */
    font-size:  16px;
    color:  #666;
}
.cvlist .cvli .cvval{
    width:  350px;
    float:  left;
    height: 35px;
    line-height: 35px;
}

.cvlist .cvli .cvval select{
  height: 35px;
  line-height: 35px;
  width: 100%;
  font-size:  12px;
  border: 1px solid #E0E0E0;
}

.cvlist .cvli .cvval input[type=text]{
  height: 35px;
  line-height: 35px;
  width: 100%;
  padding-left:  10px;
  font-size:  12px;
  outline: none;
  border:  1px solid #E0E0E0;
}

.cvlist .cvli .cvval label{    margin: 0 15px; }
.cvlist .cvli .cvval textarea{width:100%;height: 140px;border: 1px solid #E0E0E0;padding:  0 10px;font-size:  12px;line-height: 35px;resize: none;}


.cvlist .cvli.ftype_code{}
.cvlist .cvli.ftype_code .cvval{}
.cvlist .cvli.ftype_code .cvval input[type=text]{
    width: 210px;
}
.cvlist .cvli.ftype_code .cvval img{
    margin: 0;
    height: 35px;
}


.cvlist .submit{
    display:  block;
    margin: 25px auto 0;
    background: #0167C9;
    height:  40px;
    font-size:  16px;
    border-radius:  7px;
}



/*market*/
.market{
    padding: 0 0 40px;
    background: #fafafa;
}
.market .top{
    padding: 0 0;
    position: relative;
    width: 1000px;
    margin: 0 auto;
    height: 470px;
}
.market .top .imb{
    width: 375px;
    height: 370px;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    margin-left: -187px;
    top: 60px;
}
.market .top .imb .m{
    position: absolute;
    top: 0;
    left: 0;
}
.market .top .imb .m1{}
.market .top .imb .m2{}
.market .top .imb .m3{}
.market .top .imb .m4{}
.market .top .imb .m5{}
.market .top .imb .pp{
    color: #555555;
    font-size: 35px;
    text-align: center;
    width: 100%;
    height: 112px;
    position: absolute;
    top: 53%;
    margin-top: -56px;
}
.market .top .p{
    position: absolute;
    font-size: 21px;
    color: #5a5a5a;
}
.market .top .p1{
    width: 100%;
    text-align: center;
}
.market .top .p2{
    left: 50%;
    bottom: 260px;
    margin-left: 230px;
}
.market .top .p3{
    left: 50%;
    bottom: 46px;
    margin-left: 190px;
}
.market .top .p4{
    right: 50%;
    bottom: 46px;
    margin-right: 190px;
}
.market .top .p5{
    right: 50%;
    margin-right: 230px;
    bottom: 260px;
}


.market .down{
	padding: 0 0;
	position: relative;
	width: 1000px;
	margin: 30px auto 0;
}
.market .down .bq{
    width: 440px;
    height: 140px;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px 0 #ddd;
    overflow: hidden;
}
.market .down .bq1{}
.market .down .bq2{
    float: right;
}
.market .down .bq .img1{}
.market .down .bq .img2{position: absolute;top: 50%;margin-top: -25px;left: 170px;}
.market .down .bq .s1{
    position: absolute;
    top: 50%;
    margin-top: -28px;
    left: 230px;
    font-size: 18px;
    color: #333;
}
.market .down .bq .s2{
    position: absolute;
    top: 50%;
    margin-top: 5px;
    left: 230px;
    color: #666666;
    font-size: 14px;
}
.market .down .bq2 .s1{
    color: #666666;
    font-size: 14px;
    margin-top: -22px;
}

.market .down .bq1 .img1{
    position: relative;
    left: -50px;
}
.market .down .bq1 .img2{
    left: 110px;
}
.market .down .bq1 .s1{
    left: 170px;
}
.market .down .bq1 .s2{
    left: 170px;
}
.market .down .bq1 .img3{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    right: 25px;
    width: 100px;
}



.market .abo4{
    background: #fff;
    position: relative;
    padding: 30px 0 25px;
    margin: 0 auto 40px;
}
.market .abo4 .img1{
    position: relative;
    display: block;
    margin: 0 auto;
}
.market .abo4 .px{
    text-align: center;
    margin: 0;
    color: #555555;
    font-size: 35px;
}

.market .abo4 .box{
    padding: 70px 0 50px;
    width: 960px;
    margin: 0 auto;
}
.market .abo4 .box .li{
    /* position: absolute; */
    /* width: 300px; */
    position: relative;
    text-align: center;
    float: left;
    width: 250px;
    height: 250px;
    /* border: 1px solid rgba(153, 153, 153, 0.2); */
    margin: 0 35px;
    border-radius: 50%;
    padding: 35px 35px 0;
}



.market .abo4 .box .li:before {
    position: absolute;
    content: "";
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    border: 2px solid rgba(1, 103, 201, 0.6);
    /* margin: auto; */
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    /* box-shadow: 0 0 6px #ccc; */
}


.market .abo4 .box .li:hover:before {
    /* border-color: #fff; */
    border-right-color: #fefefe;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}







.market .abo4 .box .li0{
}
.market .abo4 .box .li1{
    /* right: 50%; */
    /* top: 200px; */
    /* margin-right: 170px; */
}
.market .abo4 .box .li2{
}



.market .abo4 .box .li .d{}
.market .abo4 .box .li .d .img{
    width: 60px;
    height: 60px;
    background: url(../img/abo45.png);
    display: block;
    margin: 0 auto 15px;
}


.market .abo4 .box .li0 .d .img{
    background-position: -90px -10px;
}
.market .abo4 .box .li1 .d .img{
    background-position: -10px -10px;
}
.market .abo4 .box .li2 .d .img{
    background-position: -170px -10px;
}

.market .abo4 .box .li .d .p1{
    font-size: 14px;
    color: #555555;
    line-height: 26px;
    letter-spacing: 1px;
}


.market .abo5{
    position: relative;
    padding: 25px 0 25px;
}
.market .abo5 .px{
    text-align: center;
    font-size: 30px;
    color: #0167C9;
    margin: 0;
}
.market .abo5 .box{
    margin: 10px auto 0;
    width: 1000px;
    position: relative;
}
.market .abo5 .box .li{
    float: left;
    width: 48%;
    height: 220px;
    margin: 20px 1% 0;
    background: #fafafa;
    font-size: 16px;
    color: #666;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}
.market .abo5 .box .li .d{
    position: absolute;
    /* left: 50%; */
    top: 50%;
    transform: translateY(-50%);
}

.market .abo5 .box .li0 .d{
    right: 150px;
    padding-right: 80px;
}
.market .abo5 .box .li1 .d{
    left: 150px;
    padding-left: 80px;
}
.market .abo5 .box .li2 .d{
    right: 150px;
    text-align: right;
    padding-right: 80px;
}
.market .abo5 .box .li3 .d{
    left: 150px;
    padding-left: 80px;
}




.market .abo5 .box .li .d .img{
    width: 70px;
    height: 70px;
    background: url(../img/abo45.png);
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -35px;
}

.market .abo5 .box .li0 .d .img{background-position: -250px -10px;right: 0;}
.market .abo5 .box .li1 .d .img{background-position: -340px -10px;left: 0;}
.market .abo5 .box .li2 .d .img{background-position: -430px -10px;right: 0;}
.market .abo5 .box .li3 .d .img{background-position: -520px -10px;left: 0;}




.market .abo5 .box .li .d .p1{
    display: inline-block;
    width: 200px;
    vertical-align: top;
}

.market .abo5 .img1{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 260px;
    margin-top: -130px;
    margin-left: -130px;
    border-radius: 50%;
}

.market .abo5 .img1:before{content:'';display: block;position: absolute;width: 290px;height: 290px;top: -15px;left: -15px;background: #fff;box-shadow: 0 0 20px rgba(1, 103, 201, 0.2);border-radius: 50%;}
.market .abo5 .img1 img{
    position: relative;
    z-index: 2;
}


.market .abo5 .box .li.act{background:#0066c9}
.market .abo5 .box .li.act .d .p1{color:#fff;}


.market .abo5 .box .li0.act .d .img{background-position: -610px -10px;right: 0;}
.market .abo5 .box .li1.act .d .img{background-position: -700px -10px;left: 0;}
.market .abo5 .box .li2.act .d .img{background-position: -790px -10px;right: 0;}
.market .abo5 .box .li3.act .d .img{background-position: -880px -10px;left: 0;}





/*product*/

.product{
    background: #fafafa;
}
.product .probig{
    position: relative;
    display: block;
}
.product .probig .bigimg{
    width: 100%;
}
.product .probig .absbox{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    transition:1s
}

.product .probig:nth-child(odd) .absbox{
	right: 60%;
}
.product .probig:nth-child(even) .absbox{
	left: 60%;
}
 


.product .probig .absbox .img1{}
.product .probig .absbox .p1{
    color: #666;
    font-size: 35px;
    margin: 0 0 10px;
}

.product .probig0 .absbox .p1{
    color: #fff;
    font-size: 35px;
    margin: 0 0 10px;
}

.product .probig .absbox .a1{
	display: inline-block;
	padding: 2px 20px;
	border: 1px solid #fff;
	color: #666;
	font-size: 18px;
	transition: 0.5s;
}
.product .probig0 .absbox .a1{
    display: inline-block;
    padding: 2px 20px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    transition: 0.5s;
}

 .product .probig:nth-child(odd):hover .absbox{
	transform:translatex(-30px) translateY(-50%);
}
.product .probig:nth-child(even):hover .absbox{
	transform:translatex(30px) translateY(-50%);
}



.product .prolist{
    padding: 0 0 35px;
}

.product .pronav{
    padding: 35px 0 30px;
    text-align: center;
}

.product .pronav.top0{
    position: fixed;
    top: 0;
    z-index: 333;
    width: 100%;
    background: #fafafa;
    padding: 20px 0;
}

.product .pronav .prona{
    display: inline-block;
    padding: 7px 24px;
    background: #fff;
    color: #5a5a5a;
    font-size: 18px;
    margin: 0 10px;
    border-radius: 10px;
    transition: 0.5s;
}




.product .pronav .prona:hover, .product .pronav .prona.act{
	background: #0167C9;color: #fff;
}


.product .prolist .proli{
    width: 1265px;
    margin: 0 auto 0;
    padding: 0;
}
.product .prolist .proli .left{
    width: 675px;
    height: 590px;
    padding: 10px 0 20px;
    float: left;
    position: relative;
}
.product .prolist .proli .left img{transition: 0.5s;}
.product .prolist .proli .left img:hover{box-shadow: 0 0 20px 0 rgba(11, 3, 6, 0.3);}


.product .prolist .proli .left .t{
    position: absolute;
    font-size: 30px;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}
.product .prolist .proli .left .t:before{content: "";width: 35px;height: 2px;background: #fff;position: absolute;left: 110%;top: 50%;}
.product .prolist .proli .left .t:after{content: "";width: 35px;height: 2px;background: #fff;position: absolute;right: 110%;top: 50%;}


.product .prolist .proli2 .left .t,.product .prolist .proli3 .left .t{color:#666}
.product .prolist .proli2 .left .t:before, .product .prolist .proli3 .left .t:before{background:#666;}
.product .prolist .proli2 .left .t:after, .product .prolist .proli3 .left .t:after{background:#666;}



.product .prolist .proli .right{
    float: right;
    height: 590px;
    width: 580px;
}
.product .prolist .proli .right .swiper-container{
    padding: 10px 10px 20px;
}
.product .prolist .proli .right .swiper-container .swiper-wrapper{}
.product .prolist .proli .right .swiper-container .swiper-slide{height: 275px;} 

.product .prolist .proli .right .swiper-container .swiper-pagination{
    bottom: 5px;
}


.product .prolist .proli .right .swiper-container  .swiper-pagination-bullet{
	width: 5px;
	height: 5px;
	margin: 0 6px 1px;
}

.product .prolist .proli .right .swiper-container  .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 7px;
	height: 7px;
	margin: 0 6px;
}



.product .prolist .proli .right .swiper-container .swiper-slide .proa{
    display: block;
    background: #fff;
    height: 100%;
    text-align: center;
    transition: 0.5s;
} 



.product .prolist .proli .right .swiper-container .swiper-slide .proa .i1{
    width: 100%;
}
.product .prolist .proli .right .swiper-container .swiper-slide .proa .p1{
    font-size: 15px;
    color: #5e5e5e;
    line-height: 40px;
}
.product .prolist .proli .right .swiper-container .swiper-slide .proa .p2{
    font-size: 13px;
    color: #999;
    line-height: 35px;
}


.product .prolist .proli .right .swiper-container .swiper-slide .proa:hover{
	box-shadow: 0 0 20px 0 rgba(182, 182, 182, 0.35);
}


.product .prolist .proli .right .swiper-container .swiper-slide .proa:hover .p1{
    color: #0167C9;
}
.product .prolist .proli .right .swiper-container .swiper-slide .proa:hover .p2{
    color: #0167C9;
}



/*about*/

.about{
    background: #fff;
}
.about .desc{
    width: 1025px;
    max-width: 94%;
    margin: 0 auto;
    text-indent: 2em;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.about .abo1{
    margin: 0 0 35px;
}
.about .abo1 .imgbox{
    width: 1025px;
    margin: 35px auto 0;
    position: relative;
    cursor: pointer;
}
.about .abo1 .imgbox .big{
    width: 100%;
    display: block;
}
.about .abo1 .imgbox .but{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 102px;
    margin-left: -51px;
    margin-top: -51px;
}

.about .abo2{
    background: url(../img/abo2back.png) top no-repeat;
    background-size: cover;
    padding: 30px 0 50px;
}
.about .abo2 .top{
    width: 990px;
    margin: 0 auto;
}
.about .abo2 .top .li{width: 33.33%;text-align: center;float: left;}
.about .abo2 .top .li .a1{width: 228px;height: 186px;margin: 0 auto;color: #fff;display: block;padding-top: 10%;}
.about .abo2 .top .li .a1:hover, .about .abo2 .top .li.act .a1{background: url(../img/abo2b.png) center no-repeat;}
.about .abo2 .top .li .p1{font-size: 32px}
.about .abo2 .top .li .line{width: 20px;height: 2px;margin: 10px auto;background: #8abb44}
.about .abo2 .top .li .p2{
	font-size: 18px;
    text-transform: uppercase;
}



.about .abo2 .down{
    width: 1250px;
    max-width: 100%;
    margin: 0 auto;
}

.about .abo2 .down .swiper-container{
    height: auto;
}
.about .abo2 .down .swiper-container .swiper-wrapper{
    height: auto;
}
.about .abo2 .down .swiper-container .swiper-slide{
    height: auto;
}

.about .abo2 .down .swiper-container .swiper-slide.do1{height: 200px}

.about .abo2 .down .swiper-container .swiper-slide.do2{height: 200px}
.about .abo2 .down .swiper-container .swiper-slide.do3{}


.about .abo2 .down .do .px{
    font-size: 35px;
    text-align: center;
    color: #fff;
    padding: 80px 0 0px;
    /* line-height: 30px; */
    width: 1000px;
    margin: 0 auto;
}

.about .abo2 .down .do3 .box .li{
    float: left;
    width: 25%;
    padding: 0 15px;
}
.about .abo2 .down .do3 .box .li .d{
    height: 330px;
    padding: 45px 10% 0;
    transition: 0.5s;
    text-align: center;
    border-radius: 20px;
}
.about .abo2 .down .do3 .box .li .d .img{
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: url(../img/sec2i1.png);
    transition: 0.5s;
}
.about .abo2 .down .do3 .box .li0 .d .img{background-position: -10px -10px;}
.about .abo2 .down .do3 .box .li1 .d .img{background-position: -140px -10px;}
.about .abo2 .down .do3 .box .li2 .d .img{background-position: -10px -140px;}
.about .abo2 .down .do3 .box .li3 .d .img{background-position: -140px -140px;}
.about .abo2 .down .do3 .box .li .d .line{width: 30px;height: 2px;background: #fff;margin: 20px auto 12px;transition: 0.5s;}
.about .abo2 .down .do3 .box .li .d .p1{font-size: 26px;color: #fff;transition: 0.5s}
.about .abo2 .down .do3 .box .li .d .p2{font-size: 16px;color: #fff;margin: 10px 0 0;transition: 0.5s;}

/*.about .abo2 .down .do3 .box{
    margin: 0 0 20px;
}*/
.about .abo2 .down .do3 .box2{
    margin: 0 0 0;
    background: url(/upload/pub/fz.png);
    height: 430px;
    position: relative;
    background-size: contain;
}
.about .abo2 .down .do3 .box2 .li{
    float: left;
    width: 25%;
    text-align: center;
    padding: 25px 0 70px;
    height: 215px;
    /* border-top: 1px solid rgba(255, 255, 255, 0.5); */
    /* border-left: 1px solid rgba(255, 255, 255, 0.5); */
}
.about .abo2 .down .do3 .box2 .li .d .img{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url(../img/abo2do3.png);
    transition: 0.5s;
}
.about .abo2 .down .do3 .box2 .li4 .d .img{background-position: -10px -10px;}
.about .abo2 .down .do3 .box2 .li5 .d .img{background-position: -90px -10px;}
.about .abo2 .down .do3 .box2 .li6 .d .img{background-position: -10px -90px;}
.about .abo2 .down .do3 .box2 .li7 .d .img{background-position: -90px -90px;}
.about .abo2 .down .do3 .box2 .li8 .d .img{background-position: -170px -10px;}
.about .abo2 .down .do3 .box2 .li9 .d .img{background-position: -170px -90px;}
.about .abo2 .down .do3 .box2 .li10 .d .img{background-position: -10px -170px;}
.about .abo2 .down .do3 .box2 .li11 .d .img{background-position: -90px -170px;}

.about .abo2 .down .do3 .box2 .li .p1{
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 2px;
}

.about .abo2 .down .do3 .box2 .li4, .about .abo2 .down .do3 .box2 .li5,.about .abo2 .down .do3 .box2 .li6,.about .abo2 .down .do3 .box2 .li7{border-top: none;}
.about .abo2 .down .do3 .box2 .li4,.about .abo2 .down .do3 .box2 .li8{border-left: none;}



.about .abo2 .down .do3 .box2 .li4 {
    padding: 80px 0 0;
}
.about .abo2 .down .do3 .box2 .li5 {}
.about .abo2 .down .do3 .box2 .li6 {}
.about .abo2 .down .do3 .box2 .li7 {
    padding: 80px 0 0;
}
.about .abo2 .down .do3 .box2 .li8 {}
.about .abo2 .down .do3 .box2 .li9 {
    padding: 65px 0 0;
}
.about .abo2 .down .do3 .box2 .li10{
    padding: 65px 0 0;
}
.about .abo2 .down .do3 .box2 .li11{}

.about .abo2 .down .do3 .box2 .fz{position: absolute;width: 110px;height: 110px;z-index: 22;/* background: #fff no-repeat; */top: 47%;left: 50%;margin: -55px -55px;border-radius: 50%;text-align: center;font-size: 18px;/* line-height: 110px; */color: #0167C9;/* background-position: 27px 15px; */background-size: cover;padding-top: 17px;text-shadow: 0px 1px 0px;}

.about .abo2 .down .do3 .box2 .fz:before{/* content:''; */position:absolute;position: absolute;width: 110px;height: 110px;background: rgba(255, 255, 255, 0.2);top: -10px;left: -10px;border-radius: 50%;}


.about .abo2 .down .do3 .box2 .fz img{
    width: 47px;
    display: block;
    margin: 0 auto 0px;
}
.about .abo2 .down .do3 .box2 .fz span{
    line-height: 18px;
}












.about .abo3{
    padding: 30px 0 10px;
}
.about .abo3 .box{
	width: 1280px;
	max-width: 96%;
	margin: 0 auto;
}
.about .abo3 .box .li{
    float: left;
    width: 33.33%;
    padding: 0 10px;
}
.about .abo3 .box .li .d{background: #fafafa;padding: 30px 15px;text-align: center;border-radius: 15px;border: 1px solid #eee;transition: 0.5s;}


.about .abo3 .box .li .d .img{
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    display: block;
    margin: 0 auto 20px;
    background: #0066c9;
    color: #fff;
    font-family: candara;
    font-size: 23px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.about .abo3 .box .li .d .img:before{content:'';position:absolute;width: 80px;height: 80px;background: rgba(0, 102, 201, 0.3);top: -5px;left: -5px;border-radius: 50%;z-index: -1;}
.about .abo3 .box .li .d .p2{
    color: #666;
    font-size: 15px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
}

.about .abo3 .box .li .d:hover{box-shadow:0 0 10px 0 #eee}

.about .abo4{
    background: url(../img/abo4back.png) center no-repeat;
    position: relative;
    padding: 160px 0 25px;
}
.about .abo4 .img1{
    position: relative;
    display: block;
    margin: 0 auto;
}
.about .abo4 .px{
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin: 10px 0 0;
}

.about .abo4 .box{}
.about .abo4 .box .li{
    position: absolute;
    width: 300px;
}

.about .abo4 .box .li0{
    top: 25px;
    text-align: center;
    left: 50%;
    margin-left: -150px;
}
.about .abo4 .box .li1{
    right: 50%;
    top: 200px;
    margin-right: 170px;
}
.about .abo4 .box .li2{
    left: 50%;
    top: 200px;
    margin-left: 170px;
}



.about .abo4 .box .li .d{}
.about .abo4 .box .li .d .img{
    width: 60px;
    height: 60px;
    background: url(../img/abo45.png);
    display: block;
    margin: 0 auto 10px;
}


.about .abo4 .box .li0 .d .img{
    background-position: -10px -10px;
}
.about .abo4 .box .li1 .d .img{
    background-position: -90px -10px;
}
.about .abo4 .box .li2 .d .img{
    background-position: -170px -10px;
}

.about .abo4 .box .li .d .p1{
    font-size: 16px;
    color: #fff;
}

.about .abo5{
    position: relative;
    padding: 25px 0 25px;
}
.about .abo5 .px{
    text-align: center;
    font-size: 30px;
    color: #0167C9;
    margin: 0;
}
.about .abo5 .box{
    margin: 10px auto 0;
    width: 1000px;
    position: relative;
}
.about .abo5 .box .li{
    float: left;
    width: 48%;
    height: 220px;
    margin: 20px 1% 0;
    background: #fafafa;
    font-size: 16px;
    color: #666;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}
.about .abo5 .box .li .d{
    position: absolute;
    /* left: 50%; */
    top: 50%;
    transform: translateY(-50%);
}

.about .abo5 .box .li0 .d{
    right: 150px;
    padding-right: 80px;
}
.about .abo5 .box .li1 .d{
    left: 150px;
    padding-left: 80px;
}
.about .abo5 .box .li2 .d{
    right: 150px;
    text-align: right;
    padding-right: 80px;
}
.about .abo5 .box .li3 .d{
    left: 150px;
    padding-left: 80px;
}




.about .abo5 .box .li .d .img{
    width: 70px;
    height: 70px;
    background: url(../img/abo45.png);
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -35px;
}

.about .abo5 .box .li0 .d .img{background-position: -250px -10px;right: 0;}
.about .abo5 .box .li1 .d .img{background-position: -340px -10px;left: 0;}
.about .abo5 .box .li2 .d .img{background-position: -430px -10px;right: 0;}
.about .abo5 .box .li3 .d .img{background-position: -520px -10px;left: 0;}




.about .abo5 .box .li .d .p1{
    display: inline-block;
    width: 200px;
    vertical-align: top;
}

.about .abo5 .img1{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 260px;
    margin-top: -130px;
    margin-left: -130px;
    border-radius: 50%;
}

.about .abo5 .img1:before{content:'';display: block;position: absolute;width: 290px;height: 290px;top: -15px;left: -15px;background: #fff;box-shadow: 0 0 20px rgba(1, 103, 201, 0.2);border-radius: 50%;}
.about .abo5 .img1 img{
    position: relative;
    z-index: 2;
}


.about .abo5 .box .li.act{background:#0066c9}
.about .abo5 .box .li.act .d .p1{color:#fff;}


.about .abo5 .box .li0.act .d .img{background-position: -610px -10px;right: 0;}
.about .abo5 .box .li1.act .d .img{background-position: -700px -10px;left: 0;}
.about .abo5 .box .li2.act .d .img{background-position: -790px -10px;right: 0;}
.about .abo5 .box .li3.act .d .img{background-position: -880px -10px;left: 0;}


/*shownews*/
.shownews{padding: 30px 0}





/*shownews*/

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

.shownewsbox.showauth{width: 1200px;}

.newstitle{line-height:70px;font-size:18px;color:#666666;border-bottom:1px solid #ececec;text-align:center;}
.tool{padding: 15px 0;}
.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;
    left: 30px;
    top: 22px;
    }
.newsback:hover{background:#c4191f;color:#fff;}
.newscont p,.newscont span{line-height:30px;}






/*msgmodal*/

.msgmodal{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1212;
    visibility: hidden;
}

.msgmodal.act{visibility: visible;
    transition: 0.3s;}


.msgmodal .back{
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}
.msgmodal .msgbox{
	top: 15%;
    position: relative;
    background: #fff;
    width: 600px;
    max-width: 92%;
    margin: 0 auto;
    vertical-align: middle;
    border-radius: 8px;
    transform: translateY(-50%);
}

.msgmodal.act .msgbox{

	transition: 0.5s;
	transform: translateY(0);
}



.msgmodal .msgbox .msghead{
    padding: 15px 0;
        border-bottom: 1px solid rgba(153, 153, 153, 0.7);
}

.msgmodal .msgbox .msghead .msgtit{
    font-size: 35px;
    text-align: center;
    color: #333;
    font-weight: 600;
}



.msgmodal .msgbox .msghead .msghdimg{
    margin: 0 auto;
    display: block;
}
.msgmodal .msgbox .msgbody{
    border-radius: 0;
    color: #000;
    padding: 30px 20px;
}
.msgmodal .msgbox .msgbody .text{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.msgmodal .msgbox .msgbody .input{
    padding-bottom: 20px;
}
.msgmodal .msgbox .msgbody .input input{
    width: 100%;
    height: 34px;
    border-radius: 3px;
    border: 1px solid #999;
    outline: none;
    padding: 0 15px;
    line-height: 34px;
}

.msgmodal .msgbox .msgbody .input textarea{
    width: 100%;
    height: 102px;
    border-radius: 3px;
    border: 1px solid #999;
    outline: none;
    padding: 0 15px;
    line-height: 34px;
    font-size: 14px;
    resize: none;
    font-family: 'Microsoft YaHei',Tahoma,Verdana,'Simsun';
}


.msgmodal .msgbox .msgbody .submint{
    text-align: center;
    margin: 0 0;
}
.msgmodal .msgbox .msgbody .submint .submit{
    display: inline-block;
    background: #0167C9;
    padding: 8px 30px;
    font-size: 16px;
}


.tttbg{
    /* width: 75%; */
    height: 100%;
    position: absolute;
    top: 0;
    right: 10%;
    opacity: 0.15!important;
    }



/*newfoot*/

.footers{
    width:100%;
    background:#2e2e2e;
    height: 135px;
    bottom: 0px;
    }
.wenyn{font-size:12px;color:#fff;text-align:center;padding: 30px 0 20px;line-height: 25px;}
.jshuszhic{font-size:12px;color:#fff;text-align:center;padding-top: 15px;}
.bansdgtfe{color:#ff6600;text-align:center;}
.kogzeytk{width:1200px;margin:0 auto;position:relative;max-width:100%;}

.xunhdaohh{text-align:center;display: table;margin: 0 auto;padding-top: 35px;}
.baishewb{display:block;float:left;padding:0 20px;border-left:1px solid #fff;color:#fff;margin: 0 auto;font-size:13px;}
.agh1{border-left:0px;}
.foot_erwm{display:block;position:absolute;right: 30px;top: 18px;}

.foot_erwm img{
    width: 85px;
}

.fonts-wejhyg{text-align:center;font-size:12px;color:#fff;}



.syfoot{}
