/*
Theme Name: yixingseo dhhb(鼎浩)
Theme URI: http://www.yixingseo.com
Author: YixingSEO qq66866111
Author URI: https://www.yixingseo.com
Description: 企业网站定制 for 鼎浩环保
*/

body{font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;font-size: 16px;}

a:link,a:visited{color:#333;}
a:hover{color: #0099ff;text-decoration: none;}

img{max-width: 100%;width:auto;}



/*滚动条样式*/
::-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: 5px;background-color: #F5F5F5;}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{border-radius: 5px;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: #0099ff;}


@media screen and (min-width:1400px) {
    .container{max-width:1200px}
}


.title,.title1{text-align: center;}
.title .tit1,.title1 .tit1{font-size:36px;color:#333;font-family: '微软雅黑';font-weight: bold;position: relative;display: flex;justify-content: center;align-items: center;}
.title .tit1::before, 
.title .tit1::after,
.title1 .tit1::before,
.title1 .tit1::after
{content: '';width:150px;height: 5px;display: block;background-image: url(static/images/tit-line.png);margin:0 15px}
@media screen and (max-width:600px) {
    .title .tit1::before, .title .tit1::after{width:50px;}    
}
.title .tit2,.title1 .tit2{text-transform:uppercase;font-weight: 200;}
.title1 .tit1::before,
.title1 .tit1::after{background-image: url(static/images/tit-line1.png);}

.title .line{width: 5rem;height: 3px;margin: auto;}

.title2{background:url(static/images/ab_line02.gif) left bottom no-repeat;}

.more-link{min-height: 50px;}
.more-link a{background-color: #0e75c8;color:#fff;padding:10px 30px;border-radius: 2px;display: inline-block;}
.more-link a:hover{background-color: #333;}

.text-sm{font-size:14px;}
.text-xl{font-size:1.2rem}
.text-2xl{font-size:1.5rem;}
.text-3xl{font-size: 2rem;}
.text-4xl{font-size: 2.5rem;}

.text{line-height: 2rem;color:#666;}

.wp-post-image{margin: 0 !important;}

.top-search-input{margin:0;padding: 0;border:none}
.ani-wrap{position: absolute;z-index: 999;left: 0;right: 0;top: 30%;}
.ani-text{color:#fff;text-shadow: 0 1px 1px #ccc;font-size: 48px;font-weight: bold;letter-spacing: 5px;}

.py-50{padding-top: 50px;padding-bottom: 50px;}
.py-70{padding-top: 70px;padding-bottom: 70px;}
.py-80{padding-top: 80px;padding-bottom: 80px;}
.py-100{padding-top: 100px;padding-bottom: 100px;}



.home1{background: url(static/images/abou-bg.jpg) center center repeat-x;background-size: 90%;}
.about-image img{border-radius: 50px 0;transition: all ease .3s;}
.about-image:hover img{transform: scale(1.1);}
.about-since{color:#e60012}
.cname1::after{content: '';display: block;border-bottom: 2px solid #e60012;width: 60px;padding-top: 15px;}
.numplus .item{border-left: 1px solid #e60012;}

.numCount .numCX{font-size:30px;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

.num-wrap{position: relative;}
.num-bg{background-color:#0055a8;width:60px;height: 60px;border-radius: 50%;font-size:30px;text-align: center;line-height: 60px;
    color:#fff;font-weight: bold;font-family: 'Times New Roman', Times, serif;box-shadow: 0 0 5px  #ddd;
}
.text-upper{
    text-transform: uppercase;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

@media screen and (max-width:767px) {
    .py-100{padding:3rem 0;}
    .numCount .numCX{font-size:1.5rem;}
    .home1{background-size: 90%;background-position: center bottom;}
}

.home2{min-height: 500px;background: url(static/picture/bg15.jpg);}
.home2 .con{border-radius: 50px 0;overflow: hidden;}
.home2 .con .item{border-right: 1px solid #ddd;cursor: pointer;transition: all ease .3s;}
.home2 .con .row>div:last-child .item{border-right: none;}
.home2 .con .icon-wrap{background-color: #e60012;width:80px;height: 80px;margin: auto;border-radius: 50%;color:#fff;font-size:40px;
    display: flex;justify-content: center;align-items: center;
}
.home2 .con .col-md-6{overflow: hidden;}
.home2 .con .col-md-6::after{content: '';height: 5px;background-color: #ff9900;display: block;width: 100%;position: absolute;
    left: -100%;bottom: 0;transition: all ease .3s;
}
.home2 .con .col-md-6:hover::after{left: 0;}
.home2 .con .col-md-6:hover{background-color: #e60012;color:#fff;}
.home2 .con .col-md-6:hover .icon-wrap{background-color: #fff;color:#e60012;}
.home2 .con .col-md-6:hover .item{transform: translateY(-20px);}
.home2 .con .col-md-6:hover .item .desc{color:#ccc;}

@media screen and (max-width:767px) {
    .home2{background: #02438c url(static/picture/bg15.jpg)  top center no-repeat;padding:15px;}    
    .home2 .con .item{border-bottom: 1px solid #ccc;border-right: none;}
    .home2 .con .item:hover{border-bottom: none;}
}

.home3 .item{transition: all ease .3s;}
.home3 .item:hover{box-shadow: 3px 3px 15px #ccc;transform: translateY(-10px);}

.home2 .container{z-index: 100;position: relative;}
.home2 .line{border-bottom: 1px solid #fff;width:100px;margin: auto;}


.home4{background:url(static/picture/home4bg.jpg) center center no-repeat;}
.home4 .item{position: relative;overflow: hidden;}
.home4 .item::before{content: '';display: block;width: 100%;height: 1px;background-color: #e60012;position: absolute;left: -100%;top: 0;transition: all ease .3s;}
.home4 .item:hover::before{left: 0;}
.home4 .item .img-wrap{overflow: hidden;}
.home4 .item .img-wrap img{transition: all ease .3s;}
.home4 .item:hover .img-wrap img{transform: scale(1.1);}
.home4 .item .desc{height: 6rem;}


.home5{background: #e2ebf4 url(static/picture/bg16.jpg) bottom center repeat-x;}
.home5 .item{position: relative;background-color: #333;}
.home5 .item .pos{position:absolute;z-index: 10;left: 30px; top: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;
    color:#fff;
}
.home5 .item .tit{font-weight: bold;font-size:1.5rem}
.home5 .item .tit a{color:#fff;}
.home5 .item .img-wrap{overflow: hidden;}
.home5 .item .img-wrap img{transition: all ease .3s;}
.home5 .item:hover img{transform: scale(1.1);opacity: 0.7;}

.sidebar-left .catlist>li{border-bottom: 1px solid #EEE;position: relative;}
.sidebar-left .catlist>li>a{padding:15px;text-align: center;display: block;}
.sidebar-left .catlist>li::after{content: '';height: 1px;display: block;position: absolute;width: 100%;transition: all ease .5s;
    bottom: 0px;left: 0;background-color: #e60012;z-index: 30;transform: scale(0);transform-origin: 50% 50%;}
.sidebar-left .catlist>li:hover::after{transform: scale(1);}
.sidebar-left .catlist .current-menu-item a{font-weight: bold;color:#e60012}

.page-gallery .item{border:1px solid #ddd;height: 100%;display: flex;transition: all ease .3s;}
.page-gallery figure{margin: 0;}
.page-gallery figure .img-wrap{height:250px;margin: 0;padding: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.page-gallery figure img{max-height: 250px;width:auto;vertical-align:middle;}
.page-gallery .item:hover{box-shadow: 1px 1px 10px #ddd;transform: translateY(-5px);}

.wp-block-gallery .wp-block-image img{border:1px solid #ddd;}
.wp-block-gallery .wp-block-image:hover img{border:1px solid #0092d6}

.wp-block-image figcaption{text-align: center;font-size:0.8rem;}

.contact-link{display: block;background-color:#0e75c8;width:320px;text-align: center;padding:1rem 0;color:#fff !important;font-weight: bold;}
.contact-link:hover{background-color: #333;}

@media screen and (max-width:767px) {
    .contact-link{width: 100%;}
}

.pro-tabs .nav{background-color: #f1f1f1;}
.pro-tabs .nav-item a{padding:10px 20px;}
.pro-tabs .nav-item a.active{background-color:#0099ff;color:#fff;}
.pro-tabs .nav-item a.active::before{content: '\f0d7';font-family: FontAwesome;}
.pro-tabs .tab-content{border:1px solid #f1f1f1;padding:15px;}

@media screen and (max-width:767px) {
    .pro-tabs .nav .nav-item{flex:33.3333%;border-bottom: 1px solid #ddd;}
    .pro-tabs .nav-item a{padding:10px 20px;background-color: #f1f1f1;}
    .pro-tabs .nav .nav-item .nav-link{text-align: center;font-size:14px;padding: 10px 0;}
}

.footer{background: url(static/picture/bg17.jpg) repeat-x;color:#ccc;}
.footer a:link,.footer a:visited{color:#fff;}
.footer .fnav{display: flex;justify-content: space-between;line-height: 2rem;}
.footer .fnav>li>a{font-weight: bold;padding-bottom: 15px;display: block;}
.footer .sub-menu{margin: 0;padding: 0;list-style-type: none;}
.footer .sub-menu a:link,
.footer .sub-menu a:visited,
.footer .copyright,
.footer .copyright a:link,
.footer .copyright a:visited,
.footer .footer-contact
{font-size:14px;color:#ccc;}

.footer .sub-menu a:hover
{
    color:#fff;
}

.footer .copyright{border-top: 1px solid #ccc;padding:1rem 0;}
.footer p{margin: 0;}


.pro-wrap{position: relative;overflow: hidden;padding-bottom: 5px;}
.pro-wrap::after{content: '';display: block;width: 100%;height: 3px;background-color: #0099ff;position: absolute;left: -100%;transition: all ease .3s;}
.pro-wrap:hover::after{left: 0;}

.page-nav ul{display: flex;justify-content: center;}
.page-nav ul li{padding-right: 3px;}
.page-nav ul a{display: block;padding:10px 30px;background-color: #ddd;color:#333;}
.page-nav ul li.current-menu-item a,
.page-nav ul li a:hover
{background-color: #0092d6;color:#fff;}

@media screen and (max-width:768px) {
    .page-nav ul{flex-wrap: wrap;}
    .page-nav ul li{width: 50%;margin-bottom: 5px;}
    .page-nav ul li a{text-align: center;}
}

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

.prev-next{border-top: 1px solid #ddd;padding-top: 15px;}
.prev-next ul{margin: 0;padding:0;list-style-type: none;line-height: 2em;}

/* .home-pro{background: url(static/images/newbg.jpg) center center no-repeat;background-size: cover;} */

.loop-images,
.loop-news{position: relative;}
.loop-images p{background-color: #f1f1f1;}
.loop-images .img-wrap,
.loop-news .img-wrap
{position: relative;overflow: hidden;}

.loop-images .img-wrap .mask,
.loop-news .img-wrap .mask
{width: 100%;height: 100%;left: 0;top: 0;z-index: 10;position: absolute;display: flex;justify-content: center;align-items: center;
    background-color:rgba(0, 78, 162, 0.7);pointer-events: none;transition: all ease .5s;opacity: 0;}
.loop-images:hover .img-wrap .mask,
.loop-news:hover .img-wrap .mask
{opacity: 1;;}
.loop-images .img-wrap img,
.loop-news .img-wrap img
{transition: all ease-in .3s;}
.loop-images:hover .img-wrap img{transform: scale(1.2);}
.loop-news:hover .img-wrap img{transform:translateX(5px)}


.loop-images1{position: relative;}
.loop-images1 .text-wrap{position: absolute;left: 0;bottom: 0;height: 100%;width: 100%;display: flex;justify-content: center;align-items:flex-end;
    background-image: linear-gradient(360deg, rgba(0,0,0,0.9) , transparent 50% );padding-bottom: 15px;color:#fff;
}
.loop-images1 .img-wrap{overflow: hidden;}
.loop-images1 .img-wrap img{transition: all ease .3s;}
.loop-images1 .text-wrap a{color:#fff;}
.loop-images1:hover .img-wrap img{transform: scale(1.2);}
.wp-block-image::after{display: block;clear: both;content: '';}



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


@media screen and (min-width:768px) {      
    .header{background-color: #fff;}    
    .top-menu{padding: 0;}    
    .top-menu-bg{}   
    .top-menu .navbar-nav{justify-content:flex-end;width: 100%;} 
    .navbar-nav>li.menu-item{height: 100%;position: relative;margin-right: 1px;}
    .navbar-nav>li>a:link,.navbar-nav>li>a:visited{display: block;text-align: center;height: 55px;line-height: 55px;padding: 0 20px !important;
        transform: perspective(1px) translateZ(0);white-space: nowrap;color:#333;font-size:16px;}
    .navbar-nav>li>a:hover,
    .navbar-nav>li:hover>a,
    .navbar-nav li.current-menu-item>a,
    .navbar-nav li.current-menu-parent>a,
    .navbar-nav li.current-post-ancestor>a
    {color:#333 !important;} 
    .navbar-nav>li::before{content: ''; height: 100%;width: 100%;display: block;position: absolute;bottom: 0;
        margin:auto;left: 0;right: 0;transition: all ease .3s;transform: scaleX(0);transform-origin:50% 0%;background-color: #f1f1f1;
    }

  
    .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: 0;display: block;width: 1px;height: 100%;background-color: #ccc;     
    } */

    .navbar-nav>li>.dropdown-menu{display: block;margin: 0;padding:0;border-radius: 0;border: none;min-width: 170px;
        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;background-color: #f1f1f1;}    
    .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: #009900 !important;color:#fff;}
}


@media screen and (max-width:768px) {        
    .top-menu .navbar-brand{max-width: 260px}    
    .header{background-color: #fff;box-shadow: 0 0 5px #ccc;}

    .navbar-collapse{background: #fff;}
    .navbar-nav{}
    .navbar-nav>li{background: #f1f1f1;margin-bottom: 1px;}
    .navbar-nav>li>a{display: block;padding:10px 15px !important;font-size:1rem;}
    .home-pro{padding-bottom: 70px;}
    .bg-fix{display: none;}
        
    .top{background: #fff;box-shadow: 1px 1px 3px #ccc;}
    .navbar-nav>li>a:link, .navbar-nav>li>a:visited{padding:12px !important;}

    .hcat>ul>li>a{width:100%;text-align: center;font-size:1.2rem;}

    .about-fix{position: relative;height: 300px;min-height: 300px;}
    .about-fix .fix1{display: none;}
    .about-fix .fix2{width:100%;height: 300px;background-size: cover;}
    .home-about-text{font-size:1rem;}

    .pagelist{flex-wrap: wrap;}
    .pagelist span,.pagelist a{margin-bottom: 10px;}
    .my-player-dimensions{height: auto !important;}
    .dropdown-menu{
        border:none;
        background-color: #f5fdff;
        padding: 0;        
    }
    .dropdown-menu>a{
        padding:.8rem 1rem;
        border-bottom: 1px solid #ccc;;
    }
    .dropdown-menu>a:last-child{
        border-bottom: none;
    }
}


/*客服代码*/
@media (min-width: 768px){
    .kf{display: flex;position: fixed;right: 0;bottom:10%;flex-direction: column;z-index: 999;}
    .kf ul{margin:0;padding:0;list-style-type: none;}
    .kf ul li{margin-bottom: 2px; position: relative;line-height: 30px;width: 50px;height: 50px;}
    .kf ul li a{display: flex;color:#fff;position: absolute;left: 0;top: 0;height: 50px;width: 50px;float: right;}
    .kf .fa{color:#fff;font-size:1.5rem;}
    .kf ul li .cont{color:#fff;white-space:nowrap;background: red;padding:10px;position: absolute;
        right: 52px;top: 0;border-radius: 5px;transition: all ease .3s;transform: translateX(200px);opacity: 0;
    }
    .kf ul li .kf-wechat-image{max-width: 120px;height: 120px;}    
    .kf ul li .icon{flex:0 0 50px;text-align: center;background:#0055a8;overflow: hidden;height: 50px;padding:10px 0;border-radius: 5px 0 0 5px;}    
    .kf ul li:hover .cont{transform: translateX(0);opacity: 1;}
}


@media (max-width: 767px) {       
    body{padding-bottom: 60px;} 
    .kf{position: fixed; bottom: 0;left: 0; background:#006600;color:#fff;width:100%;display: flex;justify-content: space-around;z-index: 999;}
    .kf ul{margin: 0;padding: 0;list-style-type: none;display: flex;justify-content: space-between;width: 100%;}
    .kf ul li{width:100%;padding:5px 0}    
    .kf ul>li:not(:last-child){border-right: 1px solid #fff;}
    .kf ul li a{color:#fff;text-align: center;display: block;}
    .kf ul li .icon{font-size:22px;}
}