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

.top-line{background-color: #3B3B3B;height: 40px;line-height: 40px;font-size:14px;color:#fff;}
.top-line a:link,.top-line a:visited{color:#fff;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{flex: 0 1 auto;}

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

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

.banner .ani-wrap{position: absolute;top:40%;left: 50%;z-index: 999;transform: translateY(-30%) translateX(-50%);}
.banner .ani-text{text-align: center;color:#fff;text-shadow: 1px 1px 1px #333;} 
.banner .ani-text .t1{font-size:40px;}
.banner .ani-text .t2{text-transform: uppercase;font-size:14px;}
.banner .ani-text .t3{font-size:20px;}
.banner .ani-text .t4{padding-top: 30px;display: none;}
.banner .ani-text .t4 a{width:70px;height: 70px;border-radius: 50%;color:#fff;background-color: #fff;display: block;
    text-align: center;line-height: 70px;margin:auto;font-weight: bold;color:#666;text-shadow: none;
}
.banner .ani-text .line{width:100px;height: 1px;border-top: 1px solid #fff;margin:30px auto}
/* .swiper-slide{height: 50vh;} */
.banner .img-inner{height: 60vh;width:100%;background-size: 100% auto;}
.aniimg .img-inner,.test{animation: bgani 5s infinite;animation-direction:alternate;animation-fill-mode:forwards;}
@keyframes bgani{
    0%{background-size: 100% auto;}
    100%{background-size: 105% auto;}
}

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

.nb1{background-color: #006699;}
.nb1 .btitle .tit1{color:#fff;}
.nb1 .btitle .tit3{color:#ddd;font-size:18px;}
.nb1 .item{background-color: #fff;position: relative;height: 100%;overflow: hidden;box-shadow: 3px 3px 10px 0px #333;}
.nb1 .item .box{position: relative;padding:1em;transition: all ease .3s;}
.nb1 .item .box .icon{width:80px;height: 80px;border-radius: 50%;background-color: #f1f1f1;text-align: center; transition: all ease .3s; margin: -50px auto 0 auto; }
.nb1 .item .icon .fa{color:#058077;line-height: 80px;}
.nb1 .item  dt{text-align: center;font-size:22px;font-weight: normal;}
.nb1 .item  dt::after{content: '';display: block; width:80px;height: 1px;border-bottom:1px solid #12AFA3;margin:auto;padding-top: 15px;}
.nb1 .item  dd{padding-top: 15px;color:#666;line-height: 2em;}
.nb1 .toggle{background-color: rgba(2,91,84,0.9);position: absolute;width:100%;height: 100%;left: 0;top: 100%;
    display: flex;flex-direction: column;justify-content: center;transition: all ease .3s;opacity: 0;
}
.nb1 .toggle .fa{text-align: center;margin:auto;color:#fff;}
.nb1 .toggle dl{color:#fff;}
.nb1 .toggle dd{color:#fff;text-align: justify;}
.nb1 .item:hover .toggle{top: 0;opacity: 1;}
.nb1 .item:hover .icon{transform: translateY(50px); opacity: 0;}
.nb1 .item:hover .box{transform: translateY(100%);opacity: 0;}

.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 .text{color:#333;font-size:16px;line-height: 2em;background: #fff;}
.home-about .text a:link,.home-about .text a:visited{color:#333}
.home-about .text p{font-size:14px;color:#666;}
.home-about .btitle .tit1{color:#333}
.home-about .btitle{border-bottom: 1px solid #ddd;padding-bottom: 10px;text-align: center;padding:15px 0}
.home-about .btitle>div{display: inline;}
.home-about .btitle .tit3{width:auto}
.home-about .btitle .tit2{font-size:20px;color:#ccc;padding-left: 22px;}

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

.hnews1 .item{height: 100%;font-size: 14px;margin-bottom: 15px;}
.hnews1 .item .tit{padding:10px 0;}
.hnews1 .item p{margin: 0;padding:0;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;}



.catlist .nav{display: flex;justify-content: center;}
.catlist .nav li{padding:0 1px;}
.catlist .nav a{display: block;padding:10px 15px;background-color: #12AFA3;color:#fff;}
.catlist .nav a:hover{background: #333;}
.catlist .title{padding:20px;color:#fff;}
.catlist .title .tit1{font-size:32px;font-weight: bold;}
#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: #000 url(images/about-bg.png);color:#fff;padding:50px 0 0 0;}
.footer p{margin:0;}

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

.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;}
.gd ul{display: flex;margin:0;padding:0;list-style-type: none;}
.gd ul li{margin-right: 15px;}
.gd ul li img{width:auto;}
.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{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;padding:15px;border:1px solid #f1f1f1;position: relative;text-align: center;}
.gallery .gallery-icon::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{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%}



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

@media (min-width:1439.98px) {
    .container{max-width: 1440px;}
}

@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;}            
    .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{width:100%;justify-content:flex-end;gap:1px} 
    .top-menu .navbar-nav>.nav-item{font-size:16px;height: 100%;}
    .top-menu .navbar-nav>.nav-item>.nav-link{padding:0 15px;position: relative;text-align: center;
        transform: perspective(1px) translateZ(0);height: 100%;display: flex;align-items: center;
        height: 90px;
    }
    .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: #12AFA3;
        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:#fff !important;;}     
    .top-menu .navbar-nav>.active>a.nav-link{color:#fff !important;background-color: #12AFA3;} 
    
    .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 (max-width:1200px){
    .navbar-brand{max-width: 300px;} 
}

@media (min-width: 1023.98px) {    
    .big-gallery{height: 400px;}

    #sw2 .inner-box{position: absolute;left: 70px;top:27%;z-index: 999;background: #fff;max-width: 400px;padding:2em;box-shadow: 3px 3px 3px #666;}
    #sw2 .inner-box h3{border-bottom: 1px solid #333;margin:0;padding:15px 0;font-weight: bold;font-size: 30px;color:#0678be}
    #sw2 .inner-box p{margin:0;padding:15px 0 0 0;line-height: 2em;color:#666;}
    .page-content{min-height: 600px;}
}

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


 @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;}
    .nb1 .row>div{padding-bottom: 15px;}
    .nb1 .item img{width:100%;}       
 }

 @media screen and (orientation: portrait) {   
    /*绔栧睆 css*/   
    .banner .img-inner{height: 350px;max-height: 350px;}
  }    
  @media screen and (orientation: landscape) {   
    /*妯睆 css*/   
    .banner .img-inner{height: 400px;max-height: 400px;}
  }  

 @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 .item{margin-top: 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;}
}


 @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%;}
    .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;}
    .banner .img-inner{height: 50vh;}
    @keyframes bgani{
        0%{background-size: auto 100%;}
        100%{background-size: auto 110%;}
    }
    
    .banner .ani-wrap{position: absolute;top:50%;left: 50%;z-index: 999;transform: translateY(-30%) translateX(-50%);}
    .banner .ani-text{text-align: center;color:#fff;text-shadow: 1px 1px 1px #333;} 
    .banner .ani-text .t1{font-size:20px;}
    .banner .ani-text .t2{text-transform: uppercase;font-size:14px;}
    .banner .ani-text .t3{font-size:14px;}
    .banner .ani-text .t4{padding-top: 30px;}
    .banner .ani-text .t4 a{width:70px;height: 70px;border-radius: 50%;color:#fff;background-color: #fff;display: block;
        text-align: center;line-height: 70px;margin:auto;font-weight: bold;color:#666;text-shadow: none;
    }
    .banner .ani-text .line{width:100px;height: 1px;border-top: 1px solid #fff;margin:14px auto}
    .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%;}
}


/*瀹㈡湇浠ｇ爜*/
@media (min-width: 768px){
    .kf{display: flex;position: fixed;right: 0;top:50%;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 dt a{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);}    
}