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

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
li {
	list-style-type: none;
}
img {
	border: none;
}
body {
	min-width: 1000px;
	background-color:#f5f5f5;
	font-size: 12px;
	font-family: "宋体";	
}
/***********header************/
.header_box {
	width: 100%;
	height: 60px;
	background:-moz-linear-gradient(top,#fff,#dfdfdf);/*Mozilla*/
    background:-webkit-linear-gradient(top,#fff,#dfdfdf);/*Webkit*/
    background:-o-linear-gradient(top,#fff,#dfdfdf); /*Opera11*/
	background:-ms-linear-gradient(top,#fff,#dfdfdf); /*IE*/
	background:linear-gradient(top,#fff,#dfdfdf); /*W3C*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=#dfdfdf)";/*IE8+*/	
	border-bottom: 1px solid #fff;
	position:relative;
}
.header_top {
	height:3px;
	background-color: #333;
}
.header {
	width: 1000px;
	font-family: "微软雅黑";
	margin: 0 auto;
	position:relative;
}
.logo, .nav, .nav li, .solu_sub dd,.about_sub dd,.case_sub dd{
	float: left;
}
.logo {
	margin-top: 17px;
}
.micro_letter{
	width:38px;
	height:38px;
	background: url(../images/micro_letter.png) left top no-repeat;
	position:absolute;
	left:133px;
	top:10px;
	cursor:pointer;
	z-index:2;
	}	
.qrcode{
	display:none;
	position:absolute;
	top:13px;
	left:171px;
	width:122px;
	height:122px;
	background: url(../images/qrcode_for_romens.png) left top no-repeat;
	border:1px solid #999;
	z-index:3;
	}	
.nav {
	margin-left: 99px;
}
.nav li a {
	display: block;
	font-size: 16px;
	width: 103px;
	height: 58px;
	padding-left:2px;
	text-align: center;
	color: #515151;
	line-height: 58px;
}
.nav li a:hover {
	color: #1a7dd3;
}
.nav li a.solu_h,.nav li a.about_h,.nav li a.case_h {
	color: #1a7dd3; /*用于控制在选择子导航hover状态下，父导航的显示样式*/
}
.nav li a.current {
	background: url(../images/nav_bg.png) left top no-repeat,url(../images/nav_btbg.png) right bottom no-repeat;
	color: #1a7dd3;
}
.nav li.current_la {
	width:2px;
	height: 58px;
	background: url(../images/nav_bg.png) left top no-repeat;
}
.nav li.current_par + li a {
	background: url(../images/nav_bg.png) left top no-repeat;
}
/*子导航*/
.subnav_sbox,.subnav_abox,.subnav_cbox{
	display:none;
	width:100%;
	height: 38px;
	position:absolute;
	top:60px;
	background:-moz-linear-gradient(top,#fff,#dfdfdf);/*Mozilla*/
    background:-webkit-linear-gradient(top,#fff,#dfdfdf);/*Webkit*/
    background:-o-linear-gradient(top,#fff,#dfdfdf); /*Opera11*/
	background:-ms-linear-gradient(top,#fff,#dfdfdf); /*IE*/
	background:linear-gradient(top,#fff,#dfdfdf); /*W3C*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=#dfdfdf)";/*IE8+*/	
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;
	z-index:1;
	}
.solu_sub,.about_sub,.case_sub{
	width:762px;
	overflow:hidden;
	}
.case_sub{
	width:382px;
	overflow:hidden;
	}	
.solu_sub{
	margin:0 auto;
	}
.about_subc,.case_subc{
	width:1000px;
	margin:0 auto;
	}	
.about_sub{
	margin-left:238px;
	}
.case_sub{
	margin-left:500px;
	}			
.solu_sub dd a,.about_sub dd a,.case_sub dd a{
	display:block;
	width:190px;
	height:39px;
	line-height:39px;
	text-align:center;
	font-size:14px;
	color:#666;
	background:url(../images/subnav_bg.png) left top no-repeat;
	cursor:pointer;
	}
.solu_sub dd a.subnav_last,.about_sub dd a.subnav_last,.case_sub dd a.subnav_last{
	width:2px;
	}	
/*控制子导航点击样式*/	
.solu_sub dd a.subnav_c,.about_sub dd a.subnav_c,.case_sub dd a.subnav_c{
	background:url(../images/subnav_bg.png) left top no-repeat,url(../images/subnav_cbg.png) 2px bottom no-repeat;
	}	
.solu_med.subnav_c{
	color:#00b5e6;
	}
.solu_dre.subnav_c{
	color:#5fdf00;
	}	
.solu_mo.subnav_c{
	color:#e63100;
	}	
.solu_tra.subnav_c{
	color:#23bfe8;
	}
.case_sub dd:first-child a.subnav_c{
	color:#e63100;
	}
.case_sub dd:nth-child(2) a.subnav_c{
	color:#23bfe8;
	}		
.about_sub dd a.subnav_c{
	color:#1a7dd3;
	}						
/*控制子导航hover样式*/	
.solu_sub dd a:hover,.case_sub dd a:hover{
	text-decoration:underline;
	}		
.solu_med:hover{
	color:#00b5e6;
	}
.solu_dre:hover{
	color:#5fdf00;
	}
.solu_mo:hover{
	color:#e63100;
	}
.solu_tra:hover{
	color:#23bfe8;
	}
.case_sub dd:first-child a:hover{
	color:#e63100;
	}
.case_sub dd:nth-child(2) a:hover{
	color:#23bfe8;
	}				
.about_sub dd a:hover{
	color:#1a7dd3;
	text-decoration:underline;
	}
.ro_partner{
	display:inline-block;
	font-size: 16px;
	width: 103px;
	height: 58px;
    line-height: 58px;
	text-align: center;
	color: #515151;
	}
.ro_partner:hover{
	color: #95c261;
	}									
/***********banner************/		
.banner {
	min-width: 1000px;
	width:auto;
	height:395px;
	overflow: hidden;
}
.img-box{
	overflow:hidden;
	}
.img-box li{
	float:left;
	}	
.img-box li img{
	display: block;
	width:1920px;
	height: 395px;
}
.scroll_box{
	position:absolute;
	bottom:5px;
	overflow:hidden;
	}
.scroll_btn{
	width:12px;
	height:12px;
	float:left;
	margin-left:10px;
	background:url(../images/scroll_btnbg.png) -12px center no-repeat;
	cursor:pointer;
	}
.scrollBtn_h{
	background:url(../images/scroll_btnbg.png) 0 center no-repeat;
	}	
/***********scrolltop************/
.scrolltop {
	width: 32px;
	height: 40px;
	background: url(../images/scrolltop.png) center no-repeat;
	position: fixed;
	right: 30px;
	bottom: 100px;
	cursor: pointer;
	display: none;
}
.scrolltop:hover {
	background: url(../images/scrolltop_h.png) center no-repeat;
}
/***********news************/
.news {
	width: 1000px;
	margin:20px auto 20px;
	overflow:hidden;
}
.left_arr,.news_area,.news_box li{
	float:left;
	}
.right_arr{
	float:right;
	}	
.left_arr,.right_arr{
	width:17px;
	height:28px;
	margin-top:30px;
	cursor:pointer;
	}	
.left_arr{
	margin-left:10px;
	margin-right:3px;
	background:url(../images/left_arr.png) left top no-repeat;
	}	
.right_arr{
	margin-right:10px;
	background:url(../images/right_arr.png) left top no-repeat;
	}
.news_area{
	width:924px;
	height:89px;
	overflow:hidden;
	}	
.news_box{
	width:1540px; /*由于子元素li是浮动的，如果长度不定义的话，其子元素不会超过父宽度向右延展，从而导致浏览器判断其宽度时出错，此处表现为滚动图的时候，图会延迟显示。  1540是5个新闻的长度 原先错误定义为4620*/
	height:89px;
	overflow:hidden;
	}	
.news_box li{
	width:288px;
	height: 89px;
	margin-left:20px;
	}
.news_img1,.news_img2,.news_img3,.news_img4,.news_img5{
	float:left;
	width:86px;
	height:86px;
	border:1px solid #b2b2b2;
	}
.news_img1{
	background:url(../images/index_news/news_01.png) left top no-repeat;
	}
.news_img2{
	background:url(../images/index_news/news_02.png) left top no-repeat;
	}
.news_img3{
	background:url(../images/index_news/news_03.png) left top no-repeat;
	}
.news_img4{
	background:url(../images/index_news/news_04.png) left top no-repeat;
	}
.news_img5{
	background:url(../images/index_news/news_05.png) left top no-repeat;
	}	
.news_con{
	width:190px;
	float:left;
	margin-left:10px;
	}		
.news_con h3{
	height:14px;
	line-height:14px;
	overflow:hidden;
	color:#333;
	font-family:"微软雅黑";
	font-size:14px;
	white-space:nowrap;
	text-overflow:ellipsis;
	}
.news_con h3:hover{
	text-decoration:underline;
	}	
.news_con p.news_info{
	height:54px;
	line-height:18px;
	overflow:hidden;
	color:#666;
	text-indent:2em;
	margin-top:6px;
	}
.news_con p.news_info:hover{
	text-decoration:underline;
	}	
.news_con p:last-child{
	height:9px;
	line-height:9px;
	color:#999;
	font-family:Arial;
	text-align:right;
	margin-top:6px;
	}										
/***********product************/	
.pro{
	width:1000px;
	height:200px;
	margin:0 auto;
	}
.pro ul{
	overflow:hidden;
	}	
.pro ul li{
	width:231px;
	height:196px;
	float:left;
	margin-right:20px;
	background-origin:border-box;
	padding:2px;
	}
.pro ul li:nth-child(1){
	background:url(../images/pro_bgb1.png) right top no-repeat,url(../images/pro_bg1.png) left top no-repeat;
	}
.pro ul li:nth-child(2){
	background:url(../images/pro_bgb2.png) right top no-repeat,url(../images/pro_bg2.png) left top no-repeat;
	}	
.pro ul li:nth-child(3){
	background:url(../images/pro_bgb3.png) right top no-repeat,url(../images/pro_bg3.png) left top no-repeat;
	}	
.pro ul li:nth-child(4){
	background:url(../images/pro_bgb1.png) right top no-repeat,url(../images/pro_bg4.png) left top no-repeat;
	}
.pro_con{
	width:231px;
	height:192px;
	background-color:#fff;
	padding-top:4px;
	}
.pro_con h3{
	width:218px;
	height:24px;
	font-size:14px;
	line-height:24px;
	color:#666;
	border-bottom:1px solid #ccc;
	margin-left:8px;
	font-weight:normal;
	}
.pro_con h3 span{
	font-family: Arial;
	font-size:14px;
	}	
.pro_con h3 + p{
	height:12px;
	line-height:12px;
	color:#999;
	margin-top:10px;
	text-align:center;
	}	
.pro_con dl{
	width:173px;
	height:105px;
	line-height:21px;
	color:#666;
	margin-left:18px;
	margin-top:16px;
	}
.pro_info1{
	background:url(../images/pro_ico1.png) right 22px no-repeat;
	}
.pro_info2{
	background:url(../images/pro_ico2.png) right 33px no-repeat;
	}
.pro_info3{
	background:url(../images/pro_ico3.png) right 30px no-repeat;
	}
.pro_info4{
	background:url(../images/pro_ico4.png) right 38px no-repeat;
	}				
.pro_con a{
	display:block;
	width:66px;
	height:15px;
	line-height:15px;
	color:#999;
	margin-left:155px;
	background:url(../images/pro_de.png) right top no-repeat;
	}	
.pro_con a:hover{
	color:#55a5e2;
	text-decoration:underline;
	}														
/***********footer************/	
.footer {
	height: 150px;
	background-color: #666;
	background:url(../images/footer_bg.png) left top repeat;
	font-family: "宋体";
	color: #f5f5f5;
	text-align: center;
	margin-top:30px;
}
.romens_links {
	padding-top: 43px;
}
.romens_links a {
	color: #f5f5f5;
}
.romens_links a:hover {
	color: #55a5e2;
	text-decoration:underline;
}
.copyright {
	margin-top: 42px;
}
.copyright span {
	font-family: Arial;
}

/***********子页面公用部分************/	

/*子页banner*/
.sub_ban{
	min-width: 1000px;
	width:auto;
	height:280px;
	overflow: hidden;
	}
.sub_ban img {
	display: block;
}
/*面包屑导航*/
.br_nav{
	width:1000px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
	}
.br_nav dl dt,.br_nav dl dd{
	float:left;
	}
.br_nav dl a{
	color:#666;
	height:32px;
	line-height:32px;
	}
.br_nav dl dt a{
	padding-left:17px;
	margin-right:5px;
	background:url(../images/bre_hbg.png) left center no-repeat;
	}
.br_nav dl dd a{
	padding-left:12px;
	margin-right:5px;
	background:url(../images/bre_ibg.png) left center no-repeat;
	}				
.br_nav dl dt a:hover{
	color:#1a7dd3;
	text-decoration:underline;	
	}
/*内容盒子*/
.con_box{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	}
.con_l,.con_r{
	float:left;
	}
.con_l{
	width:758px;
	border:1px solid #ccc;
	background-color:#fff;
	}
.con_r{
	width:218px;
	margin-left:20px;
	}
/*联系方式*/	
.ro_cat{
	width:218px;
	height:197px;
	border:1px solid #ccc;
	}		
.ro_cat h3{
	display:block;
	width:208px;
	height:38px;
	line-height:38px;
	background:-moz-linear-gradient(top,#fff,#dfdfdf);/*Mozilla*/
    background:-webkit-linear-gradient(top,#fff,#dfdfdf);/*Webkit*/
    background:-o-linear-gradient(top,#fff,#dfdfdf); /*Opera11*/
	background:-ms-linear-gradient(top,#fff,#dfdfdf); /*IE*/
	background:linear-gradient(top,#fff,#dfdfdf); /*W3C*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=white, endColorstr=#dfdfdf)";/*IE8+*/
	border-bottom:1px solid #ccc;
	font-size:14px;
	color:#666;
	font-weight:normal;
	padding-left:10px;
	}				
.ro_cat dl{
	width:198px;
	height:143px;
	padding-left:20px;
	padding-top:15px;
	background-color:#fff;
	}	
.ro_cat dl dd{
	padding-left:42px;
	margin-bottom:8px;
	}
.ro_cat dl dd:first-child{
	background:url(../images/ro_pbg.png) left top no-repeat;
	}	
.ro_cat dl dd:nth-child(2){
	background:url(../images/ro_fbg.png) left top no-repeat;
	}
.ro_cat dl dd:nth-child(3){
	background:url(../images/ro_mbg.png) left top no-repeat;
	}		
.ro_cat dl dd p:first-child{
	line-height:16px;
	color: #1a7dd3;
	}
.ro_cat dl dd p:nth-child(2){
	line-height:12px;
	font-family:Arial;
	color: #666;
	margin-top:7px;
	}				
/*雨人常识,雨人指南*/
.ro_kow,.ro_guid{
	display:block;
	width:218px;
	height:86px;
	border:1px solid #ccc;
	margin-top:20px;
	}
.ro_kow{
	color:#666;
	background:url(../images/ro_kbg.png) left top no-repeat;
	}
.ro_guid{
	color:#fff;
	background:url(../images/ro_gbg.png) left top no-repeat;
	}		
.ro_kow span{
	display:block;  /*设为inline-block的话，hover下的下划线效果不会出现*/
	font-size:16px;
	margin-left:128px;
	margin-top:15px;
	}
.ro_kow:hover{
	color:#84b800;
	text-decoration:underline;
	}	
.ro_guid span{
	display:block;
	}			
.ro_guid span:first-child{
	margin-left:12px;
	margin-top:25px;
	}
.ro_guid span:last-child{
	margin-left:6px;
	margin-top:15px;
	}	
.ro_guid:hover{
	color:#000;
	text-decoration:underline;
	}