/*
Theme Name: qituo web desgin
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO qq66866111
Author URI: https://www.yxwlgs.net/
Description: 企业网站定制 for qituo web desgin
*/
body{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";}

.top-line{background-color: #fafafa;height: 40px;line-height: 40px;font-size:14px;color:#666;border-bottom: 1px solid #f1f1f1;}
.top-line a:link,.top-line a:visited{color:#666;padding-left: 10px;}
.top-line a:hover{color:#007BFF}

.top{background:#0072b3;padding:15px;color:#fff;font-size:14px;}
.top a:link,.top a:visited{color:#fff;padding-left: 15px;}
.top a:hover{color: #66ff66;}


.title{text-transform: uppercase;text-align: center;position: relative;}
.title .tit1{font-size:40px;font-weight: bold;color:#005BA8; }
.title .tit2{font-size:16px;color:#666;}
.title .tit3{width: 100%;font-size:28px;color:#12AFA3}
.title .tit4{font-size:30px;}
.title .line{height: 3px;background-color: #ccc;width:4em;}
.title::before,.title::after{content: '';display: block;position:absolute;width:170px;height: 5px;background: url(images/line02.png) repeat-x;top:30px;}
.title::before{left: calc(50% + 100px);}
.title::after{right: calc(50% + 100px);}

.home-about{background: #fff url(images/about-bg.jpg);background-size: cover;}
.atitle{font-size:30px;font-weight: bold;color:#005BA8;}
.home-about .ctitle .tit1{font-size:50px;color:#fff;font-family: 'Times New Roman', Times, serif;font-weight: bold;}
.home-about .ctitle .tit2{font-size:36px;font-weight: bold;color:#005BA8;}


.home-about .text{color:#666;line-height: 2em;}
.bg-about{background: url(images/about.jpg) center center;background-size: cover;height: 100%;}
.bg-contact{background: url(images/contact.jpg) center center;background-size: cover;height: 100%;}

.banner-search{background-color: #f1f1f1;}
.banner-search a:link,.banner-search a:visited{color:#666;}
.banner-search a:hover{color:#007BFF}


.img-scale{overflow: hidden;text-align: center;}
.img-scale img{transition: all ease .5s;}
.img-scale:hover img{transform: scale(1.2);}

.header{background-color: #fff;border-bottom: 1px solid #f1f1f1;}
.banner-bg{height: 90vh;}
.banner .ani-text{position:absolute;left: 5%;top:40%;color:#fff;width:90%;}
.banner .ani-text .t1{font-size:3rem;font-weight: bold;text-shadow: 3px 3px 10px  #000;}
.banner .ani-text .t2{font-size:1.8rem;text-shadow: 3px 3px 10px  #000;font-weight: 200;padding-top: 1rem;}



.home-products{background:#fafafa url(images/bg6.jpg) top center no-repeat;}
.home-products .item{background-color: #fff;position: relative;max-height: 100%;overflow: hidden;}
.home-products .item .wp-post-image{margin: 0;}
.home-products .item .tit{font-size:14px;padding:7px 0;position: absolute;bottom: 0;
    text-align: center;width:100%;background-color: rgba(0, 0, 0, .5);color:#fff;text-shadow: 2px 2px 5px 0 #000;}
.home-products .prlist>div:nth-child(3),.home-products .prlist>div:nth-child(4){padding-top:30px;}
.catlist{background-color: #005BA8;height: 100%;}
.catlist .tit{padding:20px;color:#fff;font-size:30px;}
.catlist ul{margin:0;padding:10px;list-style-type: none; }
.catlist ul li{margin-bottom: 1px;}
.catlist ul li a{display: block;padding:10px;background-color: #fff;font-size:14px;}
.catlist ul li a:hover{background: #D6F4FF;color:#333;}
.home-products .lphone{padding:0 15px;color:#fff;font-size:14px;background: url(images/lphone.png) 90% bottom no-repeat;}
.home-products .lphone strong{font-size:18px;}
.home-products .item .img-wrap img{transition: all ease .3s;}
.home-products .item:hover .img-wrap img{transform: scale(1.2);}

.news-img{position: relative;overflow: hidden;}
.news-img .tit{position: absolute;bottom: 0;width:100%;background-color: rgb(0,0,0,0.8);text-align: center;padding:10px 0;color:#fff;font-size:14px;}

.hot-keyrods{font-size:14px;}
.hot-keyrods a{padding-right: 10px;}

.alert p{margin-bottom: 0;}

ul.news-list{margin:0;padding:0;list-style-type: none;height: 100%; display: flex;flex-direction: column;justify-content:space-between;}
ul.news-list li{display: flex;flex-direction: column;justify-content: center;height: 100%;background-color: #fff;padding-left: 10px;padding-right: 10px;}
ul.news-list li:not(:last-child){border-bottom: 1px solid #ddd;padding-bottom:8px;}
ul.news-list li .tit{font-size:1rem;color:#78C0F5}
ul.news-list li .desc{font-size:14px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
ul.news-list li .time{font-size:14px;background: #0072b3;color:#fff;padding:2px 5px;color:#fff;display: inline-block;}
ul.news-list li:hover{background: #f1f1f1;}

.nb1{background: url(images/nb1_bg.jpg);}
.nb1 .btitle{text-align: center;}
.nb1 .btitle .tit1{color:#fff;font-size:36px;text-transform: uppercase;font-weight: 100;}
.nb1 .btitle .tit2{color:#dff0ff;font-size:30px;font-weight: bold;}
.nb1 .item{background: rgba(0,91,168,.7);padding:55px 0;text-align: center;color:#fff;height: 100%;cursor: pointer;}
.nb1 .item .icon{margin:auto;width:100px;height: 100px;border-radius: 30px;background-image: linear-gradient(0deg, #4DC3FF, #3ca7de, #4DC3FF)}
.nb1 .item .icon .fa{line-height: 100px;}
.nb1 .item .tit{padding:25px 0;font-size: 26px;font-weight: bold;}
.nb1 .item .more{padding-top: 30px;}
.nb1 .item .desc{height: 3em;}
.nb1 .item .more a:link,.nb1 .item .more a:visited{color:#fff;font-size:22px;}
.nb1 .item:hover{background:#005BA8 ;}


.home-contact .item{background: #43A3E9;padding:15px;text-align: center;color:#fff;text-shadow: 1px 1px 3px #333;height: 100%;}

.page-nav{height: 80px;border-bottom: 1px solid #ddd;}
.page-nav ul{margin:0;padding:0;list-style-type: none;display: flex;}
.page-nav ul li a{display: block;padding:0 50px;line-height: 80px;color:#333;}
.page-nav ul li a.active{background: #0072b3;color:#fff;}
/* public */
.bhover{transition: all ease .3s;}
.bhover:hover{transform: scale(1.2);}
.bgf{background: #fff;height: 100%;}
a:link,a:visited{color:#333;}
a:hover{text-decoration: none;}
.btn{white-space: nowrap;}
.py-6{padding:100px 0;}
.img-scale{overflow: hidden;text-align: center;}
.img-scale img{transition: all ease .5s;}
.img-scale:hover img{transform: scale(1.2);}
.pronav{background: #fff;}
.pronav .nav{width:100%;justify-content: center;}
.nav-pills .nav-link {border-radius: 0;}

.more-link{display: flex;}
.more-link a{display: block;padding:15px 40px;position: relative;transform: perspective(1px) translateZ(0);margin-right: 5px;}
.more-link a::after{content: '';position: absolute;display: block;width: 100%;height: 100%;transition: all ease .3s;
    left: 0;top: 0; z-index: -1;transform: scaleX(0);}

.more-link.light a{background: #fff;color:#333;border:1px solid #ccc;}
.more-link.light a:hover{color:#fff;}
.more-link.light a:hover::after{transform: scaleX(1);}
.more-link.light a::after{background: #0072b3;}

.more-link.dark a{background: #005BA8;color:#fff;border:1px solid #005BA8}
.more-link.dark a:hover{color:#005BA8;}
.more-link.dark a:hover::after{transform: scaleX(1);}
.more-link.dark a::after{background: #fff;}

.home-fd .btn{background: #005BA8;color:#fff;border:none;padding:20px 40px;border-radius: 0;border:1px solid #005BA8;}
.home-fd .btn:hover{background: #fff;color:#005BA8}
.home-fd .mc{display: block;width:100%;border:none;border-bottom: 1px solid #ddd;height: 50px;}
.home-fd .mc:focus,
.home-fd .mc:active,
.home-fd .mc:focus-visible,
.home-fd .mc:hover{border-bottom: 1px solid #005BA8;outline-offset: 0px;outline:none}

.bom{background: #333F4F;}
.fnav{display: flex;margin: 0;padding: 0;list-style-type: none;justify-content: flex-end;}
.fnav li a{height: 100px;line-height: 100px;color:#fff;padding:0 20px;}
.bom .bline{height: 1px;border-bottom: 1px solid #ddd;}
.footer_contact{color:#fff;}
.footer_contact h3{font-weight: bold;font-size:24px;margin-bottom: 1em;}


.numCount .item{padding:15px;background: #12AFA3;text-align: center;}
.numCount .item .bignum{font-size:30px;font-weight: bold;color:#fff;line-height: 40px;}
.numCount .item .unitC{font-size:16px;font-weight: normal;padding-left: 5px;}
.numCount .item .tit{color:#ddd;}
.numCount>div:nth-child(1),.numCount>div:nth-child(2){padding-bottom: 15px;}

.pagelist {padding:1rem 0;font-size: 14px;list-style-type: none;display: flex;justify-content: center; }
.pagelist span, .pagelist a {padding: 8px 15px;background-color: #ddd;color: #333;margin-right: 1px;display: block; }
.pagelist a:hover,.pagelist .current {background-color: #333; color:#fff;}
.pagination{justify-content:center;}

.footer{background: #333F4F;}
.footer .item{margin:0;padding:0;list-style-type: none;}
.footer .widgettitle{padding:15px 0;}
.footer .item .menu{margin:0;padding:0;list-style-type: none;color:#fff;line-height: 2em;}
.footer .item .menu a:link,.footer .item .menu a:visited{color:#fff;font-size:14px;transition: all ease .3s;display: block;}
.footer .item .menu a:hover{transform: translateX(5px);color:#c5ffde}
.footer .item .menu a::before{content: '-';padding-right: 5px;}
.footer .item .textwidget{font-size:14px;line-height: 2em;}
.footer .footer4 .textwidget{font-size:18px;}
.footer .footer4 .textwidget strong{font-weight: normal;font-size:22px;}
.footer .footer4 .textwidget p:nth-child(2){font-size:14px;}
.footer .footer4 .textwidget p:nth-child(3){font-size:16px;}
.footer .textwidget .wp-caption-text{color:#fff !important;}

.footer .copyright{padding:0 0 15px 0;font-size:14px;line-height: 2em;color:#ccc}
.footer .copyright p{margin:0;}
.footer .copyright a:link,.copyright a:visited{color:#ccc;}
.footer .copyright a:hover{color:#c5ffde}


.page-content{background-color: #fff}
.single-title{font-size:30px;padding:15px 0;margin:0;color:#000;line-height: 2em;font-weight: bold;border-bottom: 1px solid #ddd;}
.page-content .text{color:#333;line-height: 2em;}
/* .page-content-about .text p{text-indent: 2em;} */
.page-content .text h3{font-size:20px;color:#009900;font-weight: bold;}
.page-content .text img{max-width: 100%;height: auto;}
.page-content .pro-text{background-color: #fff;padding:15px;line-height: 2em;color:#666;}

.page-content .nav{border-bottom: 1px solid #ddd;padding:1rem 1rem 0 1rem}
.page-content .nav .nav-link{background-color: #fff;}
.page-content .nav .nav-link.active{background-color: #007BFF;}
/* .page-content .pro-title{background: #007BFF;padding:15px;text-align: center;font-size:32px;color:#fff;font-family:Verdana, Geneva, Tahoma, sans-serif;} */
.page-content .pro-title{color:#007BFF}
.page-content .text table{width:100%;}
.page-content .text table td,.page-content .text table th{border:1px solid #ddd;padding:5px;}

.archive-news .item{display: flex;margin-bottom: 15px;border-bottom: 1px solid #ddd;align-items: center;position: relative;}
.archive-news .item h3{font-size:18px;}
.archive-news .item .text{color:#666;font-size:14px;line-height: 2em;}
.archive-news .item::after{content: '';position: absolute;display: block; width:100%;bottom: 0;height: 1px;background-color: #007BFF;
    transition: all ease 1s;transform: scale(0);}
.archive-news .item:hover::after{transform: scale(1);}
.archive-news .item:hover{border-bottom: 1px solid transparent;}
.archive-news .item .dt{color:#009999;font-size:14px;font-family:Verdana, Geneva, Tahoma, sans-serif}

.archive-product .item{display: flex;padding:25px;background-color: #F5F5F5;height: 100%;}
.archive-product .item:hover{box-shadow: 3px 3px 3px 0 #ccc;}
.archive-product .text-wrap{padding-left: 1em;display: flex;flex-direction: column;justify-content: center;}
.archive-product .tit{font-size:18px;font-weight: bold;}
.archive-product .view-more span{background-color: #fff;padding:10px 20px;font-size:14px;border-radius: 5px;white-space: nowrap;}
.archive-product .item:hover .view-more span{background-color: #005BA8;color:#fff;}

/*侧边栏小工具*/
.silder1{background: #fafafa;height: 100%;}
.silder1 .xgj{margin:0;padding:0;list-style-type: none;}
.silder1 .xgj>li{padding:0 0 15px 0;}
.silder1 .widgettitle{background-color: #3AB54A;padding:20px 0;color:#fff;font-size:22px;font-weight: bold;margin-bottom: 1px;padding-left: 20px;;}
.silder1 .widgettitle::before{padding-right: 5px;}
.silder1 .search-form{display: flex;padding-top:15px;justify-content: space-around;}
.silder1 .search-form .search-field{height: 35px;line-height: 35px;text-indent: 5px;border:1px solid #ddd;}
.silder1 .search-form .search-submit{height: 35px;line-height: 35px;border:none;background-color:darkcyan; color:#fff;padding:0 20px;}
.silder1 .search-form .screen-reader-text{display: none;}

.silder1 .widget_nav_menu a{font-size:14px;}
.silder1 .widget_nav_menu .menu{margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .menu>li{margin-bottom: 1px;font-size:16px;}


.silder1 .widget_nav_menu .menu>li>a{background-color: #f1f1f1;color:#333;display: block;height: 60px;line-height: 60px;padding:0 15px;font-size:18px;font-weight: bold;}
.silder1 .widget_nav_menu .menu>li>a::before{content: '\f0da';font:normal normal normal 16px/1 FontAwesome;padding-right: 10px;}
.silder1 .widget_nav_menu .menu>.current-menu-item>a,.silder1 .widget_nav_menu .menu>li>a:hover{color:#005BA8;}
.silder1 .widget_nav_menu .sub-menu{display: flex;flex-wrap: wrap;margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .sub-menu li{width:50%;padding:5px;font-size:16px;}
.silder1 .widget_nav_menu .sub-menu li a{display: block;padding:10px;text-align: center;border:1px dotted #ddd;}
.silder1 .widget_nav_menu .sub-menu li a:hover{background-color: #f1f1f1;}

.silder1 .textwidget{margin-bottom: 0;}
.silder1 .textwidget p{margin-bottom: 0;}
.silder1 .textwidget{padding:15px;line-height: 2em;color:#666;font-size:14px;}


/*滚动*/
.gd{width:100%;overflow: hidden;padding-bottom: 30px;}
.gd ul{display: flex;margin:0;padding:0;list-style-type: none;}
.gd ul li{margin-right: 15px;background-color: #fff;padding:5px;position: relative;}
.gd ul li p{color:#666;position: relative;padding:5px;text-align: center;margin: 0;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gd ul li img{width:auto;max-height: 250px;border:1px solid #ccc;}
.gd ul li:hover p{color:#0092d6}
.gd ul li .cat-tit{color:#666;}
.btn-service a:link,.btn-service a:visited{color:#0678be;background: #fff;padding:15px 25px;font-size:20px;font-weight: bold;border-radius: 5px;}
.btn-service a:hover{background: #0678be;color:#fff;}

/*内页*/
.main{padding:1rem 0;}
.page-path{background-color: #f1f1f1;}
.page-path a:link,.page-path a:visited{color:#333;}
.page-path a:hover{color:#78C0F5;}
.page-path .breadcrumbs{font-size:14px;}


/*相册老编辑器*/
.gallery{display: flex;flex-wrap: wrap;background: #fafafa;padding:0 10px 10px 0;}
.gallery .gallery-item{padding:10px 0 0 10px;margin:0;text-align: center;}
.gallery .gallery-caption,.wp-block-image figcaption{text-align: center;font-size: 14px;color:#666;line-height: 1.5em;padding-top: 5px;}
.gallery .gallery-icon{overflow: hidden;position: relative;}
.gallery .gallery-icon::after{content: '\f00e';font: normal normal normal 30px/1 FontAwesome;color:#fff;display: flex;position: absolute;
    width:100%;height: 100%;left: 0;top: 0;justify-content: center;align-items: center;background: rgba(162,212,255,0.3);
    transition: all ease .3s; transform: scale(0);pointer-events: none;
}
.gallery .gallery-item img{transition: all ease .3s;}
.gallery .gallery-item:hover img{transform: scale(1.2);}
.gallery .gallery-item:hover .gallery-icon::after{transform: scale(1);}
.gallery-columns-5 .gallery-item{width:20%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery-columns-3 .gallery-item{width:33.33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-1 .gallery-item{width:100%}

.wp-caption .wp-caption-text{text-align: center;line-height: 1.5em;}

.wp-block-media-text ,.wp-block-gallery{margin-bottom: 3em !important;}
.wp-block-gallery ul{margin-bottom: 0;}
.wp-block-gallery .blocks-gallery-caption{text-align: center;color:#666;}


/*相册古腾堡*/



@media (min-width: 576px) { 
    
}


@media (min-width: 768px) { 
    /* .navbar-brand{display: none;} */
    /* .navbar-expand-md .navbar-collapse{flex-basis: 100%;}     */
    /* .top-menu .navbar-nav{justify-content:space-around;width:100%;} */
    .header #logo2{display: none;}
    .top-change #logo2{display: block;}
    .top-change #logo1{display: none;}
    body{padding-top:100px;}
}


@media (min-width: 992px) { 
    .top-phone{padding-top: 10px;display: flex;justify-content: flex-end;align-items: center; line-height: 100%;}    
    .top-phone .top-phone-img img{max-width: 50px;}
    .top-phone .top-phone-text span{color:#666;font-size:14px;}
    .top-phone .top-phone-text strong{font-size:20px;line-height: 30px;color:#000;}    
    .top-menu{padding:0;height: 100%;display: flex; align-items: center;justify-content: space-between;}            
    .top-menu .navbar-nav{justify-content:flex-end;display: -ms-flexbox;width:100%;} 

    .top-menu .navbar-nav>.nav-item>a:link,
    .top-menu .navbar-nav>.nav-item>a:visited{color:#333;font-size:16px;}
    .top-menu h1{font-size:30px;font-weight: bold;}    
    .top-menu .navbar-nav>.nav-item{font-size:16px;position: relative;min-width: 10vw;}    
    .top-menu .navbar-nav>.nav-item>.nav-link{position: relative;text-align: center;width:100%;
        transform: perspective(1px) translateZ(0);height: 100px;line-height: 100px;padding:0;
    }
    .top-menu .navbar-nav>.nav-item::after{content: '';position: absolute;transition: all ease .3s;transform-origin: 0 50%;
        left: 50%;bottom: 0;background-color: #009900;width:100px;height: 3px;z-index: 1;transform: scaleX(0)  translateX(-50px);}
    .top-menu .navbar-nav>.nav-item:hover::after,
    .top-menu .navbar-nav>.nav-item.active::after,
    .top-menu .navbar-nav>.nav-item.current-menu-parent::after{transform: scaleX(1) translateX(-50px);}
    .top-menu .navbar-nav>.nav-item>.nav-link:hover,
    .top-menu .navbar-nav>.nav-item.active>.nav-link,
    .top-menu .navbar-nav>.nav-item.current-menu-parent>.nav-link{color:#0072b3;}

    /*
    .top-menu .navbar-nav>.nav-item>.nav-link::before{
        content:'';
        height: 100%;width:100%;        
        position: absolute;
        transition-property: transform;
        left:0;bottom:0;
        z-index: -1;
        transform: scaleY(0);
        opacity: 0;
        transition: all ease .5s;
        background: #f1f1f1;
        transform-origin: 50% 100%; 
    }    
    .top-menu .navbar-nav>.nav-item:hover>.nav-link::before{transform: scaleY(1);opacity: 1;}
    .top-menu .navbar-nav>.nav-item>.nav-link:hover{color:#fff;}   
    .top-menu .navbar-nav>.nav-item:hover>a.nav-link{color:#333 !important;;}     
    .top-menu .navbar-nav>.active>a.nav-link{color:#333 !important;background-color: #f1f1f1;} 
    
    .top-menu .navbar-nav>.nav-item:hover>.dropdown-menu{transform: scaleY(1);}
    .top-menu .navbar-nav>.nav-item>.dropdown-menu{width:100%;display: block;border-radius: 0;padding:0;margin:0;border:0;box-shadow: 1px 1px 3px #666;
        background-clip:border-box;transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0%;}
    .top-menu .navbar-nav>.nav-item>.dropdown-menu a{padding:10px;text-align: center;font-size: 14px;}
    .top-menu .navbar-nav>.nav-item>.dropdown-menu a:not(:last-child){border-bottom: 1px solid #f1f1f1;}
    */
}   


@media (min-width: 1200px) { 
    .container{max-width: 90%;}
    .single-post .container{max-width: 80%;}
}


@media (max-width: 1199.98px) { 

}


@media (max-width: 991.98px) { 
     .news-list li{padding:15px;}
     .news-list li .tit{padding-bottom: 10px;}
     ul.news-list li .desc{white-space:unset;}
}


@media (max-width: 768px) { 
    .gallery .gallery-item{width: 50% !important;}
    .nb1 .row>div{padding-bottom: 15px;}    
    .top-phone{display: none;}
    .silder1{display: none;}   
}


@media (max-width: 575.98px) {      
    .page-nav {height: auto;padding-top:15px;}
    .page-nav ul{flex-direction: column;}
    .page-nav ul li a{height: 50px;line-height:50px ;}
    .py-6{padding:3em 0;}
    body{padding-top: 63px;}   
    .gallery .gallery-item{width:50%;}
    .bg-about,.bg-contact{min-height: 200px;}    
    .top-menu{position: relative;max-width: 100vw;}
    .top-menu .navbar-brand{max-width: calc(100% - 70px) !important}
    .top-menu .navbar-nav .nav-item{padding:5px 30px;background-color: #fff;}
    .top-menu .navbar-nav .nav-item:not(:last-child){border-bottom: 1px solid #ddd;}
    .top-menu .navbar-nav .nav-link{color:#333}  
    .top-menu .navbar-nav .nav-item.active .nav-link{color:#0072b3;}
    .top-menu .navbar-nav{border:1px solid #ddd;}
    .top-menu .navbar-toggler{display: block;width:50px;height: 40px;background: #f1f1f1;position: absolute;right: 1rem;top: 1.5rem;}
    .top-menu .navbar-brand{display: inline-block;}
    /* .navbar-collapse{position: absolute;background: #ffff;right: 5px;top: 66px;z-index: 999;} */
    
    .single-cat-products .silder1{display: block;}
    .btitle::before,.btitle::after{width:50px;}
    .nb1 .title{font-size:30px;}

    .banner-bg{height: 50vh;background-size: cover !important;}
    .banner .ani-text .t1{font-size:24px;}
    .banner .ani-text .t2{font-size:20px;}
    .banner .ani-text .t3{font-size:16px;}
    .banner .ani-text .t4{display: none;}

    .archive-product .item{flex-direction: column;padding:15px;}
    .archive-product .tit{font-size:14px;font-weight: bold;}
    .archive-product .view-more span{background-color: #fff;padding:5px 15px;font-size:14px;border-radius: 5px;}

    .title::before,.title::after{max-width:80px;}
    .footer .zhichi{text-align: left;}
}


/*客服代码*/
@media (min-width: 768px){
    .kf{display: flex;position: fixed;right: 0;bottom:30%;flex-direction: column;z-index: 999;}
    .kf dl{margin:0;padding:0;list-style-type: none;margin-bottom: 1px;position: relative;}
    .kf dt{text-align: center;width:50px;height: 50px;line-height: 50px;font-size:20px;position: relative;z-index: 999;cursor: pointer;        
    }
    .kf dd{background: #fff;padding:0 10px;position: absolute;
        color:#333;font-size:16px;transition: all ease .3s;right: -150px;top: 0;white-space: nowrap;min-height: 50px;line-height: 50px;
        transition: all ease .3s;opacity: 0;box-shadow: 1px 1px 3px 0 #ccc;
    }
    .kf dd::after{content: '';position: absolute;width:0;height: 0;top:50%;right:-5px;transform: translateY(-50%);
        border-left: 5px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
    .kf dt{background: #12AFA3;}
    .kf dt .fa{color:#fff;}
    .kf dd a:link,.kf dd a:visited{color:#78C0F5;}
    .kf dl:hover dt{background: #333;}
    .kf dl:hover dd{opacity: 1;right: 58px;}        
}

@media (max-width:768px) {
    body{padding-bottom: 63px;}
}

@media (max-width: 767px) {        
    .kf{position: fixed; bottom: 0;left: 0; background: #12AFA3;color:#fff;width:100vw;display: flex;justify-content: space-around;z-index: 999;}
    .kf dl{margin:0;padding:0;width:100%;}        
    .kf dl:not(:last-child){border-right: 1px solid #ddd;}
    .kf dt{text-align: center;padding:5px;color:#12AFA3;font-size:18px;}    
    .kf .fa{color:#fff;}
    .kf dd{text-align: center;margin:0;padding:0;font-size:14px;color:#fff;padding-bottom: 5px;}
    .phone-menu{position: fixed;background: #0678be;color:#fff;height: 100vh;width:60vw; z-index: 998;left: 0;top:0;
        display: flex; flex-direction: column;box-shadow: 1px 1px 3px #ccc;transition: all ease .3s;transform: translateX(-110%);}
    .phone-menu .navbar-nav{margin:0;padding:0;list-style-type: none;width:100%;padding:10px;box-sizing: border-box;}
    .phone-menu .navbar-nav>li{margin-bottom: 5px;}
    .phone-menu .navbar-nav>li>a{display: block;font-size:18px;text-decoration: none;background-color:#78C0F5;color:#fff;padding:15px;text-align: center;border-radius: 5px;}
    .phone-search{padding:5px;}
    .phone-search label{font-size:14px;color:#666;}
    .phone-menu.show{transform: translateX(0);}    
}