html,body{height:100%;font-size:20px;line-height:1;padding:0;margin:0}p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{padding:0;margin:0}ul,dl{list-style:none}i,em{font-style:normal}[v-cloak]{display:none !important}.pr{position:relative}.pa{position:absolute}.pf{position:fixed}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;font-size:0;height:0}.clearfix{zoom:1}.none{display:none}.fl{float:left}.fr{float:right}.turn{animation:changeTurn 10s linear infinite}@keyframes changeTurn{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes changeTurn{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes changeTurn{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-o-keyframes changeTurn{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}body{font-weight:300}.nav{position:fixed;left:0;top:0;width:100%;height:80px;background:rgba(38,125,194,0.95);z-index:88}.nav .cont{margin:auto;width:1200px;height:80px}.nav .cont .logo{float:left;margin:15px 0 0 20px;width:188px;height:42px;background-image:url("../images/logo_header.png");background-size:cover;background-repeat:no-repeat;background-position:""}.nav .cont .nav_list{float:left;margin:23px 0 0 100px;width:750px}.nav .cont .nav_list li{float:left;position:relative;margin:0 35px;width:80px;height:35px;line-height:35px;text-align:center;font-size:16px}.nav .cont .nav_list li a{display:block;width:100%;height:100%;color:#B9B7DF;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.nav .cont .nav_list li a .line{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;opacity:0;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.nav .cont .nav_list li a:hover,.nav .cont .nav_list li a.on{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.nav .cont .nav_list li a:hover .line,.nav .cont .nav_list li a.on .line{opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.header{margin:auto;width:100%;height:1000px;background-image:url("../images/bg_header.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center}.header .slogan1,.header .slogan2{margin:auto;width:1080px;text-align:center}.header .slogan1{padding-top:380px;line-height:80px;font-weight:300;font-style:normal;font-family:'Work Sans', sans-serif;color:#ffffff;font-size:50px}.header .slogan2{margin-top:20px;line-height:30px;font-weight:400;font-style:normal;font-family:'Work Sans', sans-serif;color:#999;font-size:18px}.header .btns{padding:50px 0;text-align:center}.header .btns .btn1,.header .btns .btn2{margin:0 10px;display:inline-block;width:180px;height:50px;line-height:50px;text-align:center;font-size:14px;border-radius:6px;-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s;text-decoration:none}.header .btns .btn1{color:#fff;border:2px solid #fff}.header .btns .btn1:hover{background:#fff;border-color:#fff;color:#333}.header .btns .btn2{background:#fff;color:#333;border:2px solid #fff}.header .btns .btn2:hover{background:none;border-color:#fff;color:#fff}.h2{text-align:center;font-size:40px;font-weight:300;color:#41405A}.h2 .en{display:block;line-height:50px;text-align:center;font-size:16px;color:#666}.about,.services,.cases,.contact{margin:auto;padding:80px 0;width:100%}.about{background:#EFF0F7}.about .cont{margin:30px auto auto;width:100%;min-width:1000px;max-width:1200px;font-size:14px;font-weight:300;line-height:34px;color:#555}.about .cont .about{margin-right:60px;padding:0;display:inline-block;width:162px;height:175px}.about .cont p{text-indent:30px}.about .cont a{padding:0 10px;color:#666;font-weight:700;text-decoration:underline}.services{background:#fff}.services .cont{margin:30px auto auto;width:100%;height:420px;background:#373D41}.services .cont .os_list{margin:auto;position:relative;width:1200px;height:420px}.services .cont .os_list .list{position:absolute;left:0;top:0;width:1200px}.services .cont .os_list .list li{float:left;position:relative;width:300px;height:420px}.services .cont .os_list .list li:hover .maskbg{background:rgba(38,125,194,0.8);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li:hover .icon1,.services .cont .os_list .list li:hover .icon2,.services .cont .os_list .list li:hover .icon3,.services .cont .os_list .list li:hover .icon4{top:80px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li:hover .line{opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li:hover .title{top:180px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li:hover .detail{top:230px;opacity:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li .maskbg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.65);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li .icon1,.services .cont .os_list .list li .icon2,.services .cont .os_list .list li .icon3,.services .cont .os_list .list li .icon4,.services .cont .os_list .list li .line,.services .cont .os_list .list li .title,.services .cont .os_list .list li .detail{position:absolute}.services .cont .os_list .list li .icon1,.services .cont .os_list .list li .icon2,.services .cont .os_list .list li .icon3,.services .cont .os_list .list li .icon4{left:50%;top:110px;margin-left:-40px;display:block;width:80px;height:80px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li .icon1{background-image:url("../images/solution/1_ico.png");background-size:cover;background-repeat:no-repeat;background-position:""}.services .cont .os_list .list li .icon2{background-image:url("../images/solution/2_ico.png");background-size:cover;background-repeat:no-repeat;background-position:""}.services .cont .os_list .list li .icon3{background-image:url("../images/solution/3_ico.png");background-size:cover;background-repeat:no-repeat;background-position:""}.services .cont .os_list .list li .icon4{background-image:url("../images/solution/4_ico.png");background-size:cover;background-repeat:no-repeat;background-position:""}.services .cont .os_list .list li .line{left:50%;top:200px;margin-left:-10px;width:20px;height:2px;font-size:14px;font-weight:700;color:#fff;background:#fff;opacity:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li .title{left:50%;top:240px;margin-left:-100px;width:200px;text-align:center;font-size:22px;font-weight:700;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.services .cont .os_list .list li .detail{left:50%;top:320px;margin-left:-120px;width:240px;font-size:14px;font-weight:500;color:#fff;text-align:center;line-height:25px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases{background:#fff}.cases .case_wrap{margin:50px auto auto;position:relative;width:1200px}.cases .case_wrap .arr_left,.cases .case_wrap .arr_right{position:absolute;top:110px;display:block;width:42px;height:78px}.cases .case_wrap .arr_left{left:0;background:url(../images/sprite.png) no-repeat -5px -5px}.cases .case_wrap .arr_right{right:0;background:url(../images/sprite.png) no-repeat -60px -5px}.cases .case_wrap .case_list{margin:auto;position:relative;width:1080px;height:340px;overflow:hidden}.cases .case_wrap .case_list .c_list{position:absolute;left:0;top:0;width:2000px}.cases .case_wrap .case_list .c_list li{float:left;width:270px;height:340px;overflow:hidden}.cases .case_wrap .case_list .c_list li a{position:relative;margin:auto;display:block;width:240px;height:100%;color:#555;text-decoration:none}.cases .case_wrap .case_list .c_list li a:hover{text-decoration:underline}.cases .case_wrap .case_list .c_list li a:hover .maskbg{opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases .case_wrap .case_list .c_list li a:hover .zoom{opacity:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases .case_wrap .case_list .c_list li a:hover .img img{width:-webkit-calc(100% + 6%);width:-moz-calc(100% + 6%);width:calc(100% + 6%);height:-webkit-calc(100% + 6%);height:-moz-calc(100% + 6%);height:calc(100% + 6%);-webkit-transform:translate(-3%, -3%);-moz-transform:translate(-3%, -3%);transform:translate(-3%, -3%);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases .case_wrap .case_list .c_list li .maskbg{opacity:1;position:absolute;left:0;top:0;width:100%;height:300px;background:rgba(0,0,0,0.5);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases .case_wrap .case_list .c_list li .zoom{opacity:0;position:absolute;top:50%;left:50%;margin:-50px 0 0 -25px;display:block;width:60px;height:60px;background:url(../images/sprite.png) no-repeat -260px -5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases .case_wrap .case_list .c_list li .img{width:100%;height:300px;overflow:hidden}.cases .case_wrap .case_list .c_list li .img img{display:block;width:100%;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.cases .case_wrap .case_list .c_list li .title{height:40px;line-height:40px;text-align:center;font-size:14px}.contact{background:#EFF0F7;padding-bottom:0}.contact .cont{margin:auto;padding:50px 0 80px 0;width:1200px}.contact .cont .c_info{float:left;margin-right:45px;padding:10px;width:348px;height:100px;border:1px solid #ccc;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info:hover{border-color:#267DC2;background:#267DC2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info:hover .txt{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info:hover .ico_email{background:url(../images/sprite.png) no-repeat -180px -5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info:hover .ico_tel{background:url(../images/sprite.png) no-repeat -180px -55px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info:hover .ico_add{background:url(../images/sprite.png) no-repeat -180px -105px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info .ico_email,.contact .cont .c_info .ico_tel,.contact .cont .c_info .ico_add{display:block;margin:auto;width:60px;height:50px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .c_info .ico_email{margin-bottom:15px;background:url(../images/sprite.png) no-repeat -120px -5px}.contact .cont .c_info .ico_tel{margin-bottom:15px;background:url(../images/sprite.png) no-repeat -120px -55px}.contact .cont .c_info .ico_add{background:url(../images/sprite.png) no-repeat -120px -105px}.contact .cont .c_info .txt{margin:auto;width:80%;text-align:center;font-size:16px;line-height:25px;color:#555;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.contact .cont .nmr{margin-right:0}.footer{margin:auto;padding:50px 0;width:100%;background:#22253C}.footer .copyright{text-align:center;font-size:14px;color:#999}.footer .copyright a{padding:0 10px;color:#999;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.footer .copyright a:hover{color:#ccc}.online,.scrolltop{display:block;position:fixed;right:30px;width:60px;height:60px;overflow:hidden;background:#bbb;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.online .arr,.scrolltop .arr{display:block;margin:15px auto auto;width:30px;height:30px;-webkit-transition:all .01s;-moz-transition:all .01s;-ms-transition:all .01s;-o-transition:all .01s;transition:all .01s}.online:hover,.scrolltop:hover{background:#267DC2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.online:hover .arr,.scrolltop:hover .arr{-webkit-transition:all .01s;-moz-transition:all .01s;-ms-transition:all .01s;-o-transition:all .01s;transition:all .01s}.online{bottom:110px}.online .arr{background:url(../images/sprite.png) no-repeat -5px -130px}.online:hover .arr{background:url(../images/sprite.png) no-repeat -35px -130px}.scrolltop{bottom:30px}.scrolltop .arr{background:url(../images/sprite.png) no-repeat -5px -100px}.scrolltop:hover .arr{background:url(../images/sprite.png) no-repeat -35px -100px}.popup_case{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:99}.popup_case .case_wrap{position:absolute;left:50%;top:50%;margin:-350px 0 0 -600px;width:1200px;height:700px;text-align:center;background:rgba(255,255,255,0.9);border-radius:0px;overflow:hidden}.popup_case .case_wrap .wrap_cont{margin:20px auto auto;width:1180px;height:620px;overflow-y:auto}.popup_case .case_wrap .wrap_cont img{margin:auto;display:inline-block;max-width:100%}.popup_case .case_wrap .wrap_title{height:40px;line-height:40px;text-align:center;font-size:22px;color:#555}.popup_case .btn_close{position:absolute;right:46px;top:46px;width:46px;height:46px;background:url(../images/sprite.png) no-repeat -340px -5px}
/*# sourceMappingURL=index.css.map */