body { background: #fff; color: #444; font: 12px / 1.5em "Microsoft YaHei", 微软雅黑,SimSun,arial; margin: 0; padding: 0; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }
ul { list-style: none; }
li { list-style-type: none; }
img { border: 0; vertical-align: top; }
select, input { font-size: 12px; }
address, cite, code, em, th { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.e_clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.e_clear { display: inline-block; }
.e_clear { display: block; }
textarea { background: #fff; border: 1px solid #d2d9dc; border-radius: 2px; box-shadow: 0 0 0 #d2d9dc; -moz-transition: .3s ease-in-out; transition-property: border box-shadow; -webkit-transition: .3s ease-in-out; }
textarea:focus, input[type="text"]:focus { /*border: 1px solid #b7d4ea;*/ box-shadow: 0 0 5px #b7d4ea; }
a { color: #208de9; cursor: pointer; text-decoration: none; }
a:hover { color: #ff5b86; }
.v_align { vertical-align: middle; }
.none { display: none; }
/*jq-ui*/
.ui-corner-all-16, .ui-corner-top-16, .ui-corner-left-16, .ui-corner-tl-16 { -moz-border-radius-topleft: 16px; -webkit-border-top-left-radius: 16px; -khtml-border-top-left-radius: 16px; border-top-left-radius: 16px; }
.ui-corner-all-16, .ui-corner-top-16, .ui-corner-right-16, .ui-corner-tr-16 { -moz-border-radius-topright: 16px; -webkit-border-top-right-radius: 16px; -khtml-border-top-right-radius: 16px; border-top-right-radius: 16px; }
.ui-corner-all-16, .ui-corner-bottom-16, .ui-corner-left-16, .ui-corner-bl-16 { -moz-border-radius-bottomleft: 16px; -webkit-border-bottom-left-radius: 16px; -khtml-border-bottom-left-radius: 16px; border-bottom-left-radius: 16px; }
.ui-corner-all-16, .ui-corner-bottom-16, .ui-corner-right-16, .ui-corner-br-16 { -moz-border-radius-bottomright: 16px; -webkit-border-bottom-right-radius: 16px; -khtml-border-bottom-right-radius: 16px; border-bottom-right-radius: 16px; }
.ui-shadow { box-shadow: 3px 3px 3px #d7d8d9; -moz-box-shadow: 3px 3px 3px #d7d8d9; -webkit-box-shadow: 3px 3px 3px #d7d8d9; }

/*top*/
.rili_v4_top{width:1003px; margin:0 auto; height:60px; padding:15px 0;}
.logo{width:220px; margin-top:10px;}
.logo,.logo img,.logo_txt{float:left;}
.logo_txt{padding-left:15px; color:#000; font-weight:600;}
.logo_txt h3{font-size:27px; line-height:30px;}
.logo_txt p{font-size:17px; line-height:30px;}
.nav{float:right; padding-top:24px;}
.nav ul li{float:right; padding:0 17px; display:inline; font-size:20px; color:#000; background:url(../images/index_nav_line.png) no-repeat right top; height:24px;}
.nav ul li a{color:#7b7b7b;}
.nav ul li a.on{color:#f50;}
.nav ul li.public{padding-right:25px;background:url(../images/index_new_icon.png) no-repeat right top;}
.nav ul li.down{
	background: none;
}

/*footer*/
.rili_v4_footer{width:1003px; margin:0 auto; padding:10px 0 10px 0; color:#8fc0e4;}
.rili_v4_about{width:1003px; margin:auto; height:30px;}
.rili_v4_about a{font-weight:600; color:#fff; margin-right:30px; font-size:14px; float:left; width:63px; height:22px; line-height:22px; position:relative;}
.rili_v4_about a:hover{color:#fcec39;}
.rili_v4_about span.num{display:block; width:31px; height:27px; text-align:center; line-height:0px; font-size:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:absolute; top:-26px; right:-18px; 
/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#9b110c));
background:-moz-linear-gradient(top, #ff0000,#9b110c);
_background:#9b110c;
+background:#9b110c;
border:1px solid #fff;
-moz-border-radius:9px; -webkit-border-radius: 9px; -khtml-border-radius:9px; border-radius:9px;
box-shadow: 3px 0px 10px #4c4c4c; -moz-box-shadow: 3px 0px 10px #4c4c4c; -webkit-box-shadow: 3px 0px 10px #4c4c4c;*/
background:url(../images/job_num.jpg) no-repeat;
}

.rili_v4_footerbox{background:#4a9ad4; padding:50px 0;}

@media screen and (device-aspect-ratio: 3/4) {
	.rili_v4_top,.rili_v4_about,.rili_v4_product,.rili_v4_product ul,.rili_v4_footer{width:100%;}
	.logo{padding:0 0 0 10px;}
	.nav{padding-right:10px;}
	.rili_v4_about{text-align:center;}
	.rili_v4_about a{display:inline-block; float:none;}
	.rili_v4_footer{text-align:center;}
}