@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
.arrtxt{font-family: 'Zilla Slab', serif;}
.btitle{font-family: 'Archivo Black', sans-serif;}

body,html{font-family: 'Poppins', sans-serif,"Microsoft YaHei","微软雅黑";width:100%;height:100%;background: #fff;}

.apptable{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
.hover-box .hvr img,.hover-box .hvr .ofhidden img{transition: all 0.4s;}
.hover-box .hvr:hover img,.hover-box .hvr:hover .ofhidden img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.4s;}
a{text-decoration: none;cursor: pointer;}
a:hover{text-decoration: none;}
.i-transform{transform: rotate(90deg);}
.a-box .a-btn{display: inline-block;padding: .7rem 2.5rem;border-radius: 5px;color: #ffffff;font-size: 15px;background: #3f99e7;transition: all 0.4s;}
.a-box .a-btn i,.a-box .a-btn span,.a-box .a-btn svg{color:#fff;font-size: 15px;margin-left: 0.3rem;transition: all 0.4s;}
.a-box .a-btn:hover{transition: all 0.4s;background: #27e0df;color:#fff;}
.a-box .a-btn:hover i,.a-box .a-btn:hover span,.a-box .a-btn:hover svg{color:#fff;margin-left: 0.6rem;transition: all 0.4s;}
.a-box2 .a-btn{border:1px solid #fff;background: none;color:#fff;}
.a-box2 .a-btn i,.a-box2 .a-btn span,.a-box2 .a-btn svg{color:#fff;}
.a-box2 .a-btn:hover{border:1px solid #27e0df;}

.a-span{display:block;margin-top: .5rem;text-align: center; color:#9c81e0;transition: all 0.3s;}
.a-span svg{margin-left: .3rem;transition: all 0.3s;}
.a-span:hover svg{margin-left: .6rem;transition: all 0.3s;}

.ofhidden{overflow: hidden;}
.bg-f5{background: #f5f5f5;}
.bg-f7{background: #f7f7f7;}
.bg-f9{background: #f9f9f9;}
.h-title h2{font-size: 36px;color: #333;font-weight: bold;margin-bottom: 2.5rem;}
.h-title span{width: 5%;height: 2px;margin: 1rem auto;background: #3f99e7;display: block;}
.h-title p{font-size: 16px;color:#666;}
.textbox h3{font-size: 25px;color:#333;margin-bottom: 1.5rem;}
.textbox p{font-size: 15px;color:#666;line-height: 22px;}
.h-title h2 span{display: block;color:#333;margin:10px 0; height: 1px;width: 100%;background: #ccc;}
.page h2{font-size: 36px;margin-bottom: 2rem;text-align: center;text-transform: capitalize;font-style: italic;font-weight: bold;}

.tabimg-box .ofhidden{position: relative;padding:.5rem 1rem;display: flex;justify-content: center;}
.tabimg-box .hvr .tabimg2,.tabimg-box .hvr .tabimg3{position: absolute;opacity: 0;transition: all 0.3s;}
.tabimg-box .hvr:hover .tabimg1,.toptwo .tabimg-box .hvr .tabimg1,.toptwo .tabimg-box .hvr .tabimg2,.toptwo .tabimg-box .hvr:hover .tabimg1,.toptwo .tabimg-box .hvr:hover .tabimg3{opacity: 0;transition: all 0.3s;}
.tabimg-box .hvr:hover .tabimg2,.toptwo .tabimg-box .hvr .tabimg3,.toptwo .tabimg-box .hvr:hover .tabimg2{opacity: 1;transition: all 0.3s;}


.section{width:100%;height:auto;float:left;}
.shiro{display:none}
.header{background-color: transparent;padding:0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .navbar .navbar-nav .nav-link{color: #333;}
.banner .carousel-caption{height: 100%;}

/*nav*/

.index .navbox{position: fixed;left: 0;top: 0;z-index: 200;}
.inner .navbox{position: fixed;left: 0;top: 0;background: rgb(0 0 0 / 0%);z-index: 200;}

.navbox .logobg{position: absolute;top: -29px;left: -29px;width: 24%;}
.navbox .navbar .navbar-nav .nav-link{color: #fff;padding: 2rem;transition: all 0.3s;font-size: 18px;font-weight: bold;}
.navbox .navbar .nav-item:hover .nav-link{transition: all 0.3s;color: #3f99e7;margin-top: -3px;}
.navbox .navbar .navbar-nav .active .nav-link{color: #66c4fb;}
.navbox .dropdown.open>.dropdown-menu{display: block;position: fixed;border-radius: 0;background: rgb(255 255 255);padding: 0;z-index: 200;box-shadow: 0px -41px 21px -49px rgb(129 124 208 / 45%);border:#eee;top:70px;}
.navbox .nav-item.dropdown.open>.dropdown-menu{display: block;padding:0;margin: 0;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item{padding: 0.8rem 2rem;color: #333;font-size: 15px;width: 100%;border-bottom: 1px solid #eee;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item:last-child{border-bottom: none;}
.navbox .dropdown.open>.dropdown-menu .dropdown-item:hover{color:#fff;background: linear-gradient(to right,#1862a0,#ead8c5);background: #3f99e7;border:#3f99e7;}
.navbox .hvr-underline-from-left{z-index: 1;overflow: initial;transition: all 0.1s;}
.navbox .navbar-nav .hvr-underline-from-left:before{height: 3px;background: #3f99e7;}
.toptwo .navbar .navbar-nav .nav-link{color:#333;}
/*nav*/
/*Dropdown*/
.navbar .navbar-nav .nav-item .dropdown-menuu1{max-height: 73vh;position: absolute;left:0;padding: 0;background: rgb(255, 255, 255);max-height: 0px;padding-bottom: 0px !important;min-height: 0px;overflow: hidden;transition: max-height ease-out 0.1s;top:70px;}
.navbar .navbar-nav .nav-item1{position: inherit;}
.navbar .navbar-nav .nav-item1.hvr-underline-from-left{transform: revert;}
.navbar .navbar-nav .nav-item1:hover .dropdown-menuu1{padding-bottom: 1.5rem !important;max-height: 90vh;display: block;width: 100%;transition: max-height ease-in 0.1s;border-radius: 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.05);}
.navbar .dropdown-menuu1 .pt-md-4{width: 100%;}
.navbar .dropdown-menuu1 .nav-li-left .title-list{padding: 0;text-align: left;border-right: 1px solid #d4ecff;list-style: none;}
.navbar .dropdown-menuu1 .nav-li-left .title-list li{width: 100%;border-right: 3px solid #fff;transition: all 0.3s;cursor: pointer;padding: 1rem 1.5rem;padding-left: 1.5rem;}
.navbar .dropdown-menuu1 .nav-li-left .title-list li:last-child{margin-bottom: 0;}
.navbar .dropdown-menuu1 .nav-li-left .title-list .on{transition: all 0.3s;border-right: 3px solid #3f99e7;}
.navbar .dropdown-menuu1 .nav-li-left .title-list li a{white-space: nowrap;font-size: 14px;color: #333;display: block;padding: 0px;font-weight: initial;}
.navbar .dropdown-menuu1 .nav-li-left .title-list .on a{color: #3f99e7;}
.navbar .dropdown-menuu1 .nav-li-right{width: 100%;padding: 0 1rem;}
.navbar .dropdown-menuu1 .nav-li-right a{font-size: 12px;color: #666;text-align: center;width: 100%;border: 1px solid #fff;padding: .4rem;line-height: 14px;}
.navbar .dropdown-menuu1 .nav-li-right a:hover{color: #3f98e8;border: 1px solid #bfdffb;}
.dropdown-menuu1 .product-wrap .context{display: none;}
.dropdown-menuu1 .product-wrap .show{display: block;}
.dropdown-menuu1 .product-wrap .context .row{margin: 0;}
.dropdown-menuu1 .product-wrap .context .col-md-6{margin-bottom: 20px;}
.dropdown-menuu1 .product-wrap .context a p{margin-top: 0px;margin-bottom: 5px;text-align: center;}
.dropdown-menuu1 .product-wrap .context:first-child a p{text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.dropdown-menuu1 .product-wrap .context a p img{width: 84%;margin: auto;}
.toptwo .navbar-nav .nav-item1:hover .dropdown-menuu1{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);}
.nav-tabs-hover{text-align: center;}


.navbox .onoff2,.toptwo .onoff1{display: none;}
.toptwo .onoff2{display:inline-block;}
.lang img{width: 20px;}
.dropdown-menu6{display: none !important;}
.toptwo{box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);background: #fff !important; transition: all 0.4s;}
.toptwo{padding:0;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);background: #fff;}
.toptwo .navbar-dark .navbar-nav .nav-link{color:#333;}
.navbox .onoff2,.toptwo .onoff1{display: none;}
.toptwo .onoff2{display:inline-block;}
.navbox .language a{color:#fff;}
.toptwo .language a{color:#333;}
.dropdown-toggle::after{display: none;}
.toptwo .navbar-dark .nav-item:hover .nav-link{background: #fff;color: #3f99e7;}
.toptwo .dropdown.open>.dropdown-menu{background: #fff;border:none;box-shadow: 0px 13px 25px 0px rgb(204 204 204 / 0.3);}
.toptwo .dropdown.open>.dropdown-menu .dropdown-item{color:#333;}
.toptwo .dropdown.open>.dropdown-menu .dropdown-item:hover{color: #333;background: linear-gradient(to left,rgb(239 243 231 / 60%),rgb(204 232 235 / 60%));}
.navbox.navbox-bg{background: #fff;}
.navbox.navbox-bg .onoff1{display: none;}
.navbox.navbox-bg .onoff2{display: inline-block;}
.navbox.navbox-bg .navbar-dark .navbar-nav .nav-link{background: #fff !important;color:#333 !important;}
.navbox.navbox-bg .navbar-dark .nav-item:hover .nav-link{color:#fff;}



.banner{margin-top: 0 !important;}
.banner .carousel-caption .textbox{text-align: left;}
.banner .textbox h2{font-size: 30px;font-weight: bold;margin-bottom: 1rem;}
.banner .textbox p{font-size: 15px;color:#fff;}
.banner .carousel-indicators{bottom:5%;}
.banner .carousel-indicators button{margin:0 5px; width: 10px;height: 10px;background-color: #fff;opacity: 1;transition: all 0.4s;}
.banner .carousel-indicators .active{width: 25px;background-color:#3f99e7;transition: all 0.3s;}
.banner svg{width: 40px;height: 40px;}


.h-databox{background: #f6fafd;padding:1.5rem 0;}
.h-databox  .col-md-3 .box{text-align: center;border-right:1px solid #ccc;}
.h-databox .col-md-3:last-child .box{border-right: none;}
.h-databox .box h3{margin-bottom: .5rem;font-size: 20px;color:#3f98e8;}
.h-databox .box h3 b,.h-databox .box h3 strong{font-size: 30px;margin-right: .5rem;}
.h-databox .box p{color:#333;font-size: 14px;text-transform: uppercase;}

.h-slogan h2{font-size: 30px;margin-bottom: 2rem;}
.h-slogan p{line-height: 30px;}
.h-slogan span{margin-top: 2rem;height: 3px;width: 8%;}

.h-product{padding-bottom: 2rem !important;}
.h-product .nav{border:none;width: 100%;}
.h-product .nav li{flex: 0 0 auto;width: 20%;}
.h-product .nav button{width: 100%; outline:none;background: #fff;display: inline-block;padding:1rem;border:1px solid #f5f5f5;border-radius: 0; text-align: center;}
.h-product .nav button img{width:60px;margin:auto;}
.h-product .nav button h5{font-size: 14px; font-weight: bold;margin-top: 1rem;color:#666;}
.h-product .nav button .proico2,.h-product .nav .active .proico1{display: none;}
.h-product .nav .active .proico2{display: block;}
.h-product .nav .active{background: #f6fafd;border-bottom: none;}
.h-product .nav .active h5{color:#3f99e7;}
.h-product .tab-content{background: #f6fafd;padding:3rem;}
.h-product .tab-content .textbox{text-align: center;padding:1rem;}
.h-product .tab-content .textbox h3{margin-bottom: .8rem;}
.h-product .hvr-float{display:block;height: 100%;background: #fff;}


.h-application{background: #f9f9f9;}
.h-application .box{display: block;width: 100%;position: relative;}
.h-application .box .ofhidden{position: relative;z-index: 5;}
.h-application .box .ofhidden:before{content: "";background: linear-gradient(to bottom,#24243a,rgb(135 112 181 / 0.1));position: absolute;z-index: 56;height: 100%;width: 100%;}
.h-application .box .textbox{position: absolute;top:0;left: 0;z-index: 57;padding: 2rem;}
.h-application .box .textbox h3{color:#fff;}
.h-application .box .textbox p{color:#fff;}
.h-application .box .textbox .a-span{color:#fff;text-align: left;}
.h-application .col-md-4{padding:1.5rem;}

.h-about{background:url(../jpg/h-about-bg.jpg) no-repeat center center;padding:10rem 0;position: relative; z-index: 55;}
.h-about:before{content: "";background: rgb(0 0 0 / 0.4);left: 0;top:0; position: absolute;z-index: 56;height: 100%;width: 100%;}
.h-about .container{position: relative;z-index: 57;}
.h-about .textbox h2{color:#fff;}
.h-about .textbox p{color:#eee;line-height:26px;}
.h-about  .h-title a{display: block;margin-top: 3rem;}
.h-about  .h-title a i{width: 60px;height: 60px;border-radius: 60px;display:none;text-align: center;line-height: 60px;border:1px dotted #fff;}
.h-about  .h-title a svg{color:#fff;width: 25px;height: 25px;}
.h-about  .col-lg-5 .row .col-md-6{padding:1.5rem;}
.h-about  .col-lg-5 .row .col-md-6:nth-child(1){border-right:1px solid #eee;border-bottom: 1px solid #eee;}
.h-about  .col-lg-5 .row .col-md-6:nth-child(2){border-bottom: 1px solid #eee;}
.h-about  .col-lg-5 .row .col-md-6:nth-child(3){border-right:1px solid #eee;}
.h-about  .col-lg-5 .row .col-md-6 img{width: 30% ;margin:auto;margin-bottom: 1rem;}
.h-about  .col-lg-5 .row .col-md-6 h3{font-size: 15px;color:#eee;font-weight: bold;}
.h-about  .col-lg-5 .row .col-md-6 p{margin-bottom:0;font-size:13px;color:#fff;}

.h-new{background:url(../jpg/h-new-bg.jpg) no-repeat center center;padding:5rem 0;}
.h-new .col-lg-3{padding:0 1rem;margin-bottom: 2rem;}
.h-new  .textbox h3{margin-top: 1rem;font-size: 20px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.h-new  .textbox p{font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.h-new .a-span{text-align: left;}

.listnew h4{padding:0 10rem;font-size: 25px;margin-top: 2rem;margin-bottom:5rem;line-height: 36px;}
.listnew h5{font-size: 30px;font-weight: bold;margin-bottom: 0;}
.listnew .hvr-float{margin-top: 3rem;padding-top: 3rem;border-top:1px solid #ccc;}
.listnew .hvr-float:first-child{border-top:none;}
.listnew .hvr-float a{display:block;text-decoration: none;color:#333;padding:0 2rem;}
.listnew .hvr-float a:hover{text-decoration: none;}
.listnew .hvr-float a h4{font-size: 25px;font-weight: bold;color: #333;margin-bottom: .5rem;text-transform: uppercase;padding:0;}
.listnew .hvr-float a h3{font-weight: bold;font-size: 20px;margin-bottom: 1.5rem;color:#3f99e7;}
.listnew .hvr-float a p{font-size: 16px;line-height: 30px;margin-bottom: 2rem;}
.listnew .hvr-float a span{display: inline-block;text-transform: uppercase;background: #3f99e7;padding: .4rem 2rem;font-size: 15px;color: #fff;}
.listnew .hvr-float a span i{margin-left: .3rem;color: #ffffff;transition: all 0.3s;}
.listnew .hvr-float a span:hover i{margin-left: .6rem;transition: all 0.3s;}
.new-article h1{font-size: 36px;color:#333;}
.new-article h6{font-size: 16px;color:#666;}
.new-article .conbox{margin-top: 4rem;}
.new-article .conbox,.new-article .conbox p{color:#333;line-height: 30px;font-size: 18px; font-family:"Inter Tight","Lato";}
.new-article .conbox .w-60{width: 60%;margin:auto;}

.listpro .sticky ul{position: -webkit-sticky;position: sticky;top: 14vh;}
.listpro .sticky ul{list-style: none;margin:0;padding:0;}
.listpro .sticky ul li{margin-bottom: .5rem;}
.listpro .sticky ul li h3{background: #000;text-transform: uppercase; letter-spacing: 2px; color:#fff;padding:1rem;font-weight: bold;font-size: 20px;}
.listpro .sticky ul li img{width: 20px;height: 20px;margin-right: .4rem;transition: all 0.3s;}
.listpro .sticky ul li h3 img{width: 30px;height: 30px;}
.listpro .sticky ul li .a{width: 100%;border:1px solid #999; color:#999;padding:.8rem 1rem;font-size: 15px;transition: all 0.3s;}
.listpro .sticky ul li .a:hover img{margin-right: .6rem;transition: all 0.3s;}
.listpro .sticky ul li .active{color:#3f99e7;border:1px solid #3f99e7;transition: all 0.3s;} 
.listpro .sticky ul li .a .lpro-svg2,.listpro .sticky ul li .active .lpro-svg1{display: none;}
.listpro .sticky ul li .active .lpro-svg2{display: inline-block;}
.listpro .col-lg-9{padding-left: 3rem;}
.listpro .col-lg-9 .row .col-lg-4{padding:0 1rem;margin-bottom: 2rem;}
.listpro .hvr-float{display: block;color:#333;height: 100%;background: #f9f9f9;}
.listpro .hvr-float .textbox{padding:1rem;}
.listpro .hvr-float .textbox h3{font-size: 18px;color:#333;margin-bottom: .8rem;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.listpro .hvr-float .textbox h3 span{color:#333 !important;}
.listpro .hvr-float .textbox p{margin-bottom: 0;color:#666;font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 19px;overflow: hidden;}

.column-nav{background: #f5f5f5;}
.column-nav ul{padding:0;margin:0;list-style: none;}
.column-nav ul a{display: inline-block;padding:1rem 3rem;font-size: 16px; text-align: center;color: #aaa;rgin-bottom: 0;}
.column-nav ul .active{background: #fff;color: #333;}

.colnav{margin-top: 2rem;margin-bottom: 2rem;}
.colnav .col-lg-3{padding:.5rem;}
.colnav a{display: block;width: 100%;padding:1rem 0;color:#333;border:1px solid #ccc;text-align: center;font-size: 16px;}
.colnav .active{background: #3f99e7;border:1px solid #3f99e7;color:#fff;}



.application{padding:4rem 0;}
.application h2{font-size: 30px;text-align: center;text-transform: capitalize;margin-bottom: 1.5rem;}
.application p{font-size: 15px;color: #666;line-height: 26px;}
.application .clearfix{background: #f9f9ff;}
.application .clearfix img{transition: all 0.3s;}
.application .clearfix:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transition: all 0.3s;}
.application .clearfix-one .ofhidden{position: relative;}
.application .clearfix-one .img-one{opacity: 1;transition: all 0.5s;}
.application .clearfix-one .img-two{opacity: 0;transition: all 0.5s;position: absolute;top: 0;left: 0;}
.application .clearfix:hover .img-one{opacity: 0;transition: all 0.5s;}
.application .clearfix:hover .img-two{opacity: 1;transition: all 0.5s;}
.application .text-box .hr{width: 10%;margin: 5px 0;}
.application .text-box .hr hr{height:5px;border:0;margin: 5px 0;background: #3f99e7;}
.application .text-box h3{font-size: 25px;color:#333;background: #f9f9ff;margin-bottom: 0;font-weight: initial;}
.application .text-box h3 em{height: 28px;font-family: 'Archivo Black', sans-serif;font-size: 32px;font-weight: 900;color: #333333;line-height: 45px;opacity: 0.1;overflow: hidden;display: block;font-style: normal;}

.application .text-box dl{margin-top: 30px;}
.application .text-box dd{font-size: 14px;color:#666;margin-bottom: 10px;line-height: 22px;}
.application .text-box dd b{color:#666;}
.application .text-box .a-btn{cursor: pointer;background: linear-gradient(to left,#555a5f,#de847b);padding: 10px 15px;border: 2px solid #fff;font-size: 12px;opacity: 0.8;color: #ffffff;font-weight: initial;border-radius: 30px;text-transform: uppercase;border-bottom-left-radius: 0;padding-right: 30px;position: relative;transition: all 0.4s;margin: 0;}
.application .text-box .a-btn:hover{transition: all 0.4s;opacity: 1;}
.application .text-box .a-btn i{position: absolute;right: 12px;top: 8px;font-size: 12px;}
.application .text-box .title-box{margin-top: 5%;}
.application .text-box .title-box ul{list-style: disc;padding-left: 18px;margin-top: 15px;}
.application .text-box .title-box ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 22px;}
.application .clearfix-two h4{font-size: 18px;color: #333;font-weight: inherit;}
.application .conbox{display: flex;clear: both;margin-bottom: 8rem;}
.application .conbox:last-child{margin-bottom: 0;}
.application .conbox:nth-child(odd) .clearfix .clearfix-one{padding:0;padding-right: 4%;width: 50%;float: left;}
.application .conbox:nth-child(odd) .clearfix-two{padding: 2%;width: 50%;float: right;}
.application .conbox:nth-child(even) .clearfix .clearfix-one{padding:0;padding-left: 4%;width: 50%;float: right;}
.application .conbox:nth-child(even) .clearfix-two{padding: 2% 3%;width: 50%;float: left;}
.application .application-pro{background: #f9f9ff;padding:2rem;padding-top: 1rem;}
.application .application-pro h3{margin-bottom: 2rem;font-size: 25px;font-weight: bold;border-left: 5px solid #78ace4;padding-left: .5rem;}
.application .application-pro .hvr-float{padding:1rem;background: #fff;text-align: center;height: 100%;}
.application .application-pro .hvr-float img{width: 80%;margin:auto;}
.application .application-pro .hvr-float .protitle{font-size: 15px;color:#333;margin-top: 1rem;}
.gdt{overflow-x: scroll;}
.row-scroll{flex-wrap: initial;}
.gdt::-webkit-scrollbar{width: 2px; height:10px;}
.gdt::-webkit-scrollbar-track{border-radius:10px;background:rgb(160 160 160 / 10%)}
.gdt::-webkit-scrollbar-thumb {border-radius: 10px;background: rgb(255 255 255);box-shadow: 0 0 6px rgb(148 148 148 / 15%);}

.page .conbox{padding:4rem 0;}

.article-pro h1{font-size: 30px;margin-bottom: 1.5rem;color:#333;}
.article-pro h3{font-size: 22px;color:#3f99e7;font-weight: bold;text-transform: uppercase;margin-bottom: 1rem;}
.article-pro h3 i{margin-right: .5rem;}
.article-pro .descption h2{text-transform: uppercase;font-size: 30px;color:#333;margin-bottom: 2rem;}
.article-pro .descption p{font-size: 15px;color:#666;line-height: 24px;}
.article-pro .descption ul{margin:0;padding: 0;list-style: none;}
.article-pro ul li{margin-bottom: .4rem;color:#666;font-size: 15px;}
.article-pro .descption .a-btn{border-radius: 0;}
.article-pro .desc{font-size: 15px;color:#666;}
.sticky{padding: 0px;position: -webkit-sticky;position: sticky;top: 14vh;}
.article-pro.top .insthumb{margin: auto; padding: 0px;list-style: none;margin-top: 1rem;}
.article-pro.top .insthumb li{width: 60px;height: 60px;line-height: 60px; cursor: pointer;margin: 3px;margin-bottom: 10px;border-radius: 0;float: left;}
.article-pro.top .insthumb li img{width: 60px;height: 60px;padding: 2px;border: 1px solid #f1efef;border-radius: 0;}
.article-pro.top .insthumb .active img{border: 1px solid #7feae5;}
.article-pro.top .insthumb .mainvideo{background: #ff0000;text-align: center;}
.article-pro.top .insthumb .mainvideo svg{width: 25px;height: 25px; color:#fff;}
.article-pro.bottom{background: linear-gradient(to bottom,#f8f9ff 25%,#ffffff 50%);}
.article-pro.bottom h2{text-transform: uppercase;font-size: 25px;font-weight: bold;}
.article-pro.bottom .conbox{margin-top: 3rem;}
.article-pro.bottom ul{margin:0;padding:0;margin-left: 1.1rem;}
.article-pro.bottom .conbox .row{background: #f7f8fa;margin:0;padding:0;margin-bottom: 3rem;}
.article-pro.bottom .conbox .row .col-md-6{padding:0;}
.article-pro.bottom .conbox .row .col-md-6 .textbox{padding:0 5rem;}
.article-pro.bottom .conbox .row .col-md-6 .ofhidden img{margin:0 !important;}
.article-pro.bottom .conbox .row .col-md-6 .textbox h4{text-transform: uppercase; position: relative;font-size: 22px;font-weight: bold;color:#333;margin-bottom: 40px;}
.article-pro.bottom .conbox .row .col-md-6 .textbox h4:before{content: "";position: absolute;bottom: -20px;height: 3px;width: 15%;background: #3f99e7;}
.article-pro.bottom .conbox .row .col-md-6 .textbox p{font-size: 15px;color:#777;}
.article-pro.bottom .conbox .row .col-md-6 .textbox p b{color:#444;}
.article-pro.bottom h3{margin-top: 4rem;}


.hotpro .cobx .txtbox{padding:.5rem 1rem;}
.hotpro .cobx .txtbox h3{font-size: 16px;}
.hotpro .cobx .a-box{text-align: center;}
.hotpro .cobx .txtbox a{font-size: 12px;padding:.4rem 1rem;}
.hotpro .cobx{padding: .5rem;background: #f7f8fa;}


.prolisttab table tr td{padding:.5rem;font-size: 12px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;color:#333;text-align: center;}
.hotpro h3 span,.prolisttab td span{color:#333 !important;}
.prolisttab .col-md-2{padding:0;border:1px solid #ddd;border-right:none;border-bottom: none;}
.prolisttab  table{border-left:1px solid #ddd;border-top:1px solid #ddd;}
.prolisttab .row-f .col-md-2{background: #333;color:#fff;}
.prolisttab .row-f table td{word-break:break-all;background: #333;color:#fff;}
.prolisttab .row-t:last-child{border-bottom: 1px solid #ddd}
.prolisttab .col-md-10{padding:0;}
.prolisttab .col-md-10 table{width: 100%;}
.prolisttab .row-t table tr:last-child td{border-bottom:none;}
.prolisttab table a{font-weight: initial;color:#333;text-transform: uppercase;}
.prolisttab table a:hover{color:#3f99e7;}

.prolisttab .col-md-10 table tr td:nth-child(1){width:20%;}
.prolisttab .col-md-10 table tr td:nth-child(2){width:16%;}
.prolisttab .col-md-10 table tr td:nth-child(3){width:16%;}
.prolisttab .col-md-10 table tr td:nth-child(4){width:16%;}
.prolisttab .col-md-10 table tr td:nth-child(5){width:16%;}
.prolisttab .col-md-10 table tr td:nth-child(6){width:16%;}

.pp-ic .row{width: 100%;}
.pp-ic .col-md-10{width: 93%;}
.pp-ic .col-md-2.td0{width: 7% !important;text-align: center;}
.pp-ic .col-md-10 table tr .td1{width:16% !important;}
.pp-ic .col-md-10 table tr .td2{width:7% !important;}
.pp-ic .col-md-10 table tr .td3{width:7% !important;}
.pp-ic .col-md-10 table tr .td4{width:7% !important;}
.pp-ic .col-md-10 table tr .td5{width:7% !important;}
.pp-ic .col-md-10 table tr .td6{width:7% !important;}
.pp-ic .col-md-10 table tr .td7{width:7% !important;}
.pp-ic .col-md-10 table tr .td8{width:7% !important;}
.pp-ic .col-md-10 table tr .td9{width:7% !important;}
.pp-ic .col-md-10 table tr .td10{width:7% !important;}
.pp-ic .col-md-10 table tr .td11{width:7% !important;}
.pp-ic .col-md-10 table tr .td12{width:7% !important;}
.pp-ic .col-md-10 table tr .td13{width:7% !important;}
.pp-ic .col-md-10 table tr{display: flex;}
.pp-ic .col-md-10 table tr td{display: flex;word-break: break-all;justify-content: center;align-items: center;}
.pp-ic .row-f table td{word-break: inherit;display:}

.ha-mcu .row{width: 100%;}
.ha-mcu .col-md-10{width: 87%;}
.ha-mcu .col-md-2.td0{width: 13% !important;text-align: center;padding:.5rem;}
.ha-mcu .col-md-10 table tr .td1{width:20% !important;}
.ha-mcu .col-md-10 table tr .td2{width:10% !important;}
.ha-mcu .col-md-10 table tr .td3{width:10% !important;}
.ha-mcu .col-md-10 table tr .td4{width:10% !important;}
.ha-mcu .col-md-10 table tr .td5{width:10% !important;}
.ha-mcu .col-md-10 table tr .td6{width:10% !important;}
.ha-mcu .col-md-10 table tr .td7{width:10% !important;}
.ha-mcu .col-md-10 table tr .td8{width:10% !important;}
.ha-mcu .col-md-10 table tr .td9{width:10% !important;}
.ha-mcu .col-md-10 table tr{display: flex;}
.ha-mcu .col-md-10 table tr td{display: flex;word-break: break-all;justify-content: center;align-items: center;}
.ha-mcu .row-f table td{word-break: inherit;display:}

.led-light .row{width: 100%;}
.led-light .col-md-10{width: 87%;}
.led-light .col-md-2.td0{width: 13% !important;text-align: center;padding:.5rem;}
.led-light .col-md-10 table tr .td1{width:20% !important;}
.led-light .col-md-10 table tr .td2{width:8% !important;}
.led-light .col-md-10 table tr .td3{width:8% !important;}
.led-light .col-md-10 table tr .td4{width:8% !important;}
.led-light .col-md-10 table tr .td5{width:8% !important;}
.led-light .col-md-10 table tr .td6{width:8% !important;}
.led-light .col-md-10 table tr .td7{width:8% !important;}
.led-light .col-md-10 table tr .td8{width:8% !important;}
.led-light .col-md-10 table tr .td9{width:8% !important;}
.led-light .col-md-10 table tr .td10{width:8% !important;}
.led-light .col-md-10 table tr .td11{width:8% !important;}
.led-light .col-md-10 table tr{display: flex;}
.led-light .col-md-10 table tr td{display: flex;word-break: break-all;justify-content: center;align-items: center;}
.led-light .row-f table td{word-break: inherit;display:}





.app-table table .fa-file-pdf{color:#3f99e7;}
.related{width: 100%;border:1px solid #ddd;border-right:1px solid #ddd;}
.related tr:nth-child(1) td{font-weight: bold;}
.related tr td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding:.5rem;text-align: center;vertical-align:middle;font-size: 14px;}
.related tr td img{width: 50px;}

.related a{font-weight: initial;color:#333;text-transform: uppercase;}
.related a:hover{color:#3f99e7;}

.related-pro{padding:3rem 0;background: #f7f8fa;}
.related-art .carousel-item .col-md-3,.related-art .carousel-item .col-md-4{float: left;padding:1rem;}
.related-art .hvr-float{background: #fff;display: block;}
.related-art .textbox{padding:.5rem 1rem;}
.related-art .textbox h3 span{background: none;color:#333 !important;}
.related-art .textbox h3{text-transform: inherit;color:#333;margin-bottom: .5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.related-art .textbox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.related-art a span{background: rgb(63 153 231);display: block;width: 50px;font-family: monospace;line-height: 44px;font-size: 24px;text-align: center;height: 50px;color: #fff;border-radius: 50%;}


.about .conbox .titlebox h5{font-size: 14px;color:#3f98e8;margin-bottom: 1rem;font-weight: bold;}
.about .conbox .titlebox h3{color:#333;font-weight: bold;}
.about .conbox .row.titlebox{margin-bottom: 2rem;}
.about .conbox:nth-child(1) .row .col-md-6:nth-child(1){background:url(../jpg/about-c1.jpg) no-repeat center center;}
.about .conbox:nth-child(1) .titlebox h3{color:#fff;font-weight: bold;}
.about .conbox:nth-child(1) .textbox{margin-left: 20%;}
.about .conbox:nth-child(1) .textbox p{color:#e6e6e6;padding-right: 4rem;line-height: 24px;font-size: 14px;}
.about .conbox:nth-child(1) .row .col-md-6:nth-child(2){padding:2rem 0;}
.about .h-databox{background: #fff;padding:1rem 4rem !important;}
.about .conbox:nth-child(3) .col .box{background: #f5f5f5;padding:2rem;padding-bottom:5rem;height: 100%;position: relative;z-index: 5;}
.about .conbox:nth-child(3) .col .box h3{position: relative;z-index: 5;font-size: 20px;font-weight: bold;color:#3f98e8;text-transform: uppercase;}
.about .conbox:nth-child(3) .col .box p{position: relative;z-index: 5;font-size: 15px;color:#333;line-height: 22px;}
.about .conbox:nth-child(3) .col img{position: absolute;left: 22%;bottom:0;z-index: 4;}
.about .conbox:nth-child(4) .row .col-md-4{padding:0 2rem;}
.about .conbox:nth-child(4) .row .col-md-4 .box{background: #f5f5f5;height: 100%;}
.about .conbox:nth-child(4) .row .col-md-4 .textbox{padding:1.5rem 2rem;}
.about .conbox:nth-child(4) .row .col-md-4 .textbox h3{font-size: 18px;font-weight: bold;margin-bottom: 1rem;}
.about .conbox:nth-child(4) .row .col-md-4 .textbox ul{margin:0;padding:0;margin-left: 1rem;font-size: 14px;color:#666;}
.about .conbox:nth-child(5) .textbox p{font-size: 16px;}
.about .conbox:nth-child(5) .textbox p b{color:#333;font-size: 18px;}

.contact{background: #f5f5f5;}
.contact .col-md-4{margin-top: 3rem;}
.contact .titlebox h3{font-size: 36px;color:#333;margin-bottom: 1rem;}
.contact .titlebox p{font-size: 16px;color: #777;line-height: 28px;}
.contact .col-md-4 .textbox{padding:1.5rem;background: #fff;height: 100%;position: relative;}
.contact .col-md-4 .textbox h3{font-size: 25px;color:#333;font-weight: bold;margin-bottom: 1rem;}
.contact .col-md-4 .textbox a{text-decoration: none;font-size: 14px;color:#666;display: block;margin-bottom: 0.4rem;transition: all 0.4s;}
.contact .col-md-4 .textbox a:hover{letter-spacing: 0.4px;color:#6374c0;transition: all 0.4s;text-decoration: underline;}
.contact .col-md-4 .textbox a i{color:#6374c0;}
.contact .col-md-4 .textbox a b{color:#6374c0;font-weight: 500;}
.map{background:url(../contact-map.html) center center;}
.map .mbox{box-shadow: 13px 15px 40px 0 rgba(50,26,9,.08);}
.map .pbox{padding: 2%;}
.contact .wp-button a{cursor: pointer; background: #00a884;text-transform: uppercase;color:#fff;font-size: 16px;padding: .6rem 2rem;letter-spacing: 1px;border-radius: 4px;}
.contact .wp-button a img{margin-top: -2px; margin-right: .3rem;width: 30px;transition: all 0.4s;}
.contact .wp-button a:hover{background: #10b793;transition: all 0.4s;}
.contact .wp-button a:hover img{margin-right: .5rem;transition: all 0.4s;}

.mescon input,.mescon textarea{padding:0.8rem;background:#fff;border:none;border-radius: 0;}
.mescon .col-md-6,.mescon .col-md-12{padding:0.6rem;}
.mescon .form-group{margin-bottom: 0;}
.mescon .a-box{margin-top: 1rem;}
.contact .btnbox{margin-left: -0.5rem;margin-top: 1.5rem;margin-bottom: 1rem;}
.contact .btnbox .a-btn{background: #3f99e7;color:#fff;width: 30%;border-radius: 0;}
.mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder,.flist select option{color:#ccc;font-size: 14px;}

.formshiro .a-box{display: block;}
.formshiro .a-box .a{border:none;border-radius: 0; padding: 0.5rem 3rem;color:#fff;font-size: 15px;background: #3f99e7;transition: all 0.4s;}
.formshiro .a-box .a span,.mescon .a-box .a i{color:#fff;transition: all 0.4s;font-size: 15px;margin-right: 5px;}
.formshiro .a-box .a:hover{color:#fff;background: #61acec;transition: all 0.4s;}
.formshiro .a-box .a:hover span,.mescon .a-box .a:hover i{margin-right: 0.8rem;transition: all 0.4s;}
.pro-contact{background:url(../jpg/pro-contactbg.jpg) no-repeat center bottom;}

.popform{padding:2rem;}
.popform .mescon .form-control{padding:.7rem;color:#333;font-size: 1rem;border: 1px solid #ddd;}
.popform .mescon input::-webkit-input-placeholder,.mescon textarea::-webkit-input-placeholder,.flist select option{color:#aaa;font-size: 1rem;}


.footer{background: #333;padding-top:4rem;padding-bottom: 2rem; color:#fff;}
.footer .col-md-3:last-child img{margin-top: -1rem;}
.footer ul{list-style: none;margin:0;padding:0;}
.footer ul li{margin-bottom: .3rem;}
.footer h3,.footer h3 a{font-size: 22px;color:#fff;margin-bottom: 1.5rem;}
.footer a{color:#d7d8d8;font-size: 14px;transition: all 0.2s;}
.footer a:hover{color:#fff;transition: all 0.2s;text-decoration: revert;}
.footer ul li a{transition: all 0.2s;}
.footer ul li a:hover{margin-left: .2rem;transition: all 0.2s;text-decoration: revert;}
.footer .f-media li{margin:0 .5em;}
.footer .f-media li i{font-size: 20px;}
.footer .mescon input{padding:.4rem;color:#fff;font-size: 15px; background: none;border:1px solid #b4d6d6;border-radius: 0; border-top-left-radius: 12px;border-bottom-left-radius: 12px;}
.footer .mescon input::-webkit-input-placeholder,.footer .mescon textarea::-webkit-input-placeholder{color:#8c8c8c;font-size: 12px;padding-left: .5rem;}
.footer .mescon button{padding:.4rem .6rem;font-size: 15px;border-top-right-radius: 12px;border-bottom-right-radius: 12px;background: #81bbbb;border:1px solid #81bbbb;transition: all 0.2s;}
.footer .mescon button:hover{background: #a29f9f;border:1px solid #a29f9f;transition: all 0.2s;}
.footer .mescon button svg{color:#fff;}
.footer .powerby{text-align: center; font-size: 13px;color:#d7d8d8;padding-top: 1.5rem;margin-top: 1.5rem;border-top:1px solid #585858;}



.inner .column{position: relative;padding: 9% 0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.inner.article-pro .column{padding:8rem 0;}
.inner .column:before{background-color: #0e102d;content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;opacity: 0.6;}
.article-esg .column:before{background-color: rgb(14 16 45 / 0.5);content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;opacity: 0.6;}
.inner .column .container{position: relative;z-index: 2;}
.inner .column .textbox h1,.inner .column .textbox h2,.inner .column .textbox .h2{font-size: 36px;color:#fff;font-weight: bold;margin-bottom: 1rem;}
.inner .column .textbox p{font-size:15px;color:#fff;line-height: 25px;}

.prenext{margin-top: 3%;padding:0;padding-top: 2%;border-top: 1px solid #eee;font-size: 16px;list-style: none;}
.prenext li{font-size: 16px;font-weight: bold;color:#333;}
.prenext a{color: #777;text-decoration: none;font-size: 15px; font-weight: initial;}
.prenext a:hover{color: #3f99e7;text-decoration: underline;}


.position ul{display: flex;justify-content: center;list-style: none;padding:0;}
.position li{margin-right: 6px;}
.position li::before{content:"/";display: inline-block;font-size: 14px;}
.position li:nth-child(1)::before{display: none;}
.position li a{display: inline-block;color: #bbb;font-size: 14px;transition: all 0.3s;}
.position li a:hover{color: #2bd2c9 !important;transition: all 0.3s;text-decoration: revert;letter-spacing: 0.4px;}
.breadcrumb-item+.breadcrumb-item::before{content: "/";color:#bbb;margin-top: 5px;font-size: 12px;margin-right: 4px;}


.pagination li{font-size:13px !important;}
.pagination li .page-link{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #3f99e7;background-color: #fff;border: 1px solid #3f99e7;}
.pagination .active .page-link{background: #3f99e7;border-color:#3f99e7;color:#fff;font-weight: initial;}
.pagination li .pageinfo{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #6c757d;background-color: #fff;border: 1px solid #dee2e6;}
.pagination li.disabled .page-link{color: #3f99e7;pointer-events: none;cursor: auto;background-color: #fff;border-color: #3f99e7;}




.hvr-float{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.hvr-float-shadows{transition: all 0.4s;}
.hvr-float-shadows:hover{box-shadow: 0px 20px 10px -10px rgb(230 225 225 / 80%);transition: all 0.4s;}
.hvr-push{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;}
.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name: hvr-push;animation-name: hvr-push;-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}

.gif-bg{animation-name:banimg;animation-iteration-count:infinite;animation-timing-f3unction:ease-in;animation-duration: 10s;}
@keyframes banimg{
0% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
100% {transform:scale(1.0,1.0);-webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);}
}

@media (min-width:768px){
	.container{width: 80%;margin:auto;max-width: 1800px;}
	.jc-start{display: flex;justify-content: flex-start;}
	.jc-end{display: flex;justify-content: flex-end;}
	.jc-center{display: flex;justify-content: center;}
	.jc-between{display: flex;justify-content: space-between;}
	.jc-around{display: flex;justify-content: space-around;}
	.ai-end{display: flex;align-items: flex-end;}
	.ai-center{display: flex;align-items: center;}
	.py-md-5{padding-top: 3rem !important;padding-bottom: 3rem !important;}
	.pr-lg-5{padding-right: 3rem;}
	
	.logo{width: 14%;margin-top: 1rem;}
	.app-down{display: none;}
	.navbar-toggler{display: none;}
	.nav-toptwo{}
	.navapp-click,.navapp-box{display: none;}
	.h-product .tab-content .col-lg-4{padding:0 1rem;margin-bottom: 2rem;}
	.h-about  .col-lg-7{padding-right: 3rem;}
	.h-about  .col-lg-5{padding-left: 3rem;}

	.row-lr6 .col-md-6:nth-child(odd),.row-lr6 .col-lg-6:nth-child(odd){padding:3rem;padding-left: 0;}
	.row-lr6 .col-md-6:nth-child(even),.row-lr6 .col-lg-6:nth-child(even){padding:3rem;padding-right: 0;}

	.article-pro.top .carousel-control-next, .article-pro.top .carousel-control-prev,#carouseRelated .carousel-control-next,#carouseRelated .carousel-control-prev{width: 8%;}
	#carouselpro .carousel-control-prev,#carouseRelated .carousel-control-prev{left: -5rem;}
	#carouselpro .carousel-control-next,#carouseRelated .carousel-control-next{right: -5rem;}
}



@media screen and (min-width: 1501px) and (max-width: 1920px){
	.h-about  .col-lg-7{padding-right: 4rem;}
	.h-about  .col-lg-5{padding-left: 4rem;}

}



@media screen and (min-width: 1250px) and (max-width: 1500px){
	.navbox .navbar .navbar-nav .nav-link{padding:1.5rem 1rem;}
}

@media screen and (min-width: 992px) and (max-width: 1249px){
	.container{width: 90%;}
	.navbox .navbar .navbar-nav .nav-link{padding:1.5rem 1rem;font-size: 15px;}
	.about .conbox .col-md-6{width: 100%;}
	.about .conbox:nth-child(1) .textbox{margin-left: 7%;padding: 2rem 1rem;}
	.about .conbox:nth-child(1) .titlebox h3 br{display: none;}
	.about .conbox:nth-child(1) .row .col-md-6:nth-child(2){padding:0;}
	.about .conbox:nth-child(1) .row .col-md-6:nth-child(2) img{width: 100%;}
	.page .conbox{padding:2rem 0;}
	.about .h-databox{padding:1rem 2rem !important;}
	.listpro .sticky ul li h3{font-size: 13px;}
	.listpro .sticky ul li .a{padding:.8rem;font-size: 14px;}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.container{width: 97%;margin:auto;max-width: 1800px;}
	#carouselpro .carousel-control-prev,#carouseRelated .carousel-control-prev{left: 0rem;}
	#carouselpro .carousel-control-next,#carouseRelated .carousel-control-next{right: 0rem;}
	.article-pro.top .carousel-control-next, .article-pro.top .carousel-control-prev,#carouseRelated .carousel-control-next,#carouseRelated .carousel-control-prev{width: 8%;}
	.navbox .navbar .navbar-nav .nav-link{font-size:15px;padding:2rem 1rem;}
	.logo{margin-top: 1.5rem;}
	.h-databox .box p{font-size: 12px;}
	.h-title h2, .h-about .textbox h2{font-size: 26px;}
	.h-title p{font-size: 14px;line-height: 22px;}
	.h-product .nav button h5{font-size: 12px;font-weight: inherit;}
	.textbox p{font-size: 14px;}
	.h-application .col-md-4{padding:1rem;}
	.h-application .box .textbox{padding:1rem;}
	.h-about{padding:4rem 0;}
	.h-about .textbox p{line-height: 22px;}
	.h-about .col-lg-5 .row .col-md-6 img{width: 50%;}
	.nav-toptwo{margin-top: 0;}
	.h-new{background:url(../jpg/h-new-bg-app.jpg) no-repeat center center;padding:4rem 0;}
	.inner .column .textbox h1, .inner .column .textbox h2{font-size: 30px;}
	.inner .column .textbox{margin-top: 2rem;}
	.mt-md-5{margin-top: 2rem !important;}
	.sticky{position: relative;top:0;}
	.listpro .col-lg-9{margin-top: 3rem;padding-left: 1rem;}
	.listnew .hvr-float{border:none;}
	.listnew .hvr-float a{padding:0 1rem;}
	.listnew .hvr-float a p{font-size: 15px;line-height: 22px;margin-bottom: 2rem;}
	.new-article h1{font-size: 28px;}
	.about .conbox .col-md-6{width: 100%;}
	.about .conbox:nth-child(1) .textbox{margin-left: 7%;padding: 2rem 1rem;}
	.about .conbox:nth-child(1) .titlebox h3 br{display: none;}
	.about .conbox:nth-child(1) .row .col-md-6:nth-child(2){padding:0;}
	.about .conbox:nth-child(1) .row .col-md-6:nth-child(2) img{width: 100%;}
	.page .conbox{padding:2rem 0;}
	.about .h-databox{padding:1rem 2rem !important;}
	.listpro .sticky ul li h3{font-size: 13px;}
	.listpro .sticky ul li .a{padding:.8rem;font-size: 14px;}
	.about .conbox .col{flex: 1 0 100%;margin-bottom: 1rem;}
	.about .conbox:nth-child(3) .col img{right:1rem;bottom:2rem; left: auto;width: 100px;}
	.about .conbox:nth-child(3) .col .box p{width: 50%;}
	.about .conbox:nth-child(3) .col .box{padding-bottom: 2rem;}
	.about .conbox:nth-child(4) .row .col-md-4{width: 100%;margin-bottom: 2rem;}
}

@media (max-width:767px){
	.container{width: 97%;margin:auto;max-width: 1800px;}
	.container-article{width: 92%;margin:auto;max-width: 1800px;}
	.h-title h2,.h-about .textbox h2{font-size: 30px;}
	.textbox h3{margin-bottom: 1rem;}
	.app-table{vertical-align: middle;width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;}
	.nav-toptwo{margin-top: 7vh !important;}
	.article-pro.bottom h3{margin-top: 2rem;}

	.ai-center-app{display: flex;align-items: center;}
	.navbox{box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);background: #fff;}
	.navbox .container{width: 100%;margin:auto;padding:0 15px;}
	.lang .language-1{display: none;}
	.navbox .logo{display: flex;justify-content: space-between;align-items: center;text-align: center;padding: 10px 0;}
	.navbox .logo i{color:#333;font-size: 20px;margin-top: 5px;}
	.navbox .logo button{background: none;padding:0;border:none;}
	.navbox .logo .ai-center img{width: 40% !important;margin:auto;padding:5px  0;}
	.lang img,.navbar-toggler img{width: 60px;}
	.h-title h2{font-size: 25px;}
	.textbox h3{font-size: 22px;}
	.nav-toptwo{margin-top: 12vh;}
	.navbar{min-height:auto;}
	.navbox .logo a .onoff1,.navbox .logo a .onoff2{width: 50%;margin:auto;}
	.navbox .logo a .onoff1{display: none;}
	.navbox .logo a .onoff2{display: inline-block;}
	.navbox .navbar{padding:0;}
	.navbox .navbar .navbar-nav .nav-link{padding:10px;}
	.navbox .navbar .navbar-nav .nav-link:last-child{padding-right: 0;}
	.navbar-toggler{padding:0;}
	.app-down4,.app-down5,.app-down6{display: none !important;}
	.ofnbox{display: inline-block;}
	.ofnbox img:nth-child(1){display:inline-block;}
	.ofnbox img:nth-child(2){display:none;}
	.ofnbox.active img:nth-child(1){display:none;}
	.ofnbox.active img:nth-child(2){display:inline-block;}
	/*app导航栏头部*/
	.app-down{display: block;position: absolute;right: 10px;top: 10px;font-size: 10px;background: #dcf0ff;padding: 4px 6px;border: 1px solid #9cc5e4;color: #1b76bc;}
	.app-down i{display: block;color: #1779bf;font-size: 12px;}
	.navbox .nav-link i{display: none;}
	.navbox .navbar-nav .nav-item .nav-link{color:#333;font-size: 15px;text-transform: uppercase;border-bottom: 1px solid #eee;}
	.navapp-click{display: block;position: absolute;right: 10px;top: 10px;border: 1px solid #ccc;color: #ab9696;font-size: 12px;}
	.navbar-nav .nav-item .dropdown-item{position:relative;color:#666;font-size: 14px;display: block;padding: 5px 10px;background: #f0f5fb;margin-bottom: 5px;border-left: 2px solid #9fbee2;}
	.app-down{display: none;}
	.dropdown-menu{border:none;padding: 2% 4%;}
	.a-box .a-btn{padding:.4rem 2rem;font-size: 14px;}
	.dropdown-menuu,.dropdown-menuu1,.title-list,.navbar .dropdown-menuu1 .pt-md-4{display: none;height: 0;padding:0 !important;max-height: 0;box-shadow: none !important;border-bottom: 0!important;}

	.h-product .nav button{padding:.5rem;}
	.h-product .nav button h5{font-size: 12px;font-weight: initial;word-break: break-all;}
	.h-databox .box h3 b, .h-databox .box h3 strong{font-size: 22px;}
	.h-databox .col-md-3{padding:1rem; }
	.h-databox .col-md-3 .box{border:none;}
	.h-databox .col-md-3:nth-child(1){border-bottom: 1px solid #ccc;}
	.h-databox .col-md-3:nth-child(2){border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
	.h-databox .col-md-3:nth-child(4){border-left: 1px solid #ccc;}
	.h-product .tab-content{padding:1.5rem;}
	.h-product .col-lg-4{margin-bottom: 1rem;}
	.h-about{background:url(../jpg/h-about-bg-app.jpg) no-repeat center center;padding:3rem 0;}
	.footer h3, .footer h3 a{margin-bottom: 1rem;}
	.footer .col-md-3{margin-bottom: 1.5rem;}
	.h-new{padding:3rem 0;}
	.sticky{position: relative;top:0;}
	.inner .navbox{background: #fff;}
	.listpro .col-lg-9{margin-top: 3rem;padding-left: .5rem;}
	.listnew .hvr-float{border:none;}
	.listnew .hvr-float a{padding:0 1rem;}
	.listnew .hvr-float a p{font-size: 15px;line-height: 22px;margin-bottom: 2rem;}
	.new-article h1{font-size: 28px;}
	.about .conbox .col-md-6{width: 100%;}
	.about .conbox:nth-child(1) .textbox{margin-left: 7%;padding: 2rem 1rem;}
	.about .conbox:nth-child(1) .titlebox h3 br{display: none;}
	.about .conbox:nth-child(1) .row .col-md-6:nth-child(2){padding:0;}
	.about .conbox:nth-child(1) .row .col-md-6:nth-child(2) img{width: 100%;}
	.page .conbox{padding:2rem 0;}
	.about .h-databox{padding:1rem 2rem !important;}
	.listpro .sticky ul li h3{font-size: 13px;}
	.listpro .sticky ul li .a{padding:.8rem;font-size: 14px;}
	.article-pro .hotpro .col-md-6{width: 50%;}
	.hotpro .cobx .txtbox h3{font-size: 12px;}
	.about .conbox .col{flex: 1 0 100%;margin-bottom: 1rem;}
	.about .conbox:nth-child(3) .col img{right:1rem;bottom:2rem; left: auto;width: 100px;}
	.about .conbox:nth-child(3) .col .box p{width: 50%;}
	.about .conbox:nth-child(3) .col .box{padding-bottom: 2rem;}
	.hotpro .cobx .txtbox{padding:.5rem;}
	.hotpro .cobx .txtbox a{padding: .4rem;}
	.about .conbox:nth-child(4) .row .col-md-4{width: 100%;margin-bottom: 2rem;}
	.prolisttab .col-md-2{padding:1rem;}
	.position{display: none;}
	.inner.article-pro .column{padding:3rem 0;}
	.article-pro.top{margin-top: 0!important;}
	.inner .column .textbox h1, .inner .column .textbox h2{font-size: 30px;}
	.article-pro .descption h2{margin-top: 1rem;}
	.article-pro .descption .a-btn{padding:.8rem .4rem;}
	.listnew .hvr-float{margin-top: 0;padding-top: 0;border:none;}
	.listnew .hvr-float a{padding:0;}
	.listnew .hvr-float a h3{font-size: 12px;line-height: 16px;}
	.listnew .col-lg-4{padding:.5rem  !important;}
	.listnew .hvr-float{margin-bottom: 1rem;}
	.listnew .hvr-float a h4{display: none;}
	.listnew .hvr-float a p{font-size: 12px;line-height: 14px;margin-bottom:.5rem;}
	.listnew .hvr-float a span{padding:.4rem 1rem;font-size: 12px;}
	.about .conbox:nth-child(1) .textbox{margin-left:0;}
	.about .conbox:nth-child(1) .textbox p{padding-right: 0px;}
	.about .h-databox{padding:1rem !important;}
	.about .conbox:nth-child(4) .row .col-md-4{padding:0 1rem;}
	.colnav{margin-top: 0;margin-bottom: 1rem;}
	.colnav a{font-size: 13px;padding:.6rem 0;}
	
		
}