/* CSS Document */
@font-face{font-family:'yingwen';src:url('font/CAI978.ttf');}
@-webkit-keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}

@keyframes zoomUp {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}

@keyframes change1{
	0% {
		right:400px; top:95px;
		width: 200px;
		height: 270px;
		background-color:rgba(160,160,160,.8);
	}

	50% {
		right:365px; top:180px;
		width: 270px;
		height: 100px;
		background-color: rgba(26,44,120,.7);
	}
	100% {
		right:400px; top:95px;
		width: 200px;
		height: 270px;
		background-color:rgba(160,160,160,.8);
	}
}

@keyframes change2{
	0% {
		width: 255px;
		height: 590px;

	}

	100% {
		left:0;
		width: 1295px;
		height:590px;
	}
}

@keyframes change3{
	0% {
		width: 315px;
		height: 630px;

	}

	100% {
		left:0;
		width: 1595px;
		height:630px;
	}
}
@keyframes change4{
	0% {
		width: 335px;
		height: 680px;

	}

	100% {
		left:0;
		width: 1695px;
		height:680px;
	}
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(-50%)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(-50%)
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes moveLineDown {
    0% {
        transform: translateY(-5px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(15px);
        opacity: 0
    }
}

@keyframes moveLineDown {
    0% {
        transform: translateY(-5px);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(15px);
        opacity: 0
    }
}



*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}



body{font-family:'Microsoft YaHei','SimSun',Arial,Sans-Serif; color:#eee;overflow-x:hidden;} /*有用*/

/* body{font-family: Noto Sans CJK SC, Source Han Sans SC, Source Han Sans CN, sans-serif; color:#eee;overflow-x:hidden;} */



body.first{overflow: hidden;}
div{ box-sizing:border-box;}

::-webkit-scrollbar{ width:12px; cursor: pointer;}
::-webkit-scrollbar-track{background: #999;border-radius:50px;}
::-webkit-scrollbar-thumb{background: #fbb409;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #fbb409;}
::-webkit-scrollbar-corner{background: #fbb409;}

a,a:visited{ color:#eee; text-decoration:none;
transition:all .3s ease;
-moz-transition:all .3s ease; /* Firefox 4 */
-webkit-transition:all .3s ease; /* Safari and Chrome */
-o-transition:all .3s ease; /* Opera */
}
a:hover{ color:#fff; text-decoration:none;}
img {border: none;vertical-align: middle;
transition:all .3s ease;
	-moz-transition:all .3s ease; 
	-webkit-transition:all .3s ease; 
	-o-transition:all .3s ease; 
}

.dong{
transition:all .2s;
-moz-transition:all .2s; /* Firefox 4 */
-webkit-transition:all .2s; /* Safari 和 Chrome */
-o-transition:all .2s; /* Opera */}

.dong1{
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition:all .5s; /* Opera */}


.text-big{ text-transform:uppercase;}
.c-999{color: #999;}
.f-c-0260aa{color:#0260aa;}
.my-c-f9c385{ color:#f9c385;}
.my-c-898887{ color:#898887;}
.my-c-006661{color:#e2b891;}
.my-c-e70012{color:#e70012;}
.my-c-ccc{color:#ccc;}
.my-c-red{color:red;}
.my-c-b8b5b5{color:#b8b5b5;}
.my-fontn{ font-weight:normal !important;}
.my-textl-5{ letter-spacing:5px;}
.my-hide{ display:none !important;}
.my-p-2{ line-height:25px; font-size:16px; color:#545454; }
.my-p-05{padding-left:.5rem; padding-right:.5rem;}
.my2-plr-0{padding-left:0; padding-right:0;}
.my-line{ border-bottom:0; border-top:1px solid #CCC;}
.my-pt-0{ padding-top:0;}
.my-pt-5{padding-top:5px !important;}
.my-pb-50{padding-bottom:50px;}
.my-pt-30{padding-top:30px;}
.my-pt-50{padding-top:50px;}
.myc-pt-50{padding-top:50px;}
.my-pl-50{ padding-left:50px;}
.my-pr-50{ padding-right:50px;}
.my-pt-60{ padding-top:60px;}
.myc-pb-50{padding-bottom:50px;}
.myc-pb-60{ padding-top:50px;}
.myc-pb-10{padding-bottom:10px;}
.my-pt-80{ padding-top:80px;}
.myc-pt-80{padding-top:90px;}
.my-pt-60imp{ padding-top:60px !important;}
.my-pb-60{ padding-bottom:60px;}
.my-pb-0{padding-bottom:0;}
.my-pb-100{ padding-bottom:100px;}
.my-plr-30,.my-plr-30a{ padding-left:30px; padding-right:30px;}
.my-plr-0{ padding-left:0; padding-right:0;}
.my-ptb-40{ padding-top: 40px; padding-bottom: 60px;}
.my-pt-40{padding-top:40px;}
.my-pl-0{ padding-left:0;}
.my-pr-0{ padding-right:0;}
.myc-pr-30{padding-right:30px;}
.my-mt-60{margin-top:60px;}
.my-mt-0{ margin-top:0;}
.my-mt--5{margin-top:-5px;}
.my-mt--10{margin-top:-10px;}
.my-mb-0{ margin-bottom:0;}
.my-mb-60{ margin-bottom:60px;}
.my-f-14{ font-size:14px;}
.my-fontw{ font-weight:bold;}
.my-fontc{text-align:center;}
.my-f-26{ font-size:26px;}
.my-f-80{font-size: 80px; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;}
.plr-6{padding-left: 6px; padding-right: 6px;}
.my-f-j{text-align: justify;}
.my-fontf-Arial{ font-family:Arial,Sans-Serif;}
.my-over-hi{ overflow: hidden;}
.flex-cb{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:baseline; flex-direction: row;
}
.img-c{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; align-content:center; flex-direction: row;flex-wrap: wrap;
}
.img-c>img,.img>video{width: 100%; height:100%; object-fit: cover;}
.img1-c{
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
		display: flex; justify-content: center; align-items:center; align-content:center; flex-direction: row;flex-wrap: wrap;
}
.img1-c>img{max-width: 100%; max-height:100%;}




.flex-c{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: wrap;
}

.flex-cc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: wrap;align-content: center;
}



.flex-tc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:flex-start; flex-direction: row;flex-wrap: wrap;
}
.flex-nc{ 
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-pack:center; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: nowrap;
}
.flex-ntc{ 
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content: center; align-items:center; flex-direction: row;flex-wrap: nowrap;
}
.flex-lt{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: wrap; align-content: flex-start;
}
.flex-rt{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex; justify-content:flex-end; align-items:flex-start; flex-direction: row; flex-wrap: wrap;
}
.flex-lc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap; align-content: center;
}
.flex-ylc{ 
	display: -webkit-box; -webkit-box-lines:word-wrap; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:center;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-lb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row;
}
.flex-bb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:end;
	display: flex; justify-content:space-between; align-items:flex-end; flex-direction: row;
}
.flex-rb{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:end;
	display: flex; justify-content:flex-end; align-items:flex-end; flex-direction: row;
}
.flex-bc{ 
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:center; -webkit-box-orient:horizontal; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: wrap;
}
.flex-nbc{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;
	display: flex; justify-content:space-between; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-nbb{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:end;
	display: flex; justify-content:space-between; align-items:flex-end; flex-direction: row; flex-wrap: nowrap;
}
.flex-rc{ 
	display: -webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:end; -webkit-box-align:center;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row;
}
.flex-ct{ 
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:horizontal;
	display: flex; justify-content:center; align-items:flex-start; flex-direction: row;
}
.flex-rcn{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-end; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-hc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center; 
	display: flex; justify-content: center; align-items:center; flex-direction:column;
}
.flex-hcb{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:end; -webkit-box-align: center; 
	display: flex; justify-content: flex-end; align-items:center; flex-direction:column;
}
.flex-hlc{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:center;
}
.flex-htl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content: center; align-items:flex-start; flex-direction:column;align-content:flex-start;
}
.flex-hrt{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:start; -webkit-box-align:end;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-start;
}

.flex-hbl{
	display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:end; -webkit-box-align:start;
	display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:column;align-content:flex-end;
}
.flex-nhbl{
	display: -webkit-box !important; -webkit-box-orient:vertical; -webkit-box-pack:end; -webkit-box-align:start;-webkit-box-lines:word-break;
	display: flex !important; justify-content: space-between; align-items: flex-start; flex-direction:column;flex-wrap: nowrap;
}


.flex-hrc{
	display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:center;
}
.flex-hlb{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:flex-start; flex-direction:column;align-content:flex-start;
}
.flex-hrb{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align: end; -webkit-box-orient:vertical;
	display: flex; justify-content: center; align-items:flex-end; flex-direction:column;align-content:flex-end;
}
.flex-nlt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:start; -webkit-box-align:start;
	display: flex; justify-content:flex-start; align-items:flex-start; flex-direction: row; flex-wrap: nowrap;
}
.flex-nlc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:center; flex-direction: row; flex-wrap: nowrap;
}
.flex-nlb{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: end; -webkit-box-lines:word-break; -webkit-box-orient:horizontal;
	display: flex; justify-content:flex-start; align-items:flex-end; flex-direction: row; flex-wrap: nowrap; align-content: flex-end;
}
.flex-htc{
	display: -webkit-box; -webkit-box-pack:start; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: flex-start; align-items:center; flex-direction:column;align-content:center;
}
.flex-hbc{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align: center; -webkit-box-orient:vertical;
	display: flex; justify-content: space-between; align-items:center; flex-direction:column;align-content:center;
}
.flex-bt{
	display: -webkit-box; -webkit-box-pack:justify; -webkit-box-align:start; -webkit-box-lines:word-wrap;
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: wrap; align-content:flex-start;
}
.flex-nbt{
	display: -webkit-box; -webkit-box-lines:word-break; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:start; 
	display: flex; justify-content:space-between; align-items:flex-start; flex-direction:row; flex-wrap: nowrap;
}


.flex-nrt{
	display: -webkit-box; -webkit-box-pack:end; -webkit-box-align:start; -webkit-box-lines:word-break;
	display: flex; justify-content: flex-end; align-items:flex-start; flex-direction:row;flex-wrap: nowrap;
}

.wrap{word-break: break-all;word-wrap: break-word;white-space: pre-wrap;}
.nowrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.my-move{
transition:all .3s ease;
-moz-transition:all .3s ease; /* Firefox 4 */
-webkit-transition:all .3s ease; /* Safari and Chrome */
-o-transition:all .3s ease; /* Opera */
}
.nostart{
	visibility: hidden; animation-name: none;
}

.bgcolor-eee{background-color: #eee;}

.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-overflow2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 3;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space:pre-wrap;}
.text-overflow5{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 5;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.text-overflow6{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;line-clamp: 6;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.pos-r{position: relative;}


.wow {visibility: hidden;}
.nodata{ text-align:center; font-size: 18px;}
.nodata i{font-size: 20px;}

.bodyBg1{background-color: #000;}


/* 鼠标上滑提示 */
.scroll-invitation {
    padding-bottom: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    text-align: center;
	z-index: 100;
}

@media (min-width: 1025px) {
    .scroll-invitation {
        padding-bottom:20px;
        font-size: 12px
    }
}

.scroll-invitation__label {
    display: inline-block;
    position: relative;
    text-transform: uppercase
}

.scroll-invitation__label--mobile {
    padding-bottom: 30px
}

@media (min-width: 1025px) {
    .scroll-invitation__label--mobile {
        display:none
    }
}

.scroll-invitation__label--mobile:after {
    width: 12px;
    height: 12px;
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.scroll-invitation__label--desktop {
    display: none;
    padding-top: 50px;
    color: rgba(255,255,255,.7)
}

@media (min-width: 1025px) {
    .scroll-invitation__label--desktop {
        display:inline-block
    }
}

.scroll-invitation__svg {
    display: block;
    fill: #fff;
    margin: 0 auto 15px auto
}

.scroll-invitation__svg-line {
    -webkit-animation: moveLineDown 1s ease-out;
    animation: moveLineDown 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}


/* 菜单变打叉按钮样式 */
.button--hamburger {pointer-events: all;position: fixed;z-index: 200;top: 0;right: 0;background-color:rgba(0, 0, 0, 0.5); width: 60px; height: 60px; flex-shrink: 0; cursor: pointer;	
}

/* .header .button--hamburger {
    position: absolute;
    top: 0;
    right: 0
} */

.button--hamburger .hamburger,.button--hamburger .hamburger-fixed {
    width: 24px;
    height: 24px;
    position: relative
}

.button--hamburger .hamburger-fixed:after,.button--hamburger .hamburger-fixed:before,.button--hamburger .hamburger-fixed>span,.button--hamburger .hamburger:after,.button--hamburger .hamburger:before,.button--hamburger .hamburger>span {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background-color: currentColor
}

.button--hamburger .hamburger-fixed>span,.button--hamburger .hamburger>span {
    top: calc(50% - 1px);
    transition: transform 0s ease .2s;
}

.button--hamburger .hamburger-fixed:after,.button--hamburger .hamburger-fixed:before,.button--hamburger .hamburger:after,.button--hamburger .hamburger:before {
    content: "";
    transition: top .2s ease .2s,transform .2s ease 0s
}

.button--hamburger .hamburger-fixed:before,.button--hamburger .hamburger:before {
    top: 3px
}

.button--hamburger .hamburger-fixed:after,.button--hamburger .hamburger:after {
    top: calc(100% - 5px)
}

.button--hamburger .hamburger-fixed.open>span,.button--hamburger .hamburger.open>span {
    transform: scale(0,1)
}

.button--hamburger .hamburger-fixed.open:after,.button--hamburger .hamburger-fixed.open:before,.button--hamburger .hamburger.open:after,.button--hamburger .hamburger.open:before {
    transition: top .2s ease 0s,transform .2s ease .2s
}

.button--hamburger .hamburger-fixed.open:before,.button--hamburger .hamburger.open:before {
    top: calc(50% - 1px);
    transform: rotate(-45deg)
}

.button--hamburger .hamburger-fixed.open:after,.button--hamburger .hamburger.open:after {
    top: calc(50% - 1px);
    transform: rotate(45deg)
}

/* 斜纹遮罩层 */
.bg-xiewen:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    background-image: url(/images/bg-xiewen.png);
    background-size: 3px 3px;
    background-position: 0 0;
    background-repeat: repeat;
    background-color: transparent
}

.bg-xiewen>* {
    z-index: 20
}





/* 透明黑遮罩层 */
.mask1{width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0;z-index: 20; background-color: rgba(0, 0, 0, .7);}


/* 全站页头 */
.header{width: 100%;height: 60px;position: fixed;top: 0;left: 0;z-index: 100;text-align: center; padding: 0 60px 0 30px;
}
.header img{width: auto; height: 30px;}


/* 全站菜单栏 */
.meuc{
	position: fixed; top: 0; right:-600px; width: 300px; height: 100vh; height: 100dvh; background-color: rgba(0, 0, 0, 1); z-index:110; overflow: hidden;
}
.meuc.on{right: 0;}
.meuc .box1{
	width: 100%; height: 60px; flex-shrink: 0; position: relative;
}
.meuc .box1 .sub-menu-back-button {
    position: absolute;
    top: 18px;
    left: 30px;
    line-height: 24px;
    display: none;
    color: rgba(255,255,255,.5);
    cursor: pointer;
    transition: .3s ease;
	font-size: 14px;
}
.meuc .box1 .sub-menu-back-button.on{
	display: block;
}

.meuc .box1 .sub-menu-back-button:before {
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translate(-50%,-50%) rotate(45deg);
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor
}
.meuc .box1 .sub-menu-back-button:hover {
    color: rgba(255,255,255,1);
}


.meuc .box2{width: 100%; flex-grow: 1; position: relative; }
.meuc .box2 .p1{width:auto; height: 100%; top: 0; left:0px; position: absolute; white-space: nowrap;}
.meuc .box2 .p1 .con{width: 300px; flex-shrink: 0; height: 100%; overflow-x: hidden; overflow-y: auto; padding:10px;}
.meuc .box2 .p1 .con .a{width: 100%; box-sizing: 0; border-left:1px solid rgba(255, 255, 255, 0); border-right:1px solid rgba(255, 255, 255, 0); line-height: 20px; text-align: center;color: #999; margin:8px auto; font-size: 16px; text-transform: uppercase;}
.meuc .box2 .p1 .con .a:hover, .meuc .box2 .p1 .con .a.on{color: #fff; border-left-color: rgba(255, 255, 255, 1); border-right-color: rgba(255, 255, 255, 1);}
.meuc .box2 .p1 .con2 .a{margin: 20px auto; }
.meuc .box2 .p1 .con2 .a>img{ max-width: 50%; max-height: 50px; display: block; opacity: .5;}
.meuc .box2 .p1 .con2 .a:hover>img, .meuc .box2 .p1 .con2 .a.on>img{opacity: 1;}
.meuc .box2 .p1 .con3 .a{display: none;}
.meuc .box2 .p1 .con4 .a{display: none;}


.meuc .box3{width: 100%; height: 150px; flex-shrink: 0; position: relative;}
.meuc .box3 .p1{padding: 10px 0; height: 50px; box-sizing: border-box; width: 100%; text-align: center;}
.meuc .box3 .p1 img{width: auto; height: 30px;}
.meuc .box3 .p2{width: 100%; height:50px; border-top:1px solid rgba(255, 255, 255, .5); white-space: nowrap; }
.meuc .box3 .p2 a{width: 50%; height:100%; box-sizing: border-box;  color: #999; text-align: center; display: inline-block; line-height: 50px; }
.meuc .box3 .p2 a:nth-child(1){border-right:1px solid rgba(255, 255, 255, .5);}
.meuc .box3 .p2 a:hover,.meuc .box3 .p2 a.on{color:#fff;}

.meuc .box3 .p3{width: 100%; height: 50px; border-top:1px solid rgba(255, 255, 255, .5);}
.meuc .box3 .p3 .p3-1{width:50%; height:100%;}
.meuc .box3 .p3 .p3-1:nth-child(1){border-box; border-right:1px solid rgba(255, 255, 255, .5);}
.meuc .box3 .p3 .p3-1 .a{height:100%; box-sizing: border-box; border-right:1px solid rgba(255, 255, 255, .5); color: #999; text-align: center; flex-grow: 1; position: relative; cursor: pointer;}
.meuc .box3 .p3 .p3-1 .a>img{width:40%; height: auto; opacity: .5;}
.meuc .box3 .p3 .p3-1 .a:last-child{border-right: 0;}
.meuc .box3 .p3 .p3-1 .a:hover,.meuc .box3 .p3 .p3-1 .a.on{color:#fff;}
.meuc .box3 .p3 .p3-1 .a:hover>img,.meuc .box3 .p3 .p3-1 .a.on>img{opacity: 1;}

.meuc .box3 .p3 .p3-1 .a>.p3-1-img{width:100px; height: 100px; position: absolute; left: 0; top:-100px; display: none;}
.meuc .box3 .p3 .p3-1 .a>.p3-1-img-a{right: 0;left: unset;}
.meuc .box3 .p3 .p3-1 .a>.p3-1-img>img{width: 100%; height: 100%;}
.meuc .box3 .p3 .p3-1 .a:hover>.p3-1-img{display: block;}



/* 全站页脚 */
.foot{width: 100%;height:auto;position: fixed; z-index: 100; font-size: 12px; bottom: 15px;left: 50px;z-index: 100;text-align:left; color: #ccc; display: inline-block; text-align: left;}
.foot a:visited,.foot a:link{color: #ccc;}
.foot a:hover{color: #fff;}
.foot .ipv6{padding: 2px 5px; border-radius: 50px; font-size: 10px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .7); margin-left: 5px;}




/* 全站满屏内容区域 */
.main{width: 100vw; height: 100vh; height: 100dvh; overflow: hidden; position: relative; z-index: 10;}
#fullpage.swiper-container{width: 100vw; height: 100vh; height: 100dvh;}
#fullpage .swiper-slide{width: 100vw; height: 100vh; height: 100dvh; box-sizing: border-box; position: relative;}
#fullpage-btn.swiper-pagination-bullets{right: unset; min-width: 160px; }
#fullpage-btn{display: flex; justify-content: flex-start; align-items:flex-start;flex-direction:column; left: 30px; min-width:120px; overflow-x: visible;border-left:1px solid rgba(255,255,255,.5); padding-top:0; padding-bottom: 30px;}
.full-bullet{width:auto; min-width: 80px; height:30px; line-height: 30px;  border-bottom:1px solid rgba(255,255,255,1);  background-color:rgba(170,169,169,0); box-sizing: border-box; display:block; position: relative; margin: 15px 0 15px -15px; cursor: pointer; overflow: hidden;  padding-left: 20px; padding-right: 10px; text-align: left;
transition:all .2s;
-moz-transition:all .2s;
-webkit-transition:all .2s;
-o-transition:all .2s;
	opacity: .5;
}
/*.full-bullet::before{content: ''; width: auto; height: 30px; left: 30px; top: ; line-height:30px; text-align:left; font-size: 14px; position: absolute;color: #999;}*/

/*.full-bullet:nth-child(1)::before{content: '01';}*/
/*.full-bullet:nth-child(2)::before{content: '02';}*/
/*.full-bullet:nth-child(3)::before{content: '03';}*/
/*.full-bullet:nth-child(4)::before{content: '04';}*/
/*.full-bullet:nth-child(5)::before{content: '05';}*/
/*.full-bullet:nth-child(6)::before{content: '06';}*/
/*.full-bullet:nth-child(7)::before{content: '07';}*/
/*.full-bullet:nth-child(8)::before{content: '08';}*/
/*.full-bullet:nth-child(9)::before{content: '09';}*/
/*.full-bullet:nth-child(10)::before{content: '10';}*/


.full-bullet-active{width:160px; height:30px;  text-align: left; color: #fff;  background-color:rgba(0,0,0,0); font-size: 12px; position: relative; overflow: visible; border-bottom:1px solid rgba(255,255,255,1); opacity: 1;
}
.full-bullet-active::before{color: #fff;}


/* 首页 */
.homepage{width: 100vw; height: 100vh; overflow: hidden;}
/* 首页-->广告 */
#adSwiper.swiper-container{width: 100%; height: 100%; position: relative; z-index: 11;}
#adSwiper .swiper-slide .slide-img{width: 100%;height: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 11; display: block;}
/* #adSwiper .swiper-slide .slide-img:before{
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	opacity: 0;
	background-image: url(/images/bg-xiewen.png);
	background-size: 3px 3px;
	background-position: 0 0;
	background-repeat: repeat;
	background-color: transparent
} 
#adSwiper .swiper-slide .slide-img.on:before{ opacity: 1;}
*/
#adSwiper .swiper-slide-active .slide-img,
#adSwiper .swiper-slide-duplicate-active .slide-img{
/* 	-webkit-animation: zoomUp 12s linear 0s;
	animation: zoomUp 12s linear 0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both */
}
#adSwiper .swiper-pagination{z-index: 21; width: 30px; left: 10px;}
.ad-bullet{width:20px; height: 20px; background-color:rgba(255,255,255,.3); display:inline-block; position: relative; border-radius:50%; margin: 4px auto; cursor: pointer; line-height: 20rpx; font-size: 12px; color: #666;}
.ad-bullet-active{ background-color:rgba(0,0,0,.95);  color: #fff; font-weight: bold;transform: scale(1.2);}

/* 首页-->品牌 */
.homepage .screen2{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.homepage .screen2 .box1{margin: 0 auto; position: relative; z-index: 22;}
.homepage .screen2 .box1 .vo{ height: 80px; width: 10%; padding: 0 30px; border-right: 1px solid rgba(255, 255, 255, .3);  cursor: pointer; position: relative;}
.homepage .screen2 .box1 .vo:last-child{border-right: 0;}
.homepage .screen2 .box1 .vo img{width: 100%; height: auto; opacity: .5;}
.homepage .screen2 .box1 .vo.on img,.screen2 .box1 .vo:hover img{opacity: 1;}
.homepage .screen2 .box1 .vo .p1{position: absolute; left: 0; top: 90px; overflow: visible; width: 200%; margin-left: -50%; display: none; max-height: 300px; overflow-x: hidden; overflow-y: auto;}
.homepage .screen2 .box1 .vo .p1.on{display: block;}
.homepage .screen2 .box1 .vo .p1 .p1-1{line-height: 25px; font-size:14px; width: 100%; color: #999; text-align: center; display: block;}
.homepage .screen2 .box1 .vo .p1 .p1-1:hover{color: #fff;}
.homepage .screen2 .box1 .vo .p1 .p1-2{padding: 10px 0; width: 100%; display: none;}
.homepage .screen2 .box1 .vo .p1 .p1-2 a{color: #999; line-height: 20px; font-size: 12px; text-align: center; display: block;}
.homepage .screen2 .box1 .vo .p1 .p1-2 a:hover{color: #fff;}

.homepage .screen2 .box1 .vo .p2{position: absolute; left: 50%; bottom : 110px; overflow: visible; width: 500px; transform: translateX(-50%); max-height: 200px; overflow-x: hidden; overflow-y: auto; font-size:16px; line-height: 25px; color: #fff; text-align: center;visibility: hidden;opacity: 0;transition: visibility 0s .5s,opacity .5s;}
.homepage .screen2 .box1 .vo:hover .p2{visibility: visible; opacity: 1; transition-delay: 0s;}




/* 产品展示页 */
.proviewpage{width: 100vw; height: 100vh; overflow: hidden; position: relative;}
.proviewpage .screen1{padding: 0 20%; width: 100%; height: 100%; color: #fff; text-align: center; background-repeat:no-repeat; background-size: cover; background-position: center; z-index:1; position: relative; }
.proviewpage .screen1:before{width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color:rgba(0, 0, 0, .7); position: absolute; z-index: 2;}
.proviewpage .screen1 .tit{ font-size: 24px; line-height: 40px; z-index: 3;}
.proviewpage .screen1 .con{margin-top:25px; font-size: 16px; line-height: 30px; z-index: 3;}


.proviewpage .screen1 .box2 {
	position: absolute; left: 40px; bottom: 60px; z-index:3; 
}

.proviewpage .screen1 .box2 .con{
	width: 500px; max-height:140px; overflow: hidden; background-color: rgba(0, 0, 0, 0); padding: 15px;
}
.proviewpage .screen1 .box2.on .con{
	max-height:70vh;
	background-color: rgba(0, 0, 0, 0.9);
}
/* .proviewpage .screen1 .box2.on{
	overflow-x: hidden; overflow-y: auto;
} */

.proviewpage .screen1 .box2 .p1{line-height: 30px; color: #fff; font-size: 12px; width:500px; height: 30px; text-align: left; }
.proviewpage .screen1 .box2 .a{line-height: 30px; color: #999; font-size: 12px; width:500px; height: 30px; margin-top: 10px; box-sizing: border-box; display: block; text-align: left;}
.proviewpage .screen1 .box2 .a:hover{color: #fff;}
.proviewpage .screen1 .more-button {
	margin-top: 5px; margin-left: 15px;
    color: rgba(255,255,255,.5);
	font-size: 14px;
	position: relative;
	padding-left: 30px;
	z-index:3;
	overflow: visible;
	cursor: pointer;
}
.proviewpage .screen1 .more-button:before {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    top:10%;
    left:5px;
    transform: rotate(-45deg);
    border-bottom: 1px solid currentColor;
    border-left: 1px solid currentColor;
	z-index:4;
}
.proviewpage .screen1 .more-button.on:before{
	top:40%;
	transform: rotate(135deg);
}

.proviewpage .screen1 .more-button:hover {
    color: rgba(255,255,255,1);
}




.proviewpage .screen2{padding: 0 20%; width: 100%; height: 100%; color: #fff; text-align: center;will-change: transform, opacity, visibility;background: radial-gradient(ellipse at center, #333 0, #000 100%); z-index: 1;}
.proviewpage .screen2.on:before{width: 100%; height: 100%; content: ""; position: absolute;top: 0;left: 0;z-index: 0;background-image: url(/images/bg-pattern.png);background-size: 3px 3px;background-position: 0 0; background-repeat: repeat;background-color: transparent; z-index: 2;
}	
.proviewpage .screen2 .box1{width: 75vw; height:70vh; overflow-x:hidden; overflow-y: auto; z-index: 3; padding-right: 8px;}
.proviewpage .screen2 .box1 .img{width: calc(25% - 4px);height: calc(33.33% - 4px);margin: 2px; overflow: hidden; cursor: pointer;}
.proviewpage .screen2 .box2{width: 100%; height: 30px; position:absolute; left: 0; bottom: 50px; z-index: 10;}
.proviewpage .screen2 .box2 .icon1{margin: 0 20px; width: 25px; height:25px; opacity: .5; z-index: 3; cursor: pointer; display: block;}
.proviewpage .screen2 .box2 .icon1:hover,.proviewpage .screen2 .box2 .icon1.on{opacity: 1;}
.bigimgs{width: 100%; height:100%; background-color: rgba(0,0,0,.9); z-index: 200; position: fixed; top:-3000px; left: 0; box-sizing: border-box;}

.proviewpage .swiper-slide .box3{width: 100%; text-align: center; font-size: 20px; line-height: 30px; z-index: 3; margin-bottom: 20px; padding-left: 8vw; display: none; font-weight: bold;}




.bigimgs .cha{font-size:30px; line-height: 50px; width: 50px; height: 50px; position:absolute; top: 15px; right: 15px; color: #fff;z-index: 201; cursor: pointer;overflow: hidden; border-radius: 50%;background-color:rgba(102, 102, 102, 1);  text-align: center;}
.bigimgs .cha:hover{color:#fff; background-color:rgba(102, 102, 102, 1);}
#swiper-container-1{width: 100%; height: 100%;}
#swiper-container-1 .swiper-slide{width: 100%; height: 100%;}
/* #swiper-container-1 .swiper-slide img{max-width: 100%; max-height: 100%; width:auto; height:auto; } */
#swiper-container-1 .swiper-button-next::after,
#swiper-container-1 .swiper-button-prev::after {
  color: #fff;
  font-size: 30px;
  text-shadow: 0 0 3px #000;
  
}
.bigimgs .swiper-pagination{text-align: center; color: #fff; font-size: 18px;}

.proviewpage .screen3{padding: 0 20%; width: 100%; height: 100%; color: #fff; text-align: center; background-repeat:no-repeat; background-size: cover; background-position: center; z-index:1; }
.proviewpage .screen3:before{width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color:rgba(0, 0, 0, .2); position: absolute; z-index: 2;}
.proviewpage .screen3 .box1{width: 75vw; height: 50vh; padding-bottom: 30px; z-index: 3;}
.proviewpage .screen3 .box1 .item{display: none;}
.proviewpage .screen3 .box1 .item.on{display: block;}
.proviewpage .screen3 .box1 .tit{ font-size: 20px; line-height: 30px;}
.proviewpage .screen3 .box1 .con{margin-top:25px; font-size: 12px; line-height: 20px;}
.proviewpage .screen3 .box2{width: 80vw; z-index: 3; position: relative;}
.proviewpage .screen3 .box2:before{width:100%; height: 1px; content:""; background-color: rgba(255, 255, 255, .7); position:absolute; left: 0; bottom: 10px; z-index: 4;}
.proviewpage .screen3 .box2 .item{flex-grow: 1; padding: 0 10px;cursor: pointer; z-index: 5; }
.proviewpage .screen3 .box2 .item .p1{font-size: 16px; color: #fff; margin-bottom: 20px; opacity:.5; text-shadow: 0 0 5px #000; transform: translateX(-50%); position: absolute; left: 50%; top: -40px; }
.proviewpage .screen3 .box2 .item .yuan{width: 20px; height: 20px; overflow: visible; border-radius: 50%; border:2px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); padding: 3px; margin-bottom:1px; position: relative;}
.proviewpage .screen3 .box2 .item .yuan .yuan-1{width: 10px; height: 10px; border-radius: 50%; overflow: hidden; background-color: #fff;}
.proviewpage .screen3 .box2 .item.on .p1{opacity: 1; font-weight: 800; }
.proviewpage .screen3 .box2 .item.on .yuan{border:2px solid rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, .5);-webkit-transform: scale(1.1);transform: scale(1.1);}


.proviewpage .screen4{padding: 0 20%; width: 100%; height: 100%; color: #fff; text-align: center;will-change: transform, opacity, visibility;background: radial-gradient(ellipse at center, #333 0, #000 100%); z-index: 1;}
.proviewpage .screen4.on:before{width: 100%; height: 100%; content: ""; position: absolute;top: 0;left: 0;z-index: 0;background-image: url(/images/bg-pattern.png);background-size: 3px 3px;background-position: 0 0; background-repeat: repeat;background-color: transparent; z-index: 2;
}	
.proviewpage .screen4 .box1{width: 1000px; height:500px;  z-index: 3;}

/* Gworks样式 */
.proviewpage711 .screen2{padding: 70px 20% 0 20%; width: 100%; height: 100%; color: #fff; text-align: center;will-change: transform, opacity, visibility; z-index: 1; background: url(/images/bg711.jpg) no-repeat center; background-size: cover; box-sizing: border-box; }
/*.proviewpage711  .screen2 .box1{width: 75vw; height:75vh; overflow-x:hidden; overflow-y: auto; z-index: 3; padding-right: 8px; margin-bottom: 5vh;}*/
.proviewpage711  .screen2 .box1{flex-grow: 1; width: 75vw; max-height: 75vh;  overflow-x:hidden; overflow-y: auto; z-index: 3; padding-right: 8px; margin-bottom: 5vh;}

.proviewpage711  .screen2 .box1 .img{width: calc(50% - 8px);height: calc(33.33% - 4px); padding-bottom: 30px; margin: 2px 4px; overflow: hidden; cursor: pointer; position: relative;}
.proviewpage711  .screen2 .box1 .img .img-1{background-color: #fff;flex-grow: 1; height: 100%; overflow: hidden;}
.proviewpage711  .screen2 .box1 .img .img-2{flex-grow: 1; height: 100%; overflow: hidden;}

.proviewpage711  .screen2 .box1 .img .tit{height: 30px; width: 100%; line-height: 30px; color: #fff; background-color: rgba(0, 0, 0, .9); padding:0 2%; text-align: left; font-size: 12px; position: absolute; left: 0; bottom: 0;}
.proviewpage711  .screen2 .box1 .img:hover .img-1 img{transform: scale(1.1);}
.proviewpage711 .swiper-slide .box3{display: none; flex-shrink: 0}

/*.proviewpage711 .screen2 .box4{width: 100vw; margin-bottom: 1vh; z-index: 4; position: absolute; left: 0; bottom: 0; flex-shrink: 0;}*/
.proviewpage711 .screen2 .box4{width: 100vw; padding-bottom: 1vh; z-index: 4; flex-shrink: 0;}
.proviewpage711 .screen2 .box4 .vo{padding:6px 8px; font-size: 14px; color: #eee; text-align: center; margin: 3px; border-radius: 4px; line-height: 20px; background-color: #666; cursor:pointer; font-weight: normal;}
.proviewpage711 .screen2 .box4.cn .vo{font-size: 14px; font-weight: normal !important; min-width:80px; }

.proviewpage711 .screen2 .box4 .vo.on{background-color: #000; color: #fff;}
.proviewpage711 .screen2 .box4 .vo:hover{background-color: #000; color: #fff;}



.proviewpage711 .bigimgs .swiper-container .con{width: 100%; height: 100%; top: 0; left: 0; background-color:rgba(0, 0, 0, 0); position: absolute; z-index: 2; padding-bottom: 20px;}
.proviewpage711 .bigimgs .swiper-container .con .p1{ font-size: 18px; line-height: 25px; z-index: 3;text-align:center; padding: 0 10%;text-shadow: 0 0 5px #000; color: #fff; }
.proviewpage711 .bigimgs .swiper-container .con .p2{margin-top:15px; font-size: 12px; line-height: 20px; z-index: 3;text-align:center; padding: 0 10%;text-shadow: 0 0 5px #000; color: #fff; margin-bottom: 20px;}





/* 关于我们 */
.aboutuspage .screen1{padding: 0 20%; width: 100%; height: 100%; color: #fff;  background-repeat:no-repeat; background-size: cover; background-position: center; z-index:1; }
.aboutuspage .screen1:before{width: 100%; height: 100%; top: 0; left: 0; content: ""; background-color:rgba(0, 0, 0, .3); position: absolute; z-index: 2; }
.aboutuspage .screen1 .tit{ font-size: 30px; line-height: 30px; z-index: 3;text-align: center;}
.aboutuspage .screen1 .con{margin-top:25px; font-size: 14px; line-height: 35px; z-index: 3;text-align:left; max-height: 70vh; overflow-x: hidden; overflow-y: auto; padding: 0 20px;}
.aboutuspage .screen1 .con img{max-width: 100%;}


/* 展会信息展示页 */
.newsviewpage .screen1 .tit{font-size: 35px; font-weight: bold;}
.newsviewpage .screen1 .con{margin-top:25px; font-size: 14px; line-height: 25px; z-index: 3;text-align:left; max-height: 70vh; overflow-x: hidden; overflow-y: auto; padding: 0 20px;}
.newsviewpage .screen1 .con img{max-width: 100%;}
/* .newsviewpage .screen1 .con::-webkit-scrollbar{ width:10px;} */


/*视频背景*/
.fullvideo{z-index: 10; width: 100%; height:100vh; overflow: hidden; background-color: #000; }
#bg-video-box .banner-center-text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#bg-video-box .banner-center-text .btn-box{
	margin-top: 50px;
}
#bg-video-box .banner-center-text .btn-box .foot-2{margin-top: 20px; color: #9d9d9e; position: relative;}
#bg-video-box .banner-center-text .btn-box .foot-2 a,#bg-video-box .banner-center-text .btn-bo .foot-2 a:hover{color: #9d9d9e;}
.fullvideo video{width: 100%; height: 100%;}

/*弹出层自定义样式*/
.openLayercss .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: 200px;
    top: 0;
    width: 50px;
    height:50px;
    margin-left: 0;
	background: url(/Public/images/close.png) no-repeat center center;
	background-size: 100% 100%;
	
    *right: 200px;
    _display: none;
}
.openLayercss .layui-layer-setwin .layui-layer-close2:hover{
	
	background: url(/Public/images/close_hl.png) no-repeat center center;
	background-size: 100% 100%;
}
.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.8s !important;animation-duration:.8s !important;}


/*弹出框*/
.fade {opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear}
.fade.in {opacity: 1}
.modal-open {overflow: hidden}
.modal{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:1040; display:none; overflow:hidden;-webkit-overflow-scrolling:touch; outline:0}
.modal.fade .modal-dialog{
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%)}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)}
.modal-open .modal {overflow-x: hidden;overflow-y: auto}
	.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000}
	.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0}
	.modal-backdrop.in {filter: alpha(opacity=50);opacity: .5}
	
	.modal-content{position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);outline: 0;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; 
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		}
	
		.modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #eee; position:relative}
		.modal-header .close{position:absolute; right:10px; top:10px}
		.modal-header h3,.modal-header .modal-title{margin:0; padding:10px 0; font-size:16px}
	
		.modal-body {position:relative;padding: 15px;overflow-y:visible;word-break:break-all; clear:both;}
			.modal-form {margin-bottom: 0}
	
		.modal-footer {padding:15px;margin-bottom: 0;text-align: right;background-color: #f5f5f5;border-top: 1px solid #eee;*zoom: 1}
		.modal-footer:before,.modal-footer:after {display: table;content: ""}
		.modal-footer:after {clear: both}
		.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0}
		.modal-footer .btn-group .btn + .btn {margin-left: -1px}
		.modal-footer .btn-block + .btn-block {margin-left: 0}
		
	.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}
	
	.radius .modal-content{ border-radius:6px}
	.radius .modal-footer{ border-bottom-left-radius:6px; border-bottom-right-radius:6px}


@media (max-width: 320px) {
}


@media (max-width: 667px) {
	::-webkit-scrollbar{ width:6px;}
	/* ::-webkit-scrollbar{ width:.3rem;} */
	
	#fullpage-btn{left:5px;}
	#fullpage-btn.swiper-pagination-bullets{min-width:unset;}

	.full-bullet{font-size: 12px;}
	.full-bullet-active{width:auto;}
	/*.full-bullet{font-size: 12px; width: 50px; min-width: unset;color: transparent;}*/
	/*.full-bullet-active{width:50px; color: transparent;}*/
	
	/*.full-bullet::before{content: ''; width: auto; height: 30px; left: 30px; top: ; line-height:30px; text-align:left; font-size: 14px; position: absolute;color: #fff;}*/
	
	/*.full-bullet:nth-child(1)::before{content: '01';}*/
	/*.full-bullet:nth-child(2)::before{content: '02';}*/
	/*.full-bullet:nth-child(3)::before{content: '03';}*/
	/*.full-bullet:nth-child(4)::before{content: '04';}*/
	/*.full-bullet:nth-child(5)::before{content: '05';}*/
	/*.full-bullet:nth-child(6)::before{content: '06';}*/
	/*.full-bullet:nth-child(7)::before{content: '07';}*/
	/*.full-bullet:nth-child(8)::before{content: '08';}*/
	/*.full-bullet:nth-child(9)::before{content: '09';}*/
	/*.full-bullet:nth-child(10)::before{content: '10';}*/
	
	.foot{left:0; width: 100%; display: inline-block; text-align: center;}
	
	/* 首页 */
	.homepage .screen2 .box1{
		width: 100%;
		max-height: 90%;
		overflow-x: hidden;
		overflow-y: auto;
		
		display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center;
		display: flex; justify-content: center; align-items:center; flex-direction:column;
	}

	
	.homepage .screen2 .box1 .vo{border-right: 0;height:auto; width:80%; padding:0; overflow: visible; text-align: center; position: relative; margin: 0 auto;
		display: -webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; -webkit-box-align: center;
		display: flex; justify-content: center; align-items:center; flex-direction:column;
		
	}
	.homepage .screen2 .box1 .vo:last-child{border-bottom: 0;}
	.homepage .screen2 .box1 .vo .img{width:40%; padding: 15px 0; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, .3);}
	.homepage .screen2 .box1 .vo .img>img{width:100%; height:auto; }
	.homepage .screen2 .box1 .vo .p1{position: relative; top: unset; left: auto; overflow: visible; width: 100%; margin-left:unset;  margin-top: .2rem; max-height:unset;}
	.homepage .screen2 .box1 .vo .p1 .p1-1{line-height: 20px;}
	.homepage .screen2 .box1 .vo .p1 .p1-2 a{line-height: 18px;}
	.homepage .screen2 .box1 .vo .p2{display: none;}

	
	/* 关于我们 */
	.aboutuspage .screen1{padding-left: 15%; padding-right: 4%;}
	.aboutuspage .screen1 .tit{padding-right: 10%;}
	.aboutuspage .screen1{padding-right: 0;}
	.aboutuspage .screen1 .con{line-height: 30px; width: 82vw; padding: 0; margin-right: 3vw; }
	
	/* .aboutuspage .screen1 .con{margin-top:25px; font-size: 14px; line-height: 35px; z-index: 3;text-align:left; max-height: 70vh; overflow-x: hidden; overflow-y: auto; padding: 0 20px;} */
	
	
	
	/* 产品展示页 */
	.proviewpage .swiper-slide .box3{display: block;}
	.proviewpage .screen1{padding-right: 5%; padding-left: 15%; background-size: 100% auto;}
	.proviewpage .screen1 .tit{ font-size: 20px; line-height:25px}
	.proviewpage .screen1 .con{font-size: 12px; line-height: 20px;}
	
	
	
	.proviewpage .screen2 .box1{margin-left:13vw;width:82vw;}
	.proviewpage .screen2 .box1 .img{width: calc(50% - 4px);height: calc(20% - 4px);}
	.proviewpage .screen2 .box2{bottom: 1.1rem;}
	
	.proviewpage .screen3{padding-left: 5%; padding-right: 5%;}
	.proviewpage .screen3 .box1{width: 82vw; margin-left: 15%;}
	.proviewpage .screen3 .box2{width:100vw; padding: 0;}
	.proviewpage .screen3 .box2 .item .p1{opacity: 0; font-size: 14px;}
	.proviewpage .screen3 .box2 .item:first-child .p1{transform:unset; left:0;}
	.proviewpage .screen3 .box2 .item:last-child .p1{transform:translateX(-100%); left:100%;}
	
	
	.proviewpage .screen4{padding: 0 5% 0 15%;}
	.proviewpage .screen4 .box1{width:80vw; margin-right:0; height:4rem;  z-index: 3; margin-bottom: 1.3rem;}
	#swiper-container-1 .swiper-slide img{max-width: 100%; max-height: 100%; width:auto; height:auto; }
	.proviewpage .screen1 .box2{left:0; bottom: 1.2rem; width: 100%;-webkit-box-align:center;align-items:center; flex-direction:column;
	}
	.proviewpage .screen1 .box2 .con{
		width: 100%; max-height:0; padding: 0 15px;
	}
	.proviewpage .screen1 .box2.on .con{padding: 15px 15px 35px 15px;}
	
	.bigimgs .cha{font-size:20px; line-height: 35px; width: 35px; height: 35px;}
	.proviewpage711  .bigimgs .swiper-container .con .p1{ font-size:16px; line-height:20px; z-index: 3;text-align:center;  }
	.proviewpage711 .bigimgs .swiper-container .con .p2{margin-top:15px; font-size: 12px; line-height: 20px; z-index: 3;text-align:center;}
	
	
	.proviewpage711 .screen2{padding-right: 5%; padding-left: 15%;}
	.proviewpage711 .screen2 .box3{width: 100%; text-align: center; font-size: 20px; line-height: 30px; z-index: 3; margin-bottom: 20px; padding-left:0; font-weight: bold; display: block;}
	.proviewpage711  .screen2 .box1{width:82vw; margin-left: 2vw;}
	.proviewpage711  .screen2 .box1 .img{width: calc(50% - 8px); height: calc(25% - 4px); }
	
	/* .proviewpage711  .screen2 .box1 .img{width: calc(50% - 8px);height: auto; padding-bottom: 30px;}
	.proviewpage711  .screen2 .box1 .img .tit{min-height: 30px; height: auto; width: 100%; line-height: 15px; color: #fff; background-color: rgba(0, 0, 0, .9); padding:0 2%; text-align: left; font-size: 12px; position: absolute; left: 0; bottom: 0;} */
	

	.proviewpage711 .screen2 .box4{padding-left:0; margin-left:0; box-sizing: border-box;width: 100vw; box-sizing: border-box; padding: 0 0 0 8px; margin-left: -15%; }
	.proviewpage711 .screen2 .box4 .vo{padding:4px 8px; font-size: 12px; line-height: 12px;}
	.proviewpage711 .screen2 .box4.cn .vo{font-size: 14px; min-width:unset; }


/* 	.proviewpage711  .screen2 .box1{width: 75vw; height:75vh; overflow-x:hidden; overflow-y: auto; z-index: 3; padding-right: 8px; margin-bottom: 5vh;}
	.proviewpage711  .screen2 .box1 .img{width: calc(50% - 8px);height: calc(33.33% - 4px); padding-bottom: 30px; margin: 2px 4px; overflow: hidden; cursor: pointer; position: relative;} */
	
	
	/* .proviewpage711 .screen2 .box4 .vo{min-width:20%;} */
	
	/*.proviewpage711 .screen2 .box4 .vo{padding:0 8px; font-size: 10px; margin: 2px; border-radius: 4px; line-height: 20px;}*/
	/* .proviewpage711 .screen2 .box4.cn{padding-left: 5px; padding-right: 5px;} */
	/*.proviewpage711 .screen2 .box4.cn .vo{ min-width:calc(20% - 4px); }*/
	
	
	/* 展会详情页 */
	.newsviewpage .screen1{padding: 0 2% 0 15%; background-size: cover;}
	.newsviewpage .screen1 .tit{font-size: .35rem; font-weight: bold; line-height: .5rem;}
	.newsviewpage .screen1 .con{max-height:65%; width: 82vw; margin-right:0; padding: 0 2vw 0 0;}
	.newsviewpage .screen2 .box1{margin-right: 2vw; padding-right: 1vw;}
	
	
	
}
@media (max-height: 667px) {
	.proviewpage711  .screen2 .box1 .img{height: calc(33.3% - 4px); }

}

@media ( min-width : 668px) and (max-width: 991px) {
	/*.full-bullet-active{width:60px; color: transparent;}*/
	
	
	/* 首页 */
	.homepage .screen2 .box1 .vo{ height: auto; min-height: 80px; width: 15%; padding: 0 2%; border-right: 1px solid rgba(255, 255, 255, .3);  cursor: pointer; position: relative;}
	.homepage .screen2 .box1 .vo .p1{ top: 90px; width: 200%; margin-left: -50%; max-height: 300px; overflow-x:visible;}
	.homepage .screen2 .box1 .vo .p1 .p1-1{font-size: 12px;}
	
	/* 关于我们 */
	.aboutuspage .screen1 .tit{padding-right: 10%;}
	.aboutuspage .screen1{padding-right: 0;}
	.aboutuspage .screen1 .con{line-height: 30px; padding: 0 10% 0 0;}
	
	/* 产品展示页 */
	.proviewpage .swiper-slide .box3{display: block;}
	.proviewpage .screen2 .box1{margin-left:10vw;width:82vw;}
	.proviewpage .screen2 .box1 .img{width: calc(33% - 4px);}
	
	.proviewpage .screen4 .box1{margin-left:10vw;width:75vw; height:400px;  z-index: 3; margin-bottom: 1.3rem;}
	
	#swiper-container-1 .swiper-slide img{max-width: 100%; max-height: 100%; width:auto; height:auto; }
	
	/* 展会详情页 */
	.newsviewpage .screen1{padding: 0 2% 0 10%;}
	.newsviewpage .screen1 .tit{font-size: .35rem; font-weight: bold; line-height: .5rem;}
	.newsviewpage .screen1 .con{max-height:65%;}
	/* .newsviewpage .screen1 .con::-webkit-scrollbar{ width:20px;} */
	.newsviewpage .screen1 .box2{left:0; width: 100%;-webkit-box-align:center;align-items:center; flex-direction:column;
	}
	.proviewpage .screen1 .box2 .con{
		width: 100%; max-height:0; padding: 0 15px;
	}
	.proviewpage .screen1 .box2.on .con{padding: 15px;}


	.homepage .screen2 .box1 .vo .p2{width: 300px;}
	
	
}
/* @media ( min-width : px){

} */
@media ( min-width : 992px) and (max-width: 1299px) {
	
	/* 首页 */
	.homepage .screen2{padding-bottom: 30vh;}
	.homepage .screen2 .box1 .vo .p1{ top: 90px; width: 200%; margin-left: -50%; max-height: 300px; overflow-x:visible; font-size: 14px;}
	.homepage .screen2 .box1 .vo .p1 .p1-1{font-size: 12px;}

	.homepage .screen2 .box1 .vo .p2{width: 350px;}
}
@media ( min-width : 1300px) and (max-width: 1500px){
	.homepage .screen2 .box1 .vo .p2{width: 400px;}
}

@media ( min-width : 1600px) {
	.proviewpage .screen3 .box2 .item:hover .p1{color: #fff;opacity: 1; font-weight: 800;}
	.proviewpage .screen3 .box2 .item:hover .yuan{border:2px solid rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, .5);-webkit-transform: scale(1.5);transform: scale(1.5);}
}
@media ( min-width : 1700px) {
	
}

/* body{
	transition:all .3s ease;
	-moz-transition:all .3s ease; 
	-webkit-transition:all .3s ease; 
	-o-transition:all .3s ease; 
} */