@charset "utf-8";
/* CSS Document */

@import url("page.css");
@import url("style.css");
@import url("nav.css");
@import url("kefu.css");
@import url("pro_view.css");
@import url("base.css");
*{ margin:0; padding:0}
html,body{ font:12px/18pt "微软雅黑", Arial, Helvetica, sans-serif; height:100%; color:#666; background:#fff}
a{text-decoration:none; color:#666}
a:hover{ text-decoration:underline;}
ul{ list-style:none}
.clear{ clear:both;}
img{ border:0}

#w1000{ width:1000px; margin:0 auto; position:relative}

#top{ width:100%; height:28px; background:#edecec; line-height:28px;}
.t_01{ float:left; padding-left:10px; color:#333; float:left}
.t_01 b{ font-weight:normal; color:#0a6b9d;}

.t_02{ float:right; padding-right:10px}
.t_02 ul li{float:left; margin-left:10px; overflow:hidden; padding-top:3px;}


#header{ overflow:hidden; height:76px; background:#fff}
.logo{ float:left; padding:8px 0 0 10px;}

#sear_box{ float:right; padding:20px 10px 0 0}
.inputtex{width:246px;height:34px; background:#fff;float:left; color:#666; padding-left:10px; line-height:34px; border:1px solid #dedede; font-size:14px; background:url(../img/input.jpg) repeat-x;}
.button{ background:url(../img/but.jpg) no-repeat; height:36px; border:none; width:85px; float:left; margin-left:3px; display:inline} 
.cnbut{ background:url(../img/cnbut.jpg) no-repeat; height:36px; border:none; width:85px; float:left; margin-left:3px; display:inline} 

.input-a{width:246px;height:34px; background:#fff;float:left; color:#666; padding-left:10px; line-height:34px; border:1px solid #dedede; font-size:14px; background:url(../img/input.jpg) repeat-x;}
.input-b{width:246px;height:34px; background:#fff;float:left; color:#666; padding-left:10px; line-height:34px; border:1px solid #dedede; font-size:14px; background:url(../img/input.jpg) repeat-x;}

#menu_box{ width:100%; background:url(../img/nav_bg.jpg) repeat-x; height:40px; line-height:40px; position:relative; z-index:12}
#menu_box ul li{ float:left; height:40px; line-height:40px;}
#menu_box ul li a{font-size:16px; font-weight:bold; display:block;_float:left; padding:0 32px; color:#fff; height:40px; line-height:40px;}

/*.nav_bg_box{width:100%;height:28px;position:absolute;left:0;top:0px;z-index:11;}

.nav li dl{position: absolute;left:120px;top:40px;z-index:111;display:none;}
.nav li dl dd{height:28px;border-bottom:1px solid #58bfff; background:url(../img/nav_bg.jpg) repeat-x center; line-height:28px; padding:0 10px;}
#menu .nav li dl dd a{display:block; color:#fff;width:150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height:28px; line-height:28px; font-size:12px; text-align:center; padding:0}
.nav li dl dd a:hover{background:none;height:28px;padding:0;margin:0;}*/







#banner{ background:url(../img/banner_bg.jpg) repeat-x; height:218px; position:relative; z-index:1}

#ban{ width:1000px; margin:0 auto; overflow:hidden; position:relative; z-index:1}
#focus {width:1000px; height:218px; overflow:hidden; position:relative;}
#focus ul {height:218px; position:absolute;}
#focus ul li {float:left; width:1000px; height:218px; overflow:hidden; position:relative; background:#000; z-index:1}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0; background:#999;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}


#main{}

#m_top{background:#fff;}

#in_about{ background:#fff; padding:10px;}
#in_title{ padding:10px 0 10px 8px; border-bottom:1px dashed #333}
#in_title span{ float:right;}
#in_title a{ color:#666}
#in_title a:hover{ color:#0066CC}
/*#in_about span{ background:url(../img/in_line.png) repeat-x; height:2px; overflow:hidden; display:block}*/
#in_about .line{border-bottom:1px dashed #333; display:block; height:1px;}
#in_ab_box{ padding:10px 10px 15px 0px;}
#in_ab_box img{ float:left; margin-right:10px; display:inline}
#in_ab_box p{ color:#333; line-height:20px;}
#in_ab_box p b{ color:#1b4c91}



#m_middle{ background:#fff;}


#in_title2{ padding:10px 10px 10px 8px;background:#fff;}
#in_title2 span{ float:right;}
#in_title2 a{ color:#666}
#in_title2 a:hover{ color:#0066CC}
/*#in_p_box{ background:#fff; clear:both; height:540px; padding-top:0px;}
#in_p_box .imggd ul{ overflow:hidden; height:170px; width:auto;}
#in_p_box .btngd img{ display:block; margin:0 auto;}
#in_p_box .imggd{width:1000px; height:340px; display:block;overflow:hidden; float:left;display:inline}
#in_p_box ul li{ float:left; margin-left:5px; margin-right:3px; display:inline;width:158px; height:170px; float:left;}
#in_p_box ul li img{ width:156px; height:132px; border:1px solid #ccc;}
#in_p_box ul li p{ height:36px; line-height:36px;display: block;
width:156px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align:center;
}*/
#in_p_box{ height:340px; overflow:hidden; width:980px; margin:0 auto;}
#in_p_box ul{ overflow:hidden; height:170px;}
#in_p_box ul li{margin-left:5px; margin-right:3px; display:inline;width:158px; height:170px; float:left; overflow:hidden}
#in_p_box ul li img{ width:156px; height:132px; border:1px solid #ccc;}
#in_p_box ul li p{ height:36px; line-height:36px;display: block;
width:156px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align:center;
}


*#demo {overflow:hidden; width:980px;}
#indemo {width:800%; float:left}
#demo1{ float:left;}
#demo2{ float:left;}



#in_p_box ul li a{ color:#333; font-size:11px;}
#in_p_box ul li a:hover{ color:#076bab}
















#m_bottom{ padding-top:0px;padding-bottom:0px;background:#fff;}
#bot_box{ background:#fff; padding:10px}
#in_news{ float:left; width:640px; }
#in_title3{ padding:0 0 10px 8px; background:url(../img/in_line.png) repeat-x bottom;}
#in_news ul li{ border-bottom:1px solid #ccc;}
#in_news .in_news_box{ padding:5px 10px 10px 10px}
#in_news .in_news_box span{ display:block; height:18px; line-height:18px; font-weight:bold; color:#333}
#in_news .in_news_box h1{ font-weight:normal; color:#333; font-size:12px; height:20px; line-height:20px;}
#in_news .in_news_box a:hover{ color:#0066FF}
#in_news .in_news_box p{width:610px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height:22px; line-height:22px; color:#666}


.in_more{ float:right; padding:0px 10px 0 0;}
.in_more a{ color:#1b4c91; background:url(../img/more.jpg) no-repeat left center; height:24px; line-height:24px; padding-left:20px;}


#in_contact{ float:right; width:330px;}
#in_contact #in_title2{ padding:0px 0 10px 8px; background:#fff;}
#in_contact p{ line-height:30px; color:#333}
#in_contact span{ color:#1b4c91}


#footer{  border-top:4px solid #ff6600;}

#f_box{ border-top:1px solid #ffffff; background:#868585; width:100%;}
.f_link{ padding-top:8px; float:right; width:130px; padding-right:8px;}
.f_link ul li{ float:right; margin-bottom:5px; margin-left:5px; display:inline}
.f_left{ float:left;}
.f_right{ float:right; padding:12px 25px 12px 0px}

.f_nav{ float:left; width:196px; padding:15px 10px;}
.f_nav h1{ font-size:18px; color:#fff; height:24px; line-height:24px;}
.f_nav ul{}
.f_nav ul li{width:186px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.f_nav ul li a{width:186px;/*对宽度的定义,根据情况修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height:24px; line-height:24px; color:#ffffff}

#f_bottom{ margin-top:10px}
.f_01{ float:left; height:36px; line-height:36px}
.f_02{ float:right;height:36px; line-height:36px}