*{margin:0;padding:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}::-webkit-scrollbar{width:6px;height:6px;background:#fff}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:6px}::-webkit-scrollbar-thumb{border-radius:6px;height:100px;background-color:#aaa}html,body{width:100%;overflow-x:auto}body{margin:0 auto;font:16px/1.45 sans-serif,Arial,"Microsoft Yahei","Helvetica Neue",Helvetica;color:#333;background:#fff;min-width:1200px}ul,ul li,ol{list-style:none}img{border:none;vertical-align:top;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}a{color:#333}a:hover{color:#444}input,textarea,select,button{border:0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;font-family:Arial,sans-serif}.left{float:left}.right{float:right}.clear{clear:both}.clearfix{display:inline-block;*zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrp{display:flex;display:-webkit-flex;justify-content:space-around}.flex-item{display:flex;display:-webkit-flex;justify-content:center;align-items:center}.overflow{height:100%;overflow:hidden}.bdbox{box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}a,.transition{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.more{font-size:14px;color:#333}.more:hover a{color:#0284e3}.bdlink{cursor:pointer}.wrap{max-width:1200px;width:94%;position:relative;margin:0 auto}#header,#footer,.container,.location{width:100%;margin:0 auto}#header{background:#fff;z-index:1;height:129px}#header .hdtop{width:100%;height:36px;border-top:2px solid #0f9fff;background:#fff;border-bottom:1px solid #eee;font-size:14px;line-height:265%;color:#999}#header .hdtop .right{padding-left:22px;background:url(../images/icon_tel.png) no-repeat left center;background-size:16px;color:#999;justify-content:flex-end;height:34px}#header .hdtop .right font{font-size:17px;color:#0284e3;font-weight:bold}#header .hdbox{z-index:99;height:90px;width:100%;margin:0px auto;display:block;background:#fff}#header .hdbox .wrap{height:100%}#header .hdbox .logo{position:absolute;width:240px;height:60px;left:0;top:0;bottom:0;margin:auto 0;background:url("../images/logo.png") no-repeat center;background-size:100%;display:block;z-index:10;font-size:0}#header .hdbox .logo img{width:100%}#header .hdbox .nav{position:absolute;right:0px;top:0px;bottom:0;margin:auto;height:90px}#header .hdbox .nav li{float:left;position:relative;overflow:hidden}#header .hdbox .nav li a{font-size:1em;display:block;text-align:center;color:#333;padding:0 54px;position:relative;overflow:hidden}#header .hdbox .nav li a:last-child{padding-right:0}#header .hdbox .nav li a span{display:inline-block;width:auto;padding:33px 0 0;height:57px;position:relative}#header .hdbox .nav li a span:after{width:0;height:2px;position:absolute;left:0;bottom:0;right:0;margin:0 auto;border-radius:10px;transition:width .3s;background-color:#0284e3;content:""}#header .hdbox .nav li a.curr span,#header .hdbox .nav li a._on span,#header .hdbox .nav li a:hover span{color:#0284e3}#header .hdbox .nav li a.curr span:after,#header .hdbox .nav li a._on span:after,#header .hdbox .nav li a:hover span:after{width:100%}#header .hdbox .mobile-menu{display:none;width:45px;height:45px;top:0;bottom:0;margin:auto;background:url(../images/mobile_menu.png) no-repeat center;background-size:30px;position:absolute;right:-10px;cursor:pointer}#header .hdbox .mobile-menu:active{background-color:#ccc}#header .hdbox,#header .hdbox .logo,#header .hdbox .nav,#header .sub-nav .ibox{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#header .hdbox .sub-nav{position:absolute;top:129px;width:100%;background:#ebf0f5;overflow:hidden;z-index:100;max-height:0px;transition:all .3s}#header .hdbox .sub-nav.sub-show{max-height:220px}#header .sub-nav li{box-sizing:border-box;padding:2% 0 3.5%;list-style:none;display:none;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:both;visibility:visible;animation-name:fadeUp}#header .sub-nav li.show{display:block;animation-name:fadeIn}#header .sub-nav li .nav-box:hover a{color:#0284e3}#header .sub-nav li.sub-imglist ul{display:flex;display:-webkit-flex;justify-content:center}#header .sub-nav li.sub-imglist .nav-box{width:18%;margin:0 2%;text-align:center;padding:1.5% 0px 0px;font-size:14px}#header .sub-nav li.sub-imglist .nav-box .ibox{width:100%;padding-bottom:46%;background-position:center;background-repeat:no-repeat;background-size:100% auto;margin-bottom:15px;border:4px solid #fff;box-sizing:border-box;background-color:#fff}#header .sub-nav li.sub-imglist .nav-box .ibox:hover{opacity:.8}#header .sub-nav li.sublist{padding-bottom:3.2%}#header .sub-nav li.sublist ul{width:100%;display:block;overflow:hidden}#header .sub-nav li.sublist .nav-box{width:22.5%;margin:0 2.5% 0 0;float:left}#header .sub-nav li.sublist .nav-box a{display:block;padding:4.2% 5% 4.2%;border-bottom:1px solid #cdd9e1;margin-bottom:5px;font-size:14px;color:#000;transition-duration:.2s}#header .sub-nav li.sublist .nav-box a:hover{background:#dfe6ed;text-decoration:underline}#header .tpfixed{height:66px;border-bottom:1px solid #eee;top:0px;position:fixed;opacity:.95;z-index:999;box-shadow:0px 1px 6px rgba(0,0,0,.05)}#header .tpfixed .nav li a span{padding-top:32px;height:46px}#header .tpfixed .sub-nav{top:67px}.container{overflow:hidden}.container .title{padding-bottom:2em;position:relative}.container .title h3{line-height:1.4;font-size:1.5em;color:#0284e3;font-weight:normal}.container .title span{font-size:.6em;color:#999}.swiper-container{width:100%}#footer{margin-top:20px;background-color:#444}#footer .ft-bottom{text-align:left;padding:25px 0 23px;min-height:50px;color:#fff;font-size:.875em;line-height:200%;text-align:center}#footer .ft-bottom .wrap{background:url("../images/ftlogo.png") no-repeat left center}#footer .ft-bottom .wrap a{color:#fff}#backTop{background:url("../images/icon_gotop_on.png") no-repeat center #bfbfbf;background-size:1.5em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:2.5em;height:2.5em;position:fixed;right:1.875em;bottom:1.875em;z-index:100;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;cursor:pointer;display:none}#backTop:hover{background-image:url("../images/icon_gotop.png");background-color:#666}#ajax-show{width:100%;height:100%;position:fixed;top:0;left:0px;z-index:300;font-size:14px;text-align:center;color:#fff;line-height:130%;background-color:rgba(255,255,255,.15)}#ajax-show #ajax-loading{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:82px 15px 0;width:96px;height:44px;position:fixed;top:48%;left:50%;margin:-63px 0 0 -63px;background:url("../images/ajax-loader.gif") no-repeat center 34px #000;background-size:32px 32px;z-index:301;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-webkit-opacity:.8}#ajax-show #ajax-msg{width:260px;height:60px;color:#fff;text-align:center;position:fixed;top:48%;left:50%;margin:-30px 0 0 -140px;z-index:301;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:rgba(0,0,0,.7);display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding:0 10px}#banner{max-height:700px;width:100%;padding:0;background:#f8f8f8;overflow:hidden;position:relative;z-index:1}#banner .ibbg{width:100%;max-width:1442px;margin:0 auto}#banner .swiper-container{position:absolute !important;left:0;top:0;z-index:2;height:100%}#banner .swiper-container-horizontal>.swiper-pagination-bullets,#banner .swiper-pagination-custom,#banner .swiper-pagination-fraction{bottom:20px}#banner .swiper-pagination-bullet{width:50px;height:5px;display:inline-block;border-radius:0;background:rgba(0,0,0,.3);opacity:.8}#banner .swiper-pagination-bullet-active{opacity:1;background:#0284e3}#banner .swiper-slide{width:100%;margin:0 auto;height:100%;overflow:hidden;background-size:cover;background-position:50% 50%;image-rendering:-webkit-optimize-contrast}#banner .swiper-slide a{width:100%;height:100%;display:block}#banner:hover .swiper-button-prev,#banner:hover .swiper-button-next{opacity:.5}#banner .swiper-button-prev,#banner .swiper-button-next{background-color:#333;margin-top:-35px;opacity:0;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-box-shadow:inset 0 0 3px #000;-moz-box-shadow:inset 0 0 3px #000;box-shadow:inset 0 0 3px #000}#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{opacity:.8}#banner .swiper-button-prev{left:0;border-radius:0 8px 8px 0}#banner .swiper-button-next{right:0;border-radius:8px 0 0 8px}.container{padding:2.2% 0 2.5%}.container .wrap{padding:20px 0}.container .title{flex-direction:row;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center}#about{display:block;overflow:hidden;position:relative;z-index:2;background:#f8f9fa;display:flex;display:-webkit-flex;justify-content:space-around;padding-bottom:2%}#about .left{width:50.6%}#about .left h4{font-size:1.1em;font-weight:normal;margin-bottom:.8em}#about .left p{font-size:.9286em;line-height:1.9em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}#about .left a{background:#0284e3;padding:10px 40px;color:#fff;margin-top:5%;display:inline-block;border-radius:4px;font-size:.9em;transition:all .4s}#about .left a:hover{background:#0284e3}#about .right{width:44%;margin-top:-10px}#about .right .ibox{width:100%;padding-bottom:52%;overflow:hidden;position:relative}#about .right .ibox img{top:0;bottom:0;left:0;right:0;position:absolute;width:100%;margin:auto;object-fit:contain}.i-swiper .swiper-container{padding:1px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}.i-swiper .swiper-pagination{bottom:-0.5%;z-index:10;text-align:center;width:100%}.i-swiper .swiper-pagination-bullet{width:30px;height:3px;display:inline-block;border-radius:0;background:rgba(0,0,0,.3);opacity:.8;margin:0 3px}.i-swiper .swiper-pagination-bullet-active{opacity:1;background:#0284e3}#products{margin:0 auto;display:block;overflow:hidden;position:relative;width:100%}#products .swiper-button-prev,#products .swiper-button-next{margin-top:-4%;opacity:.2;width:3.6em;height:4.1em;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;background-position:center;background-repeat:no-repeat;background-size:3em;border-radius:3px}#products .swiper-button-prev:hover,#products .swiper-button-next:hover{background-color:#eee;opacity:1 !important;background-size:2.6em}#products:hover .swiper-button-prev,#products:hover .swiper-button-next{opacity:.7}#products .swiper-button-prev{left:-10%;background-image:url("../images/icon_left.png")}#products .swiper-button-next{right:-10%;background-image:url("../images/icon_right.png")}#products ul{margin:0;width:100%;padding-bottom:1.5%}#products ul li{float:left;position:relative;overflow:hidden;width:31.6%;margin-right:2.64%}#products ul li .iBox{border:1px solid #e6e6e6;border-radius:5px 5px 0px 0px;border-bottom:0;overflow:hidden}#products ul li .iBox a{width:100%;padding-bottom:82%;overflow:hidden;position:relative;display:block;text-align:center}#products ul li .iBox img{position:absolute;height:80%;max-width:92%;top:0;bottom:0;left:0;right:0;margin:auto auto;transition:all .3s;object-fit:cover}#products ul li .content{width:100%;margin:0 auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#products ul li .content a{display:block;padding:11px 20%;background:#eee}#products ul li .content a:hover{background:#0284e3;color:#fff}#products ul li .content h4{font-size:1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;font-weight:normal}#news{margin:0 auto;display:block;overflow:hidden;position:relative;z-index:2;background:#f1f4f5;display:flex;display:-webkit-flex;justify-content:space-around}#news .left{width:50%;position:relative}#news .left .ibox{width:100%;padding-bottom:62%;position:relative;background-color:#eee;overflow:hidden}#news .left .ibox img{transition:all .4s ease-in-out;width:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:10}#news .left .content{position:absolute;left:0;right:0;bottom:0;z-index:20;padding:22px;width:100%;box-sizing:border-box;background:rgba(0,0,0,.6)}#news .left .content a{color:#fff}#news .left .content h3{font-size:1.2em;font-weight:normal;margin-bottom:.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#news .left .content p{font-size:.8em;line-height:1.6em;opacity:.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#news .right{width:46%}#news .right li{width:100%;list-style:none}#news .right li a{display:block;border-bottom:1px solid #ddd;display:flex;display:-webkit-flex;justify-content:space-between;padding:3% 0 3.2%}#news .right li a:hover{color:#0284e3;padding-left:5px}#news .right li h4{font-weight:normal;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:1.3em}#news .right li span{color:#999;font-size:.92em;width:100px;display:block;overflow:hidden;text-align:right;padding-top:2px}#application{margin:0 auto;display:block;overflow:hidden;position:relative;width:100%}#application ul{margin:0;width:100%;padding-bottom:1.5%}#application ul li{float:left;position:relative;overflow:hidden;width:29%}#application ul li .iBox{border:1px solid #e6e6e6;border-radius:5px;overflow:hidden;transition:all .4s}#application ul li .iBox a{width:100%;padding-bottom:70%;overflow:hidden;position:relative;display:block;text-align:center}#application ul li .iBox img{position:absolute;height:100%;top:0;bottom:0;left:0;right:0;margin:auto auto;transition:all .3s;object-fit:cover}#application ul li .content{width:100%;margin:0 auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#application ul li .content a{display:block;padding:16px 20%}#application ul li .content a:hover{color:#0284e3}#application ul li .content h4{font-size:1em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;font-weight:normal}#customer{margin:0 auto;display:block;overflow:hidden;position:relative;width:100%;padding-top:0}#customer .wrap{margin-top:0px}#customer ul{margin:0;width:102%}#customer ul li{float:left;position:relative;overflow:hidden;width:14.64%;margin:0 2% 2% 0;box-sizing:border-box;cursor:pointer;border:1px solid #e6e6e6;transition:all .4s;padding-bottom:8%;background-color:#fff}#customer ul li:hover{border-color:#0284e3}#customer ul li:hover .iBox img{margin-top:-25px}#customer ul li:hover .content{bottom:0px}#customer ul li .iBox{border-radius:3px;overflow:hidden;position:relative;display:block;text-align:center;transition:all .4s;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}#customer ul li .iBox img{height:100%;transition:all .4s}#customer ul li .content{width:100%;margin:0 auto;position:absolute;bottom:-25px;background-color:#0284e3;padding:2px 0;z-index:20;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}#customer ul li .content h4{font-size:.9em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;font-weight:normal;color:#fff}
