/*
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
*/

@media (min-width: 767.98px) {             
    .top-phone{padding-top: 10px;display: flex;justify-content: flex-end;align-items: center; line-height: 100%;}
    /* .top-phone .top-phone-text{} */
    .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:24px;line-height: 30px;color:#000;}
    /* .top-change .container{max-width: 1140px;} */     
    .dropdown-item.active, .dropdown-item:active{background-color: #12AFA3;}    
    .big-gallery{height: 300px;}
    .top-menu{background-color: #026bcc;}
    .top-menu .navbar-nav{justify-content: space-around;width: 100%;}
    .top-menu .navbar-nav>li>a:link,.top-menu .navbar-nav>li>a:visited{color:#fff;}
 }


@media (min-width: 1199.98px) {                       
    .big-gallery{height: 600px !important}
    .container{
        max-width: 1200px;
    }        
    .nb .wrap1{height: 400px;border:2px solid #CBFFDB;;position: absolute;
        width:calc(100% + 100px);left: 0;top:0;
        padding:30px;
    }
    .btitle .tit1{font-size:40px;}    
    ul.pro-desc.c2{display: grid;grid-template-columns: 50% 50%;gap: 10px;}
    .ad{padding:100px 0;}

    .top-menu{padding:0;height: 100%;align-items: center;background-color: #026bcc;}            
    .top-menu .navbar-nav>.nav-item>a:link,
    .top-menu .navbar-nav>.nav-item>a:visited{color:#fff;font-size:16px;}
    .top-menu h1{font-size:30px;font-weight: bold;}
    .top-menu .navbar-nav{width:100%;justify-content:space-around;gap:1px} 
    .top-menu .navbar-nav>.nav-item{font-size:16px;width:100%;}
    .top-menu .navbar-nav>.nav-item>.nav-link{padding:15px 0;position: relative;text-align: center;width:100%;
        transform: perspective(1px) translateZ(0);
    }
    .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: scale(0);
        opacity: 0;
        transition: all ease .5s;
        background: #f1f1f1;
        transform-origin: 50% 50%; 
    }    
    .top-menu .navbar-nav>.nav-item:hover>.nav-link::before{transform: scale(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{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: 1023.98px) {
    .nb1{background: #fff url(images/n1.jpg) center center no-repeat;}
    .nb1 .items{position: relative;height: 500px;}
    .nb1 .item{position: absolute;width:280px;height: 200px; font-size:14px;color:#666;}
    .nb1 .item .tit{font-size:24px;color:#000;}
    .nb1 .item .desc{font-size:12px;color:#666;line-height: 2em;padding-top: 15px;}
    .nb1 .items>div:nth-child(1){left: 0;top: 20px;}
    .nb1 .items>div:nth-child(2){right: 0;top: 20px;}
    .nb1 .items>div:nth-child(3){left: 0;top: 250px;}
    .nb1 .items>div:nth-child(4){right: 0;top: 250px;}
}

.top-line{background-color: #f1f1f1;height: 40px;line-height: 40px;font-size:14px;color:#333;}
.top-line a:link,.top-line a:visited{color:#333;padding-left: 10px;}
.top-line a:hover{color:#12AFA3}
.top{font-size:14px;color:#666;background-color: #fff;}
.top .links a:link,.top .links a:visited{padding-left: 15px;color:#666;}
.top a:hover{color:#66ccff}
.top .logo{padding:15px 0;}

a:link,a:visited{color:#333;}
a:hover{text-decoration: none;}

.tp{display: flex;width:260px;float:right}
.tp-text{padding-left:1em;}
.tp-text span{color:#999;display: block;}
.tp-text strong{font-size:28px;line-height: 130%;color:#12AFA3;font-family: "Impact","Microsoft YaHei","Arial";font-weight: normal;}
.top-padding{padding-top: 100px;}

.navbar-brand{display: none;}

.htitle{text-transform: uppercase;text-align: center;}
.htitle .tit1{font-size:36px;color:#0678be;font-weight: bold;}
.htitle .tit2{color:#999;padding-top:15px}

.btitle{text-transform: uppercase;text-align: center;}
.btitle .tit1{font-size:40px;font-weight: bold;color:#0678be; }
.btitle .tit2{font-size:16px;color:#666;}
.btitle .tit3{width: 100%;font-size:28px;color:#12AFA3}

.banner .img-inner{background-size:contain;}

.text figure,.text img{max-width: 100%;overflow: hidden;}
.text table{width:100%;margin-bottom: 20px;}
.text table td,.text table th{border:1px solid #ddd;padding:5px;}


.home-products .item{background-color: #f1f1f1;padding:5px}
.home-products .tit{position: relative;height: 2rem;line-height: 2rem;font-size:14px;font-weight: bold;transform: perspective(1px) translateZ(0);}
.home-products .tit::after{content: '';position: absolute; background-color: #006699;display: block;
    width:100%;height: 100%;left: 0;top:0;transition: all ease .3s;transform: scaleX(0);z-index: -1;
}
.home-products .item:hover .tit::after{transform: scaleX(1);}
.home-products .item:hover .tit{color:#fff;}

.home-products .catlist{background-color: #0678be;box-shadow: 3px 3px 10px 0 #ccc;height: 100%;overflow: hidden;}
.home-products .catlist .tit{color:#fff;padding:20px 40px;border-bottom: 1px solid #fff;}
.home-products .catlist .tit strong{display: block;color:#fff;font-size:26px;}
.home-products .catlist .tit span{color:#fff;font-size:32px;text-transform: uppercase;margin:-10px 0 0 0;
    display: block;font-weight: 300;color:#f1f1f1}
.home-products .catlist ul{margin:0;padding:0;list-style-type: none;background-color: #fff;font-size:14px;}
.home-products .catlist ul li{border-bottom: 1px solid #009900;}
.home-products .catlist ul li a{display: block;padding:10px;transition: all ease .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-products .catlist ul li a:hover{transform: translateX(10px);background-color: #f1f1f1;color:#009900}
.home-products .catlist .lphone{margin-top:20px;}
.home-products .hp-title{display: flex;justify-content: space-between;text-transform: uppercase;}
.home-products .hp-title .more{padding-top:10px;font-size:14px;}
.home-products .hp-title .more a{color:#666}
.home-products .hp-title .more a:hover{color:#006699}
.home-products .hp-title .tit strong{font-size:24px;}
.home-products .hp-title .tit span{color:#666;}




.nb2 .item .icon{width:113px;height: 113px;margin:auto;transition: all ease .3s;}
.nb2 .item:hover .icon{background-position: center bottom;}
.nb2 .item .tit{text-align: center;padding-top: 15px;}
.nb2 .row>div:nth-child(1) .item .icon{background-image: url(images/tec_ico3.png);}
.nb2 .row>div:nth-child(2) .item .icon{background-image: url(images/tec_ico1.png);}
.nb2 .row>div:nth-child(3) .item .icon{background-image: url(images/tec_ico2.png);}
.nb2 .row>div:nth-child(4) .item .icon{background-image: url(images/tec_ico4.png);}
.nb2 .row>div:nth-child(5) .item .icon{background-image: url(images/tec_ico5.png);}
.nb2 .row>div:nth-child(6) .item .icon{background-image: url(images/tec_ico6.png);}

.nb2 .phone a{display: block;width:360px;background-color: #007BFF;margin:auto;padding:15px;text-align: center;color:#fff;font-size:22px;}
.nb2 .phone a:hover{background-color: #12AFA3;}
.nb2 .phone i{border:1px solid #fff;padding:2px 4px;border-radius: 50%;}



.lphone{color:#fff;text-align: center;background: url(images/lphone.png) right top no-repeat;min-height: 85px;
    text-align:left;margin-right: 15px;padding-left: 15px;}
.lphone p{font-size:16px;}
.lphone p strong{font-size:24px;font-weight: bold;font-style: italic;}

.banner{position: relative;}
.banner-search{width:100%;padding:10px 0;box-shadow: 1px 1px 3px #ddd;color:#999;font-size:14px;line-height: 38px;}
.banner-search a:link,.banner-search a:visited{color:#999;font-size:14px;}
.banner-search a:hover{color:#000;}
.banner-search .wrap{background-color: #fff;}
.search-wrap{display: flex;justify-content: flex-end;}

.tit-wrap{display: flex;flex-direction: column;height: 100%;justify-content: space-between;background-color: #f1f1f1;padding:22px;}
.tit-wrap .btitle{text-align: left;}
.tit-wrap .tit2{font-size:40px;color:#aaa;font-weight: normal;text-transform:capitalize;font-family:'Times New Roman', Times, serif}

.bline{position: relative;padding-bottom: 10px;}
.bline::after{content:'';position: absolute;width:50%;height: 3px;background: #66ccff;left: 0;bottom: 0;}
.text{line-height: 2em;font-size:16px;}

.news-block figure{overflow: hidden;background-color: #fafafa;padding:15px;height: 100%;transition: all ease .5s;border:1px solid #ccc;}
.news-block figure p{font-size:14px;color:#666;margin:0;}
.news-block .item:hover figure{box-shadow: 3px 3px 3px #999;transform: translateY(-10px);border-color: #009900;}
.news-block figcaption{padding:10px 0;}

.hp .item .tit{text-align: center;font-size:14px;padding-top:5px;}

/* 公司简介更多链接 */
.more-link>a{color:#fff;border:1px solid #009900;color:#009900;
    display: inline-block;height: 40px;line-height: 40px;width:120px;text-align: center;
    position: relative;transform: perspective(1px) translateZ(0);
}
.more-link>a:hover{color:#fff;}
.more-link>a::before{content:'';background: #009900;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;transform: scaleX(0);transition: all ease .3s;}
.more-link>a:hover::before{background-color:#009900 ;transform: scaleX(1);}

.home-about{background:#f1f1f1}
.home-about .wrap-img{position: relative;}
.home-about .title{text-align: left;border-bottom: 1px solid #ddd;padding:10px 0;font-weight: bold;}
.home-about .text{font-size:14px;padding-top: 10px;}
.home-about .bg1{background: url(images/about1.jpg);height: 100%;background-size: cover;min-height: 250px;}
.home-about .bg2{background: url(images/about2.jpg);height: 100%;background-size: cover;min-height: 250px;}


.home-about .more-link>a{color: #090;;background-color: #fff;}
.home-about .more-link>a:hover{color:#fff;}
.home-about .more-link>a::before{background: #009900;}
.home-about .more-link>a:hover::before{background-color:#009900 ;}

.app-list{display: flex;flex-wrap: wrap;padding-top:30px;}
.app-list .item{width:25%;position: relative;overflow: hidden;}
.app-list .item .toggle{background-color: rgba(0, 102, 188, 0.8);position: absolute;width:100%;height: 100%;left: 0;
    top:0;text-align: center;padding:2rem;color:#fff;display: flex;justify-content: center;flex-direction: column;line-height: 1.5em;
    transition: all ease .3s;transform: translateY(100%);
}
.app-list .item .toggle .tit{font-size:30px;padding-bottom:20px;}
.app-list .item>.tit{position: absolute;bottom: 0;left: 0;width:100%;text-align: center;background-image: linear-gradient(90deg, rgba(0,79,123,.5), #000, rgba(0,79,123,.5));
    padding:10px;color:#fff;transition: all ease .3s;}
.app-list .item img{width:100%;height: auto;}
.app-list .item:hover .toggle{transform: translateY(0);}
.app-list .item:hover>.tit{transform: translateY(100%);}
.app-list .item .toggle .desc{font-size:14px;}

.hnews1 .item{height: 100%;margin-bottom: 15px;background-color: #fff;box-shadow: 3px 3px 8px 0 #ccc;}
.hnews1 .item .tit{padding:10px;}
.hnews1 .item p{margin: 0;padding:10px;color:#999;font-size: 14px;}


h1.page-title{font-size:32px;font-weight: normal;padding:15px 0;}

.pagenav{border-bottom: 1px solid #ddd;}
.pagenav .nav-link{display: block;padding:20px 35px;}
.pagenav .nav .active{background: #009900;color:#fff;}


#sw3{padding-bottom: 50px;}

.ad1{background: url(images/h1.jpg);}
.ad1 .t1{font-size:40px;color:#fff;}
.ad1 .t2{color:#fff;font-size:20px;}
.ad1 .phone-text{color:#f1f1f1;}
.ad1 .phone a{display: block; width:350px;margin:auto;background: #fff;color:#333; padding:15px 20px;font-size: 22px;font-weight: bold;}
.ad1 .phone a:hover{background: #12AFA3;color:#fff;}



.mynav ul{justify-content: center;}
.mynav ul li{padding:0 2px;}
.mynav ul li a{background: #000;padding:15px 20px;color:#fff;position: relative;display: inline-block;
    transform: perspective(1px) translateZ(0);
}
.mynav ul li a::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #12AFA3;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.mynav ul li a:hover:before{transform: scale(1);}
/* .mynav ul li a:hover{background: #000;} */


.img_list1 .item .wrap-img{border:1px solid #ccc;}
.img_list1 .item .tit{text-align: center;padding:10px 0;}

.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;}

.index1{background-color: #f1f1f1;}
.index1 .more a:link,.index1 .more a:visited{color:#fff;}
.index1 .more a:hover{color:#333;}

.pro-nav{padding:15px 0;}
.pro-nav ul{width:100%;justify-content: space-around;flex-wrap: nowrap !important; gap: 10px;}
.pro-nav ul li{width:100%;}
.pro-nav ul li a{text-align:center;display: block;background: #000;padding:15px;color:#fff;}
.pro-nav ul li a:hover{background: #0678be;}


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



.index1{background-color: #f1f1f1;}
.index1 .more a:link,.index1 .more a:visited{color:#fff;}
.index1 .more a:hover{color:#333;}

.footer{background: #0072b3 url(images/about-bg.png);color:#fff;padding:50px 0 0 0;}
.footer p{margin:0;}

.flinks-wrap .title{font-size:18px;color:#fff;font-weight: bold;}
.flinks-wrap .title .fa{}
.flinks-wrap .flinks{margin:0;padding:0;list-style-type: none;padding-top:10px;}
.flinks-wrap .flinks .nav-link{padding:0;color:#fff;font-size:14px;display: inline;padding-right: 15px;}
.flinks-wrap .flinks .nav-link:hover{color:#66ccff}

.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 .container{margin-bottom: 15px;}
.footer .copyright{border-top:1px solid #fff;padding:15px;font-size:14px;line-height: 2em;}
.footer .copyright p{margin:0;color:#fff}
.footer .copyright a:link,.copyright a:visited{color:#fff;}
.footer .copyright a:hover{color:#c5ffde}

.main{padding:1rem 0;}

.archive-product{padding:15px;}
.archive-product .item{margin-bottom: 15px;}
.archive-product .item .tit{text-align: center;padding:10px 0;font-size:14px;}
.single-title{text-align: center;font-size:30px;padding:15px;margin:0;color:#009900;}

.page-content{background-color: #fafafa;box-shadow: 2px 2px 6px 0 #ddd;}
.page-content .text{padding:15px;color:#666;}
.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}

.archive-news{padding:15px;}
.archive-news .item{display: block;height: 100%;border:1px solid #ddd;transition: all ease .3s;}
.archive-news .item:hover{transform: translateY(-5px);box-shadow: 1px 1px 3px #ccc;}
.archive-news .item a{display: flex;height: 100%; flex-direction: column;}
.archive-news .item .tit{font-size:20px;color:#009900}
.archive-news .item .desc{padding:15px 0;color:#666;font-size:14px;}
.archive-news .item .date{color:#999;text-align: right;padding-right: 15px;font-family: Arial, Helvetica, sans-serif;padding-bottom: 15px;}
.archive-news .item .more{border-top:1px solid #ddd;padding:10px 0;font-size:14px;color:#666;position: relative;justify-self: flex-end;}
.archive-news .item .more::after{content: "\f061";position: absolute;right: 0;top:50%;transform: translateY(-50%) translateX(-20px);
    font: normal normal normal 14px/1 FontAwesome;transition: all ease .5s;}
    .archive-news .item:hover .more::after{transform: translateY(-50%) translateX(0) scale(1.5);color:#009900}    

.archive-news .news-list{background-color: #fff;padding:15px;}
.archive-news .news-list article{border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.archive-news .news-list article header{color:#0678be}
.archive-news .news-list article .info{color:#666;line-height: 2em;font-size:14px;}
.archive-news .news-list article:hover{border-bottom: 1px solid #0678be;}


ul.pro-desc{margin:0;padding:0;list-style-type: none;display: flex;flex-direction: column;justify-content:space-around;height: 100%;}
ul.pro-desc li{border-bottom: 1px solid #ddd;padding:0 10px;font-size:14px;padding:10px;}

.single-ad{background: url(images/titbg.jpg);color:#fff;padding:20px 0;text-align:center;}
.single-ad h3{color:#fff;}
.single-ad p{font-weight: 300;}
.single-ad p strong{font-size:22px;font-style: italic;font-weight: bold;}
ul.pagination{padding-bottom: 15px;}

/*公共*/
.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;}

/*新闻*/
.news-img{position: relative;}
.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;}
.newsbox{margin:0;padding:0;}
.newsbox li{display: flex;margin-bottom: 15px;background-color: #fff;}
.newsbox li:hover{background-color: #cfecff;}
.newsbox li .dt{width:85px;height: 85px;background-color: #0678be;text-align: center;}
.newsbox li .dt .day{font-size:30px;font-weight: bold;color:#fff;line-height: 100%;padding-top: 15px;}
.newsbox li .dt .year-month{color:#f1f1f1;padding-top:5px;}
.newsbox .info{flex:1;padding:4px 10px;position: relative;}
.newsbox .info .tit{padding-bottom: 5px;font-size:16px;padding-top:5px;}
.newsbox .info .desc{color:#666;font-size:14px;}

/*侧边栏小工具*/
.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: #0678be;padding:20px 0;color:#fff;font-size:22px;font-weight: bold;text-align: center;margin-bottom: 1px;}
.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 .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: 45px;line-height: 45px;padding:0 15px;}
.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>li>a:hover{background-color: #0678be;color:#fff;}
.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;}

/*分页*/
.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;}

/*内页*/
.main{padding:1rem 0;}
.page-path{background:#0678be;color:#333;padding:12px;color:#fff;}
.page-path a:link,.page-path a:visited{color:#fff;}
.page-path a:hover{color:#ddd;}


/*滚动*/
.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:15px;box-shadow: 3px 3px 10px 0 #ccc;position: relative;}
.gd ul li::after{content: '\f00e';position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);
    top:0;left: 0;font: normal normal normal 14px/1 FontAwesome;font-size:40px;display: flex;justify-content: center;
    align-items: center;color:#fff;transition: all ease .3s;transform: scale(0);pointer-events: none;}
.gd ul li:hover::after{transform: scale(1);}
.gd ul li p{font-size:22px;font-weight: bold;color:#333;position: relative;}
.gd ul li p::after{content:'\f0a9';position: absolute;right: 10px;top:7px;font: normal normal normal 22px/1 FontAwesome;color:#026bcc;transition: all ease .3s;}
.gd ul li img{width:auto;}
.gd ul li:hover p{color:#026bcc}
.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;}

/*编辑器*/
.gallery{display: flex;flex-wrap: wrap;}
.gallery figure{margin:0 !important;}
.gallery .gallery-item{transition: all ease .3s;padding:10px;background-color: #fff;display: flex;flex-direction: column;justify-content: center;}
/* .gallery .gallery-item:hover{transform: translateY(-5px);box-shadow: 1px 1px 3px #ccc;} */
.gallery .gallery-item figcaption{padding:5px 0;}
.gallery .gallery-item .wp-caption-text, .wp-caption .wp-caption-text,.wp-block-image figcaption{text-align: center;font-size:14px;color:#666;}
.gallery .gallery-item .gallery-icon{overflow: hidden;height: 100%;display: flex;flex-direction: column;justify-content: center;border:1px solid #f1f1f1;position: relative;text-align: center;/*padding:15px;*/}
.wp-block-gallery li figure{position: relative;}
.gallery .gallery-icon::after,.wp-block-gallery li figure::after{content: '\f00e';position: absolute;left: 0;top:0;width:100%;height: 100%;background: rgb(0, 0, 0, .5);font: normal normal normal 14px/1 FontAwesome;
    display: flex;justify-content: center;align-items: center;color:#fff;font-size:30px;transition: all ease .3s; transform: scale(0);pointer-events: none;}
.gallery .gallery-item:hover .gallery-icon::after,.wp-block-gallery li:hover figure::after{transform: scale(1);}
.gallery .gallery-item .gallery-icon img{transition: all ease .3s;}
.gallery .gallery-item .gallery-icon:hover img{transform: scale(1.1);}
.gallery-columns-2 .gallery-item{width:49.99%}
.gallery-columns-3 .gallery-item{width:33.33%}
.gallery-columns-4 .gallery-item{width:24.99%}
.gallery-columns-5 .gallery-item{width:19.99%}

.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption{
    padding:5px !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.py-6{padding:100px 0;}
.bgf{background-color: #fff;;}

@media (max-width:1200px){
    
}

@media (max-width: 1024px){
    #control_sw2{display: none;}
    #sw2 .swiper-slide{background: #fff !important;}
    #sw2 .inner-box{padding:15px;}
    .nb1{background: #fff;}
    .nb1 .items{display: flex;flex-direction: column;}
    .nb1 .item{background: #f1f1f1;margin-top: 15px;padding:15px;}
    .nb1 .item .tit{font-size:22px;color:#0072b3;}
    .nb1 .item .desc{font-size:14px;line-height: 2em;padding-top:20px;}
}


 @media (max-width: 1024px){
    .nb4 .item{flex-direction: column;}
    .nb4 .item .pic img{width:100%;}
    .nb4 .row>div:nth-child(odd) .item .pic{order: 1;}
    .nb4 .item .text{padding-bottom: 15px;}
    .home-about .text{max-height: 100%;overflow: scroll;}
    .home-about .more-link{display: none;}    
    .catlist .tit span{display: none !important;}  
    .app-list .item{width:50%;}
}

 @media screen and (orientation: portrait) {
    /*竖屏 css*/   
    
}    
  @media screen and (orientation: landscape) {
    /*横屏 css*/   
    
}  

 @media (max-width: 768px) {      
    .home-about .wrap-img img{width:100%;}
    .top-menu .navbar-nav>.nav-item>a:link, .top-menu .navbar-nav>.nav-item>a:visited{font-size:14px;}    
    .gd{padding-top:15px;}
    .hnews1 .row>div{padding-bottom: 15px;}   
    /* .top-menu{justify-content: flex-end} */
    .logo{align-items: flex-start;}    
    .catlist .nav li{margin-bottom: 15px;}
    .silder1{display: none;}
    /*侧滑导航*/
    .navbar-collapse{/*display: block !important;*/position: absolute;right: 0;top:100%;background: #fafafa;width:50vw;z-index: 998;padding:15px;}
    .top-menu .navbar-nav>.nav-item>a:link, .top-menu .navbar-nav>.nav-item>a:visited{font-size: 1rem !important}
    .top-menu .navbar-nav li{border-bottom: 1px solid #0678be;}
    .navbar-brand{display: block;}
    .app-list{flex-direction: column;}
    .app-list .item{width:100%;margin-bottom: 15px;}
}


@media (max-width: 575.98px) {      
     body{padding-bottom: 63px;}
     .title span{display: none;}
     .home4 .item{margin-bottom: 15px;}
     .home4 .item .img-wrap img{width:100%;}
    .silder1{display: none;}    
    .navbar-brand{display: block;max-width: 80%;padding-left: 15px;}
    .logo,.banner-search{display: none;}
    .top .container,.top .container-fluid{padding:0;}         
     .top-menu{padding:5px 0;}     
     .home4 .col-md-4{margin-bottom: 15px;}
     .xm{padding-top:15px !important;}     
     .navbar-toggler{position: absolute;right: 0px;top:10px;}
     .navbar-toggler .fa{color:#0678be;font-size:30px;}          
     .header .container-fluid{padding-left:0 !important}        
     .newsbox{padding-top: 15px;}
     .home2 .xm li::before{display: none;}      
     .btitle .tit1{font-size:40px;top:22px}     
     .py-6{padding:30px 0;}
     .pro-nav ul{display: grid;grid-template-columns: 50% 50%;gap: 15px;}                       
     
     #sw2 .swiper-slide img{max-width: 100%;}
     .home-about .nb3 .item .tit{font-weight: normal;font-size:16px;padding: 0 5px;}
     .archive-news .img img{width:100%;}
     .top{padding:0 !important}
     .top .container{padding:0 15px;}    

    .home-about h1{padding:15px 0;font-size:26px;}       
    .home-about .more-link{padding-bottom: 15px;text-align: center;} 
    .ad1 .t1{font-size:30px;}
    .ad1 .t2{font-size:1rem;line-height: 2em;}
    .catlist ul{justify-content: flex-start !important;}
    .catlist ul li{width:49%;margin-bottom: 5px;}    
    .gallery .gallery-item{width:50%;}
    .phone{overflow: hidden;}
    .od-1{order: 1;}
    .od-2{order: 2;}
}


/*客服代码*/
@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:#12AFA3;font-size:14px;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:#006699;}
    .kf dl:hover dt{background: #333;}
    .kf dl:hover dd{opacity: 1;right: 58px;}        
}

@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:#006699;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);}    
}

