.col_w{ color: #fff !important;}
.tc{ text-align: center}
.fz22{ font-size: 22px}
.fz24{ font-size: 24px}
.fz32{ font-size: 32px}
.fz38{ font-size: 38px}
.fz41{ font-size: 41px}
i,em{ font-style: normal}

.pat20{ padding-top: 20px}
.patb30{ padding: 30px 0}
.patb20{ padding: 20px 0}

.btn{  animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite}
.btn a{ display: inline-block; color: #fff; padding: 10px 30px; border-radius: 10px; background: #ff5e80; font-size: 24px}


.p0{padding-bottom:64px;}
.p0 .Ptext{width:1000px;font-size:14px;line-height:25px;text-align:left;padding-bottom:20px;}
.p0 dl{width:341px;height:185px;position:relative;overflow:hidden;float:left;margin-bottom:30px;}
.p0 dl dt{width:317px;height:185px;line-height:25px;font-size:14px;text-align:center;color:#b98651;font-weight:bold;}
.p0 dl dd{width:317px;height:185px;background:#1c010e;filter:alpha(opacity=80);opacity:0.8;position:absolute;bottom:-327px;}
.p0 dl dd p{width:260px;overflow:hidden;line-height:25px;font-size:16px;margin:auto;color:#fff;padding:65px 0px 20px 0px;}
.p0 dl dd a{display:block;width:114px;height:37px;margin:auto;}
.p0 dl.end{width:317px;float:right;}
.p0 p{width:850px;margin:auto;line-height:40px;text-align:center;font-size:24px;color:#120519;}
.p0 p.zixun{width:520px;padding-top:30px;line-height:61px;font-weight:bold;}
.p0 p.zixun a{float:left;}




.p1{ background: url("../images/bg1.jpg") no-repeat center;  padding: 20px 0}
.p1 .Scroll .prev,.p1 .Scroll .next{
    width:64px;height:148px;position:absolute;top:35%;z-index:100; cursor:pointer; background:url(../images/prev.png) no-repeat center rgba(255,255,255,0.7);}
.p1 .Scroll .prev {left:0;}
.p1 .Scroll .next{background:url(../images/next.png) no-repeat center rgba(255,255,255,0.7);right: 0}
.p1 .Scroll{width:1100px;margin:0 auto;position:relative; height: 370px; overflow: hidden; color: #fff}
.p1 .Scroll .scrollWrap{width: 1000px;overflow:hidden;position:absolute; left: 0; right: 0; margin: 0 auto}
.p1 .Scroll li dl{ width: 950px; margin: 0 auto}
.p1 .Scroll li dt{ float: left; margin-top: 10px; position: relative}
.p1 .Scroll li dt img{ border: 3px solid #9e83a2}
.p1 .Scroll li dt i{ display: block; width: 105px; height: 105px; background: url("../images/p1-ico.png") no-repeat;
    text-align: center; font-size: 22px; position: absolute; right: -20px; top:-10px; color: #000;}
.p1 .Scroll li dt i p{
    display: block; position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.p1 .Scroll li dd{ width: 660px; float: right}
.p1 .Scroll li dd b{ font-size: 21px}
.p1 .Scroll .list{ padding: 20px 0; overflow: hidden}
.p1 .Scroll .list span{ display: block; width: 113px; height: 113px; background: #fff; border-radius: 50%;
    color: #000; float: left; text-align: center; position: relative}
.p1 .Scroll .list span:not(:nth-last-child(1)){ margin-right: 23px}
.p1 .Scroll .list span p{
    display: block; position: absolute; left: 0; top: 50%; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.p1 .Scroll li dd .txt{ padding: 20px 10px; background: #7b5191; color: #fff; font-size: 20px; line-height: 35px; margin-bottom: 20px}


.p2 ul{ padding: 0 150px}
.p2 ul li{ width: 175px; height: 150px; background: #ca2a58; border-radius: 50%; float: left; margin-right: 50px; margin-bottom: 20px;
    color: #fff; padding: 45px 10px 0; font-size: 22px;  text-align: center; line-height: 30px}
.p2 ul li h3{ text-align: center; font-size: 24px}
.p2 ul li p{padding-top: 10px}
.p2 ul li:nth-child(3n){ margin-right: 0}
.p2 ul li:nth-last-child(1){background: #7b5191}
.p2 ul li:nth-last-child(1) h3{ font-size: 60px; line-height: 30px}

.p3{padding-bottom:44px;height:1200px;position:relative;background:url(../images/p4_img0.jpg) no-repeat left 171px;}
.p3 p{width:215px;line-height:25px;font-size:14px;color:#fff;position:absolute;}
.p3 .textp0{top:459px;left:20px;}
.p3 .textp1{top:459px;left:279px;}
.p3 .textp2{top:459px;left:534px;}
.p3 .textp3{top:459px;left:769px;}
.p3 dl{width:334px;overflow:hidden;position:absolute;z-index:999999;}
.p3 dl dt{font-family:方正正黑简体;font-size:30px;color:#fff;line-height:40px;color:#000;}
.p3 dl dd{line-height:25px;font-size:14px;color:#fff;}
.p3 .p3_dl0{left:123px;top:648px;}
.p3 .p3_dl1{right:9px;top:648px;}
.p3 .p3_dl2{width:366px;left:123px;top:846px;}
.p3 .p3_dl3{right:9px;top:846px;}
.p3 .p3_dl4{left:123px;bottom:86px;}
.p3 .business{width:1000px;height:546px;bottom:40px;left:0px;}


.p4{background: url("../images/bg3.jpg") no-repeat top center; background-size:cover; padding: 20px 0; clear: both}
.p4 .ti h3:before{  background: url("../images/before-w.png") no-repeat}
.p4 .ti h3:after{ background: url("../images/after-w.png") no-repeat}
.p4 .text img{ display:inline-block; margin-bottom: 20px}
.p4 ul{ width: 50%; float: left}
.p4 ul li{ background: rgba(173,126,200,0.5); padding: 20px 100px 20px 25px; line-height: 30px; margin-bottom: 10px; font-size: 15px; position: relative}
.p4 ul li h3{ text-align: right; font-size: 22px; color: #fff62b; text-align: center}
.p4 ul.ul2 li{ background: rgba(255,255,255,0.5); color: #372540;padding: 20px 25px 20px 100px; }
.p4 ul.ul2 li h3{ text-align:left; color: #372540;}
.p4 ul li i{ font-size: 60px; font-weight: bold; position: absolute; right: -85px; top:40%; z-index: 99}



.p5{}
.case{width:100%;height:570px;margin:auto;}
.case .scrollbox{width:100%; height:570px;margin:auto;position:relative;}
.case .scrollz,.case .scrolly{width:28px;height:50px;position:absolute;top:230px;z-index:99999;}
.case .scrollz{margin-left:-560px;left:50%;}
.case .scrolly{margin-right:-560px;right:50%;}
.case .scrollz a,.case .scrolly a{ display:block; width:28px; height:49px;}
.case .scrollcbox{width:100%; height:631px; margin:0 auto;}
.case .scrollcbox ul li{display:inline; width:100%; height:570px;margin:auto;float:left;}
.case .scrollcbox ul li a{display:block;width:100%;height:570px;float:left;}
.case .scrollcbox ul li.img0{background:url(../images/p4_img0.jpg) no-repeat center top;}
.case .scrollcbox ul li.img1{background:url(../images/p4_img1.jpg) no-repeat center top;}
.case .scrollcbox ul li.img3{background:url(../images/p4_img3.jpg) no-repeat center top;}
.case .scrollcbox ul li.img2{background:url(../images/p4_img2.jpg) no-repeat center top;}
.case .scrollbox a.business{width:164px;height:50px;bottom:30px;right:50%;margin-right:23px;}



.p6{padding-bottom:50px;}
.p6 dl{overflow:hidden;}
.p6 .cont1{width:1000px;height:348px;}
.p6 .cont1 dl.fir{width:529px;height:348px;float:left;}
.p6 .cont1 dl.fir dt{width:529px;height:348px;}
.p6 .cont1 dl.fir dd{width:529px;}
.p6 .cont1 dl{width:154px;height:174px;float:right;padding-right:2px;position:relative;}
.p6 .cont1 dl dt{width:154px;height:174px;}
.p6 .cont1 dl dd{width:154px;height:31px;line-height:31px;background:#000;filter:alpha(opacigy=80);opacity:0.8;color:#fff;text-align:center;position:absolute;bottom:-427px;}
.p6 .cont2{width:1000px;height:200px;background: url("../images/p7_img6.jpg") no-repeat right top ;}
.p6 .cont2 dl{width:235px;float:left;overflow:hidden;}
.p6 .cont2 dl dt{font-size:24px;color:#fff;line-height:50px;}
.p6 .cont2 dl dd{font-size:16px;color:#fff;line-height:30px;text-indent:25px;font-family:宋体;}
.p6 .cont2 p{width:1000px;font-size:16px;float:left;overflow:hidden;padding:5px 0px;color:#fff;font-family:宋体;}
.p6 .cont3{width:1000px;height:358px;background: url("../images/p7_img8.jpg") no-repeat right top ;}
.p6 .cont4{width:1000px;height:476px;}
.p6 .cont4 dl{width:253px;height:234px;float:left;margin-bottom:10px;position:relative;}
.p6 .cont4 dl.end{width:241px;}
.p6 .cont4 dl dt{width:241px;height:234px;}
.p6 .cont4 dl dd{width:241px;height:234px;background:#b51747;border-radius:5px;filter:alpha(opacigy=80);opacity:0.8;position:absolute;bottom:-427px;}
.p6 .cont4 dl dd h3{padding-top:40px;line-height:45px;text-align:center;}
.p6 .cont4 dl dd h4{padding-bottom:10px;text-align:center;font-size:18px;color:#fff;}
.p6 .cont4 dl dd p{width:201px;margin:auto;font-size:14px;color:#fff;line-height:20px;font-family:宋体;}




.p7{}
.p7 dl{width:485px;height:232px;margin-bottom:30px;overflow:hidden;float:left;background:#f1f1f1;}
.p7 dl.end{float:right;}
.p7 dl dt{width:218px;float:left;}
.p7 dl dd{width:242px;padding:0px 12px;float:right;overflow:hidden;line-height:21px;font-size:12px;color:#4d4d4d;}
.p7 dl dd h4{width:242px;padding-top:10px;margin:auto;border-bottom:1px solid #4d4d4d;line-height:30px;font-size:14px;color:#4d4d4d;text-align:center;}
.p7 dl dd p{height:127px;padding:5px 0px;}
.p7 dl dd a.link{display:block;margin:auto;width:42px;height:42px;}

.p8{height:786px;}


.p9{height:944px;background:url(../images/p9_img0.jpg) no-repeat center 0px;position:relative;}
.p9 dl{width:350px;overflow:hidden;position:absolute;}
.p9 dl dt{font-size:18px;color:#43bbc9;line-height:25px;font-weight:bold;}
.p9 dl dt.black{color:#5c5c5c;}
.p9 dl dd{line-height:22px;font-size:14px;color:#3d3d3d;}
.p9 .p9_dl0{left:0px;top:126px;}
.p9 .p9_dl1{left:30px;top:480px;}
.p9 .p9_dl2{right:0px;top:212px;}
.p9 .p9_dl3{left:734px;top:550px;}


.p10{height:1263px;position:relative;}
.p10 h1{text-align:left;}
.p10 div{height:105px;}
.p10 p{width:273px;overflow:hidden;line-height:40px;font-size:14px;color:#fff;font-weight:bold;position:absolute;top:220px;left:20px;}



.p11{width:1000px;margin:auto;}
.p11 .scrollbox{width:1000px;height:325px;position:relative;padding-bottom:40px;}
.p11 .scrollbox .business{bottom:50px;left:362px;}
.p11 .scrollz,.p11 .scrolly{width:28px;height:50px;position:absolute;top:120px;z-index:99999;}
.p11 .scrollz{left:-10px;}
.p11 .scrolly{right:10px;}
.p11 .scrollz a,..p11 .scrolly a{ display:block; width:28px; height:49px;}
.p11 .scrollcbox{width:900px; height:325px; margin:0 auto;}
.p11 .scrollcbox ul li{display:inline; width:217px; height:325px;padding-right:6px;float:left;}


.bounce{ animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,-4px,0)}}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}


.move{
    -webkit-animation: movement 3s linear normal both infinite;
    -o-animation: movement 3s linear normal both infinite;
    animation: movement 3s linear normal both infinite;
}
.move1{
    -webkit-animation: movement1 3s linear normal both infinite;
    -o-animation: movement1 3s linear normal both infinite;
    animation: movement1 3s linear normal both infinite;
}
.move2{
    -webkit-animation: movement2 3s linear normal both infinite;
    -o-animation: movement2 3s linear normal both infinite;
    animation: movement2 3s linear normal both infinite;
}
.move3{
    -webkit-animation: movement3 3s linear normal both infinite;
    -o-animation: movement3 3s linear normal both infinite;
    animation: movement3 3s linear normal both infinite;
}

@keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% { -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@-webkit-keyframes movement {
    0% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,10px);  transform: translate(6px,10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(0px,-3px);  transform: translate(0px,-3px);  }
}
@keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@-webkit-keyframes movement1 {
    0% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(-6px,-10px);  transform: translate(-6px,-10px);  }
    75% {  -webkit-transform: translate(8px,0px);  transform: translate(8px,0px);  }
    100% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
}
@keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}
@-webkit-keyframes movement2 {
    0% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
    25% {  -webkit-transform: translate(3px,6px);  transform: translate(3px,6px);  }
    50% {  -webkit-transform: translate(6px,-3px);  transform: translate(6px,-3px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(10px,3px);  transform: translate(10px,3px);  }
}

@keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}
@-webkit-keyframes movement3 {
    0% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
    25% {  -webkit-transform: translate(-4px,6px);  transform: translate(-4px,6px);  }
    50% {  -webkit-transform: translate(2px,8px);  transform: translate(2px,8px);  }
    75% {  -webkit-transform: translate(-8px,0px);  transform: translate(-8px,0px);  }
    100% {  -webkit-transform: translate(-10px,3px);  transform: translate(-10px,3px);  }
}