/* CSS Document */
@font-face {
	font-family: 'Conv_GroteskXCond-Bold';
	src: url('fonts/GroteskXCond-Bold.eot');
	src: url('fonts/GroteskXCond-Bold.woff') format('woff'), url('fonts/GroteskXCond-Bold.ttf') format('truetype'), url('fonts/GroteskXCond-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
}
.w-2{max-width: 1920px;min-width: 1200px;}
.w-5{max-width: 1500px;min-width: 1200px;margin: 0 auto;}
.wrap{padding-top: 20px;padding-bottom: 20px;}

ul,li{list-style: none;}

body{position: relative;overflow-x: hidden;}

.top-box{position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 999;background-color: #fff;width: 100%;}

.view-box{width: 100%;height: 942px;overflow: hidden;}
.view{width: 100%;height: 100%;position: relative;}
.banner{background-image: url(../images/website/banner.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;width: 100%;height: 100%;overflow: hidden;}
.banner-mask{position: absolute;background: url(../images/website/bg01.png) center no-repeat;width: 100%;height: 386px;bottom: 0;right: 0;z-index: 9}
.banner-text{position: absolute;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index: 9;}
.text-01{background: url(../images/website/text01.png) center no-repeat;width: 284px;height: 70px;left: 50%;top: 279px;}
.text-02{background: url(../images/website/text02.png) center no-repeat;width: 338px;height: 88px;left: 50%;top: 376px;}
.text-03{background: url(../images/website/text03.png) center no-repeat;width: 973px;height: 29px;left: 50%;top: 486px;}
.text-04{background-color: #fff;width: 96px;height: 6px;left: 50%;top: 573px;}
.icon-01{position: absolute;background: url(../images/website/icon01.png) center no-repeat;width: 68px;height: 68px;left: 50%;top: 626px;z-index: 9;-webkit-animation: updown 3s ease-in infinite ;-o-animation: updown 3s ease-in infinite ;animation: updown 3s ease-in infinite;}
.icon-01 a{display: block;width: 100%;height: 100%;}
/*问题*/
.quest-bg{margin-top: -230px;height: 720px;position: relative;z-index: 99;}
.quest-box{position: relative;}
.pic-bg{position: absolute;background-repeat: no-repeat;}
.quest-bg1{width: 242px;height: 401px;background-image: url(../images/website/bg02-1.jpg);right: 1140px;top: 340px;}
.quest-bg2{width: 392px;height: 600px;background-image: url(../images/website/bg02-2.jpg);left: 1200px;top: 0;}
.quest{padding-top: 200px;}
.quest-form{position: absolute;top: 200px;left: 150px;}
.quest-form p{font-size: 36px;line-height: 60px;font-weight: bold;text-align: center;color: #3366cc;padding: 20px 0;}
.quest-form .radio-box{width: 900px;margin-left: auto;margin-right: auto;text-align: center;padding: 20px 0;}
.quest-form .bb{border-bottom: #ccc 1px solid;}
.quest-form .radio-box .radio{background: url(../images/website/radio_bk.png) no-repeat; background-size:30px 60px;display: inline-block;line-height: 30px;height: 30px;text-indent:42px;margin:0 40px;font-size: 18px;color: #333;}
.quest-form .radio-box .checked{background-position: 0 -30px;}
.quest-form .radio-box input[type='radio'] {display:none;}
.quest-form .button-box{text-align: center;padding-top: 40px;padding-bottom: 90px;}
.quest-form .button-box .submit{display: inline-block;width: 169px;height: 41px;background: url(../images/website/icon-quest.png) no-repeat;position: relative;}
.quest-form .button-box .submit input{padding: 0;margin: 0;border: 0;background: none;text-indent: 33px;font-size: 18px;line-height: 41px;color: #fff;text-align: left;width: 100%;cursor: pointer;}
.jiantou:after{content: '';display: block;position: absolute;width: 18px;height: 6px;top: 17.5px;right: 30px;background: url(../images/ndot_hover.png) no-repeat;-webkit-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;cursor: pointer;}
.jiantou:hover:after{right: 15px;}
/*手机站*/
.wap-bg{height: 876px;}
.wap-box{position: relative;}
.wap-bg1{background-image: url(../images/website/bg03.png);width: 1900px;height: 876px;top: 0;left: -350px;}
.wap-pic1{position: absolute;right: 37px;top: 154px;width: 327px;height: 670px;background: url(../images/website/wap1.png) no-repeat;border-radius: 46px;box-shadow: 0 0 29px rgba(0,0,0,0.07);opacity: 0;}
.wap-pic2{position: absolute;right: 395px;top: 295px;width: 249px;height: 510px;background: url(../images/website/wap2.png) no-repeat;border-radius: 36px;box-shadow: 0 0 29px rgba(0,0,0,0.07)}
.wap{padding-top: 220px;padding-left: 20px;}
.wap-txt{position: absolute;top: 220px;left: 20px}
.case-txt big{display: block;font-size: 72px;line-height: 108px;color: #f7f7f7;text-transform: uppercase;font-weight: bold;}
.case-txt small{display: block;font-size: 30px;line-height: 60px;vertical-align: text-bottom;color: #333}
.case-txt small strong{font-size: 46px;}
.case-txt p{padding: 20px 0;font-size: 18px;line-height: 30px;color: #333;}
.case-txt p strong{display: block;}
.case-txt p .color1{color: #0079b6;}
.case-txt p .color2{color: #f0831e;}
.case-more{display: block;width: 169px;height: 41px;background: url(../images/website/icon-quest.png) no-repeat;position: relative;text-indent: 33px;font-size: 18px;line-height: 41px;color: #fff;text-align: left;}
.case-more:hover{color: #fff}
/*营销型*/
.mark-bg{height: 834px;margin-top: -33px;}
.mark-box{position: relative;}
.mark-bg1{background-image: url(../images/website/bg04.png);width: 1900px;height: 834px;top: 0;}
.mark-pic1{position: absolute;width: 640px;height: 655px;left: -30px;top: 83px;background: url(../images/website/computer.png) no-repeat;z-index: 5;}
.mark-icon{position: absolute;width: 240px;height: 80px;background-size: 40px 40px;-webkit-transform: skewY(336deg);-ms-transform: skewY(336deg);-o-transform: skewY(336deg);transform: skewY(336deg);font-size: 30px;line-height: 80px;color: rgba(255,255,255,0.6);text-indent: 80px;background-repeat: no-repeat;background-position: 20px 50%;box-shadow: 0 0 27px rgba(0,0,0,0.2);border-radius: 8px;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;}
.icon-02{left: -90px;top: 267px;background-color: #ff9b53;background-image: url(../images/website/icon02.png);z-index: 3}
.icon-03{left: 188px;top: 218px;background-color: #7c82dd;background-image: url(../images/website/icon03.png);z-index: 8}
.icon-04{left: -51px;top: 449px;background-color: #45e771;background-image: url(../images/website/icon04.png);z-index: 8}
.mark-txt{top: 140px;left: 620px;position: absolute;}
/*品牌型*/
.brand-bg{margin-top: -40px;height: 830px;}
.brand-box{padding-bottom: 30px;padding-top: 400px;position: relative;}
.brand-bg1{background: url(../images/website/bg05.jpg) bottom center repeat-x;position: absolute;left: 0;top: 130px;width: 1920px;height: 700px;z-index: 9}
.brand-txt{background-color: rgba(92,128,255,0.9);width: 540px;padding: 100px 35px 60px;position: absolute;top: 20px;left: 50%;z-index: 9999;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.case2-txt big{display: block;font-size: 72px;line-height: 108px;color: rgba(255,255,255,0.07); font-weight: bold;text-transform: uppercase;}
.case2-txt small{display: block;font-size: 30px;line-height: 60px;vertical-align: text-bottom;color: #fff}
.case2-txt small strong{font-size: 46px;}
.case2-txt p{padding: 20px 0;font-size: 18px;line-height: 30px;color: #fff;}
.case2-txt p strong{display: block;}
.case2-more{display: block;width: 169px;height: 41px;background: #ffcb00;border:#c6d4f4 1px solid;position: relative;text-indent: 33px;font-size: 18px;line-height: 41px;color: #fff;text-align: left;border-radius: 20.5px;}
.case2-more:hover{color: #fff;}
.brand-container {  width: 100%;  padding-top: 50px;  padding-bottom: 50px;height: 300px;position: absolute;top: 400px;left: 0;z-index: 10}
.brand-slide {  background-position: center;  background-size: cover; width: 420px;}
/*响应式*/
.respons{}
.respons-bg{height: 919px;}
.respons-box{position: relative;}
.respons-bg1{background: url(../images/website/bg06.jpg) center no-repeat;position: absolute;left: -350px;top: 0;width: 1900px;height: 919px;}
.respons-pic{position: absolute;z-index: 5;background-repeat: no-repeat;}
.icon-05{width: 176px;height: 269px;left: -130px;top: 402px;background-image: url(../images/website/icon05.png);}
.icon-06{width: 436px;height: 475px;left: 103px;top: 211px;background-image: url(../images/website/icon06.png);}
.icon-07{width: 75px;height: 159px;left: 434px;top: 148px;background-image: url(../images/website/icon07.png);}
.respons-txt{position: absolute;top: 265px;left: 680px;}
/*企业型*/
.enter-bg{height: 1034px;margin-top: -65px;}
.enter-box{position: relative;}
.enter-bg1{background: url(../images/website/bg07.png) center no-repeat;position: absolute;right: -350px;top: 0;width: 1900px;height: 1034px;}
.enter-pic{position: absolute;z-index: 5;background-repeat: no-repeat;}
.icon-08{width: 640px;height: 587px;right: -156px;top: 167px;background-image: url(../images/website/icon08.png);}
.icon-09{width: 117px;height: 180px;right: 387px;top: 220px;background-image: url(../images/website/icon09.png);}
.enter-txt{top: 230px;left: 90px;position: absolute;}
/*优势*/
.youshi-bg{margin-top: -200px;position: relative;height: 1020px;}
.youshi-box{padding-top: 280px;position: relative;}
.youshi-bg1{background: url(../images/website/bg08.jpg);width: 626px;height: 433px;top: 0;left: -350px;}
.youshi-title{position: absolute;top: 280px;left: 0;width: 100%;z-index: 2}
.title{text-align: center;}
.title strong{font-size: 72px;line-height: 108px;position: relative;text-transform: uppercase;}
.title strong:after{content: '';position: absolute;width: 80px;height: 3px;left: 50%;bottom: 5px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.title p{font-size: 30px;line-height: 48px;font-weight: bold;}
.title span{font-size: 18px;line-height: 30px;}
.title1 strong{color: #c3c3c3;}
.title1 strong:after{background-color: #2a2a2a;}
.title1 p{color: #2a2a2a;}
.title1 span{color: #656565;}
.youshi{position: absolute;left: 0;top: 506px;width: 100%;z-index: 2}
.youshi-b{border-radius: 18px;background-repeat: repeat-x;float: left;}
.youshi1{width: 366px;height: 438px;background-image: url(../images/website/youshi-bg1.jpg);}
.youshi2{width: 404px;height: 484px;background-image: url(../images/website/youshi-bg2.jpg);margin: 30px 32px 0;box-shadow: 0 0 30px rgba(0,0,0,0.3);}
.youshi3{width: 366px;height: 438px;background-image: url(../images/website/youshi-bg3.jpg);}
.youshi-pic1{background: url(../images/website/pic-youshi1.png) center no-repeat;height: 205px;}
.youshi-pic2{background: url(../images/website/pic-youshi2.png) center no-repeat;height: 226px;}
.youshi-pic3{background: url(../images/website/pic-youshi3.png) center no-repeat;height: 205px;}
.youshi strong{font-size: 28px;color: #fff;}
.youshi-txt1{height: 233px;}
.youshi-txt2{height: 258px;}
.youshi span{font-size: 18px;line-height: 45px;color: #fff;display: block;}
/*增值*/
.value-bg{margin-top: -20px;height: 887px}
.value-box{padding-top: 180px;position: relative;}
.value-bg1{background: url(../images/website/bg09.jpg);width: 1900px;height: 887px;top: 0;left: -350px;}
.value-title{position: relative;}
.title2 strong,.title2 p,.title2 span{color: #fff;}
.title2 strong:after{background-color: #fff;}
.value{padding-top: 35px;padding-bottom: 54px;}
.value ul li{float: left;width: 25%;box-sizing: border-box;padding: 0 30px 60px;text-align: center;position: relative;z-index: 3}
.value ul li p{font-size: 16px;line-height: 48px;color: #fff;}

/*悬浮楼梯*/
.lift-nav{position: fixed;top: 50%;right: 65px;width: 140px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 999;display: none;}
.lift-nav:after{display: block;content: '';position: absolute;right: 0;width: 33px;height: 120%;top: -10%;background-color: #0947bd;border-radius: 16.5px;z-index: -1;}
.lift li,.lift0{text-align: right;font-size: 14px;line-height: 33px;padding-left: 8px;padding-right: 40px;background-repeat: no-repeat;background-position: right center;  ;margin: 10px 0;color: #00239b;text-align: right;-webkit-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;border-radius: 16.5px;background-color: inherit;cursor:pointer}
.lift0{background-image: url(../images/website/lift0.png);}
.lift li.lift1{background-image: url(../images/website/lift1.png);}
.lift li.lift2{background-image: url(../images/website/lift2.png);}
.lift li.lift3{background-image: url(../images/website/lift3.png);}
.lift li.lift4{background-image: url(../images/website/lift4.png);}
.lift li.lift5{background-image: url(../images/website/lift5.png);}
.lift li.lift6{background-image: url(../images/website/lift6.png);}
.lift li.lift7{background-image: url(../images/website/lift7.png);}
.lift li.current,.lift li:hover,.lift0:hover{background-color: #0947bd;color: #fff;background-position: 12px 50%;padding-right: 18px;}



.gost-center{text-align: center;}
.gost-center:before{content: '';display: inline-block;width: 0%;height: 100%;vertical-align: middle;}
.gost-center p{display: inline-block;vertical-align: middle;}
@keyframes updown
{
0% { -webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0); }
50% { -webkit-transform: translate(-50%, 15px);-ms-transform: translate(-50%, 15px);-o-transform: translate(-50%, 15px);transform: translate(-50%, 15px); }
100% { -webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0); }
}

.wclear:after{content: '';display: block;clear: both;}