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

@media(min-width:1000px){.tem_inner{padding:0;width:1000px;}
}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width:1200px;}
}
@media(min-width:1800px){.tem_inner,.met_section{padding:0;width:1200px;}
}
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:58px;}
.tem_head h1 img,.tem_head h2 img{position:relative;z-index:999;font-size:0;}
header h1{display:inline;}
.navlist {
    width: 750px;
    display: block;
    margin: 35px 0 0;
}

.nav_out{ width: 750px;
    display: block;
    
    }
.tem_head nav{ position: absolute;
    height: 48px;
    line-height: 48px;
    margin-top: 15px;}
.tem_head nav ul{margin:0;padding:0;list-style:none;}
.tem_head nav ul li{position:relative;float:left; line-height: 48px;}
.nav_line {
    height: 20px;
    overflow: hidden;
    margin: 15px 0px;
    background-color: #ccc;
    width: 1px;
	display:none;
}

.tem_head nav a {
       display: block;
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 0 26px;
}
.tem_head nav a:hover{    color: #fff;
    background: #e4802b;}
.tem_head nav a.navdown{    color: #fff;
    background: #e4802b; }
.tem_head nav a.navdown:hover{    color: #fff;
    background: #e4802b;}
.tem_head nav ul li dl{ position: absolute;
    top: 48px;
    left: 0;
    z-index: 99;
    display: none;
   width:180px !important;
    background: rgba(0, 0, 0, 0.7);}
.tem_head nav ul li dl dd {
    float: left;
    padding: 20px 0;
    min-width:152px;
}

.tem_head nav ul li dl dd a {
    margin: 0 10px;
    padding: 0;
    padding: 8px 5px;
    text-align: center;
    line-height: 1.5;
	color:#fff;
}

.tem_head nav ul li dl dd a:hover {
   
}	

.tem_head nav ul li:hover>dl {
	display:block;
}
.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: -15px;
    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;width:200px;text-align:center;}
.tem_index_more a{display:block;height:40px;background:#fff;color:#292f87; border:1px solid #292f87;border-radius:10px;font-weight:normal;font-size:14px;line-height:40px;}
.tem_index_more a:hover{background:#292f87;color:#fff;}
.tem_index_to{border-top:1px solid #e7e8ed;border-bottom:1px solid #e7e8ed;}
.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 {
    background: url(../images/bg_02.jpg) center no-repeat;
    height: 614px;
    padding: 20px 0;
}
.tem_index_about_cont{margin-right:25px;padding:20px 0;}
.tem_index_about_txt{float:right;width:50%;}
.tem_index_about .txtwd100{float:none;width:100%;}
.tem_index_about_txt .met_editor{padding:0px 50px 0;}
.tem_index_about_img{ float:left;}
.tem_index_about_video{float:left;overflow:hidden;width:45%;}
.tem_index_about_img ul{    float: left;
    list-style: none;}
.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:20px 0 20px;}
.tem_index_product ul{list-style:none;}
.tem_index_product ul li{float:left;overflow:hidden;margin-bottom:15px;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;text-align:center;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;    padding: 2px;
    border: 1px solid #eee;}
.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:40px 0 10px;height:37px;list-style:none;line-height:37px;}
.tem_index_news_tab li{display: inline-block;
    text-align: center;
    margin-right: 20px;
    background: #dddfde;
    width: 138px;}
.tem_index_news_tab li h3{display: block; font-weight:normal;
    font-size: 16px;
    color: #343434;
    line-height: 40px;
    border: 1px solid #9f9f9f;}
.tem_index_news_tab li.flex-active h3{    background: #fe8d01;font-weight:normal;
    color: #fff !important;}
.tem_index_news_tab li:hover h3{ background: #fe8d01;font-weight:normal;
    color: #fff !important;}
.tem_index_news_list{margin:20px 0 0;}
.tem_index_news_list li{float:left;overflow:hidden;width:48%;list-style:none;text-align:left; margin-top:10px; }
.tem_index_news_list li a{display:block;}
.tem_index_news_list li dl{margin-right:10px;padding-top:21px;height:115px;border:1px solid #008dcd; border-left:5px solid #008dcd;}
.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;}
.tem_index_news_list_txt h3{overflow:hidden;margin-bottom:3px;height:23px;color:#008dcd; font-size:16px;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;}
.case_top{ clear:both;background-image:url(../images/blt_30.jpg); height:334px; background-repeat:no-repeat; background-position:center; width:100%;}
.tem_index_case{     padding: 50px 0 0px;}


.sub_web_out{clear:both;background-image:url(../images/blt_36.jpg); height:70px; background-repeat:no-repeat; background-position:center; width:100%; padding-top:50px;}
.subs{ margin-left:20px;}
.subs li{ color:#fff; font:normal 16px/70px "Microsoft YaHei"; float:left; list-style:none;}
.subs li a{ color:#fff; font:normal 14px/70px "Microsoft YaHei"; float:left; float:left; display:block; margin-right:30px;}
.footer_item_out{clear:both;background-image:url(../images/bg_57.jpg); height:276px; background-repeat:no-repeat; background-position:center; width:100%; padding-top:170px;}
.footer_item_out li{ float:left; margin:0px 6px; color:#fff; list-style:none; text-align:center; padding:90px 10px 0px 10px;}
.footer_item_out .f_item1{background-image:url(../images/ft_56.png); height:139px; width:268px; background-repeat:no-repeat;}
.footer_item_out .f_item2{background-image:url(../images/ft_58.png); height:139px; width:268px; background-repeat:no-repeat;}
.footer_item_out .f_item3{background-image:url(../images/ft_60.png); height:139px; width:268px; background-repeat:no-repeat;}
.footer_item_out .f_item4{background-image:url(../images/ft_62.png); height:139px; width:268px; background-repeat:no-repeat;}
.tem_index_footer{padding:40px 0 50px;background:#6f6f6f; color:#fff;}
.tem_index_footer dl{float:left;}
.tem_index_footer dl dt{margin-right:25px;height:40px;font-size:16px;line-height:40px;}
.tem_index_footer dl dt span{position:relative;top:-1px;display:inline-block;}
.tem_index_footer dl dd{margin-right:25px;}
.tem_index_footer a{ color:#fff;}
.tem_index_footer li{ list-style:none;}
.tem_index_footer_item1{ width:120px;}
.tem_index_footer_item2{ width:230px;}
.tem_index_footer_item3{ width:230px;}
.tem_index_footer_item4{ width:120px;}
.tem_index_footer_item5{ width:220px;}
.tem_index_footer_item6{ width:280px;}
.tem_index_footer_item5 img{ width:170px;}
.tem_footer{position:relative;padding:30px 0;background:#008dcd;color:#fff;font-size:12px; text-align:center;}
.tem_footer a{color:#fff;}
.tem_footer_nav{position:absolute;top:50%;right:0;margin-top:-15px;height:30px;line-height:30px;}
.tem_footer_nav a{margin-left:30px;}

.nt_tit{ padding-top:50px;}
.nt_contact{ padding-top:20px; line-height:26px; padding-bottom:20px;}
.met_section{position:relative;padding:20px 0 50px;}
.met_section aside{position:relative;float:left;width:222px;}
.met_section article{float:left;margin-left:-222px;width:100%;}
.met_section article .met_article{margin-left:235px; background:#fff; padding:15px 20px;  }
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{ display:block;}
.met_section aside section h2{background:url(../images/p_tit1.png) 10px no-repeat #292f87;  height:112px; font-size:30px;  line-height:112px; color:#fff; padding-left:65px}
.met_section aside .met_aside_list{ border:1px solid #dfdfdf;
    display: block;
    overflow: hidden;
    background: #fff; padding:15px 0 30px;}
.met_section aside .met_aside dl{ border-bottom:1px solid #dfdfdf;}
.met_section aside .met_aside dl dt{ 
    font-size: 16px;
    color: #666;
    background: url(../images/side_ico.png) 180px no-repeat;
    display: block;}
.met_section aside .met_aside dl dt a{display:block;padding: 12px 0 12px 25px; color:#4b4b4b;}
.met_section aside .met_aside dl dt:hover{ color:#fff; background: url(../images/side_ico1.png) 180px no-repeat  #e4802b; display:block;}
.met_section aside .met_aside dl dt:hover a{color:#fff;}
.met_section aside .met_aside dl dt.on{color:#fff; background:url(../images/side_ico1.png) 180px no-repeat   #e4802b; display:block;}
.met_section aside .met_aside dl dt.on a{ color:#fff; }
.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:36px;color:#333;font-weight:normal;line-height:36px;background: url(../images/p_ico.png) 10px no-repeat; border-bottom:1px solid #eee;
}
.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: 20px 0 50px;}
.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%}
ul,li{ list-style:none;}
img{border:0}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}
.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#aaa}
.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{font-weight:bold;background:#f0f0f0;color:#aaa}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
.met_module1{padding:30px 10px}
.met_module2_list{padding:10px 10px}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li h2 a:hover{ text-decoration:underline;}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0; display:block; float:left;}
.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;    padding: 15px 0;}
#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;   display: block;
    overflow: 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:#00AAFF}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}

.logo_out{ margin-top:20px; margin-bottom:20px;}
.hot_out{ height: 55px;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #eeeeee;}
.hot_key{ height:55px; line-height:55px;}
.head_search{ margin-top:10px;}
.head_search .input_text{background-color: #fff;
    color: #ccc;
    width: 305px;
    height: 28px;
    border: 1px solid #eee;
    float: left;
    padding-left: 10px;
    line-height: 28px;
    border-right: 0px;}
.head_search .btnSubmit{    background-image: url(../images//clkj_13.jpg);
    width: 30px;
    height: 28px;
    background-color: transparent;
    float: left;
    border: 0px;}
.hot_bottom{background-image:url(../images/blt_19.jpg); height:51px; width:100%; background-repeat:no-repeat; background-position:center;}
.cl_left{ float:left; width:245px;}
.cl_right{ float:right; width:925px;}
.cl_left_tit{background-image:url(../images/blt_13.jpg); width:100%; height:100px; font-size:30px; text-align:center; line-height:100px; color:#fff;}
.index_tit{ padding-bottom:20px;}
.about_tit{ font-size:22px; font-weight:bold; color:#008dcd;}
.about_line{ border-bottom:1px solid #ccc; width:100%; margin-bottom:30px;}
.line_blue{ border-bottom:1px solid #008dcd; width:210px;}


/*banner*/

.flash {
    width: 100%;
    height:660px;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1;
    position: relative;
    *zoom: 1;
}

.flash1 {
    width: 1000px;
    height: 660px;
    margin: 0 auto;
    position: relative;
}

.flash2 {
    width: 1920px;
    height: 660px;
    position: absolute;
    left: -460px;
}

.flexslider {
    margin: 0 auto;
    position: relative;
    width: 1920px;
    height: 660px;
    overflow: hidden;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.flexslider .slides {
    zoom: 1;
}

.flex-direction-nav a {
    width: 60px;
    height: 90px;
    line-height: 99em;
    overflow: hidden;
    margin: -60px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
    background-position: 0 -90px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 3px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active {
    background-position: 0 0;
}

.index_tit_out{ clear:both; padding:30px 0px;}
.index_tit_out span{ font-size:42px; font-weight:bold; color:#252525; display:block; text-align:center; width:100%;}
.index_tit_out span font{ color:#292f87;}
.index_tit_out p{ font-size:18px; color:#747474; text-align:center;}

.menu_list{margin:0px auto;width:251px; background-color:#04989f;}
.pro_left_tit{background-image:url(../images/clkj_17.jpg); background-repeat:no-repeat; width:251px; height:93px; font-size:26px; color:#fff; text-align:center; line-height:93px;}

.menu_head{width:191px;height:42px;line-height:42px; border:1px solid #17afb5; margin:0 auto; text-align:center; color:#fff; margin-top:20px;}
.menu_head a{ color:#fff;}
.menu_list .current{}
.menu_body{width:206px;height:auto;overflow:hidden;line-height:38px;}
.menu_body a{display:block;width:166px;height:38px;line-height:38px;padding-left:40px;color:#777777; background-position:15px 10px; background-repeat:no-repeat;text-decoration:none;border-bottom:1px dotted #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.tem_txt{ padding:10px 0px;}
.tem_txt span{ font-size:16px; color:#008dcd}
.pl_tel{ margin-top:55px; padding-bottom:250px;}
.pl_tel span{ display:block; font-size:18px; color:#fff; text-align:center; width:100%;}
.pl_tel p{ font-size:24px; color:#fff; text-align:center; width:100%;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.header {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.top {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 42px;
    background: #292e8c;
}

.top p {
    font-size: 14px;
    color: #fff;
    line-height: 42px;
    float: left;
    padding-left: 20px;
}

.top span {
    display: block;
    overflow: hidden;
    padding: 14px 0;
    width: 230px;
}

.top span a {
    color: #fff;
    padding: 0 12px;
    display: block;
    float: left;
    line-height: 12px;
    font-size: 12px;
    border-right: 1px solid #fff;
}

.top span a:nth-child(3) {
    border-right: none;
}

.content1 {
    width: 1200px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.top_logo {
    width: 1200px;
    display: block;
    margin: 0 auto;
    height: 96px;
}

.logo {
    width: 168px;
    display: block;
    overflow: hidden;
    padding: 22px 0;
}

.logo img {
    width: 161px;
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 20px;
}

.top_tel {
    color: #666;
    margin: 35px 0 0;
    display: block;
    background: url(../images/top-tel.png) left no-repeat;
}

.top_tel h4 {
    font-size: 22px;
    color: #292e8c;
    font-weight: bold;
    font-style: normal;
    padding-left: 65px;
}

.hots_bg {
    width: 100%;
    height: 63px;
    border-bottom: 1px solid #292e8c;
    margin: 0 auto;
    background: #f0f0f0;
}

.hots {
    width: 1200px;
    margin: 0 auto;
}

.hotword {
    float: left;
}

.hotword li {
    float: left;
    color: #292e8c;
    font: bold 14px/63px "Microsoft YaHei";
}

.hotword li a {
    display: block;
    color: #7f7f7f;
    font: normal 14px/63px "Microsoft YaHei";
    float: left;
    margin-left: 10px;
}

.hotword li a:hover {
    display: block;
    color: #292e8c;
    font: normal 14px/63px "Microsoft YaHei";
    float: left;
    margin-left: 10px;
    text-decoration: underline;
}

.head_search {
    width: 270px;
    float: right;
    margin-top: 16px;
}

.boxs {
    border: solid 1px #ccc;
    height: 30px;
    width: 270px;
    line-height: 30px;
    font-size: 12px;
}

.texts {
    width: 200px;
    height: 100%;
    float: left;
    margin-left: 10px;
    font-family: "Microsoft YaHei";
    border: none;
}

.btnSubmits {
    width: 60px;
    height: 30px;
    background: #292e8c;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 30px;
    border: none;
}

.index_product {
    width: 1200px;
    display: block;
    overflow: hidden;
    margin: 40px auto;
}

.pro_tit {
    width: 100%;
    display: block;
    overflow: hidden;
    background: url(../images/p_tit.png) center 30px no-repeat;
    text-align: center;
}

.pro_tit h3 {
    font-size: 30px;
    color: #292f87;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.pro_tit h3 i {
    font-style: normal;
    color: #e4802b;
}

.pro_tit p {
    color: #b5b5b5;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.product_list {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 40px 0 0;
}

.product_list ul {
    list-style: none;
    display: block;
    overflow: hidden;
}

.product_list ul li {
    width: 290px;
    float: left;
    display: block;
    margin-right: 13px;
    margin-bottom: 30px;
    background: #f1f3ff;
    height: 290px;
}

.product_list ul li:nth-child(4n) {
    margin-right: 0 !important;
}

.product_list ul li img {
    width: 290px;
    height: 220px;
    display: block;
}

.product_list ul li .p_txt {
    width: 100%;
    text-align: center;
    padding: 5px 0;
    overflow: hidden;
}

.product_list ul li .p_txt p {
    font-size: 14px;
    color: #333;
    background: url(../images/ico_02.jpg) center bottom no-repeat;
    line-height: 20px;
    padding-bottom: 8px;
}

.product_list ul li .p_txt h3 {
    color: #333;
    font-size: 16px;
    margin-top: 3px;
}

.product_list ul li:hover {
    background: url(../images/pro_bg.jpg) no-repeat;
}

.product_list ul li:hover .p_txt p {
    color: #fff;
    background: url(../images/ico_01.png) center bottom no-repeat;
}

.product_list ul li:hover .p_txt h3 {
    color: #fff;
}

.idnex_case {
    width: 1200px;
    display: block;
    overflow: hidden;
    margin: 20px auto 40px;
}

.case_list {
    width: 1200px;
    display: block;
    overflow: hidden;
    margin-top: 30px;
}

.case_tj {
    width: 410px;
    display: block;
    overflow: hidden;
    position: relative;
}

.case_tj img {
    width: 417px;
    height: 570px;
    display: block;
    overflow: hidden;
}

.case_tj .c_txt {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 50px;
    display: none;
}

.case_tj .c_txt a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 50px;
    padding-left: 15px;
}

.c_list {
    width: 778px;
    display: block;
    overflow: hidden;
}

.c_list ul {
    list-style: none;
    display: block;
    overflow: hidden;
}

.c_list ul li {
    float: left;
    display: block;
    overflow: hidden;
    width: 382px;
    margin-right: 14px;
    position: relative;
    margin-bottom: 15px;
}

.c_list ul li:nth-child(2n) {
    margin-right: 0 !important;
}

.c_list ul li img {
    width: 382px;
    height: 278px;
    display: block;
    overflow: hidden;
}

.c_list ul li p {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    height: 50px;
    display: none;
}

.c_list ul li p a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 50px;
    padding-left: 15px;
}

.p_more {
    width: 300px;
    display: block;
    overflow: hidden;
    border: 1px solid #292f87;
    text-align: center;
    margin: 40px auto 0;
}

.p_more a {
    font-size: 14px;
    color: #292f87;
    padding: 14px 0;
    display: block;
}

.p_more a:hover {
    background: #292f87;
    color: #fff;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

.index_news {
    width: 1200px;
    margin: 50px auto 30px;
    display: block;
    overflow: hidden;
    background: #fff;
    -moz-box-shadow: -1px 1px 11px #bbbbbb;
    -webkit-box-shadow: -1px 1px 11px #bbbbbb;
    box-shadow: -1px 1px 11px #bbbbbb;
    padding: 30px 0;
    z-index: 999;
}

.company_news {
    width: 545px;
    display: block;
    overflow: hidden;
    margin: 0 30px;
}

.n_tit {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 32px;
}

.n_tit h3 {
    font-size: 24px;
    color: #292f87;
    letter-spacing: 2px;
    float: left;
    font-weight: normal;
}

.n_tit span {
    font-size: 14px;
    color: #333;
    display: block;
    float: right;
}

.n_tit span a {
    color: #333;
}

.n_tit span a:hover {
    color: #292f87;
    text-decoration: underline
}

.news_tj {
    margin: 20px 0;
    display: block;
    overflow: hidden;
    background: #292f87;
}

.news_tj .img_t {
    width: 120px;
    display: block;
    overflow: hidden;
    text-align: center;
}

.news_tj .img_t h3 {
    font-size: 45px;
    color: #fff;
    padding: 15px 0 0;
}

.news_tj .img_t p {
    font-size: 16px;
    color: #fff;
}

.news_tj img {
    float: right;
    width: 420px;
    display: block;
    overflow: hidden;
}

.news_list {
    width: 100%;
    display: block;
    overflow: hidden;
}

.news_list ul {
    list-style: none;
    display: block;
    overflow: hidden;
}

.news_list ul li {
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px dashed #e5e5e5;
}

.news_list ul li a {
    float: left;
    font-size: 14px;
    color: #2d2d2d;
}

.news_list ul li span {
    font-size: 14px;
    color: #333;
    float: right;
}

.news_list ul li:hover a {
    color: #292f87;
    text-decoration: underline;
}

.news_list ul li:hover span {
    color: #292f87;
}

.industry {
    width: 545px;
    display: block;
    overflow: hidden;
    margin: 0 30px 0 0;
}

.ind_list {
    padding: 15px 0;
    display: block;
    overflow: hidden;
}

.ind_list ul {
    list-style: none;
    display: block;
    overflow: hidden;
}

.ind_list ul li {
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #bababa;
    padding: 20px 0;
}

.ind_list ul li h3 {
    font-size: 16px;
    color: #292929;
    line-height: 32px;
    font-weight: normal;
}

.ind_list ul li h3 a {
    color: #292929;
}

.ind_list ul li p {
    font-size: 14px;
    color: #575656;
    line-height: 24px;
    padding-top: 10px;
}

.ind_list ul li:hover h3 a {
    color: #292f87;
    text-decoration: underline;
}

.footer {
    width: 100%;
    background: url(../images/db_bg.jpg) top center no-repeat;
    padding: 8px 0 0;
}


/* 友情链接  */

.tab_link {
    width: 1200px;
    margin: 30px auto;
    display: block;
    overflow: hidden;
}

.tab-hd02 {
    overflow: hidden;
    zoom: 1;
    width: 1200px;
    margin: 0 auto;
    text-align: center
}

.tab-hd02 li {
    width: 132px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    display: block;
    float: left;
    border: 1px solid #fff;
    line-height: 38px;
}

.tab-hd02 li.active {
    color: #292f87;
    background: #fff;
    border: none;
    line-height: 40px;
}

.tab-bd02 li {
    display: none;
    width: 1200px;
    overflow: hidden;
    padding: 25px 0 0;
}

.tab-bd02 li.thisclass {
    display: list-item;
}

.tab-bd02 li.thisclass {
    width: 1200px;
    display: block;
    overflow: hidden;
}

.tab-bd02 li a {
    float: left;
    display: block;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    border-right: 1px solid #fff;
    line-height: 16px;
}

.tab-bd02 li a:nth-child(1) {
    padding: 0 20px 0 0;
}

.tab-bd02 li a:nth-child(1) .tab-bd02 li a:hover {
    color: #292f87;
}

.db_con {
    width: 100%;
    border-top: 1px solid #8c8fb4;
    display: block;
    overflow: hidden;
    padding: 30px 0 30px;
}

.db_nav {
    width: 500px;
    display: block;
    overflow: hidden;
}

.db_nav dl {
    float: left;
    padding: 0 45px;
    display: block;
    min-height: 220px;
    border-right: 1px solid #6a6fab;
    overflow: hidden;
}

.db_nav dl:nth-child(1) {
    padding-left: 0 !important
}

.db_nav dl dt {
    font-size: 16px;
    color: #fff;
    display: block;
}

.db_nav dl dd {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.db_nav dl dd a {
    color: #fff;
}

.db_ewm {
    width: 320px;
    display: block;
    margin-left: 40px;
    overflow: hidden;
}

.db_ewm ul {
    list-style: none;
    display: block;
    overflow: hidden;
}

.db_ewm ul li {
    float: left;
    margin: 0 20px;
    display: block;
}

.db_ewm ul li img {
    width: 117px;
    margin: 0 auto;
    display: block;
}

.db_ewm ul li p {
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.db_lx {
    width: 330px;
    display: block;
    overflow: hidden;
}

.db_lx h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}

.db_lx p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.copyright {
    width: 100%;
    display: block;
    overflow: hidden;
    background: #222778;
    height: 50px;
}

.copyright p {
    font-size: 14px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}

.copyright p a {
    color: #fff;
}



.page_bg{height: 350px;}



/* 公司简介页面  */
.warpper2{width:100%; display:block; overflow:hidden; }
.sidebar{width:222px; display:block; overflow:hidden;   margin:25px 0 40px;}
.side_lx,.side_news{width:220px; display:block; overflow:hidden; border:1px solid #dfdfdf; background:#fff; margin:15px 0;}
.side_lx h3,.side_news h3{ text-align:center; width:100%; line-height:60px; font-size:24px; color:#fff; background:#292f87;}
.side_lx p{ padding:15px 10px; display:block; font-size:14px; color:#333; line-height:30px;}
.side_lx ul{ padding:24px 5px 0; display:block; overflow:hidden; background:url(../images/ab_con.png) 10px 20px no-repeat; border-bottom:1px solid #dfdfdf;}
.side_lx ul li{ padding-left:42px; display:block; margin-bottom:20px; overflow:hidden;}
.side_lx ul li h4{ font-size:16px; color:#4b4b4b; font-weight:normal; line-height:20px;}
.side_lx ul li span{ font-size:12px; color:#9c9c9c;}
.side_news ul{ list-style:none; padding:15px 8px; display:block; overflow:hidden;}
.side_news ul li{ width:100%; display:block; line-height:42px; border-bottom:1px solid #eeeeee;}
.side_news ul li a{ padding-left:5px;  display:block; font-size:14px; color:#5c5c5c;}
.side_news ul li a:hover{ color:#f00; text-decoration:underline;}
.side_ewm{ width:120px; display:block; margin:10px auto; overflow:hidden;}
.side_ewm img{ width:120px; height:120px; display:block;}
.side_ewm p{ font-size:14px; line-height:24px; text-align:center;}

.about_con{ width:900px; background:#fff; min-height:1000px; display:block; overflow:hidden; margin:25px 0 40px;}
.position{ margin:20px 10px 20px 18px; display:block; overflow:hidden; border-bottom:1px solid #dbdbdb; padding-bottom:12px;}
.position h3{ font-size:16px; color:#292f87; font-weight:normal; border-left:5px solid #292f87; line-height:18px; padding-left:10px; float:left;}
.position span{ float:right; font-size:14px; color:#787878; display:block;}
.position span a{ color:#787878;}
.position span a:hover{ color:#292f87; text-decoration:underline;}

.ab_content{ padding:30px 20px; display:block; overflow:hidden;}
.ab_content h3{ font-size:24px; color:#292f87; padding:15px 0 25px; line-height:40px; background:url(../images/tit_03.png) bottom center no-repeat; text-align:center;} 
.ab_content p{ font-size:14px; color:#666; line-height:36px; padding:10px 0;}

.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}


.mod18Box {margin: 0px auto;width: 620px;background: #FFF;/* box-shadow:0px 1px 5px #CCCCCC; */}
.mod18{width: 620px;height: 406px;margin: 0px auto;position: relative;/* background: #f7f7f7; *//* padding:0 110px; */}
.mod18 .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:140px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:400px;height:330px;position:absolute;color:#fff;}
.mod18 .cf li span{display:none;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:330px;position:relative;overflow:hidden;width: 400px;/* padding: 0 110px; */margin-left: 110px;}
.mod18 .picBox ul{height:330px;position:absolute;}
.mod18 .picBox li{width:400px;height:330px;}
.mod18 .listBox{width: 620px;height: 70px;margin: 0 auto;position: relative;padding: 6px 0 0px;overflow: hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:129px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:124px;height:70px;}
.mod18 .listBox .on img{width:118px;height:64px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}