/*@font-face {*/
/*    font-family:Druk Text;src:url(../fonts/druk-text.woff2) format("woff2"),url(../fonts/druk-text.woff) format("woff");font-weight:700;font-style:normal;font-display:swap*/
/*}*/
@font-face{font-family:"Helvetica Neue LT W01_97 BlkCn";src:url("../fonts/fb8ed62a-3750-405b-b721-f4b950bfd875.eot?#iefix");src:url("../fonts/fb8ed62a-3750-405b-b721-f4b950bfd875.eot?#iefix") format("eot"),url("../fonts/d38cc1e3-5680-4390-8f60-78901d6e375b.woff2") format("woff2"),url("../fonts/04d98c2f-b101-4363-976a-6581c5acf5d8.woff") format("woff"),url("../fonts/f20324bd-78cb-412c-a570-efea43e52715.ttf") format("truetype"),url("https://cdn.makitatools.com/apps/Fonts/b3a7788b-f2f7-453b-bf6a-66bd22632ef4.svg#b3a7788b-f2f7-453b-bf6a-66bd22632ef4") format("svg")}

@font-face {
    font-family:Aeonik;src:url(../fonts/aeonik-normal400.woff2) format("woff2"),url(../fonts/aeonik-normal400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
    font-family:Aeonik;src:url(../fonts/aeonik-italic400.woff2) format("woff2"),url(../fonts/aeonik-italic400.woff) format("woff");font-weight:400;font-style:italic;font-display:swap
}

@font-face {
    font-family:Aeonik;src:url(../fonts/aeonik-normal500.woff2) format("woff2"),url(../fonts/aeonik-normal500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap
}

@font-face {
    font-family:Aeonik;src:url(../fonts/aeonik-normal900.woff2) format("woff2"),url(../fonts/aeonik-normal900.woff) format("woff");font-weight:900;font-style:normal;font-display:swap
}
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 !important;}
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}
.top{background:#222;width:100%;padding:0 50px;height:30px;align-items:center;justify-content:space-between;position:relative;z-index:99}
.top span,.top span a{color:#fff}
.top span{padding-left:15px}
.top i{padding:0 5px}
.header-con{padding:0px 50px;justify-content:space-between;position:relative;align-items:center;background:black}
.header-con img {max-height: 50px;}
.nav a {color: #ffffff}
.search-from{position:absolute;top:100px;z-index:9;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:#008290;width:90px;color:#008290}
.container{width:1280px;margin:0 auto}
@media (min-width:992px){
.pro-list-one .pro-img:hover:after{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;background:#008290}
#news-list>li:hover{padding-left:30px;padding-right:30px;transition:.3s padding ease-in-out;background:#008290;color:#fff}
#news-list>li:hover .pro-con p{color:#fff}
#news-list>li:hover .ind-btn a{background-color:#fff}
#news-list>li:hover .ind-btn a:before{background-color:#fff}
#news-list>li:hover .ind-btn a:hover{color:#008290}
#news-list>li:hover h3 a{color:#fff}
.ind-pro:hover .ind-pro-con{opacity:1;padding-top:60px}
.search-from.active .searchOff{position:fixed;width:100%;height:100%;top:110px;left:0;opacity:.5;background-color:#000;z-index:9}
.nav-active>a{color:#fff}
#nav>ul>li{float:left}
#nav{float:right}
#nav{display:flex;justify-content:flex-end}
.search-icon{width:60px;display:flex;display:-webkit-flex;justify-content:flex-end;align-items:center;height:100%}
.search-icon i{display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:40px;height:40px;color:#008290;font-size:20px;cursor:pointer}
.nav-btn{display:none}
#nav>ul>li>a{font-size:18px;display:flex;display:-webkit-flex;align-items:center;padding:0px 20px;position:relative;height:80px;line-height: 80px;}
#nav>ul>li{position:relative}
.submenu{position:absolute;top:100%;border:none;border-radius:0;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;background-color:#fff;}
#nav li .submenu li:hover{background:#008290;}
#nav li:hover>a{color:#008290}
#nav li .submenu li:hover a{color:#333;}
#nav li .submenu li:hover a:hover{background:#008290;color: #fff;}
#nav li .submenu li .submenu li a{color: #333;}
.nav .submenu .submenu {
            left: 100%;
            top: 0;
            border-left: 1px solid #eee;
            min-height: 100%;
        }
#nav li .submenu li .submenu li:hover a{color: #fff;}
#nav .nav-list>a:after{content:' ';position:absolute;bottom:16px;right: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) url("../images/banner-btn-w.png") no-repeat center;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}
.banner-btn>div:hover{background-color:#008290}
.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:#008290;width:30px;border-radius:4px}
}
.section{padding-bottom:80px}
#banner .swiper-pagination-bullet-active{background:#008290}
.sec_padding{padding:75px 0}
.c_section{background:#f6f6f6}
#ind-about{padding-top:0}
.about-data{width:80%;justify-content:space-between;margin:30px auto 0}
.about-data li{text-align:center}
.about-data >li>span{display:block;font-size:40px;font-weight:700;color:#008290}
.about-data p{font-size:13px;margin-top:5px}
.reason-ul li{width:calc(25% - 18px);padding:0 10px}
.reason-ul li:hover i{display:none;background:#008290}
.reason-ul li:hover .hover{display:flex}
.reason-ul li:hover h3{color:#008290}
.reason-ul li:hover{border-color:#008290}
.reason-ul{margin-top:40px;display:flex;display:-webkit-flex;justify-content:space-between}
.reason-ul li i{display:flex;height:128px;width:128px;border-radius:50%;margin:0 auto 20px;background:#fff;align-items:center;justify-content:center}
.reason-ul li i.hover{display:none}
.reason-ul li h3{font-size:18px;font-weight:700;color:#333;margin-bottom:15px;text-align:center}
.reason-ul li p{font-size:14px;color:#333;line-height:2;text-align:center}
.indAbout-ul{margin-top:30px;display:flex;display:-webkit-flex;justify-content:space-between;margin-bottom:75px}
.indAbout-ul>li{flex-basis:calc(33.3% - 15px);width:calc(33.3% - 15px);position:relative}
.indAbout-ul li span{display:inline-block;padding:10px 20px 10px 20px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:50%;bottom:0;background:#008290;font-size:18px;color:#fff;text-transform:capitalize;transform:translateX(-50%)}
.indAbout-ul .ind-hover{position:absolute;background:rgba(46,46,46,.902);top:0;left:0;bottom:0;right:0;text-align:center;padding-top:50px;display:none}
.indAbout-ul li:hover .ind-hover{display:block}
.indAbout-ul li:hover span{display:none}
.indAbout-ul .ind-hover li a{font-size:14px;color:#cccccc}
.indAbout-ul .ind-hover li a:hover{color:#cccccc}
.indAbout-ul .ind-hover li{margin-bottom:15px}
.indAbout-ul .ind-hover h3{margin-bottom:30px}
.indAbout-ul .ind-hover h3 a{font-size:18px;color:#fff;text-transform:capitalize;font-weight:700}
.indAbout-ul img{display:block}
.indAbout-ul>li {
	box-shadow: 0px 3px 6px 2px #999;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.tit-h2{font-size:40px;font-weight:700;color:#333;text-align:center;line-height:1.6;margin-bottom:20px;font-family: Druk Text,Arial,sans-serif;}
.tit-h2 span{color:#e60012}
.tit-p{color:#333;font-size:14px;line-height:2;max-width:90%;text-align:center;margin:0 auto}
.ind-btn{text-align:center}

.ind-about {
	font-size: 18px;
	line-height: 1.6;
}
#ind-about .ind-btn{margin-top:30px}
.ind-btn a{transition:.3s all ease-out;display:inline-block;color:#008290;border:1px solid #008290;position:relative;overflow:hidden;font-size:16px;line-height:1;padding:10px 30px}
.ind-btn a:before{content:"";background:#008290;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.ind-btn a i{position:relative;z-index:9}
.ind-btn a:hover{color:#fff;background-color: #008290;}
.ind-btn a:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.home-inquiry-btn a {
	color: #fff;
    border: 1px solid #fff;
}
.home-inquiry-btn a:before {
	background:#fff;
}
.home-inquiry-btn a:hover {
	color: #008290;
}
.ind-pro-ul{margin-top:40px}
.ind-pro{width:calc(25% - 20px);float:left;margin:0 10px 20px 10px;background:#fff}
.ind-pro>a{position:relative;display:block}
.ind-pro a>i{align-items:center;justify-content:center;position:relative;border:1px black solid}
.ind-pro a>i img{max-width:100%;max-height:100%;}
.ind-pro .ind-pro-con{position:absolute;top:0;height:100%;bottom:0;left:0;right:0;background:rgba(46,46,46,.902);opacity:0}
.ind-pro span{display:block;height:48px;line-height:48px;padding:0 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px #eee solid}
.ind-pro:hover span{color:#008290}
.ind-pro:hover .ind-pro-con i,.pro-list-one .pro-img:hover i{display:block;width:66px;height:66px;border-radius:50%;background:#fff;position:relative;margin:0 auto 20px}
.ind-pro:hover .ind-pro-con i:after,.ind-pro:hover .ind-pro-con i:before,.pro-list-one .pro-img:hover i:after,.pro-list-one .pro-img:hover i:before{content:' ';position:absolute;top:50%;left:50%;width:20px;height:4px;transform:translate(-50%,-50%);background:#008290}
.ind-pro:hover .ind-pro-con i:after,.pro-list-one .pro-img:hover i:after{width:4px;height:20px}
.pro-list-one:hover .pro-img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99}
.ind-pro:hover .ind-pro-con p{text-align:center;padding:0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#008290;font-size:14px;line-height:2;max-height:84px}
.idx-news-list li{padding:20px;background:#fff;width:calc(50% - 15px);flex-basis:calc(50% - 15px);margin-bottom:40px;display:-webkit-flex;display:flex;justify-content:center;transition:.3s transform ease-in-out}
.idx-news-list li>a{width:44%;flex-basis:44%}
.idx-news-list li>.idx-news-con{width:56%;flex-basis:56%;padding-left:20px}
.idx-news-list{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap}
.idx-news-list li img{display:block;max-height:100%}
.idx-news-list li:hover{color:#fff;background:#008290;transition:.3s transform ease-in-out;box-shadow:0 5px 10px #e3e3e3;transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px)}
.idx-news-con h3 a{font-size:20px;color:#050713;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:48px;margin-bottom:5px;position:relative}
.idx-news-con time{padding:5px 0 10px;font-size:14px;display:block}
.idx-news-con p{font-size:16px;line-height:1.6;color:#848484;height:75px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.idx-news-list li:hover a,.idx-news-list li:hover p{color:#fff}
.video{
    /*background:url("../images/video.jpg") no-repeat;background-size:cover*/
    background: #008290;
}
.video .container{padding:75px 0 55px}
.video p{text-align:center;color:#fff;font-size:16px;font-weight:700;margin-bottom:30px}
.foot-content{width:100%;padding:50px 0 30px}
.foot-content>.container{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap}
.foot-contact .date{color:#ececec;display:flex;margin-top:15px;line-height:1.6}
.foot-contact .date p{color:#ececec;padding-left:5px}
.foot-contact{max-width:400px}
.company-contact{min-width:200px}
.foot-contact li{font-size:15px;color:#666;line-height:1.6}
.foot-logo{margin-bottom:20px}
.foot-logo img{max-height:60px}
.foot-tit{position:relative;font-size:16px;color:#ffffff;text-transform:capitalize;padding-bottom:10px;font-family:Helvetica Neue LT W01_97 BlkCn}
.foot-tit:after{content:' ';position:absolute;bottom:0;left:0;width:40px;height:2px;background:#008290}
.company-contact li a{font-size:16px;color:#666;padding:5px 10px 5px 15px;display:inline-block}
.company-info li{position:relative}
.company-info li:after{position:absolute;content:' ';top:11px;left:0;width:4px;height:4px;border:1px #666 solid;border-left:none;border-top:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.company-info ul,.contact-us ul{margin:10px 0}
.company-contact li:hover a{color:#008290}
.company-contact li:hover:after{border-color:#008290}
.company-contact .contact-us li{padding:10px 0;display:flex;display:-webkit-flex;color:silver}
.company-contact .contact-us i{flex-basis:36px;text-align:center;font-size:18px;color:#008290}
.company-contact .contact-us li a{padding:0}
.code img{display:block}
.code i{display:inline-block;padding:6px;margin-top:20px;width:138px}
.copy{font-size:16px;width:100%;background:#111;color:#595959;display:flex;display:-webkit-flex;position:relative;border-top:1px #272727 solid}
.copy .container{position:relative;padding:20px 0;display:flex;display:-webkit-flex;justify-content:space-between}
.copy .header-share,.copy .header-share ul{height:auto}
.copy .header-share{margin-right:50px}
.foot-bot{height:58px;border-top:1px rgba(255,255,255,.05) solid;background:#000}
.foot-bot>div{margin:0 auto;display:flex;justify-content:space-between;height:100%;align-items:center}
.copyright{color:#fff;font-size:14px}
.foot-share ul{display:flex;justify-content:flex-end;align-items:center;height:100%}
.foot-share ul li{width:34px;height:34px;border-radius:50%;margin:0 5px}
.foot-share ul li a{color:#fff;display:flex;width:34px;height:34px;align-items:center;justify-content:center;font-size:18px}
.foot-share ul li:hover a{color:#008290!important;}
.foot-share ul li:hover{/*background:#fff*/}

.foot-sns-box {
	max-width: 240px;
}
.foot-sns-box .foot-tit {
	font-weight: normal;
	font-size: 18px;
	line-height: 1.8;
    margin-left: 15px;
}
.foot-sns-box .foot-tit:after {display: none;}
.foot-sns-box .foot-share {margin-top: 15px;margin-left: 15px;}
.foot-sns-box .foot-share ul {justify-content: flex-start!important;}
.foot-sns-box .iconfont {font-size: 38px;}
.foot-sns-box .foot-share ul li {margin: 0;margin-right: 15px;}
.foot-sns-box .foot-share ul li a {color: #ffffff;}

.inner{margin:50px auto}
.inner-left{width:calc(100% - 285px);padding-right:40px;float:left}
.inner-right{width:285px;float:left}
.inner-left .ind-pro-ul{margin-top:0}
.inner-left .ind-pro{width:calc(33.3% - 20px)}
.addresss{background-color:#008290;height:88px;width:100%;color:#fff;font-size:16px}
.addresss .container{display:flex;height:100%;display:-webkit-flex;align-items:center;justify-content:space-between;text-transform:capitalize}
.addresss span{padding:0 7px}
.addresss .current{font-size:24px;color:#fff}
.addresss a{color:#fff}
.inner-right .tit{width:100%;background:#008290;height:55px;font-size:18px;font-weight:700;line-height:55px;padding-left:10px;color:#fff}
.inner-right .sf-menu{margin-top:10px}
.inner-right .sf-menu .LiLevel1 a{display:block;color:#333;padding-left:10px;line-height:38px;position:relative}
.inner-right .sf-menu .LiLevel1{border:1px #eee solid;border-radius:4px;margin:3px 0}
.inner-right .sf-menu .LiLevel1>a:after{content:' ';position:absolute;width:2px;height:38px;top:0;left:0;background:#008290}
.inner-right .sf-menu .LiLevel1.active>a:after{display:none}
.inner-right .sf-menu .LiLevel1.active{border-color:transparent}
.inner-right .sf-menu .LiLevel2 a{padding-left:10px;line-height:30px;}
.inner-right .sf-menu .sub-menu{display:none;padding-left:15px}
.inner-right .nav-list{position:relative}
.inner-right .nav-list i{position:absolute;content:' ';top:0;right:0;width:50px;height:38px;cursor:pointer;display:block;z-index:33}
.inner-right .nav-list i:before{position:absolute;content:' ';top:13px;right:21px;width:8px;height:8px;border:2px #707070 solid;border-top:none;border-left:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:.3s transform ease-in-out;-webkit-transition:.3s -webkit-transform ease-in-out;cursor:pointer}
.inner-right .nav-list.active i:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:.3s transform ease-in-out;-webkit-transition:.3s -webkit-transform ease-in-out}
.inner-right .nav-list:hover>a,.inner-right .sf-menu .currentProType,.inner-right .sf-menu a:hover{color:#008290}
.inner-right li:hover i:before{border-color:#008290}
.latest-products ul{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;margin-top:15px}
.latest-products li{width:135px;display:flex;align-items:center;justify-content:center}
.inner-right .latest-products li{border:none;margin-bottom:18px}
.inner-right .latest-products li a{display:block;width:100%}
.latest-products li i{width:135px;height:135px;border:1px #eee solid;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative}
.latest-products li a img{display:block;max-width:100%;max-height:100%}
.latest-products{margin-top:30px}
.latest-products li p{line-height:2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.latest-products li:hover p{color:#008290}
.latest-products li:hover i{border-color:#008290}
.pages a,.pages span{display:inline-block;margin:0 5px 15px;padding:13px 18px;font-size:16px;position:relative}
.pages a,.pages span{border:1px solid #ccc}
.pages span{opacity:.6}
.pages a:hover,.pages span.ctxt{background:#008290;border-color:#008290;opacity:1;color:#fff}
.pages{text-align:center;margin:30px 0}
.pages .page-list:first-child:before,.pages .page-list:last-child:before{content:' ';position:absolute;top:14px;left:26px;width:8px;height:8px;border:2px transparent solid;border-bottom-color:#333;border-left-color:#333;transform:rotate(45deg)}
.pages span:before{opacity:.6}
.pages .page-list:first-child{padding:13px 21px 13px 57px}
.pages .page-list:last-child{padding:13px 57px 13px 21px}
.pages .page-list:last-child:before{transform:rotate(-135deg);left:72px}
.pages a.page-list:first-child:hover:before,.pages a.page-list:last-child:hover:before{border-bottom-color:#fff;border-left-color:#fff}
.pro-p,.pro-seo{line-height:1.6;font-size:16px;margin-bottom:20px;color:#333;padding:0 10px}
.pro-list{margin-bottom:30px}
#news-list>li,.pro-list-one{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;position:relative}
.pro-list-one:hover h3 a{color:#008290}
#news-list>li .pro-img,.pro-list-one .pro-img{position:relative;display:flex;display:-webkit-flex;flex-basis:280px;width:280px;height:280px;align-items:center;justify-content:center;border:1px #eee solid}
#news-list>li img,.pro-list-one .pro-img img{display:block;max-height:100%}
#news-list>li .pro-con,.pro-list-one .pro-con{flex-basis:calc(100% - 280px);width:calc(100% - 280px);padding:35px}
.pro-list>.pro-item{float:left;width:31%;margin:0 1% 20px;display:block;padding:0}
.pro-con p{color:#4f4f4f;font-size:16px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:-webkit-box;max-height:75px}
#news-list .pro-con p{-webkit-line-clamp:3;max-height:50px}
.pro-con .ind-btn{text-align:left;margin-top:30px}
.pro-con h3 a{font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.pro-con h3{margin-bottom:20px}
#news-list>li{margin-bottom:0}
#news-list>li .pro-img{height:183px;border:none}
#news-list>li .pro-con{padding:10px 0 10px 35px}
#news-list>li{padding:30px 0}
#news-list>li{border-bottom:1px #eee solid;transition:.3s padding ease-in-out}
#news-list>li h3{margin-bottom:0}
#news-list .news-tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
#news-list .news-tit h3{width:calc(100% - 130px);flex-basis:calc(100% - 130px)}
#news-list .news-tit time{display:flex;justify-content:flex-end;flex-basis:130px;width:130px}
.jq-zoom,.singglepic{width:450px;float:left;position:relative}
.pro-info-con{float:right;width:calc(100% - 450px)}
.pro-info-con h1{font-size:24px;color:#008290;font-weight:700;padding-bottom:10px;border-bottom:1px #eee solid}
.pro-info-con p{font-size:14px;color:#5f5f5f;line-height:1.8;padding-top:10px}
.pro-info-con .btn{margin-top:30px;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between}
.pro-info-con .LayImAhrefNode,.pro-info-con .btn>div,.pro-info-con .sendInquiry{font-size:18px;display:flex;display:-webkit-flex;height:56px;justify-content:center;align-items:center;color:#fff;text-align:center;position:relative;width:235px;float:left;margin-bottom:20px;text-transform:uppercase}
.pro-info-con .sendInquiry{border:1px #008290 solid;color:#008290}
.pro-info-con .LayImAhrefNode{background:#008290;color:#fff}
.pro-info-con .btn>div{border:1px #eee solid;color:#333}
.pro-info-con .btn>div{color:#333}
.pro-info-con .btn>div:after{background:#fff;border:1px #eee solid}
.pro-info-con .btn>div a{display:flex;align-items:center;height:100%;justify-content:center}
.pro-info-con .btn>div a i{padding:0 10px}
.pro-tit{font-size:22px;color:#333;font-weight:700;line-height:2;padding-bottom:5px;border-bottom:1px #eee solid}
.pro-details-tit{font-size:24px;color:#008290;line-height:2}
.spec-scroll .next,.spec-scroll .prev{background-color:#fff;border:1px #eee solid}
.spec-scroll .next:hover,.spec-scroll .prev:hover{background-color:#008290;background-image:url("../images/pro-btn-w.png")}
.spec-scroll .items ul li span.active,.spec-scroll .items ul li span:hover{border-color:#008290}
.spec-preview{margin:0}
.spec-scroll{margin:15px 0}
.change-page{padding:15px 0 25px;border-top:1px #eee solid}
.change-page>div{display:flex;margin-bottom:10px;align-items:center}
.change-page .link-type{font-size:18px;padding-right:10px}
.change-page>div a{font-size:16px}
.change-page>div:hover a{text-decoration:underline;text-decoration-color:#008290;color:#008290}
#inquiry .tit-h2{margin:20px 0}
.about-body p{font-size:14px;color:#333;line-height:2;margin-bottom:10px}
.contact-way h1{font-size:24px;color:#008290;margin-bottom:10px}
.contact-way{width:50%;float:left;padding-right:40px}
#map{width:50%;float:left;height:300px}
.contact-ul{margin-top:30px}
.contact-ul li{padding-left:40px;background:url("../images/contact-icon.png") no-repeat;background-position:0 0}
.contact-ul li:nth-child(2){background-position:0 -103px}
.contact-ul li:nth-child(3){background-position:0 -180px}
.contact-ul h3{font-size:18px;color:#008290}
.contact-ul p{font-size:16px}
.news-con-tit{margin-top:50px;text-align:center;padding-bottom:20px;border-bottom:1px #eee solid}
.news-con-tit h1{font-size:24px;font-weight:700;color:#008290;margin-bottom:10px}
.news-con-tit time{font-size:14px;color:#666}
.news-con-p{padding:30px 0}
.news-con-p p{font-size:16px;line-height:1.4;margin-bottom:15px}
.news-body .change-page{border-bottom:none}
.inner #feedbackForm .atextarea,.inner #feedbackForm .text{height:48px;line-height:1.6;border-color:#eee;border-radius:5px;width:90%}
.inner #feedbackForm .atextarea{height:160px}
.inner #feedbackForm .lable{color:#4d4d4d}
.inner #feedbackForm table{max-width:100%}
.inner #feedbackForm .fsbtn{text-align:left}
.inner #feedbackForm .submita{height:56px;line-height:56px;width:160px;background:#008290;margin:20px 0;font-size:20px}
.inner .ftxt{width:14%}
#inquiry{border:1px #e5e5e5 solid;padding:30px}
.contact-con{margin-bottom:50px}
@media (max-width:1366px){
.container{width:1080px}
.indAbout-ul .ind-hover li{margin-bottom:10px}
.indAbout-ul .ind-hover{padding-top:30px}
.indAbout-ul .ind-hover h3{margin-bottom:20px}
.ind-pro:hover .ind-pro-con{padding-top:50px}
.sec_padding{padding:60px 0}
#pro-list .pro-con h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:nowrap}
.pro-list-one .pro-img{width:250px;flex-basis:250px;height:250px}
}
@media (max-width:1280px) and (min-width:992px){
.container{width:970px}
.ind-pro:hover .ind-pro-con{padding-top:30px}
.sec_padding{padding:55px 0}
}
@media (max-width:1170px){
#nav>ul>li>a{padding:0 10px}
.header-con{padding:0 30px}
}
@media (max-width:991px){
	body {overflow-x: hidden;}
	.search-from {display: none;}
.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 #333;background-color:#333;-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:300px;background:#222;right:-300px;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}
.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{position:absolute;right:70px;top:0;height:100%;display:flex;align-items:center;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:8}
.container,.header-con,.top{width:100%;padding:0 30px}
.ind-pro{width:calc(33.3% - 20px)}
.idx-news-list li{width:100%;flex-basis:100%}
.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%}
#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:#008290}
.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}
}
@media(max-width:767px){
	.block .classes .content img {height: unset!important;}
	.shown_products_b_a .opt img {height: unset!important;}
.jq-zoom,.pro-info-con,.product-content .singglepic{width:100%}
.pro-info-con .LayImAhrefNode,.pro-info-con .btn>div,.pro-info-con .sendInquiry{margin-bottom:10px}
.container{width:100%;padding:0 15px}
.reason-ul li{width:calc(50% - 20px);margin-bottom:20px}
.sec_padding{padding:30px 0}
.container,.header-con,.top{padding:0 15px}
.nav-btn{right:15px}
.foot-bot>div{flex-wrap:wrap;justify-content:center;padding-top:10px;padding-bottom:10px}
.foot-bot{height:auto}
.news-con-tit h1{font-size:20px}
.ind-about .videoContiner iframe {
	width: 100%;
	height: 320px;
}
}
@media(max-width:640px){
.indAbout-ul>li{width:100%;flex-basis:100%;margin-bottom:20px;text-align:center}
.indAbout-ul img{display:inline-block}
.indAbout-ul{flex-wrap:wrap}
.ind-pro{width:calc(50% - 20px)}
}
#xyz{position:relative;z-index:99999;width:120px;height:27px;margin-left:15px}
.xyz12{border-radius:3px;width:100%;background:#fff;line-height:25px;position:absolute;box-sizing:border-box}
.xyz12 li{position:relative;height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:25px;padding:0 8px;z-index:1;text-align:left}
.xyz12 li a{color:#333;font-size:12px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:2px;background:url("../images/amore.png") center no-repeat;display:block;width:25px;height:25px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url("../images/amore1.png") center no-repeat}
.xyz12 li img{vertical-align:middle;margin:-2px 7px 0 0;width:16px}
.xyz12 li:hover{background:#f2f2f2}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0;margin:0}
#news-list>li.newsitem-nopic .pro-img{display:none}
#news-list>li.newsitem-nopic .pro-con{width:100%;flex-basis:initial}
#news-list>li.newsitem-nopic{padding:10px 0}
#news-list .newsitem-nopic .news-tit{margin-bottom:5px}
.newsitem-nopic .pro-con .ind-btn{display:none}
#news-list .pro-con p{font-size:14px}
#news-list>li.newsitem-nopic:hover{padding:10px 0;background:0 0;color:#000}
#news-list>li.newsitem-nopic:hover .pro-con p{color:#000}
#news-list>li.newsitem-nopic:hover h3 a{color:#008290}
.indAbout-ul>li i{display:flex;align-items:center;justify-content:center}

.language {
                position: relative;
            }
            .language .lang-title a {
                color: #fff;
                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: #fff 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 #fff transparent;
                border-top-width: 0;
            }


            #ind-about {
            	/*background-color: #f6f6f6;*/
                padding: 3.5vw 0 5.5vw;
                background-image: url(https://cdn.makitatools.com/apps/wms/home/images/cordless/cordless-systems-background.jpg);
                background-size: auto 100%;
            }

            .top .contact {
            		display: block;
            	}

  @media (max-width:768px){ 
            	.top {
            		height: auto;
            		justify-content:center;
            	}
            	.top .contact {
            		display: none;
            	}
            }

            @media (max-width:640px){ 
            	.top {
            		height: auto;
            		justify-content:center;
            	}
            }