@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-family:"微软雅黑"; background:url(../images/bg.jpg) repeat;}
*{margin:0; padding:0;}
ul,li,dl,dt,dd{list-style-type:none}
a{text-decoration:none !important;line-height:none !important}
.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{ text-decoration:none !important; cursor:pointer !important;color:#999;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1030px !important;}
.container{max-width:1000px !important;padding:0;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6{margin:0 !important; padding:0 !important}
.tr{transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.tr1{transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s}
.tr2{transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}
.da{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}

/*全局样式*/
header{width:100%; height:90px;}
header .logo img{width:560px; height:67px; margin-top:13px}
header .phone{background:url(../images/icon-call.png) no-repeat left 5px; margin-top:28px; padding-left:50px;font-size:14px; color:#000; line-height:24px; font-weight:bold}
header .phone h4{ font-size:22px;line-height:18px; color:#1c85dd; font-weight:bold}
.icon-menu{color:#22201b; font-size:40px;cursor:pointer; margin:30px 0 0 0}

/*手机导航*/
.nav1{width:125px;display:none; position:absolute; top:90px; right:0; z-index:99;}
.nav1 li{ width:100%;background:rgba(26,13,13,0.5);line-height:38px;text-align:center;font-size:14px;line-height:38px;font-weight:bold;margin-bottom:2px}
.nav1 li a{display:block;color:#fff;}
.nav1 li a:hover{ background:rgba(128,113,0,0.3)}

/*pc导航*/
.nav{ background:url(../images/anc-bg.jpg) repeat-x;height:50px;text-align:center; }
.nav li{width:12.5%;float:left;font-size:14px; color:#fff; line-height:50px; border-right:1px solid #fff;position:relative}
.nav li:first-child{border-left:1px solid #fff}
.nav li a{display:block; color:#fff;}
.nav .on,.nav li a:hover{ background:#ee8a14}
/*导航二级下拉*/
.nav li .nav-zi{width:100%;position:absolute; left:0; top:50px; z-index:99; display:none;}
.nav li .nav-zi li{background:rgba(47,36,23,0.7);font-size:13px;line-height:45px;float:none; height:45px; border:0;margin-top:2px; width:100%;}
.nav li .nav-zi li a{color:#fff; display:block;}
.nav li:hover .nav-zi{display:block}

/*banner轮播*/
#myCarousel{position:relative;}
#myCarousel .carousel-inner img {margin:0 auto;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none; display:none}
#myCarousel .carousel-control.right{background-image: none; display:none}




/** 悬浮QQ **/
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
.lanren{ position:absolute; right:0; top:150px;}
.lanren .slide_min{ width:28px; height:112px; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_min.jpg) no-repeat; cursor:pointer;position: relative;z-index: 99999;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(http://demo.lanrenzhijia.com/2014/service1205/images/slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #76A20D;position: relative;z-index: 99999;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;border-bottom:1px solid #ddd;}
.lanren .slide_box span{ padding:5px 10px; display:block;}
.lanren .slide_box span a{ color:#76A20C;}
/** 悬浮QQ 上部多余的原因 **/
.lanren .slide_box h2{ margin-top: 0;}



/*分页*/
.page_list a{color:#000; margin: 0px 5px;}
.page_list a:hover{ text-decoration: underline;}
.page_list a.on{color:#f00;}




/*主体内容*/
.main1{padding-bottom:30px;}
.title{padding:36px 0 28px; font-size:24px; color:#808080;text-align:center;}
.title h4{background:url(../images/title.png) no-repeat center center;font-size:20px; color:#333;font-weight:bold}

/*1、产品展示、 2、最新产品 轮播*/
.navbox22,.navbox11{text-align:center; font-size:0; margin-bottom:20px;}
.navbox22 .more,.navbox22 .navli22,.navbox11 .more,.navbox11 .navli11{ width:140px; height:30px; background:#1c85dd;font-size:14px; color:#fff; line-height:30px; text-align:center; display:inline-block; margin:0 5px; border-radius:8px; padding:0 10px}
.navbox22 .more:hover,.navbox22 .navli22.active,.navbox11 .more:hover,.navbox11 .navli11.active{background:#ee8a14}
.lunbobox22,.lunbobox11{display:none}
.lunbobox22.active,.lunbobox11.active{display:block}
.produce{ background:url(../images/produce-bg.jpg) center center; background-size:cover; height:auto;}
.produce .title{color:#fff;}
.produce .title h4{background:url(../images/title1.png) no-repeat center center;color:#fff;}
.produce-box .imgbox,.produce .imgbox,.show .imgbox{ background:#fff;display:block; border:1px solid #ccc; margin:10px 10px; padding:10px;}
.produce-box .imgbox .tu,.produce .imgbox .tu,.show .imgbox .tu{width:100%; height:192px; overflow:hidden;}
.produce-box .imgbox .tu .img,.produce .imgbox .tu .img,.show .imgbox .tu .img{width:100%; height:100%;}
.produce-box .imgbox h4,.produce .imgbox h4,.show .imgbox h4{font-size:18px;color:#e01c1c;line-height:35px; font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.produce-box .imgbox .zi,.produce .imgbox .zi,.show .imgbox .zi{font-size:12px; color:#666; line-height:18px; height:38px; overflow:hidden;}
.produce-box .imgbox:hover,.produce .imgbox:hover,.show .imgbox:hover{ box-shadow:0 0 10px rgba(0,0,0,0.7)}
.produce-box .imgbox:hover .tu .img,.produce .imgbox:hover .tu .img,.show .imgbox:hover .tu .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.produce-box .imgbox:hover h4,.produce .imgbox:hover h4,.show .imgbox:hover h4{color:#ee8a14}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.produce .owl-theme .owl-controls .owl-buttons div.owl-prev,.show .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background:url(../images/allow1.png) no-repeat left center;}
.produce .owl-theme .owl-controls .owl-buttons div.owl-next,.show .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/allow2.png) no-repeat right center;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}

/*3、关于我们*/
.jianjie{display:block;}
.jianjie .tu{width:100%; height:250px;}
.jianjie .text h4{background:url(../images/jianjie-h4.png) no-repeat left 10px; font-size:20px; color:#333; line-height:35px; text-indent:20px}
.jianjie .text .zi{font-size:14px; color:#333; line-height:28px; height:172px; overflow:hidden; margin-bottom:10px}
.jianjie .text .more{width:160px; height:30px; background:#1c85dd; border-radius:8px; font-size:14px; color:#fff; line-height:30px; text-align:center}
.jianjie:hover .text .more{background:#ee8a14}


/*4、成功案例 轮播*/
.case-box .imgbox,.case .imgbox{ background:#fff;display:block;margin:10px;}
.case-box .imgbox .tu,.case .imgbox .tu{width:100%; height:192px; overflow:hidden; padding:10px; border:1px solid #ccc; }
.case-box .imgbox .tu .img,.case-box .imgbox .tu .imgbg,.case .imgbox .tu .img,.case .imgbox .tu .imgbg{width:100%; height:100%;}
.case-box .imgbox h4,.case .imgbox h4{font-size:14px;color:#333;line-height:35px; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case-box .imgbox .zi,.case .imgbox .zi{font-size:12px; color:#666; line-height:18px; height:40px; overflow:hidden;}
.case-box .imgbox:hover .tu,.case .imgbox:hover .tu{ border-color:#1c85dd;}
.case-box .imgbox:hover .tu .img,.case .imgbox:hover .tu .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}
.case .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-70px; background:url(../images/allow3.png) no-repeat left center;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.case .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-70px; background:url(../images/allow4.png) no-repeat right center;transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s}
.case .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ left:-70px; background:url(../images/allow33.png) no-repeat left center;}
.case .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ right:-70px; background:url(../images/allow44.png) no-repeat right center;}
.case .more{width:160px; height:36px; background:#1c85dd; border-radius:8px;display:block;font-size:14px; color:#fff; text-align:center; line-height:36px; margin:0 auto}
.case .more:hover{background:#ee8a14}


/*5、联系我们*/
.contact{background:#1a1a1a;}
.contact .title{color:#fff;}
.contact .title h4{background:url(../images/title2.png) no-repeat center center;font-size:24px; color:#fff;}
.contact h4{font-size:16px; color:#ee8a14; line-height:40px; font-weight:bold}
.contact .left .tu img{width:100%; height:146px; margin-bottom:30px; margin-top:8px;}
.contact .left .sao img{width:133px; height:133px; margin-right:30px;}
.contact .left .text{font-size:14px; color:#fff; line-height:24px; text-align:left}
.contact .liuyan{margin-top:10px}
.liuyan-zi .form-group,.contact .liuyan .form-group{margin-bottom:10px}
.liuyan-zi input,.contact .liuyan input{ background:#fff;height:36px; border:1px dashed #ff7878;}
.liuyan-zi textarea,.contact .liuyan textarea{ background:#fff;height:110px;border:1px dashed #ff7878;}
.liuyan-zi button,.contact .liuyan button{ width:100%;height:36px; color:#fff; background:#ff9523; border:none;}
.liuyan-zi button:hover,.contact .liuyan button:hover{ background:#1c85dd;}


footer{ background:#000; border-top:1px solid #ff9523; padding:24px 0; font-size:14px; color:#fff; line-height:22px; text-align:center}
footer a{color:#fff}
footer a:hover{color:#ff9523}

.di{height:55px; background:#1c85dd;position:fixed; bottom:0; left:0; z-index:99; width:100%;}
.di row span{font-size:16px; line-height:20px}
.di h6{font-size:14px; line-height:20px;}
.di .row div a{ height:55px;color:#fff; display:block; padding:5px 0}
.di .row div:hover{background:#2199fd}

/*子页面*/
/*1、关于我们*/
.main{ padding:22px 0 30px}
.main .left .menu{ background:#0168b0; width:100%; line-height:60px; color:#fff;font-size:24px; text-align:center}
.main .left ul{width:100%; padding-bottom:8px}
.main .left ul li{ background:#fff url(../images/icon1.png) no-repeat 90% center; width:100%;text-align:center;font-size:14px; line-height:40px; border:1px solid #ccc;display:block; margin-top:2px}
.main .left ul li a{display:block;color:#333;}
.main .left ul li .on,.main .left ul li:hover{ background:#f2f2f2 url(../images/icon1.png) no-repeat 90% center;}
.main .left .lian{width:100%; height:auto; overflow:hidden; border:1px solid #ccc; padding:3px;font-size:12px; color:#666; line-height:20px;}
.main .left .lian img{width:100%; height:auto}
.main .left .lian .zi{ padding:10px 14px 20px;}
.main .right .container-fluid{padding:0 15px !important}
.main .right .cont{ margin-top:20px}
.main .right .title-zi{ background:url(../images/title-zi.png) no-repeat left center; text-indent:45px;font-size:14px; color:#666;border-bottom:1px solid #666;}
.main .right .title-zi h4{font-size:18px;line-height:50px;font-weight:bold}
.main .right .title-zi span{margin-top:20px}
.main .right .title-zi a{color:#666}
.main .right .title-zi a:hover{color:#0162b0}
.about{ font-size:14px;color:#666; line-height:28px;}
.about h4{font-size:20px; color:#333; line-height:50px; text-align:center}
.about img{max-width:100%; height:auto; margin:10px auto 20px; display:block}

/*手机侧导航*/
.yddnav a{ display:block;}
.yddnav .xl,.yddnav .xlxl{ display:none;}
.yddnav{ margin:0 0 20px;}
.yddnav li{ margin-bottom:5px;}
.yddnav li a{font-size:18px;color:#fff; line-height:50px; background:#0266b4; text-align:center}
.yddnav span{ padding-left:40px;}
.yddnav b{ padding-right:30px; line-height:50px;}
.yddnav .xl{margin:0 0 2px 0; width:100%; }
.yddnav .xls{background:#d9d9d9; margin-bottom:2px; font-size:16px;display:block}
.yddnav .xls a{ color:#000;line-height:40px;}
.yddnav .xls a:hover{ background:#6995b8; color:#fff}
.yddnav .xls:hover{}

.call-us{font-size:16px; color:#323045; line-height:24px;}
.call-us img{max-width:100%; height:auto; margin:20px auto; display:block; border:2px solid #d4d4d4;}

/*留言*/
.liuyan-zi{width:70%; margin:0 auto}

/*产品中心*/
.produce-box .imgbox{margin:0 0 30px;}


/*产品中心*/
.produce-main{font-size:13px; color:#666; line-height:24px;}
.produce-main h4{font-size:20px; color:#666; line-height:40px; text-align:center}
.produce-main img{max-width:100%; height:auto; display:block; margin:10px auto; border:1px solid #ccc}

.case-box .imgbox{margin:0 0 10px;}




@media (max-width:1150px){
.owl-theme .owl-controls .owl-buttons div.owl-prev{ display:none}
.owl-theme .owl-controls .owl-buttons div.owl-next{ display:none}
}

@media (max-width:991px){
footer{padding-bottom:75px}
}

@media (max-width:767px){
header{height:75px;}
header .logo img{width:500px; height:auto;margin-top:10px}
.icon-menu{font-size:35px;margin:25px 0 0 0}
.nav1{top:75px;}
.navbox22, .navbox11{margin-bottom:10px}
.navbox22 .more, .navbox22 .navli22, .navbox11 .more, .navbox11 .navli11{margin-bottom:10px}
.jianjie .tu{margin-bottom:20px; height:300px}
.case .imgbox .tu{height:240px}
.case .imgbox h4{font-size:16px; line-height:40px}

}

@media (max-width:600px){
header{height:65px;}
header .logo img{width:420px;margin-top:8px; margin-left:-8px;}
.icon-menu{font-size:28px;margin:22px -5px 0 0}
.nav1{top:65px;}
.jianjie .tu{height:240px}
.case .imgbox .tu{height:200px}
.case .imgbox h4{font-size:15px; line-height:38px}
.liuyan-zi{width:80%;}

}


@media (max-width:479px){
header{height:52px;}
header .logo img{width:355px;margin-top:5px;}
.icon-menu{font-size:25px;margin:16px -5px 0 0}
.nav1{top:52px;}
.produce .row,.show .row{margin:0 -8px !important}
.produce .col-lg-12,.show .col-lg-12{padding:0 8px !important}
.produce-box .imgbox,.produce .imgbox, .show .imgbox{padding:5px 10px 10px; margin:10px 5px}
.produce-box .imgbox .tu,.produce .imgbox .tu, .show .imgbox .tu{height:150px}
.main1{padding-bottom:20px}
.title{padding:28px 0 22px; font-size:21px}
.title h4{ font-size:18px;}
.case-box .imgbox .tu,.case .imgbox .tu{height:180px}
.case .imgbox h4{font-size:14px; line-height:35px}
.contact .title h4{ font-size:20px;}
.liuyan-zi{width:100%;}
.produce-box .row{margin:0 -5px !important}
.produce-box .col-md-4{padding:0 5px !important}
.case-box .row{margin:0 -8px !important}
.case-box .col-md-4{padding:0 8px !important}
.case-box .imgbox{margin-bottom:5px}
}

@media (max-width:400px){
header{height:42px;}
header .logo img{width:290px;margin-top:5px; margin-left:-10px;}
.icon-menu{font-size:22px;margin:13px -8px 0 0}
.nav1{top:42px;}
.navbox22 .more, .navbox22 .navli22, .navbox11 .more, .navbox11 .navli11{width:120px; height:28px; line-height:28px}
.produce-box .imgbox .tu,.produce .imgbox .tu, .show .imgbox .tu{height:120px}
.produce-box .imgbox h4,.produce .imgbox h4, .show .imgbox h4{ font-size:16px; line-height:30px}
.jianjie .tu{height:200px}
.jianjie .text h4{font-size:17px; line-height:30px; background:url(../images/jianjie-h4.png) no-repeat scroll left center}
.jianjie .text .zi{height:140px}
.case-box .imgbox .tu,.case .imgbox .tu{height:150px}

}

@media (max-width:340px){
header{height:40px;}
header .logo img{width:260px;margin-top:5px; margin-left:-8px;}
.icon-menu{font-size:20px;margin:13px -5px 0 0}
.nav1{top:40px;}
.jianjie .text h4{font-size:16px;}

}