/*
Theme Name: 基础模板
Theme URI: 
Author: jackey Biao
Author URI: 
Description: blog website base
Version: 1
License: MIT 
Text Domain: jackey
Tags: custom,jackey,anqin

Learn made wordpress theme
*/


@font-face{
    font-family:"yegenyou";
    src:url(./assert/font/yegenyou.TTF);
}
@font-face{
    font-family:"Segoe Script";
    src:url(./assert/font/segoesc.ttf);
}
@font-face{
    font-family:"minixingshu";
    src:url(./assert/font/minixingshu.TTF);
}
@font-face{
    font-family:"hanyiNormal";
    src:url(./assert/font/hanyiNormal.TTF);
}
@font-face{
    font-family:"hanyijianti";
    src:url(./assert/font/hanyijianti.TTF);
}
@font-face{
    font-family:"lixuke";
    src:url(./assert/font/lixuke.TTF);
}

body{
    font-family:"微软雅黑";
    overflow-x:hidden;
    color:#fff;
    margin-bottom: -73px;
}
.navbar-dark{
    position: relative;
    z-index: 100;
    top: 20px;
    left: 0px;
}
.bg-dark {
    background:transparent !important;
}
.i-section-header{
    position:relative;
    top:-73px;
}
.i-section-header nav{
    padding:40px 20px;
}
.navbar-nav .nav-link{
    margin:0 20px;
}
.navbar-nav a.active{
    border-top: 2px solid #eee;
}





.ibg{
    background:url('./assert/images/index/ibg.jpg') no-repeat;
    background-size:cover;
}
.ibg-1{
    background:url('./assert/images/index/ibg1.jpg') no-repeat;
    background-size:cover;
}
.ibg-2{
    background:url('./assert/images/index/ibg2.jpg') no-repeat;
    background-size:cover;
}
.ibg-3{
    background:url('./assert/images/index/ibg3.jpg') no-repeat;
    background-size:cover;
}
.ibg-4{
    background:url('./assert/images/index/ibg4.jpg') no-repeat;
    background-size:cover;
}
.ibg-5{
    background:url('./assert/images/index/ibg5.jpg') no-repeat;
    background-size:cover;
}
.ibg-news{
    background:url('./assert/images/index/ibgNews.jpg') no-repeat;
    background-size:cover;
}
.ibg-case{
    background:url('./assert/images/index/ibgCase.jpg') no-repeat;
    background-size:cover;
}
.ibg-about{
    background:url('./assert/images/index/ibgAbout.jpg') no-repeat;
    background-size:cover;
}
.ibg-service{
    background:url('./assert/images/index/ibgService.jpg') no-repeat;
    background-size:cover;
}
.ibg-product{
    background:url('./assert/images/index/ibgProduct.jpg') no-repeat;
    background-size:cover;
}

.ibg-product-detail{
    background:url('./assert/images/index/ibgProductDetail.jpg') no-repeat;
    background-size:cover;
}

.public-header{
    height:785px;
    width:100%;
    position: relative;
    top: -73px;
}


.i-section {
    width:100%;
    height:100vh;
    position:relative;
    top:-73px;
}
.i-section-header{
    width:100%;
    height:100vh;
}
.i-section-header .nav>a{
   text-decoration:none;
    margin-right:20px;
}

.shade{
    position:relative;
}
.shade::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    top:0; left:0; right:0;bottom:0;
    background:hsla(210,100%,21%,.4);
}
.i-section-header .container{
    padding-top:300px;
}
.i-section .container{
    padding-top:300px;
}
.container .i-text h3{
    letter-spacing:1rem;
    font-size:2rem;
}
.container .i-text h1{
    letter-spacing:1rem;
    font-size:3rem;
}
.container .i-text .p-en{
    letter-spacing:.4rem;
}
.container .i-text .en{
    letter-spacing:.4rem;
}
.container .i-text p{
    line-height:2rem;
}
.contact .social-icon ul{
    height:80px;
    margin: 0;
    padding: 0;
}
.contact .social-icon ul li{
    height:80px;
    line-height:80px;
    list-style:none;
    padding:0;
    margin:0;
    float:left;
    margin-right:20px;
}
.contact .social-icon ul li img{
    width:30px;
    height:30px;
    border:1px solid #999;
    border-radius:5px;
}
.contact .wechat{
    color:#aaa;
    font-size:16px;
}

footer{
    background:url(./assert/images/footer.png) no-repeat;
    height:340px;
    width:100%;
    padding-top:20px;
    position:relative;
    top:-73px;
}
footer .f-link-item a{
    display:block;
    padding:5px 0;
    color:#fff;
}

.footer-public{
    top: -70px;
    height: 395px;
}


.about_h1{
    height: 400px;
    background:url(./assert/images/test_h1.jpg) no-repeat;
}
.about_h1 .container{
    padding: 150px 0;
}

.about_h2{
    height: 400px;
    background:url(./assert/images/test_h2.jpg) no-repeat;
    background-size: cover;
}


.hmj-text-content p{
    text-align: center;
}


/*page product*/

.variable-width .item a{
    background:#eee;
    display:block;
    color:#333;
    margin:0 10px;
    font-size:14px;
    text-decoration:none;
}
.variable-width .item a img{
    width:100%;
    font-size:14px;
    text-decoration:none;
}
.variable-width .item span{
    display:block;
    color:#333;
    padding:10px 15px;
    font-size:14px;
}
.variable-width .item .box-img{
    position:relative;
}
.variable-width .item .box-img span{
    position:absolute;
    width:100%;
    left:0;
    bottom:-40px;
    background:#999966;
    color:#fff;
    text-align:center;
    padding:1rem 0;
    font-size:1rem;
    transition:460ms;
    z-index:-1;
}
.variable-width .item:hover .box-img span{
    bottom:0px;
    z-index:1;
}




