html,
body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #373a3c;
    background-color: #fff;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
}



/* banner */
.slideBox{ min-width:1000px;  position:relative;  height:100%; overflow:hidden;  }
.slideBox .bd{ position:relative; z-index:0;  }
.slideBox .bd ul{ width:100% !important; }
.slideBox .bd li{ width:100% !important;  }
.slideBox .bd li img{ width:100%;position:relative; margin:0 auto;  height:100%; }
.slideBox .bd li a{ display:block;  }
.slideBox .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.slideBox .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../img/banner-btn.png) 0 0 no-repeat;
    _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
}
.slideBox .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../img/dot-black.png) 0 0; overflow:hidden;
    line-height:9999px; filter:alpha(opacity=40);opacity:0.4;
}
.slideBox .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }


/*layout-main*/
.bg-grey{
    background-color: #eeeeee;
}



/* 本例子css */
.slideTxtBox{ width:810px; text-align:left;  }
.slideTxtBox .hd{ height:40px; line-height:56px;
    font-weight: normal;
    position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute;  top:-1px; height:40px;   }
.slideTxtBox .hd ul li {
    float:left;
    cursor:pointer;
    width: 190px;
    height: 40px;
    margin-right: 10px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #555;
    display: block;
 }
.slideTxtBox .hd ul li a{
    color: #555;
}
.slideTxtBox .hd ul li.on{ height:40px;  background:#3889c7;
    color: #fff;}
.slideTxtBox .hd ul li.on a{
    color: #fff;
}
.slideTxtBox .bd ul{ zoom:1;  }
.slideTxtBox .bd li{  }


.index-product-list {
    /*overflow: hidden;*/
}
.index-product-list .item {
    float: left;
    width: 190px;
    height: 265px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #ffffff;
    
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.index-product-list .img {
    width: 100%;
    height: 184px;
    margin-bottom: 10px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
 
}
 

.index-product-list .img:hover{
    transform: scale(1.1);
}


.index-product-list .title {
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    margin-top: 15px;
    font-size: 14px;
    color: #333;
}
.index-product-list .price {
    color: #666;
}






.banner02{
    width: 100%;
    height: 140px;
    background-color: #0d62bd;
    text-align: center;
}

.tel-content img{
    float: left;
    padding: 5px 10px;
}
.tel-content .tel{
    font: 18px "Impact";
    color: #0082FF;
}


.cooperate{
    padding: 40px 0;
    background: url("../img/case_bg.jpg") no-repeat;
    height: 350px;
    color: #fff;
    text-align: center;
}
.cooperate h2 {
    font-size: 44px;
}
.cooperate h3{
    margin-bottom: 16px;
    text-align: center;
    font-size: 20px;
}
.cooperate .company-list{
    width: 1024px;
    margin: 0 auto;
    text-align: center;
}
.cooperate .company-list .company-list-item{
    display: inline-block;
    text-align: center;
    padding: 10px;
}
.cooperate .company-list .company-list-item img{
    display: block;
    text-align: center;
    width: 179px;
    height: 50px;
}
.cooperate .company-list .company-list-item span{
    display: block;
    color: #333;
    background-color: #f4f4f4;
    text-align: center;
    font-size: 12px;
    padding: 3px 0;
}

.layout-news{
    padding: 20px 0;
}


.news-box{
    float: left;
    font-size: 12px;
    width: 350px;
    padding: 15px 20px;
    color: #000;
    overflow: hidden;
}
.news-more-box{
    padding: 15px 0 ;

}
.news-more-list li{
    width: 100%;
    height: 46px;
    border-bottom: 1px dotted #b8b8b8;
    overflow: hidden;
    background: url(../img/icons2.jpg) 2px center no-repeat;
    text-indent: 16px;
    font: 14px/46px "microsoft yahei";
}



.news-more-list li a{
    color: #666;
}
.box-title{
    color: #0d62be;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}
.sub-title {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    margin-left: 8px;}


.box-title .more {
    float: right;
    color: #999;
    font-size: 16px;
    font-weight: normal;
    line-height: 42px;
}



.news-list {
    border-top: 1px solid #ccc;
}
.news-list li {
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.news-list .title {
    float: left;
    color: #333;
}
.news-list .time {
    float: right;
    color: #999;
}
.about-us{
    float: left;
    padding-left: 25px;
    padding-top: 15px;
    width: 500px;
}
.about-img {
    margin-bottom: 16px;
}
.about-text{
    line-height: 1.5;
    text-indent: 2em;
}





.margin-20{
    margin-top: 20px;
}

.right_title {
    float: left;
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
.right_name {
    float: left;
    font: 700 16px/22px "microsoft yahei";
    color: #1a6caa;
    height: 37px;
    border-bottom: 1px solid #f84653;
    padding: 0 8px;
}

.right_name font {
    font: 14px/22px "microsoft yahei";
    color: #979797;
    margin-left: 8px;
    text-transform: uppercase;
}
.right_title .fast {
    float: right;
    font: 14px/32px "microsoft yahei";
    color: #7b7b7b;
}
.right_title .fast b {
    font-weight: inherit;
    float: left;
}
.right_title .fast .breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}
.right_title .fast .breadcrumbs li {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 32px;
}
.right_title .fast .breadcrumbs li a {
    color: #7b7b7b;
    line-height: 32px;
}
.news-title{
    font-size: 26px;
    padding: 15px 0;
    text-align: center;
}
.product_pic ul li{
    float: left;
    width:33%;

}
.product_pic ul li img{
    max-width: 100%;
}
.product_item{
    width: 270px;
}
.product-item-info{
    text-align: center;
}

.product-content{
    padding-top: 10px;
}
.product-img-left{
    float: left;
    width: 300px;
    margin-right: 15px;
}
.product-img-border{
    border:1px solid #6c6666;
}
.product-info-right{
    float: left;
    /*width: 400px;*/
}

.product-title{

    font-size: 16px;
    color: #414141;
    border-bottom: 1px dashed #bbbbbb;
    padding: 2px 0 10px;
    line-height: 1.6em;
}

.product-right-introduce{
    padding: 10px;

}
.ul_prodinfo{
    padding: 6px 0;
    line-height: 25px;
}

.ul_prodinfos {
    padding: 6px 15px;
    overflow: hidden;
    zoom: 1;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}
.hottel {
    color: #00549d;
    font-weight: normal;
}
a.x-price {
    width: 162px;
    height: 40px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    background: #f60;
    line-height: 40px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
    font-size: 18px;
}

.sub-post-title{
    text-align: center;
    color: #7E7E7E;
    /*border-bottom: 1px solid #E5E5E5;*/
    padding-bottom: 10px;
    font-family: "宋体";
    font-size: 12px;
    line-height: 24px;
}
.sub-post-title span{
    margin-right: 10px;
}

.my-article {
    padding-top: 16px;
}

/**/
.join-box {

}
.join-box .title {
    font-size: 24px;
    margin-bottom: 16px;
}
.join-box h3 {
    font-size: 18px;
    margin: 16px 0;
}
.join-box ol {
    padding-left: 16px;
    list-style: decimal;
}
.join-box ol li {
    list-style: decimal;
    line-height: 1.6;
}
/**/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(http://demo.lanrenzhijia.com/2014/service1027/images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ position: relative; float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../img/keifu.jpg); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(http://demo.lanrenzhijia.com/2014/service1027/images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../img/keifu.jpg); background-position:0 -149px; }
.keifu_box .phone {
    position: absolute;
    bottom: 11px;
    left: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #ff8e00;
    background-color: #fff;
}

/*左侧侧边栏的二级目录样式*/

.pro_nav_cont {padding-top:0px;background:#dcdad7;}
.pro_nav_cont h4 {height: 26px;font:16px/26px "Microsoft YaHei";background:#eae9e7;}
.pro_nav_cont h4 a {padding-left:35px;display:block;color: #504f4f;border-left: 12px solid #0082ff;}
.pro_nav_cont ul {padding:12px 0 12px 20px;font:14px/27px "Microsoft YaHei";}
.pro_nav_cont ul li{height:21px;padding-left:16px;background:url(../img/item1.gif) no-repeat left 14px;vertical-align: top;}
.pro_nav_cont ul a {color:#4a4a49;}
.pro_nav_cont ul .nobd{border:none;}
.pro_nav_cont ul .nobg{background:none;}