html,body{width:100%;max-width:750px;margin:0 auto;}
.main{width:100%;height:47.431rem;max-height:100%;overflow:hidden;}
.boxs{width:100%;height:47.431rem;max-height:100%;background:#544f76;}
p{ font-weight: 300; color: #fff;}
.pr{position:relative;}
.pa{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.swiper-slide{ cursor: pointer; overflow: hidden;}
a.item-btn{ display: block; width: 100%; height: 3.2rem; line-height: 3.2rem; animation: pulse 1.8s 3.3s infinite both;}
.icon-up{width:1.422rem;position:fixed;bottom:0.355rem;left:48%;z-index:999; -webkit-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out;}

.shanlei-box{width:100%;max-height:100%;}
.shanlei-box .swiper-slide-active .duration{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.shanlei-box .swiper-slide-active .bounces{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
.shanlei-box .swiper-slide-active .flashs{-webkit-animation-name:flash;animation-name:flash}
.shanlei-box .swiper-slide-active .pulses{-webkit-animation-name:pulse;animation-name:pulse}
.shanlei-box .swiper-slide-active .rubberBands{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.shanlei-box .swiper-slide-active .shakes{-webkit-animation-name:shake;animation-name:shake}
.shanlei-box .swiper-slide-active .swings{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
.shanlei-box .swiper-slide-active .tadas{-webkit-animation-name:tada;animation-name:tada}
.shanlei-box .swiper-slide-active .wobbles{-webkit-animation-name:wobble;animation-name:wobble}
.shanlei-box .swiper-slide-active .bounceIns{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s}

.shanlei-box .swiper-slide-active .bounceInDowns{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}

.shanlei-box .swiper-slide-active .bounceInLefts{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
.shanlei-box .swiper-slide-active .bounceInRights{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}

.shanlei-box .swiper-slide-active .bounceInUps{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
.shanlei-box .swiper-slide-active .bounceOuts{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}
.shanlei-box .swiper-slide-active .bounceOutDowns{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
.shanlei-box .swiper-slide-active .bounceOutLefts{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
.shanlei-box .swiper-slide-active .bounceOutRights{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
.shanlei-box .swiper-slide-active .bounceOutUps{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}

.shanlei-box .swiper-slide-active .fadeIns{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.shanlei-box .swiper-slide-active .fadeInDowns{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.shanlei-box .swiper-slide-active .fadeInDownBigs{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

.shanlei-box .swiper-slide-active .fadeInLefts{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.shanlei-box .swiper-slide-active .fadeInLeftBigs{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
.shanlei-box .swiper-slide-active .fadeInRights{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.shanlei-box .swiper-slide-active .fadeInRightBigs{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
.shanlei-box .swiper-slide-active .fadeInUps{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.shanlei-box .swiper-slide-active .fadeInUpBigs{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
.shanlei-box .swiper-slide-active .fadeOuts{-webkit-animation-name:fadeOut;animation-name:fadeOut}
.shanlei-box .swiper-slide-active .fadeOutDowns{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
.shanlei-box .swiper-slide-active .fadeOutDownBigs{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
.shanlei-box .swiper-slide-active .fadeOutLefts{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
.shanlei-box .swiper-slide-active .fadeOutLeftBigs{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
.shanlei-box .swiper-slide-active .fadeOutRights{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.shanlei-box .swiper-slide-active .fadeOutRightBigs{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
.shanlei-box .swiper-slide-active .fadeOutUps{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
.shanlei-box .swiper-slide-active .fadeOutUpBigs{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
.shanlei-box .swiper-slide-active .animated.shanlei-box .swiper-slide-active .flips{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
.shanlei-box .swiper-slide-active .flipInXs{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
.shanlei-box .swiper-slide-active .flipInYs{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
.shanlei-box .swiper-slide-active .flipOutXs{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
.shanlei-box .swiper-slide-active .flipOutYs{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration: .75s;animation-duration: .75s}
.shanlei-box .swiper-slide-active .lightSpeedIns{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.shanlei-box .swiper-slide-active .lightSpeedOuts{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
.shanlei-box .swiper-slide-active .rotateIns{-webkit-animation-name:rotateIn;animation-name:rotateIn}
.shanlei-box .swiper-slide-active .rotateInDownLefts{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
.shanlei-box .swiper-slide-active .rotateInDownRights{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
.shanlei-box .swiper-slide-active .rotateInUpLefts{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
.shanlei-box .swiper-slide-active .rotateInUpRights{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
.shanlei-box .swiper-slide-active .rotateOuts{-webkit-animation-name:rotateOut;animation-name:rotateOut}
.shanlei-box .swiper-slide-active .rotateOutDownLefts{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
.shanlei-box .swiper-slide-active .rotateOutDownRights{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
.shanlei-box .swiper-slide-active .rotateOutUpLefts{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
.shanlei-box .swiper-slide-active .rotateOutUpRights{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
.shanlei-box .swiper-slide-active .hinges{-webkit-animation-name:hinge;animation-name:hinge}

.shanlei-box .swiper-slide-active .rollIns{-webkit-animation-name:rollIn;animation-name:rollIn}

.shanlei-box .swiper-slide-active .rollOuts{-webkit-animation-name:rollOut;animation-name:rollOut}
.shanlei-box .swiper-slide-active .zoomIns{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.shanlei-box .swiper-slide-active .zoomInDowns{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
.shanlei-box .swiper-slide-active .zoomInLefts{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
.shanlei-box .swiper-slide-active .zoomInRights{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
.shanlei-box .swiper-slide-active .zoomInUps{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
.shanlei-box .swiper-slide-active .zoomOuts{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.shanlei-box .swiper-slide-active .zoomOutDowns{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
.shanlei-box .swiper-slide-active .zoomOutLefts{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
.shanlei-box .swiper-slide-active .zoomOutRights{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
.shanlei-box .swiper-slide-active .zoomOutUps{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
.shanlei-box .swiper-slide-active .slideInDowns{-webkit-animation-name:slideInDown;animation-name:slideInDown}
.shanlei-box .swiper-slide-active .slideInLefts{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
.shanlei-box .swiper-slide-active .slideInRights{-webkit-animation-name:slideInRight;animation-name:slideInRight}
.shanlei-box .swiper-slide-active .slideInUps{-webkit-animation-name:slideInUp;animation-name:slideInUp}
.shanlei-box .swiper-slide-active .slideOutDowns{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
.shanlei-box .swiper-slide-active .slideOutLefts{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
.shanlei-box .swiper-slide-active .slideOutRights{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
.shanlei-box .swiper-slide-active .slideOutUps{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

.con-3-box .swiper-slide-active .fadeInsT{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.con-3-box .swiper-slide-active .fadeInDownT{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.con-3-box .swiper-slide-active .bounceInT{-webkit-animation-name:bounceIn;animation-name:bounceIn}
.con-3-box .swiper-slide-active .bounceInLeftT{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
.con-3-box .swiper-slide-active .bounceInRightT{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
.con-3-box .swiper-slide-active .bounceInUpT{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
.con-3-box .swiper-slide-active .bounceInDownT{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
.con-3-box .swiper-slide-active .duration{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.con-4-box .swiper-slide-active .fadeInDownF{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.con-4-box .swiper-slide-active .bounceInLeftF{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
.con-4-box .swiper-slide-active .bounceInRightF{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
.con-4-box .swiper-slide-active .bounceInUpF{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
.con-4-box .swiper-slide-active .bounceInDownF{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
.con-4-box .swiper-slide-active .duration{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.sec03{animation-delay:.3s;-webkit-animation-delay:.3s;}
.sec05{animation-delay:.5s;-webkit-animation-delay:.5s;}
.sec06{animation-delay:.6s;-webkit-animation-delay:.6s;}
.sec07{animation-delay:.7s;-webkit-animation-delay:.7s;}
.sec08{animation-delay:.8s;-webkit-animation-delay:.8s;}
.sec09{animation-delay:.9s;-webkit-animation-delay:.9s;}
.sec10{animation-delay:1s;-webkit-animation-delay:1s;}
.sec11{animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.sec12{animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.sec13{animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.sec14{animation-delay:1.4s;-webkit-animation-delay:1.4s;}
.sec15{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.sec16{animation-delay:1.6s;-webkit-animation-delay:1.6s;}
.sec17{animation-delay:1.7s;-webkit-animation-delay:1.7s;}
.sec18{animation-delay:1.8s;-webkit-animation-delay:1.8s;}
.sec19{animation-delay:1.9s;-webkit-animation-delay:1.9s;}

.con-1 .item1{ left: 0; top: 7.004rem;}
.con-1 .item2{ left: 0; top: 23.502rem;}
.con-1 .item3{ left: 0; top: 28.088rem;}

.con-2 .item1{ left: 0; top: 2.311rem;}
.con-2 .item2{ left: 2.595rem; top: 7.822rem; width: 10.311rem;}
.con-2 .item3{ left: 2.595rem; top: 16.568rem; width: 10.311rem;}
.con-2 .item2 p,.con-2 .item3 p{ line-height: 1.28rem; font-size: 0.64rem; text-align: center;}
.con-2 .item4{ top: 8.746rem;}
.con-2 .item5{ top: 15.395rem;}
.con-2 .item6{ top: 22.151rem;}
.con-2 .item7{ left: 2.595rem;}
.con-2 .item8{ left: 9.955rem;}
.con-2 .item9{ left: 17.066rem;}
.con-2 .item10{ left: 2.666rem; top: 35.768rem; width: 80%;}

.con-2 .item-w1{ right: 0; width: 12.8rem; height: 4.124rem; color: #fff; overflow: hidden;}
.con-2 .item-w1 h3{ width: 3.804rem; height: 4.124rem; background: url("../images/ico-1.png") no-repeat; background-size: contain; line-height: 4.124rem; font-size: 1.706rem; font-weight: 300; text-align: center;}
.con-2 .item-w1 h3.h3{ height: 3.697rem; padding: 0.426rem 0 0; line-height: 1.777rem;}
.con-2 .item-w1 h3.h3 strong{ display: block; line-height: 1.422rem; font-size: 1.066rem; font-weight: 300;}
.con-2 .item-w1 p{ padding: 0.888rem 0 0 0.533rem; line-height: 0.995rem; font-size: 0.853rem;}
.con-2 .item-w1 p.p{ padding-top: 0.568rem;}

.con-2 .item-w2{ top: 28.622rem; width: 6.506rem; color: #fff; text-align: center;}
.con-2 .item-w2 h3{ margin: 0 auto; width: 3.804rem; height: 4.124rem; background: url("../images/ico-1.png") no-repeat; background-size: contain; line-height: 4.124rem; font-size: 1.706rem; font-weight: 300;}
.con-2 .item-w2 h3.h3{ height: 3.697rem; padding: 0.426rem 0 0; line-height: 1.777rem;}
.con-2 .item-w2 h3.h3 strong{ display: block; line-height: 1.422rem; font-size: 1.066rem; font-weight: 300;}
.con-2 .item-w2 p{ padding: 0.355rem 0 0; line-height: 0.995rem; font-size: 0.853rem;}

.con-2 a.item-btn{ background: #d34f3e; border-radius: 1.777rem; font-size: 1.137rem; color: #fff; text-align: center;}
.con-2 a.item-btn i{ display: inline-block; margin-right: 0.355rem; width: 2.275rem; height: 1.742rem;}

.con-3 .con-3-box{ width: 100%; height: 100%; background: url("../images/bg-3.jpg") no-repeat; background-size: contain;}
.con-3 .con-3-box .swiper-slide .item1{ left: 0; top: 1.92rem;}
.con-3 .con-3-box .swiper-slide .item2{ left: 1.6rem; top: 9.457rem;}
.con-3 .con-3-box .swiper-slide .item2 p{ padding-bottom: 0.355rem; line-height: 0.995rem; font-size: 0.64rem;}
.con-3 .con-3-box .swiper-slide .item2 p i{ display: inline-block; width: 0.64rem;}

.con-3 .con-3-box .swiper-slide .item3{ right: 0.604rem; top: 9.28rem; width: 12.551rem;}
.con-3 .con-3-box .swiper-slide .item3 p{ padding-top: 0.355rem; line-height: 0.711rem; font-size: 0.64rem; color: #fff; text-align: center;}

.con-3 .con-3-box .swiper-slide .item4{ left: 1.671rem; top: 20.942rem; width: 11.235rem; height: 4.408rem;}
.con-3 .con-3-box .swiper-slide .item4 a{ display: block; width: 100%; height: 100%; background: #d34f3e; border-radius: 0.64rem; overflow: hidden; animation: pulse 1.8s 2s infinite both;}
.con-3 .con-3-box .swiper-slide .item4 h3{ margin: 1.031rem 0.355rem 0 0.533rem; width: 2.88rem; height: 2.382rem; background: url("../images/ico-2.png") no-repeat; background-size: contain;}
.con-3 .con-3-box .swiper-slide .item4 p{ margin: 1.208rem 0 0; width: 64%; line-height: 1.066rem; font-size: 0.853rem; text-align: center;}

.con-3 .con-3-box .swiper-slide .item-w1{ top: 29.12rem; width: 7.111rem;}
.con-3 .con-3-box .swiper-slide .item-w1 p{ padding: 0.355rem 0 0; line-height: 0.817rem; font-size: 0.64rem; text-align: center;}
.con-3 .con-3-box .swiper-slide .item5{ left: 1.671rem;}
.con-3 .con-3-box .swiper-slide .item6{ left: 9.777rem;}
.con-3 .con-3-box .swiper-slide .item7{ left: 17.92rem;}

.con-3 .con-3-box .swiper-slide .item-w2{ top: 2.346rem; width: 7.146rem;}
.con-3 .con-3-box .swiper-slide .item-w2 p{ padding: 0.355rem 0 0; line-height: 0.817rem; font-size: 0.64rem; color: #fff; text-align: center;}
.con-3 .con-3-box .swiper-slide .item-w2h{ top: 15.822rem;}
.con-3 .con-3-box .swiper-slide .item8{ left: 1.671rem;}
.con-3 .con-3-box .swiper-slide .item9{ left: 9.884rem;}
.con-3 .con-3-box .swiper-slide .item10{ left: 17.92rem;}

.con-3 .con-3-box .swiper-slide .item-w3{ top: 29.262rem; width: 7.111rem;}
.con-3 .con-3-box .swiper-slide .item-w3 p{ padding: 0.355rem 0 0; line-height: 0.817rem; font-size: 0.64rem; color: #fff; text-align: center;}
.con-3 .con-3-box .swiper-slide .item11{ left: 1.777rem;}
.con-3 .con-3-box .swiper-slide .item12{ left: 9.457rem; width: 8.035rem;}
.con-3 .con-3-box .swiper-slide .item12 span{ display: block; margin: 0 auto; width: 7.111rem;}
.con-3 .con-3-box .swiper-slide .item13{ left: 17.92rem;}

.con-3 .con-3-box .con3-pagination{ bottom: 9.244rem; text-align: center; z-index: 100;}
.con-3 .con-3-box .con3-pagination span.swiper-pagination-bullet{ width: 0.462rem; height: 0.462rem; background: #8b88a2; opacity: 1;}
.con-3 .con-3-box .con3-pagination span.swiper-pagination-bullet-active{ background: #fff;}

.con-4 .con-4-box{ width: 100%; height: 100%; background: url("../images/bg-2.jpg") no-repeat; background-size: contain;}
.con-4 .con-4-box .item-tit{ left: 0; top: 2.737rem; width: 100%; height: 3.982rem; background: url("../images/tit-4.png") no-repeat; background-size: contain;}
.con-4 .con-4-box .item1{ left: 0; top: 7.857rem;}
.con-4 .con-4-box .item2{ left: 3.484rem; top: 12.8rem;}
.con-4 .con-4-box .item2 p{ line-height: 1.066rem; font-size: 0.711rem;}
.con-4 .con-4-box .item3{ left: 3.555rem; top: 16.284rem; width: 73.333%; background: #fff; overflow: hidden;}
.con-4 .con-4-box .item4{ left: 2.666rem; top: 34.346rem; width: 80%;}
.con-4 .con-4-box .item5{ left: 6.648rem; top: 11.982rem;}
.con-4 .con-4-box .item6{ left: 5.155rem; top: 15.146rem; width: 16.355rem;}
.con-4 .con-4-box .item7{ left: 2.666rem; top: 14.755rem; width: 80%;}
.con-4 .con-4-box .item7 p{ line-height: 0.924rem; padding-top: 0.355rem; font-size: 0.853rem; text-align: center;}
.con-4 .con-4-box .item7 .item7-1{ overflow: hidden;}
.con-4 .con-4-box .item7 .item7-1 span{ display: block; width: 10.488rem;}
.con-4 .con-4-box .item7 .item7-1 span p{ line-height: 0.853rem; padding-top: 0.177rem; font-size: 0.711rem;}

.con-4 .con-4-gc{ padding-top: 2.844rem;}
.con-4 .con-4-gc .con4_gc-pagination{ bottom: inherit; top: 0; text-align: center; z-index: 101;}
.con-4 .con-4-gc .con4_gc-pagination span.swiper-pagination-bullet{ margin: 0 0 0 9.333%!important; width: 26.333%; height: 1.991rem; line-height: 2.062rem; border: 1px solid #a38999; border-radius: 0!important; background: none; font-size: 0.853rem; font-weight: 300; color: #c3a9b9; opacity: 1;}
.con-4 .con-4-gc .con4_gc-pagination span.swiper-pagination-bullet:nth-child(1){ margin: 0!important;}
.con-4 .con-4-gc .con4_gc-pagination span.swiper-pagination-bullet-active{ width: 26.666%; height: 2.062rem; border: none; background: #a47281; color: #fff;}

.con-4 a.item-btn{ background: #69b724; border-radius: 1.777rem; font-size: 1.137rem; color: #fff; text-align: center;}
.con-4 a.item-btn i{ display: inline-block; margin-right: 0.355rem; width: 2.666rem; height: 2.097rem;}

.con-5 .con-5-box{ width: 100%; height: 100%; background: url("../images/bg-5.jpg") no-repeat; background-size: contain;}
.con-5 .con-5-box .item-tit{ left: 0; top: 1.955rem; width: 100%; height: 3.377rem; background: url("../images/tit-5.png") no-repeat; background-size: contain;}
.con-5 .con-5-box .item1{ left: 0; top: 5.333rem; width: 100%;}
.con-5 .con-5-box .item1 p{ line-height: 1.493rem; font-size: 1.422rem; text-align: center;}
.con-5 .con-5-box .item2{ left: 4.088rem; top: 8.071rem; width: 18.488rem; background: #fff; overflow: hidden;}
.con-5 .con-5-box .item3{ left: 3.733rem; top: 32.533rem;}
.con-5 .con-5-box .item3 p{ line-height: 0.711rem; font-size: 0.568rem; color: #9a768b;}
.con-5 .con-5-box .item4{ left: 0; top: 34.133rem;}
.con-5 .con-5-box .item4 a{ position: relative; display: block; width: 100%; height: 5.546rem;}
.con-5 .con-5-box .item4 a i{ position: absolute; right: 1.991rem; top: 0; display: block; width: 5.546rem; height: 5.546rem; background: url("../images/btn-5-r.png") no-repeat; background-size: contain; animation: pulse 1.8s infinite both;}
.con-5 .con-5-box .item5{ left: 4.444rem; width: 17.777rem;}

.con-6 .item1{ left: 0; top: 2.595rem;}
.con-6 .item2{ left: 0; top: 8.106rem;}
.con-6 .item3{ left: 0; top: 16.391rem;}
.con-6 .item4{ left: 0; top: 16.391rem;}
.con-6 .item5{ left: 0; top: 16.391rem;}
.con-6 .item6{ left: 1.351rem; top: 36.48rem;}
.con-6 .item6 a{ display: inline-block; margin-left: 1.351rem; width: 9.884rem; height: 2.417rem; border: 1px solid #806d76; border-radius: 1.422rem; line-height: 2.488rem; font-size: 1.066rem; color: #fff; text-align: center; animation: pulse 1.8s 2s infinite both;}
.con-6 .item6 a.item6-btn1{ width: 9.955rem; height: 2.488rem; border: none; background: #ffcc66; color: #4c303d;}


@-webkit-keyframes rollInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes rollInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}

@-webkit-keyframes bounceOutLeft{
	20%{opacity:1;-webkit-transform:translate3d(0.711rem,0,0);transform:translate3d(0.711rem,0,0)}
	100%{opacity:0.5;-webkit-transform:translate3d(-1.422rem,0,0);transform:translate3d(-1.422rem,0,0)}
}
@keyframes bounceOutLeft{
	20%{opacity:1;-webkit-transform:translate3d(0.711rem,0,0);-ms-transform:translate3d(0.711rem,0,0);transform:translate3d(0.711rem,0,0)}
	100%{opacity:0.5;-webkit-transform:translate3d(-1.422rem,0,0);-ms-transform:translate3d(-3.555rem,0,0);transform:translate3d(-1.422rem,0,0)}
}

@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,0.355rem);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-0.284rem);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,0.355rem);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-0.284rem);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,0.355rem);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-0.284rem);}
}