@charset "utf-8";
body {font-family:"Microsoft YaHei","SimSun",'Arial';}
ol,ul,li {list-style:none;}
img {border: none; font-size: 0; max-width: 100%;}
i,em {font-style: normal;}
a{color: #666;}
a:hover{color: #1079b3;text-decoration:none !important;}
table { border-collapse:collapse; max-width: 100%;}
.fl{float: left;}
.fr{float: right;}
.pt-20 {padding-top: 20px;}
.mt-20 {margin-top: 20px;}
.ml-0 {margin-left: 0px !important;}
.mr-0 {margin-right: 0px !important;}
.pl-0{padding-left: 0px !important;}
.pr-0{padding-right: 0px !important;}
.js-height-img {overflow:hidden;}
.js-height-img img {
	width: 100%;
}
.hover-shadow:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.bottom-dashed {
	background: url(../images/dashed.png) repeat-x scroll left bottom;	
}
.trans{
	transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
	-webkit-transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
	-moz-transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
	-o-transition: all cubic-bezier(0.215, 0.61, 0.305, 1) .6s;
}
.container-fluid{
	max-width: 1230px;
	margin:0 auto;
}

.logo{
	max-height: 50px;
}
.navbar-brand {
	padding: 20px 15px;
}
.navbar-toggle {
	margin-top: 18px;
	margin-bottom: 22px;
}
.navbar {
	background-color: rgba(255,255,255,1);
	border: 0px;
	margin-bottom: 0px;
	height: 88px;
}
.navbar-default .navbar-nav>li>a {
    color: #666;
    font-size: 16px;
}
.nav>li>a{
	padding: 0px;
}
.nav>li{
	padding: 33px 0px;
	margin-left:26px;
	margin-right: 26px;
	line-height: 88px;
	height: 88px;
}
.nav>.active{
	border-bottom: 5px solid #1079b3;
}
.navbar-default .navbar-nav>.active>a{
	background-color: transparent !important;
}
.navbar-default .navbar-nav>.active>a:hover{
	color: #1079b3;
}

/*导航菜单*/
.daohang {
	width: 100%;
	height: 75px;
	line-height: 75px;
	border-bottom: 1px solid #d0d0d0;
}
.daohang  ul{
	padding:0px;
	margin:0px;
}
.daohang ul li a{
	margin-right: 20px;
	margin-left: 20px;
	font-size: 16px;
}
.daohang ul .active a{
	color: #1079b3;
}
.navigation{
	background-color:  transparent !important;
	padding:0px;
	margin: 0px;
}
.navigation img{
	float:left;
	margin-top: 32px;
	margin-right: 5px;
}
.news dl{
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
             padding-bottom: 30px;
}
.news dl dt{
	overflow: hidden;
}
.news dl dt img{
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: all 0.35s ease-in-out;
	    -moz-transition: all 0.35s ease-in-out;
	    transition: all 0.35s ease-in-out;
}
/*
.news dl dt img:hover{
	  -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    transform: scale(1.1);
}
*/
.news_title a{
	font-size: 16px;
	color: #666;
}
.news_title:hover a{
	color:#1079b3;
}
.news_time{
	font-size: 12px;
	color: #999999;
}
.news_time img{
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}
.news_summary{
	line-height: 26px;
	margin-top: 10px;
	height: 52px;
	overflow: hidden;
	color: #666;
}
.news_more{
	width: 90px;
	height: 28px;
	line-height: 28px;
	background-color: #1079b3;
	text-align: center;
	margin-top: 22px;
}
.news_more a{
	color: #fff;
}
/*
.news_left{
	padding-left: 0px;
}*/
.news-view-cc{
	font-size: 14px;
	line-height: 30px;
}
.news-view-ctrl{
	margin-top: 40px;
	margin-bottom: 40px;
}
.news-view-ctrl-i{
	width: 50%;
	float:left;
}
/*分页*/
.page {
	padding: 40px 0;
	text-align: center;
}
.page > a {
	display:inline-block;
	padding:5px 10px;
	border:1px solid #e2e2e2;
	margin-right:10px;
}
.page >span{display:inline-block;}
.page >span:first-child,.page >span:last-child{display:none;}
.page >span a{
	display: inline-block;
	width:32px;
	height:32px;
	margin: 0 8px;
	text-align: center;
	line-height:32px;
	text-align:center;
	font-size: 16px;
	color:#333;
	background:#fff;
}
.page  a:hover,
.page .current {
	color: #fff;
	background-color: #1079b3;
	text-decoration:none;
}
.page .prev {
	margin-left: 4px;
}
.page .next {
	margin-right: 4px;
}
.footer{
	width: 100%;
	background:url(../images/bg.png) center center;
}
.foot_nav{
	width: 100%;
	max-width: 660px;
	margin:0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align:center;
}
.foot_nav ul li{
           margin-left: 10px;
           margin-right: 10px;
           display:inline-block;
}
.foot_nav ul li a{
	color: #fff;
}
.foot_information{
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 60px;
	border-top:1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 100%;
	max-width: 680px;
	margin:0 auto;
}
.foot_information div{
	position: relative;
}
.foot_information .address{
	display: inline-block;
	margin-right: 20px;
}
.foot_information div span{
	position: relative;
	padding-left: 30px;
	color: #ffffff;
}
.foot_information div span:before {
           content: "";
           width: 30px;
           height: 20px;
           display: inline-block;
           position: absolute;
           left: 0px;
           top: 0px;
}
.foot_information .address span:before {
           background: url(../images/addr.png) no-repeat center center;
}
.foot_information .tel{
	display: inline-block;
	margin-right: 20px;
}
.foot_information .tel span:before {
           background: url(../images/tel.png) no-repeat center center;
}
.foot_information .email{
	display: inline-block;
	margin-right: 20px;
}
.foot_information .email span:before {
           background: url(../images/email.png) no-repeat center center;
}
.icp{
	text-align: center;
	color: #fff;
	line-height: 74px;
}

/*案例*/
.case li{
	margin-top: 30px;
}
.case li a{
	display: block;
             webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}
.case li a:hover{
           -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.8);
	box-shadow:0 10px 20px rgba(0,0,0,0.8);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
}
.case li a:hover .case_info{
	opacity: 1;
}
.case_img{
	position: relative;
}
.case li .case_info{
	position: absolute;
	left: 0px;
	top: 1px;
	text-align: center;
	background-color: rgba(16,121,179,0.8);
	color: #fff;
	font-size: 24px;
	width: 100%;
	opacity: 0;
	 webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}

/*产品中心*/
.pro_li{
	margin-top: 30px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
}
.pro_title a{
	font-size: 14px;
	color: #444444;
	line-height: 52px;
}
.pro_text{
	width: 90%;
	margin:0 auto;
	height: 112px;
}
.pro_img img{
	display: block;
}
.pro_summary{
	line-height: 55px;
}
.pro_ico img{
	display: block;
}
.pro_li{
	webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.pro_li:hover{
	 -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
	box-shadow:0 10px 20px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	border:1px solid #fff;
}

/*产品详情效果*/
.container-wzjs{
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}


.detail-collection{/*width:600px;height:498px;*/ overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;height:100%;width:100%}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width:495px;height: 495px;}
.zoomdiv{display:none !important;z-index:100;position:absolute;top:0px;right:0px !important;*right:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{display:none !important;z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;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:498px;height:496px;float:right;border: 1px solid #cccccc;}
.spec-scroll{width:80px;height:100%;float:left}
.spec-scroll .prev{width:80px;height:20px;background: url("../images/top.png");margin-bottom: 10px;background-size: 100%;}
.spec-scroll .next{width:80px;height:20px;background: url("../images/down.png");background-size: 100%;}
.spec-scroll .prev,.spec-scroll .next{display:block;cursor:pointer;}
.spec-scroll .items{position:relative;width:80px;height:446px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:80px;height:auto;}
.spec-scroll .items ul li{width:80px;padding-bottom: 10px;}
.spec-scroll .items ul li img{width:80px;height:80px;border: 1px solid #cccccc;}
.spec-scroll .items ul li img:hover{border:1px solid #a37e38;}


.detail-summary-right{width:500px;height:500px;}
.detail-summary-right h3 {font-size:28px;font-weight:400;}
.detail-summary-right h3 span{color:#f8b62b;font-size:16px;margin-left:20px;}
.detail-menu{margin:auto;text-align:center;}
.detail-menu ul{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;position:relative;}
.detail-menu li{display:inline-block;*display:inline;zoom:1;height:46px;line-height:46px;padding-left:20px;}
.detail-menu li a{color:#666; cursor:pointer;}
.detail-menu li a:hover{color:#ce0d11;}
.detail-collection img{
	max-width: none;
}
.pro_view{
	padding-top: 30px;
	background-color: #f5f5f5;
	padding-bottom: 30px;
}
.pro_view ul{
	padding-left: 0px;
}
.contact_btn{
            width: 140px;
            height: 42px;
            background-color: #1079b3;
            text-indent: 55px;
            position: relative;
}
.contact_btn a:before{
	content:"";
	background:url(../images/contact.png) no-repeat center center;
	position: absolute;
	width: 14px;
	height: 14px;
	left:34px;
	top:16px;
}
.contact_btn a{
	color: #ffffff;
	font-size: 14px;
	line-height: 42px;
}
.pro_view_title{
	line-height: 40px;
	color: #666666;
	font-size: 24px;
	padding-bottom: 20px;
	border-bottom: 2px solid #d0d0d0;
}
.pro_view_summary{
	margin-top: 20px;
}
.contact_btn{
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-left: 15px;
}
.pro_view_text .pro_view_title{
	text-align: center;
	font-size: 16px;
	color: #444444;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #d0d0d0;
}
.pro_view_content{
	margin-top: 50px;
	margin-bottom: 40px;
}

/*关于我们*/
.about{
	margin-top: 30px;
	line-height: 30px;
	font-size: 14px;
	margin-bottom: 30px;
}
.company_team{
	font-size: 24px;
	color: #444;
	font-weight: bold;
	margin-top: 20px;
}
.team_miaosu{
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}
.team_list dl{
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #cccccc;
}
.team_list ul{
	padding-left: 0px;
}
.team_list ul dl dt{
	max-width: 240px;
}
.team_title{
	font-size: 24px;
	color: #444444;
	line-height: 40px;
}
.team_position{
	font-size: 18px;
	line-height: 40px;
}
.team_summary{
	font-size: 14px;
	line-height: 34px;
	height: 200px;
	overflow: hidden;
}

/*联系我们*/
.contact{
	background-color: #f5f5f5;
}
.contact_text{
	padding-top: 60px;
	padding-bottom: 60px;
}
.contact_left{
	max-width: 400px;
}

/*首页banner样式*/
.carousel-indicators li{
	margin-left: 5px;
	margin-right: 5px;
}
.carousel-indicators .active{
	width: 12px !important;
	height: 12px !important;
}

/*首页*/
.iabout{
	background-color: #f5f5f5;
	padding-bottom: 20px;
	padding-top: 20px;
	overflow:hidden;
}
.iabout_left{
	padding-right: 0px;
}
.iabout_right{
            width: 530px;
	float: right;
}
.iabout_left img{
	display: block;
}
.iabout_content{
	line-height: 35px;
}
.iabout_more{
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: 15px;
	border: 1px solid #d0d0d0;
}
.iabout_title{
	width: 140px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #ffffff;
	color: #000;
	font-size: 22px;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top:50%;
	margin-top: -25px;
}
.inews_title{
	font-size: 20px;
	color: #555555;
	font-weight: bold;
	line-height: 35px;
	margin-top: 16px;
}
.inews_title a{
	float:right;
	font-size: 12px;
	color: #999999;
}
.inews ul{
	padding-left: 0px;
	margin-top: 10px;
}
.inews ul .inews_li{
	border:1px dashed #e1e1e1;
	border-radius: 4px;
	max-width: 590px;
	padding:20px;
}
.inews_left{
	padding: 0px;
	max-width: 80px;
	border-radius: 4px;
	overflow: hidden;
}
.inews_left .time_on{
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-size: 12px;
	background-color: #1079b3;
	text-align: center;
}
.inews_left .time_under{
	height: 70px;
	line-height: 70px;
	font-size: 42px;
	color: #1079b3;
	text-align: center;
	background-color: #d3e2ea;
	font-weight: bold;
}
.inews_right{
	padding-right: 0px;
}
.inews_right .title{
            font-size: 15px;
            color: #666666;
            font-weight: bold;
            margin-bottom: 5px;
}
.read{
	color: #999999;
	font-size: 12px;
	margin-left: 30px;
}
.read img{
	float:left;
	margin-top: 3px;
}
.inews_right .inews_summary{
	margin-top: 5px;
	line-height: 24px;
	font-size: 13px;
	color: #666666;
}

/*首页效果*/
.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;  height:30px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:20px; height:16px; float:right;margin-top:10px;  overflow:hidden;
	 cursor:pointer;}
.picScroll-left .hd .next{background:url("../images/left.png") no-repeat;}
.picScroll-left .hd .prev{background:url("../images/right.png") no-repeat;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;padding:0px;}
.picScroll-left .hd ul li{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
/*.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }*/
.picScroll-left .bd{
	margin-top: 10px;
}
.picScroll-left .hd ul li.on{ background-position:0 0; }
/*.picScroll-left .bd{ padding:10px;   }*/
.picScroll-left .bd ul{ overflow:hidden; zoom:1; padding:0px;}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
/*.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }*/
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

/*首页案例*/
.icase{
	margin-top: 20px;
	margin-bottom: 40px;
}
.icase_title{
	font-size: 20px;
	color: #555555;
	font-weight: bold;
}
.icase li{
	width: 25%;
}
.icase li img{
	padding-left:10px !important;
	padding-right:10px !important;
	/*margin-left: 10px;
	margin-right: 10px;*/
}
.cur-item-title ul li span{
	color:#666666 !important;
}
.app_menu {
	display: none;
}
.product_view_ind{
	min-height: 498px;
}
@media screen and (max-width: 1200px){
	.iabout_title{
		display: none;
	}
	.iabout_right{
		width: 50%;
	}
}
@media screen and (max-width: 800px){
	.carousel-indicators{
		bottom:-10px;
	}
             .navbar{
             	height: auto;
             }
             .navbar-brand{
             	padding:13px 15px;
             }
             .nav>.active{
             	border-bottom: 1px solid #cccccc;
             }
             .menu{
             	/*background-color: #000000;*/
             }
             .nav>li{
             	line-height: 50px;
             	height: 50px;
             	border-bottom: 1px solid #cccccc;
             	padding: 0px;
             }
              .nav>li>a{
              	line-height: 50px;
              }
              .navigation{
              	display: none;
              }
              .banner{
              	overflow: hidden;
              	width: 100%;
              }
              .banner img{
              	width: 140%;
              	max-width: none;
              	left: -20%;
              	position: relative;
              }
              .cur-item-title {
              	display: none;
              }
              .daohang{
              	border: none;
              	line-height: auto;
              	height: auto;
              }
              .about_list{
              	margin-top: 20px;
              }
              .about_list table{
		width: 96%;
		margin:0 auto;
		text-align: center;
		line-height: 30px;
	}
	.about_list table tr td{
		background-color: #999999;
		border-right:1px solid #ffffff;
		width: 33.33333%;
		text-align: center;
	}
	.about_list table tr td a{
		color: #ffffff;
		text-align: center;
	}
	.about_list table tr td .active{
		background: #0080cc;
	}
	.about_list table tr td a{
		color: #ffffff;
	}
	.about{
		margin-top: 20px;
	}
	.product li{
		overflow: hidden;
		padding-left: 5px;
		padding-right: 5px;
	}
	.news-view-ctrl-i{
		width: 100%;
		line-height: 30px;
	}
	.app_menu {
		display: block;
	}
	.foot_nav ul{
		padding: 0px;
	}
	.foot_nav ul li{
		margin-left: 3px;
		margin-right:3px;
	}
	.foot_nav ul li a{
		font-size: 12px;
	}
	.foot_information{
		line-height: 34px;
	}
	.team_list ul dl dt{
		max-width: none;
	}
	.team_summary{
		height: auto;
	}
	.team_list dl{
		padding-bottom: 0px;
	}
	.iabout_title{
		display: none;
	}
	/*.inews_left{
		display: none;
	}*/
	.iabout_left{
		padding: 10px;
	}
	.iabout_right{
		width: auto;
		float: none;
	}
	.icase li{
		width: 33.33333333%;
	}
	.iabout_left img{
		width: 100%;
	}

	/*产品*/
	.spec-scroll{
		display: none;
	}
	.jqzoom img{
		width: 100%;
		height: auto;
	}
	.spec-preview{
		width: 100%;
		height: auto;
	}
	.contact_btn{
		position: relative;
		margin-left: 0px;
	}
	.news-view-ct h2{
		font-size: 20px;
	}
	.foot_information div span:before{
		display: none;
	}
	.product_view_ind{
	     min-height: auto;
             }
}