﻿@charset "UTF-8";
/* 全局样式 */
html{ background:url(bg.jpg) repeat-x top; height:100%; width:100%}
body{ font-size:12px; font-family:Arial, Verdana, Geneva, sans-serif; line-height:24px; color:#333; margin:0 auto; width:980px}
p,li,ul,h3,h2,h4,form{ margin:0; padding:0; border:0px; list-style:none; font-size:12px;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#ff0000} 
.clear{ clear:both; overflow:hidden; font-size:0px; margin:0px; padding:0px}
.border1{ border:4px solid #eee;}

/*首页样式*/
.top{ background:url(top.jpg) no-repeat right top; height:98px; width:980px; margin:auto }

#index_content{width:980px;text-align:left;margin:0 auto; padding-bottom:10px; margin-top:10px; height:auto}
#msn{ display:none}
/*首页头部样式*/
#logo{width:961px;height:93px; background:url(logo.png) no-repeat left;margin:0 auto; }
#language{width:150px; height:35px;float:right; font:"宋体"; padding-right:0px; padding-top:20px;display:inline;}
#language a{color:#fff;}
#language a:hover{color:#FF0000;}
#sou{ float:right; width:290px; color:#fff; height:30px; margin-top:20px; margin-right:15px; display:inline; overflow:hidden; line-height:20px; display:none;}
#sou .input_search{ width:120px;}
#sou .btn_search{ color:#fff;width:52px; height:25px; border:0; background:url(btn_search.jpg); font-size:11px;}
.sou1{ float:left; width:220px;}
.sou2{ float:left; width:50px;}
#banner{ width:980px;margin:0 auto;}

.top_borad{ margin:auto; height:30px; line-height:30px; background: #333; padding-left:15px; color:#FFFFFF}

#i_content{padding:10px; line-height:22px; padding-top:5px;}
/*首页导航样式*/
/*---------导航--------*/
#menu{ margin:0 auto; width:980px; text-align:center; height:39px;}
#menu span{ display:none;}
#menu li{ float:left; height:39px;}

#hnav {width: 100%; height: 39px; background: url(menu1.jpg);}
#hnav li { left: 0; height: 39px; z-index:10; float:left; position:relative}
#hnav li a { top: 0; left: 0; width: 100%; height: 39px;z-index:10; display:block; position:absolute}

#hnav #home { width: 122px;}
#hnav #menu1 { width: 99px;}
#hnav #menu2 { width: 109px;}
#hnav #menu3 { width: 103px;}
#hnav #menu4 { width: 108px;}
#hnav #menu5 { width: 103px;}
#hnav #menu6 { width: 105px;}
#hnav #menu7 { width: 107px;}
#hnav #menu8 { width: 124px;}

/*网站尾*/
#footerbg{float:inherit;width:961px;margin:0 auto;overflow:hidden;zoom:1}
#footer{font-size:12px; text-align:center; line-height:25px;}
#copyright a{padding-left:10px;text-align:left;}



/*内页样式*/
#sub_content{ overflow:hidden;  margin:0 auto;padding-top:18px; padding-bottom:35px; background:url(b_1.jpg) repeat-x top}

#mainflash{background:url(images/Sub_left_title1.jpg); width:239px; height:32px;}
#sub{ width:980px;  margin:0 auto;}
#sub1{}
#sub_banner {text-align:center;margin:0 auto; width:980px; height:190px;}

#left{ width:248px; float:left; display:inline; }
h3{ background:url(title_line.jpg) repeat-x bottom; height:32px;font-weight:normal; }
h3 .more{ float:right; display:block; float:right; line-height:30px; height:30px; font-family:"宋体"; padding-right:10px;}

.title1{ display:block; height:30px; width:100%; background:url(title1.jpg) no-repeat; float:left}
.title2{ display:block; height:30px; width:100%; background:url(title2.jpg) no-repeat; float:left}
.title3{ display:block; height:30px; width:100%; background:url(title3.jpg) no-repeat; float:left}
.title4{ display:block; height:30px; width:100%; background:url(title4.jpg) no-repeat; float:left}
.title5{ display:block; height:30px; width:100%; background:url(title5.jpg) no-repeat; float:left}
.title6{ display:block; height:30px; width:100%; background:url(title6.jpg) no-repeat; float:left}
.title7{ display:block; height:30px; width:100%; background:url(title7.jpg) no-repeat; float:left}
.title8{ display:block; height:30px; width:100%; background:url(title8.jpg) no-repeat; float:left}

.left_content{ margin-top:10px; overflow:hidden; margin-bottom:10px;}

.bit10{ font-size:10px; font-family:Tahoma;font-weight:normal;}


#left_one .btm{ background:url(left_btm.png) bottom no-repeat; padding-bottom:120px;}
#left_one  p.lasts{ height:30px; margin-top:10px; background:url(Sub_left_title3.jpg) no-repeat center;}
#left_one  p.lasts a{ width:100%; height:100%; display:block}
#left_one .content{ padding:10px; padding-left:20px; padding-right:10px; font-size:13px; font-weight:bold; line-height:20px; text-align:left; overflow:hidden}

#left_two{ width:227px; margin-top:15px;}
#left_two .top{ background:url(sub_left_top1.jpg) no-repeat; height:29px; width:238px;}
#left_two .content{ border-left:1px solid #c8dcfe; border-right:1px solid #c8dcfe; background:url(sub_left_bj1.jpg) no-repeat; height:184px; width:235px;}
#left_two .neirong{padding-left:10px; padding-right:5px; line-height:22px; padding-top:5px;}
#left_two .btm{ background:url(sub_left_btm1.jpg); height:7px; width:238px;}

#middle{width:439px; float:left; margin-left:23px} 
#middle ul{padding-top:5px; }
#middle li{overflow:hidden; height:28px; line-height:28px; border-bottom:#c49195 1px dotted; background:url(icon.jpg) no-repeat left; padding-left:13px}

#right{ width:248px; float:right;}
.right1 ul.ulleft{ width:48%; padding-right:2%; float:left}
.right1 ul.ulright{ width:48%; padding-left:2%; float:left}
.right1 .img{ float:left; width:140px}
.right1 .img img{ width:125px; height:140px;border:#CCCCCC 3px solid}
.right1 .img img:hover{ border:#CCCCCC 3px dotted}
.right1 .title{ float:left; width:160px; color:#7fcd00}
.right1 .title a{ color:#7fcd00}
.right1 .cont{ float:left; width:160px}
.right1 div{ margin-top:15px; border-bottom:#c49195 1px dotted; padding-bottom:15px; overflow:hidden; height:100%}

#right_title2{ height:29px; line-height:29px; background:url(line2.png) repeat-x bottom; clear:both}
#right_title2 h4{background:url(service.png) no-repeat left top; height:100% }
#right_title2 h4 span.location{ float:right; font-size:12px; font-weight:normal;}

#right_content{text-align:left; line-height:22px;padding:10px 0px; overflow:hidden; }
#right_content2{text-align:left;line-height:25px; margin-top:10px; width:100%; height:220px; position:relative; overflow:hidden}
#right_content2 li{ float:left; width:12.5%;}
#right_content2 li img{ width:137px; height:165px; border:#FFFFFF 3px solid}
.inpic{ width:1376px; position:absolute; left:0px;}
 
#right_content h3{ padding:0; margin:0; font-size:14px; font-weight:bold; text-align:center; height:25px; line-height:30px;}
#right_content .from{ text-align:center;  border-bottom:1px dotted #ddd; margin-bottom:10px;}

#newslist li{ border-bottom:1px dotted #ddd; height:33px; line-height:33px;}
.newstitle_in{ float:left;}

.date_in{ float:right; width:auto; font-size:11px; font-family:arial;}
.page{ width:100%; text-align:center; clear:both; margin-top:15px;}
.page1{ width:100%; text-align:center; clear:both;}
.message{ padding:0 0 0 30px;}
.message input{ height:17px; margin:2px; border:1px solid #ccc; font-size:12px;}
.message textarea{ margin:2px;border:1px solid #ccc;font-size:12px;}
.message .btn1{ background:#eee; width:80px; height:21px; border:1px solid #ccc; margin-top:20px;}
.message label{
	width:70px; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	
}


#prolist{ padding-top:10px;}
#prolist ul{ width:100%; overflow:hidden; padding-bottom:15px; border-bottom:#CCC 1px dotted; padding-top:15px;}
#prolist ul li.img{ float:left; background:#FFF;}
#prolist ul li.img img{ border:#FFF 3px solid}
#prolist ul li.title{width:450px; float:left; font-size:14px; font-weight:bold; padding-left:15px;}
#prolist ul li.title span{ padding-left:30px; font-weight:normal}
#prolist ul li.cont{ width:450px; float:left; padding-left:15px;}
.pro_bg{width:193px; margin-bottom:10px;text-align:center;}
#pro_img{height:115px; text-align:center; width:240px;}
.pro_img img{border:#c3d6f4 3px solid}

.pro_bg img{width:200px; height:145px;}
#pro_title{height:33px; line-height:30px; text-align:center}
.pro_title{ padding-left:10px; margin-top:5px; width:300px; float:left;}
.pro_img{ text-align:center; padding:20px; padding-top:10px; width:auto; float:left; padding-left:0px;}
.pro_title1{ padding-left:20px; font-weight:bold; margin-top:15px; clear:both; background:url(sub1.jpg) no-repeat left; border-bottom:#1942b6 1px solid; color:#FFF;}
.pro_intro{ padding:10px; border-top:#fff 1px solid; clear:both; overflow:hidden}

.i_pro_bg img{ display:block; margin:auto}
.i_pro_bg p{ text-align:center;}
.i_pro_bg p a{ color:#a8c3e0}
.pro{ padding-top:20px !important; clear:both; overflow:hidden; height:auto}

.friend{ height:28px; line-height:28px; background:#ffcfcf; margin-top:30px; overflow:hidden}
.friend span{ font-weight:bold; color:#4f032c; float:left; padding-left:15px;}
.friend a{ color:#4f032c; padding-left:5px; padding-right:5px; display:block; float:left}

#qqonline{ background:url(qq_btm.gif) no-repeat bottom; width:110px; padding-bottom:34px;}
#qqonline ul{ padding-top:38px; background:url(qq_top.gif) no-repeat}
#qqonline ul li{ background:url(qq_c.png) repeat-y;  color:#d50052; padding-top:10px; overflow:hidden}
#qqonline ul li a{ color:#d50052;}
#qqonline ul li img{ display:block; margin-top}
#qqonline ul li span{ display:block; height:100%; width:auto; float:left; padding-left:10px;}
#qq{ display:none}


.leftMenu li{ height:35px  !important; line-height:35px  !important; text-align:center; font-size:18px; background:url(sub_left_bg.jpg) no-repeat bottom !important; border:none  !important; font-weight:bold  !important; font-size:14px  !important}

.jishi { width:100%; height:100%; overflow:hidden; margin-top:10px;}
.jishi ul{ width:33%; float:left}
.jishi img{ margin:auto; display:block; width:150px; border:#FF0066 5px solid}
.jishi img:hover{ border:#FF0066 5px dotted}
.jishi .title{ width:150px; margin:auto; background:#76000a; border:#76000a 5px solid}

.pro_content ul{width:2000px}
.pro_content ul li{width:200px; float:left;}
