@charset "utf-8";
/* CSS Document */
@import url(animate.min.css);

:root{
    --font-color:#578ed2;
}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
body {
	color: #333;
	text-align: left;
	font-size: 14px;
	font-family:"微软雅黑";
	font-family: microsoft yahei,Arial,Helvetica,sans-serif;
	background-color:#F6F6F6;
}
a{ text-decoration:none; color:inherit;}
a:link,a:visited {
	color: inherit;
	text-decoration: none;
}
a:active,a:hover {
	color: #F00;
	text-decoration: none;
}
fieldset,img {
	border: none;
}
img {
	vertical-align: middle;
}
em {
	font-style: normal;
}
li,ul {
	list-style: none;
}
li {
	list-style-type: none;
}
div {
	word-wrap: break-word;
	word-break: break-all;
}
h1,h2,h3,h4,h5,h6 {
	font-size: inherit; font-weight: normal;
}
button,input,select,textarea {
	font-weight: inherit;
	font-size: inherit;
	font-size: 100%;
	font-family: inherit;
}

/*滚动条自定义样式*/
.ScrollStyle,
.layui-anim{ overflow:auto; overflow:overlay; overflow-x: hidden; }
.ScrollStyle::-webkit-scrollbar,
.layui-anim::-webkit-scrollbar{ width: 5px; box-sizing: border-box; background: transparent;}
.ScrollStyle::-webkit-scrollbar-track-piece,
.layui-anim::-webkit-scrollbar-track-piece{ background: rgba(221,221,221,0.2); background: transparent; }
.ScrollStyle::-webkit-scrollbar-thumb,
.layui-anim::-webkit-scrollbar-thumb{ background-color: #727272; border-radius: 5px;}
.ScrollStyle::-webkit-scrollbar-thumb:hover,
.layui-anim::-webkit-scrollbar-thumb:hover{ background-color: #0d59a7; }

.aBox{ position: relative; }
.Box{ position: relative; overflow: hidden; }
.te_c{ text-align: center; }

body{background: url("../images/body_bg.png")no-repeat center top;background-size: 100%;}
.bgCon{width:1200px;height:100%;background: rgba(255,255,255,0.5);margin:0 auto;padding:48px 0px 40px;}
.warpBox{ /*width: 750px;*/ min-height: 100vh; position: relative;  margin: 0 auto; overflow:hidden; }
.warpCon{ width: 750px; min-height: 100vh; position: relative;  margin: 0 auto; overflow:hidden;background:url(../images/ico_1.png) no-repeat center top #fdcca9; }
/*.warp::before{ content: ''; display: block; position: absolute; width: 100%; height: 600px; left: 0; bottom: 0; background: url(../images/ico_17.png) no-repeat center bottom; z-index: 0; pointer-events: none; }*/

.head_ico{ padding-top: 20px; }
.head_tit{ margin-top:43px; }
.head_tit::before,
.head_tit::after{ content: ''; display: block; position: absolute; pointer-events: none; }
.head_tit::before{ width: 51px; height: 51px; background: url(../images/ico_3.png) no-repeat center; left: calc(50% + 190px); top: 115px; animation:head_tit_xx 1.5s linear infinite alternate;}
.head_tit::after{ width: 369px; height: 148px; background: url(../images/ico_4.png) no-repeat center; left: 176px; top: calc(100% - 15px); opacity: 0; animation:head_tit_line 1s linear 1s 1 normal forwards; }

@keyframes head_tit_xx {
    0% { transform: scale(0.2); opacity: 0.1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes head_tit_line {
    0% { opacity: 0.1; }
    100% { opacity: 1; }
}


.head_ico_building{ margin-top: 140px; }


.wen1_box{ margin-top: 375px; }
.wen1_box::before{ content: ''; display: block; position: absolute; width: 95px; height: 108px; background: url(../images/ico_7.png) no-repeat;max-width: 12.7%;background-size: 100% auto; left: calc(50% - 336px); top: -26px; animation:wen1_box_ico 1.5s linear infinite alternate; transform-origin: 80% bottom;}

@keyframes wen1_box_ico {
    0% { transform: rotateZ(-2deg); }
    100% { transform: rotateZ(5deg); }
}

.Step1_box{ margin-top: 61px; }
.Step1_box img{ filter: drop-shadow(0px 59px 98px rgba(163,13,6,0.3)); position: relative; z-index: 0; }
.Step1_box::before,
.Step1_box::after{ content: ''; display: block; position: absolute; pointer-events: none; }
.Step1_box::before{ width: 95px; height: 107px; background: url(../images/ico_9.png) no-repeat; max-width: 12.7%;background-size: 100% auto;left: calc(50% + 245px); top: -6px; animation:wen1_box_ico 1.5s linear infinite alternate; z-index: 1; transform-origin: 20% bottom; }
.Step1_box::after{ width: 48px; height: 49px; background: url(../images/ico_11.png) no-repeat; max-width: 6.4%;background-size: 100% auto;left: calc(50% - 65px); top: 140px; animation:Step1_box_ico 1s linear infinite alternate; z-index: 2; transform-origin: left bottom; }

@keyframes Step1_box_ico {
    0% { transform: scale(0.9); }
    100% { transform: scale(1.1); }
}

.flyHr{margin-top: -121px;position: relative;z-index: 2;}

.Step2_box{ margin-top: 25px; }
.Step2_box img{ position: relative; }
.Step2_box .i_main{ filter: drop-shadow(0px 59px 98px rgba(163,13,6,0.3)); z-index: 0; }
.Step2_box .xs{ position: absolute; }
.Step2_box .x1{ left: calc(50% - 314px); top: 190px; }
.Step2_box .x2{ left: calc(50% + 70px); top: 230px; }

.link{position: absolute;display: block;width: 100%;height: 310px;right: 0px;top: 0px;}


.qtfw_box{ margin-top: 63px; }
.qtfw_box::before{ content: ''; display: block; position: absolute; width: 170px; height: 170px; background: url(../images/ico_16.png) no-repeat; left: calc(50% + 140px); top: 670px; animation:wen1_box_ico 1.5s linear infinite alternate; transform-origin: 80% bottom;}

.xgzc{width:200px;height:auto;overflow: hidden;position:fixed;left: 50%;transform: translateX(395px);top:197px;background: none;}
.xgzc h1 em {width: 4px;height: 20px;float: left;border-left: 4px solid #e93d29;margin-right: 6px;}
.xgzc h1 span {color: #e93d29;height: 20px;line-height: 20px;font-size: 20px;}
.xgzc  a {font-size: 16px;line-height: 28px;min-height: 20px;font-weight: 500;overflow: hidden;display: block;margin: 10px 0px 0px 12px;font-size: 16px;}
.xgzc  a:hover{color: #e93d29;}

/*引言*/
.yinyan{width:616px;height:62px;margin:0 auto;position:relative;z-index:2;cursor: pointer;}
.yinyan .bg{width:602px;height:62px;position:absolute;right:0px;bottom:0px;z-index:2;background: #ffad66;border-radius:0px 0px 32px 0px;}
.yinyan::after,
.yinyan::before{content:"";position:absolute;bottom:0px;z-index:3;}
.yinyan::after{width:14px;height:62px;background:url("../images/yinyan_img01.png")no-repeat center;left:0px;z-index:3;}
.yinyan::before{width:30px;height:79px;background:url("../images/yinyan_img02.png")no-repeat center;right:-1px;bottom:18px;}
.yinyan h1{width:96px;height:100%;float: left;background:url("../images/yinyan_img03.png")no-repeat center;margin-left:20px;position:relative;z-index:3;}
.yinyan .scroll-container {width: 460px;height:41px;overflow: hidden;border-radius: 20px;background-color: #ffffff;box-shadow: inset 0px 4px 10px rgba(249,163,88,0.35);padding:0px 20px;box-sizing: border-box;z-index:3;position:absolute;top:10px;left: 115px;}
.yinyan .scroll-container .scroll-text {width:350px;height:41px;float: left;overflow: hidden;;}
.yinyan .scroll-container .scroll-text p{ font-size:20px;color: #333333;white-space: nowrap;line-height:41px;display: inline-block;animation: scroll 55s linear infinite;}
.yinyan .scroll-container .more{float: right;font-size:20px;line-height:41px;color: #ca2021;}
.yinyan .scroll-container .more:hover{text-decoration: underline;}
@keyframes scroll {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-100%);
	}
}
.yinyanOpen{width:100%;height:100vh;background:rgba(0,0,0,0.5);position: fixed;top:0px;left:0px;display: none;z-index: 9999;}
.yinyanOpen .yinyanCon{width: 639px;height: 506px;position:absolute;top:50%;transform: translate(-50%,-32%);left: 50%;background:#ffffff;box-shadow: inset 0px 4px 10px rgba(249,163,88,0.35);border-radius:15px;padding: 65px 32px 0px;box-sizing: border-box;}
.yinyanOpen .yinyanCon .tit{width:514px;height: 94px;position:absolute;top:-41px;left:50%;transform: translateX(-247px);background:#ffad66;border-radius: 0px 0px 25px 0px;display: flex;justify-content: center;align-items: center;zoom: 0.8;}
.yinyanOpen .yinyanCon .tit img {display: inline-block;}
.yinyanOpen .yinyanCon .tit::after,
.yinyanOpen .yinyanCon .tit::before{content:"";position:absolute;bottom:0px;}
.yinyanOpen .yinyanCon .tit::after{width:21px;height:94px;background:url("../images/yinyan_img04.png")no-repeat center;left: -20px;}
.yinyanOpen .yinyanCon .tit::before{width:45px;height:120px;background:url("../images/yinyan_img05.png")no-repeat center;right:0px;bottom:25px;}
.yinyanOpen .yinyanCon .tit img{transform:translateX(-21px);}
.yinyanOpen .yinyanCon p{font-size: 20px;line-height:36px;color:#333333;text-indent:2em;height: auto;overflow: hidden;margin-bottom: 20px;text-align: left;}
.yinyanOpen .yinyanCon .iconImg{width:100%;height:auto;overflow: hidden;text-align: center;}
.yinyanOpen .yinyanCon .iconImg img {display: inline-block;}
.yinyanOpen .yinyanClose{width:40px;height:40px;background:url("../images/yinyan_img08.png")no-repeat center;cursor: pointer;position: absolute;right:-35px;top:-41px;}

.warpCon{width:100%;max-width:750px;}




@media screen and (max-width:1920px ){
    .FooterBox{zoom: calc(var(--window-width) / 1920);}
}
@media screen and (max-width:1200px ){
	.textcenter{width:100%!important;padding:0px 50px;box-sizing: border-box;}
	.bgCon{width:100%;padding:50px;box-sizing: border-box;}
	.warpCon{width:100%;}
	.xgzc{width:100%;height:auto;overflow: hidden;position: unset;padding:30px 10px;box-sizing: border-box;transform: none;background:#ffffff;}
}

@media screen and (max-width:850px ){
	.warpBox{ zoom: calc(var(--window-width) / 750); }
	[data-aos]{pointer-events: initial; }
    .FooterBox{zoom:1;}
	.Step2_box .x1{left: calc(50% - 291px)}
	.wen1_box::before{left:10px;}
	.Step1_box::before{left:unset;right:10px;}
	.qtfw_box::before{max-width: 22.6%;background-size: 100% auto!important;top: unset;bottom: 15%;left:unset;right:10%;}
	.yinyanOpen .yinyanCon{height:auto;overflow: visible;padding-bottom: 30px;}
	.yinyanOpen .yinyanCon p{line-height:1.5;font-size:16px;}
	.yinyan .scroll-container .scroll-text p{font-size:18px;}
}