@import"swiper.min.css";@import"animate.min.css";@import"data-flex.css";@import"viewer.min.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,img,input,button{padding:0;margin:0;list-style:none;-moz-box-sizing:border-box;box-sizing:border-box}body,html{overflow-x:hidden;font-size:14px;background-color:#fff;color:#333;font-family:Arial,Helvetica,SimHei;-webkit-tap-highlight-color:transparent}body.lock,html.lock{overflow:hidden !important}a{color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none}a:hover{color:#000;text-decoration:none}img{max-width:100%;border:0;height:auto !important}.vis-block{display:block}.vis-hide{display:none}.pull-left{float:left}.pull-right{float:right}input,textarea{-webkit-appearance:none}input:focus,textarea:focus,a{outline:none}.clearfix{zoom:1}.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}.mask{background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index:100;left:0;top:0;bottom:0;right:0;position:fixed;display:none}.mask.active{display:block}.container{margin:0 auto;position:relative}@media(min-width: 1300px){.container{width:1300px}}@media(max-width: 1024px){.container{width:100%;padding:0 20px}}@media(max-width: 480px){.container{padding-left:10px !important;padding-right:10px !important}}.col-xs-2{width:16.6666666667%}.col-xs-3{width:25%}.col-xs-4{width:33.3333333333%}.col-xs-5{width:41.6666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.3333333333%}.col-xs-8{width:66.6666666667%}.col-xs-9{width:75%}.col-xs-10{width:83.3333333333%}.col-xs-11{width:91.6666666667%}.col-xs-12{width:100%}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}@media(min-width: 768px){.col-sm-2{width:16.6666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.3333333333%}.col-sm-5{width:41.6666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.3333333333%}.col-sm-8{width:66.6666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.3333333333%}.col-sm-11{width:91.6666666667%}.col-sm-12{width:100%}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}}@media(min-width: 992px){.col-md-2{width:16.6666666667%}.col-md-3{width:25%}.col-md-4{width:33.3333333333%}.col-md-5{width:41.6666666667%}.col-md-6{width:50%}.col-md-7{width:58.3333333333%}.col-md-8{width:66.6666666667%}.col-md-9{width:75%}.col-md-10{width:83.3333333333%}.col-md-11{width:91.6666666667%}.col-md-12{width:100%}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}}@media(min-width: 1300px){.col-lg-2{width:16.6666666667%}.col-lg-3{width:25%}.col-lg-4{width:33.3333333333%}.col-lg-5{width:41.6666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333333333%}.col-lg-8{width:66.6666666667%}.col-lg-9{width:75%}.col-lg-10{width:83.3333333333%}.col-lg-11{width:91.6666666667%}.col-lg-12{width:100%}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}}.page-default{height:100vh}.page-default-header{height:100px;width:100%}.page-default-header .logo{height:46px !important}.asidebar-item{margin-left:57px}.asidebar-item .asidebar-item-content{margin-left:10px}.asidebar-item .title{color:#565656}.asidebar-item .content{font-size:18px;font-weight:bold;color:#18288a}.page-default-footer{height:60px;color:#606060;text-align:center;justify-content:center;display:flex;align-items:center;flex-wrap:wrap}.page-default-body{background-color:#ccc;overflow:hidden;position:relative}.page-default-body .swiper-pagination-bullet{margin-bottom:35px !important;background-color:#fff;opacity:1;position:relative}.page-default-body .swiper-pagination-bullet:first-child:after{display:none}.page-default-body .swiper-pagination-bullet:after{content:"";width:1px;background-color:#fff;position:absolute;left:50%;height:25px;bottom:13px}.page-default-body .swiper-pagination-bullet-active{background-color:#61d4ff}.page-default-body .nav{position:absolute;left:50%;bottom:0;z-index:10;bottom:10%;text-align:center;transform:translateX(-50%)}.page-default-body .nav div{width:150px;height:150px;border-radius:50%;background-color:rgba(0,0,0,.7);cursor:pointer;margin:0 57px}.page-default-body .nav div img{max-width:100%}.page-default-body .nav div.active,.page-default-body .nav div:hover{background-color:#18288a}.page-default-body .swiper-container,.page-default-body .swiper-wrapper{height:100%}.page-default-body .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center}.page-default-body .content{position:absolute;width:50%;background-color:rgba(24,40,138,.8);padding:25px;left:0;top:10%;color:#fff;line-height:20px}.page-default-body .content .content-wrap{width:540px}.page-default-body .content p{font-size:12px}.page-default-body .content h3{margin-top:20px;font-size:28px;white-space:nowrap}@media(max-width: 768px){.asidebar-item-content{display:none}.container{width:100%;padding:0 20px}.page-default-body .content{width:70%}.page-default-body .content .content-wrap{width:100%}}@media(max-width: 480px){.page-default-body .nav div{width:calc(100vh / 9);height:calc(100vh / 9);margin:0 20px}.page-default-body .nav div:nth-child(1) img{max-width:60%}.page-default-body .nav div img{max-width:80%}.page-default-body .content{width:100%}.page-default-body .content .content-wrap{width:100%}.page-default-body .content h3{margin-top:10px;font-size:18px}.page-default-header{height:80px}.page-default-header .container{padding:0 10px}.page-default-header .logo{width:180px;height:auto !important}.page-default-header .asidebar-item{margin-left:20px}.page-default-header .asidebar-item img{width:25px}}.common-header{height:140px;position:fixed;top:0;left:0;width:100%;z-index:98;background-color:#fff;transition:all .5s ease;-webkit-transition:all .5s ease}.common-header.vis-hide-menu~.common-container .product-tabs .tabs.active{top:0px !important}.common-header.active{background-color:rgba(25,41,138,.9);height:76px}.common-header.active .common-header-aside-icons,.common-header.active .common-header-logo{display:none}.common-header.active .common-header-aside{margin-top:0}.common-header.active .common-header-nav{margin-top:0;height:76px}.common-header.active .common-header-nav .has-children:hover:before{top:-29px;height:60px}.common-header.active .common-header-nav .level-1.active span{color:#fff;border-bottom:0}.common-header.active .common-header-nav .level-1 a{border-bottom:0;color:#fff}.common-header.active .common-header-nav .level-1 a:hover span,.common-header.active .common-header-nav .level-1 a.active span{color:#fff;border-bottom:0}.common-header.active .common-header-nav .level-1 a:after{display:none}.common-header.vis-hide-menu{top:-140px}.common-header.vis-hide-menu~.common-container{margin-top:0}.common-header .common-header-logo{margin:32px 0 0 32px}.common-header .common-header-aside{text-align:right}.common-header .common-header-aside{margin-top:25px}.common-header .common-header-aside-icons a{margin-left:40px;color:#8c8b8b;font-size:16px;display:block}.common-header .common-header-aside-icons a:last-child img{margin-left:10px}.common-header .container{height:100%}.common-header .common-header-nav{margin-top:40px}.common-header .common-header-nav .more{display:none}.common-header .common-header-nav div{position:relative}.common-header .common-header-nav .level-2{top:30px !important}.common-header .common-header-nav .level-2>div{display:block}.common-header .common-header-nav .level-2>div:hover .level-3{display:block;position:absolute;left:-100%}.common-header .common-header-nav .has-children:hover:before{background-color:#18288a;content:"";width:102%;height:40px;position:absolute;z-index:0;top:-10px;left:-2%}.common-header .common-header-nav .has-children:hover>a{border-bottom:0;color:#fff}.common-header .common-header-nav .has-children:hover>a:after{display:none}.common-header .common-header-nav .has-children:hover>a span{color:#fff !important}.common-header .common-header-nav .level-1:hover .level-2{display:block;left:-2%}.common-header .common-header-nav .level-1:nth-child(1) a:after{display:none}.common-header .common-header-nav .level-1:last-child a{padding-right:0}.common-header .common-header-nav .level-1.active>a span{color:#18288a;border-bottom:3px solid #18288a}.common-header .common-header-nav .level-1>a{color:#2b2b2b;font-size:16px;border-bottom:3px solid #fff;padding:0 60px;position:relative}.common-header .common-header-nav .level-1>a:after{position:absolute;border-left:1px dotted #ccc;height:16px;content:"";left:0;background-color:#ccc}.common-header .common-header-nav .level-1>a span{padding-bottom:15px}.common-header .common-header-nav .level-1>a:hover span,.common-header .common-header-nav .level-1>a.active span{color:#18288a;border-bottom:3px solid #18288a}.common-header .common-header-nav .level-2,.common-header .common-header-nav .level-3{position:absolute;width:102%;background-color:#18288a;display:none;line-height:42px;text-align:left;top:0}.common-header .common-header-nav .level-2 .arrow:after,.common-header .common-header-nav .level-3 .arrow:after{content:"";background:url("../images/arrow-right.jpg") center right no-repeat;width:10px;height:100%;position:absolute;right:10px;top:0;color:#fff;font-size:12px}.common-header .common-header-nav .level-2 a,.common-header .common-header-nav .level-3 a{color:#fff;display:block;height:42px;width:100%;overflow:hidden;padding:0 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.common-header .common-header-nav .level-2 a:hover,.common-header .common-header-nav .level-3 a:hover{background-color:#0c1862}.common-menu-button{position:absolute;top:50%;right:0px;transform:translate(0, -50%);padding:15px;cursor:pointer;display:none;-webkit-transition:.3s;transition:.3s}.common-menu-button .bar:nth-of-type(1){margin-top:0px}.common-menu-button .bar:nth-of-type(3){margin-bottom:0px}.common-menu-button .bar{position:relative;display:block;width:30px;height:2px;margin:8px auto;background-color:#18288a;border-radius:10px;-webkit-transition:.3s;transition:.3s}.common-menu-button.active .bar:nth-of-type(1){-webkit-transform:translateY(1.5px) rotate(-4.5deg);-ms-transform:translateY(1.5px) rotate(-4.5deg);transform:translateY(1.5px) rotate(-4.5deg)}.common-menu-button.active .bar:nth-of-type(2){opacity:.9}.common-menu-button.active .bar:nth-of-type(3){-webkit-transform:translateY(-1.5px) rotate(4.5deg);-ms-transform:translateY(-1.5px) rotate(4.5deg);transform:translateY(-1.5px) rotate(4.5deg)}.common-container{margin-top:160px}.common-banner{overflow:hidden}.common-banner img{object-fit:cover}.common-banner .swiper-container,.common-banner .swiper-wrapper{height:100%}.common-banner .swiper-pagination-bullet{margin-left:35px !important;background-color:#fff;opacity:1;width:10px;height:10px;position:relative}.common-banner .swiper-pagination-bullet:first-child:after{display:none}.common-banner .swiper-pagination-bullet:after{content:"";width:30px;background-color:#fff;position:absolute;left:-35px;height:1px;bottom:5px}.common-banner .swiper-pagination-bullet-active{background-color:#61d4ff}.common-banner .swiper-button-white{background-color:#61d4ff;width:50px;height:50px}.common-banner .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center}.common-banner .swiper-button-prev{left:0}.common-banner .swiper-button-next{right:0}.common-footer{background-color:#18288a;color:#cdcfe0}.common-footer a{color:#cdcfe0}.common-footer .common-footer-links{padding:30px 0}.common-footer .common-footer-links dl{overflow:hidden}.common-footer .common-footer-links dt{font-size:18px;color:#fff;padding-bottom:10px}.common-footer .common-footer-links dd{font-size:16px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.common-footer .common-footer-links dd span{border:1px solid #fff;width:15px;height:15px;display:inline-block;text-align:center;line-height:13px;margin-left:10px;cursor:pointer}.common-footer .common-footer-links dd div{margin-left:15px;display:none}.common-footer .common-footer-links dd div.active{display:block}.common-footer .common-footer-links dd div p{margin-top:10px}.common-footer img{margin:0 0 15px 0}.common-footer .common-footer__right{border-left:1px solid #6f6f6f;padding-left:50px}.common-footer .common-footer__right .title{font-size:24px}.common-footer .common-footer__right p{font-size:16px;margin-top:15px}.common-footer .common-footer-text{text-align:center;padding:15px 0;font-size:14px}.common-footer .common-footer-text span{margin:0 5px}@media(max-width: 1024px){.common-header .common-header-nav .level-1>a{padding:0 40px}.common-header-logo{margin-left:0 !important}}@media(max-width: 992px){.common-header{position:fixed;top:0;left:0;height:80px}.common-header.active{background-color:#fff;height:80px}.common-header .common-header-logo{position:absolute;display:block !important;left:10px;top:50%;margin:0;transform:translate(0, -50%)}.common-header .common-header-logo img{width:150px}.common-header .common-header-nav{margin-top:0;position:fixed;right:-100%;top:0;width:80%;height:100% !important;padding-top:0;background-color:#fff;z-index:99;justify-content:normal;align-items:baseline;flex-direction:column;-webkit-transition:.3s;transition:.3s;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:101}.common-header .common-header-nav .has-children:hover:before{display:none}.common-header .common-header-nav .has-children:hover>a,.common-header .common-header-nav .has-children:hover>a span{color:#333 !important}.common-header .common-header-nav .more{display:block;position:absolute;right:10px;top:10px;font-size:24px;background:#18288a;color:#fff;width:25px;height:25px;line-height:23px;text-align:center}.common-header .common-header-nav.active{right:0}.common-header .common-header-nav a:last-child{border-bottom:0}.common-header .common-header-nav .level-1{border-bottom:1px solid #eee}.common-header .common-header-nav .level-1>a{display:block;border-bottom:none}.common-header .common-header-nav .level-1>a:hover span{border-bottom:none}.common-header .common-header-nav .level-1:hover .level-2,.common-header .common-header-nav .level-1:hover .level-3{display:none}.common-header .common-header-nav .level-1.active>a span{color:#18288a !important;border-bottom:none}.common-header .common-header-nav .level-1.active .level-2,.common-header .common-header-nav .level-1.active .level-3{display:block}.common-header .common-header-nav .level-2>div:hover .level-3{position:initial;left:0}.common-header .common-header-nav .level-2,.common-header .common-header-nav .level-3{display:none;background:none;position:static;width:100%;padding-left:20px}.common-header .common-header-nav .level-2 a,.common-header .common-header-nav .level-3 a{color:#333}.common-header .common-header-nav .level-2 a:hover,.common-header .common-header-nav .level-3 a:hover{background:none}.common-header .common-header-nav .level-2 .arrow:after,.common-header .common-header-nav .level-3 .arrow:after{display:none}.common-header .common-header-nav.active a{color:#333 !important}.common-header .common-header-nav div{width:100%;display:block;text-align:left}.common-header .common-header-nav div a{line-height:42px;padding:0 15px !important}.common-header .common-header-nav div a:after{display:none}.common-header .common-menu-button{display:block}.common-container{margin-top:80px}.common-banner .swiper-button-prev,.common-banner .swiper-button-next{display:none}.common-header-aside-icons{display:none}.common-footer-links{display:none !important}.common-banner{margin-top:80px}.common-banner .swiper-button-prev,.common-banner .swiper-button-next{display:none}}.common-page-banner{text-align:center}.index-product{margin-top:40px}.index-product .index-product-title{font-size:24px;color:#18288a;position:relative}.index-product .swiper-container{margin-top:10px}.index-product .swiper-button-prev{left:auto;right:30px}.index-product .swiper-button-prev,.index-product .swiper-button-next{color:#000}.index-product .swiper-button-prev:focus,.index-product .swiper-button-next:focus{outline:none}.index-product .swiper-button-prev:after,.index-product .swiper-button-next:after{font-size:25px}.index-product h2{font-size:16px;margin-top:10px}.index-product h2 a{color:#192989;font-weight:normal}.index-product p{color:#999;margin:10px 0;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-product a{font-weight:bold;color:#000}.index-product .swiper-button-white{top:0}.index-about{margin-top:30px;flex-direction:row-reverse}.index-about .left{margin-right:40px}.index-about .left h2{color:#18288a;font-size:24px;font-weight:normal}.index-about .left p{font-size:16px;color:#101010;line-height:23px;margin:15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.index-about .left a{height:45px;border:3px solid #18288a;display:inline-block;padding:0 20px;text-align:center;line-height:40px;color:#2b2b2b}.index-text{flex-wrap:wrap;margin-bottom:20px}.index-text .index-text-item{position:relative;flex:0 0 49%;margin-top:20px}.index-text .content{display:none;position:absolute;background-color:rgba(24,40,138,.5);font-size:16px;color:#fff;z-index:10;padding:20px;text-align:center;line-height:32px;left:50%;top:50%;transform:translate(-50%, -50%)}.index-text .content p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.index-text .content img{max-width:100%}.index-article-title{font-size:24px;color:#18288a;position:relative;margin-top:30px}.index-article-title-img{display:none}.index-article h3{color:#18288a;font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-article p{font-size:16px;color:#2b2b2b;line-height:28px;margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.index-article .more{font-size:16px}.index-article .items{padding-top:30px}.index-article a{display:flex;align-items:center}.index-article img{position:relative;margin-left:3px;top:-1px}.index-article .article:first-child .items{text-align:right}.index-article .article:last-child .items{text-align:left}@media(max-width: 1024px){.index-about .left p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.index-about img{width:500px}}@media(max-width: 992px){.index-about{text-align:center;flex-direction:column}.index-about .right{margin-bottom:10px}.index-about .left a{margin:0 auto}.index-about .left{margin-right:0}.index-article-title-img{display:block}.index-article-title-img img{margin:0 auto}.index-article{flex-direction:column}.index-article>div:nth-child(2){display:none}.index-article>div:nth-child(3) .items:last-child{border-bottom:0}.index-article .items{border-bottom:1px solid #c9c9c9;padding-bottom:20px}.index-article .article{flex:auto}.index-article .article .items{text-align:left !important}.index-article .article .more{justify-content:flex-end !important}}@media(max-width: 768px){.index-text .content{width:85%}}@media(max-width: 480px){.index-text{flex-direction:column}.index-text .index-text-item{flex:0 0 100%}.index-text .index-text-item img{width:100%}.index-text .content{width:85%}.index-article{margin-top:0}}.common-page-container .container{background:url("/frontend/images/common-page-container-bg.png") left center no-repeat;padding-bottom:35px}.common-page-container .aside-navbar{width:285px;margin-top:80px}.common-page-container .aside-navbar div{margin-top:15px}.common-page-container .aside-navbar div>div{margin-left:20px;margin-top:5px}.common-page-container .aside-navbar div>div a{font-size:16px;display:block;line-height:25px}.common-page-container .aside-navbar a{font-size:18px;color:#2b2b2b}.common-page-container .aside-navbar a.active,.common-page-container .aside-navbar a:hover{color:#18288a}.common-page-left-line{position:relative;padding-left:47px;min-height:600px}.common-page-left-line:after{content:"";position:absolute;width:1px;background-color:#77c3c9;height:465px;top:70px;left:0}.common-page-position{font-size:12px;color:#393838;margin-top:23px}.common-page-position span{margin:0 10px}.common-page-moudle{margin-top:30px}.common-page-moudle .common-page-moudle-title{font-size:16px;color:#18288a;margin-bottom:15px;position:relative}.common-page-moudle .common-page-moudle-content{line-height:26px;color:#584b4b}@media(max-width: 992px){.common-page-container .aside-navbar{display:none}.common-page-container .container{background:none}.common-page-left-line{padding-left:0;min-height:auto}.common-page-left-line:after{display:none}.common-page-moudle .common-page-moudle-title{font-size:20px;margin-bottom:10px}}.news-list__item{padding:20px 0;border-bottom:1px dashed #efefef}.news-list__item .news-list__item__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:18px;color:#584b4b}.news-list__item .news-list__item__time{font-size:14px;color:#999}.contact-moudle{margin-top:70px}.contact-moudle .contact-moudle-right{width:330px}.contact-moudle .contact-moudle-right .contact-moudle-right-items{margin-bottom:90px}.contact-moudle .contact-moudle-right .contact-moudle-right-items img{width:67px;height:67px}.contact-moudle .contact-moudle-right .contact-moudle-right-items div{margin-left:16px}.contact-moudle .contact-moudle-right .contact-moudle-right-items h3{color:#182888;font-size:21px}.contact-moudle .contact-moudle-right .contact-moudle-right-items p{font-size:16px;color:#333;margin-top:10px}.contact-moudle .contact-moudle-right .contact-moudle-right-items a{color:#333}.contact-moudle .guest-book{flex-wrap:wrap;margin-right:143px;position:relative}.contact-moudle .guest-book:after{content:"";position:absolute;right:-70px;top:0;background:#dedede;height:800px;width:1px}.contact-moudle .guest-book textarea{border:1px solid #dedede;padding:10px;height:280px;width:calc(100% - 20px);font-size:14px}.contact-moudle .guest-book .items{font-size:18px;color:#000;font-weight:normal;margin-bottom:30px;width:100%}.contact-moudle .guest-book .items:nth-child(1),.contact-moudle .guest-book .items:nth-child(2){width:46%}.contact-moudle .guest-book .items:nth-child(6),.contact-moudle .guest-book .items:nth-child(7),.contact-moudle .guest-book .items:nth-child(8){width:30%}.contact-moudle .guest-book .items .title{margin-bottom:20px}.contact-moudle .guest-book .items .input{border:1px solid #dedede;line-height:35px;padding:0 10px;width:100%;font-size:14px}.contact-moudle .guest-book .guest-book-submit{width:186px;height:50px;line-height:50px;text-align:center;background-color:#18288a;color:#fff;border-radius:8px}@media(max-width: 992px){.contact-moudle .guest-book{margin-right:30px}.contact-moudle .guest-book:after{display:none}.contact-moudle .contact-moudle-right{width:250px}}@media(max-width: 768px){.contact-moudle{flex-direction:column;margin-top:30px}.contact-moudle .guest-book{margin-right:0}.contact-moudle .guest-book .items{width:100% !important}.contact-moudle .guest-book textarea{height:150px}.contact-moudle .guest-book:after{display:none}.contact-moudle .guest-book .guest-book-submit{width:100%;margin-bottom:30px}.contact-moudle .contact-moudle-right{width:100%}.contact-moudle .contact-moudle-right .contact-moudle-right-items{margin-bottom:40px}}.hoti-group-header{position:fixed;left:0;top:0;width:100%;height:108px;background-color:rgba(24,40,138,.4);top:0;z-index:99}.hoti-group-header .container{height:100%}.hoti-group-header .menu div{margin-left:27px;position:relative;height:100%}.hoti-group-header .menu a{font-size:17px;color:#fff;padding:0 10px}.hoti-group-header .menu a:after{content:"";position:absolute;left:0;bottom:-43px;width:100%}.hoti-group-header .menu a.active:after,.hoti-group-header .menu a:hover:after{border-bottom:3px solid #18288a}.hoti-group-common-title{text-align:center;margin-top:40px}.hoti-group-common-title div{font-size:36px;color:#18288a;border-bottom:1px solid #008cd7;max-width:400px;margin:0 auto;padding-bottom:10px}.hoti-group-common-title div span{position:relative}.hoti-group-common-title div span:after{content:"";position:absolute;width:100%;height:3px;background-color:#18288a;bottom:-12px;left:0}.hoti-group-common-title p{color:#2b2b2b;font-size:20px;margin:20px auto 0;max-width:800px;line-height:25px}.hoti-group-product-list{margin-top:30px}.hoti-group-product-list.product-list .product-list-item{width:25%}.hoti-group-footer{background-color:#192989;line-height:64px;color:#fff;text-align:center;margin-top:35px}.hoti-group-list{background-color:#f6f6f6;margin-top:50px}.hoti-group-list .swiper-pagination{right:0}.hoti-group-list .swiper-pagination-bullet{width:30px;height:30px;border-radius:0;color:#fff;line-height:30px}.hoti-group-list .swiper-pagination-bullet-active{background-color:#008cd7}.hoti-group-list .info{width:425px;background-color:#008cd7;padding:40px;color:#a4caee}.hoti-group-list .title{font-size:28px;color:#fff}.hoti-group-list p{margin-top:30px;line-height:25px}@media(max-width: 992px){.hoti-group-header{height:80px}.hoti-group-header .common-menu-button{display:block}.hoti-group-header .common-menu-button .bar{background-color:#fff}.hoti-group-header .menu{margin-top:0;position:fixed;right:-100%;top:0;width:50%;height:100%;padding-top:0;background-color:#18288a;z-index:99;justify-content:normal;align-items:baseline;flex-direction:column;-webkit-transition:.3s;transition:.3s;overflow-y:scroll;z-index:101}.hoti-group-header .menu.active{right:0}.hoti-group-header .menu div{margin-left:0;width:100%;height:50px;line-height:50px;border-bottom:1px solid #2e3f9a}.hoti-group-product-list.product-list .product-list-item{width:50%}.hoti-group-common-title{margin-top:30px}.hoti-group-common-title div{font-size:22px}.hoti-group-common-title p{font-size:16px}.hoti-group-list{margin-top:20px}.hoti-group-list .items{display:block}.hoti-group-list .items .info{width:100%;padding:20px}.hoti-group-list .items .title{font-size:18px}.hoti-group-list .items p{margin-top:10px}}.product-info{margin-top:30px}.product-info .top-title{color:#18288a;font-size:16px}.product-info .title{font-size:20px;color:#18288a;margin:15px 0}.product-info p{font-size:16px;color:#584b4b;line-height:20px}.product-count{color:gray;margin:20px 0 10px}.product-list{flex-wrap:wrap}.product-list a{padding:20px}.product-list .title{font-size:16px;margin:0 0 10px;font-weight:500;line-height:1.3}.product-list .product-list-item{border:1px solid #dcdcdc;margin:-1px 0 0 -1px;width:calc(100% / 3)}.product-list .product-list-item:hover{box-shadow:0 1px 10px 0 rgba(0,0,0,.15)}.product-list .product-list-ad{width:calc(100% / 3 * 2 - 1px);background-size:cover;background-repeat:no-repeat;background-position:center}.product-list .product-list-ad img{width:100%}.product-load-more{text-align:center;margin-top:20px;color:gray}.product-load-more a{display:inline-block;border:2px solid #0095da;padding:10px 0;width:145px;margin-left:20px}.product-other{background-color:#f5f6fa;padding:30px 0}.product-other .top-title{font-size:24px;color:#18288a}.product-other .product-list-item{padding:20px;background-color:#fff;border:1px solid #ccc;margin:40px -1px -1px;width:18%}.product-other .title{margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.product-detail-top{margin:82px auto 0}.product-detail-top .product-detail-thumb{width:483px;margin-right:20px}.product-detail-top .product-detail-thumb .big-thumb{cursor:pointer}.product-detail-top .product-detail-thumb .small-thumb li{margin:0 -1px;width:40px;height:40px;position:relative;border:1px solid #dcdcdc;cursor:pointer}.product-detail-top .product-detail-thumb .small-thumb img{width:100%;height:100%}.product-detail-top .product-detail-ops .mid{width:315px}.product-detail-top .product-detail-ops h1{font-size:24px;color:#18288a;font-weight:normal}.product-detail-top .product-detail-ops label{display:block;margin:20px 0;font-size:16px;color:#333}.product-detail-top .product-detail-ops .select{position:relative;height:42px}.product-detail-top .product-detail-ops .select .popup{display:none;width:100%;position:absolute;background-color:#fff;left:0;top:0}.product-detail-top .product-detail-ops .select .active-values{cursor:pointer}.product-detail-top .product-detail-ops .select.active .popup{display:block}.product-detail-top .product-detail-ops .select.active .popup a{margin-bottom:-1px}.product-detail-top .product-detail-ops .select img{position:absolute;right:16px;top:16px}.product-detail-top .product-detail-ops .select span{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #cacaca;margin-right:10px}.product-detail-top .product-detail-ops .select a,.product-detail-top .product-detail-ops .select .active-values{padding:0 10px;line-height:40px;border:1px solid #c9c9c9}.product-detail-top .product-detail-ops .ops a{display:block;width:45%;border:1px solid #c9c9c9;line-height:40px;text-align:center}.product-detail-top .product-detail-ops .ops a:hover,.product-detail-top .product-detail-ops .ops a.active{background-color:#f6f7ff;border:1px solid #18288a}.product-detail-top .product-detail-ops .content{font-size:16px;color:#333;line-height:30px;margin-top:20px;position:relative}.product-detail-top .product-detail-ops .inquity-now{width:186px;height:50px;line-height:50px;text-align:center;background-color:#18288a;color:#fff;border-radius:8px;display:block;margin-top:30px}.product-tabs{margin-top:43px}.product-tabs h2{font-weight:normal;font-size:24px;color:#18288a;padding-bottom:20px;position:relative}.product-tabs h2:after{width:170px;position:absolute;left:0;bottom:0;content:"";background-color:#18288a;height:2px}.product-tabs .tabs{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;line-height:50px;height:50px;font-size:18px;width:100%;overflow:hidden}.product-tabs .tabs.active{position:fixed;top:76px;left:0;width:100%;z-index:90;background:#fff}.product-tabs .tabs.active div{margin-left:calc(100% / 2 - 285px - 47px)}.product-tabs .tabs a{padding:0 20px}.product-tabs .tabs a:hover{color:#18288a}.product-tabs .items-title{font-size:24px;margin:60px 0 0;color:#18288a}.product-tabs .items-cotnent{font-size:16px;line-height:30px;margin:20px 0}.product-tabs .items-cotnent-download{margin-top:40px}.product-tabs .items-cotnent-download img{vertical-align:middle}.product-tabs .items-cotnent-download a{margin-top:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.product-tabs .items-cotnent-download a img{margin-right:10px}.product-tabs .items-cotnent-download a span{color:#18288a}@media(max-width: 1024px){.product-detail-top{flex-wrap:wrap}.product-detail-top .product-detail-thumb{width:100%;margin-right:0}.product-detail-top .product-detail-ops{margin-top:40px}.product-detail-top .product-detail-ops .mid,.product-detail-top .product-detail-ops .inquity-now{width:100%}}@media(max-width: 992px){.product-detail-top{margin-top:30px}.tabs.active{top:80px !important}.tabs.active div{margin-left:0 !important}.product-info{margin-top:20px}.product-list .product-list-item{width:calc(100% / 2)}.product-list .product-list-ad{width:100%}}@media(max-width: 480px){.product-other .content{flex-wrap:wrap}.product-other .product-list-item{width:48%;margin-top:20px}.product-tabs .tabs div{flex:1;overflow-x:scroll;white-space:nowrap;width:300px;height:50px;-webkit-overflow-scrolling:touch}}