﻿@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-family:"arial","微软雅黑"; font-size:12px; color:#444; }
#main_out { }
.float_clear { clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.display_none { display:none; }
img { border:none; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.clear { clear:both; }
.highlight { color:#FFF; background:red; padding:1px; }
a { text-decoration:none; color:#444; }
a:hover { text-decoration:underline; color:#014da1; }
p { line-height:26px; }
/* 顶部 */
#top_main { height:125px; }
#top {width:1000px; margin:0 auto; }
#top_logo { float:left; width:520px; height:125px; }
#top_tel { float:left; margin:52px 0 0 76px; height:24px; line-height:24px; background:url(images/top_tel.jpg) no-repeat left center; font-size:15px; padding:0 0 0 24px; }
#top_tel span { color:#cc0000; font-size:24px; }
#top_lan { float:right; margin:28px 0 0; width:94px; }
#top_lan a { color:#fff; }
#top_lan h1 { height:32px; line-height:32px; text-align:center; font-size:18px; font-weight:normal; background:url(images/top_h1.jpg) no-repeat; }
#top_lan h2 { height:32px; line-height:32px; text-align:center; font-size:18px; font-weight:normal; background:url(images/top_h2.jpg) no-repeat; margin:2px 0 0; }
/* 导航 */
#navigation_main { height:72px; background:#395dab; }
#navigation { height:72px; width:1000px; margin:0 auto; }
#navigation ul #navigation_home { float:left; line-height:72px; text-align:center; }
#navigation ul .main_nav { float:left; line-height:72px; text-align:center; background:url(images/navigation_li_bg.jpg) left no-repeat; padding-left:1px; }
#navigation ul li a { width:142px; display:block; }
#navigation ul li h1 { height:42px; line-height:42px; font-size:16px; color:#fff; font-weight:normal; }
#navigation ul li h1 a { color:#fff; }
#navigation ul li h2 { height:16px; line-height:16px; font-size:12px; color:#fff; padding:0 0 14px; font-weight:normal; }
#navigation ul li h2 a { color:#fff; }
#navigation ul li a:hover { text-decoration:none; background:#a2281d; }
#navigation ul li a:hover h1 { color:#FFF; }
#navigation ul li a:hover h2 { color:#FFF; }
#navigation ul .current_navigation { font-size:14px; background:#a2281d; }
#navigation ul .current_navigation h1 { color:#FFF; }
#navigation ul .current_navigation h2 { color:#FFF; }
/*首页CSS*/
.i_hd { height:457px; }
#Slidebox{ width:100%; height:457px;  padding:0px;  margin:0 auto;  /*position:relative;*/ overflow:hidden;}
#flashBg { width:100%; height:457px; overflow: hidden; clear:both; margin:0; padding:0;}
#flashLine { height:457px; width:100%; clear:both;}
#flash{ width:100%; height:457px; overflow: hidden; margin:0 auto; clear: both; position:relative; padding:0px 0px;}
#flash a {width:100%; height:457px; display:block; text-align:center;}
#flash img { display:block; width:100%; height:457px;}
#flash img { display:block; width:100%; height:457px;}
.flash_bar { display:block; z-index:69; height:5px; overflow:hidden; position:absolute; padding-top:13px!important; padding-top:12px; bottom:0px; text-align:center; width:100%; }
.flash_bar .dq {display: block;float: left;width:25%; height:6px;cursor: pointer;background:#CC0000; overflow:hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/pagination.gif" ,sizingMethod="crop");
}
.flash_bar .no {display: block;float: left;width:25%; height:6px;cursor: pointer; background:#395dab; overflow:hidden; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pagination.gif" ,sizingMethod="crop");
}

#iabout { margin:30px auto 0; width:1000px; }
#iabout_title { height:33px; line-height:33px; background:url(images/iabout_title.jpg) no-repeat left center; font-size:24px; color:#014da1; }
#iabout_content {  }
.iabout_img { float:right; margin:0 0 0 45px; }
.iabout_content { padding:10px 0; }

#ipro { margin:52px 0 0; background:url(images/ipro_title.jpg) repeat-x left top; }
.ipro_title { height:26px; line-height:26px; text-align:center; }
.ipro_title h1 { height:26px; }
.ipro_title h1 span img {  }
.ipro_content { height:330px; margin:32px 0 0; background:url(images/ipro_content.jpg) no-repeat top center; }
.gstoll { height:330px; overflow:hidden; zoom:1; width:1000px; margin:0 auto; }
.stoll_c { padding:50px 0 0; width:1000px; }
.stoll_c li { width:202px; float:left; height:280px; text-align:center; margin:0 64px 0 0; }
.stoll_c li img { width:192px; height:192px; border-radius:101px; border:5px solid #fff; }
.stoll_c li h1 { line-height:68px; font-size:14px; font-weight:normal; }
.stoll_c li h1 a { color:#fff; }

#ilist { margin:24px auto 0; width:1000px; }
.ilist_title { height:86px; text-align:center; }
.ilist_title h1 { height:50px; line-height:50px; font-size:26px; font-weight:normal; color:#014da1; background:url(images/ilist_h1.jpg) 400px center no-repeat; padding:0 0 0 45px; }
.ilist_title h2 { height:36px; line-height:36px; font-size:20px; font-weight:normal; background:url(images/ilist_h2.jpg) 820px center no-repeat; padding:0 45px 0 0; }
.ilist_content { padding:35px 0 0; }
.ilist_content li { float:left; width:322px; margin:0 5px 10px 6px; }
.ilist_content li img { width:300px;  margin:10px; border:1px solid #e2e2e2; }
.ilist_content li a:hover img { margin:0; border:none; padding:11px; background:url(images/ilist_li.jpg) no-repeat; }
.ilist_content li h1 { text-align:center; line-height:58px; font-size:14px; font-weight:normal; }
.ilist_content li h1 a { color:#014da1; }
/* 版权信息 */
#copyright_main { height:124px; background:#c1e0ff; }
#copyright { margin:0 auto; width:1000px; padding:41px 0; height:42px; color:#014da1; line-height:42px; }
#copyright p { line-height:42px; }
#copyright a { color:#014da1; }
.copy_l { float:left; font-size:14px;  padding-top:10px;}
.copy_m { float:left; font-size:14px; margin:0 0 0 54px; }
.copy_r { float:right; }
/*内页banner*/
#diybanner_main { position:relative; display:none; }
#diybanner { width:100%; height:328px; display:block; }
#diybanner img { width:100%; }
/* 当前位置 */
.current_location { width:1000px; margin:0 auto; height:54px; line-height:54px; font-size:16px; }
.current_location a { }
.current_location .current_channel { font-weight:bold; color:#014da1; }
/* 主体 */
#content_main { }
#content_title { height:56px; border-bottom:1px solid #ccc; }
.content_title { width:1000px; margin:0 auto; }
.cl { float:left; }
.cl h1 { line-height:36px; height:36px; font-size:26px; font-weight:normal; color:#014da1; }
.cr { float:right; }
#content_body { width:1000px; margin:20px auto; }
#content_bottom { height:30px; }
/*通用分类*/
.channel_list_recursion { }
.channel_list_recursion li { height:30px; margin:0 0 0 5px; float:left; width:110px; }
.channel_list_recursion li a { display:block; text-align:center; line-height:25px; height:30px; background:url(images/cate_bg.jpg) no-repeat top center; font-size:14px; color:#333; }
.channel_list_recursion li a:hover { line-height:25px; height:30px; background:url(images/cate_hover.jpg) no-repeat top center; text-decoration:none; color:#FFF; }
.channel_list_recursion #current_channel_recursion a { line-height:25px; height:30px; background:url(images/cate_hover.jpg) no-repeat top center; color:#FFF; }
/*资质荣誉*/
.honor li { float:left; margin:10px; width:228px; height:208px; border:1px solid #ecece9; }
.honor li img { width:208px; height:146px; padding:20px 10px 0; }
.honor li a { float:left; width:228px; height:208px; background:#f5f5f6; color:#333; }
.honor li h1 { line-height:36px; font-size:15px; font-weight:normal; text-align:center; }
.honor li a:hover { float:left; width:228px; height:208px; text-decoration:none; background:#c1e0ff; color:#000; }
/*电子画册*/
.picture li { float:left; margin:1px; width:198px; height:198px; overflow:hidden; }
.picture li img { width:198px; height:198px; }
.picture li a { float:left; width:198px; height:198px; }
.picture li h1 { width:198px; height:198px; background:url(images/picture_hover.png) no-repeat; }
.picture li a:hover { float:left; width:198px; height:198px; }
.picture li a:hover h1 { position:relative; margin:-201px 0 0; }
/*新闻列表*/
.news_detail { margin:0 0 50px; }
.news_detail img { padding:5px; border:1px solid #CCC; width:210px; height:130px; float:left; margin:0 30px 0 0; }
.news_detail a:hover img { border:3px solid #014da1; padding:3px; }
.news_detail h1 { line-height:20px; background:url(images/news_h1.jpg) left center no-repeat; padding:0 0 0 20px; font-size:18px; font-weight:normal; }
.news_detail h2 { line-height:28px; border-bottom:1px dotted #666; color:#3498d4; font-size:14px; font-weight:normal; padding:0 0 0 20px; }
.news_detail h2 span { text-align:right; float:right; }
.news_detail_intro { padding:5px 0 0; color:#999; line-height:24px; }
.news_detail_intro p { line-height:24px; }
.news_right { float:right; width:748px; }
/*产品分类列表*/
.pro_list { padding:20px 0; }
.pro_list li { width:202px; float:left; height:280px; text-align:center; margin:0 24px; }
.pro_list li img { width:202px; height:202px; border-radius: 101px;border: 5px solid #fff;}
.pro_list li img:hover { border-radius: 101px; border: 2px solid #c1e0ff;}
.pro_list li h1 { line-height:68px; font-size:14px; font-weight:normal; }
/*产品详细分类列表*/
.pdl { float:left; width:200px; }
.channel_list { padding:5px 0; }
.channel_list li { line-height:40px; }
.channel_list li span { padding:0 0 0 30px; }
.channel_list li a { display:block; line-height:40px; font-size:18px; color:#333; }
.channel_list li a:hover { text-decoration:none; color:#014da1; }
.channel_list .c_c { color:#014da1; }

.pdr { float:right; width:800px; }
.pro { padding:0 1px; }
.pro li { float:left; width:246px; margin:10px; }
.pro li img { width:236px;  border:1px solid #ccc; padding:4px; }
.pro li a:hover img { border:3px solid #014da1; padding:2px; }
.pro li h1 { text-align:center; line-height:40px; font-size:14px; font-weight:normal; }
/*产品定制*/
.ps li { float:left; margin:10px; width:228px; height:212px; border:1px solid #014da1; }
.ps li img { width:192px; height:140px; padding:18px 18px 0; }
.ps li a { float:left; width:228px; height:212px; background:#eff8ff; color:#333; }
.ps li h1 { line-height:50px; font-size:15px; font-weight:normal; text-align:center; }
.ps li a:hover { float:left; width:228px; height:212px; text-decoration:none; background:#014da1; color:#fff; }
/*在线招聘*/
.zp {  }
.zp_list { }
.zpl { float:left; width:108px; }
.zpl h1 { height:108px; }
.zpl h1 img { height:108px; width:108px; }
.zpl h2 { line-height:108px; text-align:center; color:#fff; font-size:36px; font-weight:normal; position:relative; margin:-108px 0 0; }
.zpr { float:right; width:832px; }
.zpr h1 { line-height:62px; font-size:24px; font-weight:normal; }
.zpr h2 { line-height:24px; font-weight:normal; font-size:12px; }
.zpr h2 p { line-height:24px; }
.zpb { padding:0 0 50px; border-bottom:1px dotted #999; margin:0 0 30px; height:1px; }
/*联系我们*/
.contactl { float:left; width:670px; b}
.contactl h1 { line-height:74px; font-size:36px; font-weight:normal; }
.contactl h2 { line-height:35px; font-size:15px; font-weight:normal; color:#333; }
.contactl h3 { line-height:52px; font-size:15px; font-weight:normal; color:#ff0000; margin:14px 0; padding:0 0 0 62px; background:url(images/c_email.jpg) no-repeat left center; }
.contactl h3 a { color:#ff0000; }
.contactr { float:right; width:230px; margin-top:45px; border-left: 1px dotted #333;
padding-left: 70px;}
.contactr img { float:right; width:100%; }
.contactr h1 { line-height:100px; font-size:15px; color:#333; text-align:center; }

.aditu { height:430px; margin:60px 0 0; }
/*信息详情页*/
#info_name { font-size:22px; font-weight:normal; text-align:center; line-height:40px; }
#info_intro { text-align:center; color:#014da1; border-bottom:1px solid #014da1; line-height:30px; }
#info_intro a { color:#014da1; }
#info_content { padding:10px 0; font-size:14px; }
#info_pscontent { padding:10px 0; }
#info_around { padding:5px; }

.pt { margin:20px 0 0; }
.ptl { float:left; width:620px; }
.pt1 img { width:610px;  padding:4px; border:1px solid #ccc; }
.pt1 a:hover img { padding:2px; border:3px solid #014da1; }
.pt2 { padding:15px 0 0; }
.pt2 img {  }
.ptr { float:right; width:355px; }
.pt3 { height:auto; margin:15px 0 0; }
.pt3 img { height:89px; width:89px; margin:0 20px 0 0; }
.pt4 { font-size:18px; color:#333; }
.pt4 h1 { font-size:32px; color:#ff6600; line-height:82px; }

.pb {  }
.pb h1 { line-height:72px; color:#333; font-size:20px; font-weight:normal; }
.fstoll { width:1000px; overflow:hidden; }
.fstoll_c { width:1000px; }
.fstoll_c li { width:235px; float:left; margin:0 20px 30px 0; }
.fstoll_c li img { width:225px; height:208px; padding:4px; border:1px solid #ccc; }
.fstoll_c li a:hover img { padding:2px; border:3px solid #014da1; }
.fstoll_c li h1 { line-height:46px; font-size:14px; font-weight:normal; text-align:center; }
/*表单相关*/
input { font-family:"arial","微软雅黑"; font-size:12px; color:#b0b0b0; }
.form_text { font-size:12px; border:1px solid #7e9eb7; height:42px; line-height:42px; padding:0 5px; width:98%; background:none; }
.form_text_verifycode { font-size:12px; border:1px solid #CCC; height:12px; line-height:12px; padding:0 5px; width:50px; margin:0 3px;}
.form_textarea { font-size:12px; width:98%; height:130px; padding:5px; border:1px solid #7e9eb7; background:none; }
.form_checkbox { }
.form_submit { background:#ff9000; width:100px; height:30px; border:none; color:#FFF; margin-right:30px; float:left; }
.form_reset { background:#454545; width:100px; height:30px; border:none; color:#FFF; margin-right:30px; float:left; text-align:center; }
.form_reset a { color:#FFF; line-height:30px; }
.common_form { }
.common_form li { padding:15px 0; overflow: auto; zoom:1; }
.common_form label { float:left; display:block; height:14x; line-height:14px; font-size:14px; }
/*表格*/
.layout_table { border-collapse:collapse; width:100%; }
.common_table { border-collapse:collapse; width:100%; }
.common_table td { padding:5px; border:1px solid #DBDBDB; }
.common_table th { text-align:center; border:1px solid #DBDBDB; }
/* 漂浮的客服 */
#online_support_main { z-index:9999; position:absolute; display:block; overflow:hidden; width:112px; zoom:1; font-family:"arial","微软雅黑";}
#online_support_title { height:86px; background:url(images/online_support_title.png) no-repeat; cursor:pointer; }
#online_support_title h1 { font-size:14px; line-height:15px; color:#fff; text-align:center; padding:52px 0 0 0; *font-family:"微软雅黑"; height:15px; }
#online_support_title h2 { font-size:9px; height:10px; line-height:10px; color:#fff; text-align:center; }

#online_support_body { min-height:100px; background:#3e9a1a; color:#fff; }
#online_support_body a { color:#fff; }
#online_support_body a:hover { text-decoration:none; }
#online_support_body h1 { line-height:25px; padding:0 0 2px 7px; height:25px; font-size:12px; font-weight:normal; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h1 a { background:url(images/qq.png) no-repeat left center; padding:0 0 0 20px; }
#online_support_body h2 { line-height:25px; height:25px; padding:0 0 2px 7px; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h2 img { padding:2px 0 3px 0; width:80px; height:20px; margin-left:-4px; }
#online_support_body h3 { line-height:25px; height:25px; padding:0 0 2px 7px; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h3 img { padding:2px 0 2px 1px; width:68px; height:21px; }
#online_support_body h4 { line-height:25px; padding:0 0 2px 7px; height:25px; font-size:12px; font-weight:normal; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h4 a { background:url(images/msn.png) no-repeat left center; padding:0 0 0 20px; }
#online_support_body h5 { line-height:25px; padding:0 0 2px 7px; height:25px; font-size:12px; font-weight:normal; background:url(images/s_bor.jpg) repeat-x left bottom; }
#online_support_body h5 a { background:url(images/skype.png) no-repeat left center; padding:0 0 0 20px; }

#online_contact { background:#3e9a1a; color:#fff; }
#online_contact h1 { padding:6px 0 0 6px; height:20px; line-height:20px; font-size:14px; }
#online_contact h2 { padding:0 0 7px 7px; height:15px; line-height:15px; font-size:14px; }
#online_contact h3 { padding:0 0 0 6px; height:28px; line-height:28px; font-size:14px; border-top:1px solid #308414; border-bottom:1px solid #308414; background:#216c0d; }

#online_support_bottom { height:17px; background:url(images/online_support_bottom.png) no-repeat; }
/*分页样式*/
.page_turner { padding:50px 0px 20px 1px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#CC0001; color:#FFF; }
#total { color:red; }
#allnav { display:none; }


 /*-----------------------------------------------------------------*/
 
 
 


/*响应式开始*/

@media screen and (max-width:840px) {

 

}
 /*-----------------------------------------------------------------*/
 
 


@media screen and (max-width:780px) {



}
 /*-----------------------------------------------------------------*/
 
 
@media screen and (max-width:640px) {


} 
/*-----------------------------------------------------------------*/
 

@media screen and (max-width:600px) {

}
/*-----------------------------------------------------------------*/ 
 
@media screen and (max-width:500px) {


}
/*-----------------------------------------------------------------*/ 
 
@media screen and (max-width:480px) {


}
/*-----------------------------------------------------------------*/
 
@media screen and (max-width:440px) {


}
/*-----------------------------------------------------------------*/
 
 
@media screen and (max-width:420px) {


}
/*-----------------------------------------------------------------*/
 
@media screen and (max-width:320px) {
 
#top_tel {display: none;}




#navigation_main { display:none; }
#nav { display:block; width:40px; height:34px; }
#nav ul { width:140px; display:none; position:absolute; background:rgba(224,19,78,0.8) no-repeat; border:1px solid #FFF; border-bottom:none; margin:34px 0 0 -92px; }
#nav ul li { line-height:30px; text-align:center; font-size:14px; height:30px; border-bottom:1px solid #ccc; width:100%; float:left; }
#nav ul li a { color:#FFF; font-size:14px; width:100%; float:left; height:30px; }
#nav ul li a:hover { text-decoration:none; background:#2468b1; font-size:14px; color:#fff; font-weight:bold; width:100%; float:left; height:30px; }




}
 
 





 
 






 
 





 
 





 
 



