body{ background: #f6f6f6;}
/* body{ background: #eee url(../images/bg.png) no-repeat center top;} */
.xmlymain{ width: 1100px; height: auto; position: relative; margin: 15px auto; padding: 45px; background: #fff; box-sizing: border-box; margin: 0px auto; margin-top: 30px; }
.xmlymainimg{ width: 100%; max-width: 900px; height: 578px; background: #eee; position: relative; margin: 0px auto;}
.xmlymainimg .layui-carousel img{ width: 100%; height: 100%; object-fit: cover;}
.xmlymainitxt{ background: #eee; width: 100%; height: auto; height: 160px; position: relative; overflow: hidden;}
.xmlymainbt{ height: 170%; font-size: 24px; color: #000;  margin-bottom: 30px; color: #000; background: #fff; text-align: center;}
.xmlymainitxtdiv{ padding: 15px 30px; box-sizing: border-box; max-height: 135px; position: absolute; bottom: 0px; left: 0px; background: rgba(0,0,0,0.5); width: 100%;}
.xmlymainitxtdiv h4{ height: 35px; line-height: 35px; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; font-weight: normal; color: #fff;}
.xmlymainitxtdiv p{ margin: 5px 0px; line-height: 180%; color: #666; font-size: 14px; color: #fff;}
.xmlylogo{ text-align: left; width: 100%; margin: 0px 0px; position: relative; z-index: 5; position: fixed; left: 0px; top: 0px; background: #4882ee;  /* fallback for old browsers */
    
    }
.xmlylogoNL img{ margin-left: -150px;}
.xmlylogoN{ width: 1300px; position: relative; margin: 0px auto;}
.xmlylogoNR{ position: absolute; padding-left: 600px; left: 0px; top: 0px; height: 120px; width: calc(100% - 600px);}
.xmlylogoNR .layui-nav{ background: none;}
.xmlylogoNR .layui-nav li.layui-nav-item a{ font-size: 16px; color: #fff;}
.xmlylogoNR .layui-nav li.layui-nav-item dl{ top: 45px;}
.xmlylogoNR .layui-nav li.layui-nav-item dl a{ color: #000;}
/* .xmlylogo img{ width: 500px;} */
.xmlyLeft{ width: 1000px;}
.xmlyoutlist{ width: 300px; position: fixed; height: 100%; overflow-y: auto; right: 0px; top: 0px; box-shadow: 0 0px 5px 5px rgba(0,0,0,.3); background: #fff; padding-top: 130px; box-sizing: border-box;}
/* .xmlyoutlist ul{ padding-bottom: 15px; display: inline-block; width: 100%; background: #fff;} */
.xmlyoutlist ul li{ float: left; width: 100%; background: #fff; padding: 15px; overflow: hidden; position: relative; box-sizing: border-box; height: 100px; margin: 15px 0px;}
.xmlyoutlist ul li span{ width: 50%; height: 80px; display: block; float: left; margin-right: 15px;}
.xmlyoutlist ul li img{ width: 100%; height: 80px; border-radius: 5px; object-fit: cover;}
.xmlyoutlist ul li em{ text-align: left; line-height: 180%; font-size: 16px; color: #333; font-style: normal;}

.xmlymainL{  width: calc(100% - 300px); padding-top: 120px;}
.xmlymainspan{ margin: 15px auto; text-align: center;}
.xmlymainspan i.active{ color: #06c05f;}
.xmlymainspan i *{font-family:layui-icon!important}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow *{font-family:layui-icon!important}

.municon {
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
    display: none;
}
.munguanbi{ text-align: center; position: absolute; width: 100%; bottom: 45px; left: 0px; display: none;}
.munguanbi i{ font-size: 36px; color: #fff; }


@media screen and (max-width: 1600px) {
    /* .xmlymain{ width: 100%;}
    .xmlymainimg{ height: 40vw;} */
    .xmlylogoNL img{ margin-left: 0px;}
}

@media screen and (max-width: 1300px) {
    .xmlymain{ width: 100%;}
    .xmlymainimg{ height: 50vw;}
    .xmlymainL{ width: 100%;}
    .xmlyoutlist{ position: relative; width: 100%; height: auto; box-shadow: none; padding-top: 0px;}
    .xmlyoutlist ul li{ height: auto; width: 50%; padding: 0px 15px;}
    .xmlyoutlist ul li a{ background: #f6f6f6; border: 1px solid #eee; display: inline-block; width: 100%; padding: 15px; box-sizing: border-box;}
    .xmlyoutlist ul li span{ width: 260px; height: 165px;}
    .xmlyoutlist ul li span img{ height: 100%; border-radius: 0px;}
    .xmlyoutlist ul li em{ font-size: 20px;}
}

@media screen and (max-width: 1300px) {
    .xmlylogoNR{ padding-left: 400px; height: 80px;}
    .xmlylogoN{ width: 100%;}
    .xmlylogoNR .layui-nav .layui-nav-item{ height: 40px; line-height: 40px;}
    .xmlylogoNR .layui-nav li.layui-nav-item a{ height: 40px; line-height: 40px;}
    .xmlylogoNL img{ width: 400px;}
    .xmlylogoNR .layui-nav li.layui-nav-item dl{ top: 35px;}
    .xmlymainL{ padding-top: 60px;}
}

@media screen and (max-width: 1100px) {
    .xmlylogo{ height: auto; position: relative;}
    .xmlymainL{ padding-top: 0px;}
    .xmlylogoNL img{ width: 200px; margin-left: 30px;}
    .xmlylogoNR{ width: 100%; position: relative; padding: 0px; height: auto;}
    .xmlyoutlist ul li{ width: 100%;}
    .xmlymain{ margin-top: 0px;}
}

@media screen and (max-width: 900px){

}

@media screen and (max-width: 768px) {
    .xmlymain{ padding:30px 15px;}
    .xmlymainitxtdiv{ padding: 5px; height: 40px;}
    .xmlymainitxtdiv p{ margin: 0px; line-height: 25px; display: none;}
    .xmlymainitxtdiv h4{ font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .xmlylogoNR{ position: fixed; width: 200px; height: 100%; background: #3e6cb8; top: 0px; right: 0px; left: auto; right: -200px;}
    .municon{ display: block;}
    .xmlylogoNR.active{ right: 0px;}
    .municon.active{ right: 200px;}
    .xmlyoutlist ul li span{ width: 33vw; height: 20vw;}
    .munguanbi{ display: block;}
}