﻿#top_box{position: fixed;top: 0px;width: 100%;z-index:99999;}
#wrap{height:65px;}
.div_online{ width:100%;height: 3px;background-color: #e8e8e8; }
.nav{width:100%; height:60px;  position: relative; margin:0 auto; }
.nav .logo{ width:220px; height:58px; background:url("../image/logo.jpg")  0 0 no-repeat;position: absolute;left: 80px;top: 3px;}
.nav .phone{background:url("../image/weixin.jpg")  0 0 no-repeat;  width:30px; height:30px; float:left;margin-top:-10px;margin-left: 2px;}
.nav .youxiang{background:url("../image/email.jpg")  0 0 no-repeat;  width:30px; height:30px; float:left;margin-top:-10px;}
.nav .jrwm{background:url("../image/jrwm1.jpg")  0 0 no-repeat;  width:80px; height:50px; float:left;margin-top:18px;}
.nav .phoneLable{ position:absolute; margin:-60px 0 0 40px; display:block;}
.alpha_bg2{position: absolute;left: 0;top: 0;width: 100%; background:url("../image/bg_alpha.png")  0 0 repeat-x;height: 63px; height: 63px;filter: alhpa(opacity:95);opacity: 0.95;z-index:9999;}
.alpha_bg{width:100%; height:80px; background:#FFF; filter:alhpa(opacity=30); opacity:0.3; position:absolute;left:0; top:63px;z-index:0; display:none; opacity:0; filter:alpha(opacity=0);}
.nav ul{ height: 60px;float: left;margin-left: 350px;}
.nav ul li{float:left;text-align:center; margin-right: 45px;margin-bottom: 10px;}
.nav ul li a{display: inline-block;height:15px; padding:28px 0px 10px 0px;color: #6c7788;font-size:16px;cursor: pointer;text-decoration: none;}
.nav ul li a:hover{border-bottom: 2px solid #BB2322;transition: all 90ms linear 0s; }
.nav ul li label{display: inline-block;height: 38px;padding-top: 20px;color: #6c7788;font-size:16px; }
.nav ul li .active1{color:#ff1010;}
.nav .ul2
{ 
height: 80px;
position: absolute; 
margin-left: -387px;
top: 58px;
opacity: 0;
filter: alpha(opacity=0);
z-index: 2;
display: none;}
.nav .ul2 li{float:left; display: block; width: 128px;height: 47px; position:relative; text-align: left;}
.nav .ul2 li a{display:inline-block;color:#000;width:148px; height:47px; padding-top:0; font-size:14px;}
.nav .m1 li{margin:18px 45px 0 66px}
.nav .m2 li{margin:18px 28px 0 38px;}
.nav .m3{height:150px}
.nav .m3 li{margin:18px 28px 0 38px;}
.nav .m4 li{margin:18px 0px 0 10px;}
.nav h2{ color:#17a2ad; font-size:32px; line-height:75px;  }
.nav .ul2 .txt span{position:absolute;  left:56px; top:0; }
.nav .ul2 .txt_thr span{position:absolute;}
.nav .ul2 .txt_fiv a{width:142px;}
.nav .ul2 .txt_six a{width:156px;}
.nav .ul2 .txt_sev a{width:170px;}
.nav .ul2 li a span{display:inline-block;margin-top: 13px;margin-right: 16px; float:right;}
.nav .ul2 li a i{display:inline-block;width:47px;height:47px; float:left; background-image:url("../img/nav_icon.png") ; background-repeat:no-repeat;}
 .nav .ul2 li .ibk { background: none repeat scroll 0 0 #fff; float:left; left: 0px; height: 47px; position: absolute; top: 0; width: 47px; opacity: 0.1; filter: ahpha(opacity=10); z-index: -1; display: block; }
.nav .ul2 li .i1{background-position: -155px 0 ;}
.nav .ul2 li .i2{background-position: 0 0 ;}
.nav .ul2 li .i3{background-position: -52px 0 ;}
.nav .ul2 li .i4{background-position: -104px 0 ;}
.nav .ul2 li .i5{background-position: -207px 0 ;}
.nav .ul2 li .i6{background-position: -259px 0 ;}
.nav .ul2 li .i7{background-position: -311px 0 ;}

.nav_ul_li_color{ color:Red;} 
#top_box2 ul.top_boxr li.lastprolist {background: #ffae00;color: #fff;}
#top_box2 ul.top_boxr li.lastprolist a {padding-top: 0px;color: #fff;}
#top_box2 ul.top_boxr li.lastprolist:hover {background: #17a2ad;color: #fff;}
 
 .bannerJixiao{height:200px;padding-top:90px;background:url(../img/p/banner_jixiao.jpg) no-repeat 50% bottom;margin-top: -7px;}
 .bannerMUBIAO{height:200px;padding-top:90px;background:url(../img/p/banner_mubiao.jpg) no-repeat 50% bottom;margin-top: -7px;} 
 .bannerZHANLUE{height:200px;padding-top:90px;background:url(../img/p/banner_zhanlue.jpg) no-repeat 50% bottom;margin-top: -7px;} 
 .bannerjifen{height:200px;padding-top:90px;background:url(../img/p/banner_jifen.jpg) no-repeat 50% bottom;margin-top: -3px;} 
 .bannerBIAOZHUNHUA{height:200px;padding-top:90px;background:url(../img/p/banner_biaozhunhua.jpg) no-repeat 50% bottom;margin-top: -7px;}
 .bannerBANZU{height:200px;padding-top:90px;background:url(../img/p/banner_banzu.jpg) no-repeat 50% bottom;margin-top: -7px;} 
 .top_boxP{position: fixed;top: 0px;width: 100%;z-index: 100;}
 .top_boxl{ float:left;margin-left: 100px;}
 .top_boxr{ float:right;   margin-top:20px;}
 #top_box2{ height:70px; }
 #top_box2 ul.top_boxr li:hover{ background:#17a2ad; color:#fff;}
 #top_box2 ul.top_boxr li{ float:left; text-align:center; cursor:pointer; margin-left:7px; font-size:14px; color:#666666; height:30px; line-height:30px; background:#e8e8e8; border-radius:2px; padding:0 10px; position:relative;margin-right:0px;}
.pro_h2title ul.fr li.hover{ background:#17a2ad; color:#fff;}

.clear ul
{
    margin-left:0px;
    }
.nav-head ul{ margin:0px 0px 0px 420px;}
/*
案例、详情内页
*/
.banner1_ny{width:100%; height:246px;background-image:url(../image/about.jpg); background-position:50% 50%;background-repeat: 	no-repeat;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;}
/*
案例、包括底部
*/
.banner_ny{width:100%; height:246px;background-image:url(../image/ny_case.jpg); background-position:50% 50%;background-repeat: 	no-repeat;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;}
.banner_pr_ny{width:100%; height:246px;background-image:url(../image/products.jpg); background-position:50% 50%;background-repeat: 	no-repeat;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;}
.foot_l{width:400px; height:170px; float:left;margin-top:30px;}
.foot_l p a{margin-right:38px;font-size:14px;color:#FFF; height:80px;}
.foot_l p.ft_title{padding-left:3px;margin:0px;font-size:18px; color:#FFF;border-bottom:1px solid rgb(105, 104, 104);width:100px;padding-bottom:4px;}
.foot_l p{font-size:14px;color:#FFF; *line-height:17px}
.foots_t {margin-left:150px; width:450px;}
.foot_l.foot_wx{padding-left:10px; font-size:14px;color:#FFF;margin:0px;}
.foot_bt{clear:both; margin:0 auto; font-size:14px;color:#FFF;line-height:50px;width: 1300px;}

.lanrenzhijia{ width:1200px; height:auto; margin:0px auto; overflow:hidden; padding-bottom:50px;font-family:'Microsoft Yahei';}
.lanrenzhijia ul li{ width:350px; height:350px; overflow:hidden; float:left; margin:5px 12px; position:relative; text-align:center;}
.lanrenzhijia ul li img{ width:350px; height:300px; position:absolute; left:0; top:0; z-index:10; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
/*产品悬浮效果*/
.lanrenzhijia ul li:hover{
    transition: all 200ms linear 0s;
    -webkit-box-shadow: 0 0 10px 0 #666;
    -moz-box-shadow: 0 0 10px 0 #666;
    -ms-box-shadow: 0 0 10px 0 #666;
    box-shadow: 0 0 10px 0 #666;
}
.lanrenzhijia ul li .mark{ background:url(../images/case-zs.png) no-repeat center 120px rgba(0, 0, 0, 0.5); display:none; width:350px; height:300px; position:absolute; left:0; top:0; z-index:15;line-height:200px; font-size:18px; overflow:hidden;filter:alpha(opacity=0.7); text-decoration:none;color:#FFF;}
.lanrenzhijia ul li .mark2{ width:350px; height:50px; line-height:50px; position:absolute; left:0; top:300px; color:#000; font-size:18px; z-index:20;}
.ny_page{height:50px;width:1100px;margin: 0 auto; background-color:#ebebeb;}
.page_con{float:right;}
.page_con a,.page_con b{display:inline-block;line-height:50px; font-size:15px; color:#000;text-decoration:none;padding:0px 15px;font-weight:normal;}
.page_con>b{color:#bb2322;}
.page_con a:hover{background-color:#bb2322; color:#FFF;text-decoration:none;}
/*详情页*/
.ny_nav ul { width:1220px; margin:0 auto;}
.ny_nav ul li{ float:left; margin-left:45px; line-height:40px; font-size:15px;}
.ny_nav ul li a{color:#FFF;text-decoration:none;padding:2px 15px 3px  15px;}
.ny_nav ul li a:hover{ background-color:#bb2322;} 	
.conter_js{width:1120px; margin:0 auto; margin-top:30px; line-height:35px; font-size:16px;} 
.conter_js img{max-width:100%;height:auto;}
.conter_wh{margin-top:50px;}
.foot_l{width:400px; height:170px; float:left;margin-top:30px;}
.foot_l a{margin-right:38px;font-size:14px;color:#FFF; height:80px;}

.lanrenzhijia{ width:1200px; height:auto; margin:0px auto; overflow:hidden; padding-bottom:50px;font-family:'Microsoft Yahei';}
.lanrenzhijia ul li{ width:350px; height:350px; overflow:hidden; float:left; margin:5px 12px; position:relative; text-align:center;}
.lanrenzhijia ul li img{ width:350px; height:300px; position:absolute; left:0; top:0; z-index:10; background:url(../image/loading.gif) no-repeat center center;}

.lanrenzhijia ul li:hover{transition: all 200ms linear 0s; -webkit-box-shadow: 0 0 10px 0 #666;}
.lanrenzhijia ul li .mark{ background:url(../images/case-zs.png) no-repeat center 120px rgba(0, 0, 0, 0.5); display:none; width:350px; height:300px; position:absolute; left:0; top:0; z-index:15;line-height:200px; font-size:18px; overflow:hidden;filter:alpha(opacity=0.7); text-decoration:none;color:#FFF;}

.lanrenzhijia ul li .mark2{ width:350px; height:50px; line-height:50px; position:absolute; left:0; top:300px; color:#000; font-size:18px; z-index:20;}
.ny_pages{height:50px;width:1100px;margin: 0 auto; background-color:#ebebeb;}
.ny_pages ul {margin:0px;}
.ny_pages ul li{ margin-left:0px; line-height:50px; font-size:15px;color:#a8a8a8;}
.ny_pages ul li.cen{color:#333333;visibility:hidden;}
.ny_pages ul li a{color:#a8a8a8;text-decoration:none;padding:15px 15px 15px  15px;}
.ny_pages ul li a:hover{color:#bb2322;}
/*联系我们*/
.banner_us_ny{width:100%; height:246px;background-image:url(../image/about.jpg); background-position:50% 50%;background-repeat: 	no-repeat;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;}
.conter_lx{width:1120px; margin:0 auto; margin-top:30px; line-height:15px; font-size:16px;} 
.conter_lb{width:100%; height:300px;}
.conter_lb1{width:520px;padding:0px 20px;float:left;}
.conter_lb1 p{line-height:24px;margin:5px 0px;}
.conter_tb{line-height:20px; float:left;margin-right:10px;margin-top:20px;}
.conter_lb1 p.conter_dz{font-size:20px; color:#BB2322; line-height:38px;margin-bottom:0px;margin-top:20px;}
/*新闻列表*/
.conter_xw{width:1100px; margin:0 auto; margin-top:30px; line-height:35px; font-size:16px;} 
.conter_xw p{margin:0px;}
/*新闻详情*/
.banner2_ny{width:100%; height:246px;background-image:url(../image/nwes.jpg); background-position:50% 50%;background-repeat: 	no-repeat;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;}
.conter_xq{width:1100px; margin:0 auto; margin-top:15px; line-height:30px; font-size:16px;margin-bottom: 20px;} 
.conter_lb{width:100%; height:300px;height: auto; display: inline-block;}
.conters_lb1{width:800px;float:left;}
.conters_lb2{width:250px;float:left;margin-left:30px;}
.conter_tb{line-height:20px; float:left;margin-right:10px;margin-top:20px;}
.conter_bt{font-size:20px; line-height:40px; margin:0px;}
.title_date{font-size:14px; line-height:12px;padding-bottom:10px;color:#8E8D8D; border-bottom:1px dashed #8E8D8D;margin-bottom: 0px;}
.xq_text{font-size:16px; line-height:40px;margin:0px;}
.right_xw{font-size:15px; line-height:38px;}
.right_xw li span{margin-left:25px;}
.right_xw li:hover{color:#BB2322;}
.title2_rgt{color:#000;font-size:16px; line-height:15px;line-height: 10px;}
/*招贤纳士*/
.banner3_ny{width:100%; height:246px;background-image:url(../image/join.jpg); background-position:50% 50%;background-repeat: 	no-repeat;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;}
.recruit_rt1{width:800px;float:left;}
.recruit_rt1>div{cursor:pointer;}
.recruit_rt2{width:250px;float:left;margin-left:30px;padding-top:10px;}
.title_zp{font-size:16px; line-height:12px;padding-bottom:10px;color:#000;font-weight:bold; border-bottom:1px dashed #8E8D8D;margin-bottom: 0px;}
.zp_text{font-size:15px; line-height:40px;margin:0px;font-family:SimHei; color:#505050;}
.title_zw{float:right;color:#908F8F;font-weight: initial;}
.rgt_email{margin-left:25px;}