@charset "utf-8";
/*reset*/
*{margin:0;padding:0;color: #8c8c8c;font-size:12px;font-family:Microsoft yahei,Hiragino Sans GB,arial;}
a,a:hover,a.visited,a:link,a:active{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
input:focus{outline: 0;}
/*reset*/
/*test*/
.absolute_align_center{
    position:absolute;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.clearfloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.clearfloat{
    zoom:1
}

html,body{
    margin:0 auto;
}

html,body,.body_next,.test_wrap{
    width:100%;
    height:100%;
}
/*.body_next{
    overflow: hidden;
}*/
.test_wrap{
    position: absolute;
    background: rgba(0,0,0,.5);
    display:none;
    top:0;
    left: 0;
    z-index:1000;
}
.test_drag{
    width: 310px;
    height:314px;
    position: absolute;
    background: #fff;
    z-index:1010;
}
.test_dragDiv{
    width: 100%;
    height: 34px;
    background:#2bb8aa;
    cursor:move;
    color:white;
    line-height:34px;
    padding:0 20px;
    margin:0 0 20px;
    font-size:12px;
    font-family:'Microsoft yahei';
}
.test_dragDiv_close{
    float:right;
    width:20px;
    height:34px;
    text-align:center;
    line-height:34px;
    font-size:25px;
    cursor:pointer;
    color:white;
}
.test_form_input{
    width:310px;
    padding:0 30px;
    height:30px;
    margin:0 auto 10px;
}
.form_input_label{
    display:inline-block;
    width:60px;
    height:30px;
    font-size:12px;
    text-align:center;
    line-height:30px;
    color:rgb(102,102,102);
}
.form_input_text{
    display:inline-block;
    width:180px;
    height:30px;
    padding:0 0 0 5px;
}
.form_input_text:focus{
    border:1px solid #2bb8aa;
}
.form_input_submit{
    display:block;
    width:90px;
    height:26px;
    text-align:center;
    line-height:26px;
    font-size:12px;
    color:white;
    margin:30px auto 0;
    background:#2bb8aa;
    border:0;
}

/*test*/
/*nav_roc*/
.gr-logo { width: 100%; padding: 25px 0; }
.gr-tel { width: 100%; font-size: 17px; text-align: right; }
.gr-tel span { color: #285780; font-size: 24px; font-family: arial; }
.gr-share { padding-top: 28px; }
.gr-share a { display: inline-block; margin-left: 5px; }
.share-fa { display: inline-block; width: 30px; height: 30px; background: #285780; color: #fff; border-radius: 3px; width: 30px; line-height: 30px; text-align: center; font-size: 18px; }
.share-fa-icon { display: inline-block; width: 30px; height: 30px; background: #d0d0d0; color: #fff; border-radius: 3px; width: 30px; line-height: 30px; text-align: center; font-size: 18px; transition-duration: .3s; }
.share-fa-icon:hover { background: #285780; color: #fff; }
.navbar { background: #285780; border-radius: 0; margin: 0; border: 0; width: 1920px;}
.navbar-default .nav-justified>li>a { padding: 0; line-height: 50px; font-size: 16px; color: #fff; -webkit-transform: translate3d(0, 0, 0) }
.navbar-default .nav-justified>li>a:hover { background: #2c2c30; color: #fff; }
.navbar-mobile { display: none; }
/*nav_roc*/

.banner{
    margin-top: 80px !important;
}
/*nav*/
.nav_bg{
    background:rgba(255,255,255,1);
    width: 100%;
    min-width: 1335px;
    height:80px;
    box-sizing: border-box;
    border-bottom: 1px solid #e8e8e8;
    position: absolute;
    top: 0;
    z-index: 3;
}
.nav{
    width: 1200px;
    min-width:1200px;
    height:80px;
    margin:0 auto;
}
.nav_logo{
    float:left;
    margin:18px 0 18px 30px;
 
}
.mobile_nav_btn{
    display:none;
}
.nav_list{
    float:right;
    margin-left:-20px;
}
.nav_logomb{
    display: none;
}
.nav_mobile{
    display: none;
}
.nav_list>li{
    float:left;
    height:80px;
}
.nav_list_a{
    height:80px;
    font-size:14px;
    line-height:77px;
    text-align:center;
    display:block;
    text-decoration: none;
    font-family:'微软雅黑';
    color:#646464;
}
.nav_list_a:link{
    color:white;
}
.nav_list_a:visited{
    color:white;
}
.nav_list_a:hover{
    color:#fff;
}
.nav_list_a:active{
    color:white;
}
.nav_list_first{
    color:#646464;
    width:90px;
}
.nav_list_first:link{
    color:#646464;
}
.nav_list_first:visited{
    color:#646464;
}
.nav_list_first:hover{
    color:#646464;
}
.nav_list_first:active{
    color:#646464;
}
.nav_tel{
    float:right;
    font-size:20px;
    font-family:'Arial';
    font-weight:bold;
    height:80px;
    color:#2bb8aa;
    padding:27px 0 27px 25px;
    background:url('../../image/index/tel.png') 0 50% no-repeat;
}
.nav_right{
    float:right;
    height:80px;
    padding:23px 0;
    margin:0 30px 0 35px;
}
.nav_right_regist{
    float:left;
    width:80px;
    height:34px;
    margin:0 20px 0;
    line-height:34px;
    text-align:center;
    font-size:14px;
    color:white;
    border-radius:30px;
    background:#2bb8aa;
    border:1px solid #2bb8aa;
}
.nav_right_test:link{
    color:white;
}
.nav_right_test:visited{
    color:white;
}
.nav_right_test:hover{
    color:white;
}
.nav_right_test:active{
    color:white;
}
.nav_right_open{
    float:left;
    height:34px;
    line-height:34px;
    font-size:14px;
    color:#2bb8aa;
    border:1px solid #2bb8aa;
    border-radius:30px;
    width: 100px;
    text-align: center;
}
.nav_right_open:hover{
    color:#2bb8aa;
}
.nav_right_open:visited{
    color:#2bb8aa;
}
.nav_right_open:link{
    color:#2bb8aa;
}
.nav_right_regist:hover{
    color: white;
}
.nav_right_regist:visited{
    color: white;
}
.nav_right_regist:link{
    color: white;
}
.nav_right_login{
    width: 80px;
}

.nav_right_login:link{
   color:#2bb8aa;
}

.nav_right_login:visited{
   color:#2bb8aa;
}
.nav_right_login:hover{
   color:#2bb8aa;
}
.nav_right_login:active{
    color:#2bb8aa;
}
.nav_list_about::after{
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    border:1px solid #fff;
    border-top:transparent;
    border-left:transparent;
    margin:-10px 0 0 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
}
.nav_hidden{
    height:0;
    overflow:hidden;
    position:relative;
    top:-1px;
    z-index:300;
    border:1px solid #e8e8e8;
    border-top:none;
}

.nav_hidden li{
    height: 40px;
    background-color: #fff;
}
.nav_hidden li a{
    color:#646464;
}
.nav_hidden_a{
    display:block;
    padding:10px 0 0;
    margin-bottom: 15px;
    color:#fff;
    line-height:22px;
    text-align:center;
    font-size:14px;
}
.nav_list_a:hover,
.nav_hidden_a:hover{
    color:#2bb8aa;
}
.nav_list_last:hover .nav_hidden{
    height: auto;
    position: relative;
    top: -2px;
    z-index: 300;
    border-top: 2px solid #2bb8aa;
}

.nav_list_last:hover .nav_list_about:after{
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.fixednav {
    position: fixed;
    top: 0px !important;
    left: 0px;
    width: 100%;
    z-index: 3;
}
.page_left{
    display: none;
}
/*nav*/
/*footer*/

.mobile_trun{
    display: none;
}
.footer_bg{
    height:205px;
    background:#2E3643;
    min-width:1200px;
}
.footer{
    height:205px;
    width:1200px;
    margin:0 auto;
}
.footer_line{
    width:1200px;
    height:1px;
    background:#3D4959;
}
.footer_link{
    width:700px;
    padding:10px 0 0 0;
    margin:0 auto;
}
.footer_link_item{
    float:left;
    margin:0 10px 0 0;
    font-family:'宋体';
    font-size:12px;
    color:#ccc;
}
.footer_link_a{
    font-family:'宋体';
    font-size:12px;
    color:#ccc;
    text-decoration:none;
}
.footer_link_a:hover{
    text-decoration:none;
    color:#2bb8aa;
}
.footer_msg{
    width:1200px;
    height:160px;
    padding:20px 0;
}
.footer_msg_left{
    float:left;
    padding:0 0 0 120px;
    background:url(../../image/code.png) 0 center no-repeat;
}
.footer_left_item{
    font-family:'Arial';
    height:25px;
    line-height:25px;
    font-size:12px;
    color:#e5e5e5;
}
.footer_left_tel{
    display:inline-block;
    padding:0 0 0 25px;
    font-family:'Arial';
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    color:#2bb8aa;
    background:url('../../image/tel.png') 0 50% no-repeat;
}
.footer_msg_right{
    width:260px;
    height:90px;
    float:right;
    margin:0 0 0 195px;
}
.footer_msg_logo{
    width:250px;
    float:right;
    height:94px;
    padding:38px 0 20px;
    margin-right:13px; 
}
.footer_logo_kx{
    width:117px;
    height:49px;
    padding:2px 10px 2px 0;
    float:left;
    border-right:1px solid rgb(51,51,51);
}
.footer_logo_mjx{
    width:128px;
    height:49px;
    padding:0 0 0 10px;
    float:left;
}
.footer_msg_copy{
    width:1200px;
    font-family:'宋体';
    font-size:12px;
    color:#e5e5e5;
    margin:15px 0;
    text-align:center;
}
.footer_msg_copy span{
    font-family:'Arial';
    font-size:12px;
    color:#e5e5e5;
}
.mobile_hidden{
        display: none;
    }
/*footer*/
/*backtop*/
.news_backTop{
    position:fixed;
    background:rgba(0,0,0,.5);
    right:50px;
    bottom:50px;
    width:44px;
    height:44px;
    background: url(../../image/index/top1.png) no-repeat center center;
    display:none;
}
.news_backTop:hover{
    background: url(../../image/index/top.png) no-repeat center center;
}

.news_backTop:link{
    text-decoration:none;
    color:#fff;
}
.news_backTop:visited{
    text-decoration:none;
    color:#fff;
}
.news_backTop:hover{
    text-decoration:none;
    color:#fff;
}
.news_backTop:active{
    text-decoration:none;
    color:#fff;
}

/*backtop*/

/*QQ悬浮窗*/
.main-im{
    position:fixed;
    right:10px;
    top:300px;
    z-index:100;
    width:110px;
    height:272px;
}
.main-im .qq-a{
    display:block;
    width:106px;
    height:116px;
    font-size:14px;
    color:#0484cd;
    text-align:center;
    position:relative;
}
.main-im .qq-a span{
    bottom:5px;
    position:absolute;
    width:90px;
    left:10px;
}
.main-im .qq-hover-c{
    width:70px;
    height:70px;
    border-radius:35px;
    position:absolute;
    left:18px;
    top:10px;
    overflow:hidden;
    z-index:9;
}
.main-im .qq-container{
    z-index:99;
    position:absolute;
    width:109px;
    height:118px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom:1px solid #dddddd;
    background:url(http://demo.lanrenzhijia.com/2015/service0119/images/qq-icon-bg.png) no-repeat center 8px;
}
.main-im .img-qq{
    max-width:60px;
    display:block;
    position:absolute;
    left:6px;
    top:3px;
    -moz-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}
.main-im .im-qq:hover .img-qq{
    max-width:70px;
    left:1px;
    top:8px;
    position:absolute;
}
.main-im .im_main{
    background:#F9FAFB;
    border:1px solid #dddddd;
    border-radius:10px;
    background:#F9FAFB;
    display:none;
}
.main-im .im_main .im-tel{
    color:#000000;
    text-align:center;
    width:109px;
    height:65px;
    border-bottom:1px solid #dddddd;
}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:12px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../../image/contact_img.png) no-repeat left top;}
/*QQ悬浮窗*/

/*手机样式*/
@media screen and (max-width: 720px) { 
    .mobile_trun{
        display: block;
    }  
    .nav_bg{
        width: 100%;
        height: 70px; 
        min-width: 320px;
        background: #fff;
        border-bottom: none;
        top: -70px;
    }
    .fixednav{
        position: absolute;
        top: -70px !important;
    }
    .nav_right,.nav_tel,.nav_list,.nav_logo{
        display: none;
    }
    .nav_Logo{
        float: right;
    }
    .nav_logomb{
        display: block;
        margin: 23px 20px 13px 0;
    }
     .nav_mobile{
        margin: 25px 0 18px 20px;
        display: inline-block;
    }
    .banner {
        margin-top: 70px !important;
    }
    .page_left{
        display: block;
        position: absolute;
        width: 70%;
        box-sizing: border-box;
        padding: 20px;
    }
    .page_left ul li{
        line-height: 46px;
        border-bottom: 1px solid #e8e8e8;
        color: #64C6BA;
        font-size: 16px;
        padding-left: 20px;
        width: 100%;
    }
    .page_left ul li a{
        color: #64C6BA;
        display: inline-block;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
        width: 100%;
    }
    .page_hidden{
        display: none;
    }
    .page_left .page_hidden li{
        padding-left: 40px;
    }
    .page_down{
        margin: 22px 20px 0 0;
        width: 12px;
        height: 12px;
        float: right;
        border-top: 1px solid #D2D2D2;
        border-right: 1px solid #D2D2D2;
        transform: rotate(135deg);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        transition: all 0.5s; 
    }
    /*底部样式*/
    .footer_bg{
        min-width: 320px;

    }
    .footer{
        width: 100%;
    }
    .footer_msg{
        width: 100%;
        padding: 20px 0 5px;
    }
    .page{
        position: relative;
        background: #fff;
    }
    .page_layout{
        overflow: hidden;
    }
    .footer_msg_left{
        padding: 0 0 0 10px;
        background:#2E3643;
    }
    .footer_line{
        width: 100%;
    }
    .footer_msg_copy{
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: 0;
    }
    .footer_msg_right{
        display: none;
    }
    .footer_left_tel{
        font-size: 16px;
        color: #2bb8aa;
    }
    .footer_left_last{
        margin-bottom:0; 
    }
    .news_backTop{
        display: none !important;
    }
    .footer_left_item{
        height: auto;
    }
    .mobile_hidden{
        display: block;
        padding: 0 0 0 10px;
    }
    .footer_msg_left{
        float: none;
    }
    .footer_bg,.footer,.footer_msg{
        height: auto;
    }
    .display_none{
        display: none;
    }
}

@media screen and (min-width: 1600px) {
    .nav_tel {
        float: right;
        margin-right: 12%;
    }
    .nav_logo{
        float: left;
        margin: 18px 0 18px 60px;
    }

    .nav_right{
        float: right;
        height: 80px;
        padding: 23px 0;
        margin: 0 60px 0 35px;
    }
}

}

/*手机端样式*/