/* h2 { font-size: calc(1em + 1vw) } */
html {
    /* 这行代码可以做到要根据屏募改变字体大小，但是也影响了line-height */
    font-size: calc(1em + 1vw);
    /* line-height: 0.5; */
}
.container {
    min-width: auto !important;
    /* width: 100% !important; */
}
/* 取消content min-width */
.content .container {
    min-width: auto;
}
/* 页头菜单内容超过隐茂 */
.head-top .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* 页面菜单内容超过聣藏 */
.head-content .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.head-content .nav ul {
    display: flex;
    flex-direction: row;
    /* justify-content: space-around; */
    flex-wrap: wrap;
}
/* 标题字超过陷藏 */
.pro-title ul li {
    overflow: hidden;
}
/* 缩小版导航栏 */
/* .mobile-nav {
    width: 100%;
    height: 50px;
    background-color: #4b505d;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: hidden;
    text-align:right;
    padding-right: 8px;
    display: none;
} */
.mobile-menu-icon {
    display: none;
    position: absolute;
    left: 10px;
    top: 8px;
    z-index: 1002;
}
.mobile-menu-icon img {
    width: 30px;
	display: none;
}
/*.footer .bottom .container {*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-around;*/
    /*flex-wrap: wrap;*/
/*}*/
.footer .bottom .container ul {
    width: 233px;
}
.footer .bottom .container ul.contact-us {
    width: 270px;
}
.content .container .slider-open .cl-switch .slider-up {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.content .container .slider-open .cl-switch .slid-shift {
    /* display: flex; */
    flex-direction: row;
    justify-content: center;
}
.content .container .slider-open .cl-switch .slider-up .shift {
    width: 70%;
}
@media screen and (min-width: 1440px) {
    .container:not(.bannerContainer) {
        max-width: 1440px;
        width: 85% !important;
    }
	
}
@media screen and (max-width: 1260px) {
	.home-header .head-content {
		/*height: 125px;*/
        height: auto;
	}
}
@media screen and (max-width: 1440px) {
    .logo {
    	margin-left: 100px;
    }
}
/* 根据屏幕大小进行响应式设计 */
@media screen and (min-width: 1200px) {
    /* #primary { width:67%; } */
    /* #secondary { width:30%; margin-left:3%;} */
    .container {
    }
}
@media screen and (max-width: 1060px) {
    /* #primary { width:67%; } */
    /* #secondary { width:30%; margin-left:3%;}   */
    .content .classfiy .container p {
        padding: 0 !important;
    }
    .content .banner .postions img {
        height: 100% !important;
        object-fit: cover;
    }
}
@media screen and (max-width: 768px) {
    /* #primary { width:100%; } */
    /* #secondary { width:100%; margin:0; border:none; } */
    .content .container .slider-open .cl-switch .slider-up .shift {
        width: 60%;
    }
    .content .container .slider-open .title h2 {
        width: 100% !important;
    }
    /* 适配菜单 */
    /* .mobile-nav { */
    /*     display: initial */
    /* } */
    /* .home-header .head-top { */
    /*     display: none */
    /* } */
    /* .home-header .head-content { */
    /*     background-color: white !important; */
    /* } */
    /* /\* ---------------------- *\/ */
    /* .home-header { */
    /*     /\* height: 100%; *\/ */
    /*     overflow-y: auto; */
    /* } */
    /* .home-header .head-content .container .logo { */
    /*     width: 70px; */
    /* } */
    /* .home-header .head-content .container .mobile-menu-icon { */
    /*     display: initial; */
    /* } */
    /* .home-header .head-content .container .nav { */
    /*     display: none; */
    /*     width: 65%; */
    /* } */
    /* .head-content .nav ul { */
    /*     display: flex; */
    /*     flex-direction: column; */
    /* } */
    /* .home-header .head-content .container .nav .postion li .navbar { */
    /*     color: #85c43f; */
    /* } */
    /* .home-header .head-content .container .nav .postion li .muen>li>a { */
    /*     color: #85c43f; */
    /* } */
    /* .home-header .head-content .container .nav .postion li .muen>li.active a { */
    /*     background-color: white; */
    /*     color: #85c43f; */
    /* } */
    /* .home-header .head-content .container .nav .postion li .muen { */
    /*     position: unset; */
    /*     /\* display: block; *\/ */
    /*     border: none; */
    /*     box-shadow: none; */
    /*     background-color: transparent; */
    /* } */
    /* .home-header .head-content .container .nav .postion li .muen::before { */
    /*     border-bottom: none; */
    /* } */
}
@media screen and (max-width: 568px) {
    /* #primary { width:100%; } */
    /* #secondary { width:100%; margin:0; border:none; } */
    .content .container .slider-open .cl-switch .slider-up .shift {
        width: 50%;
    }
	.footer .top  {
	    line-height: 3em;
	}
}
/* 适配手机 */
@media only screen and (min-device-width: 320px) and (max-device-width: 812px) {
    /* and (-webkit-min-device-pixel-ratio: 3) { */
    .mobile-nav {
        display: initial
    }
    .home-header .head-top {
        display: none
    }
    .home-header .head-content {
        background-color: white !important;
    }
    .footer .top {
        line-height: normal;
    }
    .footer .bottom .container ul {
        width: 70%;
    }
    .footer .bottom .container ul h2 {
        width: 100%;
    }
    #at-share-dock {
        display: none;
    }
    .content .container .slider-open .cl-switch .slider-up .shift {
        width: 100%;
    }
    /* 适配手机菜单 */
    .home-header {
        /* height: 100%; */
        overflow-y: unset;
    }
    .home-header .head-content .container .logo {
        width: 70px;
    }
    .home-header .head-content .container .mobile-menu-icon {
        display: initial;
    }
    .home-header .head-content .container .nav {
        display: none;
        width: 65%;
    }
    .head-content .nav ul {
        display: flex;
        flex-direction: column;
    }
    .home-header .head-content .container .nav .postion li .navbar {
        color: #85c43f;
    }
    .home-header .head-content .container .nav .postion li .muen>li>a {
        color: #85c43f;
    }
    .home-header .head-content .container .nav .postion li .muen>li.active a {
        background-color: white;
        color: #85c43f;
    }
    .home-header .head-content .container .nav .postion li .muen {
        position: unset;
        /* display: block; */
        border: none;
        box-shadow: none;
        background-color: transparent;
    }
    .home-header .head-content .container .nav .postion li .muen::before {
        border-bottom: none;
    }
	
	.home-header .head-top {
		display: block; 
		height: auto;
        z-index: 1001;
        width: 110px;
        right: 0;
        left: auto;
        float: right;
	}
	.home-header .head-top .container {
		width: 100%!important;
		height: 47px;
		margin: 0 auto;
		display: block;
		flex-direction: unset;
		justify-content: baseline;
	}
	.home-header .head-top .right {
		float: none;
		width: auto;
		height: 100%;
		/* padding: 0rem 1rem; */
        position: absolute;
        right: 0;
        top: 0;
    }
    .home-header .head-content .container .mobile-menu-icon {
        margin-top: -50px;
    }
    .home-header .head-content .container .logo {
        height: 45px;
        /*width: 138px!important;*/
        text-align: center;
        width: 100%!important;
    }
    #mobile-menu-nav {
        margin-top: 3px;
    }
    /*.home-header .head-top .right .language {margin-top: 10px;}*/
    .home-header .head-content .container .logo a {
        display: block;
        margin: 0 auto;
        height: 100%;
    }
    .home-header .head-content .container .logo img {
        /*max-width: 81%;*/
        max-width: 110px;
        margin-top: 6px!important;
    }
    #mobile-menu-nav {
        margin-top: 0;
    }
    .home-header .head-content .container .nav {
        display: none;
        position: fixed;
        left: 0;
        top: 47px;
        width: 100%;
        overflow-y: auto;
    }
}