﻿@charset "UTF-8";
/* 全局样式 */
html{width:100%; background:url(bg.jpg) repeat-x top #FFFFFF;}
body{ font-size:12px; font-family:Arial, Verdana, Geneva, sans-serif; line-height:24px; color:#333; margin:0 auto;}
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(logo.jpg) no-repeat left top; height:114px; width:1004px; margin:auto; position:relative}
.top form{ width:250px; float:right; margin-top:50px;}
.top form #keys_title{ height:29px; width:170px; background:url(input1.jpg) no-repeat; border:none; display:block; margin:auto; float:left; margin-top:2px}
.top form .btn1{ background:url(btn1.jpg); height:28px; width:74px; border:none; display:block; margin:auto; float:left}

#index_content{width:1004px;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:960px;margin:0 auto;}
.sub_banner{width:960px; margin: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:703px; text-align:center; height:61px; position:absolute; right:0px; bottom:0px;}
#menu span{ display:none;}
#menu li{ float:left; height:61px;}

#hnav {width: 100%; height: 61px; background: url(nav.jpg);}
#hnav li { left: 0; height: 61px; z-index:10; float:left; position:relative}
#hnav li a { top: 0; left: 0; width: 100%; height: 61px;z-index:10; display:block; position:absolute}

#hnav #home { width: 91px;}
#hnav #menu1 { width: 104px;}
#hnav #menu2 { width: 99px;}
#hnav #menu3 { width: 113px;}
#hnav #menu4 { width: 99px;}
#hnav #menu5 { width: 104px;}
#hnav #menu6 { width: 93px;}


/*网站尾*/
.foot{ text-align:center; line-height:25px;  overflow:hidden; width:100%; background:url(footBg.jpg) repeat-x; color:#d58686}
.foot a{color:#d58686}




/*内页样式*/
#sub_content{ overflow:hidden;  margin:0 auto; padding-bottom:10px; background:url(b_1.jpg) repeat-x top; width:960px;}

#mainflash{background:url(/china/imagess/Sub_left_title1.jpg); width:239px; height:32px;}
#sub{ width:960px;  margin:0 auto;}
#sub1{}
#sub_banner {text-align:center;margin:0 auto; width:960px; height:190px;}

#left{ width:293px; float:left; display:inline;}
#sub #left{width:221px; background:url(leftBg.jpg) repeat-y}
#left_Bottom{ height:40px; background:url(leftBottom.jpg) no-repeat}
h3{ background:url(title_line.jpg) repeat-x bottom;font-weight:normal; height:100%; overflow:hidden}
h3 .more{ float:right; display:block; float:right;  padding-top:20px;width:35px; height:15px;}
h3 .more a{ display:block; height:15px;}

.title1{ display:block; height:74px; width:100%; background:url(title1.jpg) no-repeat; float:left; line-height:50px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px}
.title2{ display:block; height:100px; width:100%; background:url(title2.jpg) no-repeat; float:left; line-height:90px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:14px}
.title3{ display:block; height:38px; width:100%; background:url(title3.jpg) no-repeat; float:left}
.title4{ display:block; height:38px; width:100%; background:url(title4.jpg) no-repeat; float:left}
.title5{ display:block; height:38px; width:100%; background:url(title5.jpg) no-repeat; float:left}
.title6{ display:block; height:38px; width:100%; background:url(title6.jpg) no-repeat; float:left}

.left_content{ padding-left:20px; padding-right:20px;}

.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:414px; float:left; margin-left:20px} 
.pro_content{ background:#e9e9e9; height:100%; overflow:hidden; padding-left:6px; padding-top:10px; padding-bottom:10px; margin-top:10px;}
.pro_content ul{width:134px; float:left; text-align:center; position:relative; font-size:14px; color:#1f3d91; font-weight:bold}
.pro_content ul img{ border:none}
.pro_content a{color:#002283}
.pro_content a:hover{color:red}

#right{ width:218px; float:right; height:auto; overflow:hidden; color:#002283}
#right .right1{ height:auto; overflow:hidden}
.right1 ul{ background:#f0f5fb; padding-top:3px;}
.right1 ul li{ height:42px; background:url(pro_bg.jpg) no-repeat center; line-height:42px; padding-left:25px}

#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-left:10px;}
.right_content2{ width:100%; height:147px;overflow:hidden; background:url(map.jpg) no-repeat top}
.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; background:url(icon.jpg) no-repeat left; padding-left:15px}
.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:33.3%; overflow:hidden; padding-bottom:15px;padding-top:15px; position:relative; float:left}
#prolist ul li.img{ background:#FFF;}
#prolist ul li.img img{ border:#FFF 3px solid; display:block; margin:auto}
#prolist ul li.title{ text-align:center}



.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; font-size:18px; font-weight:bold}
.pro_img{ text-align:center; padding:20px; padding-top:10px; width:auto; 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 ul{  padding:0px; margin:0px; border-bottom:none;}
.leftMenu ul li{ height:36px; line-height:36px;}
.leftMenu ul li a{color:#da0f00; display:block; padding-left:12px;}
.leftMenu ul li a:hover{ background:#f7dcd1}

#sub_right{ width:720px; float:right;}
#sub_right .rightTitle{ background:url(rightTitle.jpg) no-repeat bottom; display:block; height:58px; line-height:46px;}
#sub_right .rightTitle span{ font-size:14px; font-weight:bold; color:#002283; float:left; padding-left:35px; color:#da0f00}
#sub_right .rightTitle span.location{ font-size:12px; font-weight:normal; color:#999999; float:right; background:url(arrow3.jpg) no-repeat left; padding-left:20px;}

#scrollcontent{ width:3200px; height:140px;}
#scrollcontent #demo1,#scrollcontent #demo2{ float:left;width:1600px;}
#box_hot ul{ float:left; width:200px; text-align:center;}


#index #sub_content{ position:relative}
.customers{position:absolute; height:120px; width:475px; right:40px; top:230px;}
.customers .box_wrap{left:0px; position:relative; height:100%; width:100%}
.customers .box_wrap .leftCon{width:22px; height:39px;top:38px; position:absolute; cursor:pointer; left:0px; background:url(about:blank)}
.customers .box_wrap .rightCon{width:22px; height:39px; top:38px; position:absolute; cursor:pointer; right:0px; background:url(about:blank)}
.customers .box_wrap .box{ position:relative; width:408px; height:100%; margin-left:33px;overflow:hidden}
.customers .box_wrap .box .customerList{ position:absolute; top:0px; left:0px;height:100%; }
.customers .box_wrap .box .customerList .listTable{ margin-top:10px}


.english{ position:absolute; right:10px; top:10px}
.english ul li{ float:left; padding-left:8px; background:url(icon2.jpg) no-repeat left; padding-right:10px;}
.english ul li a{color:#d9950c}
.english ul li a:hover{color:#f8fb18}