@charset "UTF-8";/*+++++++++++++++++++++*/

.navlist *{box-sizing: border-box;margin: 0;padding: 0;outline: none;}

@-webkit-keyframes yuanbox{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);};}
@keyframes yuanbox{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);};}
@-webkit-keyframes yuanbox1{0%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
100%{-webkit-transform: rotate(0deg);transform: rotate(0deg);};}
@keyframes yuanbox1{0%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
100%{-webkit-transform: rotate(0deg);transform: rotate(0deg);};}
.wp{width: 1200px;margin: 0 auto;}
.navlist{background: url(../images/banner1.jpg) no-repeat top center;height:1222px;margin-top: -200px;}
.navlist .wp{position: relative;}
.navlist-txt{position: relative;}
.navlist-txt img{position: absolute;left: 0;top: 180px;}
.navlist .bx1{top: 250px;left: 0px;}
.navlist .box{width: 600px;position: absolute;z-index: 4;}
.navlist .bx1 .item.i1{-webkit-transition-delay: 0s;transition-delay: 0s;}
.navlist.animate .item,
.navlist.animate .box1{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;}
.navlist .item,
.navlist .box1{-webkit-transition: all 4s cubic-bezier(.08, .82, .17, 1);transition: all 4s cubic-bezier(.08, .82, .17, 1);-webkit-transform: translateY(100px);transform: translateY(100px);opacity: 0;visibility: hidden;}
.navlist a{color: #fff;}
.navlist .item{width: 300px;height: 215px;overflow: hidden;background:#b5905c;color: #fff;text-align: center;float: left;}
.navlist .item .middle{width: 100%;height: 100%;}
.middle-cont{display: inline-block;vertical-align: middle;font-size: 14px;letter-spacing: 0;}
.navlist .item .img{width: 85px;height: 85px;margin: 0 auto;}
.navlist .item .img img{width: 100%;}
.navlist .item .img svg{width: 100%;}
.navlist .item .text{margin-top: 10px;}
.navlist .item .tit{font-size: 20px;font-weight: bold;}
.navlist .item .tit1{font-size: 14px;font-family: Arial;margin-top: 5px;}
.middle{font-size: 0;}
.middle:after{content: '';display: inline-block;vertical-align: middle;height: 100%;}
.navlist .bx1 .item.i2{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.navlist .bx1 .item.i2{background: url(../images/bg1_04.jpg);}
.navlist .bx1 .item.i3{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.navlist .bx1 .item.i3{background:#95774c;}
.navlist .bx1 .item.i4{-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
.navlist .bx1 .item.i4{background:#88612a;}
.navlist .bx2{top: 575px;right: 0;}
.navlist .bx2 .item.i1{-webkit-transition-delay: 0.8s;transition-delay: 0.8s;}
.navlist .bx2 .item.i1{background:#be8b44;}
.navlist .bx2 .item.i2{-webkit-transition-delay: 1s;transition-delay: 1s;}
.navlist .bx2 .item.i2{background: url(../images/bg2_12.jpg) no-repeat 0 0;background-size: cover;}
.navlist .bx2 .item.i3{-webkit-transition-delay: 1.2s;transition-delay: 1.2s;}
.navlist .bx2 .item.i3{background: url(../images/bg3_12.jpg) no-repeat 0 0;}
.navlist .bx2 .item.i4{-webkit-transition-delay: 1.4s;transition-delay: 1.4s;}
.navlist .bx2 .item.i4{background:#905f19;float: right;}
.box-left{width: 300px;float: left;margin-top: 108px;}
.box-right{width: 300px;float: left;}
.navlist .box1{background: url(../images/b5.jpg);background-size: 100%;width: 600px;height: 432px;position: absolute;top: 789px;left: 0px;z-index: 4;color: #fff;}
.navlist .box1{-webkit-transition-delay: 1.4s;transition-delay: 1.4s;}
.navlist .box1:last-child{-webkit-transition: all 1s cubic-bezier(.08, .82, .17, 1) !important;transition: all 1s cubic-bezier(.08, .82, .17, 1) !important;background-repeat:no-repeat;background-size:cover;}


.navlist .box{width:600px;}
.box-left,.box-right{width: 300px;}
.navlist .item{width:300px;}
.navlist .box1{width:600px;}

.st0{fill: none;stroke: #FFFFFF;stroke-width: 3;stroke-miterlimit: 10;}
.st1{fill: none;stroke: #FFFFFF;stroke-width: 2.5;stroke-miterlimit: 10;}
.st2{fill: none;stroke: #FFFFFF;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;}
.st0,.st1,.st2{stroke-dasharray: 320;stroke-dashoffset: 0;}
.navlist-txt .svgimg{top: 140px;}
@media screen and (max-width:980px){
    .navlist{display:none}
}