@charset "utf-8";/* CSS Document*/
@media screen and (min-width: 1921px){
	.w {width: 1400px;}
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
	.w {width: 1400px;}
	.ak-nav-con{ padding:0 15px 0 50px;}	
}
@media only screen and (min-width: 1361px) and (max-width: 1600px) {
	.w {width: 1280px;}
	.top-nav li a{ padding:15px 15px;}
	.ak-nav-con{ padding:0 15px 0 50px;}
}
@media only screen and (min-width: 1301px) and (max-width: 1360px) {
	.w{width: 1280px;}
	.top-nav li a{ padding:15px 20px; font-size:15px;}
	.ak-nav-tel{ font-size:16px;}
	.ak-nav-con{ padding:0 15px 0 50px;}
}
@media only screen and (min-width: 1221px) and (max-width: 1300px) {
	.w{width: 95%;}
	.top-nav li a{ padding:15px 12px; font-size:15px;}
	.ak-nav-con{ padding:0 30px;}
	.ak-nav-tel{ font-size:16px;}
	.ak-nav-con{ padding:0 10px 0 30px;}
	
	}
@media screen and (min-width: 1201px) and (max-width:1220px){
	.w{width: 95%;}
	.top-nav li a{padding:15px 20px;}
.ak-nav-con{padding-left:20px; width:100%; padding:0;}
.fot-nav li dd{padding-top:14px;}
.ak-nav-tel{ display:none;}
}	

@media screen and (min-width: 1701px){html{font-size:1250%!important}}
@media screen and (min-width: 1601px) and (max-width: 1700px){html{font-size: 1150%!important}}
@media screen and (min-width: 1401px) and (max-width: 1600px){html{font-size: 1050%!important}}
@media screen and (min-width: 1201px) and (max-width: 1400px){html{font-size: 950%!important}
.fot-nav{width:40%;}
}
@media screen and (min-width: 1101px) and (max-width: 1200px){html{font-size: 850%!important}
.top-nav li a{padding:15px 20px;}
.ak-nav-con{padding-left:20px; width:100%; padding:0;}
.fot-nav li dd{padding-top:14px;}
.ak-nav-tel{ display:none;}

}
@media only screen and (min-width: 1001px) and (max-width: 1100px) {
.top-nav li a{padding:15px 15px;}
.ak-nav-con{padding-left:20px; width:100%; padding:0;}
.fot-nav li dd{padding-top:14px;}
.ak-nav-tel{ display:none;}

}