.product-page-list .col-sm-4{
    padding:0;
    margin:0;
}


.product-cat .img-pcat{
    position:relative;
    overflow:hidden;
}
.product-cat .img-pcat img{
    transition:500ms;
}
.product-cat .img-pcat a{
    display:block;
    padding:.3rem .5rem;
    position:absolute;
    border:1px solid #fff;
    top:85%; left:30%; right:30%;
    text-decoration:none;
    text-align:center;
    color:#fff;
    z-index:-10;
    box-shadow:0px 0px 10px #fff;
    transition:460ms;
}
.product-cat-pro:hover .img-pcat a{
    top:45%;
    z-index:1;
    box-shadow:0px 0px 10px #eee;
}
.product-cat-pro:hover .img-pcat a{
    top:45%;
    z-index:1;
    box-shadow:0px 0px 10px #eee;
}
.product-cat-pro:hover .img-pcat img{
    transform: scale(1.13);
}

.single-list {
    padding:0;
    margin:0;
    margin-top:15px;
}
.single-list li{
    padding:.3rem .4rem;
    margin:0;
    background:#fff;
    list-style:none;
}
.single-list li:nth-of-type(2n+1){
    padding:.3rem .4rem;
    margin:0;
    background:#eee;
}

.content-box p{
    font-size:16px;
    line-height:1.5;
    color:#666;
    letter-spacing:0.2rem;

}

.service-image .row{
    padding:0;
    margin:0;
}
.service-image .row .col-sm-3{
    padding:0;
    margin:0;
}
.service-img-box {
    position:relative;
}
.service-img-box .text{
    position:absolute;
    top:30%;
    left:15%;
    right:15%;
    background: rgba(0,0,0,.5);
    border-radius: 5px;
    padding: .5rem 1rem;
}
.service-img-box .text h3{
    padding-bottom:30px;
}


.service-ser{
    background:url(./assert/images/index/service-content.png) right top no-repeat;
}



.case-img img{
    overflow:hidden;
    transition:460ms;
}
.case-img-box a{
    transition:460ms;
}
.case-img-box:hover a{
    box-shadow:0 0px 10px rgba(60,60,60,.6);

}
.case-img-box:hover img{
    transform:scale(1.02);
}





/*分页*/
.page_navi{overflow:hidden;width:100%;text-align:center;}
.page_navi a{height:36px;border:1px solid #DDD;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;color:#888;text-decoration:none;line-height:36px;margin:2px;padding:3px 8px;}
.page_navi a:hover,.page_navi a.current{border:1px solid #FFBB76;color:#FF7200;font-weight:bolder;}





.about-img img{
    transition: 460ms;
}
.about-img img:hover{
    box-shadow: 0 0 20px rgba(90,90,200,.9);
}












.public-header .container-fluid{
    position:absolute;
    left: 0;right: 0;
    bottom: 30px;
    background:rgba(50, 70, 117, 0.7);
    padding: 1rem 0;
    letter-spacing:0.5rem;
}
















@media (max-width:525px){

    .public-header .container-fluid{
        position:absolute;
        left: 0;right: 0;
        bottom: 0px;
        background:rgba(50, 70, 117, 0.7);
        padding: 1rem 0;
        letter-spacing:0.5rem;
    }

    .i-section-header{
        position:relative;
        top:0px;
    }

    .public-header{
        height:235px;
        width:100%;
        position: relative;
        top: 0px;
    }
    .public-about-header{
        height:315px;
    }
    .public-case-header{
        height:283px;
    }
    .public-service-header{
        height:283px;
    }


    .container .i-text h1{
        margin-top:1rem;
        letter-spacing:.5rem;
        font-size:1.5rem;
    }


    .footer-public{
        top: -73px;
        height: 380px;
    }



    .ibg-news{
        background-size:contain;
    }
    .ibg-case{
        background-size:contain;
    }
    .ibg-about{
        background-size:contain;
    }
    .ibg-service{
        background-size:contain;
    }  
/*    .ibg-product{
        background-size:contain;
    }
    .ibg-product-detail{
        background-size:contain;
    }*/

    .navbar-dark{
        position: relative;
        z-index: 100;
        top: 0px;
        left: 0px;
    }

    .i-section-header nav{
        padding: .5rem 1rem;
    }
    .bg-dark {
        background-color: rgba(0,0,0,.6) !important;
    }

    .i-section-header .container {
        padding-top: 50px;
    }

    .i-section {
        width:100%;
        height:200px;
    }
    .i-section-header{
        width:100%;
        height:500px;
    }

    .i-section .container {
        padding-top: 20px;
    }
/*    .ibg-product-detail{
        height:176px;
    }*/
    .shade{
        position:relative;
    }
    .shade::before{
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        z-index:1;
        top:0; left:0; right:0;bottom:0;
        background:hsla(210,100%,21%,.4);
    }


    .i-bottom-text{
        text-align:center !important;
        margin-top:1rem;
    }

    footer{
        background:url(./assert/images/footer.png) no-repeat;
        height:600px;
        width:100%;
        padding-top:20px;
    }


    .service-ser{
        background:#eee;
        padding:0 20px;
    }




    .about_h1{
        height: 176px;
        background:#000;
        color: #fff;
        background-size: contain;
    }
    .about_h1 .container{
        padding: 20px 0;
    }
    .about_h2{
        height: 440px;
        color: #000;
        background:#fff;
    }



    .hmj-text-content img{
        max-width: 100%;
    }







}