@charset "utf-8";
*{ margin:0px; padding:0px; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
html{ max-width:750px; margin:0 auto;}
body{ font-family:"PingFangSC-Regular","STHeitiSC-Light","΢ÈíÑźÚ","Microsoft YaHei","sans-serif"; font-size:26px; line-height:1.6; color:#d7dce9;
    -webkit-user-select:none; user-select:none;
    -webkit-touch-callout:none; touch-callout:none;
}
li{ list-style:none;}
i{ font-style:normal;}
a:link , a:visited , a:hover ,a:active{ text-decoration:none; color:#d7dce9;}
.cle:after{ content:""; display:block; height:0; clear:both;}
button , input , select , textarea{ font-family:"PingFangSC-Regular","STHeitiSC-Light","΢ÈíÑźÚ","Microsoft YaHei","sans-serif"; outline:none; border-radius:0; font-size:26px;
    -webkit-appearance:none;
			appearance:none;
}
input[type=checkbox] , input[type=radio]{ margin:0 5px;}
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button{ margin:0; 
    -webkit-appearance:none !important;
			appearance:none !important;
}
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder{ color:#ccc;}

img{ vertical-align:middle;}

[v-cloak] , .hide{ display:none;}



@font-face{
		font-family: DIN;
		src:url(DIN.OTF);
}
.DIN{ font-family:"DIN","PingFangSC-Regular","sans-serif","STHeitiSC-Light","΢ÈíÑźÚ","Microsoft YaHei";}

.top1 {position: absolute;left: 0;right: 0;margin: 0 auto;top:35px;width:647px;}
.top2 {position: absolute;left: 0;right: 0;margin: 0 auto;top:185px;width:632px;}
.top3 {position: absolute;left: 0;right: 0;margin: 0 auto;top:185px;width:699px;}
.top4 {position: absolute;left: 0;right: 0;margin: 0 auto;top:585px;width:473px;}

.hide{display: none;}
.img_video {position: fixed;top:400px;}
.close_video {position: fixed;top:350px;right:50px;}


/*==================================*/




#chatAudio{ display:none; width:0; height:0;}
#stopmusic{ display:block; width:40px; height:40px; position:fixed; right:8px; top:15px; overflow:hidden; cursor:pointer;}
#stopmusic:before{ content:""; display:block; width:100%; height:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODZjZmIzYy1kZmNkLTQ4NTUtOTg4Yi0zNmI5OTNhNzllZTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Y5RjUxNUU4NzRBMTFFNEE3OTJCRDg1RUEzMENCNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0Y5RjUxNUQ4NzRBMTFFNEE3OTJCRDg1RUEzMENCNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmJkZjhjOGItYmMwMy00NTVlLTg3N2EtYzYxNWVhMjU5ZGQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmU4NmNmYjNjLWRmY2QtNDg1NS05ODhiLTM2Yjk5M2E3OWVlOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFxYxcAAAcLSURBVHjaxFlbTFRXFJ25M4QMqAhWkhlbCoiQiPJItUqDIphqArUYTBAKFpTij6gx0fijUaL+qDGpDX6AJTxaGA2mxcTEPngKaDAKQSGiSAGBAUUQhRGYV9eenrFXHObeeZTuZE3O3Mc5657H3vusIzWZTBInTAZEAdHAWmAF8DHgye5PAv3AE+Au0ADcBgwOt0iEHUACUGZy3MpYHXa3LbWzh1OB74A49t/49u3bto6Ojsc1NTVj9fX1hra2NunLly85urlkyRJjWFiYaePGjbLY2FjvlStXBisUijDc4tj71cBloFwsAbGEVUAesN3M0mgcBMHqI0eOvGlpaZHZ88WRkZGGc+fOLcQHxHEcp2KXfwVygAFXEE4DvqcOw7Oj165dq8zIyJjWarWcM5Pfw8PDWFxc7L5jx45EqVTqg0ujwAHgZ2cI5wPZVNBoNH9GR0c/6e7uFtWjXl5e8oKCgjV1dXWavLy83rmeCwwMNDQ0NAQplcov2aUCYK8jhIuADEB/5cqV0pSUFJ09Pejp6SkbGRnZNTY2pg0KCqrAiBhtPa9Wq9127ty5C0U5UAxkWnuOs9GzRFabm5t72V6yZHq93gSSOvTc4kuXLkUKPU9tUFvUJms7XyzhdDYN9KdPny49efKkM3PVPHxpaWkRR48eXS70MLVFbVLbjEO60JRYBrQBPhiiwtTUVL2jTN3d3bnBwcFUHx8fcxCZnp7WZWdn/1ZaWjoo9G55ebkcPb4HxVcAucFncxH+hVwXFtgfKpXqL2e8gJubm3R4ePgbb29vS9STTE5OTmOe3oCNCL2Pj/0U02kriteBRGtTgtzXdnJd8AZdEieNFp1cLpdduHChCcFkgF1zLykp2RocHOwh9H5UVFQ3uNCHfc2fGnzCWfRz9erVSrGuS6iHAQ4BZnjbtm1Vzc3NZtdGUwT+NxpR0M3W+729vTJ4p+vs757ZhBOAWESw/szMzBmJC8xgMJgQybhVq1Z59fX1TSUmJtaAdA/dW79+vX9OTk6AUB27d+/WESfixji+I2zucvRG7dTUlFTiIkMEe1ceGhqaSUpKqnv06NEQ/T948ODnISEhNqcGcSFOfI4cSxFTKEU4fPjwa4lrjRb1u1U9MDAwfejQoSYElAksRo/09HQ/oQoYJyPjKCPCX9ANyrpaW1vlLmUr/XCwbt68OVJUVNRKH5KQkCA4LYgTcbOsRSK8gUoPHz58LHG9WZ1eyPI6+vv7x1avXr1MTCWUvrJiNBH+jEpIUsZczRZrbs57Dx48GLJEQiGjXJsV11KNIVSqra01uLx7rc0JZnfu3BmmQCKmHh63ECKspFJ7e7t0PgkjmIzrdDpRncTjpiTCC6n0/PlzqWQejb4FPlbUlOBxW8hJ/ifDPs8XkdBur0SE31DB19fXNJ+EETQWHz9+/JaYZ3nc3tAXaijEh4aGmnp6euaN8NmzZ9vFeibixooa6uFOKm3atEnmSkK0JaI5OtfCs8eN8rh1Ug/fA5JiYmK8WcLssM8NCAhQYBu/aGJiwtDZ2TmBBMgokznfD6RpsOJdImyeR8iqVjA5yW5D/rw4KytreVxcXICfn58Puav79+8/m5mZ0SMRn3KWMAkwrNhAhJuopFAowiMiIm7bm0/s37/f/9SpUxuwrVfwcmHZunXr/CkwILXUOkMWnPRMLSK7zTFhTk2jev78+UX2VIZVvuLixYtb+GRn24IFC5xKqBgnjnE0WPzwT2yuxJEiI6ai+Pj4j7DLjbEpbcpkHKaH0VGyxIU48TlaCN8gYY60LpKPxFSWm5u7hrOV3cCw+KaQMzi8kAsLC92Z/lbNOL63pyMRQ0Jal7+/v2CMDw8PVwk9g+lyb3R01CGpgDgkJydbdsuF1jahJHlWkjDX1NS03NmVXVFR0YbF6HCO3djYGMhEwkq+QDh7SEnyHFMqlVtIzBDIUZ9au47dwQy29o3Y/jQ7SrasrEyuUqlIkxhniua/6wILh///NdNok+CXQ+VyeQuIWY1U9fX1w9gxKLBdV+j1esP4+Li2urr66b59+27l5+f30a7ZEbIYFRPqyGB7zb2WOCGkXl5mOoX22LFjJWfOnJmXrO7EiRNGdOC35CCAHyX/qP12y606tVpd6ozOJsaYnkZyq5stuVVI0C6wfKVGo/kdIfipK1QhvjFBO5DpaJbRzbaVD9syenGXZSF2dXUlk/AsNrgIBQWqi+pkZF+xtrKFhA4x9dPZ2w8S3qFMVVVVNYkc2JvZFXrDwsL0FG43b948+1DmAF9WdZYwX+EkYe69Yy/SNCi/pWMvJE/SFy9emEdu6dKlRiQv5mMvSl/heawdexVKBA5i3jMHDxa/AtROHCyqWR3/+cHiB/kNk7o2MEGGcupPKEmzpBNsmJ+wjcItls46rIH8LcAACeEivOn0hFgAAAAASUVORK5CYII=) no-repeat center center; background-size:100% 100%; position:absolute; left:0; top:0;
	-webkit-animation:stopmusic 1s infinite linear both;
			animation:stopmusic 1s infinite linear both;
}
@-webkit-keyframes stopmusic{
	0%{ -webkit-transform:rotate(0);}
	100%{ -webkit-transform:rotate(360deg);}
}
@keyframes stopmusic{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg);}
}
.stopmusic:after{ content:""; display:block; width:1px; height:100%; background-color:#DDDDDD; -webkit-transform-origin:center center; transform-origin:center center; -webkit-transform:rotate(45deg) translateX(-50%); transform:rotate(45deg) translateX(-50%); position:absolute; left:50%; top:0;}




/*==================================*/




@-webkit-keyframes fadeToLeftTan{0%{-webkit-transform:translateX(100%);opacity:0}70%{-webkit-transform:translateX(-5%);opacity:1}80%{-webkit-transform:translateX(2%);opacity:1}90%{-webkit-transform:translateX(-2%);opacity:1}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes fadeToLeftTan{0%{transform:translateX(100%);opacity:0}70%{transform:translateX(-5%);opacity:1}80%{transform:translateX(2%);opacity:1}90%{transform:translateX(-2%);opacity:1}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeToRightTan{0%{-webkit-transform:translateX(-100%);opacity:0}70%{-webkit-transform:translateX(5%);opacity:1}80%{-webkit-transform:translateX(-2%);opacity:1}90%{-webkit-transform:translateX(2%);opacity:1}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes fadeToRightTan{0%{transform:translateX(-100%);opacity:0}70%{transform:translateX(5%);opacity:1}80%{transform:translateX(-2%);opacity:1}90%{transform:translateX(2%);opacity:1}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeToTopTan{0%{-webkit-transform:translateY(100%);opacity:0}70%{-webkit-transform:translateY(-5%);opacity:1}80%{-webkit-transform:translateY(2%);opacity:1}90%{-webkit-transform:translateY(-2%);opacity:1}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeToTopTan{0%{transform:translateY(100%);opacity:0}70%{transform:translateY(-5%);opacity:1}80%{transform:translateY(2%);opacity:1}90%{transform:translateY(-2%);opacity:1}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeToDownTan{0%{-webkit-transform:translateY(-100%);opacity:0}70%{-webkit-transform:translateY(5%);opacity:1}80%{-webkit-transform:translateY(-2%);opacity:1}90%{-webkit-transform:translateY(2%);opacity:1}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeToDownTan{0%{transform:translateY(-100%);opacity:0}70%{transform:translateY(5%);opacity:1}80%{transform:translateY(-2%);opacity:1}90%{transform:translateY(2%);opacity:1}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInMaxToMinTan{0%{-webkit-transform:scale(2);opacity:0}70%{-webkit-transform:scale(.9);opacity:1}85%{-webkit-transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}@keyframes fadeInMaxToMinTan{0%{transform:scale(2);opacity:0}70%{transform:scale(.9);opacity:1}85%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeInMinToMaxTan{0%{-webkit-transform:scale(0);opacity:0}70%{-webkit-transform:scale(1.1);opacity:1}85%{-webkit-transform:scale(.9);opacity:1}100%{-webkit-transform:scale(1);opacity:1}}@keyframes fadeInMinToMaxTan{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:1}85%{transform:scale(.9);opacity:1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeToLeft{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes fadeToLeft{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeToRight{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@keyframes fadeToRight{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeToTop{0%{-webkit-transform:translateY(100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeToTop{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeToTop60{0%{-webkit-transform:translateY(60px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeToTop60{0%{transform:translateY(60px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeToDown{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeToDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeToDown60{0%{-webkit-transform:translateY(-60px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fadeToDown60{0%{transform:translateY(-60px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes flashTopDown{0%{-webkit-transform:translateY(0);}100%{-webkit-transform:translateY(18px);}}@keyframes flashTopDown{0%{transform:translateY(0);}100%{transform:translateY(18px);}}@-webkit-keyframes fadeInMaxToMin{0%{-webkit-transform:scale(2);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@keyframes fadeInMaxToMin{0%{transform:scale(2);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes fadeInMinToMax{0%{-webkit-transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);opacity:1}}@keyframes fadeInMinToMax{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes flashMaxMin{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.98)}}@keyframes flashMaxMin{0%{transform:scale(1)}100%{transform:scale(.98)}}@-webkit-keyframes flashMax{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.05)}}@keyframes flashMax{0%{transform:scale(1)}100%{transform:scale(1.05)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes flashLeftRight{
	0%{-webkit-transform:translateX(0);}
	100%{-webkit-transform:translateX(-8px);}
}
@keyframes flashLeftRight{
	0%{transform:translateX(0);}
	100%{transform:translateX(-8px);}
}
@-webkit-keyframes fadeToLeft60{
	0%{ -webkit-transform:translateX(60px); opacity:0;}
	100%{ -webkit-transform:translateX(0); opacity:1;}
}
@keyframes fadeToLeft60{
	0%{ transform:translateX(60px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@-webkit-keyframes fadeToRight60{
	0%{ -webkit-transform:translateX(-60px); opacity:0;}
	100%{ -webkit-transform:translateX(0); opacity:1;}
}
@keyframes fadeToRight60{
	0%{ transform:translateX(-60px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@-webkit-keyframes yaobai{
	0%{ transform: skewX(0);}
	100%{ transform: skewX(5deg);}
}
@keyframes yaobai{
	0%{ transform: skew(0,0);}
	100%{ transform: skew(5deg,-5deg);}
}


.wow{
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
}
.topTop{
	-webkit-animation-name: fadeToTop;
			animation-name: fadeToTop;
}
.toTopTan{
	-webkit-animation-name: fadeToTopTan;
			animation-name: fadeToTopTan;
}
.toTop60{
	-webkit-animation-name: fadeToTop60;
			animation-name: fadeToTop60;
}
.toLeft{
	-webkit-animation-name: fadeToLeft;
			animation-name: fadeToLeft;
}
.toLeft60{
	-webkit-animation-name: fadeToLeft60;
			animation-name: fadeToLeft60;
}
.toRight{
	-webkit-animation-name: fadeToRight;
			animation-name: fadeToRight;
}
.toRight60{
	-webkit-animation-name: fadeToRight60;
			animation-name: fadeToRight60;
}
.toMax{
	-webkit-animation-name: fadeInMinToMax;
			animation-name: fadeInMinToMax;
}
.toMin{
	-webkit-animation-name: fadeInMaxToMin;
					animation-name: fadeInMaxToMin;
}
.toMinTan{
	-webkit-animation-name: fadeInMaxToMinTan;
			animation-name: fadeInMaxToMinTan;
}
.toShow{
	-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
}
.toDown{
	-webkit-animation-name: fadeToDown;
			animation-name: fadeToDown;
}
.toDown60{
	-webkit-animation-name: fadeToDown60;
			animation-name: fadeToDown60;
}

.toShowFlash{
	-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
			animation-direction: alternate;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
}
.toTopDown{
	-webkit-animation-name: flashTopDown;
			animation-name: flashTopDown;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
			animation-direction: alternate;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
}
.toLeftRight{
	-webkit-animation-name: flashLeftRight;
			animation-name: flashLeftRight;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
			animation-direction: alternate;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
}
.toMaxToMin{
	-webkit-animation-name: flashMaxMin;
			animation-name: flashMaxMin;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
			animation-direction: alternate;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
}
.toMaxShow{
	-webkit-animation-name: fadeInMinToMax;
			animation-name: fadeInMinToMax;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
}
.dsjj_3_desc_li_line_dh{
	-webkit-animation-name: dsjj_3_desc_li_line;
			animation-name: dsjj_3_desc_li_line;
}
.dsjj_4_desc_li_line_dh{
	-webkit-animation-name: dsjj_4_desc_li_line;
			animation-name: dsjj_4_desc_li_line;
}
.dsjj_5_desc_line_dh{
	-webkit-animation-name: dsjj_5_desc_line;
			animation-name: dsjj_5_desc_line;
}
.kplm_line_dh{
	-webkit-animation-name: kplm_line;
			animation-name: kplm_line;
}
.ythd_bottom_line_dh{
	-webkit-animation-name: ythd_bottom_line;
			animation-name: ythd_bottom_line;
}


/*==================================*/



html , body{ background: #fff url(images/bg.jpg); background-size: 100%;}
.page_bigimg_top { overflow: hidden;height:900px;}
.page_bigimg{ overflow: hidden;}
.page_bigimg img{ width: 100%; /* margin-top: -1px; */}

.page_li_1{ overflow: hidden;
	display: flex; justify-content: center; align-items: flex-start;
}

.page_img_overlap{ position: relative; overflow: hidden;}
.page_img_overlap img{ width: 100%;}
.page_img_overlap img:first-child ~ img{ position: absolute; left: 0; top: 0;}

/**
.page_video{ padding-bottom: 0px; text-align: center; overflow: hidden;}
.page_video img , .page_video video{ width: 750px; vertical-align: middle;}
**/