@media screen and (min-width:1040px){html{padding: 0;margin:0;font-size: 625%;-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;/*10 ÷ 16 × 100% = 62.5%*/}}
@media only screen and (max-width: 1040px){
body{font-family: Helvetica;}
.m-hide{display:none !important;}
.m-show{display:block !important;}
/*幻灯片*/
.ak-banner{}
.w{width:100%;padding:0 10px 0 10px;min-width: auto;max-width:100%; }
.w3{width:100%;min-width: auto;max-width: auto; }
.banner-bigtitle{font-size:24px;padding:10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; letter-spacing:0;}
.banner-txt{width:80%;margin:0 auto;}
.banner-stitle{font-size:15px; word-break:break-all;}
.ak-banner .swiper-pagination{bottom:15px;}
.banner-btn{padding:4px 15px 4px 15px;}
.ak-tl-box{width:80%; padding:10px 0 10px 0}
.ak-tl-box img{width:100%;}
.ak-tl-title{padding:0 0 20px 0;}
.ak-tl-con h1{font-size:20px; padding:10px 0 10px 0;}

.ak-tl-con h1::before{ width:60px;height:16px; left: -70px; top:40%; background-size:cover;}
.ak-tl-con h1::after{ width:60px;height:16px; right: -70px; top:40%;background-size:cover;}
.ak-tl-con2 h1::before{ width:60px;height:16px; left: -70px; top:20%; background-size:cover;}
.ak-tl-con2 h1::after{ width:60px;height:16px; right: -70px; top:20%; background-size:cover;}


.iprobox{ padding:15px 0;}
.ak-tl-left h1{ font-size:24px;}
.ak-tl-left{ margin-bottom:20px;}
.gd-nav{ height:30px; top:-50px;}
.gd-nav a{ line-height:30px; padding:0 15px;}
.gdpro-list li{ padding:10px;}
.gdpro-list h2{ font-size:15px; margin:5px 0 0 0;}
.gdpro-list p{ margin:0 0 8px 0;-webkit-line-clamp: 1;}
.gdpro-list h3{ padding:8px 15px; font-size:13px;}
.gdpro-list h1{ background:#f7f7f7;}

/*新增*/
.h-intro{ padding:12px 0 12px 0;}
.h-intro-img{ width:100%; padding:0; width:100%;}
.h-intro-con{ width:100%; padding:15px 15px 0 15px;}
.h-intro-con h1{ font-size:17px; line-height:1.2; padding:12px 0;}
.h-intro-con h5{ line-height:1.5;}
.h-intro-con ul li{ width:100%;}
.h-intro-con ul li:before{ width:24px; height:24px; top:5px; font-size:16px; line-height:24px;}
.ak-td-item{ width:100%; padding:5px 0 12px 0;}
.ak-td-item-con{ padding:0 15px;width: calc(100% - 88px);}


.about-left{ width:100%;  padding-top:0; margin-top:-10px; }
.about-right{ width:100%;padding:15px}
.about-left .shape-1{ left:30px; width:50px; height:80px; top:120px;}
.about-left .shape-2{ left:-10px; width:30px; height:50px; top:140px;}

.about-right h1{ font-weight:600; font-size:20px; line-height:1.2; word-break:break-all;}
.about-right p{ padding:15px 0 20px 0; font-size:14px;}
.pb80{ padding-bottom:90px;}
.ak-tedian{ padding:15px 15px 20px 15px; position:relative; top:0;}
.ak-tedian-item i{ position:absolute; left:0; top:20px;}
.ak-tedian-item h1{ width:80%; float:right; font-size:20px; text-align:left; line-height:1.2}
.ak-tedian-item p{ width:80%; float:right; margin-top:15px; font-size:14px; text-align:left; line-height:1.2; padding:0;}
.ak-tl-con p{ text-align:center; padding-bottom:0;}
.case{ padding-bottom:20px;}

.smt20{ margin-top:20px;}
.footer{ padding:20px 0 10px 0;}
.fot-item{ width:100%;}
.foot-icon a{ margin-left:10px;}
.ak-tedian-item{ width:100%; padding:5px 0;}
.ak-tedian .ak-tedian-item::after{ display:none;}
.liyou-left{ width:100%; padding-right:0;}
.liyou-right{ display:none;}
.h-news{ margin-right:0%; width:90%; margin:0 auto;}
.h-new-item{ width:100%; margin:0 0 5% 0; background:#FFFFFF; box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1); float:left;}
.h-new-item:nth-child(3){ display:none;}
.m-ak-tl{ width:90%; margin:10px auto 20px auto;}
.spd30{ padding-bottom:30px;}

.h-new-item h1{ font-size:15px; line-height:1.2;}
.gdpro-list{ padding-bottom:10px;}

.footbq h1{ width:100%; text-align:center; line-height:1.2}
.foot-icon{ width:100%; float:left; text-align:center;}
.foot-icon a{display:inline-block!important;}
.scroll-top{ bottom:100px;}
.m-w{ display:block;}

.fot{ width:90%; margin:0 auto;}
.f-address{ padding-bottom:10px;}
.footbq{ padding:10px 0 70px 0;}
.m-about-left{ margin-top:10px;}
.n-about-lx{ display:none;}
.leftmenu{ width:100%; margin-bottom:10px;}
.leftbox{ padding:10px;}
.leftbox h1{ font-size:16px;}
.leftbox ul{ white-space:nowrap; overflow-x: auto; overflow-y: hidden;}
.leftbox ul li{ display:inline-block; float:none; width:auto;padding: 12px 12px 12px 40px; margin-right:10px;margin-top:10px;}
.nbanner{ background:none; height:auto;}
.banner-zz{ display:none;}
.nb-box{ position:relative; padding:10px; height:auto;}
.nb-text-title{ display:none;}
.nb-text-con{ font-size:13px;}
.article{ width:100%; padding:10px; margin-left:0;}
.p60{ padding:15px 0 15px 0;}
.cplist ul{ margin-right:-2%;}
.cplist li{ margin:0 2% 2% 0; width:48%;}
.product-view{ width:100%;}
.product-view .product-image{ }
.product-view .image-additional{ margin:0 -10px 15px;}
.product-ms{ width:100%; float:left;}
.product-ms-title{ font-size:18px;}
.product-ms-td li{ width:100%;}
.product-ms-lx{ display:none;}
.product-ms-td{ margin-bottom:0px;}
.infotab{ padding:10px 10px 0 10px;}
.infomain{ padding:10px;}
.mb40{ padding-bottom:10px}
.downup-list>.goList span{padding-left:0;height:20px;}
.downup-list>.goList span:before{left:15px;}
.article-title{ padding:0 0 20px 0;}
.article-title h1{ font-size:20px; padding:0; font-family:Arial, Helvetica, sans-serif; letter-spacing:0;}
.news-base{ padding: 0 0 20px 0;}
.article-con{ padding:15px;}
.article-tit{ padding:0 0 20px 0}
.article-tit h1{ padding:0 0 10px 0}
.lx-item{ width:100%; margin:0 0 2% 0;}
.lx-form{ padding:10px;}
.lx-form-right{ float:left; width:100%;}
.lx-form-item{ padding:0 0 15px 0;}
.contact2-btn{ margin-top:0;}
.lx-form h1{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:0; width:90%; margin:0 auto; padding-bottom:10px;}
/*手机菜单*/
.m-top{border-top: #f2f2f2 1px solid;padding:10px 15px;background:#FFFFFF;box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);}
.m-logo img{height:30px;}
.m-logo{float:left;}
.m-logo-sm{font-size:15px;float:left;padding:6px 0 0 10px;line-height:15px; font-weight:600;}
.m-search{ float:right; line-height:30px; margin-right:15px; position:relative;}
.m-search i{ font-weight:600; font-size:18px;}
.search form{ position:fixed; left:0; right:0; top:50px; padding: 10px;background: #EEE; z-index:9999999; display:none}
.search form input{ background:#FFF; padding:10px 30px 10px 10px; font-size:14px; border-radius: 20px;width:100%; border:0; position:relative;}
.search form button{ width: 30px; height: 30px; position: absolute; right: 30px; top: 50%; transform:translateY(-50%); background:#FFFFFF;}
	

.m-menu{float:right;line-height:30px;transition: .3s ease;}
.m-menu a i{font-size:24px;color:#333333;}
.m-menu-content{display:none;padding:15px;background:#333333;}
/*手机二级菜单*/.touch-menu li{border-bottom:1px solid #454545;position:relative;}
.touch-menu li a{color:#fff;display:block;font-size:16px;height:48px;line-height:48px;padding-left:10px;}
.touch-menu li a:hover,.touch-menu li a:active{background-color:#fff;color: #333;}
.touch-menu ul{display:none;margin:0;padding:10px 10px 10px 20px;box-shadow: none;border-top: 1px solid #454545;}
.touch-menu ul li:last-child{border-bottom: none;}
.touch-menu ul li a{padding:0;padding-left:5px;font-size:16px;height:38px;line-height:38px}
.touch-menu>.m-sub-menu>a:after{content:"\eb8f";margin-left:5px;font-family:iconfont;}
/*菜单图标*/.toggle{position: relative;width:30px;height:30px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.toggle span{height:2px;margin:2px 5px;width: 24px;display: block;background: #333;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.toggle.active span:nth-child(1){-webkit-transform: rotate(-45deg) translate(-5px, 4px);-ms-transform: rotate(-45deg) translate(-5px, 4px);transform: rotate(-45deg) translate(-5px, 4px);}
.toggle.active span:nth-child(2){opacity: 0;}
.toggle.active span:nth-child(3){-webkit-transform: rotate(45deg) translate(-4px, -4px);-ms-transform: rotate(45deg) translate(-4px, -4px);transform: rotate(45deg) translate(-4px, -4px);}

.about-con{ width:90%; float:none; margin:0 auto;}
.about-txt h5{ display:block; width:80%; margin:0 auto; font-size:18px;}
.about-img{ float:none; width:90%; margin:0 auto 50px auto;}
.about-txt h5:before,.about-txt h5:after{ font-size:24px;}
.about-txt h5:before{ left:-30px;}
.about-txt h5:after{ right:-30px;}

}