﻿@charset "utf-8";
/* CSS Document */
body { background:#2f2f2f; color:#4c4c4c; font-size:12px; line-height:24px; font-family:'微软雅黑', Arial, Helvetica, sans-serif; }
*{margin:0; padding:0;}
img { border:none; margin:0; padding:0;}
ul,li { list-style:none;}
a{blr:expression(this.onFocus=this.close());}/* 只支持IE，过多使用效率低 */ 　
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */　
a:focus { -moz-outline-style: none; } /* IE不支持 */ 
a:link { color:#4c4c4c; text-decoration:none;}
a:visited { color:#4c4c4c; text-decoration:none;}
a:hover { color:#ff5420; text-decoration:none;}
table {border-collapse:collapse;}
.clear:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.float_l { float:left;}
.float_r { float:right;}
.margin_top { margin:12px 0 0;}

.top { height:103px; background:#efefef url(../images/top_bg.gif) repeat-x left bottom; overflow:hidden;}
.top_in { width:1202px; margin:0 auto; position:relative;}
.top_in:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.logo_div { float:left;}
.top .nav_ul { float:right; padding:55px 0 0; width:610px; /*background:#ccc;*/}
.top .nav_ul li { float:left; padding:0 29px 0 27px; font-size:14px; background:url(../images/banner_bg.gif) no-repeat right center; font-weight:bold; position:relative;}
.top .nav_ul .underlined { display:block; height:5px; font-size:5px; line-height:5px; background:#FF0004; position:absolute; top:42px; width:28px;}
.top .nav_ul .on a:link { color:#ff0004;}
.top .nav_ul .on a:visited { color:#ff0004;}
.top .nav_ul .on a:hover { color:#ff0004;}
.top .otht_link { float:right; padding:54px 0 0; width:290px;}
.top .otht_link ul { border-left:1px solid #ccc; height:38px;}
.top .otht_link ul li { float:right; padding:0 0 0 5px;}
.top .otht_link ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.top .otht_link .text { padding:0 0 0 18px;}
.top:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

.main { background:#efefef;}
.main_in { width:1202px; margin:0 auto; min-height:540px;}
.main .main_left { float:left; width:295px;}
.main .main_left_top_box { border-radius:5px; box-shadow: 5px 5px 5px #d8d8d8; background:url(../images/top_left.jpg) no-repeat left top;}
.main .main_left_top_box .text { background:#d9d349; color:#ff0000; height:46px; line-height:46px; font-size:14px; text-align:center; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.main .main_left_top_box .a_1 { display:block; width:100%; height:100%;}

.main .main_left_bottom_box { margin:12px 0 0; border-radius:5px; box-shadow: 5px 5px 5px #d8d8d8; background:url(../images/top_left_2.jpg) no-repeat left top;}
.main .main_left_bottom_box .text { background:#f8b62a; color:#ff0000; height:46px; line-height:46px;  font-size:14px; text-align:center; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.main .main_left_bottom_box .a_2 { display:block; width:100%; height:100%;}

.main .main_right { float:right; width:898px;}
.main .main_right .banner_box { padding:0; margin:0; height:422px; box-shadow: 5px 5px 5px #d8d8d8; border-radius:5px; overflow:hidden;}
.main .main_right .ad_list { margin:10px 0 0;}
.main .main_right .ad_list ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.main .main_right .ad_list ul li { float:left; margin:0 7px 0 0; border-radius:5px; height:193px; width:294px; box-shadow: 5px 5px 5px #d8d8d8;}
.main .main_right .ad_list ul li a { display:block; height:193px; width:294px; }

.main_in:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.main:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

.bottom { background:#2f2f2f;}
.bottom_in  { width:1202px; margin:0 auto; padding:18px 0;}
.bottom .bt_top { padding:0 0 10px 0;}
.bottom .bt_top .left { float:left; color:#fff; height:36px; line-height:36px;}
.bottom .bt_top .right { float:right; height:35px; line-height:35px; width:970px; overflow:hidden;}
.bottom .bt_top:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.bottom .bt_bottom { border-top:1px solid #464646; color:#fff; padding:10px 0 0;}
.bottom .bt_bottom a { color:#fff;}
.bottom .bt_bottom .all_rights { float:left;}
.bottom .bt_bottom .back_index { float:right;}
.bottom .bt_bottom:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/*图片滚动_开始*/
.scrollleft{width:970px; height:35px;}
.scrollleft li{float:left;display:inline;width:986px; height:35px; display:block;}
.scrollleft img{width:1473px;height:35px;}
/*图片滚动_结束*/

/*焦点图_开始*/
.focus{ position:relative; width:898px; height:422px; background-color:#efefef; float: left;}  
.focus img{ width: 898px; height: 422px; position:relative; z-index:2; border-radius:5px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:49px; line-height: 49px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr ='#80000000',endColorstr = '#80000000')\9;  display:block; text-align:left; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#efefef;}  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:13px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#ff0004;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}
/*焦点图_结束*/

.i_bg { background:url(../images/i_bg.jpg) repeat;}
.introduction_box { padding:60px 120px 60px;}
.introduction_title_en { font-size:42px; color:#e82904;}
.introduction_title { font-size:26px; margin:12px 0 0;}
.introduction_info { margin:18px 0; font-size:16px; line-height:34px; padding:3px 0 0;}
.introduction_heng { background:#3a3e49; height:6px; font-size:6px; line-height:6px; width:24px; margin:28px 0 0;}
.introduction_heng2 { background:#e82904; height:4px; font-size:4px; line-height:4px; width:24px; margin:28px 0 0;}
/*.introduction_line { margin:40px 0 0; padding:0 0 180px 0; border-top:1px dashed #999; height:14px;}*/

.news_ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.news_ul li { height:42px; line-height:42px; background:url(../images/arrow_topleft.png) no-repeat left center; padding:0 0 0 20px; border-bottom:1px dashed #ccc;}
.news_ul li .span_time { float:right; display:block; color:#898989;}
.news_box { margin:0 0 0; border:1px solid #e5e5e5; padding:22px; background:#fff;}
.news_box .news_title { font-size:18px; text-align:center;}
.news_box .news_title_2 { font-size:12px; text-align:center; color:#898989;}
.news_box .news_title_2 span { padding:0 10px;}
.news_box .news_info { margin:16px 0 0; padding:16px 0 0; border-top:1px dashed #ccc; font-size:14px;}
.news_nav_title { height:40px; line-height:40px; padding:0 26px; background:#f7b52b; border-radius:5px; color:#3a3e49; font-size:14px;}
.news_nav_title span { font-family:'宋体'; padding:0 10px;}
.contact_wip:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.contact_box { line-height:38px; width:450px; float:left;}
.message_box { float:right; width:500px; background:#fff; border:1px solid #eee; height:250px;}
.message { padding:16px;}
.message_tb {}
.message_tb td { padding:10px 5px;}
.message_text { border:1px solid #ddd; height:28px; font-size:14px; line-height:28px; width:368px; padding:0 10px;}
.message_textarea { border:1px solid #ddd; height:72px; font-size:14px; line-height:24px; width:380px; padding:4px;}
.message_button { background:url(../images/bt_bg.gif) no-repeat left center; height:44px; width:142px; text-align:center; border:none; line-height:44px; color:#fff; font-size:16px; font-weight:bold;}

.customer_box { padding:72px 0 40px 45px;}
.customer_ul {}
.customer_ul li { float:left; padding:4px;}
.customer_ul:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
/*.customer_list { height:152px; background:#fff; border:1px solid #eee; padding:16px 20px; margin:0 0 6px;}
.customer_list .left { height:150px; width:150px; float:left; border:1px solid #eee; border-radius:5px;}
.customer_list .left img {border-radius:5px;}
.customer_list .right { float:right; width:740px;}
.customer_list:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}
.customer_box .ctm_name { font-size:14px; font-weight:bold;}
.customer_box .ctm_introduction { margin:5px 0 0;}
.customer_box .ctm_project { margin:5px 0 0; color:#FF0004;}*/

/*广告页面-开始*/
.advertising_nav_box { position:absolute; top:0; height:30px; left:500px; top:8px;}
.advertising_nav_box ul:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
.advertising_nav_box ul li { float:left; padding:0 16px; height:30px; line-height:30px; margin:0 1px; background:#898989; color:#fff;}
.advertising_nav_box ul li:first-child { border-top-left-radius:3px; border-bottom-left-radius:3px;}
.advertising_nav_box ul li:last-child { border-top-right-radius:3px; border-bottom-right-radius:3px;}
.advertising_nav_box ul li a:link { color:#fff;}
.advertising_nav_box ul li a:visited { color:#fff;}
.advertising_nav_box ul li a:hover { color:#fff;}
.advertising_nav_box ul li.on { background:#e82904;}
.advertising_box { padding:40px 0 30px;}
.advertising_l { float:left; width:194px; background:#f7b52b url(../images/advertising_l_bg.gif) no-repeat center 32px; border-radius:5px; padding:0 0 60px 0;}
.advertising_l .nav_title { font-size:14px; padding:10px 0 0 26px; font-weight:bold;}
.advertising_l .nav_ul { margin:9px 0 0;}
.advertising_l .nav_ul li { font-size:14px; height:42px; line-height:42px; background:url(../images/advertising_li_bg.gif) no-repeat center bottom;}
.advertising_l .nav_ul li a:link { color:#3a3e49; display:block; padding:0 0 0 26px; margin:0 0 10px 0; height:40px;}
.advertising_l .nav_ul li a:visited { color:#3a3e49; display:block; padding:0 0 0 26px; margin:0 0 10px 0; height:40px;}
.advertising_l .nav_ul li a:hover { color:#3a3e49; display:block; padding:0 0 0 26px; margin:0 0 10px 0; height:40px; background:#d79100;}
.advertising_l .nav_ul li.on a:link { color:#3a3e49; display:block; background:#898989; margin:0 0 10px 0; height:40px;}
.advertising_l .nav_ul li.on a:visited { color:#3a3e49; display:block; background:#898989; margin:0 0 10px 0; height:40px;}
.advertising_l .nav_ul li.on a:hover { color:#3a3e49; display:block; background:#898989; margin:0 0 10px 0; height:40px;}
.advertising_l .nav_ul li span { font-family:'宋体'; padding:0 16px 0 0; display:block; float:right; color:#f7b52b;}
.advertising_l .nav_ul li.on span { font-family:'宋体'; padding:0 16px 0 0; display:block; float:right; color:#fff;}
.advertising_r { float:right; width:998px;}
.advertising_r .nav_title { height:40px; line-height:40px; padding:0 26px; background:#f7b52b; border-radius:5px; color:#3a3e49; font-size:14px;}
.advertising_r .nav_title span { font-family:'宋体'; padding:0 10px;}
.advertising_box:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
.case_list { border:1px solid #e5e5e5; padding:16px 22px; margin:5px 0 0; background:#fff;}
.case_list .cast_title { font-size:14px; color:#e50132; color:#e50132; height:26px; line-height:26px;}
.news_csst { background:url(../images/anli_bt.gif) no-repeat left center; padding:0 0 0 100px;}
.case_box { padding:20px 0 0;}
.case_box:after { clear: both; content:" "; display: block; font-size: 0; height: 0; visibility: hidden;}
.case_box_l { float:left; width:568px; height:359px;}
.case_box_r { float:right; width:357px;}
.case_box .case_text { margin:15px 0 0; padding:15px 0 0; border-top:1px dashed #ccc; height:119px; overflow:hidden;}
/*广告页面-结束*/

.up_products { position:absolute; background:#333; border:20px solid #333; border: 20px solid rgba(0,0,0,0.7); top:0; overflow:hidden; display:none; z-index:40;}
.mask { background:#333; height:100%; width:100%; position:absolute; top:0; filter:alpha(opacity=40); opacity:0.4; display:none; z-index:30;}
.film_link { cursor:pointer;}

.case_img { margin:12px 0 0; text-align:center;}


#AspNetPager { margin:24px 0 0; height:24px; line-height:24px;}
#AspNetPager a { display:block; float:left; background:#eee; border:1px solid #ccc; padding:0 12px; height:24px; line-height:24px;}
#AspNetPager span { display:block; float:left; background:#ff0000; border:1px solid #ff0000; color:#fff; padding:0 12px; height:24px; line-height:24px;}
#AspNetPager_input { border:1px solid #ccc; height:24px; line-height:24px; width:24px; text-align:center; padding:0 6px;}
#AspNetPager_btn { width:50px; margin:0 0 0 12px; height:24px; line-height:24px; background:#666; color:#fff; border:none;}

