@charset "gb2312";


/*font*/

body {
	
}
font {
    font-size: 20px;
	font-weight: 600;
	}

a, p, span, li, strong, dd, dt {
    font-size:14px;
    text-align: justify;
	}

.con-back{
    line-height: 1.82;
	}


.con-infor a,.con-infor span,.con-infor li,.con-infor strong,.details-con p {
    padding-bottom:20px;
	}

strong {
    display: block;
	}

.details-con span,.details-con a {
    display: contents;
	}

@media (prefers-color-scheme:light) {
    /* 当系统是使用浅色模式 ------------------------------------------------------------------------------------------------ */
    body, .bar-con,.nav-sh{
        background: #fff;
		}

	.main-back-color {
		background: #2767FF;
		}
	.main-path-color{
		stroke: #fff;
		}

    .nav-lg svg {
        fill: #000000;/*SVG fill Color*/
		}
		
	.bar-con p, .bar-con path {
		color: rgba(0, 0, 0, .37); 
		fill: rgba(0,0, 0, .37); 
		}

    .con-back, header, .fot-bg, .con-bg{
        /* background: #fff url("") left top; */
		}

    .-tit i, .my-ecological a {
        background: #9196A1;
		transition: all 300ms linear;
		}
	
	.-name p {
		color: #2767FF;
		}
		
    /*color*/
    * {
        color: #19191A;
		}

    .bar-con p .bar-con path {
        color: rgba(69, 66, 37, .57); /*Text Color*/
        /*stroke: rgba(255, 255, 255, .27);SVG border Color*/
        fill: rgba(69, 66, 37, .57); /*SVG fill Color*/
		}
	.neutral-color {
		color: #19191A;
		}
	.neutral-color-back {
		background: #19191A;
		}
	.dark-color{
		color: #3F4554;
		}
	.interaction-color{
		color: #5A5E69;
		}
	.interaction-color-back {
		background: #5A5E69;
		}
	
    .new-color{
        color: #9196A1;
		}
	
    .new-color-back{
        background: #9196A1;
		}

	.exhibitio-color {
		color: #C9CCD4;
		}

	.exhibitio-color-back {
		background: #C9CCD4;
		}

	.main-color {
		color: #2767FF
		}
		
	/* hover */
    .nav-menu a:hover {
        color: #19191A;
		}
	
	/* life */
	.life-modul {
		border-top: solid 1px #F2F4F7;
	}
	
	/* my qr */
	.-name h3 {
		color: #fff;
		background: #2767FF;
		}
	.-name p {
		background: #2767FF14;
	}
    .my-ecological a:hover {
		background:#2767FF;
		transition: all 300ms linear;
		}
		
	.contact-qr {
		box-shadow: 0px 16px 32px rgba(159, 169, 193, 0.24);
		}
    .m-qr {
		border: 1px solid #F2F4F722;
		border-radius: 16px;
		box-shadow: 0px 4px 12px rgba(49, 51, 56, .03);
	}
	
	/* footer */
	.fot-bg {
		border-top: 1px solid rgba(69, 66, 37, .11);
	}
	}

@media (prefers-color-scheme:dark){

    /* background */

    body {
        background:#16202F;
		}

	.main-back-color {
		background: #FDF187;
		}

	.main-path-color {
		stroke: #FDF187;
		}
	
    .bar-con p, .bar-con path {
        color: rgba(255, 255, 255, .57); /*Text Color*/
        /*stroke: rgba(255, 255, 255, .27);SVG border Color*/
        fill: rgba(255, 255, 255, .57); /*SVG fill Color*/
		}

    .con-bg {
        background: #16202F url("../img/back-pic.png") left top;
		}

    .nav-sh {
        background: #1B283A;
		}

    .nav-lg svg {
        fill: #FDF187;/*SVG fill Color*/
		}

    .bar-con {
        background: #1B283A;
		box-shadow: none;
		}

    .con-back{
        /* background: #16202F; */
		}
	
    .-tit i {
        background: rgba(255,255,255,.11);
		}
		
	.fot-bg {
        background: rgba(0, 0, 0, .11);
		}
		
	.my-ecological a {
		background: rgba(255,255,255,.11);
		transition: all 300ms linear;
		}

    .my-ecological a:hover {
        background: #FDF187;
		transition: all 300ms linear;
		}
		
	.-name h3 {
		color: #17171A;
		background: #FDF187;
		}
		
    /* color*/
    * {
        color:#E0E3EB;
		}
	.neutral-color {
		color: #E0E3EB;
		}
	.neutral-color-back {
		background: #E0E3EB;
		}
	.dark-color{
		color: #A1A4B3;
		}
	.dark-color-back {
		background: #A1A4B3;
		}
	.interaction-color {
		color: #6E7283;
		}
	.interaction-color-back {
		background: #6E7283;
		}
    .new-color{
        color: #6E7283;
		}
    .new-color-back{
        background: #6E7283;
		}
	.exhibitio-color {
		color: #404455;
		}
	.exhibitio-color-back {
		background: #404455;
		}
    .nav-menu a:hover {
        color:rgba(255, 255, 255,1);
		}
	.main-color {
		color: #FDF187
		}
		
	/* home tab */
	.tab-link.active {
		background: #fdf18714;
		color: #fdf187;
	}
	
	/* lift */
	.life-modul {
		border-top: solid 1px #32353D;
	}
	
	/* my */
	.-name p {
		background: #FDF18714;
		color: #fff
	}
	}
@media (prefers-color-scheme:no-preference){
}