blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*{box-sizing:border-box}
body{background:#fff;color:#333;font-size:14px;font-family:Arial,Helvetica,sans-serif}
caption,td,th{font-size:16px;border:1px solid #000;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
address,caption,cite,code,var{font-style:normal;font-weight:400}
a{color:#333;text-decoration:none}
a:link{text-decoration:none}
a:hover{text-decoration:none}
img{border:none;max-width:100%}
li,ol,ul{list-style:none}
button,input,select,textarea{font:14px Verdana,Helvetica,Arial,sans-serif}
table{border-collapse:collapse}
html{overflow-y:scroll}
i{font-style:normal}
.h4,.h5,.h6,h4,h5,h6{margin:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.flex{display:flex;display:-webkit-flex;flex-wrap:wrap};
.t-center{text-align:center;}
header{background:#fff;position:fixed;top:0;left:0;right:0;z-index:9999;box-shadow:0 2px 4px rgba(0,0,0,.1);}
.down{position:relative;}
.header-con{margin:0 auto;width:80%;justify-content:space-between;position:relative;height:100px;align-items:center;z-index:9;}
.logo{height:50px;}
.logo img{height:100%;}
.language {
    position: relative;
   
    padding: 0 5px;
}
.language .lang-title a {
    color: #000;
    font-size: 14px;
    align-items:center;
    position: relative;
    padding-right: 10px;
    height: 30px;
}
.language .lang-title img {
    margin-right: 5px;
}
.language .lang-cont {
    display: none;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    background-color: #fff;
    border:1px solid #eee;
    z-index: 9999;
    padding:0 10px;
    right: 0;
}
.language .lang-cont a {
   color: #666;
   font-size: 12px;
}
.language .lang-cont a img {
	vertical-align: middle;
	margin-right: 5px;
}
.language .lang-cont li {
    line-height: 40px;
    width: 100px;
    padding-left: 5px;
    display: block;
    border-bottom: 1px solid #eee;
}
.language:hover .lang-cont {
    display: block;
}
.language .lang-title a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 4px solid;
    position: absolute;
    top: 50%;
    right: 0;
    border-color: #000 transparent transparent transparent;
    border-bottom-width: 0;
    background: none;
    margin: -2px 0 0;
    padding: 0;
}
.language:hover .lang-title a::after {
    border: 4px solid;
    border-color: transparent transparent #000 transparent;
    border-top-width: 0;
}
.search-from{position:absolute;top:100px;z-index:2;padding:20px;box-shadow:0 0 5px rgba(0,0,0,.2);background:#fff;right:50px;opacity:0;transition:.5s all ease-in-out;display:none;}
.search-from.active{top:110px;opacity:1;transition:.5s all ease-in-out;display:block;}
.search-from form{justify-items:center}
.search-from #txtSearch{width:300px;border:1px #dedede solid;height:42px;outline:0;padding-left:10px}
.search-from #btnSearch{border:none;font-size:16px;background:#3267ff;width:90px;color:#fff}
.search-icon{width:60px;align-items:center;height:100%;margin-left:20px;}
.search-icon i{display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#000;font-size:20px;cursor:pointer}
.container{width:75%;margin:0 auto}
@media (min-width:992px){
    #nav>ul>li{float:left}
    #nav{display:flex;align-items:center;}
    .nav-btn{display:none}
    #nav>ul>li>a{font-size:16px;display:flex;display:-webkit-flex;align-items:center;height:80px;padding:0 13px;position:relative;color:#000;text-transform: uppercase;}
    #nav>ul>li{position:relative}
    .submenu{position:absolute;top:100%;border:none;border-radius:0;background-color:#fff;box-shadow:none;left:0;z-index:99999;display:none;transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out}
    .nav-list:hover .submenu{top:100%;opacity:1;visibility:visible;transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out}
    #nav li .submenu a{white-space:nowrap;font-size:16px;line-height:48px;color:#333;padding:0 30px;display:block}
    #nav li .submenu li:hover{background:#3267ff}
    #nav li:hover>a{color:#3267ff}
    #nav li .submenu li:hover a{color:#fff}
    #nav li .submenu li .submenu li a{color: #333;}
    .nav .submenu .submenu {
                left: 100%;
                top: 0;
            }
    #nav li .submenu li .submenu li:hover a{color: #fff;}
    #nav .nav-list>a:after{content:' ';position:absolute;bottom:20px;left:50%;margin-left:-3px;border:2px solid #fff;display:inline-block;width:6px;height:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:none;border-right:none;opacity:0;visibility:hidden}
    #nav .nav-list:hover>a:after{opacity:1;visibility:visible}
    #banner img{display:block}
    .banner-btn>div{background:rgba(255,255,255,.3);width:53px;height:112px;margin-top:-56px;left:-53px;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;text-align:center;line-height:112px;font-size:30px;color:#fff;}
    .banner-btn>div:hover{background-color:#3267ff}
    .banner-btn .swiper-button-next{left:auto;right:-53px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
    #banner:hover .banner-btn>div{left:0;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
    #banner:hover .banner-btn .swiper-button-next{right:0;left:auto}
    #banner .swiper-pagination-bullet{background:#fff;position:relative;}
    #banner .swiper-pagination-bullet:before{content:'';width:200%;height:200%;position:absolute;left:-5px;top:-5px;border:1px solid #fff;border-radius:50%;}
}
.section{padding-bottom:80px}
#banner .swiper-pagination-bullet-active{background:#3267ff}
#banner .swiper-pagination-bullet-active:before{
    border-color:#3267ff;
}
.sec_padding{padding:70px 0;background:#f4f1f1;}

.tit-h2{font-size:38px;color:#333;line-height:1.6;margin-bottom:20px;}
.tit-p{color:#999;font-size:14px;line-height:2;margin:0 auto;text-transform:capitalize;}
.t-center{text-align:center;}
.inabout-ri .inabout-video{width:100%;padding-top:calc(100% * 0.563);position:relative;}
.inabout-ri .inabout-video iframe,.inabout-ri .inabout-video video{position:absolute;width:100%;height:100%;left:0;top:0;}
.inabout-ri .inabout-video .video-cover{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;cursor:pointer;}
.inabout-ri .inabout-video .video-cover img{width:100%;height:100%;object-fit:cover;}

.inabout-con{justify-content:space-between;align-items:flex-end;}
.inabout-con .tit-h2{position:relative;line-height:2;font-weight:600;color:rgba(50, 103, 255, 1)}
.inabout-con .tit-h2:before{content:'';position:absolute;left:0;bottom:0;background:#999;width:100px;height:1px;}
.inabout-le{width:52%;}
.inabout-le .inabout-img p{font-size:16px;line-height:1.7}
.inabout-ri{width:47%;}

.inabout-ul{margin-top:30px;background:rgba(52, 52, 52, 1);text-align:center;}
.inabout-ul li{color:#fff;width:33.33%;padding:40px 0 30px;border-right:1px solid #fff;}
.inabout-ul li:last-child{border-right:none;}
.inabout-ul li:hover{background:#3267ff;}
.inabout-ul li img {display:block;margin:0 auto;}
.inabout-ul li span{font-size:16px;line-height:1.5;margin-top:30px;display:inline-block;color:#fff;}


.indFoot>.flex{display:flex;gap:5px;}
.indFoot .indFoot-item{flex:1;background:rgba(50,103,255,.1);padding:20px;line-height:2;}
.indFoot .indFoot-news{margin-top:10px;}
.indFoot .indFoot-news span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:80%;}
.indFoot .indFoot-news date{width:18%;}
.indFoot-link{text-align:right;margin-top:20px;}
.indFoot-link a{color:#fff;font-size:14px;padding:10px 30px;border-radius:5px;background:#3267ff;}
.indFoot-contenc{margin-top:20px;}
.indFoot-contenc .flex{flex-flow:row nowrap;}
.indFoot-contenc a{align-items:center;line-height:1.6;justify-content:space-between;}
.indFoot-contenc a i{font-size:20px;color:#3267ff;background:rgba(0,0,0,.2);border-radius:5px;margin-right:10px;width:30px;height:30px;text-align:center;line-height:30px}
.indFoot-contenc a span{width:calc(100% - 30px)}


.foot-content{width:100%;padding:50px 0 30px;background:#f4f1f1;}
.foot-content>.container{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap}
.company-logo{width:35%;}
.foot-logo{margin-bottom:20px}
.foot-logo img{max-height:80px;}
.foot-share ul{display:flex;align-items:center;height:100%;margin-top:20px;}
.foot-share ul li{width:34px;height:34px;border-radius:50%;}
.foot-share ul li a{color:#000;display:flex;width:34px;height:34px;align-items:center;justify-content:center;font-size:20px}
.foot-share ul li:hover a{color:#3267ff}
.company-tip{width:60%;justify-content:space-between;}
.company-tip .company-contact{width:45%;}
.foot-tit{font-size:20px;color:#000;padding-bottom:10px;margin-bottom:10px;font-weight:600}
.company-nav ul li{width:33.33%; font-size:16px;line-height:1.6;margin-bottom:30px;}
.company-info-address li{margin-bottom:20px;}
.company-info-address li a{align-items:center;}
.company-info-address li a i{font-size:16px;padding:5px;color:#3267ff;background:rgba(0,0,0,.2);border-radius:5px;margin-right:5px;:}
.company-qd{justify-content:space-between;margin-top:20px;}
.company-qd img{width:45%;}

.foot-bot{padding:10px 0;background:#000;}
.copyright{color:rgba(255,255,255,.5);font-size:14px;text-align:center;}

@media (max-width: 1620px){
    .header-con{
        width: 90%;
    }
    #nav>ul>li>a{
        padding: 0 10px;
        font-size: 14px;
    }
}

@media (max-width:1460px){
    
    .search-icon{margin-left:10px;}
}

@media (max-width:1366px){
.logo img{height:90%;}
#nav>ul>li>a{font-size:15px;padding:0 12px;}
}
@media (max-width:1280px) and (min-width:992px){

}
@media (max-width:1170px){
.logo img{height:80%;}
#nav>ul>li>a{padding:0 10px;font-size:14px;}
.header-con{width:96%;}
}
@media (max-width:991px){
#nav{display:flex;align-items:center;}
.nav-btn{position:absolute;right:30px;bottom:0;height:72px;display:flex;align-items:center;z-index:99999;justify-content:center}
.nav-r-btn{position:relative;width:40px;height:40px}
.nav-btn span{position:absolute;top:11px;right:0;display:block;width:25px;height:3px;border:0 solid rgba(50, 103, 255, 1);background-color:rgba(50, 103, 255, 1);-webkit-transition:top .2s .2s,background .2s,opacity 0s .2s,-webkit-transform .2s;transition:top .2s .2s,transform .2s,background .2s,opacity 0s .2s}
.nav-btn span:nth-of-type(2){top:19px}
.nav-btn span:nth-of-type(3){top:auto;bottom:10px;-webkit-transition:bottom .2s .2s,background .2s,-webkit-transform .2s;transition:bottom .2s .2s,transform .2s,background .2s}
.nav-btn.toggle-animate span:nth-of-type(1){top:19px;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s}
.nav-btn.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s}
.nav-btn.toggle-animate span:nth-of-type(3){bottom:18px;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s}
#nav>ul{position:absolute;top:100%;width:0px;background:#222;right:0px;overflow-y:auto;height:calc(100vh - 112px);transition:.3s right ease-in-out;-webkit-transition:.3s right ease-in-out;-o-transition:.3s right ease-in-out;-moz-transition:.3s right ease-in-out;z-index:999}
#nav.actived>ul{right:0;transition:.3s right ease-in-out;-webkit-transition:.3s right ease-in-out;-o-transition:.3s right ease-in-out;-moz-transition:.3s right ease-in-out;width:300px;}
.down #nav>ul{height:calc(100vh - 72px)}
#nav>ul li a{display:block;font-size:16px;line-height:48px}
#nav>ul>li>a{padding:0 20px;color:rgba(255,255,255,.8)}
.nav .icon-right{position:absolute;right:0;width:48px;height:48px}
.nav .icon-right:after{content:'';border:2px solid rgba(255,255,255,.8);display:block;width:8px;height:8px;margin:auto;position:absolute;top:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);border-top:none;border-right:none;right:20px;transition:.3s all ease-in-out}
.nav .submenu{display:none}
.nav li.actived .icon-right:after{transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all .3s cubic-bezier(.66,.53,.65,1);-o-transition:all .3s cubic-bezier(.66,.53,.65,1);-moz-transition:all .3s cubic-bezier(.66,.53,.65,1);-webkit-transition:all .3s cubic-bezier(.66,.53,.65,1)}
#nav>ul .submenu li a{padding:0 20px 0 30px;color:rgba(255,255,255,.7)}
.nav-btn.toggle-animate span:nth-of-type(1){top:19px;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(45deg);-webkit-transition:top .2s,-webkit-transform .2s .2s,background .2s}
.nav-btn.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s;-webkit-transition:opacity .2s}
.nav-btn.toggle-animate span:nth-of-type(3){bottom:18px;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s;-webkit-transform:rotate(-45deg);-webkit-transition:bottom .2s,-webkit-transform .2s .2s,background .2s}
.search{padding:0 20px}
.header-con{height:72px}
.search i{font-size:20px;}
.search-from.active{top:102px}
.banner-btn{display:none}
.mask.mask-block{position:fixed;top:0;width:100%;bottom:0;background:rgba(0,0,0,.6);z-index:2}
.container,.header-con,.top{width:100%;padding:0 30px}
.ind-pro{width:calc(33.3% - 20px)}
.idx-news-list li{width:49%;flex-basis:49%;margin-right:2%;}
.idx-news-list li:nth-child(4n){margin-right:auto;}
.idx-news-list li:nth-child(2n){margin-right:0;}
.sec_padding{padding:45px 0}
.foot-content .container>div{padding-bottom:20px}
.code{min-width:200px}
.indAbout-ul{margin-bottom:30px}
.about-data li{width:50%;flex-basis:50%;margin-bottom:20px}
.body{overflow-x:hidden;width:100%;padding-top:82px}
#map,.contact-way{width:100%;padding-right:0;margin-bottom:20px}
#news-list .news-tit{flex-wrap:wrap}
#news-list .news-tit h3,#news-list .news-tit time{width:100%;flex-basis:100%;justify-content:flex-start}
#news-list .news-tit h3{margin-bottom:10px}
.pro-con .ind-btn{display:none}
#news-list>li .pro-img{width:256px;flex-basis:256px;height:155px}
.pro-list-one .pro-con{width:calc(100% - 256px);flex-basis:calc(100% - 256px);padding:10px 0 10px 25px}
.pro-list-one h3 a{color:#3267ff}
.pro-con .ind-btn{display:none}
.inner-right{display:none}
.inner-left{width:100%;padding-right:0}
.pro-list-one .pro-img{width:200px;height:200px;flex-basis:200px}
.pro-list-one .pro-con{width:calc(100% - 200px);flex-basis:calc(100% - 200px)}
.pro-list-one:hover .pro-img i{display:none}
.jq-zoom,.product-content .singglepic{width:392px}
.pro-info-con{width:calc(100% - 420px)}
#news-list>li .pro-con{padding-left:25px}
.inabout-ri,.inabout-le,.inpro-con .inpro-le,.inpro-con .inpro-ri,.inchoose-con .inchoose-img, .inchoose-con .inchoose-ul{width:100%;}
.indAbout-ul>li{flex-basis: calc(33.33% - 15px); width: calc(33.33% - 15px);margin-bottom:15px}
.inchoose-con .inchoose-ul{padding:20px;}
.tit-h2{font-size:24px;line-height:1.5;}
.tit-p{font-size:16px;line-height:1.5}
.foot-tit{font-size:20px;}
.inabout-con{background-size:7%;padding-top:50px;}
.indFoot .indFoot-item{width:100%;margin-bottom:20px;}
.company-logo,.company-tip{width:100%;}
.foot-content{padding:30px 0;}
}
@media(max-width:767px){

}




@media (max-width:640px){ 
	.top {
		height: auto;
		justify-content:center;
	}
	.idx-news-list li{width:100%;flex-basis:100%;margin-right:0%;}
	.company-tip .company-contact{width:100%;}
}