/* CSS Document */
body{ margin:0px; padding:0px; border:0px; font-family:"微软雅黑",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#595959; font-size:12px; width:100%; background:#58c0ef; position:relative;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#58c0ef; font-size:12px;}
a:hover{ text-decoration:none;color:#58c0ef;}
*{ padding:0px; margin:0px; border:0px; }
li{ list-style:none;}
.clear{ clear:both; height:0px;}
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
div,p,table,td,ul,li,span,a,ol,input{ padding:0px; margin:0px; border:0px;}
h3{ margin:0px; padding:0px; border:none;}



/***********************导航栏*******************************/
.wap_logo{ padding:0px 0px 0px 5px;}
nav {  font-family: Helvetica; text-align: right; width:100%; text-transform: uppercase; position: fixed; z-index:9; right:0;}
nav ul {    width: 90%;    max-width: 1024px;  list-style-type: none;}
nav ul li {    display: inline-block;}
nav ul li a {    color: #9d9d9d; font-size:16px;  font-weight: bold;    text-decoration: none;    display: inline-block;    padding: 5%;    box-sizing: border-box;}
nav ul li a:hover {    color: white;}
.current_page a {   color: white; background: url(../images/nav.png) no-repeat center center; background-size:55%;}
#menu_button_wrapper{   display: none;}
.hidden {   display: none;}



@media (max-width: 760px) {
#menu_button_wrapper{ display: block;  right:0; color: #9d9d9d; }
#menu_button { box-sizing: border-box;  border-radius: 5px; color: white;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; }
#hamburger { float: right;background:#58c0ef;padding:8px; margin:10px;}
#menu_button span{  display: block; background-color: #fff;  width: 24px;  height: 3px;  border-radius: 1px; margin-bottom:5px;}
nav ul { width: 100%;  box-sizing: border-box; text-align:center;background:#58c0ef; padding-bottom:20px; z-index:999;}
nav ul li {   display: block; color:#FFF;}
nav ul li img{ width:70%;}
nav ul li a { width: 100%; color:#FFF; font-size:16px;
}
nav ul li a:hover{background: url(../images/nav.png) no-repeat center center; background-size:55%;}
}


/***********************关于我们*******************************/
.gywm{ width:100%; height:100%;}
.gywm_n{ width:100%; height:100%; margin:auto; padding-top:15%;}
.gywm_top{ width: 240px; margin:auto;}
.gywm_top img{ width:100%; height:auto;}
.gywm_wz{ width:92%; margin:11% auto; font-size:14px; text-align:justify; color:#FFF; line-height:22px; height:66px; overflow:hidden;}
.gywm_left{ width:100%;text-align:center; float:left;}
.gywm_left ul li{ width:33.33%; margin-bottom:5%; float:left;}
.gywm_left ul li a img{ width:70%;}
.gywm_right{ width:100%; float:left;}
.gywm_right ul li{ width:33.33%; float:left; text-align:center;}
.gywm_right ul li a{ width:100%; text-align:center; font-size:16px; color:#FFF; font-weight:bold;}

/*************************产品展示*******************************/
.cpzs{ width:100%;}
.cpzs_n{ width:100%; margin:auto; padding-top:70px;}
.cpzs_top{width: 240px; margin:auto;}
.cpzs_top img{ width:100%; height:auto;}
.cpzs_left{ width:140px; height:612px; float:left;}
.cyyj_left{ float:left; margin-top:30px; height:276px;}
.ndd_right{ float:left;margin-top:30px; height:276px;}
.cpzs_right{ float:left; margin-top:30px; height:612px; width:100%;}
.cpzs_bottom{ width:96%; margin:auto; position:relative;}


/******************************************************************/
@media only screen and ( max-width:1440px ){
.left{ float:left;}
.right{ float:right;}
.device{ width:380px; height:auto; overflow:hidden; margin:10% auto; background:#fff; padding:10px;}
.device .scroll{ width:100%; height:410px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:410px; overflow:hidden;}
.cpzs_bottom h2{  width:105%; text-align:left; font-family:'MS Mincho'; font-size:12px; margin-left:-6%; position:absolute; top:40%; z-index:99;}
.cpzs_bottom h2 a{ display:block; float:left;color:#686363;}
.cpzs_bottom h2 .pre{ float:left;}
.cpzs_bottom h2 .next{ float:right;}
.device ul{ overflow:hidden;}
.device ul li{ width:180px; height:195px; margin:5px; overflow:hidden; position:relative; float:left;}
.device ul li a{ width:100%; height:100%; clear:both;}
.device ul li img{ width:160px; height:115px; position:absolute; left:0; top:0; z-index:10; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.device ul li a.link{ display:block; width:160px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; position:absolute; left:0; bottom:0; background:#000;opacity: 0.5;filter: alpha(opacity=50); z-index:20;}


.list_nr{ width:160px; padding:17px 10px; background:#58c0ef;}
.list_img{ width:100%; height:115px; position:relative;}
.list_img img{ width:100%; height:100%;}
.list_img .list_fd{ position:absolute; top:0px; left:0px; width:160px; background:url(../images/bj.png) no-repeat; height:115px; background-size:100%; z-index:99;}
.list_wz{ background:url(../images/bj_01.png) no-repeat; background-size:cover; text-align:center; line-height:41px; height:41px; margin-top:10px;}

}
@media only screen and ( max-width:768px ){
	
.device{ width:320px; height:auto; overflow:hidden; margin:5% auto; background:#fff; padding:10px;}
.device ul li{ width:150px; height:173px; margin:5px; overflow:hidden; position:relative; float:left;}
.device ul li a{ width:100%; height:100%; clear:both;}
.device ul li img{ width:130px; height:95px; position:absolute; left:0; top:0; z-index:10; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.device ul li a.link{ display:block; width:130px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; position:absolute; left:0; bottom:0; background:#000;opacity: 0.5;filter: alpha(opacity=50); z-index:20;}
.list_nr{ width:130px; padding:10px 10px; background:#58c0ef;}
.list_img{ width:100%; height:95px; position:relative;}
.list_img img{ width:100%; height:100%;}
.list_img .list_fd{ position:absolute; top:0px; left:0px; width:130px; background:url(../images/bj.png) no-repeat; height:95px; background-size:100%;}
.list_wz{ background:url(../images/bj_02.png) no-repeat; background-size:cover; text-align:center; line-height:41px; height:41px; margin-top:10px;}

	}




/************************新闻中心***********************************/
.xxk{width:100%;height:100%;margin:5% auto 0 auto;background:#58c0ef; min-height:338px;}

.xxk .xxktit{height:42px;line-height:42px;position:relative; width:316px; margin:auto;}
.xxk .xxktit ul li{float:left;width:128px;height:43; margin:0px 15px; font-size:16px;color:#333;text-align:center; background:url(../images/bj1.jpg) no-repeat; background-size:100%;}
.xxk .xxktit ul li a{color:#fff; font-size:18px; font-weight:bold;}
.xxk .xxktit ul li a:hover,.xxk .xxktit ul li a.cur{color:#fff;}
#khxgd{clear:both;width:100%;margin:0 auto;margin-top:5%;position:absolute;}
#kmtbd{clear:both;width:100%;margin:0 auto;margin-top:5%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:absolute;}

.main1_r_l{width:430px;float:left;border-bottom:1px dashed #dddddd;padding-bottom:15px;margin-bottom:15px;}
.main1_r_bt{font-size:14px;color:#333;font-weight:bold;margin-bottom:5px;}
.main1_r_bt a{color:#333;}
.main1_r_bt a:hover{color:#0068ce;}
.main1_r_nr{font-size:12px;color:#666;line-height:22px;}
.main1_r_r{width:88px;height:73px;float:right;background:url(../images/rq_bj.jpg) no-repeat;color:#fff;font-size:26px;font-weight:bold;text-align:center;line-height:38px;}
.main1_r_r span{color:#333;font-size:14px;text-align:center;display:block;font-weight:normal;}


/**************************************************************/

.xwzx{ width:100%;}
.xwzx_n{ width:100%; margin:auto;padding-top:70px;}
.xwzx_top{width: 240px; margin:auto;}
.xwzx_top img{ width:100%; height:auto;}
.kinfo{ width:100%; margin:30px 0px; }
.kinfo ul li{ width:94%; margin:1% 2% 2% 2%; background:#FFF;padding:1%; float:left;}
.kinfo .bottom_left{ width:100%; height:220px;}
.kinfo .bottom_left img{ width:100%; height:100%;}
.kinfo .bottom_right{ float:left; width:96%; margin-left:2%;}
.kinfo .bottom_rq{ font-size:12px; color:#999; line-height:24px; height:24px; text-align:left; padding-left:20px; margin-top:5px;}
.kinfo .bottom_bt{ padding-left:20px; font-size:16px; color:#333; line-height:22px; height:22px; text-align:justify; margin-top:10px; overflow:hidden; background:url(../images/dian.png) center left no-repeat; background-size:6%;}
.kinfo .bottom_bt a{ font-size:16px; color:#333;}
.kinfo .bottom_wz{ color:#c1c1c1; font-size:14px; text-align: justify; line-height:20px; height:40px; overflow:hidden; margin-top:10px; padding-left:20px;}
.kinfo .bottom_wz a{ font-size:14px; color:#999;}
.kinfo .bottom_gd{ margin-top:10px; height:17px; text-align:right; padding-left:20px;}
.kinfo .bottom_gd img{ margin:0px; padding:0px;}
.xwzx_gd{ width:150px; height:36px; line-height:36px; font-size:16px; text-align:center; margin: auto; color:#58c0ef;}
.xwzx_gd a{ font-size:16px; padding:10px 40px; background:#fff;border-radius:20px; }







/***************************联系我们*********************************/
.lxwm{  width:100%; height:100%; background:#fff; }
.lxwm_nr{ height:100%;  width:100%; margin:auto; padding-top:70px;}
.lxwm_top{width: 240px; margin:auto;}
.lxwm_top img{ width:100%; height:auto;}
.lxwm_left{ width:90%; margin:5% auto; padding:2%;}
.lxwm_left img{ width:100%; height:auto;}
.lxwm_right{ width:96%; margin:15px auto;  color:#58c0ef;}
.right_top{ text-align:left; text-align:center;}
.right_top h1{font-size:18px; line-height:24px;}
.right_top h2{ font-size:16px; margin-top:8px;}
.right_top h3{ font-size:14px; color:#999; margin-top:8px; font-weight:100; bottom:15px; position:absolute;}
.right_top h3 a{ color:#999; font-size:14px;}
.erweima{ margin-top:20px; width:98%;border:3px solid #58c0ef;}
.erweima img{ width:38%; height:auto; padding:3% 4% 0px 4%; margin:0px 2%; float:left; }
.erweima_wz{ text-align:center; font-size:16px; line-height:40px; font-weight:bold;}



/***************************向下箭头*********************************/
.xia{ width:30px; height:30px; position: absolute; bottom:20px; left:47%; z-index:99;}
.xia_n{ width:30px; height:auto; margin:auto;}
.xia_n img{ width:100%; height:100%;}

.h_14{    text-align: center;
    font-size: 14px;
    font-weight: bold;}
.div_54 p{ font-size:14px;}