@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;}
p, li, span{ direction:rtl;}

.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, a.grey, .grey a{color:#999;}
.c333, a.c333, .c333 a{color:#333;}
.c666, a.c666, .c666 a{color:#666;}
.c888, a.c888, .c888 a{color:#888;}
.black, a.black, .black a{color:#000;}
.ce6, a.ce6, .ce6 a{color:#e6e6e6;}
.cf7, a.cf7, .cf7 a{color:#f7f7f7;}
.blue, a.blue, .blue a{ color:#0365b2;}
.blue2{ color:#8db1dd;}

.navbar-brand{width:106px; height:40px; 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(0,0,0,.9); padding:0.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;}

.banner{ height:900px;}
.banner1{background:url(../img/banner1.jpg) no-repeat center top;}
.banner2{ background:url(../img/banner1.jpg) no-repeat center top;}
.banner3{ background:url(../img/banner1.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:0px;}
.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:rgba(255,255,255,1)}

.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;}

.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 0.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:-0.35rem;
  fill: currentColor;
  overflow: hidden;
}
.btn-country{padding-left:1rem; padding-top:.5rem;padding-bottom:.5rem; color:#fff; display:block;}


.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 0.35s;}
.i-num p:hover{ color:#fff; background-color:#04518c; 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.webp) 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; text-align: left;}
.swiper-product .t3{ text-align:right;}
.swiper-product .container{padding-right:35%; padding-bottom:100px;  text-align:right;}
.btn-d{padding:0.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:-0.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:-0.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 0.35s;}
.zoom:hover img{transform: scale(1.1);transition: all ease-out 0.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 0.35s;}
.i-client-box:hover{box-shadow:0 0 10px #ccd8f5;transition: all 0.35s;}

.i-client-box .txt{height:128px; overflow:hidden;transition: all 0.35s;}
.i-client-box .txt:hover{height:205px; overflow:hidden;transition: all 0.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 0.7s;}
.cont.active{transition: all 0.7s; opacity:100;margin-top:0;}
.cont img{ min-width:100%;}
.process-txt{ padding:0.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 0.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 0.35s; color:#999; background:none}
.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:0px; 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; 

      /* Center slide text vertically */
      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: 300ms;
	  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 p, .news-content div{ 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:rgba(255,255,255,1);  box-sizing:border-box; padding:1rem;}
.m-promenu .one{font-family:popm; padding:.2rem 0;}
.m-promenu .second{padding:0.2rem 0 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:0090ff;}
.swiper-button-nextgrey.swiper-button-disabled, .swiper-button-prevgrey.swiper-button-disabled{ background-color:rgba(204,204,204,1)}

.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:0.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: 0.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-pic, .down-con{width:90%; margin-left:auto; margin-right:auto; margin-bottom:1rem;}
.down-btn{margin-top:50px;}
.down-icon {
  width: 2em;
  height: 2em;
  vertical-align: -0.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:0.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 0.35s;}
a.footer-icon:hover{ font-size:2rem; color:#007ad7;transition: all 0.35s;}


/*page*/
.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 0.35s;}
.pagination li a:hover {color:#fff;transition: all 0.35s;}
.pagination li.active a {display:inline-block; height:40px; line-height:40px;background:#006ec5; color:#fff; text-align:center;transition: all 0.35s;border-radius:3px;}
.pagination a:hover { background:#006ec5; color:#fff; text-decoration:none transition: all 0.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:0px;}
	.dropdown-menu .dropdown-item {
		padding: 0.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,0.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:0px;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:0px;}
	.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 0.35s;}
	.i-client-box .txt:hover{height:auto; overflow:hidden;transition: all 0.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:0px; 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:0rem; 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:0px; 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:0rem; 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:0.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:0.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-pic, .down-con{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;}
	}