body{font-size: 0.95rem;}
.jumbotron{background-color: #FFFFFF;}
.jumbotron-center{text-align: center;}

.fixed-top{position:absolute;top:0px;}
/* 导航 */
html.ac-gn-noscroll{margin-top:0!important}
html.ac-gn-noscroll,html.ac-gn-noscroll body{overflow:hidden!important;height:100%!important}
html.ac-gn-noscroll-long{overflow-y:scroll!important}
.header{height:45px;width: 100%;z-index: 999;background: #FFF;box-shadow:0px 1px 2px #cdcdcd;}
.header .m-home{display:block;float:left;z-index:99999;position:relative;margin-top:13px;margin-left:13px;width:19px;height:19px;}
.header .m-home a{display: block;width:100%;height: 100%;}
.header .m-home a i{font-size: 22px;color: #4a4a4a;}
.header .m-home a img{display: block;width: 100%;height:100%;}
.header .logo{display:inline-block;float:left;position: absolute;width:82px;height:35px;left:50%;top:5px;margin-left:-41px;}
.header .logo img{display:block;width: 100%;height: 100%;}
.header .header-nav{display: none;min-height:1500px;background:#000;z-index:9999;position: relative;padding-top:30px;width: 100%;}
.header .header-nav .header_ul{display: block;padding: 20px 20px 0;}
.header .header-nav .header_ul .header_li{display:block;overflow: hidden;border-bottom: 1px solid #2b2b2b;padding-bottom:5px;margin-top:5px;width: 100%;}
.header .header-nav .header_ul #titleNo{display:none;}
.header .header-nav .header_ul .header_li .header_title{width:100%;display:block;padding:5px 0;color: #d4d4d4;font-size: 15px;}
.header .header-nav .header_ul .header_li .menu{float: left;display: inline-block;}
.header .header-nav .header_ul .header_li .menu a{color: #787878;display: inline-block;margin-right:5px;margin-bottom: 5px;font-size: 14px;}
.header .header-nav ul.header-nav-right{padding-top:0px;}
.header .m-btn{display: block;float:right;position: relative;width:45px;height: 45px;}
.header .m-btn span{display: block;float:right;width:45px;height: 45px;}
.header .icon{display:block;color: #888;height:45px;font-size:25px;text-align: center;float:right;width:45px;z-index:99999;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.header .icon:hover{cursor: pointer;}
.header .icon span{position: absolute;left: calc((100% - 22.5px) / 2);top: calc((100% - 1px) / 2);width:22.5px;height: 1px;background-color:#888;-webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s;}
.header .icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.header .icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.header .icon-click span:nth-child(1){transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .icon-click span:nth-child(2){transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.top_fixed{height:45px;}
@media only screen and (min-width:320px) {
    .header .header-nav{display: none;min-height:1500px;background:#000;z-index:999;padding-top:15px;position: fixed;}
    .header .header-nav .header_ul .header_li{display:block;overflow: hidden;border-bottom: 1px solid #2b2b2b;padding-bottom:4px;margin-top:4px;}
}
@media only screen and (min-width:768px) {
    .header{height: 65px;}
    .header-main{width: 1200px;margin: 0 auto;height: 65px;}
    .header{display:block;}
    .header .m-home{display:none;}
    .header .logo{position:static;width:117px;height:50px;margin-left:0;margin-top:7px;}
    .header .icon{display:none;}
    .header .header-nav{display:inline-block;float: right;width:auto;background: #FFF;padding-top: 0;height: 65px;min-height:65px;position: relative;}
    .header .header-nav .header_ul{padding: 0;}
    .header .header-nav .header_ul .header_li{display: inline-block;float: left;width: auto;margin-top:0px;padding-bottom:0px;border-bottom:0;}
    .header .header-nav .header_ul #titleNo{display:none;}
    .header .header-nav .header_ul .header_li .header_title{display:block;line-height: 65px;float:none;width:auto;padding: 0px 15px;text-align: center;color: #000000;font-size: 16px;border: 0;}
    .header .header-nav .header_ul .header_li .menu{display:none;background:#FFF;width:90%;float: none;padding:0px;position: relative;box-shadow: 0px 0px 2px #888;margin-left: 5%;}
    .header .header-nav .header_ul .header_li .menu a{padding:12px 0px;text-align:center;font-size:15px;display: block;border-bottom:1px solid #ededed;color: #000;margin:0;}
    .header .header-nav .header_ul .header_li .menu a:hover{color: #029284}
    .header .dsj{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #eeeeee;position: absolute;top:-16px;left:50%;margin-left: -8px;}
    .top_fixed{height:65px;}
}

.index-text{max-width: 1300px;margin: 0 auto;overflow: hidden;padding-bottom: 50px;}
.index-text ul{overflow: hidden;}
.index-text li{display: block;width: 50%;float: left;padding: 0px 20px;margin-bottom: 30px;}
.index-text li a{display: block;overflow: hidden;}
.index-text li h4{font-size: 18px;line-height: 30px;color: #333333;margin-bottom: 10px;font-weight: 400;}
.index-text li p{font-size: 14px;text-align: justify;color: #999;display: block;height: 50px;}
.index-text-more{text-align: center;padding: 20px;}
.index-text-more a{display: inline-block;padding: 10px 30px;font-size: 14px;background: #e4e4e4;border-radius: 90px;color: #000000;}
.index-text-mete{font-size: 12px;color: #929292;}
.index-text-mete .leibie{margin-right: 10px;padding: 2px 5px;background: #e0e0e0;border-radius: 90px;color: #59b0a5;}
.index-text-mete .views{color: #929292;}

.index-vr{width: 1300px;height:600px;margin:100px auto 30px auto;position: relative;background: #000000;}
.index-vr img{display: block;width: 100%;border: 0;opacity: 0.5;}
.index-vr h2{display: block;position: absolute;top: 200px;color: #FFF;text-align: center;width: 100%;font-size: 50px;}
.index-vr a{display: block;position: absolute;top: 300px;border-radius: 90px;height: 50px;width: 200px;text-align: center;line-height: 50px;color: #000000;left: 50%;margin-left: -100px;background: #f8f9fa;}

.index-address{width: 1300px;margin:0px auto;overflow: hidden;}
.index-address li{display:block;width:31.33%;margin:1%;padding: 20px;float:left;box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 0.75rem -0.0625rem rgba(0,0,0,0.06) !important;}
.index-address h5{}
.index-address li p{color: #8c8c8c;font-size: 14px;margin-bottom: 15px;}
.index-address li a{background-color: #33cb81;display: inline-block;color:#FFFFFF;padding: 5px 10px;font-size: 15px;border-radius: 3px;}

.index-lvpai{width: 1300px;margin: 0 auto;overflow: hidden;}
.index-lvpai li{display: block;width: 33.33%;float: left;padding: 10px;}
.index-lvpai li a{display:block;position: relative;overflow: hidden;}
.index-lvpai li img{display: block;width: 100%;border-radius: 2px;}

.index-picture-list{width: 1300px;margin: 0 auto;overflow: hidden;}
.index-picture-list li{float: left;width: 24%;margin: 0.5%;}
.index-picture-list a{display: block;overflow: hidden;position: relative;border-radius: 5px;}
.index-picture-list img{display: block;width: 100%;}
.index-picture-list a .pic-info{
    position: absolute;left: 0;bottom: -100px;width: 100%;height: 95px;
    background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0.25) 71%, rgba(0, 0, 0, 0) 99%);
    padding: 60px 20px 0px 20px;color: #FFFFFF;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
    transition: linear 0.15s, transform 0.35s;
}
.index-picture-list a .pic-info .views{display: inline-block;float: right;font-size: 14px;color: #FFFFFF;background: url("../ico/bi-heart.svg") no-repeat left center;padding-left: 20px;}
.index-picture-list a:hover .pic-info{bottom: 0px;opacity: 0.64;}



.page-header{height: 300px;background-image: url("//www.fndd.cn/uploadfile/other/page/mpage-background.jpg");background-repeat:no-repeat;background-position:top;}
.page-header .jumbotron{background: none!important;text-align: center;padding: 5rem 1rem;}
.page-header .jumbotron h1{color: #FFFFFF!important;font-size: 3rem;}
.page-header .jumbotron p{color: #adadad!important;font-size: 1rem;}
.page-header .jumbotron a{background: #FFF;border-radius: 90px;padding:10px 30px;;margin: 1rem;}
@media only screen and (min-width:768px) {
.page-header{background-image: url("//www.fndd.cn/uploadfile/other/page/pcpage-background.jpg");height: 480px;}
.page-header .jumbotron{padding: 6rem 2rem;}
.page-header .jumbotron h1{font-size: 6rem;}
.page-header .jumbotron p{font-size: 2rem;}
.page-header .jumbotron a{padding: 10px 50px;margin: 2rem;}
.page-header .jumbotron a:hover{background-color: #21c87a;color: #FFFFFF;}
}

.page{}
.page-title{font-size: 1.5rem;text-align: center;padding: 2rem;}

.page-nav{padding: 2rem 1rem;text-align: center;overflow: hidden;}
.page-nav a{color: #444;padding: 5px 0px;background: #eaeaea;border-radius: 90px;display: block;width: 31.33%;float: left;margin: 1%;}
@media only screen and (min-width:768px) {
.page-title{font-size: 2rem;padding: 3rem;}
.page-nav{padding: 5rem;text-align: center;}
.page-nav a{display: inline-block;width: auto;padding: 10px 50px;float: none;}
.page-nav a:hover{background-color: #21c87a;color: #FFFFFF;}
}


#brand{padding: 15px;}
#brand p{color: #4c4c4c;font-size: 1rem;}
.about p{text-indent: 2rem;margin-bottom: 1rem;}
.certificate p{margin-bottom: .2rem;}
.vision h6{display: block;margin-bottom: 1rem;width: 100%;font-weight: 800;}
.vision p{margin-bottom: 1rem;line-height: 30px;}
@media only screen and (min-width:768px) {
#brand{max-width: 750px;margin: 0 auto;}
}

#contactus .kefu-li{margin-bottom: 1rem;}
#contactus .kefu-li p{color: #888;}
#contactus .kefu-li .contactus-tel{font-size: 2rem;font-family: 'simhei';color: #000;}
#contactus .address{padding: 15px;}
#contactus .address p{margin-bottom: 1rem;display: block;overflow: hidden;width: 100%;color: #888;}
#contactus .address p span{color: #3F3F3F;display: block;font-weight: 800;}
@media only screen and (min-width:768px) {
#contactus .address{max-width: 500px;margin: 0 auto;}
}


/*获取报价按钮*/
.footer-baojia{padding:30px 15px;text-align: center;background: #f7f7f7;}
.footer-baojia a{display: inline-block;font-size: 16px;padding: 10px 30px;background: #81d6cf;border-radius: 90px;color: #FFF;}
@media only screen and (min-width:768px) {
.footer-baojia{display: none;}
}


/*PC端底部表单*/
.bottom_form{display: none;}
@media only screen and (min-width:768px) {
    .bottom_form {
        display: block;
        width: 100%;
        background: #f90036;
        position: fixed;
        bottom: 0;
        z-index: 9;
    }

    .bottom_form .bottom_form_box {
        max-width: 1280px;
        margin: 0 auto;
        overflow: hidden;
        padding: 10px 0;
    }

    .bottom_form .bottom_form_box .bottom_form_title {
        width: 37%;
        float: left;
    }

    .bottom_form .bottom_form_box .form-inline {
        width: 63%;
        float: left;
    }

    .bottom_form .bottom_form_box .bottom_form_title i {
        background: url(../image/libao.svg) no-repeat left center;
        background-size: 60px;
        padding-left: 60px;
        width: 10%;
        float: left;
        overflow: hidden;
        height: 60px;
    }

    .bottom_form .bottom_form_box .bottom_form_title div {
        width: 70%;
        float: left;
        color: #fff;
        height: 60px;
    }

    .bottom_form .bottom_form_box .bottom_form_title div p:first-child {
        font-size: 25px;
    }

    .bottom_form .bottom_form_box .bottom_form_title div p:first-child span {
        font-weight: 700;
    }

    .bottom_form .bottom_form_box .bottom_form_title div p:last-child {
        margin-top: 2px;
        font-size: 12px;
    }

    .bottom_form .bottom_form_box .form-inline span {
        height: 60px;
        line-height: 60px;
        color: #FFF;
        margin-right: 5px;
        margin-left: 15px;
    }

    .bottom_form .bottom_form_box .form-inline input {
        height: 35px;
        border: 1px solid #e6e6e6;
        padding: 0px 5px;
        width: 150px;
    }

    .bottom_form .bottom_form_box .form-inline input.btn_submit {
        height: 35px;
        margin-left: 50px;
        border: 1px solid #e6e6e6;
        padding: 0px 5px;
        width: 120px;
        background: #ffdf00;
        color: #000;
        font-size: 16px;
    }
}


/*手机端底部导航*/
.bottom_fixed{position: fixed;display:flex;flex-direction:row;width:100%;bottom:0px;height:35px;line-height:35px;background:#ff0000;justify-content: space-evenly;}
.bottom_fixed span{font-size: 12px;padding-left: 25px;}
.bottom_fixed span.tel{background:url(http://www.fndd.cn/statics/wecm/image/bootom_fixed_tel.svg) no-repeat left center;background-size: 20px 20px;}
.bottom_fixed span.online{background:url(http://www.fndd.cn/statics/wecm/image/bootom_fixed_news.svg) no-repeat left center;background-size: 20px 20px;}
.bottom_fixed span.baojia{background:url(http://www.fndd.cn/statics/wecm/image/bootom_fixed_pay.svg) no-repeat left center;background-size: 20px 20px;}
.bottom_fixed span a{color: #FFF;}

/*通用footer*/
.footer{background-color: #FFFFFF;padding: 3rem 1.5rem;border-top: 1px solid #f1f1f1;}
.footer-nav-logo{margin-bottom: 1rem;}
.footer-nav-logo .footer-logo-img{width: 100px;margin-bottom: 10px;}
.footer-nav-logo .tel400{display:block;color: #000;font-size: 30px;line-height:50px;font-family:'simhei';margin-bottom: 1rem;}
.footer-nav-logo p{font-size: 14px;color: #869ab8;margin-bottom: .1rem;}
.footer-nav-logo p a{color: #869ab8;}
.footer-nav-ul{margin-bottom: 1rem;}
.footer-nav-ul h6{font-size: 12px;color: #0C0C0C;}
.footer-nav-ul ul li a{display: block;padding: 5px 0;font-size: 14px;color: #869ab8;}
@media only screen and (min-width:768px) {
.footer{background-color:#f1f4f8;padding: 6rem 0rem;}
}