@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,code,form,input,button,textarea,p,th,td{margin:0;padding:0;outline:none}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font:14px/1.6 "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-overflow-scrolling:touch;color:#333;background:url('../images/bg-banner.jpg') no-repeat 50% 0}
img,input,select{vertical-align:middle;font-family:inherit}
img{border:0;-ms-interpolation-mode:bicubic}
li,ul,dl{list-style:none;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none}
button[disabled],input[disabled]{cursor:default}
textarea{overflow:auto;vertical-align:top;resize:none;font-family:inherit}
i,em{font-style:normal}
b,strong,dt{font-weight:bold}
a{color:#666;text-decoration:none}
a,a:hover,a:active{outline:0;-webkit-tap-highlight-color:transparent;background-color:transparent}
a:focus{outline:0}

/* Clear: */
.clear{clear:both}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{clear:both;*zoom:1; /*ie6,7*/}

/* Public: */
html,body{overflow-x:hidden}
h1,h2,h3,h4{font-weight:normal}
a:hover{color:#0099ff}
.w{width:1200px;margin-right:auto;margin-left:auto}
.fl{float:left}
.fr{float:right}
.mt20{margin-top:20px}
.hide{display:none}
.red{color:#ff1a1a}
.green{color:#27ae14}
.blue{color:#0099ff}
.gray{color:#999}

/*banner*/
.banner{height:560px;text-align:center}
.banner .logo{margin-top:4px;width:110px;height:40px}
.banner .logo img{width:100%;height:auto}
.banner .nav li{float:left;margin-top:9px}
.banner .nav li a{display:block;padding:4px 21px;color:#fff}
.banner .nav li a:hover{padding:3px 20px;border-radius:3px;border:solid 1px #7dcaff;background:#5dbdff}
.banner .nav li.last a{margin-left:9px;padding:3px 20px;border-radius:3px;border:solid 1px #7dcaff;background:#41b2ff}
.banner .nav li.last a:hover{background:#5dbdff}
.banner .text h3{position:relative;display:inline-block;margin-top:123px;font-size:32px;color:#fff}
.banner .text h3:before{content:"";position:absolute;left:-95px;top:25px;display:block;width:50px;height:3px;background:#fff}
.banner .text h3:after{content:"";position:absolute;right:-82px;top:25px;display:block;width:50px;height:3px;background:#fff}
.banner .image{margin:30px auto 55px;width:930px;height:100px}
.banner .image .fl{width:520px;height:100px}
.banner .image .fr{position:relative;width:400px;height:100px}
.banner .image .fr img{position:absolute;left:0;top:0;z-index:2}
.banner .image .fr i{position:absolute;z-index:1;left:262px;top:-24px;display:block;width:52px;height:52px;background:url('../images/ico.png') no-repeat -144px -10px;opacity:0;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg);-webkit-transition:transform .5s;-moz-transition:transform .5s;transition:transform .5s}
.banner .image .fr i.active{top:-30px;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}
.banner .bottom a{display:inline-block;padding:1px 0 11px;width:234px;height:48px;line-height:48px;font-size:26px;color:#fff;border-radius:30px;border:solid 2px #fff}
.banner .bottom a span{vertical-align:middle}
.banner .bottom a i{display:inline-block;vertical-align:middle;margin-right:8px;width:48px;height:48px;background:url('../images/ico.png') no-repeat 0 -96px}
.banner .bottom a:hover{color:#2a96ff;background:#fff;box-shadow:1px 1px 4px 2px rgba(0,0,0,.1)}
.banner .bottom a:hover i{background-position:0 -144px}
.data{height:140px;overflow:hidden}
.data li{float:left;width:33.3%}
.data li strong{float:left;margin-top:34px;font-size:48px;font-weight:normal}
.data li span{float:left;margin:64px 0 0 6px}
.data li em{float:left;margin:64px 0 0 0}
.data li i{position:absolute;z-index:2;left:30px;top:30px;display:block;width:48px;height:48px;background:url('../images/ico.png') no-repeat}
.data li i.i1{background-position:-48px 0}
.data li i.i2{background-position:-48px -48px}
.data li i.i3{background-position:-48px -96px}
.data li .fr{float:left;width:228px;font-size:20px;color:#fff}
.data li .fl{position:relative;margin:15px 15px 0 45px;width:108px;height:108px;border-radius:54px;border:solid 1px rgba(255,255,255,.5)}
.data li .fl:after{content:"";position:absolute;z-index:1;left:8px;top:8px;display:block;width:90px;height:90px;border:solid 1px #ddd;border-radius:45px;background:#50a0f5}
.data li:hover i{ animation: bring .3s alternate linear }
.data li:hover .fl{border-color:rgba(255,255,255,.75)}

/**step**/
.step .hd{padding:70px 0 50px;text-align:center;background:#fff}
.step .hd h2{font-size:36px}
.step .bd li{float:left}
.step .bd li .top{display:block;margin:0 auto 10px;width:94px;height:94px;border-radius:47px;border:solid 1px #b1d7ff;background:#f7fbff}
.step .bd li i{display:block;margin:24px 0 0 24px;width:48px;height:48px;background:url('../images/ico.png') no-repeat}
.step .bd li i.i1{background-position:0 -192px}
.step .bd li i.i2{background-position:0 -240px}
.step .bd li i.i3{background-position:0 -288px}
.step .bd li i.i4{background-position:0 -336px}
.step .bd li i.i5{background-position:-48px -192px}
.step .bd li i.i6{background-position:-48px -240px}
.step .bd li i.i7{background-position:-48px -288px}
.step .bd li i.i8{background-position:-48px -336px}
.step .bd li.split{padding-top:28px;width:150px;text-align:center}
.step .bd li.item{width:162px;height:200px;text-align:center;font-size:18px;color:#666}
.step .bd li.item:hover{color:#333}
.step .bd li:hover i{ animation: bring .3s alternate linear }
.step .bd li:hover .top{ border-color:#99c6fa;}
.step .bd .fl{padding-top:90px;width:50px;height:240px}
.step .bd .fr{padding-top:90px;width:50px;height:240px}

/**service**/
.service{background:#f7f8fa}
.service .hd{padding:70px 0 40px;text-align:center}
.service .hd h2{font-size:36px}
.service .bd{padding-bottom:80px}
.service .bd li{padding-bottom:11px;background:#fff}
.service .bd li p{margin:20px 45px;line-height:32px;font-size:18px;color:#666}
.service .bd li h3{padding-left:45px;height:72px;line-height:72px;font-size:28px;color:#fff;background:url('../images/bg-service.png') repeat-y}
.service .bd li h3 i{float:right;width:100px;height:72px;background:url('../images/ico.png') no-repeat}
.service .bd li h3 i.i1{background-position:-200px 0}
.service .bd li h3 i.i2{background-position:-200px -72px}
.service .bd li h3 i.i3{background-position:-200px -144px}
.service .bd li h3 i.i4{background-position:-200px -216px}
.service .bd li h3 i.i5{background-position:-200px -288px}
.inte .hd{padding:70px 0 50px;text-align:center}
.inte .hd h2{font-size:36px}
.inte .bd p{padding-bottom:70px;padding-right:270px;color:#666}
.inte .bd li{float:left;margin-bottom:40px;width:565px;height:205px;border-radius:3px;border:solid 1px #e6e6e6}
.inte .bd li dl{float:right;padding:35px 55px 0 0;width:340px}
.inte .bd li dd{padding-top:8px;font-size:18px;color:#999}
.inte .bd li dt{font-weight:normal;font-size:28px}
.inte .bd li i{float:left;margin:45px 32px;width:104px;height:72px;background:url(../images/ico.png)}
.inte .bd li i.i1{background-position:-96px -72px}
.inte .bd li i.i2{background-position:-96px -144px}
.inte .bd li.last{float:right}
.inte .bd li:hover{border-color:#eee;box-shadow:0 0 4px rgba(0,0,0,.1)}
.inte .bd li:hover dd{color:#666}
.effect{background:#f7f8fa}
.effect .hd{padding:70px 0 40px;text-align:center}
.effect .hd h2{font-size:36px}
.effect .hd p{padding:5px 0 15px;font-size:16px;color:#666}
.effect .bd p{padding:0 0 70px 50px;color:#666}
.effect .bd h4{padding:40px 0 0 50px}
.effect .bd ul{position:relative}
.effect .bd li{width:360px;height:388px;border-radius:3px;border:solid 1px #e9e9e9;background:#fff}
.effect .bd li a{display:block;margin:10px auto;padding:6px 0 9px;width:184px;font-size:22px;text-align:center;color:#e01222;border:solid 1px #e01222;border-radius:3px}
.effect .bd li a:hover{opacity:0.9;color:#fff;background:#e01222}
.effect .bd li h3{position:relative;height:80px;line-height:80px;font-size:28px;text-align:center;color:#666;border-bottom:solid 1px #ebebeb;background:#f9f9f9}
.effect .bd li h3:after{content:"";position:absolute;right:-1px;top:-1px;display:block;width:74px;height:74px;background:url('../images/bg-effect.png') no-repeat}
.effect .bd li dl{padding:11px 33px}
.effect .bd li dt{padding-bottom:20px;text-align:center;font-weight:normal;font-size:30px}
.effect .bd li dd{position:relative;padding:10px 0;overflow:hidden;font-size:16px;color:#666;border-bottom:solid 1px #e9e9e9}
.effect .bd li dd i{position:absolute;width:24px;height:24px;vertical-align:middle;background:url('../images/ico.png') no-repeat -120px -48px}
.effect .bd li dd span{float:left;padding-left:32px}
.effect .bd li.fl{margin:28px 0 0 50px}
.effect .bd li.fr{margin:28px 50px 0 0}
.effect .bd li.fr dl{padding:24px}
.effect .bd li.active{position:absolute;z-index:1;left:410px;top:0;width:376px;height:444px;border-color:#238efa;box-shadow:0 0 4px 2px rgba(0,0,0,.1)}
.effect .bd li.active a{color:#fff;background:#e01222}
.effect .bd li.active h3{color:#fff;border-color:#238efa;background-color:#238efa}
.effect .bd li.active dl{padding-bottom:22px}
.effect .bd li.active dd{padding:14px 0;font-size:18px}
.effect .bd li.active dd i{top:16px}
.contact{height:180px;background:#238efa url('../images/bg-contact.png') no-repeat 50% 100%}
.contact li{float:left;width:760px}
.contact li dl{float:left}
.contact li dt{padding-top:53px;font-size:16px;font-weight:normal;color:#fff}
.contact li dd{padding-top:4px;line-height:26px;font-size:24px;font-family:'Times New Roman';color:#fff}
.contact li dd em {padding:0 2px;font-size:20px}
.contact li i{float:left;margin:55px 0 0 0;width:104px;height:84px;background:url('../images/ico.png') no-repeat}
.contact li i.i1{background-position:-96px -216px;width:93px}
.contact li i.i2{background-position:-96px -300px}
.contact li.last{float:right;width:310px}
.contact li.last dt{padding-top:60px}
.contact .box{display:none}

/*底部*/
.foot p {line-height:64px}
.foot p a{padding-left:8px;padding-right:8px}
.foot p a:hover{color:#999}
.foot .logo{margin-top:12px;margin-right:12px}
.foot .bottom{color:#666;background:#21292f}
.sidebar{position:fixed}
.sidebar i{display:block;margin:12px 0 0 12px;width:24px;height:24px;vertical-align:middle;background:url('../images/ico.png') no-repeat}
.sidebar i.i1{margin:0 auto;width:48px;height:48px;background-position:-96px 0}
.sidebar i.i2{display:inline-block;margin:0 0 0 10px;background-position:-96px -48px}
.sidebar .box{padding:16px;width:108px;height:238px;border-radius:3px;background:#238efa url('../images/bg-side.png') no-repeat}
.sidebar .box dt{padding:8px;text-align:center;font-size:16px;font-weight:normal;color:#fff}
.sidebar .box dd a{display:block;margin-top:10px;padding:2px 0;color:#333;border-radius:3px;background:#fff}
.sidebar .box dd span{vertical-align:middle;color:#238efa}
.sidebar .box dd:hover{box-shadow:0 0 4px 2px rgba(255,255,255,.25)}
@media only screen and (max-width:720px){
	.w{width:auto}
	.banner{height:525px}
	.banner .logo{margin:10px 0 0 10px;width:88px;height:32px;}
	.banner .nav{display:none;color:#f00}
	.banner .text h3{margin-top:80px;font-size:20px}
	.banner .text h3:before{left:-40px;top:15px;width:32px;height:1px}
	.banner .text h3:after{right:-40px;top:15px;width:32px;height:1px}
	.banner .image{margin:40px 0 240px;width:auto;height:auto}
	.banner .image .fl{width:100%;height:auto}
	.banner .image .fl img{width:80%}
	.banner .image .fr{width:100%;height:auto}
	.banner .image .fr img{position:absolute;left:18%;top:15px;z-index:2;width:64%}
	.banner .image .fr i{position:absolute;z-index:1;left:60%;top:5px;width:26px;height:26px;background-position:-72px -5px;background-size:150px 192px}
	.banner .image .fr i.active{top:1px}
	.banner .bottom a{padding:6px 0 9px;width:160px;height:24px;line-height:22px;font-size:18px;border-width:1px}
	.banner .bottom a i{width:28px;height:28px;background-position:-2px -76px;background-size:225px 288px}
	.banner .bottom a:hover i{background-position:-2px -112px}
	.data{height:150px}
	.data li{float:left;width:33.3%}
	.data li strong{float:none;font-size:24px;line-height:30px}
	.data li span{float:none;margin:34px 0 0 6px}
	.data li em{margin:-4px 0 0;width:100%;text-align:center}
	.data li i{position:absolute;z-index:2;left:20px;top:20px;display:block;width:24px;height:24px;background-size:150px 192px}
	.data li i.i1{background-position:-24px 0}
	.data li i.i2{background-position:-24px -24px}
	.data li i.i3{background-position:-24px -48px}
	.data li .fr{width:100%;font-size:14px;text-align:center}
	.data li .fl{position:relative;float:none;margin:0 auto;width:64px;height:64px;border-radius:32px}
	.data li .fl:after{left:7px;top:7px;width:48px;height:48px;border-radius:24px}
	.step{display:none}
	.service {margin-top:-30px}
	.service .hd{padding:30px 0 20px}
	.service .hd h2{font-size:24px}
	.service .bd{padding:0 10px 30px 10px}
	.service .bd li{padding-bottom:20px;background:#fff}
	.service .bd li p{margin:10px;line-height:24px;font-size:14px;color:#666}
	.service .bd li h3{padding-left:10px;height:48px;line-height:48px;font-size:20px}
	.service .bd li h3 i{float:right;width:50px;height:36px;background-size:150px 192px}
	.service .bd li h3 i.i1{background-position:-100px 0}
	.service .bd li h3 i.i2{background-position:-100px -36px}
	.service .bd li h3 i.i3{background-position:-100px -72px}
	.service .bd li h3 i.i4{background-position:-100px -108px}
	.service .bd li h3 i.i5{background-position:-100px -144px}

	.inte .hd{padding:30px 0 10px;text-align:center}
	.inte .hd h2{font-size:24px}
	.inte .bd{padding-bottom:30px}
	.inte .bd p{display:none}
	.inte .bd li{margin:10px 20px;width:auto;height:auto;border-radius:3px;border:solid 1px #e6e6e6}
	.inte .bd li dl{float:right;padding:4px 24px 20px;width:auto}
	.inte .bd li dd{padding-top:4px;font-size:14px}
	.inte .bd li dt{font-weight:normal;font-size:18px;text-align:center}
	.inte .bd li i{float:none;display:block;margin:20px auto 0;width:76.5px;height:54px;background-size:225px 288px}
	.inte .bd li i.i1{background-position:-72px -54px}
	.inte .bd li i.i2{background-position:-72px -108px}
	.inte .bd li:hover{border-color:#eee;box-shadow:0 0 4px rgba(0,0,0,.1)}
	.inte .bd li:hover dd{color:#666}

	.effect .hd{padding:30px 0 20px}
	.effect .hd h2{font-size:24px}
	.effect .hd p{padding:5px 20px 10px}
	.effect .bd p{padding:0 0 40px 20px}
	.effect .bd h4{padding:10px 0 0 20px}
	.effect .bd ul{position:relative}
	.effect .bd li{padding-bottom:10px;width:auto;height:auto;border-radius:3px;border:none;background:#fff;box-shadow:0 0 4px 2px rgba(0,0,0,.1)}
	.effect .bd li a{padding:5px 0 4px;width:140px;font-size:18px;color:#fff;background:#e01222}
	.effect .bd li h3{height:54px;line-height:54px;font-size:18px;color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;border-color:#238efa;background-color:#238efa}
	.effect .bd li h3:after{right:0;top:0;width:48px;height:48px;background-size:100%}
	.effect .bd li dl{padding:24px}
	.effect .bd li dt{padding-bottom:20px;font-size:20px}
	.effect .bd li dd{font-size:14px;}
	.effect .bd li dd i{background-position:0 -24px;background-size:150px 192px}
	.effect .bd li.fl{float:none;margin:20px}
	.effect .bd li.fr{float:none;margin:20px}
	.effect .bd li.active{position:static;margin:0 20px;width:auto;height:auto}
	.effect .bd li.active dl{padding-bottom:24px}
	.effect .bd li.active dd{padding:10px 0;font-size:14px}
	.effect .bd li.active dd i{top:10px}

	.contact { height: auto; }
	.contact ul{display:none}
	.contact .box{display:block;padding:48px 0 24px}
	.contact .box i{display:block;width:24px;height:24px;vertical-align:middle;background:url('../images/ico.png') no-repeat}
	.contact .box i.i1{margin:0 auto;width:80px;height:80px;background:url('../images/contact.png');background-size:100%}
	.contact .box i.i2{display:inline-block;margin:0 0 0 30px;background-position:0 0;background-size:150px 192px}
	.contact .box dt{padding:16px 0 12px;text-align:center;font-weight:normal;color:#fff}
	.contact .box dd a{display:block;margin:0 auto 12px;width:140px;height:36px;line-height:36px;color:#333;border-radius:3px;background:#fff}
	.contact .box dd span{vertical-align:middle;color:#238efa}
	.contact .box dd:hover{box-shadow:0 0 4px 2px rgba(255,255,255,.25)}
	.foot p{line-height:50px}
	.foot p a{padding-left:4px;padding-right:4px}
	.foot .fr{display:none}
	.foot .fl{width:100%;text-align:center}
	.foot .logo{display:none}
}
@media only screen and (max-width:330px){
	.data li span{margin-left:0;font-size:12px}
	.data li em{font-size:12px}
	.service .bd li h3{font-size:18px}
	.effect .hd p{font-size:14px}
	.effect .bd li dl{padding:16px}
	.effect .bd li.active dl{padding-bottom:16px}
	.effect .bd li.fr dl{padding:16px}
}

@keyframes bring {
	0% { -webkit-transform: scale(.5); -o-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); opacity: 0 }
	50% { -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: .5 }
	100% { -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 }
}