@charset "utf-8";
.welcomebox{background: #f5f5f5;height: 35px;display: block;width: 100%;}
.welcomebox .welcome{font-size:12px; color: #666;line-height: 35px;background: url("../images/inico1.jpg") no-repeat left center;padding-left:23px;}
.topwei ul i{display: block;float: left;width: 1px;height: 17px;background: #ccc;margin: 10px 15px;}
.topwei ul li{font-size: 14px;color: #666;line-height: 35px;float: left;width: 85px;}
.topwei ul li a{color: #666;}
.topwei ul li .ewen{float: left; width: 85px; color: #666; line-height: 35px; background: url(../images/inico2.png) no-repeat left center; position: relative;padding: 0 0 0 30px; cursor: pointer;}
.topwei ul li .ewen .eimg{display: none;position: absolute;top: 35px;left: -14px;z-index: 999999999;width: 115px;height: 115px;}
.topwei ul li .ewen:hover .eimg{display: block;}
.topwei ul .headzx img{float: left;margin: 9px 5px 0 0;}

.topblank{height: 90px;}
.wrapper{width:1300px; margin: 0px auto;}
.header {z-index: 9;height: 90px;position: fixed;background: rgb(255, 255, 255,0.5);top: 35px;width: 100%;box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.15);-webkit-transition: all .5s ease;transition: all .5s ease;}
.header .wrapper,.welcomebox .wrapper{width:auto; padding: 0 4%;}
.header .logo {margin:20px 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat center;width:250px; height:50px; background-size: 100%;-webkit-transition: all .5s ease;	transition: all .5s ease;}
.header .navmenu {float: right;height: 90px;line-height: 90px;}
.header .navmenu li {float: left;display: inline-block;text-align: center;font-size: 16px;-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);margin: 0 25px;}
.js-m.animate {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
.js-m.js-m-2 {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .5s ease;transition: all .5s ease;}
.js-m.js-m-2.animate {opacity: 1;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
.header .navmenu li>a:hover {font-weight: bold;color: #028985 !important;}
.nav-left:before {content: "";position: absolute;z-index: -1;background: #028985;left: 0%;right: 0px;width: 0%;bottom: 0px;height: 3px;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.nav-left:hover:before {width: 100%;}
.nav-left.cur:before {width: 100%;}
.nav-left {vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;}
.header .navmenu li>a {color: #333;display: block;position: relative;-webkit-transition: color 0.5s;transition: color 0.5s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.header:hover nav li>a {color: #222;}
.header.active nav li>a {color: #333;}
.header .nav-sub {width: 200px;background: #fff;position: absolute;top: 90px;left: 0px;height: auto;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-transform: scaleY(0);-ms-transform: scaleY(0);transform: scaleY(0);-webkit-transition: -webkit-transform .3s .2s;transition: transform .3s .2s;}
.header .nav-sub.active {-webkit-transform: scaleY(1);	-ms-transform: scaleY(1);transform: scaleY(1);-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.header .nav-sub.active .n-nav-sub { opacity: 1;-webkit-transform: translate(0, 0);	-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all .2s .3s;
transition: all .2s .3s;}
.header .nav-sub .n-nav-sub {opacity: 0;-webkit-transform: translate(0, -20px);-ms-transform: translate(0, -20px);transform: translate(0, -20px);-webkit-transition: all .2s;
transition: all .2s;}
.header .nav-sub a {height: 40px;line-height: 40px;display: block;padding: 0 20px;text-align: left;color: #333;font-size: 14px;-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);}
.header .nav-sub a:hover {background-color: #028985;color: #fff;}
.header .header-right {float:right;height:90px;font-size:16px; display: flex;align-items: center;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.header .header-right i {background:url(../images/tel.png);width:24px; height:24px;vertical-align:middle;margin:0 5px 0 0;display:inline-block;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.header.active2 { height:60px; background: #fff;top:0px;}
.header.active2 .navmenu {height: 60px;line-height: 60px;}
.header.active2 .logo {margin:8px 0 0; display:block;float:left; width:225px; height:45px; background-size: 100%;}
.header.active2 .nav-sub {top: 60px;left: 0px;}
.header.active2 .header-right {height:60px;}
.header .header-right i {background:url(../images/tel.png);}
/*广告位*/
.hidden_pc{display: block;}
.hidden_mob{display: none;}
.banner{width: 100%;position: relative; background: #000000;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url(../images/rightjt.png) no-repeat center center;width: 40px;height: 40px; border-radius:50%; border:1px solid #fff;right:0px;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-prev {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;}
.banner .swiper-slide img{transform: scale(1.3) ;-ms-transform: scale(1.3) ;-webkit-transform: scale(1.3);transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
.banner .swiper-slide-active img{opacity: 1;transform: scale(1) ;-ms-transform: scale(1) ;-webkit-transform: scale(1);-webkit-animation-duration: 0.8s;-o-animation-duration: 0.8s;animation-duration: 0.8s;-webkit-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 4px;width:15px;border-radius: 2px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:35px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 40px!important;left: auto!important;}
.banner .swiper-button-prev{left: 40px!important;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
/*内容*/
.pd60{padding: 70px 0;}
.leftside{float:left; width:21%}
.rightside{float:right; width:77%}
.leftsidetit{font-size: 20px; background: #028985 url("../images/sortico.png") no-repeat 25px center; padding-left:65px; line-height:65px; color: #fff;}
.rightsidetit{font-size: 20px; font-weight: bold; background: url("../images/sport.png") no-repeat 10px center #fff; padding-left:50px; height: 55px; line-height:55px; color: #028985;border-bottom: 1px solid #e2e2e2;}
.rightsidetit span{float:right; font-size: 14px; padding-right:15px; font-weight:normal; position: relative;}
.rightsidetit span i{background: url(../images/homeico.png) no-repeat left 50%; position: absolute; left:-24px; top:15px; margin-right:30px; width:24px; height: 24px;}
.leftmenu{border: 1px solid #e2e2e2; border-top:0; padding: 11px 25px;}
.hotproduct{border: 1px solid #e2e2e2;}
.leftmenu li{line-height: 60px; border-bottom: 1px solid #e8e8e8;}
.leftmenu li:last-child{border-bottom: 0;}
.leftmenu a{background: url(../images/leftjt.png) no-repeat 3px 50%;text-indent:32px; display: block;}
.leftmenu a:hover,.leftmenu .on{background: url(../images/leftjt.png) no-repeat 3px 50% #fafafa; color:#028985; font-weight: bold;}
.productlist{ padding:0 20px 20px 0;}
.productlist li{float:left; width:calc(100% / 3 - 20px); margin-left:20px; margin-top:20px; text-align: center;}
.productlist li:nth-child(3n+1){clear: both;}
.productlist h2{font-size: 16px; padding: 10px 0; background: #f9f9f9;}
.producttj{padding: 5px 20px 25px; background: #f9f9f9;}
.producttj li{float:left; width:49%;margin-right: 2%; margin-top: 2%;}
.producttj li:nth-child(2n){margin-right:0}
.protjbox{border:0px solid #e2e2e2; background: #fff;box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.15);}
.protj-left{float:left; width:56%}
.protj-right{float:right; width:42%; line-height: 1.8; padding-top:20%;}
.protj-right h2{font-size: 16px; font-weight: bold; line-height: 40px;}
.leftcontact {border: 1px solid #e2e2e2;margin-top:12px;padding: 10px 19px 20px;margin-bottom: 20px;}
.leftcontact h2 {font-size: 18px;color: #028985;font-weight: bold;line-height: 45px;border-bottom: 1px solid #e2e2e2;margin-bottom: 10px; text-indent: 5px;}
.leftcontact p {font-size: 14px;padding:6px 0 6px 2px;line-height: 20px;}
.leftcontact .zx {width: 150px;height:44px;background: #f36200;margin-top:10px; display: block;transition: all 0.5s;}
.leftcontact .zx span {width: 55px;height: 44px;float: left;border-right: 1px solid rgba(255,255,255,0.6);background: url(../images/zxzx_icon01.png) no-repeat center;}
.leftcontact .zx em {width: 94px;line-height: 44px;text-align: center;font-size: 14px;color: #fff;float: left;}
.leftcontact .zx:hover{background:#028985;}
/*产品*/
	.idx_pro{padding:30px 0 70px;}
	.idx_pro .container { position: relative;}
	.idx_pro .pro_swiper { overflow: hidden;}
	.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
	.idx_pro .swiper-button-prev{top: 40%;width:30px;height: 50px; background: url(../images/rightjt.png) no-repeat center center #999;left:0px;transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
	.idx_pro .swiper-button-next{top: 40%;width:30px;height: 50px; background: url(../images/rightjt.png) no-repeat center center #999;right:0px;}
	.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/rightjt.png) no-repeat center center #028985;}
	.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/rightjt.png) no-repeat center center #028985;}
	.idx_pro a .img,.productsort ul li a .img {overflow: hidden;}
	.idx_pro a .img img,.productsort ul li a .img img { width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
	.idx_pro a:hover .img img,.productsort ul li a:hover .img img { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);}
	.idx_pro a .text,.productsort ul li a .text { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 70px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #fff; position: relative;}
	.idx_pro a:hover .text,.productsort ul li a:hover .text {height: 85px;margin-top: -15px; background: #028985;}
	.idx_pro a .text h4,.productsort ul li a .text h4 { font-size:16px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
	.idx_pro a:hover .text *,.productsort ul li a:hover .text * {color: #fff;}
.abouttitle{text-align: center; font-size: 16px; text-transform: uppercase;}
.abouttitle h2{font-size: 30px; font-weight: bold; margin: 5px 0 10px;color: #028985}
.aboutus{background: url("../images/aboutbg.jpg") no-repeat center center #2eb1ac; background-size: 100%; min-height:550px; padding-top:70px;}
.aboutus .abouttitle,.aboutus .abouttitle h2{color: #fff;}
.rightimg{float: right; margin-left: 80px; margin-top:10px;}
.abmore {margin-top:20px; display: block;width: 130px;height:48px;line-height:48px;text-align: center;color: #fff;font-size: 14px;background: #028985;border-radius:4px; transition: all 0.5s;}
.abmore:hover{background: #fff;color: #028985;}
.aboutbox{color: #fff; font-size: 14px; line-height:2; margin-top:10px; width:50%}
.aboutbox h2{font-size: 22px; line-height: 1.5; padding-bottom: 13px;}
.shilibox{background: #eee;}
.shili{ background: #fff; padding: 55px 0; overflow: hidden; box-shadow: 0px 10px 15px -3px #e4e4e4; position: relative; top: -60px;}
.shitit{overflow: hidden;}
.shili ul li {float: left;width:20%; padding:15px 35px; overflow: hidden; border-right: 1px solid #e2e2e2; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.shili ul li:last-child{border-right: 0;}
.shili ul li .shilifont {font-size: 16px;color: #666;line-height:1.8;margin-top:15px; text-align: center;}
.shili ul li .shitit i{width: 80px;height: 80px;display: block; margin: 0px auto;background: #80c300;border-radius: 10px; text-align: center;overflow: hidden;}
.shili ul li .shitit i img{margin: 0 auto;padding: 13px 0;}
.shili ul li .shitit p {margin-top: 25px; text-align: center;}
.shili ul li .shitit p span{font-size: 20px; color: #333333; font-weight: bold;display: block; margin-bottom:3px;}
.shili ul li .shitit p em{font-size: 16px;color: #c7c7c7;font-style: normal; text-transform: uppercase;}
/*内页*/
.aboutcontent{padding:20px 30px 30px; line-height: 2; min-height: 500px;}
.aboutcontent h2{text-align: center; font-size: 22px;}
.aboutcontent p{padding: 7px 0;}
.abtimg{position: relative; margin-bottom: 30px;}
.abtfont{position: absolute;right:1%; top:11%; width:36%}
.abtfont strong,.zjl strong{font-size: 18px;}
.contact{font-size: 16px; padding: 20px;}
.mapheight{width:100%; height: 450px; margin-top: 20px;}
.zjl{min-height: 480px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin-top: 20px;}
.zjll{width:48%;float:left;min-height: 480px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center;justify-content: center; align-items: center;}
.zjlr{width:52%;float:right;}
.productcontent{padding:20px 30px 30px;}
.viewbox{text-align: center;}
.viewbox h2{font-size: 24px; line-height:1.8;}
.viewbox img{padding-top:15px;}
.viewcontent{padding: 15px 0; line-height: 1.8; margin: 0px auto; max-width: 850px; min-height: 450px;}
.viewcontent img{text-align: center; margin: 15px auto; display: block;}
.info-page { background: #fafafa; margin: 25px auto; max-width: 850px; box-sizing: border-box; text-align: center; padding:4px 12px; border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.info-page a {display: inline-block; font-size: 14px; line-height: 36px; color: #666; transition: color .3s}
.info-page a:hover{color:#b91318;}
.info-page a.prev {float: left}
.info-page a.next {float: right}
.info-page a.return { padding: 0 15px 0 45px; background: url(../images/news11.png) no-repeat 15px center;transition: background .3s, color .3s}
.framemover a:hover {-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards}
.framemover a i{display:inline-block;background:url(../images/mgs_icon.png) no-repeat;width:15px;height:12px;margin-left:10px;vertical-align:middle;margin-top:-3px;}
.move{ -webkit-animation: move 2s linear infinite; -moz-animation: move 2s linear infinite;-ms-animation: move 2s linear infinite; animation: move 2s linear infinite;}
@-webkit-keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0);-moz-transform:translate(-5px, 0);-ms-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}
@keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}
/*news*/
.newswrap{padding:70px 0 80px; background: url(../images/shopbg.jpg) no-repeat center top;}
.newswrap .newstitle{height:55px; border-bottom: 1px solid #e2e2e2;}
.newswrap .newstitle_l{float:left; font-size:18px; line-height: 45px; font-weight: bold;}
.newswrap .newstitle_r{float:right; text-aligin:right; line-height: 45px;}
.newswrap .homenews_l{ width:66%; float:left;}
.newswrap .homenews_l .homenews{margin-top: 30px;}
.newswrap .homenews_l .homenews li{float:left; width:47.5%; margin-right:5%;}
.newswrap .homenews_l .homenews li:last-child{margin-right: 0;}
.newswrap .homenews_l .homenews h2{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 16px; line-height:35px; margin:15px 0 5px;}
.newswrap .homenews_l .homedesc{color:#888;overflow: hidden; line-height:2; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.newswrap .homenews_l .newmore{padding-top: 12px;}
.newswrap .homenews_r{ width:30%; float:right;}
.newslist{}
.newslist li:first-child{ padding: 0 0 15px;}
.newslist li{ border-bottom: 1px dotted #ddd; padding: 10px 0 15px;}
.newslist h2{font-size: 18px; line-height: 35px;}
.addtime{display: block;}
.details{color:#888;overflow: hidden; line-height:1.8; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
/*faq*/
.fa_con{height:360px; overflow:hidden;margin-top: 30px;}
.fa_con dl { border-bottom: #ccc 1px dotted; padding-bottom:10px; padding-top:8px;}
.fa_con dl dt {	background: url(../images/wen.gif) no-repeat 6px 50%; padding-left:32px; line-height:36px; font-size: 16px;}
.fa_con dl dd {	overflow: hidden; background: url(../images/da.gif) no-repeat 6px 3px; padding-left: 32px; line-height: 24px; color:#888}

/*底部*/
.footer{background: #eee; padding:40px 0;color: #666; font-weight: 100;}
.footer .foot-left{width:50%; float:left;display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
/* .footer .foot-left dl{float:left; margin-right: 80px;} */
.footer .foot-right{float:right;}
.footer .foot-right img{width:128px; margin:5px 0;}
.footer h2{font-size: 16px; padding-bottom: 20px;color: #444;}
.footer dd{line-height: 28px;}
.footer a{color: #666;}
.footer a:hover{color: #000;}
.footer strong{color: #444;}

/*手机菜单*/
.mbmenu { display:none;}
.mbmenu .navmb{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 34px;height: 27px;right:15px;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 34px;height: 2px;background-color:#333;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 34px;height: 2px;position: absolute;background: #333;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-9px;}
.nav__icon:after {margin-top:9px;}
.mbmenu .navmb { position:fixed; z-index:99996;top:50px;width: 100%;height: 100%;right:0; background:rgba(0,0,0,0.8);right:-100%;}
.mbmenu .navbg {position: fixed;left: 0px; top:50px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1001; display: none;}
.mbmenu .nav--active .navbg {display: block;}
.mbmenu .nav--active .navmb {right:0;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media(max-width:1024px){
	.banner .swiper-pagination{}
	.hidden_pc{display: none;}
	.hidden_mob{display: block;}
	.banner .swiper-button-next{width:25px;height:25px;right:0; background-size:80%;}
	.banner .swiper-button-next{right: 10px!important;left: auto!important;}
	.banner .swiper-button-prev{left: 10px!important;}
	.welcomebox{display: none;}
	.header .navmenu{display: none;}
	.wrapper{width:auto; margin: 0px auto; padding: 0 2%;}
	.header {height: 50px;top: 0;}
	.topblank{height: 50px;}
	.header.active2 { height:50px;}
	.header .logo {margin:7px 0 0; width:175px; height:35px;}
	.header.active2 .logo {margin:7px 0 0; width:175px; height:35px;}
	.mbmenu { display:block;}
	.accordionmenu {margin:5px 15px}
	.accordionmenu i{background:url(../images/mbtel.png) no-repeat; width: 19px; height: 19px; background-size: 100%; vertical-align: middle; display: inline-block; margin: 0 8px 0 12px;}
	.accordionmenu ul { display:block;float:none; text-align:left;}
	.accordionmenu li { position:relative;border-bottom: 1px solid #666; display:block;width:100%;margin:0;color:#ddd}
	.accordionmenu li:last-child{border-bottom:0; line-height: 50px;}
	.accordionmenu a {display: block;font-size:14px;border-width:0;line-height:50px;padding-left:15px;color:#ddd}
	.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:50px; line-height:50px;color:#ddd;padding-left:15px; background: url(../images/icon-plus.png) no-repeat 96% 50%;background-size:16px auto !important;}
	.accordionmenu li .link a {color:#ddd;font-size:14px;}
	.accordionmenu li.open .link { background:url(../images/icon-minus.png) no-repeat 96% 50%; color: #fff; font-weight: bold;}
	.accordionmenu .submenu {display:none; padding: 0 0 20px;}
	.accordionmenu .submenu dd { height:34px; line-height:34px;}
	.accordionmenu .submenu dd a:before{content: ''; width:3px; height:3px; background: #666; display: inline-block; vertical-align: middle; margin-right:8px;}
	.accordionmenu .submenu dd a { display:block;color:#ddd;font-size:14px;}
	.accordionmenu .submenu dd a:hover {color:#fff}
	
	.pd60{padding:20px 0;}
	.leftside{float:none; width:100%; display: none;}
	.rightside{float:none; width:100%}
	
	.rightsidetit{font-size:16px; background: url("../images/sport.png") no-repeat 2px center #fff; padding-left:40px; height:45px; line-height:45px;}
	.rightsidetit span{float:none;display: none;}
	.hotproduct{border:0;}
	.productlist{ padding:10px 0 0; margin-left: -5px;}
	.productlist li{float:left; width:calc(100% / 2 - 5px); margin-left:5px; margin-top:10px; text-align: center;}
	.productlist li:nth-child(3n+1){clear:none;}
	.productlist h2{font-size: 14px; padding: 10px 0; background: #f9f9f9;}
	.producttj{padding: 5px 20px 25px; background: #f9f9f9;}
	.producttj li{float:left; width:49%;margin-right: 2%; margin-top: 2%;}
	.producttj li:nth-child(2n){margin-right:0}
	
	.abouttitle{text-align: center; font-size: 14px; color: #999; text-transform: uppercase;}
	.abouttitle h2{font-size:18px; font-weight: bold; margin: 5px 0 0;color: #028985}
	.aboutus{background:#2eb1ac; background-size: 100%; min-height:auto; padding:10px 0 25px;}
	.aboutus .abouttitle,.aboutus .abouttitle h2{color: #fff;}
	.rightimg{float: right; margin-left: 80px; margin-top:10px;}
	.abmore {margin-top:15px; display: block;width: 110px;height:42px;line-height:42px;}
	.abmore:hover{background: #fff;color: #028985;}
	.aboutbox{line-height:1.8; width:100%}
	.aboutbox h2{font-size:18px; line-height: 1.5; padding-bottom: 10px;}
	.newswrap{display: none;}
	.shilibox{background: none;}
	.shili{ background: none; padding:15px 0 10px; overflow: hidden; box-shadow:none; position: static; top:0; border-bottom: 1px solid #e2e2e2; margin-bottom: 15px;}
	.shitit{overflow: hidden;}
	.shili ul li {float: none;width:100%; padding:15px 35px; overflow: hidden; border-right: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.shili ul li:last-child{border-right: 0;}
	.shili ul li .shilifont {font-size: 14px;margin-top:6px; text-align: center;}
	.shili ul li .shitit i{width: 70px;height:auto;display: block; margin: 0px auto;background: #80c300;border-radius:4px; text-align: center;overflow: hidden;}
	.shili ul li .shitit i img{margin: 0 auto; padding:8px 0;}
	.shili ul li .shitit p {margin-top: 10px; text-align: center;}
	.shili ul li .shitit p span{font-size:18px; color: #333333; font-weight: bold;display: block; margin-bottom:3px;}
	.shili ul li .shitit p em{font-size: 14px;color: #c7c7c7;font-style: normal; text-transform: uppercase;}
	.idx_pro{padding:20px 0 20px;}
	.idx_pro a .text,.productsort ul li a .text { height: 50px;}
	.idx_pro a:hover .text,.productsort ul li a:hover .text {height: 65px;margin-top: -15px; background: #028985;}
	.idx_pro a .text h4,.productsort ul li a .text h4 { font-size:14px;}
	
	.footer{padding:20px 0;}
	.footer .foot-left{display: none;}
	/* .footer .foot-left dl{float:left; margin-right: 80px;} */
	.footer .foot-right{float:none;text-align: center;}
	.footer .foot-right img{width:128px; margin:5px 0;}
	.footer h2{font-size: 14px; padding-bottom:6px;color: #444;}
	.footer dd{line-height: 24px;}
	
	.aboutcontent{padding:10px 0; line-height:1.8; min-height: auto;}
	.aboutcontent h2{text-align: center; font-size:18px;}
	.aboutcontent p{padding: 7px 0;}
	.abtimg{position: static; margin-bottom:10px; padding-top: 20px;}
	.abtfont{position: static;right:0; top:0; width:100%}
	.abtfont strong,.zjl strong{font-size: 16px;}
	.contact{font-size: 14px; padding:0;}
	.mapheight{width:100%; height:320px; margin-top:15px;}
	.zjl{min-height: auto; margin-top: 20px;}
	.zjll{width:100%;float:none;min-height: auto; padding:15px 0;}
	.zjlr{width:100%;float:none;}
	.productcontent{padding:15px 0;}
	.viewbox{text-align: center;}
	.viewbox h2{font-size:16px; line-height:1.8;}
	.viewbox img{padding-top:10px;}
	.viewcontent{padding: 15px 0; line-height: 1.8; margin: 0px auto; max-width: auto; min-height: auto;}
	.viewcontent img{text-align: center; margin:7px auto; display: block;}
	.rightimg{float: none; margin-left:0; margin-top:10px; margin-bottom: 10px;}
	.contact img{display: block;}
	.info-page { margin:5px auto; max-width: auto;}
}