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

:root{    
    --color1:#0678be;
    --color2:#FF8236;
    --color3:#FFFFCC
}

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-size:22px;}
.htitle p{color:#999;}
.title1 strong{font-size:30px;color:#0678be;}
.title1 span{font-size:14px;color:#ccc;}

.title2 strong{font-size:36px;color:#0e51ba;display: block;}
.title2 span{font-size:22px;}
.title3 strong{color:#fff;font-size:30px;}

.btitle{text-transform: uppercase;position: relative;min-height: 120px;text-align: center;}
.btitle .tit1{position: absolute;font-size:40px;font-weight: bold;width:100%;z-index: 10;bottom: 32px;line-height: 100%;color:#0678be; }
.btitle .tit2{position: absolute;font-size: 80px;color:#ddd;font-weight: bold;width: 100%; z-index: 0;bottom: 32px;line-height: 100%;}
.btitle .tit3{position: absolute;bottom: 0;width: 100%;text-align: center;color:#666;}

.catlist{background-color: #0678be;padding-bottom: 15px;}
.catlist .tit{text-align: center;padding:20px 0 0 0;color:#fff;line-height: 35px;}
.catlist strong{font-size:30px;display: block;text-transform: uppercase;font-weight: normal;}
.catlist span{font-size:26px;font-weight: bold;}
.catlist .catul{margin:0;padding:15px;list-style-type: none;}
.catlist .catul li{padding-bottom: 1px;font-size:14px;}
.catlist .catul li .fa{color:#ccc;}
.catlist .catul li a{display: block;background-color: #fff;padding:12px 10px;}
.catlist .catul li a:hover{background-color: #f1f1f1;}

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


.nb2{background: #f7f7f7;position: relative;z-index: 15;}
.nb2list{color:#006699;padding:30px 0;}
.nb2 ul{display: flex;justify-content: space-around;margin:0;padding:0;list-style-type: none;}
.nb2 ul li{width:100%;}
.nb2 ul li .tit{text-align: center;font-size:20px;font-weight: bold;padding-top:5px;}
.nb2 ul li .icon{width:113px;height: 113px; cursor: pointer;background-repeat: no-repeat;margin:auto;transition: all ease .3s;}
.nb2 ul li:hover .icon{background-position:0 bottom;}
.nb2 ul li:nth-child(1) .icon{background-image: url(images/tec_ico1.png);}
.nb2 ul li:nth-child(2) .icon{background-image: url(images/tec_ico2.png);}
.nb2 ul li:nth-child(3) .icon{background-image: url(images/tec_ico3.png);}
.nb2 ul li:nth-child(4) .icon{background-image: url(images/tec_ico4.png);}
.nb2 ul li:nth-child(5) .icon{background-image: url(images/tec_ico5.png);}
.nb2 ul li:nth-child(6) .icon{background-image: url(images/tec_ico7.png);}
.nb2 ul li:nth-child(7) .icon{background-image: url(images/tec_ico7.png);}
.nb2 ul li:not(:last-child){background: url(images/ico14.png) center right no-repeat;}

.home-honor .item{border:1px solid #ddd;box-shadow: 1px 1px 3px #ccc;}

.phone1{max-width: 400px;margin:auto;padding:15px;background: #006699 ;}
.phone1 .wrap{background:url(images/lphone.png) bottom right no-repeat;min-height: 80px;background-size: contain;}
.phone1 a{color:#fff;}
.phone1:hover{background-color: #333;}
.phone1 p{margin:0;font-size:18px;line-height: 2em;}

.hp-title{display: flex;justify-content: space-between;background-color: #0678be;padding:15px;color:#fff;}
.hp-title{font-size:18px;text-transform: uppercase;}
.hp-title .tit span{color:#ddd;}
.hp-title .more a:link,.hp-title .more a:visited{color:#fff;}
.hp-title .more a:hover{color:var(--color2, #ccc)}

.hp-box .tit{background-color: #fff;padding:10px;font-weight: 300;}
.hp-box .tit .fa{float: right;padding-top: 5px;color:#999;}

.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:#666;height: 50px;line-height: 25px;margin-top:10px;font-weight: 300;}
.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 .item .tit{text-align: center;font-size:14px;padding-top:5px;}

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

.sw3_control{margin:0;padding:0;list-style-type: none;display: flex;flex-direction: column;justify-content: space-evenly;height: 100%;}
.sw3_control li{margin-bottom: 1px;font-size:24px;}
.sw3_control li i{font-family: Arial, Helvetica, sans-serif;}
.sw3_control li a:link,.sw3_control li a:visited{color:#fff;font-weight: 300;display: block;background: #0678be;padding:14px;}
.sw3_control li a:hover{background: #000;}

.home-about{background: url(images/bj18.jpg);;background-attachment: fixed;}
.home-about .tit1{color:#fff}
.home-about .tit2{color:#0099CC}
.home-about .tit3{color:#ccc}
.home-about .bgf{background-color: #fff;}
.home-about .warp{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.home-about h4{font-size:32px;color:#0678be;}
.home-about h3{color:#0678be;border-bottom: 3px solid var(--color2,#666);padding-bottom: 10px;display: inline-block;}



.ad{background: #0678be 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: #0678be;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;}

.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: #0099CC;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-color: #0678be;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;}
.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;}

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

/*公共*/
.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;box-shadow: 1px 1px 3px #ccc;background-color: #f1f1f1;}
.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: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: #0678be;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:#0678be;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: 260px;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);}

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

@media (min-width: 1199.98px) {                   
    .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;}
    .btitle .tit2{font-size: 80px;}

    ul.pro-desc.c2{display: flex;width:100%;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
    ul.pro-desc.c2 li{width: 50%}

    .gallery{gap: 2px;}
    .gallery .gallery-item{background-color: #fff;display: flex;flex-direction: column;justify-content: flex-end;padding:15px;}
    .gallery .gallery-icon{height: 80%;display: flex;justify-content: center;align-items: center;}
}

@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{} */
    .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:#0678be;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: scaleY(0);
        transition: all ease .5s;
        transform-origin: 50% 0;
        background: #000;             
    }
    
    .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:#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;}
    
    .btitle .tit1{font-size:30px;}
    .btitle .tit2{font-size: 60px;}
 }


 @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 #ddd;}
     .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;}     
     .btitle .tit1{font-size:40px;top:22px}
     .btitle .tit2{font-size: 40px;top:0}
     
     .pro-nav ul{display: grid;grid-template-columns: 50% 50%;gap: 15px;}
    
     .nb2list ul{flex-wrap: wrap !important;}
     .nb2 ul li{width:50%;}
     .nb2 ul li:nth-child(even){background-image: none;}
     .home-honor .item{margin-bottom: 15px;}
}