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

body{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";}
img{max-width:100%;height: auto;}
a:link,a:visited{color:#333;}
a:hover{color: #0099ff;text-decoration: none;}

/*滚动条样式*/
::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);background-color: #42D1FD;}
    

.title{text-align: center;}
.title .tit1{font-size:1.8rem;color:#024499}
.title .tit2{font-size:1.5rem;color:#ccc;text-transform: capitalize;}

.more-link a{background-color: #007BFF;color:#fff;padding:10px 20px;border-radius: 5px;}
.more-link a:hover{background-color: #024499;}
.top-line{background-color: #333;color:#fff;font-size:14px;padding:10px 0}
.top-line a:link,.top-line a:visited{color:#ddd;padding-left: 15px;}
.header{background-color: #fff;}   
.top-phone{display: flex;float:right}
.top-phone .top-phone-img{padding-top: 15px;}
.top-phone-text span{font-size:14px;color:#666;}
.top-phone-text strong{color:#e60012;font-weight: bold;font-family: Verdana, Geneva, Tahoma, sans-serif;}
.about-text{font-size:14px;color:#666;line-height: 2em;}
.page-content-fzlc h4{padding:10px 15px;background: #f1f1f1;color:#007BFF;font-size:18px;}
.page-content-fzlc h4:not(:first-child){margin-top: 2em;}
.page-content-fzlc p{font-size:14px;}

@media screen and (min-width:768px) {        
    .top-menu{padding: 0;background-color: #024499;}    
    .top-menu .navbar-brand{display: none;}
    .navbar-nav{width:100%;justify-content: space-between;}    
    .navbar-nav>li.menu-item{width: 100%; height: 100%; font-size: 16px;position: relative;letter-spacing: 3px;}
    .navbar-nav>li>a:link,.navbar-nav>li>a:visited{color:#fff;display: block;text-align: center;height: 60px;line-height: 60px;padding: 0;}
    /* .navbar-nav a:hover,
    .navbar-nav li.current-menu-item a,
    .navbar-nav li.current-menu-parent a,
    .navbar-nav li.current-post-ancestor a
    {background-color: #0678be;color:#fff;} */

    .navbar-nav>li::before{content: ''; height: 3px;width: 70%;background-color: #fff;display: block;position: absolute;bottom: 2px;
        margin:auto;left: 0;right: 0;transition: all ease .3s;transform: scaleX(0);
    }
    .navbar-nav>li.active::before,
    .navbar-nav>li:hover::before,
    .navbar-nav li.current-menu-item::before,
    .navbar-nav li.current-menu-parent::before,
    .navbar-nav li.current-post-ancestor::before
    {transform: scaleX(1);}
    
    .navbar-nav>li:not(:last-child)::after{content: '';position: absolute;right: 0;top: 20px;display: block;width: 1px;height: 20px;background-color: #666;}

    .navbar-nav>li>.dropdown-menu{display: block;margin: 0;padding:0;border-radius: 0;border: none;transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0%;}
    .navbar-nav>li:hover>.dropdown-menu{transform: scaleY(1);}
    .navbar-nav>li>.dropdown-menu a:link,.navbar-nav>li>.dropdown-menu a:visited{color:#333;padding:10px;letter-spacing: 0;}    
    .navbar-nav>li>.dropdown-menu>a:not(:last-child){border-bottom: 1px solid #ddd;}
    .navbar-nav>li>.dropdown-menu>a:hover,
    .navbar-nav>li>.dropdown-menu>a.active,
    .navbar-nav>li>.dropdown-menu>a:active
    {background-color: #0678be !important;color:#fff;}
}

@media screen and (max-width:1024px) {
    .logo{flex:0 1 375px;}
}

@media screen and (max-width:600px) {
    .top-menu .navbar-brand{max-width: 80%;}    
    .navbar-collapse{background: #fff;}
    .navbar-nav>li{background: #f1f1f1;margin-bottom: 1px;}
    .navbar-nav>li>a{display: block;padding:10px 15px !important;}
}

.home-pro{background: url(static/images/bg4.jpg);}
.home-pro .item{position: relative;height: 100%;border:1px solid #ddd;transition: all ease .3s;background: #fff;}
.home-pro .item figure{margin: 0;padding: 0;}
.home-pro .item figcaption{font-size:18px;}
.home-pro .item:hover{transform: translateY(-10px);box-shadow: 3px 3px 5px #ccc;}

.home-ys dt{font-size: 22px;font-weight: bold;color:#006699;padding-bottom: 15px;}
.home-ys dd{font-size:16px;color:#024499;line-height: 2em;}

.home-about{background-color: #fff;}
.home-about .home-about-text{color:#fff;line-height: 2em;}
.home-about .more a{display: block;width: 120px;height: 40px; line-height: 40px; border:1px solid #fff;margin:auto;text-align: center;color:#fff;}
.home-about .more a:hover{color:#42D1FD;border:1px solid #42D1FD}

.about-title .tit1{font-size:24px;font-weight: bold;}
.about-title .tit2{font-size: 16px;text-transform: uppercase;font-family:Verdana, Geneva, Tahoma, sans-serif;color:#ccc;}
.about-title::after{content: '';width: 100%;height: 1px;background-color: #ccc;display: block;margin-top: 10px;}


.home-case{background: url(static/images/nb-bg.jpg);}
.home-case .title .tit1{color:#fff;}
.home-case .title .tit2{color:#ddd;}

@media screen and (min-width:1600px) {
    .marquee-warp{max-width: 80%;}
}

.marquee-warp{padding:0 3rem;margin:auto}
.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:5px;position: relative;}
.gd ul li p{color:#666;position: relative;padding:5px;text-align: center;margin: 0;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gd ul li img{width:auto;max-height: 250px;border:1px solid #ccc;}
.gd ul li:hover p{color:#0092d6}
.gd ul li .cat-tit{color:#666;}



.home-hz{background: #4a4d55;}
.home-hz .title .tit1{color:#fff;}
.home-hz .title .tit2{color:#ddd;}
.home-hz .item{border:1px solid #fff;text-align: center;color:#fff;margin-bottom: 10px;}
.home-hz .more{text-align: center;}
.home-hz .more a{background: #f1f1f1;padding:10px 30px;font-size:18px;}
.home-hz .more a:hover{background: #333;color:#fff;border:1px solid #fff;}



.imglist .item img{transition: all ease .3s;}
.imglist .item:hover img{transform: scale(1.2);}
.imglist .item .img-wrap{overflow: hidden;}
.imglist .tit{font-size:14px;}

.imglist1 .img-wrap{border:1px solid #ddd;}

.home-p1 .item{position: relative;}
.home-p1 .item .tit{position: absolute;width: 100%;left: 0;bottom: 0;padding:10px;text-align: center;background-color: rgba(0, 0, 0, .1);color:#fff;}
.home-p1 .item:hover .tit{background-color: rgba(0, 46, 105, .5);}

.hnews1 .desc{font-size:14px;color:#666;min-height: 100px;}
.hnews1 .ntime{font-size:14px;color:#666}
.hnews1 .tit{font-size:18px;}

.nb{background-color: #2f3447;color:#fff;}
.nb .tit1{color:#fff;}
.nb .shili .item{border:1px solid #fff;text-align: center;}
.nb .shili .item .tit{font-size:30px;font-weight: bold;font-family: 'Times New Roman', Times, serif;}
.nb .shili .item .tit::after{display: block;width: 30px;content: '';border-bottom:1px solid #ccc;margin:auto}
.nb .shili .item p{font-size:24px;color:#fff;padding-top: 15px;}
.nb h3{color:#fff;border-bottom: 1px solid #ccc;}

ul.nav-footer{display: flex;justify-content: space-between;margin:0;padding:0;list-style-type: none;}
ul.nav-footer>li>a{border-bottom: 1px solid #ccc;;display: block;padding-bottom: 10px;}
ul.nav-footer .sub-menu{list-style-type: none;margin: 0;padding: 10px 0 0 0;font-size:14px;line-height: 2em;}
ul.nav-footer a:link, ul.nav-footer a:visited{color:#fff;display: block;transition: all ease .3s;}
ul.nav-footer a:hover{transform: translateX(5px);}
ul.nav-footer .sub-menu a::before{content: '-';padding-right: 5px;}



.bom{background: #333;color:#fff;}
.bom .ewm{display: flex;justify-content: flex-end;font-size:14px;}
.bom .ewm .img-wrap{max-width: 120px;}
.bom h3{font-size:20px;margin-bottom: 1em;font-weight: bold;border-bottom: 1px dotted #ddd;padding-bottom: 15px;}
.bom .fnav{margin: 0;padding: 0;list-style-type: none;display: flex;flex-wrap: wrap;}
.bom .fnav li{width: 33%;margin-bottom: 1rem;}
.bom .fnav a:link,.bom .fnav a:visited{color:#fff;transition: all ease .3s;display: block;font-size: 14px;}
.bom .fnav a:hover{color:#42D1FD;transform: translateX(5px);}
.bom .fnav a::before{content: '-';padding-right: 5px;}

.bom .ewm-list{display: flex;justify-content: flex-end;}
.bom .ewm-list .item{padding-left: 15px;}
.bom .ewm-list img{width: 120px;height: 120px;}
.bom .ewm-list figcaption{font-size: 14px;text-align: center;padding-top: 10px;}
.bom .item p{font-size:14px;}

ul.flinks{margin: 0;padding: 0;list-style-type: none;display: flex;}
ul.flinks::before{content: '友情链接：';color:#fff;padding-right: 15px;}
ul.flinks a:link,ul.flinks a:visited{color:#fff;padding-right:2em;}
ul.flinks a:hover{color:#78C0F5}

.footer{background-color: #333; color:#fff;border-top:1px solid #666;padding-top: 15px;font-size: 14px;;}
.footer a:link,.footer a:visited{color:#fff;}

.main{padding:15px 0;}
.main .page-path{background-color: #0081CF;color:#fff;}
.main .page-path a:link,.main .page-path a:visited{color:#fff;}

.catlist-wrap .sub-title{background-color: #0081CF;padding:15px;text-align: center;color:#fff;}
.catlist-wrap .catlist ul,ul.catlist{margin:0;padding:0;list-style-type: none;}
.catlist-wrap .catlist ul li a,ul.catlist li a{display: block;background-color: #f1f1f1;padding:15px;margin-bottom: 1px;transition: all ease .3s;}
ul.catlist li a::before{content: '\f101';font: normal normal normal 14px/1 FontAwesome;padding-right: 10px;}
ul.catlist li a:hover{transform: translateX(3px);background: #0678be;color:#fff;}



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

.archive-product .item .img-wrap{border:1px solid #ddd;}
.single-title{font-size:30px;color:#333}
.page-content .text{line-height: 2em;color:#666;}

.archive-case .item .tit{font-size:14px;}

.archive-news .item{display: flex;margin-bottom: 15px;border-bottom: 1px solid #ddd;align-items: center;position: relative;}
.archive-news .item h3{font-size:18px;}
.archive-news .item .img-wrap{flex: 150px 0 0;}
.archive-news .item .text{color:#666;font-size:14px;line-height: 2em;}
.archive-news .item::after{content: '';position: absolute;display: block; width:100%;bottom: 0;height: 1px;background-color: #007BFF;
    transition: all ease 1s;transform: scale(0);}
.archive-news .item:hover::after{transform: scale(1);}
.archive-news .item:hover{border-bottom: 1px solid transparent;}
.archive-news .item .dt{color:#009999;font-size:14px;font-family:Verdana, Geneva, Tahoma, sans-serif}


/*侧边栏小工具*/
.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 a{font-size:14px;}
.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;font-size:14px;}
.silder1 .wp-block-latest-posts{padding:5px;font-size: 14px;}
.silder1 .wp-block-latest-posts li{border-bottom: 1px dotted #ddd;padding:10px}
.silder1 .wp-block-latest-posts li ::before{content: "\f105";font: normal normal normal 14px/1 FontAwesome;padding-right: 5px;}
.silder1 .wp-block-latest-posts li a:hover{color:#007BFF}


/* 针对5.8以上 */
.silder1 .widget_block h2{background-color: #0678be;font-size:22px !important;color: #fff;font-weight: bold;text-align: center;padding: 20px 0;margin: 0;}
.silder1 .xgj li.widget_text{padding:0 10px;}

.sidebar-left .contact1{background-color: #f1f1f1;}
.sidebar-left .left-phone{display: flex;}
.sidebar-left .left-phone figcaption{padding-left: 10px;}
.sidebar-left .left-phone .img-wrap{padding-top:10px;}
.sidebar-left .left-phone .phone-text{font-size:14px;color:#666;}
.sidebar-left .left-phone .phone-number{font-size:18px;font-weight: bold;color:#006699;}

/*相册老编辑器*/
.gallery{display: flex;flex-wrap: wrap;background: #fafafa;padding:0 10px 10px 0;}
.gallery .gallery-item{padding:10px 0 0 10px;margin:0;text-align: center;}
.gallery .gallery-caption{text-align: center;font-size: 14px;color:#666;line-height: 1.5em;padding-top: 5px;}
.gallery .gallery-icon{overflow: hidden;position: relative;}
.gallery .gallery-icon::after,.wp-block-gallery .blocks-gallery-item::after{content: '\f00e';font: normal normal normal 30px/1 FontAwesome;color:#fff;display: flex;position: absolute;
    width:100%;height: 100%;left: 0;top: 0;justify-content: center;align-items: center;background: rgba(162,212,255,0.3);
    transition: all ease .3s; transform: scale(0);pointer-events: none;
}
.gallery .gallery-item img{transition: all ease .3s;}
.gallery .gallery-item:hover img{transform: scale(1.2);}
.gallery .gallery-item:hover .gallery-icon::after,.wp-block-gallery .blocks-gallery-item:hover:after{transform: scale(1);}
.gallery-columns-5 .gallery-item{width:20%}
.gallery-columns-4 .gallery-item{width:25%}
.gallery-columns-3 .gallery-item{width:33.33%}
.gallery-columns-2 .gallery-item{width:50%}
.gallery-columns-1 .gallery-item{width:100%}


.wp-block-image figcaption{text-align: center;font-size:14px;color:#666;}
.wp-caption .wp-caption-text{text-align: center;line-height: 1.5em;}
.blocks-gallery-item__caption{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.wp-block-video video{max-height: 600px;}

/*客服代码*/
@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:#333;font-size:16px;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: #0081CF;}
    .kf dt .fa{color:#fff;}
    .kf dd a:link,.kf dd a:visited{color:#78C0F5;}
    .kf dl:hover dt{background: #333;}
    .kf dl:hover dd{opacity: 1;right: 58px;}        
}

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

@media (max-width: 767px) {        
    .kf{position: fixed; bottom: 0;left: 0; background: #0081CF;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:#0081CF;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:#78C0F5;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);}    
}