@font-face{font-family: 'Dins';src:url('../img/fonts/DINPro-Black.otf');}
@font-face{font-family: 'Dinb';src:url('../img/fonts/DINPro-Bold.otf');}
@font-face{font-family: 'Din';src:url('../img/fonts/DINPro-Light.otf.otf');}
@font-face{font-family: 'Dinm';src:url('../img/fonts/DINPro-Medium.otf');}
@font-face{font-family: 'Dinr';src:url('../img/fonts/DINPro-Regular.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');}
.dinb{ font-family:dinb;}
.popl{ font-family:popl;}
.dinm{ font-family:dinm;}
.popr{ font-family:popr;}
.pops{ font-family:pops; line-height:1.2;}
.din{font-family:Din;}
.dins{font-family:Dins;}
.dinm{font-family:Dinm;}
.dinb{font-family:Dinb;}
.dinr{font-family:Dinr;}
.ab{ font-family:Arial Black;}
*{margin:0;padding:0;}
body{overflow-x: hidden;}
.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;}.f96{font-size:6rem;}
.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;}
.pb120{padding-bottom:120px;}
.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;}
.color3{ color:#3f4c5a;}
.cf7, a.cf7, .cf7 a{color:#f7f7f7;}
.blue, a.blue, .blue a{ color:#267ad1;}
.blue2{ color:#a0c6e1;}
.white{ color:#fff;}

.i-title{font-size:2.25rem; color:#000; font-family:dins;margin-top:20px;}
.i-title2{font-size:2.25rem; color:#fff; font-family:dins;margin-top:20px;}
.i-title3{font-size:2.75rem;color:#000; font-family:Arial Black;background:url(../img/dot-blue.png) no-repeat left 48px; background-size:100px 12px;}
.i-title span, .i-title2 span, .i-title3 span{ float:right;font-family:Arial;}

a, a:hover{transition: all 0.35s;}
.fb{ font-weight:700;}

.navbar-brand{width:194px; height:60px; 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:#fff;border-bottom:8px solid #267ad1;padding:.5rem 1rem;}
.bg-grey{ background-color:#f6f6f6;}
.bg-yellow{ background:#f8b73c;}
.dotbg-rb{ background:url(../img/dotbg-rb.png) no-repeat right bottom;}
.icon-country {width: 1.25rem;height: 1.25rem;vertical-align: -0.25rem;fill: currentColor;overflow: hidden;}


img, video{max-width:100%;}
video{ border-radius:9px;}
.btn-rus{ border-radius:3rem;}
.w75{width:75%; margin-left:auto; margin-right:auto;}
.nav-link{ font-family:Dins;} 
.banner{ height:898px;max-width:1920px;margin-left:auto; margin-right:auto;}
.banner1{background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner2{ background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner3{ background:url(../img/banner1.jpg) no-repeat center bottom;}
.banner-title{width:100%;font-size:4rem; font-family:dins; font-weight:300; line-height:1.8;color:#fff; }
.banner-title1{width:100%;font-size:3rem;font-family:Arial black; line-height:1.8;color:#fff; background:url(../img/dot-white.png) no-repeat left bottom; background-size:60px 2px;}
.banner-title2{width:100%; color:#fff; font-size:1.5rem; font-weight:300;}
.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:3.5rem; right:50px; z-index:9999; color:#267ad1}

.banner-pages{height:560px; background-size:100%;}
.banner-pages .banner-title2, .banner-pages2 .banner-title2{width:100%; color:#ccc; font-size:.875rem;font-weight:300;}
.container-index{width:100%;margin-right:auto;margin-left:auto; max-width:1920px;}

.banner-pages2{height:560px; background-size:cover;}
.banner-pages2 .container{padding-top:150px;}
.banner-news{background:#267ad1 url(../img/banner-news.jpg) no-repeat center bottom;}
.banner-app{background:#267ad1 url(../img/banner-app.jpg) no-repeat center bottom;}
.banner-about{background:#267ad1 url(../img/banner-about.jpg) no-repeat center bottom;}
.banner-product{background:#267ad1 url(../img/banner-product.jpg) no-repeat center bottom;}
.banner-service{background:#267ad1 url(../img/banner-service.jpg) no-repeat center bottom;}
.banner-innovation{background:#267ad1 url(../img/banner-innovation.jpg) no-repeat center bottom;}
.banner-contact{background:#267ad1 url(../img/banner-contact.jpg) no-repeat center bottom;}
.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-next2, .swiper-button-prev2{
    top: 10%;
	}
.swiper-button-next2{left:auto; right:0%; margin-right:5px;}
.swiper-button-prev2{left:100%; right:auto; margin-left:-100px;}
.swiper-pagination2 .swiper-pagination-bullet{ background:#ccc;}
.swiper-pagination2 .swiper-pagination-bullet-active{ background:#267ad1;}

.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;}
.swiper-pagination4 {right:auto; margin-left:-410px;}
.swiper-pagination4 .swiper-pagination-bullet{ background:#ddd;}
.swiper-pagination4 .swiper-pagination-bullet-active{ background:#267ad1;}

.num-t{height:88px; line-height:88px; font-family:dins; font-size:6.75rem; overflow:hidden; position:relative;}
.num-t p{font-size:1.125rem; line-height:1.125rem; 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:#267ad1; font-family:dinb; font-size:1.125rem; }
.num-t .t{font-size:2.25rem; line-height:1.8; position:absolute; left:0; top:20px;background:url(../img/dot-grey.png) no-repeat left bottom; background-size:40px 2px;}
.num-t .t span{font-size:2.25rem; color:#267ad1;letter-spacing:0;}
.num-t2{font-family:Din; font-size:8rem; overflow:hidden; position:relative;}
.num-t2 .t{font-size:3.5rem; color:#333; line-height:1.8; position:absolute; left:50%;margin-left:-220px;bottom:0px;text-align:center;}
#mainNav, .dropdown-menu, .nav-item{transition: all 0.35s; font-family:Arial;}
.open li{border-bottom:1px solid #ddd;}

.btn-white{ background:#fff; color:#000;}
.btn-white:hover{ background:#267ad1; color:#fff;}
.btn-blue{ background:#267ad1; color:#fff;}
.btn-blue:hover{ background:#f8b73c; color:#fff;}

.crumbs{padding:1rem 0; border-bottom:1px solid #e8e8e8;}
.crumbs .grey{ color:#999;}
.crumbs .grey a{ color:#999;}
.a-menu a{padding:1rem 1.5rem; color:#333; background:#fbfbfb; margin-right:2rem; border:1px solid #f4f4f4; border-radius:3px;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
.a-menu a:hover{background:#267ad1; color:#fff;border:1px solid #267ad1;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
.a-menu a.on{padding:1rem 1.5rem; color:#fff; background:#267ad1; margin-right:2rem;border:1px solid #267ad1; border-radius:3px;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
.a-menu a.on:hover{background:#267ad1; color:#fff;border:1px solid #267ad1;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}

.i-about{background:url(../img/i-about-bg.png) no-repeat center top;}
.i-about-box{padding-right:5rem;}

/*.i-vision-bg{background:url(../img/i-vision-bg.jpg) no-repeat center top;}
.i-vision-box{width:61%; float:right;}
.i-vision-title{padding-left:120px;}
.i-vision{padding-bottom:8rem;}
.i-vision-con{ background:#fff; padding:2.5rem; border-radius:30px 3px 30px 3px;transition: all 0.35s;}
.i-vision-con:hover{ background:#267ad1; color:#fff;transition: all 0.35s;}
.i-vision-con .more{margin-top:1rem; border-top:1px solid #e3e3e3; padding-top:1rem; text-align:right;transition: all 0.35s;}
.i-vision-con:hover .more{border-top:1px solid #4087cf;transition: all 0.35s;}
.i-vision-con:hover a{color:#fff;}
*/

.i-video{width:660px; height:400px; background-color:#fff; border-radius:.125rem; text-align:left; box-shadow:30px 30px 0 3px #edf3f7;}
.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 0 10px #f6f6f6;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:786px;}
.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:0.75rem 2.5rem; border:1px solid #666;}

.bg-left{ background:url(../img/bg-left.png) no-repeat center top; max-width:1920px;}
.bg-right{ background:url(../img/bg-right.png) no-repeat center top; max-width:1920px;}
.i-pro img{max-height:492px; max-width:576px;}
.br-blue{width:140px;background:url(../img/dot-blue.png) no-repeat right center; background-size:40px 1px;}
.br-blue span{ padding-right:1rem; }
.br-white{width:140px;background:url(../img/dot-white.png) no-repeat right center; background-size:40px 1px;}
.br-white span{ padding-right:1rem;}


/*.i-rd-box{ width:70%; padding:0 20px 100px; margin:20px auto; box-sizing:border-box; background:rgba(0,0,0,0.5); border-radius:8px;transition: all 0.35s; overflow: hidden; position:relative;}
.i-rd-box:hover{background:rgba(138,45,48,1);transition: all 0.35s;}
.i-rd-box .rd-btn{ position: absolute; bottom:-100px;padding:0 40px 0 0;width:100%;transition: all 0.35s;}
.i-rd-box:hover .rd-btn{bottom:20px;width:100%;transition: all 0.35s;}
*/
.i-pro-bg{background:#e9f0f7 url(../img/i-pro-bg.png) no-repeat center top;}
.i-pro-box{ background:#fff; border-radius:10px; box-shadow:0 0 20px 0 #f0f0f0; padding:2.5rem;margin:1rem 0;transition: all 0.35s;}
.i-pro-box:hover{color:#fff; background:#267ad1;transition: all 0.35s; }
.i-pro-box-t{ font-size:1.875rem;letter-spacing:-1px; font-weight:700; background:url(../img/dot-blue.png) no-repeat left bottom; background-size:40px 4px; padding-bottom:.5rem;transition: all 0.35s;}
.i-pro-box:hover .i-pro-box-t{background:url(../img/dot-white.png) no-repeat left bottom; background-size:40px 4px;transition: all 0.35s;}
.i-pro-btn a{ display:inline-block; font-size:1rem; padding:.25rem 1rem; margin:0 1rem 1rem 0; border:1px solid #666; color:#666; border-radius:100rem;transition: all 0.35s;}
.i-pro-box:hover .txt{ color: rgba(255,255,255,.5);transition: all 0.35s;}
.i-pro-btn a:hover{ background:#267ad1;border:1px solid #267ad1; color:#fff;transition: all 0.35s; }

.i-choose-bg{background:url(../img/i-choose-bg.jpg) no-repeat center top;}
.container-choose{width:90%; background:#fff;padding:5rem 0; box-shadow:0 20px 20px 0 #f0f0f0; border-radius:10px; margin:50px auto 0;}
.i-choose-box{ background:#f6f6f6; padding:2rem; margin:1.5rem 2.5rem; flex:1;transition: all 0.35s; border-radius:5px;}
.i-choose-box .i{ float:left; margin-right:1rem; line-height:1;}
.i-choose-box .t{ float:left; font-size:1.25rem; font-weight:700; background:url(../img/dot-grey.png) no-repeat left bottom; background-size:36px 1px; padding-bottom:5px;transition: all 0.35s;}
.i-choose-box:hover{background:#267ad1; color:#fff;transition: all 0.35s;}
.i-choose-box:hover .t{ background:url(../img/dot-white.png) no-repeat left bottom; background-size:36px 1px;transition: all 0.35s;}

.i-app{ position:relative;}
.i-app img{ border-radius:5px;}
.i-app a{ display:block;}
.i-app .t{ position:absolute; color:#fff; background:rgba(0,0,0,.25); left:0; bottom:0; width:100%; padding:2rem;}
.i-app .d{ position:absolute;left:0; bottom:100px; padding:2rem;color:#fff;}

.app-list{ position:relative; overflow:hidden;}
.app-list .mask{ width:100%; height:100%; background:rgba(3,38,75,0); position:absolute; left:0; top:0;transition: all 0.35s;z-index:1;}
.app-list:hover .mask{  background:rgba(3,38,75,0.6);transition: all 0.35s;}
.app-list .t{ font-weight:700; color:#fff; font-size:3rem; text-align:center; width:100%; position:absolute; left:0; top:-30%; opacity:0;transition: all 0.5s; z-index:2;}
.app-list .p{ font-weight:300; color:#fff; font-size:1rem; text-align:center; width:60%; position:absolute; left:20%; top:250%;opacity:0;transition: all 0.5s;z-index:2;}
.app-list:hover .t{ width:100%; position:absolute; left:0; top:30%;opacity:1;transition: all 0.5s;}
.app-list:hover .p{ width:60%; position:absolute; left:20%; top:50%;opacity:1;transition: all 0.5s;}
.app-list img{ border-radius:5px;}

.i-app-list li{ width:100%;list-style:none; height:6.75rem; line-height:6.75rem;margin-bottom:1rem;background:#fff; box-shadow:0 5px 10px 10px #f0f0f0; border-radius:3px; font-size:1rem; padding-left:3rem;transition: all 0.35s;}
.i-app-list li a{ display:block;}
.i-app-list li a i{ vertical-align:middle; line-height:1;}
.i-app-list li a span{font-size:1.25rem; line-height:1.25rem; margin-left:1rem; font-weight:700; background:url(../img/dot-grey.png) no-repeat left bottom; background-size:20px 2px; padding-bottom:10px;transition: all 0.35s;}
.i-app-list li:hover{ background:#267ad1;transition: all 0.35s; color:#fff;}
.i-app-list li:hover a{ color:#fff;}


.i-blog{ display:flex;}
.i-blog .i-blog-pic{ flex:1;background:#fff; box-shadow:0 5px 10px 10px #d9e5f1;margin:15px;padding:0;}
.i-blog .i-blog-list{ flex:1;background:#fff; box-shadow:0 5px 10px 10px #d9e5f1;margin:15px;padding:0;border-top:10px solid #267ad1;}
.i-news-box{}
.i-news-box .pic{ max-height:30rem; overflow:hidden;}
.i-news-box .con{ padding:40px;}
.i-news-box2{margin:50px; border-bottom:3px solid #eee; padding:20px 0 50px}

/*.i-app-box{background:#fff; box-shadow:0 5px 10px 10px #f0f0f0; padding:2.5rem; margin-bottom:6rem;transition: all 0.35s;}
.i-app-box:hover{ background:#1a1e27;transition: all 0.35s;}
.i-app-box .name{margin:20px 0 10px; padding-bottom:10px; background:url(../img/dot-grey.png) no-repeat left bottom; background-size:40px 2px;}
.i-app-box:hover .name{ color:#fff;}
*//*.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 .pic{width:100%;padding-bottom:15px;}
.i-imp-box img{max-width:95%; height:auto; box-shadow: 45px 45px 0 0 #f5f5f5;}

.service-bg{background:url(../img/service-bg.png) no-repeat center top; background-size:cover}
.service-img1 img{ box-shadow:35px 35px 0 0 #edf5fb; border-radius:0 30px 30px 0;}
.service-img2 img{ box-shadow:-35px 35px 0 0 #edf5fb; border-radius:30px;}
.service-img3 img{ box-shadow:35px 35px 0 0 #edf5fb; border-radius:30px;}
.service-con{width:70%; padding:7rem 2rem 1rem;}
.service-con2{padding:15rem 7rem 1rem 0;}
.service-con3{padding:15rem 1rem 1rem 7rem;}
.pic-list{ box-shadow:15px 15px 0 0 #edf5fb; border-radius:10px; margin-bottom:30px;}

/*.about-service2{padding-left:3rem;}

.about-service{ background:#f7f7f7; flex:1; box-shadow:5px 0 0 0 #e3e3e3; text-align:center;padding:4rem 2rem; box-sizing:content-box; margin:30px; border-radius:1000px;transition: all 0.35s;}
.about-service .icon{ width:80px; height:80px; color:#fff; border-radius:100%; background:#333; text-align:center; line-height:80px; margin:0 auto;}
.about-service .t{ padding:1rem 0 .5rem; background:url(../img/dot-black.png) no-repeat center bottom; background-size:30px 3px; text-align:center; margin-bottom:3rem;transition: all 0.35s;}
.about-service:hover{ background:#267ad1; color:#fff;transition: all 0.35s;}
.about-service:hover .t{ background:url(../img/dot-white.png) no-repeat center bottom; background-size:30px 3px;transition: all 0.35s;}
*/

.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;}
.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:1.2rem 2rem; margin-bottom:10px; 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;}

.index-num{ background-color:#fff; color:#333;}
.a-num sup{vertical-align: text-top; font-size:1.5rem}
.a-num sub{vertical-align: text-bottom; font-size:1.5rem}
.a-num p{ background:#fff; box-shadow:0 0 10px 0 #f0f0f0; border-radius:10px; box-sizing:content-box;text-align:center;padding:1rem 0 2.5rem;transition: all 0.35s; color:#999;}
.a-num p:hover{background:#267ad1 url(../img/dot-ccc.png) no-repeat right center; color:#fff;transition: all 0.35s; color:#999;}
.a-num p .timer{ color:#000;}
.a-num p:hover .timer{ color:#fff;}
.a-num:hover p{transition: all 0.35s; color:#fff;}
.a-num p.nr{ background-size:0 0;}

.about-num{ background-color:#267ad1; color:#fff; border-radius:10px; box-shadow:0 20px 20px 0 #c7d5e3;}
.about-num .a-num sup{vertical-align: text-top; font-size:1.5rem}
.about-num .a-num sub{vertical-align: text-bottom; font-size:1.5rem}
.about-num .a-num p{ background:url(../img/dot-white.png) no-repeat right center; box-shadow:none; background-size:1px 50px; text-align:center;padding:1rem 0 2.5rem;transition: all 0.35s; color:#fff;}
.about-num .a-num p:hover{ color:#fff;transition: all 0.35s; }
.about-num .a-num p .timer{ color:#fff;}
.about-num .a-num p:hover .timer{ color:#fff;}
.about-num .a-num:hover p{transition: all 0.35s; color:#fff;}
.about-num .a-num p.nr{ background-size:0 0;}


.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:dinb;margin-bottom:0;}
.about-pethumbs{height:100%;}
.about-pethumbs div{ float:left; width:48%; height:23%; box-sizing:border-box; margin:1%;}

.about-bg0{background:url(../img/about-bg0.png) no-repeat center top;}
.about-bg1{background:url(../img/about-bg1.png) no-repeat center top; background-size:cover;}
.about-bg2{background:#f2f2f2 url(../img/about-bg2.png) no-repeat center top;}
.about-bg3{background:url(../img/about-bg3.png) no-repeat center bottom;}

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


.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%; cursor:pointer; background-color:#f7f7f7; padding:1rem; margin-bottom:1rem; margin-left:auto; margin-right:auto; border-radius:3px;transition:all .5s;}
.news-box:hover{ background-color:#267ad1; box-shadow:0 10px 20px 0 #488acc; transition:all .5s;}
.news-box:hover p{ color:#fff;}
.news-box .pic{width:100%; height:0; font-size:0; padding-bottom:75%; overflow:hidden;}

.about-history{padding:3rem 0 5rem; overflow: visible}
.about-history .swiper-slide{height:auto;}
.history-box{width:100%; cursor:pointer; background-color:#f7f7f7; padding:1rem; margin-bottom:1rem; height:100%;border-radius:3px;transition:all .5s;}
.history-box:hover{ background-color:#267ad1; box-shadow:0 10px 20px 0 #488acc; transition:all .5s;}
.history-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:1rem; 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:5px;transition:all .5s;}
.pro-box p{padding:1rem 0;}
.pro-box:hover p{ color:#267ad1;}
.pro-box .pic{ background-color:#fff; border:1px solid #efefef;btransition:all .5s; border-radius:5px; width:100%;}
.pro-box .pic:hover{ background-color:#fff; border:1px solid #efefef; border-bottom:7px solid #267ad1; transition:all .5s; border-radius:5px; width:100%; box-shadow:0 20px 20px 0 #eee; }
.pro-box .pic img{transition:all .5s; border-radius:5px; min-width:100%; max-width:100%;}

.product-info{padding-left:5rem;}

.pro-menu{ padding:0; box-sizing:border-box; margin-bottom:2rem;}
.pro-menu ul{ list-style: none;}
.pro-menu li{ list-style:none; box-sizing:border-box; width:100%;}
.pro-menu .item{ position:relative;}
.pro-menu .item a{color:#333;padding:1.2rem 2rem;margin-top:3px; background:#f7f7f7; display:block;font-size:1rem;font-weight:700;}
.pro-menu .on a{background:#267ad1;}
.pro-menu .on a{color:#fff;  display:block;}
.pro-menu .item i{ position:absolute; right:10px; top:10%; font-size:2rem;}
.pro-menu .on i{ color:#fff;}
.pro-menu .item i{ position:absolute; right:10px; top:10%; font-size:2rem;}
.pro-menu .item-content{ background:#f6f9fc; display:none;}
.pro-menu li.one{ background-color:#ededed; font-size:1.5rem; padding:1rem; font-family:dins;}
.pro-menu li.second{list-style:none;padding:1rem 0 1rem 2rem;width:100%; font-size:1rem;}
.pro-menu li.active{ border-right:3px solid #267ad1;}
.pro-menu li.active a{color:#267ad1;}
.pro-menu li.title{font-size:1.5rem; font-family:dins;}

.pro-advantage{ border-top:1px solid #f6f6f6;}
.pro-adv{width:95%; background:#fafafa; padding:2rem; margin-bottom:2rem; box-sizing:border-box; box-shadow:15px 15px 0 0 #f5f5f5 ;}

.pro-info{}
.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:40rem; margin-top:3rem; overflow:hidden;}
.pro-video iframe{height:770px;}
.pro-video video{min-width:100%; max-width:100%; display: inline-block;vertical-align: baseline; z-index:99;}

table{ max-width:100%;}
td{padding:.5rem 0;}
.gallery-top{width:100%;height:auto; border:1px solid #ddd; box-sizing:border-box; }
.gallery-top .swiper-slide img{min-width:100%;}
.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 #267ad1;}
.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;}


.flow-box .c{ background:#f0f0f0; color:#333; transition:all .35s; padding:1rem 1rem 1rem 2rem; border-radius:5px;}
.flow-box .c:hover{ background:#267ad1; color:#fff; transition:all .35s;}


.bdrt{ border-top:1px solid #e7e7e7; padding-top:2rem;}

.contact-box{ background-color:#fff; box-shadow:0 0 10px 0 #eee;}
.contact-con{ padding:2.5rem 3rem;box-sizing: content-box;}
.contact-form{background-color:#fff;padding:3.5rem; box-sizing:content-box; box-shadow:0 0 10px 0 #eee;}
.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;}

.image{ font-size:0; line-height:1; margin-bottom:0;}

.form-control2{color:#fff;background-color:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2); }

.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 #267ad1;}
.faq .question .title{ cursor:pointer; background:url(../img/icon-q.png) no-repeat left top; padding-left:50px; font-family:dinb; font-size:1rem; transition: all ease-out .3s;}
.faq .question .title:hover{ color:#267ad1;transition: all ease-out .3s;}
.faq .question.active .title{ color:#267ad1;}
.faq .question.active .title .icon-jia{ display:none;  float:right;}
.faq .question.active .title .icon-jian{ display:block;float:right; color:#267ad1;}
.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;}

.video-box{margin-left:auto; margin-right:auto; margin-bottom:70px;}
.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;}
.video-pic .play i{font-size:5rem; }

.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-blue.png) no-repeat 5.5rem bottom; background-size:140px 2px; padding-bottom:1.5rem;}
.qc-con .txt, .qc-con2 .txt{padding-left:5.5rem;}
.imgr{ border-radius:1rem;}
.bg-mf{ background:url(../img/dot-blue2.png) no-repeat center bottom; background-size:100% 65%; }
.bg-01{ background:url(../img/bg-01.jpg) no-repeat center top;}
.bg-02{ background:url(../img/bg-02.jpg) no-repeat center top; background-size:cover; max-width:1920px;}
.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:#f1f1f1; padding:5rem; box-sizing:border-box; margin-left:-5rem; border-radius:10px; border-bottom:10px solid #267ad1; margin-top:15%;width:80%;}
.rd-con3{ background-color:#f1f1f1; padding:5rem; box-sizing:border-box; margin-left:-5rem;border-radius:10px; border-bottom:10px solid #267ad1; margin-top:30%;width:100%;}
.rd-con2{ background-color:#f1f1f1; padding:5rem; box-sizing:border-box; margin-right:-5rem;border-radius:10px; border-bottom:10px solid #267ad1; margin-top:30%; z-index:1; position:absolute;}
.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-blue.png) no-repeat left bottom; background-size:60px 2px; padding-bottom:10px;}
.bl-blue2{background:url(../img/dot-blue.png) no-repeat center bottom; background-size:40px 2px; padding-bottom:10px;}
.bl-blue3{background:url(../img/dot-blue.png) no-repeat right bottom; background-size:60px 4px; padding-bottom:10px;}
.bl-red{ background:url(../img/dot-blue.png) no-repeat right center; background-size:3rem 1px; padding-right:4rem;}
.bl-white{background:url(../img/dot-white.png) no-repeat left bottom; padding-bottom:1rem; background-size:60px 2px;}
.bl-white2{background:url(../img/dot-white.png) no-repeat center bottom; background-size:40px 2px;padding-bottom:10px;}
.btm-btn{width:60%; margin-left:auto; margin-right:auto;}

.footer{padding:6rem 0;color:#b0c2de;background:#2765a6 url(../img/footer-bg.jpg) no-repeat center top;}
.footer-dark .heading{background:url(../img/dot-white.png) no-repeat left bottom; background-size:30px 1px; padding-bottom:10px;}
a.footer-icon i{ font-size:1.5rem; color:#b0c2de;transition: all 0.35s;}
a.footer-icon:hover i{ font-size:1.5rem; color:#fff;transition: all 0.35s;}
.copyright{ background:#1e4f81; color:#7895b4; padding:1rem 0;}
.footer-con{ padding-top:120px;}
.footer a{color:#b0c2de;}
.footer a:hover{color:#fff;}


/*page*/
.pagination {margin:0 auto;  }
.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:#267ad1; color:#fff; text-align:center;transition: all 0.35s;border-radius:3px;}
.pagination a:hover { background:#267ad1; 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:#267ad1;color:#fff; text-align:center;}
@media (max-width: 767.98px){	.i-tech{  padding:4rem 3rem; margin:2rem 15px;box-shadow:0px 20px 20px 0px #eee; position:relative; overflow:hidden; flex:auto;}
}
@media (max-width: 575.98px){
	.container-index{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
	.banner{ height:200px;margin-top:100px;}
	.banner .swiper-slide{background-size:cover;}
	.banner1, .banner2, .banner3, .banner4, .banner5, .banner6{ background-size:cover;}
	.banner-title{ font-size:1.25rem; line-height:1.2;padding-top:1rem;}
	.banner-title2{ font-size:.875rem;}
	.banner-title1{width:100%;font-size:2rem; font-weight:700;padding-top:3rem; font-family:din; line-height:1.2;color:#fff; }
	.banner-pages2{height:300px; background-size:cover;}
	.banner-pages2 .container{padding-top:100px;}

	.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);}
	.i-about-box{padding:0;}
	.i-team{ padding:1rem;}
	.i-tech-box{display: block;}
	.i-tech{  padding:4rem 3rem; margin:2rem 15px;box-shadow:0px 20px 20px 0px #eee; position:relative; overflow:hidden; flex:auto;}
	.a-menu a{padding:1rem; margin-right:2rem;margin-top:5rem; border:1px solid #f4f4f4; font-size:.875rem; line-height:2; border-radius:3px;box-shadow:0px 5px 5px 0px #f0f0f0;transition: all 0.35s;}
	.i-pro-bg{ background:#e9f0f7;}
	.i-pro-box{padding:1.5rem; text-align:center;}
	.i-pro-box-t{ font-size:1.5rem;background:url(../img/dot-blue.png) no-repeat center bottom; background-size:40px 4px; letter-spacing: normal; margin-top:1rem;}

	.i-title, .i-title2{font-size:1.875rem;line-height:1.5;}
	.about-history{padding:3rem 0 5rem; overflow: hidden;}
	
	.container-choose{width:100%; background:#fff;padding:1rem 0; box-shadow:0 20px 20px 0 #f0f0f0; border-radius:10px; margin:50px auto 0;}
	.i-choose-box{ background:#f6f6f6; padding:1rem; margin:1rem; flex: auto;transition: all 0.35s;}
	.i-app-list li{ width:48%; margin:1%; float:left;list-style:none; height:3.5rem; line-height:3.5rem;margin-bottom:1rem;background:#fff; box-shadow:0 5px 10px 10px #f0f0f0; border-radius:3px; font-size:1rem; padding-left:1rem;transition: all 0.35s;}
	.i-app-list li a span{font-size:1rem;}
	.i-app .t{ position:absolute; color:#fff; left:0; bottom:0; width:100%; height:5rem; overflow:hidden; padding:1rem;}
	.i-app .d{ position:absolute;left:0; bottom:70px; padding:1rem;color:#fff;}
	.app-list li a span{font-size:1rem; line-height:1rem; margin-left:1rem; font-weight:700; background:url(../img/dot-grey.png) no-repeat left bottom; background-size:20px 2px; padding-bottom:10px;transition: all 0.35s;}


	
	.swiper-button-next2{left:auto; right:12%; margin-right:-45px;}
	.swiper-button-prev2{left:88%; right:auto; margin-left:-45px;}
	
	.service-con, .service-con2, .service-con3{width:100%; padding:3rem 1rem 2rem;}
	.about-service{ background:#f7f7f7; flex:auto; box-shadow:5px 0 0 0 #e3e3e3; text-align:center;padding:2rem 1rem; box-sizing:content-box; margin:15px; border-radius:20px;transition: all 0.35s;}
	.about-service2{padding-left:15px; padding-right:15px;padding-bottom:2rem;}
	
	.product-info{padding-left:15px; padding-top:15px;}

	.num-t{height:64px; line-height:64px; font-family:dins; 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:dinb; 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; font-family:dins;}
	.num-t2{font-family:dins; font-size:4rem; overflow:hidden; position:relative;}
	.num-t2 .t{font-size:2rem; color:#333; line-height:1.8; position:absolute; left:0;margin-left:20px;bottom:0px;text-align:center;}

	.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-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: 150%;}
	.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:35%; padding-bottom:100px;  text-align:right;}
	
	.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;}
	
	.i-rd-box{ width:100%; padding:0 20px 50px; margin:20px auto; box-sizing:border-box; background:rgba(0,0,0,0.5); border-radius:8px;transition: all 0.35s; overflow: hidden; position: static;}
	.i-rd-box:hover{background:rgba(138,45,48,1);transition: all 0.35s;}
	.i-rd-box .rd-btn{ position: static; padding:0; margin-top:20px;width:100%;transition: all 0.35s;}

	
	.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-video iframe{height:197px;}

	.contact-con{ padding:0;}
	.contact-form{padding:1rem;}
	
	.video-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-blue.png) no-repeat 4.5rem bottom; background-size:60px 2px; padding-bottom:1rem;}
	.qc-con .txt, .qc-con2 .txt{padding-left:4.5rem;}

	.mf1{padding-top:0;}
	.mf-box{width:100%;}
	.rd-con{ background-color:#f1f1f1; padding:1rem; box-sizing:border-box; margin-left:0; margin-top:0; width:100%;}
	.rd-con3{ background-color:#f1f1f1; padding:1rem; box-sizing:border-box; margin-left:0; margin-top:0; width:100%;}
	.rd-con2{ background-color:#f1f1f1; padding:1rem; box-sizing:border-box; margin-right:0; margin-top:0;position: static;}
	.rd-img{width:100%; box-shadow:0 10px 20px 0 #eee; margin-bottom:2rem;}
	.p-4{padding:0rem !important}
	.p-5{padding:1rem !important}
	
	.footer{padding:2rem 0; background:#1362b1; margin-top:2rem; color:#b0c2de;}
	.footer-top{ position:relative;width:100%;}
	.footer-top-box{width:100%; padding:1.5rem; background:url(../img/footer-top.jpg) no-repeat center top; background-size:cover; border-radius:10px;position:absolute; left:0; top:-350px; box-shadow:0 4px 0 0 #4281c1;}
	.footer-dark .heading{background:url(../img/dot-white.png) no-repeat left bottom; background-size:30px 1px; padding-bottom:10px;}
	a.footer-icon i{ font-size:1.5rem; color:#b0c2de;transition: all 0.35s;}
	a.footer-icon:hover i{ font-size:1.5rem; color:#fff;transition: all 0.35s;}
	.footer-con{ padding-top:120px;}
	
	.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:2.5rem;}
	.mt20{margin-top:10px;}
	.mt30{margin-top:15px;}
	.mt50{margin-top:20px;}
	.mt100{margin-top:30px;}
	.mt120{margin-top:30px;}
	.mt80{margin-top:30px;}
	.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;}
	.pl50{ padding-left:15px; box-sizing:border-box;}
	.pr50{ padding-right:15px; box-sizing:border-box;}
	}