/*
Theme Name: qituo web desgin
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO
Author URI: https://www.yxwlgs.net/
Description: qituo web desgin
*/

:root{
    --color1:#32B357;
    --color2:#000;
    --color3:#FFFFFF
}

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:#ff0000;font-family: "Impact","Microsoft YaHei","Arial";font-weight: normal;}

.top-line{
    color:#666;padding:8px;font-size:14px;background: #f1f1f1;
}
.top-line a:link,.top-line a:visited{color:#666;}
.top-line a:link:hover{color:#006699}

.about-text{display: flex;flex-direction: column;height: 100%;justify-content: center;line-height: 2em;}

.htitle{text-transform: uppercase;}
.htitle strong{font-weight: normal;font-size:22px;padding-bottom: 10px;}
.htitle span{color:#999;padding-bottom: 15px;}
.htitle p{color:#999;}
.title1 strong{font-size:30px;color:#32B357;font-weight:bold;}
.title1 span{font-size:30px;color:#000;font-weight: bold;}
.title2 strong{font-size:36px;color:#0e51ba;display: block;}
.title2 span{font-size:22px;}


.home-products .title-wrap{display: flex; justify-content: space-between;background-color: #f1f1f1;margin-bottom: 15px;}
.home-products .title-wrap .more{padding:20px 15px 0 0;}
.home-products .htitle{padding:15px;}
.home-products .htitle strong{font-size:24px;display: inline;}
.home-products #sw2{padding-bottom: 30px;}



.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;}
.btn{border-radius:0 !important}

.banner{background-color: #000;position: relative;z-index: 10;}

.text{line-height: 2em;}

.top-text{border-left: 1px solid #ddd;padding-left: 15px;color:#999;font-style: italic;}
.logo h1{font-size:30px;font-family: '微软雅黑';font-weight: bold;color:#fff;}


.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{background: url(images/bg5.jpg);}

/* 公司简介更多链接 */
.more-link>a{color:#fff;border:1px solid #32B357;color:#32B357;
    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: #32B357;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:#32B357 ;transform: scaleX(1);}

.home-case{background: #000 url(images/bg3.jpg);background-size: cover;}
.home-case .more-link>a{border-color: #fff;color:#fff;}
.home-case .more-link>a::before{background: #fff;}
.home-case .more-link>a:hover::before{background: #fff;}
.home-case .more-link>a:hover{color:#333;}
.home-case .htitle{color:#fff;}
.home-case a:link,.home-case a:visited{color:#fff;}
.home-case .item{border:1px solid #999;margin-bottom: 15px;background-color: #000;}

.home-about{background:#fff url(images/bg2.jpg) top center no-repeat;padding-top:10vh;}
.home-about .warp{background-color: #fff;padding:50px;border-radius: 50px 50px 0 0;}
.home-about h4{font-size:32px;color:#32B357;}
.home-about h3{color:#32B357;border-bottom: 3px solid #000;padding-bottom: 10px;display: inline-block;}



.ad{background: #32B357 url(images/ad.jpg);color:#fff;padding:8vh 0}
.ad h3{font-size:36px;font-weight: bold;}
.ad p{padding: 22px 0;}
.ad .ad-phone{background-color:#f9ffea;color:#0099CC;display: inline-block;font-size:22px;}
.ad .ad-phone a{display: inline-block;padding:15px;font-family: Arial, Helvetica, sans-serif;}
.ad .ad-phone a:hover{background-color: #32B357;color:#fff;}

.about-video{overflow: hidden;}
.about-video video{max-width: 100%;}

.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: #ff0000;
    -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 .tit{text-align: center;padding:10px 0;}

.numCount .item{padding:15px;background: #ff0000;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;}


.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-color: #32B357;color:#f1f1f1;padding:15px 0;}
.footer a:link,footer a:visited{color:#f1f1f1;text-decoration: none;}
.footer a:hover{color:#f46700;}
.footer p{margin:0;}

.main{padding:1rem 0;}

.archive-product{padding:15px;}
.archive-product .item .tit{text-align: center;padding:10px 0;}
.single-title{text-align: center;font-size:30px;padding:15px;margin:0;border-bottom: 1px solid #ddd;}
.page-content .text{padding:15px;}
.page-content .text img{max-width: 100%;height: auto;}

.archive-news{padding:15px;}
.archive-news .newsbox{margin:0;padding:0;}


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

/*新闻*/
.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;box-shadow: 1px 1px 3px #ccc;background-color: #f1f1f1;}
.newsbox li:hover{background-color: #cfecff;}
.newsbox li .dt{width:85px;height: 85px;background-color: #32B357;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: #32B357;padding:12px 10px;color:#fff;}
.silder1 .widgettitle::before{content: '\f0da';font:normal normal normal 14px/1 FontAwesome;padding-right: 5px;}
.silder1 .widget_nav_menu .menu{margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .menu>li{border-bottom: 1px dotted #ddd;padding:10px;}
.silder1 .widget_nav_menu .menu>li>a::before{content:"+";padding-right: 10px;}
.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 li>ul{margin:0;padding:0;list-style-type: none;}
.silder1 li>ul>li{padding:10px;border-bottom: 1px dotted #ddd;}
.silder1 li>ul>li>a::before{content: '-';padding-right: 5px;}
.silder1 .textwidget{padding: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;}

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

.top{background-color: #fff;}    
.logo{height: 100%;display: flex;align-items: center;}
.navbar-brand{display: none;}

#kf{position: fixed;right:0;bottom:10vh;z-index: 9999;}
#kf ul{margin:0;padding:0;list-style-type: none;display: flex;flex-direction: column;align-items: flex-end;}
#kf ul li{background:#006699;color:#fff;margin-top: 3px;width:50px;position: relative;display: flex;transition: all ease .3s;}
#kf ul li a{display: block;height: 50px;width:50px;display: flex;justify-content: center; align-items: center;color:#fff;flex: none;cursor: pointer;}
#kf ul li a:hover{background: #3399cc;}
#kf ul li .fa{font-size:22px;}
#kf .sub-box{float:left;font-size:22px;line-height: 50px;}
#kf .sub-box img{max-width: 120px;}
#kf .show{height:50px;}
#kf .show:hover{width:100%;} 


/*滚动*/
.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{height: 220px;width:auto}

/*编辑器*/
p.s2em{text-indent: 2em;}

.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;}
.gallery .gallery-item .gallery-icon img{transition: all ease .3s;}
.gallery .gallery-item .gallery-icon:hover img{transform: scale(1.1);}


.nb{padding-top:30px;}
.nb .item{display: flex;flex-direction: column;justify-content: center; align-items: center;}
.nb .item .icon{background-color: #32B357;width:108px;height: 108px;border-radius: 50%;}
.nb .item .tit{font-weight: bold;padding:15px 0;font-size:22px;}
.nb .item p{text-align: center;font-size:14px;color:#666;}

@media (min-width: 1199.98px) {                   
    .container{
        max-width: 1200px;
    }        
    .nb .row>div{border-left: 1px solid #ddd;}
    .nb .row>div:last-child{border-right: 1px solid #ddd;}
}

@media (min-width: 767.98px) {             
    .top-phone{padding-top: 10px;display: flex;justify-content: flex-end;line-height: 100%;align-items: flex-end;}
    .top-phone .top-phone-text{width:180px;}
    .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:#0d6fae}
    /* .top-change .container{max-width: 1140px;} */
    .top-menu{background:#32B357;padding:0;}    
    .top-menu .navbar-nav>.nav-item>a:link,
    .top-menu .navbar-nav>.nav-item>a:visited{color:#fff;}
    .top-menu h1{font-size:30px;font-weight: bold;}
    .top-menu .navbar-nav{width:100%;justify-content:space-around;} 
    .top-menu .navbar-nav>.nav-item{font-size:16px;height: 100%;width:100%;}
    .top-menu .navbar-nav>.nav-item>.nav-link{display: block;padding:0;position: relative;text-align: center;
        height: 55px;line-height: 55px;transform: perspective(1px) translateZ(0);
        width:100%;
    }
    .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: scaleX(0);
        transition: all ease .5s;
        transform-origin: 50% 50%;        
        background: #000;             
    }
    
    .top-menu .navbar-nav>.nav-item:hover>.nav-link::before{transform: scaleX(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{background-color: #f1f1f1;color:#333 !important;} 
    .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: 1024px){
    
 }

 @media (max-width: 767.98px) { 
    .home2 .xm{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
     .home2 .xm li{font-size:22px;width:50%;margin:0 !important}
     .home2 .xm li::before{display: none;} 
     
}

 @media (max-width: 575.98px) {      
    .silder1{display: none;}
    body{padding-top:60px;}    
    .navbar-brand{display: block;max-width: calc(100% - 70px);}
    .logo{display: none;}
    .top .container,.top .container-fluid{padding:0;}         
     .top-menu{background: #fff;position: fixed;top:0;
        z-index: 999;box-shadow: 1px 1px 1px #ccc;padding:10px;width:100%;}
     .top-menu h1{font-size:22px;color: #fff;}
     .top-menu .navbar-nav{padding:15px;font-size: 16px;}
     .top-menu .navbar-nav li{border-bottom: 1px solid #333;}
     .top-menu .dropdown-menu{margin:0;padding:0;border:none;background: transparent;}
     .top-menu a:link,.top-menu a:visited{color:#333;}
     .navbar-toggler{font-size:22px !important;color:#000;display: block;}          
     .home4 .col-md-4{margin-bottom: 15px;}
     .xm{padding-top:15px !important;}     
     .header .container-fluid{padding-left:0 !important}        
     .newsbox{padding-top: 15px;}
     .home2 .xm li::before{display: none;} 
     #kf{display: none;}
     .home-about .warp{background-color: #fff;padding:10px;border-radius: 0;}
     .nb .item{padding:15px 0;}
     .nb .row>div{border-left: none;border-bottom: 1px solid #ddd;}
    .nb .row>div:last-child{border-right:none}
}