:root {
    --maincolor: #fff;
    --hovercolor: #cea15b;
}

* {
    padding: 0px;
    margin: 0px;
    border: none;
    list-style: none;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;
}
html{
    background:#272727;
}
a{
    color:#000;
}
.mid{
    width:1200px; 
    margin:0 auto;
}

.minwidth{
    width:100%;
    min-width:1200px;
    float:left;
}

.top {
    float: left;
    width: 100%;
    min-width: 1200px;
    background:url(../img/topbg.jpg) repeat;
}
.topmid{
    width:1200px; 
    margin:0 auto;
}
.top .logo {
    float:left;
    text-align: center;
    width:100%;
    height: 150px;
    margin-top: 80px;
}
.top .logo img{
   
    height: 80px;
}
.top .showlogo {
    display: none;
}
.navbar {
    float: left;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, rgba(196, 167, 113, 1), rgba(253, 251, 213, 1))
}
.nav {
    float: left;
    width: 100%;
    height: 60px;
    margin-left: 20px;
    
}
    .nav ul {
        display: flex;
        justify-content: space-around;
        height: 60px;
    }
        .nav ul li {
            text-align: center;
            font-size: 0px;
            height: 60px;
            padding: 0px 15px;
        }
         .nav ul li:hover::after{
            width:100%;
        }


            .nav ul li > a {
                width: 100%;
                height: 60px;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
            }
         .nav ul li>a span{
            font-size:16px;
        }

        .nav ul li::after {
            content:"";
            width:0px;
            height:4px;
            background:var(--hovercolor);
            display:inline-block;
            margin-top:-4px;
            transition:all ease  0.5s;
        }

         .nav ul li .childnav{
            width:100%;
            height:0px;
            background:#333333;
            position:absolute;
            left:0px;
            font-size:16px;
            transition:all ease 0.5s;
            overflow:hidden;
            opacity:0;
            z-index:300;
        }
         
        .nav ul li:hover .childnav{
            height:350px;
            opacity:0.9;
        }
        .nav ul li .childnav .navt{
            width:100%;
            height:30px;
            display:inline-block;
            float:left;
            font-size:26px;
            color:#fff;
            font-weight:bold;
            text-align:left;
            margin-top:60px;
        }
         .nav ul li .childnav .cnavlist{
             width:100%;
             margin-top:50px;
             float:left;
         }
         .nav ul li .childnav .cnavlist a{
             width:calc(25% - 50px);
             margin-bottom:15px;
             padding:10px 0px;
             border-bottom:1px solid #ccc;
             text-align:left;
             color:#fff;
             font-size:18px;
             transition:all ease 0.5s;
             float:left;
             margin-right:65px;
         }
         .nav ul li .childnav .cnavlist a:nth-child(4n){
             margin-right:0px;
         }
         .nav ul li .childnav .cnavlist a::after{
             content:">";
             float:right;
             font-family:"宋体";
             transition:all 0.5s;
         }
         .nav ul li .childnav .cnavlist a:hover::after{
             transform:rotateZ(90deg);
         }
         .nav ul li .childnav .cnavlist a:hover{
             color:var(--hovercolor);
             border-bottom-color:var(--hovercolor);
         }

.foot {
    background:#333;
}
    .foot .con{
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        margin-top:20px;
    }
    .foot .contactinfo {
        width: 250px;
        margin-top: 20px;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        text-align: right;
        border-right: 1px solid #b2b1b1;
        padding-right: 50px;
        height: 220px;
    }

        .foot .contactinfo .tel {
            font-size: 26px;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 20px;
            color: #fff;
        }

        .foot .contactinfo a {
            color: #fff;
        }

    .foot .footlogo {
        width: 250px;
        margin-bottom: 20px;
    }
    .foot .footlogo img {
        width: 100%;
    }
    .foot .footnav {
        width: 820px;
        margin-top: 30px;
    }
        .foot .footnav ul{
            display:flex;
            
        }
            .foot .footnav ul li {
                flex: 1;
                
            }
            .foot .footnav ul li a{
                color:#fff;
                font-size:18px;
            }
                .foot .footnav ul li .footcnav {
                    width: 100%;
                    line-height: 30px;
                    margin-top: 10px;
                }
                    .foot .footnav ul li .footcnav a {
                        display: inline-block;
                        width: 100%;
                        color: #999;
                        font-size: 12px;
                    }


    .foot .ewm{
        display:none;
        margin-top:30px;
    }
    .foot .beian {
        width: 100%;
        margin-top: 20px;
        border-top: 1px solid #fff;
        float: left;
        padding: 20px 0px;
    }
        .foot .beian .beianinfo {
            float: left;
        }

            .foot .beian .beianinfo a {
                font-size: 14px;
                color: #fff;
                margin-right: 20px;
            }
        .foot .beian .com {
            float: right;
            color: #fff;
            font-size: 14px;
        }
        


        .banner2 {
            height: 300px;
            overflow: hidden;
            position: relative;
            z-index: 100;
        }