img.image{display:block;}
.banner .intro{position:absolute; top:370px; left:60px; transition: all 1s 0s;}
.banner .intro .word{font-size:72px; color:#fff; font-weight:bold;}
.banner .intro .word01{font-size:36px; color:#fefbfb; margin-top:10px;}
.banner .intro .more{display:block;margin-top:20px;}
.banner .intro.active{left:195px;}
.section.intro{overflow:hidden;}
.section.intro .item{position:absolute;}
.section.intro .title{left:50%; top:230px; width:350px; text-align:center; margin-left:-175px; transition: all 1s 0s;}
.section.intro .title .word{font-size:36px; color:#275a3a; font-weight:bold;}
.section.intro .title.active{top:130px;}
.section.intro .item.cd{left:37%; top:466px; transition: all 1s 0s;}
.section.intro .item.cd.active{top:366px;}
.section.intro .item.cd01{left:21%; top:376px; transition: all 1s 0s;}
.section.intro .item.cd01.active{left:26%;}
.section.intro .item.hj{left:59%; top:466px; transition: all 1s 0s;}
.section.intro .item.hj.active{top:366px;}
.section.intro .item.hj01{left:69%; top:376px; transition: all 1s 0s;}
.section.intro .item.hj01.active{left:64%;}
.section.intro .item.mf{left:40%; top:650px; transition: all 1s 0s;}
.section.intro .item.mf.active{top:550px;}
.section.intro .item.mf01{left:23.2%; top:560px; transition: all 1s 0s;}
.section.intro .item.mf01.active{left:28.2%;}
.section.intro .item.hl{left:56%; top:650px; transition: all 1s 0s;}
.section.intro .item.hl.active{top:550px;}
.section.intro .item.hl01{left:66%; top:560px; transition: all 1s 0s;}
.section.intro .item.hl01.active{left:61%;}
.section.intro .item.qt{left:43%; top:834px; transition: all 1s 0s;}
.section.intro .item.qt.active{top:734px;}
.section.intro .item.qt01{left:25.5%; top:744px; transition: all 1s 0s;}
.section.intro .item.qt01.active{left:30.5%;}
.section.intro .item.cp{left:53%; top:834px; transition: all 1s 0s;}
.section.intro .item.cp.active{top:734px;}
.section.intro .item.cp01{left:63%; top:744px; transition: all 1s 0s;}
.section.intro .item.cp01.active{left:58%;}
.section.intro .item.more{left:50%; top:1050px; margin-left:-115px; transition: all 1s 0s;}
.section.intro .item.more.active{top:950px;}
.section.intro .item.l01{left:-10%; top:470px; transition: all 1s 0s;}
.section.intro .item.l01.active{left:0;}
.section.intro .item.l02{left:-10%; bottom:0; transition: all 1s 0s;}
.section.intro .item.l02.active{left:0;}
.section.intro .item.r01{right:20px; top:610px; transition: all 1s 0s;}
.section.intro .item.r01.active{right:170px;}
.section.intro .item.r02{right:-10%; bottom:0; transition: all 1s 0s;}
.section.intro .item.r02.active{right:0;}
.section.intro .item.word01{left:50%; top:1184px; margin-left:-216px; transition: all 1s 0s;}
.section.intro .item.word01.active{top:1084px; }
.section.intro .item.word02{left:50%; top:1375px; margin-left:-198px; transition: all 1s 0s;}
.section.intro .item.word02.active{ top:1275px;}

.section.pro{width:100%; height:1169px; background:#f8f4f3;}
.section.pro .item{position:absolute; visibility:hidden;}
.section.pro .title{left:50%; top:205px; margin-left:-83px; transition: all 1s 0s;}
.section.pro .title.active{top:105px; visibility:visible;}
.section.pro .good01{left:15%; top:270px; margin-left:-277px; transition: all 1s 0s;}
.section.pro .good01.active{left:25%; visibility:visible;}
.section.pro .good001{left:25%; top:537px; margin-left:-114px; transition: all 1s 0s;}
.section.pro .good001.active{top:437px; visibility:visible;}
.section.pro .word01{left:35%; top:760px; margin-left:-175px; transition: all 1s 0s;}
.section.pro .word01.active{left:25%; visibility:visible;}
.section.pro .good02{left:85%; top:270px; margin-left:-282px; transition: all 1s 0s;}
.section.pro .good02.active{left:75%; visibility:visible;}
.section.pro .good002{left:75%; top:537px; margin-left:-114px; transition: all 1s 0s;}
.section.pro .good002.active{top:437px; visibility:visible;}
.section.pro .word02{left:85%; top:760px; margin-left:-168px; transition: all 1s 0s;}
.section.pro .word02.active{left:75%; visibility:visible;}
.section.pro .or{left:50%; top:450px; margin-left:-16px; width:32px; height:16px; transition: all 1s 0s;}
.section.pro .or.active{margin-left:-31px; width:63px; height:32px; visibility:visible;}
.section.pro .word03{left:50%; top:1077px; margin-left:-143px; transition: all 1s 0s;}
.section.pro .word03.active{top:977px; visibility:visible;}

.section.ad{width:100%; height:207px; background:#b1a081;}
.section.ad .item{position:absolute; visibility:hidden;}
.section.ad .ad01{left:203px; top:50%; margin-top:-10px; transition: all 1s 0s;}
.section.ad .ad01.active{left:403px; visibility:visible;}
.section.ad .ad02{left:622px; top:50%; margin-top:-7px; transition: all 1s 0.5s;}
.section.ad .ad02.active{left:772px; visibility:visible;}
.section.ad .ad03{left:1320px; top:50%; margin-top:-22px; transition: all 1s 1s;}
.section.ad .ad03.active{left:1366px; visibility:visible;}

.section.news{width:100%; height:450px;background:#f8f4f3;}
.news .li{ position:absolute; visibility:hidden;}
.news .li01{left:405px; top:190px; transition: all 1s 0s;}
.news .li01.active{top:90px; visibility:visible;}
.news .li01 .title{font-size:24px; font-weight:bold;}
.news .li01 .item{margin-top:49px; font-size:14px; font-weight:bold; width:280px;}
.news .li01 .more{margin-top:55px; display:block;}
.news .li02{left:798px; top:190px;transition: all 1s 0.5s;}
.news .li02.active{top:90px;visibility:visible;}
.news .li02 .item{margin-top:30px; font-size:14px; width:280px; color:#030303;}
.news .li02 .time{margin-top:43px; font-size:12px; color:#030303;}
.news .li02 .more{margin-top:25px; display:block;}
.news .li03{left:1192px; top:190px;transition: all 1s 0.5s;}
.news .li03.active{top:90px;visibility:visible;}
.news .li03 .item{margin-top:30px; font-size:14px; width:280px; color:#030303;}
.news .li03 .time{margin-top:43px; font-size:12px; color:#030303;}
.news .li03 .more{margin-top:25px; display:block;}