/* CSS Document */
body{overflow-x: hidden;}
img{max-width: 100%;}

/*f函数*/
.f-db{display: block;}
.f-ovh{overflow: hidden;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-tal{text-align: left;}
.f-tar{text-align: right;}
.f-tac{text-align: center;}
.f-taj{text-align: justify;}
.f-pr{position: relative;z-index: 1}
.f-pa{position: absolute;}
.f-cb:after{content: "";display: block;clear: both;overflow: hidden;}
.f-bs{box-shadow: 5px 5px 46px rgba(238,229,229,.75);}
.f-br{border-radius: 10px;}
.f-bgcf{background-color: #fff;}
.f-bgc0{background-color: #000}
/*上下居中*/
.gost-center{height: 100%}
.gost-center:before{content: '';display: inline-block;width: 0%;height: 100%;vertical-align: middle;}
.gost-center p{display: inline-block;vertical-align: middle;max-width: 98%;}
/*animation 动作*/
@keyframes lightmove{
	from {background-position: 0 0;}
	to {background-position: -1200px 400px;}
}
@-webkit-keyframes lightmove{
	from {background-position: 0 0;}
	to {background-position: -1200px 400px;}
}
@keyframes smal2big{
	from {transform: scale(0.2,0.2);opacity: 1;}
	to {transform: scale(1,1);opacity: 0.1;}
}
@-webkit-keyframes smal2big{
	from {transform: scale(0.2,0.2);opacity: 1;}
	to {transform: scale(1,1);opacity: 0.1;}
}

.wrap{padding-top: 40px;padding-bottom: 40px;}
/*banner*/
.banner-box{background: #fff;}
.light{position: absolute;z-index: -1;top: 0;left: 50%;margin-left: -600px;width: 1200px;height: 400px;background-image: url(../images/quanwang/txt-bg.png);-webkit-animation: lightmove 16s linear infinite;-o-animation: lightmove 16s linear infinite;animation: lightmove 16s linear infinite;background-position: 0 0;}
.banner{background: url(../images/quanwang/banner.png) center no-repeat;height: 868px;}
.qipao{position: absolute;width: 100%;height: 100%;z-index: 2;overflow: hidden;left: 0;top: 0}
.qipao .fizz{width: 100%;height: 100%;}
.leavs-box{position: absolute;width: 100%;left: 0;right: 0;bottom: 156px;z-index: 3;}
.leavs-bg{position: absolute;width: 100%;height: 427px;left: 0;top: 523px;background: url(../images/quanwang/leavs-bg.png) 50% 0 no-repeat;z-index: 4;}
.about-box{position: absolute;width: 1100px;top: 565px;left: 0;right: 0;margin-left: auto;margin-right: auto;background: #fff url(../images/quanwang/icon-light.jpg) 36px 5px no-repeat;z-index: 5;}
.about{margin: 20px;height: 615px;background: #f5f5f5;position: relative;}
.icon-people1{top: -226px;left: 270px;z-index: 1}
.icon-people2{left: -130px;bottom: -156px;}
.about-fengchao{float: left;margin-top: 50px;margin-left: -104px;width: 682px;background: #fff;height: 473px;}
.about-txt{float: right;margin-top: 110px;margin-right: -90px;width: 465px;height: 400px;background: #fff;padding: 35px 75px 0 50px;color: #436feb;box-sizing: border-box;}
.about-txt strong{display: block;font-size: 36px;line-height: 60px;text-align: center;}
.about-txt p{font-size: 20px;text-align: justify;line-height: 36px;}
.about-txt a{display: block;right: -8px;top: 185px;}
.icon-bell{left: -33px;top: -33px;}
/*step*/
.step h2,.stepfourth h2,.stepfive h2{font-size: 26px;line-height: 44px;color: #fff;font-weight: bold;margin: 0;}
.step p.style1,.stepfourth p.style1,.stepfive p.style1{font-size: 18px;line-height: 34px;color: #5f65bc;}
.step{background: #fff url(../images/quanwang/bg-step1.png) top center no-repeat;padding-top: 400px;position: relative;}
.step-bg1{right: 0;top: 50%;}
.step-title{padding: 40px 45px 47px 90px;width: 250px;height: 44px;margin-left: -50px;}

.stepone-img{margin-left: 15px;width: 428px;height: 439px;}
.stepone-icon{right: -40px;bottom: -40px;}
.stepone-txt{width: 520px;padding-top: 10px;padding-left: 25px;}
.stepone-title{background: url(../images/quanwang/step-one-title.png) center no-repeat;}

.stepsecond-title{background: url(../images/quanwang/step-second-title.png) center no-repeat;}
.stepsecond-img{width: 428px;height: 570px;margin-top: -136px;margin-right: 36px;}
.stepsecond-icon1{left: -165px;top: 80px;}
.stepsecond-icon2{right: -96px;bottom: -72px;}

.stepthird{margin: -106px auto 0;background: url(../images/quanwang/bg-step2.png) top center no-repeat;min-height: 936px;min-width: 1428px;}
.step-bg2{left: 0;top: 420px;z-index: -1}
.w-2{width: 1428px;margin: 0 auto;}
.stepthird-title{padding-top: 200px;padding-bottom: 30px;}
.stepthird-title h2{font-size: 30px;line-height: 60px;color: #fff;font-weight: bold;margin: 0;}
.stepthird-title p{font-size: 18px;line-height: 36px;color: #b4b7f3;}
.stepthird-box{width: 406px;margin: 0 34px;box-sizing: border-box;padding: 30px 60px 95px;border:#d2d3eb 1px solid;}
.stepthird-box .img{width: 178px;height: 178px;margin: 0 auto;background: #f3effd;border-radius: 50%;text-align: center;}
.stepthird-box strong{display: block;font-size: 24px;line-height: 40px;padding: 20px 0;color: #888ff1;}
.stepthird-box p.txt{font-size: 16px;line-height: 32px;color: #a3a8eb;padding-bottom: 55px;}
.stepthird-box a{display: inline-block;width: 275px;height: 60px;text-align: center;font-size: 24px;line-height: 60px;font-weight: bold;color: #fff;
background: #a4c4ff; /* Old browsers */
background: -moz-linear-gradient(top, #a4c4ff 0%, #968eff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a4c4ff 0%,#968eff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a4c4ff 0%,#968eff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c4ff', endColorstr='#968eff',GradientType=0 ); /* IE6-9 */
}
.stepthird-box:hover{box-shadow: 5px 5px 46px rgba(238,229,229,.75);}
.stepthird-box a:hover{
background: #ffa6a4; /* Old browsers */
background: -moz-linear-gradient(top, #ffa6a4 0%, #968eff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffa6a4 0%,#968eff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffa6a4 0%,#968eff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa6a4', endColorstr='#968eff',GradientType=0 ); /* IE6-9 */
}

.stepfourth{}
.stepfourth-img{margin-left: 50px;width: 550px;height: 329px;}
.stepfourth-img img{margin-top: -41px;}
.stepfourth-txt{margin-right: 20px;margin-top: 20px;width: 420px;padding-left: 25px;}
.stepfourth-title{background: url(../images/quanwang/step-fourth-title.png) center no-repeat;}
.stepfourth-icon{left: 0;top: 100px;}
.stepfourth-icon2{right: -150px;bottom: -184px;}

.stepfive{margin-top: -55px;background: url(../images/quanwang/bg-step3.png) top center no-repeat;padding-top: 227px;padding-bottom: 111px;}
.step-bg3{right: 30px;top: 120px;z-index: -1}
.step-bg4{left: 30px;bottom: 120px;z-index: -1}
.stepfive-box{margin-right: -64px;height: 551px;background: url(../images/quanwang/step-bg5.jpg) top center no-repeat;box-shadow: 12px 12px 54px rgba(209,207,228,.55)}
.stepfive-txt{width: 368px;margin-right: 118px;margin-top: 164px;}
.stepfive-title{background: url(../images/quanwang/step-five-title.png) center no-repeat;}

/*contrast*/
.contrast-title{padding: 20px 0;}
.title-box{width: 600px;border-radius: 10px;height: 66px;box-sizing: border-box;padding: 0 105px;font-size: 30px;line-height: 66px;color: #fff;font-weight: bold;background: #888ff1;}
.icon-pk{width: 106px;height: 106px;box-sizing: border-box;left: 50%;margin-left: -53px;top: 0;z-index: 1;padding: 12px;border-radius: 50%;}
.icon-pk p{font-size: 39px;line-height: 82px;border-radius: 50%;background: #878bf1;color: #fff;font-weight: bold;}
.contrast-block{padding-top: 60px;}
.contrast-slide{width: 313px;padding: 44px 0;position: relative;z-index: 2}
.contrast-slide ul li{box-sizing: border-box;height: 160px;padding: 20px 0;position: relative;}
.contrast-slide ul li .txt{width: 210px;height: 100%;}
.contrast-slide ul li .txt strong{display: block;font-size: 24px;line-height: 36px;}
.contrast-slide ul li .txt span{display: block;font-size: 16px;line-height: 30px;}
.contrast-slide ul li .img{width: 88px;height: 88px;margin: 16px 0;border-radius: 50%;padding: 12px;box-sizing: border-box;text-align: center;}
.contrast-slide ul li .img .icon{width: 64px;height: 64px;border-radius: 50%;}
.contrast-slide ul li .img .icon-left{background: #5d5d5d;}
.contrast-slide ul li .img .icon-right{background: #49498d;}
.contrast-box{width: 574px;height: 574px;position: relative;}
.contrast-box .container{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1}
.contrast-box .img{left: 50%;top: 50%;margin-left: -43px;margin-top: -35px;z-index: 1}
.font-color1{color: #b5b5b5}
.font-color2{color: #888ff1}

.breath{width: 36px;height: 36px;position: absolute;z-index: 1}
.breath1{right: -130px;top: 62px;}
.breath2{right: -65px;top: 62px;}
.breath3{left: -130px;top: 62px;}
.breath4{left: -65px;top: 62px;}
.breath-s,.breath-m,.breath-b{border-radius: 50%;background: #3e56af;width: 36px;height: 36px;left: 0;top: 0;position: absolute;}
.breath-s{ -webkit-animation: smal2big 3s linear infinite;
-o-animation: smal2big 3s linear infinite;
animation: smal2big 3s linear infinite; -webkit-transform: scale(0.2, 0.2);
-ms-transform: scale(0.2, 0.2);
-o-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);opacity: 1;}
.breath-m{ -webkit-animation: smal2big 3s linear 1s infinite;
-o-animation: smal2big 3s linear 1s infinite;
animation: smal2big 3s linear 1s infinite; -webkit-transform: scale(0.6, 0.6);
-ms-transform: scale(0.6, 0.6);
-o-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6); opacity: 0.55;}
.breath-b{ -webkit-animation: smal2big 3s linear 2s infinite;
-o-animation: smal2big 3s linear 2s infinite;
animation: smal2big 3s linear 2s infinite; opacity: 0.1;}
/*574  485 120 88 64*/

.line:after{content: "";display: block;position: absolute;height: 2px;background: #c3d1fb;top: 43px;}
.line1:after{width: 112px;}
.line2:after{width: 50px;}
.linel:after{left: 100%;}
.liner:after{right: 100%;}
/*白到灰渐变背景*/
.bg-bw{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #bebebe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#bebebe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#bebebe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bebebe',GradientType=0 ); /* IE6-9 */	
}
/*pk背景渐变*/
.bg-pk{
background: #a4c4ff; /* Old browsers */
background: -moz-linear-gradient(top, #a4c4ff 0%, #968eff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a4c4ff 0%,#968eff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a4c4ff 0%,#968eff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c4ff', endColorstr='#968eff',GradientType=0 ); /* IE6-9 */
}
/*绿色渐变*/
.bg-lv{
background: #c4fffe; /* Old browsers */
background: -moz-linear-gradient(top, #c4fffe 0%, #35e2e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c4fffe 0%,#35e2e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c4fffe 0%,#35e2e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4fffe', endColorstr='#35e2e4',GradientType=0 ); /* IE6-9 */
}
/*蓝色渐变*/
.bg-lan{
background: #b7d8ff; /* Old browsers */
background: -moz-linear-gradient(top, #b7d8ff 0%, #67acff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b7d8ff 0%,#67acff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b7d8ff 0%,#67acff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d8ff', endColorstr='#67acff',GradientType=0 ); /* IE6-9 */
}
/*紫色渐变*/
.bg-zi{
background: #d7bcfb; /* Old browsers */
background: -moz-linear-gradient(top, #d7bcfb 0%, #b06df3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d7bcfb 0%,#b06df3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d7bcfb 0%,#b06df3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7bcfb', endColorstr='#b06df3',GradientType=0 ); /* IE6-9 */
}

/*案例*/
.case{background: url(../images/quanwang/bg-case.png) top center no-repeat;margin-top: -140px;padding-top: 140px;}
.case-title{width: 304px;}
.case-block{width: 870px;}
.case-block ul li{float: left;width: 264px;margin: 0 13px;height: 178px;border-radius: 10px;background: #fff;}
.case-block ul li a{display: block;position: relative;width: 264px;height: 178px;}
.mask{position: absolute;width: 100%;height: 100%;left: 0;top: 100%;color: #fff;-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;}
.mask strong{display: block;font-size: 18px;line-height: 36px;}
.mask span{display: block;font-size: 14px;line-height: 30px;}
.case-block ul li a:hover .mask{top: 0;}

.widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle;width: 264px;height: 178px;}
.widget-respimg img{max-height:100%;max-width:100%}



.top-box,.footer-box{position: relative;z-index: 2;background: #fff;}