@font-face{font-family:Din;src:url(../img/fonts/DINPro-Black.otf)}
@font-face{font-family:Dins;src:url(../img/fonts/DINPro-Bold.otf)}
@font-face{font-family:popb;src:url(../img/fonts/Poppins-Bold.ttf)}
@font-face{font-family:popl;src:url(../img/fonts/Poppins-Light.ttf)}
@font-face{font-family:popm;src:url(../img/fonts/Poppins-Medium.ttf)}
@font-face{font-family:popr;src:url(../img/fonts/Poppins-Regular.ttf)}
@font-face{font-family:pops;src:url(../img/fonts/Poppins-SemiBold.ttf)}
.popb{font-family:popb}
.popl{font-family:popl}
.popm{font-family:popm}
.popr{font-family:popr}
.pops{font-family:pops;line-height:1.2}
.din{font-family:Din}
.dins{font-family:Dins}
*{margin:0;padding:0}
.f12{font-size:.75rem}
.f14{font-size:.875rem}
.f16{font-size:1rem}
.f18{font-size:1.125rem}
.f20{font-size:1.25rem}
.f24{font-size:1.5rem}
.f30{font-size:1.875rem}
.f32{font-size:2rem}
.f36{font-size:2.25rem}
.f40{font-size:2.5rem}
.f48{font-size:3rem}
.f64{font-size:4rem}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mt120{margin-top:120px}
.mt180{margin-top:180px}
.mr15{margin-right:15px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr80{margin-right:80px}
.pd50{padding-top:50px;padding-bottom:50px}
.pd80{padding-top:80px;padding-bottom:80px}
.pd100{padding-top:100px;padding-bottom:100px}
.pd120{padding-top:120px;padding-bottom:120px}
.pt100{padding-top:100px}
.pl50{padding-left:50px;box-sizing:border-box}
.pr30{padding-right:30px;box-sizing:border-box}
.pr50{padding-right:50px;box-sizing:border-box}
.grey,.grey a,a.grey{color:#999}
.c333,.c333 a,a.c333{color:#333}
.c666,.c666 a,a.c666{color:#666}
.c888,.c888 a,a.c888{color:#888}
.black,.black a,a.black{color:#000}
.ce6,.ce6 a,a.ce6{color:#e6e6e6}
.cf7,.cf7 a,a.cf7{color:#f7f7f7}
.blue,.blue a,a.blue{color:#0365b2}
.blue2{color:#8db1dd}
.navbar-brand{width:120px;height:50px;line-height:300px;overflow:hidden;background:url(../img/logo.png) no-repeat}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu{margin-top:0}
.bg-scroll{background:rgba(15,76,129,.9);padding:.625rem 1rem}
.bg-grey{background-color:#f6f6f6}
img{max-width:100%}
.btn-rus{border-radius:3rem}
.w75{width:75%;margin-left:auto;margin-right:auto}
table{max-width:100%;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
td{border-left:1px solid #ddd;border-top:1px solid #ddd;padding:.5rem}
.banner{height:900px}
.banner1{background:url(../img/banner1.jpg) no-repeat center top}
.banner2{background:url(../img/banner2.jpg) no-repeat center top}
.banner3{background:url(../img/banner3.jpg) no-repeat center top}
.banner-title1{width:100%;font-size:4rem;font-weight:700;font-family:din;line-height:1.2;color:#fff}
.banner-title2{width:100%;font-size:1rem}
.banner-title3{width:100%}
.banner video{min-width:100%;min-height:100%;z-index:-99;position:fixed;overflow:hidden;left:0;top:0}
.banner .btn-down{position:absolute;bottom:1rem;left:50%;z-index:9999}
.banner .btn-down a{color:rgba(255,255,255,.7)}
.banner .btn-down a:hover{color:#fff}
.banner-pages{height:520px;background-size:cover}
.banner-news{background:url(../img/banner-news.jpg) no-repeat center top}
.banner-about{background:url(../img/banner-about.jpg) no-repeat center top}
.banner-product{background:url(../img/banner-product.jpg) no-repeat center top}
.banner-service{background:url(../img/banner-service.jpg) no-repeat center top}
.banner-innovation{background:url(../img/banner-innovation.jpg) no-repeat center top}
.banner-contact{background:url(../img/banner-contact.jpg) no-repeat center top}
.banner-pages .container{padding-top:200px}
.swiper-container{width:100%;height:100%}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px}
.swiper-button-next4,.swiper-button-prev4{top:95%}
.swiper-button-next4{left:auto;right:50%;margin-right:-45px}
.swiper-button-prev4{left:50%;right:auto;margin-left:-45px}
.i-imp .swiper-slide{height:calc((100% - 30px)/ 2)}
.num-t{height:88px;line-height:88px;font-family:Din;font-size:6.75rem;overflow:hidden;position:relative}
.num-t p{font-size:1rem;line-height:1rem;position:absolute;left:0;top:40px;padding-right:70px;background:url(../img/dot-blue.png) no-repeat right center;background-size:60px 2px}
.num-t p span{letter-spacing:.255rem;color:#04518c;font-family:popb;font-size:1rem}
.num-t .t{font-size:2.25rem;line-height:1.8;position:absolute;left:0;top:20px;background:url(../img/dot-blue.png) no-repeat 10px bottom;background-size:60px 2px}
.num-t .t span{font-size:2.25rem;color:#000;letter-spacing:0}
#mainNav,.dropdown-menu,.nav-item{transition:all .35s}
.open li{border-bottom:1px solid #333}
.crumbs{padding:1rem 0;border-bottom:1px solid #e8e8e8}
.icon-country{width:1.25rem;height:1.25rem;vertical-align:-.35rem;fill:currentColor;overflow:hidden}
.btn-country{padding-left:1rem;padding-top:.5rem;padding-bottom:.5rem;color:#fff;display:block;line-height:1.8}
.i-about{padding-right:150px}
.i-video{width:660px;height:374px;background-color:#fff;border-radius:.125rem;text-align:left;box-shadow:30px 30px 0 3px #edf3f7}
.i-video video{min-width:100%;max-width:660px}
.i-num sup{vertical-align:text-top;font-size:2rem}
.i-num p{border:1px solid #f6f6f6;background-color:#fefefe;padding:1rem 0 2rem;box-shadow:0 10px 20px #eee;transition:all .35s}
.i-num p:hover{color:#fff;background-color:#03528b;box-shadow:0 0 10px #c0dbef}
.timer{color:#000}
.i-num p:hover .timer{color:#fff}
.swiper-product{height:758px}
.swiper-product .product1{background:url(../img/i-pro1.jpg) no-repeat center top;background-size:cover}
.swiper-product .product2{background:url(../img/i-pro2.jpg) no-repeat center top;background-size:cover}
.swiper-product .t1{font-family:pops;font-size:5rem;color:#fff;line-height:1.2}
.swiper-product .t3{text-align:right}
.swiper-product .container{padding-right:35%;padding-bottom:100px;text-align:right}
.btn-d{padding:.75rem 2.5rem;border:1px solid #666}
.i-pro-box{padding:50px;text-align:right;position:relative}
.i-pro-box .t1{color:#04518c;font-size:1.5rem;font-family:popm;position:absolute;top:50px;right:-160px;padding-top:0;padding-right:200px;background:url(../img/dot-blue.png) no-repeat right 16px;background-size:200px 2px;z-index:9}
.i-pro-box .t1 p{background-color:#fff;padding-right:10px}
.i-pro-box .t2{font-size:2.5rem;margin-top:50px;font-family:popb;color:#000;letter-spacing:-.2rem;line-height:1.2}
.i-pro-box .t3{font-size:1rem;margin-top:50px;font-family:popm;color:#999}
.i-pro-box .t4{margin-top:80px}
.i-pro-box2{padding:50px;text-align:left;position:relative}
.i-pro-box2 .t1{color:#04518c;font-size:1.5rem;font-family:popm;position:absolute;top:50px;left:-160px;padding-top:0;padding-left:200px;background:url(../img/dot-blue.png) no-repeat left 16px;background-size:200px 2px;z-index:9}
.i-pro-box2 .t1 p{background-color:#fff;padding-left:10px}
.i-pro-box2 .t2{font-size:2.5rem;margin-top:50px;font-family:popb;color:#000;letter-spacing:-.2rem;line-height:1.2}
.i-pro-box2 .t3{font-size:1rem;margin-top:50px;font-family:popm;color:#999}
.i-pro-box2 .t4{margin-top:80px}
.pic-sd{box-shadow:0 12px 0 0 #757575}
.adv-bg{background:url(../img/bg-03.jpg) no-repeat center center;padding:70px 0;box-sizing:border-box}
.adv-box p.icon{width:60px;height:60px;background-color:#286199;border-radius:100%;text-align:center;color:#fff;line-height:60px}
.adv-box .adv-con{padding-left:20px;padding-top:10px;background:url(../img/dot-grey.png) no-repeat 20px top;background-size:30px 2px}
.adv-box .adv-con p{margin-bottom:0}
.adv-box .adv-con p i{font-size:1.25rem}
.i-imp-box{width:33%;float:left}
.i-imp-box .pic{width:100%;padding-bottom:15px}
.i-imp-box img{max-width:95%;height:auto;box-shadow:45px 45px 0 0 #f5f5f5}
.blog-box{padding-bottom:50px}
.blog-box .pic{border-radius:3px}
.zoom{overflow:hidden}
.zoom img{width:100%;transition:all ease-out .35s}
.zoom:hover img{transform:scale(1.1);transition:all ease-out .35s}
.i-client{padding:4rem 0;box-sizing:border-box}
.i-client-box{padding:2rem;width:98%;margin:0 auto;background:#fff;box-sizing:border-box;box-shadow:0 0 10px #eee;transition:all .35s}
.i-client-box:hover{box-shadow:0 0 10px #ccd8f5;transition:all .35s}
.i-client-box .txt{height:128px;overflow:hidden;transition:all .35s}
.i-client-box .txt:hover{height:205px;overflow:hidden;transition:all .35s}
.client-pic img{max-width:100%;border-radius:100%;border:1rem solid #fff;box-shadow:0 0 20px 0 #ddd}
.process-box{margin-bottom:3rem}
.tab-title{width:100%}
.tab-title li{list-style:none}
.cont-box{width:100%;height:724px;overflow:hidden}
.cont{height:724px;overflow:hidden;margin-top:-724px;opacity:0;transition:all .7s}
.cont.active{transition:all .7s;opacity:100;margin-top:0}
.cont img{min-width:100%}
.process-txt{padding:.7rem 2rem;margin-bottom:9px;box-sizing:border-box;cursor:pointer;background:#fff url(../img/dot-grey.png) no-repeat left top;background-size:2px 100%;box-sizing:border-box}
.process-txt p{margin-bottom:0}
.process-txt.active{color:#fff;transition:all .5s;background:#176099 url(../img/dot-blue.png) no-repeat left top;background-size:2px 100%;box-sizing:border-box}
.about-bg1{background:url(../img/dot-f7.png) no-repeat center bottom;background-size:100% 84%}
.about-num{background-color:#222;color:#fff}
.a-num sup{vertical-align:text-top;font-size:1.5rem}
.a-num p{padding:1rem 0 2rem;transition:all .35s;color:#999;background:url(../img/dot-grey.png) no-repeat right center;background-size:1px 40px}
.a-num p.nr{padding:1rem 0 2rem;transition:all .35s;color:#999;background:0 0}
.a-num .timer{color:#fff}
.about-pe .swiper-slide p{background:rgba(0,0,0,.6);width:100%;box-sizing:border-box;left:0;bottom:0;line-height:1;position:absolute;padding:1rem;color:#fff;font-size:1rem;font-family:popb;margin-bottom:0}
.about-pethumbs{height:100%}
.about-pethumbs div{float:left;width:48%;height:23%;box-sizing:border-box;margin:1%}
.about-bg2{background:url(../img/dot-f7.png) no-repeat center bottom;background-size:100% 55%}
.about-team{padding:5rem 2rem 0}
.about-team-box .pic{width:100%;padding-bottom:15px}
.about-team-box img{max-width:95%;height:auto;box-shadow:1rem 10rem 0 0 #515151}
.about-pe img{min-width:100%}
.a-video video{min-width:100%;max-width:100%}
.shadow{box-shadow:0 10px 20px 0 #ddd}
.about-zs{padding-bottom:3rem}
.about-zs .swiper-slide{text-align:center;background:#fff;padding:.857rem;margin:5rem 0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.3s;transform:scale(1)}
.about-zs .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1.2);z-index:99}
.news-box{width:94%;background-color:#f7f7f7;padding:1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;border-radius:3px;transition:all .5s}
.news-box:hover{background-color:#0470c6;box-shadow:0 10px 20px 0 #54a5e6;transition:all .5s}
.news-box:hover p{color:#fff}
.news-left{border-right:1px solid #e7e7e7;padding-right:4rem}
.news-right{padding-left:4rem}
.news-content,.news-content div,.news-content p{font-size:.875rem;color:#333;line-height:1.8;text-align:justify}
.news-content img{max-width:100%}
.next{border-top:1px solid #e7e7e7;margin-top:4rem;padding-top:3rem;font-size:1rem}
.pro-box{width:98%;background-color:#fff;margin-bottom:3rem;margin-left:auto;margin-right:auto;border-radius:3px;transition:all .5s}
.pro-box p{padding:1rem 0;font-size:1.125rem;font-family:pops}
.pro-box:hover p{color:#0365b2}
.pro-box .pic{background-color:#fff;border:1px solid #efefef;transition:all .5s;border-radius:3px}
.pro-box .pic img{border-bottom:4px solid #fff;transition:all .5s;border-radius:3px}
.pro-box:hover .pic img{border-bottom:4px solid #0365b2;transition:all .5s}
.pro-menu{border-left:1px solid #f3f3f3;border-top:1px solid #f3f3f3;padding:0;box-sizing:border-box;margin-bottom:2rem}
.pro-menu ul{list-style:none}
.pro-menu li{list-style:none;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding:1rem 2rem;box-sizing:border-box;width:100%}
.pro-menu li.one{background-color:#fbfbfb;font-size:1rem;font-family:pops}
.pro-menu li.active{border-right:3px solid #0365b2}
.pro-adv{width:95%;background:rgba(0,0,0,.65);padding:2rem;margin-bottom:2rem;box-sizing:border-box;box-shadow:15px 15px 0 0 #00579b}
.pro-info{width:80%;margin-left:auto}
.pro-info td{font-size:1rem;line-height:2.2;color:#999}
.pro-info td.t{font-size:1rem;line-height:2.2;color:#333;font-family:pops}
.pro-video{height:50rem;margin-top:3rem;overflow:hidden}
.pro-video video{min-width:100%;max-width:100%;display:inline-block;vertical-align:baseline;z-index:99}
.m-promenu{background-color:#fff;box-sizing:border-box;padding:1rem}
.m-promenu .one{font-family:popm;padding:.2rem 0}
.m-promenu .second{padding:.2rem 0 .2rem 1rem}
.gallery-top{width:100;height:auto;border:1px solid #ddd;box-sizing:border-box}
.gallery-thumbs{width:100%;height:auto}
.gallery-thumbs .swiper-slide{border:1px solid #ddd;box-sizing:border-box;cursor:pointer}
.gallery-thumbs .swiper-slide-thumb-active{border:1px solid #006ec5}
.swiper-button-white{width:1.25rem;font-size:.3rem}
.gallery-thumbs .swiper-button-next{right:-2px;left:auto}
.gallery-thumbs .swiper-button-prev{left:-2px;right:auto}
.swiper-button-nextgrey,.swiper-button-prevgrey{width:1.25rem;font-size:.3rem;background-color:90ff}
.swiper-button-nextgrey.swiper-button-disabled,.swiper-button-prevgrey.swiper-button-disabled{background-color:#ccc}
.modal-pic .modal-dialog{max-width:1000px;margin:1.75rem auto}
.bdrt{border-top:1px solid #e7e7e7;padding-top:2rem}
.contact-box{background-color:#fff;padding:1rem;box-sizing:border-box;box-shadow:0 0 10px 0 #eee}
.contact-con{padding:2.5rem 3rem}
.contact-form{background-color:#fff;padding:3.5rem;box-sizing:border-box;box-shadow:0 0 10px 0 #eee;position:relative}
.contact-table td{padding:.2rem}
.modal-close{position:absolute;right:1rem;top:1rem;cursor:pointer}
.modal-close:hover{transform:rotate(180deg);transition:all .3s}
.cur-p{cursor:pointer}
.image{font-size:0;line-height:1;margin-bottom:0}
.form-control2{color:#495057;background-color:#f8f8f8;border:.0625rem solid #f8f8f8}
.faq .question{width:100%;padding:30px;background:#fff;border-top:3px solid #fff;border-radius:3px;box-shadow:0 10px 10px 0 #eee;margin:30px auto}
.faq .question.active{border-top:3px solid #006ec4}
.faq .question .title{cursor:pointer;background:url(../img/icon-q.png) no-repeat left top;padding-left:50px;font-family:popb;font-size:1rem;transition:all ease-out .3s}
.faq .question .title:hover{color:#006ec4;transition:all ease-out .3s}
.faq .question.active .title{color:#006ec4}
.faq .question.active .title .icon-jia{display:none;float:right}
.faq .question.active .title .icon-jian{display:block;float:right;color:#006ec4}
.faq .question .title .icon-jia{display:block;float:right}
.faq .question .title .icon-jian{display:none;float:right}
.faq .question .answer{padding-left:50px;padding-bottom:10px;overflow:hidden;display:none;background:url(../img/icon-a.png) no-repeat left top;margin-top:15px}
.install-box{width:90%;margin-left:auto;margin-right:auto;margin-bottom:5rem}
.video-pic{position:relative;border-radius:3px}
.video-pic .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9;transition:all .5s}
.video-pic:hover .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0);z-index:9;transition:all .5s}
.video-pic .play{position:absolute;left:50%;top:50%;font-size:5rem;margin-left:-2.5rem;margin-top:-3rem;color:#fff;z-index:99}
.down-con,.down-pic{width:90%;margin-left:auto;margin-right:auto;margin-bottom:1rem}
.down-btn{margin-top:50px}
.down-icon{width:2em;height:2em;vertical-align:-.15em;fill:currentColor;overflow:hidden;margin-left:3.5rem}
.order1{order:1}
.order2{order:2}
.qc-pic-l{width:80%;margin-left:5%;margin-right:15%}
.qc-pic-r{width:85%;margin-left:10%;margin-right:5%}
.qc-con{width:80%}
.qc-con2{width:80%;margin-left:20%}
.qc-con .t,.qc-con2 .t{background:url(../img/dot-blue2.png) no-repeat 5.5rem bottom;background-size:140px 2px;padding-bottom:1.5rem}
.qc-con .txt,.qc-con2 .txt{padding-left:5.5rem}
.bg-mf{background:url(../img/dot-blue2.png) no-repeat center bottom;background-size:100% 65%}
.mf1{padding-top:50%}
.mf-line{letter-spacing:-.2rem;color:#ccc;font-size:.875rem;font-family:popl}
.mf-box{width:95%}
.rd-con{background-color:#f3f3f3;padding:5rem;box-sizing:border-box;margin-left:-5rem;margin-top:30%}
.rd-con2{background-color:#f3f3f3;padding:5rem;box-sizing:border-box;margin-right:-5rem;margin-top:30%;z-index:9}
.rd-img{width:85%;box-shadow:0 10px 20px 0 #eee;margin-bottom:2rem}
.bl-black{background:url(../img/dot-black.png) no-repeat left bottom;background-size:60px 2px;padding-bottom:10px}
.bl-blue{background:url(../img/dot-blue2.png) no-repeat left bottom;background-size:60px 2px;padding-bottom:10px}
.bl-white{background:url(../img/dot-white.png) no-repeat left bottom;background-size:100px 2px}
.bl-white2{background:url(../img/dot-white.png) no-repeat left bottom;background-size:36px 1px}
.btm-btn{width:60%;margin-left:auto;margin-right:auto}
.footer{padding-top:4rem}
.footer-dark .heading{background:url(../img/dot-grey.png) no-repeat left bottom;background-size:30px 1px;padding-bottom:10px}
a.footer-icon{font-size:2rem;color:#999;transition:all .35s}
a.footer-icon:hover{font-size:2rem;color:#007ad7;transition:all .35s}
.pagination{margin:0 auto 1rem}
.pagination li{float:left;margin-right:15px;margin-left:0;width:auto;padding:0;list-style:none}
.pagination li:hover a{color:#fff}
.pagination li a{display:inline-block;padding:0 20px;height:40px;line-height:40px;border-radius:3px;background:#eaeaea;text-align:center;color:#333;transition:all .35s}
.pagination li a:hover{color:#fff;transition:all .35s}
.pagination li.active a{display:inline-block;height:40px;line-height:40px;background:#006ec5;color:#fff;text-align:center;transition:all .35s;border-radius:3px}
.pagination a:hover{background:#006ec5;color:#fff;text-decoration:none transition: all .35s}
.pagination span{display:inline-block;width:40px;height:40px;line-height:40px;width:40px;border-radius:3px;background:#006ec5;color:#fff;text-align:center}
@media (max-width:575.98px){.banner{height:500px}
.banner-title1{width:100%;font-size:2.5rem;font-weight:700;font-family:din;line-height:1.2;color:#fff}
.banner-pages{height:300px;background-size:cover}
.banner-pages .container{padding-top:100px}
.swiper-button-next1,.swiper-button-prev1{display:none}
.banner video{min-width:100%;max-height:100%;z-index:-99;position:fixed;overflow:hidden;left:0;top:0}
.dropdown-menu .dropdown-item{padding:.5rem 2rem;font-size:.875rem}
.nav-item .btn{margin-top:1rem;margin-bottom:1rem}
.navbar-dark .navbar-nav .nav-link{font-size:.875rem;color:rgba(255,255,255,.7)}
.num-t{height:64px;line-height:64px;font-family:Din;font-size:5rem;overflow:hidden;position:relative}
.num-t p{font-size:1rem;line-height:1rem;position:absolute;left:0;top:26px;padding-right:70px;background:url(../img/dot-blue.png) no-repeat right center;background-size:60px 2px}
.num-t p span{letter-spacing:.255rem;color:#04518c;font-family:popb;font-size:1rem;line-height:1rem}
.num-t .t{font-size:2.25rem;line-height:1.6;position:absolute;left:0;top:0;background:url(../img/dot-blue.png) no-repeat 10px bottom;background-size:60px 2px}
.num-t .t span{font-size:2.25rem;color:#000;letter-spacing:0}
.crumbs{padding:1rem;border-bottom:1px solid #e8e8e8;background-color:#f7f7f7}
.i-about{padding-right:0}
.i-video{width:100%;height:auto;background-color:#fff;border-radius:.125rem;text-align:left;box-shadow:30px 30px 0 3px #edf3f7}
.i-video video{min-width:100%;max-width:100%}
.i-client{padding:1rem 0 4rem}
.i-client-box .txt{height:auto;overflow:hidden;transition:all .35s}
.i-client-box .txt:hover{height:auto;overflow:hidden;transition:all .35s}
.i-imp-box{width:49%;float:left}
.i-num sup{vertical-align:text-top;font-size:1.25rem}
.swiper-product{height:300px}
.swiper-product .product1{background:url(../img/i-pro1.jpg) no-repeat center top;background-size:180%}
.swiper-product .product2{background:url(../img/i-pro2.jpg) no-repeat center top;background-size:150%}
.swiper-product .t1{font-family:pops;font-size:1.5rem;color:#fff;line-height:1.2}
.swiper-product .t2{font-size:.5rem;color:#fff;line-height:1.2}
.swiper-product .container{padding-right:15%;padding-bottom:80px;text-align:right}
.i-pro-box{padding:0;text-align:left;position:relative}
.i-pro-box .t1{color:#04518c;font-size:1rem;font-family:popm;position:absolute;padding-top:100px;left:0;right:auto;top:-130px;background:url(../img/dot-blue.png) no-repeat 5px 0;background-size:2px 100px;z-index:9}
.i-pro-box .t1 p{background-color:#fff;padding-right:0}
.i-pro-box .t2{font-size:1.5rem;margin-top:50px;font-family:popb;color:#000;letter-spacing:0;line-height:1.2}
.i-pro-box .t3{font-size:1rem;margin-top:20px;font-family:popm;color:#999}
.i-pro-box .t4{margin-top:20px}
.i-pro-box2{padding:0;text-align:left;position:relative}
.i-pro-box2 .t1{color:#04518c;font-size:1rem;font-family:popm;position:absolute;text-align:left;padding-left:0;padding-top:100px;left:0;top:-130px;background:url(../img/dot-blue.png) no-repeat 5px 0;background-size:2px 100px;z-index:9}
.i-pro-box2 .t1 p{background-color:#fff;padding-left:0}
.i-pro-box2 .t2{font-size:1.5rem;margin-top:50px;font-family:popb;color:#000;letter-spacing:0;line-height:1.2}
.i-pro-box2 .t3{font-size:1rem;margin-top:20px;font-family:popm;color:#999}
.i-pro-box2 .t4{margin-top:20px}
.adv-bg{background:url(../img/bg-03.jpg) no-repeat center center;background-size:cover;padding:20px 0;box-sizing:border-box}
.adv-box p.icon{width:48px;height:48px;background-color:#286199;border-radius:100%;text-align:center;color:#fff;line-height:48px}
.adv-box p.icon i{font-size:2rem}
.adv-box .adv-con{padding-left:0;padding-top:10px;background:url(../img/dot-grey.png) no-repeat 0 top;background-size:30px 2px}
.adv-box .adv-con p{margin-bottom:0;font-size:.75rem}
.adv-box .adv-con p.t{margin-bottom:0;font-size:1rem}
.adv-box{margin-bottom:20px}
.news-box{width:100%;margin-bottom:.865rem}
.news-left{border-right:0;padding-right:15px}
.news-right{padding-left:15px}
.pro-info{width:100%;margin-left:auto}
.pro-video{height:auto;margin-top:1rem;overflow:hidden}
.pro-box{margin-bottom:1rem}
.pro-box p{font-size:.865rem;font-family:popr}
.contact-con{padding:0}
.contact-form{padding:1rem}
.install-box{width:100%;margin-left:auto;margin-right:auto;margin-bottom:2rem}
.down-con,.down-pic{width:100%;margin-left:auto;margin-right:auto;margin-bottom:1rem}
.down-btn{margin-top:20px;margin-bottom:3rem}
.btm-btn{width:90%;margin-left:auto;margin-right:auto}
.order1{order:2}
.order2{order:1}
.w75{width:100%;margin-left:auto;margin-right:auto}
.qc-pic-l,.qc-pic-r{width:100%;margin-left:0;margin-right:0}
.qc-con{width:100%}
.qc-con2{width:100%;margin-left:0}
.qc-con .t,.qc-con2 .t{background:url(../img/dot-blue2.png) no-repeat 4.5rem bottom;background-size:140px 2px;padding-bottom:1.5rem}
.qc-con .txt,.qc-con2 .txt{padding-left:4.5rem}
.mf1{padding-top:0}
.mf-box{width:100%}
.rd-con{background-color:#f3f3f3;padding:1rem;box-sizing:border-box;margin-left:0;margin-top:0}
.rd-con2{background-color:#f3f3f3;padding:1rem;box-sizing:border-box;margin-right:0;margin-top:0}
.rd-img{width:100%;box-shadow:0 10px 20px 0 #eee;margin-bottom:2rem}
.footer{padding-top:2rem}
.f24{font-size:1.25rem}
.f32{font-size:1.25rem}
.f36{font-size:1.25rem}
.f40{font-size:2rem}
.f48{font-size:2rem}
.f64{font-size:3rem}
.mt20{margin-top:10px}
.mt30{margin-top:15px}
.mt50{margin-top:20px}
.mt120{margin-top:30px}
.mt80{margin-top:30px}
.mt100{margin-top:88px}
.pd120{padding-top:30px;padding-bottom:30px}
.pd100{padding-top:20px;padding-bottom:20px}
.pd80{padding-top:20px;padding-bottom:20px}
.pd50{padding-top:20px;padding-bottom:20px}
}