/*
Theme Name: qt2023
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO
Author URI: https://www.yxwlgs.net/
Description: 企业网站定制
*/

/*banner的高度，只对桌面版有效*/
.box_skitter_large {
    width: 100%;
    height: 600px;
}
.box_skitter .prev_button,.box_skitter .next_button{margin-top:-50px;}

body{font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; font-size:14px;}
a:link,a:visited{color:#333;text-decoration: none;}
a:hover{color:#0099cc}

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

.logo-run{animation: logoRound 10s ease 1s infinite normal forwards;}

@keyframes logoRound{
    0% {  
        transform:rotate(0) scale(2);
    }  
    8% {  
       transform:rotate(360deg) scale(1);
    }  
    100%{transform:rotate(360deg) scale(1);}
}

.htitle{text-transform: uppercase;}
.htitle strong{font-weight: bold;font-size:22px;}
.htitle span{color:#999;}
.title1 strong{font-size:40px;color:#000;display: block;}
.title1 span{font-size:40px;color:#ccc;font-weight: bold;text-shadow: 2px 2px 5px #f1f1f1;display: block;}
/* 底部来跟线 */
.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: #ddd;}

.text{line-height: 2em;}
.text>p{text-indent: 2em;}
.page-content .text>p{text-indent: 0;}
.btn-more:link,.btn-more:visited{background-color: #166E3E; color:#fff;}
.btn-more:hover{background-color: #3a459a;}

.home1{background: url('images/bg1.jpg') bottom center no-repeat;}
.home1 .item{background: #fff;padding:25px 15px;}
.home1 .item .tit{font-size:18px;font-weight: bold;color:#333;text-align: center;}
.home1 .item .desc{color:#666;line-height: 2em;padding:0 4em;text-align: center;}
.home1 .item .icon{text-align: center;transition: all ease-out .5s;animation: cionRun 4s infinite;}
.home1 .row div:nth-child(1) .item .icon{animation-delay: 1s;}
.home1 .row div:nth-child(2) .item .icon{animation-delay: 1.1s;}
.home1 .row div:nth-child(3) .item .icon{animation-delay: 1.2s;}
.home1 .row div:nth-child(4) .item .icon{animation-delay: 1.3s;}
.home1 .row div:nth-child(5) .item .icon{animation-delay: 1.4s;}
.home1 .row div:nth-child(6) .item .icon{animation-delay: 1.6s;}

.home1 .bgr{background: #ff0000 !important;color:#fff;}
.home1 .bgr .tit{color:#fff !important}
.home1 .bgr .desc{color:#ddd !important;}
@keyframes cionRun{
    0% {  
        transform:scale(1.5);    
        opacity: 0;
    }  
    50% {  
        transform:translateX(0);
        opacity: 1;
    }  
    100%{
        transform:translateX(0);
        opacity: 1;
    }
}

.title2 strong{font-size:40px;color:#333;display: block;}
.title2 span{font-size:22px;}

.home-about .text{font-size:14px;color:#666;}


.hp .item{border:1px solid #ccc;margin-bottom: 15px;transition: all ease .5s;box-shadow: 1px 1px 1pc #ddd;}
.hp .item p{text-align: center;padding-top:10px}
.hp .item:hover{border-color: #0672C2;box-shadow: 3px 3px 3pc #666;transform: translateY(-10px);}
.hp .item:hover img{position: relative;
    -webkit-filter: contrast(120%) saturate(125%);
    filter: contrast(120%) saturate(125%);}

/* 公司简介更多链接 */
.more-link>a{color:#fff;border:1px solid #ff0000;color:#ff0000;display: inline-block;height: 40px;line-height: 40px;width:120px;text-align: center;}
.more-link>a::before{background: #ff0000 !important;}
.more-link ul li{padding-right:15px;}
.more-link ul li a{background: #0099cc;color:#fff;border-radius: 0 !important;}
.more-link ul li a:hover{background: #0686df;}

.mynav ul{justify-content: center;}
.mynav ul li{padding:0 2px;}
.mynav ul li a{background: #0672C2;padding:15px 20px;color:#fff;position: relative;display: inline-block;
    transform: perspective(1px) translateZ(0);border-radius: 0 !important;
}
.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);}

.newsbox li{display: flex;}
.newsbox li .dt{width:65px;height: 65px;background-color: #f1f1f1;text-align: center;}
.newsbox li .dt .day{font-size:30px;font-weight: bold;color:#166E3E;line-height: 100%;padding-top: 10px;}
.newsbox li .dt .year-month{color:#666}
.newsbox .info{flex:1;padding-left: 10px;}
.newsbox .info .tit{padding-bottom: 5px;font-size:16px;padding-top:5px;}
.newsbox .info .desc{color:#666;}

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

.footer{background-color: #0A4985;color:#fff;padding-top:25px;}
.footer a:link,footer a:visited{color:#fff;text-decoration: none;}
.footer a:hover{color:#ddd;}
.footer .nav-footer{margin:0;padding:0;list-style-type: none;line-height: 2em;}
.footer .nav-footer>li{padding-bottom: 10px;}
.footer .nav-footer>li>a{font-size:22px;}
.footer .nav-footer a{padding-right: 10px;}
.footer .nav-footer ul{list-style: none;margin:0;padding:0;}
.footer .nav-footer ul li{display: inline;}
.footer h3{font-size:22px;margin-bottom: 15px;}
.footer .fnav,.footer .fnav ul{margin:0;padding:0;list-style: none;}
.footer .fnav>li{font-size:16px;padding-bottom: 15px;}
.footer .fnav ul>li{display: inline;margin:0;padding:0;font-weight: normal;font-size:14px;padding-right: 5px;}

.dropdown-item.active, .dropdown-item:active {
    color: #0672C2 !important;
    text-decoration: none;
    background-color: transparent !important;
}

.main{padding:1rem 0;}
.page-path{background:#0672C2;color:#fff;padding:12px;color:#fff;}
.page-path a:link,.page-path a:visited{color:#fff;}
.page-path a:hover{color:#ddd;}

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

.newsbox li{display: flex;}
.newsbox li .dt{width:85px;height: 85px;background-color: #0099cc;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-left: 10px;background-color: #fafafa;transition: all ease 1s;position: relative;}
.newsbox .info::before{background: #d9f2ff !important;}
.newsbox .info .tit{padding-bottom: 5px;font-size:16px;padding-top:5px;}
.newsbox .info .desc{color:#666;}

/*侧边栏小工具*/
.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: #0672C2;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;}

.footer .copyright p{margin:0;}
.page-contact .wp-block-columns{margin:0;}
.page-contact .wp-block-columns p{margin:0;line-height: 2em;}
.page-contact .wp-block-columns .wp-block-column:nth-child(1){background: #fafafa;padding:15px;}
.page-contact .wp-block-columns .wp-block-column:nth-child(2){background: #fafafa;padding:15px;margin:0;}

.blocks-gallery-grid .blocks-gallery-image, 
.blocks-gallery-grid .blocks-gallery-item, 
.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item {
    flex-grow:unset !important;
}

.blocks-gallery-item figure{background: #fff;border:1px solid #ddd;overflow: hidden;}

.blocks-gallery-grid .blocks-gallery-image figure, 
.blocks-gallery-grid .blocks-gallery-item figure, 
.wp-block-gallery .blocks-gallery-image figure, 
.wp-block-gallery .blocks-gallery-item figure {
    align-items: center !important;
}

@media (min-width: 1199.98px) {
    .container{width:1200px;}
}

@media (min-width: 991.98px) { 
    .logo{display: flex;}
    .logo-img{width:75px;position: relative;}      
    .logo .reg{position: absolute;right:0;bottom: 0;color:red;font-weight: bold;}
    .logo-text{width:440px;padding-top:18px;padding-left:10px}
    .navbar-brand{display: none;}    
    .top-menu{font-size:16px;background: #0672C2;padding:0 !important}
    .top-menu .navbar-nav{width:100%;justify-content: space-around;}
    .top-menu .navbar-nav li{position: relative;width:100%;}
    .top-menu .nav-item .dropdown-menu{display: block;margin:0;transform: scaleY(0);transition: all ease .3s;border-radius: 0 !important;transform-origin:50% top}
    .top-menu .nav-item:hover .dropdown-menu{transform: scaleY(1);}    
    .top-menu .navbar-nav>li:not(:last-child):after{content: '';position: absolute;right:0;top:0;width:1px;height: 100%;background: #3399cc;}
    .top-menu .navbar-nav>li:hover::before{transform: scaleX(1);transition: all ease .5s;}
    .top-menu .navbar-nav>.nav-item>.nav-link{display: block;width:100%;text-align: center;color:#fff;padding:15px 0;
        transform: perspective(1px) translateZ(0);position: relative;
        transition-duration: 0.3s;}    
    .top-menu .navbar-nav>.nav-item>.nav-link::before{
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ff0000;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .top-menu .navbar-nav>.nav-item>.nav-link:hover::before{
        transform: scaleX(1);
    }
    /* .top-menu .navbar-nav>.active>.nav-link,.top-menu .navbar-nav>.nav-item>a:hover{background-color: #ff0000;} */    
    .footer .fnav{border-left: 1px solid #3399cc;border-right: 1px solid #3399cc;padding-left: 2em;height: 100%;}
    .footer .copyright{border-top:1px solid #3399cc;}      
    .page-contact .wp-block-columns .wp-block-column:nth-child(2){border-left: 1px solid #ddd;}
    
 }

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

 @media (max-width: 575.98px) {      
     body{padding-top:58px;}
     .top-menu{background: #fafafa;position: fixed;top:0;width:100vw;z-index: 999;box-shadow: 1px 1px 1px #ccc;}
     .top-menu .navbar-nav{padding:15px;font-size: 16px;}
     .top-menu .navbar-nav li{border-bottom: 1px solid #ff0000;}
     .top-menu .dropdown-menu{margin:0;padding:0;border:none;background: transparent;}
     .navbar-toggler{font-size:2rem !important;color:#fff;display: block;}
     .navbar-toggler{color:#333;}
     .navbar-brand{background: url('images/logo.png') no-repeat;background-size:contain;padding-left: 45px;}
     .mynav{display: none;}
     .footer .fnav,.footer .copyright{border-top:1px solid #ddd;}    
     .footer .fnav{padding-top:15px;} 
     .footer .copyright{margin:0 15px;}
     .page-contact .wp-block-columns .wp-block-column:nth-child(2){border-top: 1px solid #ddd;}
     .silder1{display: none;}
}