*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}html.noScroll{overflow:hidden;}@media (min-width: 768px){html.noScroll body{overflow-y:scroll;}}.outer{padding:0 60px;}@media (max-width: 767px){.outer{padding:0 40px;}}.inner{width:1400px;max-width:100%;margin:auto;}.inner.wide{width:1704px;}.tablet,.mobile{display:none !important;}@media (min-width: 1200px){.pc{display:block !important;}.pc.inline{display:inline-block !important;}}@media (max-width: 1199px){.pc{display:none !important;}}@media (max-width: 1199px) and (min-width: 768px){.tablet{display:block !important;}.tablet.inline{display:inline-block !important;}}@media (max-width: 767px){.mobile{display:block !important;}.mobile.inline{display:inline-block !important;}}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.inline-block{display:inline-block;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}.container{max-width:1904px;margin:auto;position:relative;}header,#content,footer{width:100%;float:left;clear:both;}header{position:relative;z-index:10;height:100px;text-align:center;background:#fff;}@media (max-width: 1199px){header{height:80px;}}@media (max-width: 767px){header{overflow:hidden;}header.open{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;}}header .logo{position:absolute;top:0;left:25px;width:106px;height:100%;}@media (max-width: 1199px){header .logo{left:20px;width:73px;height:80px;}}header .logo a{display:block;width:100%;height:100%;background:url(/img/logo.png) no-repeat center center;}@media (max-width: 1199px){header .logo a{background-image:url(/img/logo-m.png);background-size:84px;}}header .cart{position:absolute;top:0;right:0;width:101px;height:100%;line-height:100px;border-left:solid 1px #ebebeb;}@media (max-width: 1199px){header .cart{height:80px;line-height:80px;}}@media (max-width: 767px){header .cart{right:99px;width:103px;}}header .cart a{display:inline-block;position:relative;width:27px;height:26px;background:url(/img/1/1/icon-chart.svg) no-repeat center center;vertical-align:middle;}header .cart a .num{position:absolute;top:-14px;right:-14px;width:26px;height:26px;line-height:26px;font-size:14px;font-weight:600;color:#fff;border-radius:50%;background:#0068b7;}header .btnBox{position:absolute;top:0;right:0;width:99px;height:80px;border-left:solid 1px #ebebeb;}header .btnBox button{display:block;width:100%;height:100%;background:url(/img/3/1/icon-menu.svg) no-repeat center center;transition:all 1s cubic-bezier(0.65,0.05,0.36,1);}header .btnBox button.open{background-image:url(/img/3/1/icon-menu-close.svg);}@media (max-width: 1199px){header .menu{text-align:right;padding-right:124px;}}@media (max-width: 767px){header .menu{text-align:center;padding-top:23px;padding-right:0;border-top:solid 1px #ebebeb;margin-top:80px;background:#fff;}}header .menu .page{display:inline-block;position:relative;margin:0 30px;vertical-align:top;}@media (max-width: 767px){header .menu .page{display:block;margin:0;}}header .menu .page .main{display:block;height:100px;line-height:100px;font-size:18px;font-weight:400;color:#191919;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}@media (max-width: 1199px){header .menu .page .main{height:80px;line-height:80px;}}header .menu .page .main span:not(.fake){font-weight:600;opacity:0;}header .menu .page .main span.fake{position:absolute;top:0;left:0;width:100%;height:100%;}header .menu .page.cur .main{font-weight:600;color:#0065b2;}@media (min-width: 1200px){header .menu .page:hover .main{font-weight:600;color:#0065b2;}}header .menu .lv2_menu{position:absolute;top:100%;left:-42px;opacity:0;pointer-events:none;margin-top:-20px;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}@media (max-width: 1199px){header .menu .lv2_menu{display:none;}}@media (max-width: 767px){header .menu .lv2_menu{display:block;position:static;opacity:1;pointer-events:auto;margin:0;}}header .menu .lv2_menu .inner{width:auto;text-align:left;background:#fff;}@media (max-width: 767px){header .menu .lv2_menu .inner{background:#deecf6;}}header .menu .lv2_menu .lv2_page a{display:block;position:relative;line-height:30px;font-size:16px;color:#191919;padding:15px 42px;white-space:nowrap;}@media (max-width: 767px){header .menu .lv2_menu .lv2_page a{text-align:center;padding:25px 40px;}}header .menu .lv2_menu .lv2_page a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}header .menu .lv2_menu .lv2_page a span{position:relative;}@media (min-width: 1200px){header .menu .lv2_menu .lv2_page a:hover:before{width:calc(100% + 10px);background:#deecf6;}}@media (min-width: 1200px){header .menu .page:hover .lv2_menu{margin-top:0;opacity:1;pointer-events:auto;}}#content{min-height:500px;}#content #inner_banner{position:relative;height:320px;}#content #inner_banner .banner{position:absolute;top:0;left:100px;right:0;height:320px;-webkit-box-shadow:0px 40px 50px 0px rgba(0,39,69,0.1);-moz-box-shadow:0px 40px 50px 0px rgba(0,39,69,0.1);box-shadow:0px 40px 50px 0px rgba(0,39,69,0.1);}#content #inner_banner .banner img{display:none;width:100%;height:auto;}#content #inner_banner .outer,#content #inner_banner .inner{height:100%;}#content #inner_banner h1{display:inline-block;color:#fff;background:#166bac;position:relative;top:50%;left:0;transform:translate(0,-50%);font-size:80px;font-weight:600;padding:15px 84px 15px 0;letter-spacing:2px;-webkit-box-shadow:0px 100px 50px 0px rgba(0,39,69,0.1);-moz-box-shadow:0px 100px 50px 0px rgba(0,39,69,0.1);box-shadow:0px 100px 50px 0px rgba(0,39,69,0.1);}#content #inner_banner h1:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#166bac;}@media (max-width: 1199px){#content #inner_banner{height:auto;}#content #inner_banner .banner{position:relative;left:0;}#content #inner_banner .outer{background:#166bac;}#content #inner_banner h1{display:block;top:auto;transform:none;font-size:40px;box-shadow:none;padding-right:0;}}@media (max-width: 767px){#content #inner_banner .banner{height:auto;background:none !important;}#content #inner_banner .banner img{display:block;}#content #inner_banner h1{font-size:30px;}}footer{background:#191919;}footer *{color:#fff !important;}footer .inner{position:relative;}footer .top{display:flex;align-items:center;padding-top:100px;padding-bottom:74px;border-bottom:solid 1px #252525;}@media (max-width: 1199px){footer .top{display:block;position:relative;padding-top:14px;padding-bottom:49px;}}@media (max-width: 767px){footer .top{padding-top:63px;}}footer .top .logo{width:246px;min-height:90px;background:url(/img/1/1/logo.png) no-repeat center left -6px;}@media (max-width: 1199px){footer .top .logo{width:100%;height:192px;}}@media (max-width: 767px){footer .top .logo{height:74px;background:url(/img/3/1/logo-m.png) no-repeat center left -7px;background-size:182px;margin-bottom:28px;}}footer .top .social{position:absolute;bottom:0;right:0;height:95px;}@media (max-width: 1199px){footer .top .social{top:14px;bottom:inherit;height:192px;}}@media (max-width: 767px){footer .top .social{position:static;height:auto;margin-bottom:31px;}}footer .top .social .all{position:relative;top:50%;margin:0 -10px;transform:translateY(-50%);}@media (max-width: 767px){footer .top .social .all{position:static;transform:none;margin:0 -10px;}}footer .top .social .all > div{display:inline-block;padding:10px;vertical-align:top;}@media (min-width: 1200px){footer .top .social .all > div:hover a{top:-5px;}}footer .top .social .all a{display:block;position:relative;top:0;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}footer .top .social .all a img{width:30px;height:auto;vertical-align:top;}footer .top .contact{padding-left:94px;border-left:solid 1px #252525;}@media (max-width: 1199px){footer .top .contact{padding-top:51px;padding-left:0;border-left:0;border-top:solid 1px #252525;}}footer .top .contact .row{position:relative;line-height:30px;padding:5px 0;padding-left:50px;}footer .top .contact .row:before{content:'';position:absolute;top:5px;left:0;width:30px;height:30px;}footer .top .contact .row > div{display:inline-block;vertical-align:top;}footer .top .contact .row *{font-size:14px !important;letter-spacing:0.3px;}footer .top .contact .row .label{width:125px;font-weight:600;}@media (max-width: 767px){footer .top .contact .row .label{display:none;}}footer .top .contact .row .data{width:calc(100% - 125px);}@media (max-width: 767px){footer .top .contact .row .data{width:100%;}}footer .top .contact .phone:before{background:url(/img/1/1/icon-tel.svg) no-repeat center center;}footer .top .contact .fax:before{background:url(/img/1/1/icon-fax.svg) no-repeat center center;}footer .top .contact .address:before{background:url(/img/1/1/icon-map.svg) no-repeat center center;}footer .top .contact .email:before{background:url(/img/1/1/icon-mail.svg) no-repeat center center;}footer .copyright{line-height:95px;}@media (max-width: 1199px){footer .copyright{line-height:102px;}}@media (max-width: 767px){footer .copyright{line-height:122px;}}footer .copyright p{display:inline-block;line-height:30px;font-size:14px;letter-spacing:1.36px;vertical-align:middle;}.homeBanner{position:relative;z-index:3;padding-left:100px;}@media (max-width: 1199px){.homeBanner{padding-left:60px;}}@media (max-width: 767px){.homeBanner{padding-left:40px;}}.homeBanner:before{content:'';position:absolute;top:0;left:100px;width:calc(100% - 100px);height:100%;box-shadow:20px 20px 50px rgba(0,36,69,0.1);}@media (max-width: 1199px){.homeBanner:before{left:60px;width:calc(100% - 60px);}}.homeBanner .slide{position:relative;margin-left:-19px;white-space:nowrap;overflow:hidden;}@media (max-width: 1199px){.homeBanner .slide{margin-left:-9px;}}.homeBanner .slide .slider{display:inline-block;vertical-align:top;}.homeBanner .slide .img{display:inline-block;padding-left:19px;vertical-align:top;}@media (max-width: 1199px){.homeBanner .slide .img{padding-left:9px;}}.homeBanner .slide .img a{display:block;position:relative;}.homeBanner .slide .img a .slogan{position:absolute;top:37.56098%;left:-19px;max-width:60%;height:151px;line-height:151px;font-size:70px;font-weight:600;color:#fff;text-transform:uppercase;padding-left:170px;padding-right:58px;background:url(/img/slogan.jpg) no-repeat center left, #0068b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media (min-width: 1200px) and (max-width: 1919px){.homeBanner .slide .img a .slogan{font-size:3.6458333333333336vw;height:7.864583333333333vw;line-height:7.864583333333333vw;}}@media (max-width: 1199px){.homeBanner .slide .img a .slogan{top:38.5%;left:-9px;max-width:calc(100% + 9px);height:73px;line-height:73px;font-size:30px;padding-left:80px;padding-right:26px;background-image:url(/img/slogan-m.jpg);background-size:auto 100%;}}@media (max-width: 767px){.homeBanner .slide .img a .slogan{top:inherit;bottom:90px;}}.homeBanner .slide .img img{width:100%;height:auto;}.homeBanner ul{position:absolute;top:37.56098%;left:241.5px;list-style-type:none;margin-top:183.5px;}@media (max-width: 1199px){.homeBanner ul{top:38.5%;left:86px;margin-top:88px;}}@media (max-width: 767px){.homeBanner ul{top:inherit;bottom:25px;left:40px;width:calc(100% - 40px);text-align:center;}}.homeBanner ul li{display:inline-block;width:13px;height:13px;border-radius:50%;background:#0068b7;box-shadow:2px 2px 0 rgba(0,65,114,0.2);cursor:pointer;opacity:0.3;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);margin:8.5px;}@media (max-width: 1199px){.homeBanner ul li{width:8px;height:8px;margin:5px;}}.homeBanner ul li.current{opacity:1;}@media (min-width: 1200px){.homeBanner ul li:hover{opacity:1;}}.homeBanner .scroll{position:absolute;bottom:63px;left:-63px;height:100px;line-height:100px;font-size:18px;color:#0068b7;padding-right:122px;background:#fff;transform:rotate(90deg);opacity:1;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}@media (max-width: 1199px){.homeBanner .scroll{bottom:66px;left:-66px;height:60px;line-height:60px;font-size:16px;padding-right:100px;}}@media (max-width: 767px){.homeBanner .scroll{bottom:50%;left:-76px;height:40px;line-height:40px;font-size:14px;padding-right:112px;background:transparent;margin-bottom:-60px;}}.homeBanner .scroll.scrolled{opacity:0;pointer-events:none;}.homeBanner .scroll:before{content:'';position:absolute;top:50%;right:0;width:80px;height:1px;background:#0068b7;}@media (max-width: 1199px){.homeBanner .scroll:before{width:60px;}}.homeBanner .scroll:after{content:'';position:absolute;top:50%;right:0;width:0;height:1px;background:#191919;}@media (min-width: 1200px){.homeBanner .scroll:hover:after{animation-name:line;animation-iteration-count:1;animation-duration:1s;animation-timing-function:cubic-bezier(0.65,0.05,0.36,1);}}.about{position:relative;z-index:2;opacity:1;transition:all 1s cubic-bezier(0.65,0.05,0.36,1);}.about:not(.animated){opacity:0;}.about .inner{position:relative;z-index:1;padding-top:107px;padding-right:100px;padding-bottom:295px;}@media (max-width: 1199px){.about .inner{padding-top:65px;padding-right:40px;padding-bottom:139px;}}@media (max-width: 767px){.about .inner{padding-top:61px;padding-right:0;padding-bottom:129px;}}.about .inner .bg{position:absolute;top:0;right:0;z-index:-1;width:1652px;height:100%;border-bottom:solid 10px #0068b7;background:#fff;box-shadow:20px 20px 50px rgba(0,36,69,0.1);overflow:hidden;}@media (max-width: 1199px){.about .inner .bg{width:calc(100vw - 60px);}}@media (max-width: 767px){.about .inner .bg{right:-40px;width:calc(100% + 80px);}}.about .inner .bg .img{position:absolute;bottom:0;right:0;width:100%;}.about .inner .bg .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/1/1/image-about-mask.png) repeat-x top left;}@media (max-width: 1199px){.about .inner .bg .img:after{background-size:auto 100%;}}.about .inner .bg .img img{width:100%;height:auto;}.about .inner .title{font-size:60px;font-weight:600;color:#0068b7;margin-bottom:8px;}@media (max-width: 1199px){.about .inner .title{margin-bottom:18px;}}.about .inner .download{display:inline-block;position:relative;min-width:192px;line-height:40px;text-align:center;font-size:14px;color:#fff;padding:0 20px;background:#0068b7;margin-top:46px;overflow:hidden;vertical-align:top;}@media (max-width: 1199px){.about .inner .download{margin-top:35px;}}@media (max-width: 767px){.about .inner .download{margin-top:45px;}}.about .inner .download span{position:relative;}.about .inner .download span:after{content:'';display:inline-block;width:18px;height:40px;background:url(/img/1/1/icon-download.svg) no-repeat center center;margin-left:13px;vertical-align:top;}.about .inner .download:before{content:'';position:absolute;top:0;right:100%;width:100%;height:100%;background:#3aaaff;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}@media (min-width: 1200px){.about .inner .download:hover:before{animation-name:slide;animation-iteration-count:1;animation-duration:1s;animation-timing-function:cubic-bezier(0.65,0.05,0.36,1);}}@media (min-width: 768px){.about + .product{margin-top:-258px;}.about + .product .inner{padding-top:391px;}}@media (min-width: 768px) and (max-width: 1199px){.about + .product{margin-top:-399px;}}@media (min-width: 768px) and (max-width: 1199px){.about + .product .inner{padding-top:471px;}}.product{position:relative;z-index:1;background:url(/img/1/1/bg.jpg) no-repeat bottom center, #ccd4db;background-size:100%;overflow:hidden;}@media (max-width: 1199px){.product{background-image:url(/img/2/1/bg.jpg);}}@media (max-width: 767px){.product{background-image:none;}}.product .inner{padding-top:133px;padding-bottom:135px;}@media (max-width: 1199px){.product .inner{padding-top:72px;padding-bottom:101px;}}@media (max-width: 767px){.product .inner{padding-top:75px;padding-bottom:102px;}}.product .title{position:relative;z-index:2;font-size:22px;font-weight:600;color:#0068b7;margin-right:130px;margin-bottom:72px;}@media (max-width: 1199px){.product .title{margin-bottom:92px;}}@media (max-width: 767px){.product .title{margin-right:0;margin-bottom:62px;}}.product .title > span{display:block;line-height:60px;font-size:60px;margin-top:4px;}.product .title > span a{display:inline-block;position:relative;width:80px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#3aaaff;margin:10px 0;margin-left:30px;overflow:hidden;vertical-align:top;}.product .title > span a span{position:relative;}.product .title > span a:before{content:'';position:absolute;top:0;right:100%;width:100%;height:100%;background:#0068b7;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}@media (min-width: 1200px){.product .title > span a:hover:before{animation-name:slide;animation-iteration-count:1;animation-duration:1s;animation-timing-function:cubic-bezier(0.65,0.05,0.36,1);}}.product .all{position:relative;z-index:1;margin:0 -25px;}@media (max-width: 1199px){.product .all{margin:-30px -24px;}}@media (max-width: 767px){.product .all{margin:-26px -20px;}}.product .all .make{position:absolute;top:-94px;right:calc(733px - 50vw);z-index:-1;line-height:121px;font-size:160px;font-weight:500;color:#fff;letter-spacing:4.5px;white-space:nowrap;opacity:0.2;pointer-events:none;}@media (max-width: 1199px){.product .all .make{top:-183px;right:24px;width:200px;line-height:80px;text-align:right;font-size:70px;white-space:normal;}}@media (max-width: 767px){.product .all .make{top:-212px;right:-15px;width:280px;line-height:100px;font-size:100px;}}.product .all .pager{position:absolute;top:-133px;right:25px;}@media (max-width: 1199px){.product .all .pager{top:-129px;}}@media (max-width: 767px){.product .all .pager{position:static;text-align:center;padding-top:30px;}}.product .all .pager button{display:inline-block;position:relative;width:60px;height:60px;border:solid 1px #90b6d4;background:url(/img/1/1/icon-arrow.svg) no-repeat center center;transition:all 1s cubic-bezier(0.65,0.05,0.36,1);vertical-align:top;}.product .all .pager button:before,.product .all .pager button:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:url(/img/1/1/icon-arrow.svg) no-repeat center center;opacity:0;}.product .all .pager button.disable{opacity:0.4;pointer-events:none;}.product .all .pager button + button{transform:scale(-1,1);margin-left:10px;}@media (min-width: 1200px){.product .all .pager button:hover:before,.product .all .pager button:hover:after{animation-name:btn;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:cubic-bezier(0.65,0.05,0.36,1);}.product .all .pager button:hover:before{animation-delay:0.3s;}}.product .all .item{display:inline-block;position:relative;top:0;width:25%;padding:0 25px;white-space:normal;opacity:1;transition:all 1s cubic-bezier(0.65,0.05,0.36,1);vertical-align:top;}@media (max-width: 1199px){.product .all .item{width:50%;padding:30px 24px;}}/*953795e33e25c16a067bcfa2a5842f5b*/@media (max-width: 767px){.product .all .item{padding:26px 20px;}}.product .all .item:not(.animated){top:-50px;opacity:0;}.product .all .item a{display:block;margin-bottom:18px;}@media (max-width: 767px){.product .all .item a{margin-bottom:20px;}}.product .all .item a span{display:block;}.product .all .item a span img{width:100%;height:auto;}.product .all .item a .img{margin-bottom:28px;}@media (max-width: 767px){.product .all .item a .img{margin-bottom:23px;}}.product .all .item a .cate{line-height:30px;font-size:16px;font-weight:600;color:#0068b7;margin-bottom:8px;}@media (max-width: 767px){.product .all .item a .cate{margin-bottom:0;}}.product .all .item a .name{line-height:40px;font-size:20px;font-weight:600;}@media (max-width: 767px){.product .all .item a .name{line-height:30px;font-size:16px;}}.product .all .item .addBtn{position:relative;width:210px;max-width:100%;height:40px;line-height:40px;font-size:14px;color:#fff;background:#00355e;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);overflow:hidden;}.product .all .item .addBtn:before{content:'';position:absolute;top:0;right:100%;width:100%;height:100%;background:#0068b7;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}@media (min-width: 1200px){.product .all .item .addBtn:not(.disabled):hover:before{animation-name:slide;animation-iteration-count:1;animation-duration:1s;animation-timing-function:cubic-bezier(0.65,0.05,0.36,1);}}.product .all .item .addBtn span{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s cubic-bezier(0.65,0.05,0.36,1);}.product .all .item .addBtn .added{opacity:0;}.product .all .item .addBtn.disabled{background:#191919;pointer-events:none;}.product .all .item .addBtn.disabled .add{opacity:0;}.product .all .item .addBtn.disabled .added{opacity:1;}.product .all .slide{white-space:nowrap;}@media (max-width: 1199px){.product .all .slide{overflow:hidden;}}.product .all .slide .slider{display:inline-block;white-space:normal;vertical-align:top;}.logos .inner{padding:140px 0;}@media (max-width: 1199px){.logos .inner{padding:74px 0;}}@media (max-width: 767px){.logos .inner{padding:60px 0;}}.logos .all{text-align:center;margin:-15px;}@media (max-width: 767px){.logos .all{margin:-9px;}}.logos .all > div{display:inline-block;position:relative;top:0;width:14.285714285714286%;padding:15px;opacity:1;transition:all 1s cubic-bezier(0.65,0.05,0.36,1);vertical-align:top;}@media (max-width: 1199px){.logos .all > div{width:25%;padding:9px;}}.logos .all > div:not(.animated){top:-50px;opacity:0;}.logos .all > div a{display:block;}.logos .all > div a img{width:100%;height:auto;}@keyframes btn{0%{left:0;opacity:1;}100%{left:-10px;opacity:0;}}@keyframes line{0%{right:80px;width:0;}50%{right:0;width:80px;}100%{right:0;width:0;}}@keyframes slide{0%{right:100%;}50%{right:0;}100%{right:-100%;}}