@charset "utf-8";
/* CSS Document */
* {
padding:0px;
margin:0px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
img {
border:none; max-width:100%;

}
body {  font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height: 27px;
}
a {
text-decoration:none;
 font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
color:#333;
font-weight:normal;
}
a:hover {
color:#009bee;
}
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;
}


.fl{float:left;}
.fr{float:right;}
.hz{width:1200px;margin:0 auto;}
.hz:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.hza{width:1200px;margin:45px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.top-bj{width:100%;background:#f2f2f2;border-bottom:1px solid #e9e8e8;line-height:39px;overflow:hidden;}
.top-left{font-size:14px;color:#666;}


.yyl{margin-top:5px;}
.yyl li{margin-left:10px;float:left;}
.yyl li a{color:#666;}
.yyl li a:hover,.yyl li a.dj {color:#009bee;}

.logo { float: left; margin:25px 0; }
.logo img{height:70px;}
.logo-wb{font-size: 30px;margin-left:15px; line-height: 30px;margin-top:30px;font-weight:bold;}
.logo-wb2{margin-left:15px;font-size:16px;margin-top:8px;color:#0065c1;}

.fw-hz{ margin-top: 25px; }
.tel {font-size:20px;
    margin-top: 10px;
    font-weight: bold;font-family:宋体;}
.tel-title{margin-top:10px;font-size:16px;}



.nav{width:100%;background:#0065c1; float:left;}
.mainbav li {
float:left; position:relative;border-right:1px solid #1977cd;}
.mainbav li a{color:#fff; font-weight:bold;font-size: 15px;padding:0 55px;display:block;}
.mainbav .memu {
float: left;
line-height:58px;height:58px;
text-align:center;
}

.mainbav .memu:hover, .mainbav .memu.active { color: #009bee; display: block; 
}
.mainbav .memu:hover a, .mainbav .memu.active a {}
.mainbav ul li ul{
display:none;
position:absolute;width:200px;
left:0;
top:58px;
z-index:999999;
background:rgba(255,255,255,0.9);
}
.mainbav ul li ul li{ float:none; border-right:none;  padding:0;line-height:40px;  position:relative;text-align:left;}
.mainbav ul li ul li a{ display:block; color:#333; font-size:14px !important;padding:0 15px;font-weight:normal;}
.mainbav ul li ul li a:hover{
text-decoration: underline;color:#009bee;

}
.mainbav ul li ul li ul{ position:absolute; left:200px; top:0;}

.index-search-hz{overflow:hidden;border:1px solid #f2f2f2;}
.search{width:22%;}
input {
	outline:none;
}
.sok {width:70%;
padding-left:10px;
	background:#fff; 
	border:none;height:82px;float:left;

}
.gjz{padding:15px 0;float:right;width:78%;}
.gjz li{float:left;margin:0 1%;}

/*banner*/

.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#fff; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#009bee;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider2{display:none;}


.top_sj { display:none; }

.index_title{font-size:32px;line-height:32px;text-align:center;color:#0065c1;}
.index-title-ms{
	text-align: center;
	margin-top:10px;
	color: #666;
}
.index-about-bj{background:#f5f8fc;padding:50px 0 30px 0;}
.box{
	position: relative;
	width: 100%;
	overflow: hidden;color:#dadada;background:#fff;}

.img-box{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 45%;
	height: 100%;
	overflow: hidden;
}	
.img-box>div{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform:scale(1); 
	transition:all .6s;  
}	

.text-box{
	float: right;
	width:55%;padding:4%;
}
.text-box h3{font-size:30px;margin-bottom:50px;color:#0076da;font-weight:normal;background:url(../images/index_05.jpg)no-repeat bottom left;padding-bottom:20px;}

.box1{
	position: relative;
	width: 100%;
	overflow: hidden;color:#333;margin-bottom:50px;
}

 .text-box span{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:40px; color: #333;}

.index-about-more{width:160px;background:#0076da;text-align:center;line-height:45px;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-about-more a{color:#fff;}

.index-about-more:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
@media(max-width:960px) {
.img-box{
	position: relative;
	width: 100%;
	height: 0%;
	padding-bottom: 60%;margin-top:50px;
}	
/*768PX以下图片高度为宽度60%（也就是img-box的padding值）*/
.img-box>div{
	position: absolute;
	z-index: 1;
	left: 0;
	top:0;
}
.text-box{
	float:none;
	width: 100%;margin:0px;
}
.text-box h3{font-size:30px;line-height:35px;margin-bottom:10px;}
 .text-box span{font-size:15px;line-height:35px; }
}


/* 特点 */

.feature{overflow:hidden;padding:50px 0 30px 0;}
.feature li{float:left;width:25%; padding: 0 2%;text-align:center;border-right: 1px dotted #c6c6c6;}
.feature li:last-of-type{border:none;}
.feature li i{display:inline-block;background: url('../images/feature.png') no-repeat;width:54px;height:50px;transition:all .5s;top:0;position:relative;}
.feature li h4{padding-top:15px;font-size:18px;position:relative;font-weight:normal;}
.feature li:nth-child(2) i{background-position: -54px 0;}
.feature li:nth-child(3) i{background-position: -108px 0;}
.feature li:nth-child(4) i{background-position: -162px 0;}
.feature li h4::after{content:"";position:absolute;left:50%;top:2px;height:1px;margin-left:-15px;background:#0057b1;transition:0.3s;width:0;}
.feature li:hover h4::after{width:30px;}
.feature li:hover i{top:-8px}

.index-product-bj{background:url(../images/sy_ys_bj.jpg)no-repeat ; background-size: cover;
    background-attachment: fixed;
    padding: 3vw 0 3.5vw 0;
    overflow: hidden;padding:50px 0 30px 0;}
	
.index-product-left{width:18%;float:left;}
.menu_head{width:100%;padding:10px;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;margin:0px;background: url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background:#0065c1 url(../images/pro_down.png) center right no-repeat;}
.menu_list .current a{color:#fff !important;}
.menu_body{width:100%;height:auto;overflow:hidden;}
.menu_body a{display:block;width:100%;color:#777777;text-decoration:none;padding:8px 15px;}
.menu_body a:hover{text-decoration:none;}
	
	.index-product-right{width:80%;float:right;}
 .index-product-hz{margin-top:30px;}
 .index-product-title{font-size:32px;line-height:32px;text-align:center;color: #fff;}
.index-product-title-ms{
	text-align: center;
	margin-top: 12px;
	font-size: 16px;
	color: #fff;
}
 
 

.index-p-list>div {
width:24%;margin-right:1.2%;
	float: left;margin-bottom:1.8%;}
.index-p-list>div a {
	
	display: block;
	overflow: hidden;
	transition: all ease .4s;border:1px solid #e7e7e7;
}
.index-p-list>div a:hover{border:1px solid #0065c1;}



.index-cp-mz{text-align:center;}
.index-cp-mz a{color:#666;padding:12px;background:#e4e4e4;font-size:14px;font-weight:bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-cp-mz a:hover{background:#0065c1;color:#fff;}
.index-p-list>div a img {
	width: 100%;
	transform: scale(1);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover img {
	transform: scale(1.1);
}

.index-product-more{text-align:center;}
.index-product-more a{color:#fff;display:block;margin:0 auto;line-height:45px;width:180px;color:#fff;background:#009bee;display:block;}


.gssl-wb{text-align:center;}
.gssl-wb a{color:#666;font-size:14px;font-weight:bold;padding:6px 12px;}
.gssl-wb a:hover{background:#0065c1;color:#fff;}


.index-news-nr{margin-top:35px;}
.index-news-nr-left{width:32%;margin-right:1.9%;border:1px solid #e7e7e7;}


.index-news-nr-left-title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:15px; }
.index-news-nr-left-title a{font-size:17px;color:#0057b1; }
.index-news-nr-left-rq{ color: #666;}
.index-news-nr-left-content{ margin:20px 0;font-size:14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #999; }
.index-news-nr-hz{background:#fff;padding:4%;}
.index-news-more-hz{border-top:1px solid #eee;padding-top:20px;overflow:hidden;}
.index-news-more-hz a:hover{color:#1367c1;}
.index-news-nr-left-pic{ display:block; overflow:hidden; }

.index-news-nr-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-news-nr-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}


.foot-bj{background:#f5f8fc;padding-top:40px;overflow:hidden;color: #8d8c8c;font-size:15px;}
.foot-logo{float:left;width:15%;}
.foot-lxfs{ float: left;width:50%; }
.foot-hz-nav { float: left; margin-right:15%; }

.foot-hz-cd { font-size: 16px; color: #333; font-weight:bold;}
.foot-hz-menu { margin-top: 20px;   }
.foot-hz-menu li{line-height:24px;}
.foot-hz-menu a { color: #8d8c8c;line-height:25px; }
.foot-hz-menu a:hover { color: #009bee; }


.foot-contact{width:30%;float:left;padding-left:5%;}
.foot-hz-lxwm{margin-top: 15px; font-size:13px; }
.foot-hz-lxwm a {color: #666;font-size:13px;}
.foot-hz-lxwm a:hover { color: #009bee; }

.foot-right{float:right;}
.foot-right-fwrx{font-size:18px;color:#333;}
.foot-right-hm{font-size:26px;color:#009bee;}
.foot-left-tb{margin-top:30px;}


.index-copy-bj{ background:#0057b1;padding:10px 0;margin-top:30px;color:#d5ecff;font-size:14px;}
.index-copy a{color:#d5ecff;}
.index-copy a:hover{color: #fff;text-decoration:underline;}

.foot-bq-pc{margin:5px 0 10px 0;overflow:hidden;}
.foot-bq-pc li { float: left; margin: 0 5px; }
.foot-bq-pc li a {color:#d5ecff;}
.foot-bq-pc li a:hover{ color: #fff;text-decoration:underline; }

/*内页样式开始*/
.ny-banner-sj{display:none;}
.ny-banner {height:300px; background-position:center; background-size:cover;}

.about-menu-bj{border-bottom:1px solid #f0f0f0;overflow:hidden;line-height:50px;}
.about-menu-left{width:20%;float:left;}
.about-menu-left-title{

    padding-bottom:25px;
 
    font-size:30px;
    text-transform: uppercase;}

.about-menu-left-menu li{text-align:center;line-height:42px;margin-bottom:1px;border-bottom:1px solid #eee;}
.about-menu-left-menu li:hover, .about-menu-left-menu li.on a{background: #0065c1;color:#fff !important;display:block;}
.about-menu-left-menu li:hover a{color:#fff;}
.about-menu-left-title2 {background: #0076da;
    padding:10px;
    color: #fff;
    font-size:16px;font-weight:bold;
    text-transform: uppercase;margin-top:20px;}
	.about-menu-left-contact{padding:6% 4%;border:1px solid #eaeaea;}
.about-title-hz{border-bottom:1px solid #eaeaea;overflow:hidden;}

.about-title{font-size:24px;float:left;}
.about-title p{margin-top:10px;}
.about-nr{line-height:32px;margin-top:30px;}
.about-menu-right{width:76%;float:right;}
.about-menu-top-wz{float:right;}


.xy{ width: 100%; margin: 20px auto 0 auto; text-align: center; overflow:hidden;}
.xy li{margin:0 10px; display:inline-block; font-size:0px;}
.xy li a{  }
.xy li a:hover,.xy li a.sbjg {color:#009bee;font-weight:bold;}
.product-syt a{color:#0065c1;}
.product-syt a:hover{text-decoration:underline;}
.about-content{margin-bottom:30px;}

.product-title{font-size:24px;margin-bottom:30px;margin-top:20px;}


.product-top { width:100% }
.product-top .l { width: 50%; float: left; 
}
.pro-right { width: 45%; float: right; 
}
.product-ny-title { color:#0065c1;width: 100%;border-bottom: 1px dashed #CCCCCC; font-size:20px;font-weight:bold; padding-bottom:10px;
}

.product-ny-fwrx { width:100%; line-height: 28px; font-size: 18px; float: left; margin-top: 20px; 
}
.product-ny-hm{ font-size: 24px; color: #009bee; 
}
.pro-js {     width: 100%;
    margin-top: 20px;
    line-height: 25px;}

#demo{width:100%; overflow:hidden; margin:20px auto;}

.product-xq-sj {display:none; }	
.ny-product-xbt{color:#999;}
.ny-product-hz{border-bottom:1px solid #f2f2f2;overflow:hidden;padding-bottom:20px;}

.ny-product-dy{ width:350px;margin-top:15px; background:#666;border-radius:5px; display:block;line-height:45px;text-align:center;color:#e60012;font-size:16px; }
.ny-product-dy a{color:#fff;}
.ny-product-ms-hz{ border-top: 1px solid  #e9e9e9; }
.ny-product-ms{ width: 180px; line-height: 45px; text-align: center; color: #fff; background: #009bee; font-size: 20px; margin-top: 40px; }
.ny-product-content{margin:25px 0;}
.ny-product-jj{display:none;}
.tj-product{border-top:1px solid #e4e4e4; padding-top: 40px;margin:40px auto 0 auto;width:100%; }
.tj-product-title{ font-size: 30px; text-align: center; }
.tj-product-cp{ margin: 50px 0 15px 0; }
.tj-product-hz{width:230px;margin-right:15px;float:left;margin-bottom:10px;}
.tj-product-pic{display:block; overflow:hidden; margin-bottom:10px;border:1px solid #e4e4e4;}
.tj-product-pic:hover{ border:1px solid #009bee; }
.zzmc{text-align:center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;width:228px;}


.product-ny-zx{background:#009bee;width:160px;line-height:40px;text-align:center;margin-top:30px;}
.product-ny-zx a{color:#fff;font-size:18px;}

.ny-product-content table{border-collapse:collapse;width:100%;}
.ny-product-content table td{padding:5px;border:2px solid #333;line-height:22px;width:auto;}


.partner2 ul{padding-top:1px;padding-left:1px;margin-top:15px;}
.partner2 li{float:left;width:15.4%;border:1px solid #eee;margin:0.6%;position: relative;transition:all .5s;}
.partner2 li .pImg{padding-top:62%;}




.news-hz{border-bottom:1px solid #eaeaea;padding-bottom:30px;margin-bottom:30px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.news-hz:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.news-rq{text-align:center;width:163px;margin:0 auto;font-size:20px;color:#999;}
.rqsz{font-size:70px;line-height:70px;}
.news-box{float:right;width:78%;}
.news-nr-pic{width:20%;float:left;padding:0.3%;border:1px solid #CCC;}
.news-nr{font-size:14px;margin-top:10px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:15px;}

.news-centent{width:100%;float:left;color:#666; margin-bototm:15px;}
.news-centent-title{ margin-bottom: 10px;  }
.news-centent-title a{font-weight:bold;color:#034ea9;font-size:15px;}



.news-ti { border-bottom: 1px  dashed  #D0D0D0;font-weight:bold;color:#0065c1;font-size:15px;text-align: center; padding-bottom: 15px; margin-bottom:30px;}

.time {
	font-size: 14px;
	color: #666;font-weight:normal;
}

.map{ padding: 5px; border: 1px solid #e6e6e6;overflow:hidden; }
.contact-hz{ margin-bottom: 30px; overflow: hidden; }

.contact-nr{float:left;width:45%;}
.contact-nr h3{font-size:24px;font-weight:normal;line-height:35px;}
.contact-nr-lxfs{margin-top:20px;}
.contact-nr-lxfs a:hover{color:#009bee;}


.soka{ width: 47.7%; border: 1px solid #D8D8D8; line-height: 40px; margin-bottom: 14px; padding-left: 1%;  font-family:"Microsoft YaHei", verdant, tahoma;  }

.sokb{  border: 1px solid #D8D8D8; line-height: 35px; margin-bottom: 15px; padding-left: 1%; font-family:"Microsoft YaHei", verdant, tahoma;  width:96%;}

.tj{ width: 150px; border: 1px solid #009bee; line-height:42px; text-align: center; color: #fff; background-color: #009bee; cursor: pointer; font-family: Arial,Microsoft YaHei; border-radius:5px; }
input, textarea{outline:none;}



.rides-cs {  font-size: 15px; background:#0065c1; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 16px; color: #333;font-weight:600; line-height:24px;padding:10px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #333;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}