@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px}
img{ border:none}
li{ list-style:none}
body{ font-size:14px; font-family:'tt',Baskerville,'微软雅黑'; margin: 0px; padding: 0px;} 
a{color:#000000;text-decoration:none;}  
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#00a1e9;} 
a:visited {text-decoration:none;color:#000000;} 
.cle{ height: 0px; clear: both;} 


/*** 鼠标经过图片旋转 ***/
.img-zoom-deg img{
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.img-zoom-deg:hover img {
    -webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
    transform: rotate(360deg);
}
/*** 鼠标经过图片旋转 ***/


/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2)
}


.main_icon_tit{ width: 1200px; margin: 60px auto 0px; text-align: center;}
.main_icon_tit p{font-size: 36px; margin-bottom: 10px; font-weight: bold;}
.main_icon_tit span{font-size: 20px;}

.main_icon{ width:1200px; margin:0px auto 35px;padding: 50px 0px;} 
.main_icon ul{} 
.main_icon ul li{ float: left; width: 298px; text-align: center; border-left: #DDDDDD 1px solid; } 
.main_icon ul li:first-child{border-left: none;} 
.main_icon ul li img{ width: 55px; height: 55px;} 

.main_icon ul li p{ margin: 20px 0px 10px 0px; font-size: 20px;} 
.main_icon ul li span{font-size: 12px; font-weight: normal; color: #999999; display: inline-block; padding: 0px 30px; line-height: 175%;} 
.main_icon ul li:hover p{color: #00a1e9;} 



.main_pro{ width: 100%; padding: 40px 0px; background: #F5F5F5;} 

.main_tit_01{margin: 0px auto 0px; text-align: center; width: 1200px;} 
.main_tit_01 p{ font-size: 40px; color: #BCBCBC; font-weight: lighter;} 



.mt-tabpage {width: 1200px;	margin: 20px auto 35px;/*	box-shadow: 0 0 5px #999;*/}
.mt-tabpage-title { font-size: 14px;width: 100%; margin:0 auto;}
.mt-tabpage-title .mt-tabpage-item {display: inline-block;	padding: 5px 20px; margin: 5px;	text-align: center;	font-size: 14px; border: #CCCCCC 1px solid;}
.mt-tabpage-title .mt-tabpage-item:hover{color: #FFFFFF;	font-weight: bold;	background:#00a1e9;border: #00a1e9 1px solid;}
.mt-tabpage-title .mt-tabpage-item-cur {color: #FFFFFF;	font-weight: bold;	background:#00a1e9;border: #00a1e9 1px solid;}
.mt-tabpage-count {	position: relative;	width: 1200px;	height: 325px;	overflow: hidden;}
.mt-tabpage-cont__wrap {position: absolute;}
.mt-tabpage-count .mt-tabpage-item {	margin: 10px 0px;	width: 1200px;	height: 325px;	text-align: center;}


.pro_list{} 
.pro_list ul{} 
.pro_list li{ float: left; margin: 20px 26.5px 0px 0px; } 
.pro_list li:nth-child(4){ float: right; margin: 20px 0px 0px 0px; } 
.pro_list li:nth-child(8){ float: right; margin: 20px 0px 0px 0px; } 
.pro_list li:hover{} 
.pro_list li div.top{width: 280px; height: 210px; overflow: hidden;} 
.pro_list li div.bot{ border-top: #CCCCCC 1px solid; background: #FFFFFF; box-sizing: border-box; padding: 10px 15px;} 
.pro_list li div.bot p{ float: left; font-size: 14px; color: #666666;} 
.pro_list li div.bot span{ float: right;} 
.pro_list li div.bot span a{ display: block; text-align: center; padding: 3px 10px; background: #00a1e9; font-size: 12px;-webkit-transform: scale(0.90); color: #FFFFFF; border-radius: 10px;} 
.pro_list li div.bot span a:hover{ background: #666666;} 
.pro_list li img{ width: 280px; height: 210px;} 

.main_pro_more{ margin: 0px auto; width: 180px;} 
.main_pro_more a{ display: block; text-align: center; padding: 10px 30px; background: #00a1e9; font-size: 16px; color: #FFFFFF; border-radius: 20px;} 
.main_pro_more a:hover{ background: #666666;} 




/*企业简介*/


.main5c_con{ width:100%; background: url(/images/bg01.jpg) no-repeat center; height: 620px; padding: 50px 0px; box-sizing: border-box;} 
.main5c{ width:1200px; margin: 0px auto;} 

.main5c_tit{ text-align: center; margin: 0px 0px 40px 0px;} 
.main5c_tit p{ font-size: 40px; color: #FFFFFF; font-weight: lighter; margin-bottom: 5px;} 
.main5c_tit span{font-size: 26px;color: #FFFFFF;} 

.main5c_{ width: 600px;  float: left; background: #000000; height: 369px;} 
.main5d_ { float: right; width:550px;} 

.main5d_2{ width: 550px !important;} 
.main5d_2 p{ font-size:14px; color:#FFFFFF; font-weight: normal; margin: 0px 0px 25px 0px; text-indent: 2em; line-height: 175%; text-align: justify;}

.main5d_3{ margin-top: 40px; text-align: center;} 
.main5d_3 ul{} 
.main5d_3 ul li{ float: left; margin-right: 50px;} 
.main5d_3 ul li p{ margin-top: 10px; font-size: 14px; color: #FFFFFF;} 
.main5d_3 ul li a:hover p{ color: #f08300;} 




/*新闻资讯*/
.main9a{width:1200px;margin: 50px auto 80px;} 

.main9a_menu{ margin: 0px auto 60px;} 
.main9a_menu ul{ display: table; margin: 0px auto;} 
.main9a_menu ul li{ float: left; margin: 0px 35px;} 
.main9a_menu ul li a{ font-size: 16px; border-bottom: #999999 1px solid; display: inline-block; padding-bottom: 10px;} 
.main9a_menu ul li a:hover{border-bottom: #00a1e9 1px solid; color: #00a1e9;} 

.main9a_left{width:430px; float: left; } 

.main9a_time{} 
.main9a_time p{ font-size: 26px; margin-bottom: 6px;} 
.main9a_time span{} 


.main9a_right{width:680px; float: right;} 


.main9a_right ul{} 
.main9a_right ul li{ padding:0px 0px 18px 0px; margin: 0px 0px 18px 0px;  border-bottom: #EEEEEE 1px solid;} 
.main9a_right ul li a{ font-size: 18px;} 
.main9a_r_time{ border:#EEEEEE  2px solid; padding: 12px 0px;  width: 80px; text-align: center; float: left;} 
.main9a_r_time h2{ font-size: 30px; color: #00a1e9;} 
.main9a_r_con{ float: right; width: 560px; overflow: hidden;} 
.main9a_r_con p{ margin-bottom: 15px;width: 560px;} 
.main9a_r_con span{ color: #999999; line-height: 155%; display: block;width: 560px;} 


.main_tit_bg{margin: 0px auto;  width: 100%; background: url(/images/bg02.jpg) no-repeat center; height:628px;} 
.main_tit_02{ width: 1200px; margin: 0px auto;} 

.main_tit_03 { margin: 0px auto; text-align: center; padding: 60px 0px;} 
.main_tit_03 p{ font-size: 40px;  color: #FFFFFF; font-weight: lighter; margin-bottom:5px;} 
.main_tit_03 span{font-size: 26px;color: #FFFFFF;} 

.main_pro_con{margin:0px auto;} 
.main_pro_con ul{} 
.main_pro_con ul li img{ width: 330px; height: 252px; display: block; margin: 0px;} 
.main_pro_con ul li p{background: #F5F5F5; text-align: center; font-size: 18px; height: 70px; line-height: 70px;}　
.silder-box-1{ width: 1200px; margin: 0px auto;} 
.silder-button-1{ width:39px;height:39px;position:absolute;cursor:pointer;z-index: 9;} 
.silder-button-1.btl{left:0; top: 35%;z-index: 999999;position:absolute;} 
.silder-button-1.btr{right:0;top: 35%;} 




/********************************这里是分割线************************************/






/*公司简介*/
.c_tit{ width: 1200px; margin: 35px auto 15px;} 
.c_tit_1{ float: left;} 
.c_tit_1 p{font-size: 30px; color: #00a1e9; margin-bottom: 5px;} 
.c_tit_1 span{ color: #CCCCCC; font-size: 16px;} 

.c_tit_3{ float: left; margin: 8px 0px 0px 25px;} 
.c_tit_3 .in1{ width: 200px; height: 25px; line-height: 25px; font-size: 14px; border: #999999 1px solid; padding-left: 10px;} 
.c_tit_3 .in2{ box-sizing: border-box; position: absolute; margin-left: 10px; margin-top: 10px;}  

.c_tit_2{ float: right;color: #999999; margin-top: 20px;} 
.c_tit_2 a{ color: #999999; } 
.c_tit_2 a:hover{color: #00a1e9;} 


.ser_tit{ width: 1200px; margin: 35px auto 15px; font-size: 14px; text-align: left;} 



.c_about{width: 1200px; margin: 0px auto 60px;} 

.us_menu{ float: left; width: 260px;} 
.us_menu ul{} 
.us_menu li{ } 
.us_menu li a{ display: block; padding: 15px 0px 15px 35px; border: #DDDDDD 1px solid; margin: 0px 0px 2px 0px; font-size: 16px;} 
.us_menu li a:hover{background: #00a1e9; color: #FFFFFF;border: #00a1e9 1px solid; } 
.us_menu li a.on{ background: #00a1e9; color: #FFFFFF;border: #00a1e9 1px solid; } 

.us_menu_pro{width: 1200px; margin: 0px auto 25px;} 
.us_menu_pro > ul{padding: 15px 0px;} 
.us_menu_pro > ul > li{  float: left; margin-right: 5px; margin-top: 10px; position: relative;} 
.us_menu_pro > ul > li > a{ display: block; padding: 8px 0px; border: #DDDDDD 1px solid; margin: 0px 0px 0px 0px; width: 230px; font-size: 12px; text-align: center;} 
.us_menu_pro > ul > li > a:hover{background: #00a1e9; color: #FFFFFF;border: #00a1e9 1px solid; } 
.us_menu_pro > ul > li > a.on{ background: #00a1e9; color: #FFFFFF;border: #00a1e9 1px solid; } 
.us_menu_pro > ul > li ul{ display: none;} 
.us_menu_pro > ul > li:hover ul{ display:block; position: absolute; z-index: 999999;} 
.us_menu_pro > ul > li:hover ul li{} 
.us_menu_pro > ul > li:hover ul li a{ display: block; padding: 8px 0px; width: 230px; border: #DDDDDD 1px solid; margin: 0px 0px 0px 0px; font-size: 12px; text-align: center; background: #FFFFFF; border-top: none;} 
.us_menu_pro > ul > li:hover ul li a:hover{background: #00a1e9; color: #FFFFFF;border: #00a1e9 1px solid;border-top: none;} 

.c_about_right{ float: right; width: 850px;} 


.c_about_n{} 
.c_about_n p{ font-size: 16px; line-height: 175%; margin-bottom: 25px; text-align: justify;} 
.c_about_n p strong{font-size: 24px; color: #00a1e9; font-weight: lighter;} 


.c_about_cata{} 
.c_about_cata ul{} 
.c_about_cata ul li{ padding: 15px 30px; border: #DDDDDD 1px solid; margin-bottom: 10px;}
.c_about_cata ul li p{ float: left; margin-top: 5px;} 
.c_about_cata ul li em{  float: left; font-style: normal; margin-left: 50px;margin-top: 5px;} 
.c_about_cata ul li span{ display: block; float: right;} 
.c_about_cata ul li span a{ display: block; background: #00a1e9; color: #FFFFFF; text-align: center; padding: 5px 20px;} 

.c_about_txt{} 
.c_about_txt p{ font-size: 16px; line-height: 175%; margin-bottom: 25px; text-align: justify;} 
.c_about_txt p strong{font-size: 22px; color: #00a1e9;} 
.c_about_en{} 
.c_about_en p{ font-size: 14px; line-height: 175%; margin-bottom: 25px; text-align: justify;} 
.c_about_img{ margin: 25px 0px;} 
.c_about_img img{ max-width: 850px;} 

.c_about_wh{} 
.c_about_wh ul{} 
.c_about_wh ul li{float: left; text-align: center; width: 212.5px; height: 200px; padding-top: 40px; box-sizing: border-box; background: #FCFCFC;} 
.c_about_wh ul li.hui{ background: #F6F6F6;} 
.c_about_wh ul li:last-child{ background: #00a1e9;} 
.c_about_wh ul li p{ font-size: 18px; color: #00a1e9;} 
.c_about_wh ul li span{ color: #999999;line-height: 150%;} 
.c_about_wh ul li em{display: block; margin: 15px auto; height: 2px; width: 20px; background: #00a1e9; } 

.c_about_wh2{} 
.c_about_wh2 ul{} 
.c_about_wh2 ul li{float: left; text-align: center; width: 283.3px; height: 200px; padding-top: 40px; box-sizing: border-box; background: #FCFCFC;} 
.c_about_wh2 ul li.hui{ background: #F6F6F6;} 
.c_about_wh2 ul li p{ font-size: 18px; color: #00a1e9;} 
.c_about_wh2 ul li span{ color: #999999;line-height: 150%;} 
.c_about_wh2 ul li em{display: block; margin: 15px auto; height: 2px; width: 20px; background: #00a1e9; } 


.c_about_lc{} 
.c_about_lc ul{} 
.c_about_lc ul li{float: left; text-align: left; width: 425px; height: 130px; padding:25px; box-sizing: border-box; background: #FCFCFC;} 
.c_about_lc ul li.hui{ background: #F6F6F6;} 
.c_about_lc ul li p{ font-size: 20px; color: #00a1e9; } 
.c_about_lc ul li em{display: block; margin: 8px 0px; height: 2px; width: 20px; background: #00a1e9;} 
.c_about_lc ul li div span{  display: block; font-size: 16px; color: #333333; text-align: justify; line-height: 175%;} 



.c_about_pro{ width: 1200px; margin: 50px auto;} 





    .news_bottom{margin: 0px auto; width: 850px; } 
	.news_bottom ul{ margin: 0px ; padding: 0px; } 
	.news_bottom li{ margin: 20px 0px; padding: 20px 0px 40px; border-bottom: #DDDDDD 1px dashed;} 
    .news_bottom li:first-child{ margin-top: 0px; padding-top: 0px;} 
    .news_bottom li img{ float:left; width: 260px; height: 180px; padding: 5px; border: #CCCCCC 1px solid;} 
    .news_bottom li p{ line-height: 180%; font-size: 14px; color: #999999; float: right; width: 540px; overflow: hidden;} 
    .news_bottom li p a{ font-weight: bold; font-size: 20px;  display: blockl} 
.news_bottom li p span{ display: block; margin: 15px 0px 38px;width: 540px;} 
	.news_bottom li p i a{ color: #FFFFFF; font-size: 14px; display: block; background: #00a1e9; padding: 5px 0px; width: 100px; text-align: center;} 
	.news_bottom li p i a:hover{color: #FFFFFF; background: #000000;} 

.news_m_con{ margin: 0px auto; width: 850px;} 

.news_m_con h1{ font-size: 32px; color: #00a1e9; display: block; margin: 0px auto; text-align: center;} 
.news_m_con h5{display: block; margin: 20px auto;font-size: 14px; color: #999999; padding-bottom: 20px; border-bottom: #CCCCCC 1px dashed; text-align: center; font-weight: normal;} 


.z_list_case{margin: 0px auto 100px; width: 1210px;} 
.z_list_case ul{} 
.z_list_case ul li{margin: 15px 5px; float: left;} 
.z_list_case ul li div{width:390px; height: 260px; overflow: hidden;} 
.z_list_case ul li img{width:390px; height: 260px; border-radius: 5px;} 
.z_list_case ul li p{padding: 5px 0px; color: #191919; font-size: 14px;} 





    .z_list_ys{ margin: 0px auto;} 
	.z_list_ys ul{ margin: 0px ; padding: 0px;} 
	.z_list_ys li{ float: left; margin: 0px 0px 20px 12px;} 
    .z_list_ys li div{width: 410px; height: 280px;  overflow: hidden;border: #DDDDDD 1px solid;}
	.z_list_ys li img{ width: 410px; height: 280px; } 
	.z_list_ys li p{ text-align: center; padding-top: 10px; font-size: 16px;color: #00a1e9;} 


.contact_con_tit{ font-size: 20px; color: #00a1e9; padding-bottom: 10px; border-bottom: #DDDDDD 1px solid;  margin: 0px auto 15px;} 

.contact_con{ margin: 50px 0px;} 
.contact_con p{ text-align: left;  font-size: 16px; margin: 10px 0px;} 



	.z_list{ margin: 0px auto;} 
	.z_list ul{ margin: 0px ; padding: 0px;} 
	.z_list li{ float: left; margin: 0px 20px 30px 0px;} 
    .z_list li:nth-child(3n){float: right; margin: 0px 0px 30px 0px;} 

    .z_list li div{width: 380px; height: 304px;  overflow: hidden;border: #DDDDDD 1px solid;}
	.z_list li img{ width: 380px; height: 304px; } 
	.z_list li p{ text-align: center; padding: 10px 20px 0px; box-sizing: border-box; font-size: 14px;color: #00a1e9; width:380px; overflow: hidden;word-break: break-all; word-wrap: break-word;overflow-wrap: break-word; height: 50px; line-height: 150%;} 

	.pro_con_m{margin: 20px auto; width: 850px; } 

	.pro_con_m H1{ font-size: 36px; text-align: left; display: block; margin: 0px 0px 30px 0px;} 
	.pro_con_m p{ margin: 5px 0px; font-size: 14px; line-height: 175%;} 
    .pro_con_m p strong{ display: block; background: #00a1e9; color: #FFFFFF; padding: 10px 0px; width: 200px; text-align: center; margin-bottom: 25px;} 
	.pro_con_m a{ font-size: 14px;} 

.pro_con_more{} 
.pro_con_more a{ display: inline-block; border: #DDDDDD 1px solid; text-align: center; padding: 5px 15px;} 




.join_con_02_{ margin: 0px auto; width: 600px;} 
.join_con_11_txt01{ font-size: 55px; font-weight: lighter; border-bottom: #999999 1px solid; padding:80px 0px 20px 0px; text-align: center;} 
.join_con_11_txt02{ margin: 20px 0px;} 
.join_con_11_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.join_con_11_txt03{ margin: 20px 0px;} 
.join_con_11_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.join_con_11_txt04{ margin: 20px 0px;} 
.join_con_11_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; height: 200px; vertical-align: top; font-family: "微软雅黑";} 

.join_con_11_txt05{ margin: 50px 0px;text-align: center;} 
.join_con_11_txt05 input{ border: none; background: #00a1e9; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold;} 





.lanrenzhijia{ width:660px; height:auto; margin:0 auto; overflow:hidden;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width:600px;height:450px;}

.jqzoom_video{ position: absolute; z-index: 999; background: #000000;} 

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:600px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:600px;height:450px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:15px;width:600px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:80px; line-height:80px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:560px;height:86px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:86px;}
.spec-scroll .items ul li{float:left;width:112px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:100px;height:75px;}
.spec-scroll .items ul li img:hover{border:2px solid #00a1e9;padding:1px;}

.c_pro_left{ float: left; width: 620px;}
.c_pro_right{ float: right; width: 500px;}
.c_pro_right h1{ font-size: 28px;  display: block;margin-bottom: 15px;} 
.c_pro_right h1 span{display: inline-block;cursor: pointer;position: relative;width: 30px; height: 30px; padding: 5px 0px 0px 5px; box-sizing: border-box;}
.c_pro_right > h1 > span > img{ width: 30px; height: 30px;}
.c_pro_right h1 span .erwm_m{ display: none;}
.c_pro_right h1 span:hover .erwm_m{ display: block; position: absolute; top: 38px; left: 7px; width: 120px; height: 120px;}
.c_pro_right > em{ font-style: normal; display:block; margin: 30px 0px 10px 0px; font-size: 18px;} 
.c_pro_right > p{ font-size: 14px; margin: 5px 0px;} 
.c_pro_right > img{ display: block; margin: 0px 0px 0px 0px; width: 120px; height: 120px; margin-bottom: 20px;} 


.c_pro_link{ background: #F9F9F9; width: 100%; padding: 50px 0px 80px;} 
.c_pro_link_tit{  width: 1200px; margin: 0px auto 30px; font-size: 16px; font-weight: bold;} 
.c_pro_link ul{ width: 1200px; margin: 0px auto;} 
.c_pro_link ul li{ background: #FFFFFF; border-radius: 10px; float: left; width: 285px; margin-right: 20px; padding: 10px; box-sizing: border-box;} 
.c_pro_link ul li img{ width: 260px; height: 195px;} 
.c_pro_link ul li p{ font-size: 14px; text-align: center;} 
.c_pro_link ul li:nth-child(4){ float: right; margin-right: 0px;} 


/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;} 
div.black2 a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;} 
div.black2 a:hover{color:#fff;background-color:#b71b2d;border:#b71b2d 1px solid;} 
div.black2 a:active{color:#fff;background-color:#b71b2d;border:#b71b2d 1px solid;} 
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#b71b2d;border:#b71b2d 1px solid;} 

.fenye{padding:10px;margin:10px;text-align:center;} 
.fenye a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;} 
.fenye a:hover{color:#fff;background-color:#b71b2d;border:#b71b2d 1px solid;} 
.fenye a:active{color:#fff;background-color:#b71b2d;border:#b71b2d 1px solid;} 
.fenye a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#b71b2d;border:#b71b2d 1px solid;} 





.wuyou-waiter{position: fixed; right: 0px; top:50%; margin-top: -90px; width: 50px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}

.waiter-ul li{position: relative; height: 50px; line-height: 50px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}


.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}


.waiter-ul li:hover .waiter-title{left: -88px; opacity: 1;}


.waiter-title-a{position: absolute; left: 0px; bottom: -80px; color: #fff; width: 120px; height: 120px;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; z-index: 1; opacity: 0;}
.waiter-title-a img{ width: 120px; height: 120px;} 
.waiter-title-a:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title-a{left: -135px; opacity: 1;}


.waiter-title-b{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 130px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title-b:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title-b{left: -145px; opacity: 1;}

.waiter-title-c{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 140px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title-c:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title-c{left: -155px; opacity: 1;}

.waiter-title-d{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 150px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title-d:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title-d{left: -165px; opacity: 1;}

.waiter-title-e{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 280px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title-e:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title-e{left: -295px; opacity: 1;}

.waiter-ul li.wuyou-shop a{background-image: -webkit-linear-gradient(left, #f60, #ffb443);background-image: -moz-linear-gradient(left, #f60, #ffb443);background-image: -ms-linear-gradient(left, #f60, #ffb443);}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title-c{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title-c:before{background-color:#f60; }
.waiter-ul li.wuyou-contact a{background-image: -webkit-linear-gradient(left, #00b7ee, #55d8ff);background-image: -moz-linear-gradient(left, #00b7ee, #55d8ff);background-image: -ms-linear-gradient(left, #00b7ee, #55d8ff);}
.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }

.waiter-ul li.wuyou-contact .waiter-title-b{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title-b:before{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title-d{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title-d:before{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title-e{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title-e:before{background-color:#00b7ee; }
.waiter-ul li.wuyou-top a{background-image: -webkit-linear-gradient(left, #333, #666);background-image: -moz-linear-gradient(left, #333, #666);background-image: -ms-linear-gradient(left, #333, #666);}
.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }




.m_c_tit{ display: none;}
.menu_b{display: none;} 
@media screen and (max-width: 768px){
.c_tit{ display: none;}
.m_c_tit{ display: block; font-size: 2em; text-align: center; margin: 25px auto; width: 95%; font-weight: bold;}
.c_about{width: 95%; margin: 0px auto 20px;}
.us_menu_pro{ display: none;}
	
.c_about_pro{ width: 100%; margin: 0px auto;} 
	
	
.c_pro_link{ background: #FFFFFF; width: 95%; padding: 20px 0px; margin: 0px auto;} 
.c_pro_link_tit{  width: 100%; margin: 0px auto 30px; font-size: 1.2em; font-weight: bold;} 
.c_pro_link ul{ width: 100%; margin: 0px auto;} 
.c_pro_link ul li{ background: #FFFFFF; border-radius: 10px; float: left; width: 48%; margin: 1%; padding: 2%; box-sizing: border-box; border: #DDDDDD 1px solid;} 
.c_pro_link ul li img{ width: 100%; height: 100%;} 
.c_pro_link ul li p{ font-size: 1em; text-align: center;} 
.c_pro_link ul li:nth-child(2){ float: right; margin-right: 0;} 
.c_pro_link ul li:nth-child(4){ float: right; margin-right: 0;} 
	
.c_pro_left{ float: none; width: 100%;}
.c_pro_right{ float: none; width: 100%; margin-top: 20px;}
.c_pro_right h1{display: none;} 

.c_pro_right > em{ font-style: normal; display:block; margin: 30px 0px 10px 0px; font-size: 18px;} 
.c_pro_right > p{ font-size: 1.2em; margin: 5px 0px; line-height: 150%;} 
.c_pro_right > img{ display: block; margin: 0px 0px 0px 0px; width: 100%; height: 100%; margin-bottom: 20px;} 
	
	
.lanrenzhijia{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

.jqzoom{float:none;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width:100%;height:100%;}

.jqzoom_video{ position: absolute; z-index: 999; background: #000000;} 

.zoomdiv{display: none;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
	

/*图片小图预览列表*/
.spec-preview{width:98%;height:auto;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:15px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:65px; line-height:65px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:90%;height:65px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:65px;}
.spec-scroll .items ul li{float:left;width:82px;text-align:center; margin-right: 8px;}
.spec-scroll .items ul li img{border:1px solid #CCC; width:80px;height:59px; }
.spec-scroll .items ul li img:hover{border:1px solid #00a1e9;}
	
	
	.wuyou-waiter{display: none;} 
	

        .menu_b {
            display: block;
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 50px;
            color: #EEEEEE;
            padding-top: 10px;
            border-top: 1px solid #eee;
            background-color: #000000;
        }

        .subMenu {
            width: 20%;
            float: left;
            cursor: pointer;
        }
        .subMenu a{ color: #FFFFFF;text-decoration: none;}

        .menu_name { width: 100%;font-size: 0.8em;margin-top: 5px;}

        img.menu_img {height: 24px;width: 24px;}

        img {
            vertical-align: middle;
            border: 0;
        }

        .active {color: #00a1e9;}

        .text-center {text-align: center;}
}