@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:16px/1.7 "LatoWeb","微软雅黑",YaHei,tahoma,arial,"Hiragino Sans GB",宋体;color:#000000;outline:0;}
a{color:#000000;outline:none; transition:all .4s cubic-bezier(.215,.61,.355,1);}
a:hover {color: #000000;}
* {box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
body{width: 100%; position:relative;-webkit-text-size-adjust:none; background-color: #ffffff; }
html {-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;}
html{overflow-y:scroll}
html,body{
  height:100%;
}
input,button{*overflow:visible;}

p { margin-bottom:10px;}
h1 { font-size:28px; margin-bottom:15px;}
h2 { font-size:22px; margin-bottom:15px;}
h3 { font-size:20px;}
h4 { font-size:16px; margin-bottom:5px; margin-top:5px;}

@font-face {
  font-family: "helveticaneueltstd-bdcn";
  src: url("fonts/helveticaneueltstd-bdcn.woff2") format("woff2"),
       url("fonts/helveticaneueltstd-bdcn.woff") format("woff"),
       url("fonts/helveticaneueltstd-bdcn.ttf") format("truetype"),
       url("fonts/helveticaneueltstd-bdcn.eot") format("embedded-opentype"),
       url("fonts/helveticaneueltstd-bdcn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.webfont {font-family: "helveticaneueltstd-bdcn";}

.clearfix:after {content:"\200B";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}

.homeinner {max-width: 1550px;padding: 0 15px;margin: 0 auto;}
.homeinner:after {content:"\200B";display:block;height:0;clear:both;}
.homeinner {*zoom:1;}

.inner {max-width: 1200px;padding: 0 15px;margin: 0 auto;}
.inner:after {content:"\200B";display:block;height:0;clear:both;}
.inner {*zoom:1;}

div.slide-mask {position: fixed;z-index: 9998;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
div.slide-mask.show { display:block;}
aside.slide-wrapper {position: fixed;z-index: 9999;left: 0;top: 0;width: 50%;height:100%;
    -webkit-transform: translate3d(-101%, 0, 0);
    -moz-transform: translate3d(-101%, 0, 0);
    -ms-transform: translate3d(-101%, 0, 0);
    -o-transform: translate3d(-101%, 0, 0);
    transform: translate3d(-101%, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
aside.slide-wrapper > div {background-color: #3a3a3a;min-height: 100%;box-shadow:-20px -20px 20px #343434 inset;}
aside.slide-wrapper.moved {  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
aside.slide-wrapper .menu>li>a { line-height: 50px;border-bottom: 1px solid #333;display:block;color:#fff;font-size: 16px; padding-left: 30px;position: relative;text-transform: uppercase;}
aside.slide-wrapper .menu>li ul {padding: 10px 0 10px 30px;border-bottom: 1px solid #333;}
aside.slide-wrapper .menu>li ul a {display: block; color: #eee; font-size: 14px; font-weight:bold; line-height: 30px;}
aside.slide-wrapper .menu>li ul li.secmenu{padding-left:15px;}
aside.slide-wrapper .menu>li ul li.secmenu a{display: block; color: #eee; font-size: 12px; font-weight:normal;line-height: 25px;}

header { width: 100%;color: #fff; position: fixed;top: 0;z-index: 999;display: block;transition:all .4s cubic-bezier(.215,.61,.355,1);background-color: #090909; }
header .top{max-width: 1200px;padding: 0 15px;margin: 0 auto;}
header .top h1{width:65px;height:68px;float: left;padding: 24px 0; margin-bottom: 0; transition:all .4s cubic-bezier(.215,.61,.355,1); }
header .top h1 a{display: block;width: 100%;height:100%; background: url("../../images/logo.png") no-repeat center center; text-indent: -9999px;background-size: 61px 17px;}
header .top nav {float: right;}

header .top nav ul {float: left;}
header .top nav ul li { float: left;font-size: 14px; }
header .top nav ul li a { color: #fff;display: block;padding:0 30px; min-width: 190px; line-height: 68px;transition:all .4s cubic-bezier(.215,.61,.355,1); position: relative;text-transform: uppercase; text-align: center;}
header .top nav ul li a:hover {color: #ccc;}
header .top nav ul li.current>a:before,header .top nav ul li>a:hover:before,header .top nav ul li.on>a:before {content: "";display: block;position: absolute;left: 50%; bottom: 0; transform: translate(-50%,0);
  width:0; height:0; border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;
}

header .popmain {position: absolute; z-index: 9999; left: 0px; top: 100%;color: #4D4D4D; display: none;background-color: rgba(255,255,255,1);width: 100%; padding: 90px 0 50px 0;}
header .popmain .categoryMain { width: 100%; line-height: 24px;display: flex; flex-wrap: wrap; justify-content: center;}
header .popmain .categoryMain .box {width: 25%; margin-bottom: 25px; position: relative;}
header .popmain .categoryMain .box::after {content:"\200B";width: 2px; height: 198px; background: url('../../images/common/menuli.png'); position: absolute; right: 0; top: 0;}
header .popmain .categoryMain .box:last-child::after {display: none;}
header .popmain .categoryMain .box .img {margin: 0 auto;transition:all .4s cubic-bezier(.215,.61,.355,1); text-align: center;}
header .popmain .categoryMain .box .img img {height: auto;}
header .popmain .categoryMain .box dl {margin: 0 auto; text-align: center;}
header .popmain .categoryMain .box dl dt {font-size: 18px; padding-left:25px; font-weight: bold; color: #272727;margin-bottom: 30px;text-transform:Uppercase;}
header .popmain .categoryMain .box dl dd a {
	font-size: 14px;
	line-height: 30px;
	color: #262626;
	text-align: center;
	min-width: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}
header .popmain .categoryMain .box dl dd a:hover{text-decoration:underline;}


header .top nav .tools {float: right; position: relative; height: 68px; padding-left: 70px;font-size: 14px; display: flex; align-items: center;transition:all .4s cubic-bezier(.215,.61,.355,1);}
header .top nav .tools .searchBtn {width: 30px; height: 30px;background: url('../../images/header_icon_search.png'); display: block;margin-right: 10px;}
header .top nav .tools .language { display: block; padding:0 15px; background: url('../../images/header_icon_language.png') no-repeat left center;background-size: 24px; color: #fff;}
header .top nav .tools a:hover {opacity: 0.8;}


@media only screen and (max-width:1000px) {
  header .top h1 {padding: 15px 0;width: 65px; height: 58px;}
  body{position:absolute;left:0;}
  .mob-nav{display:block;}
  .top nav{display:none;}
  .icon-menu{width:26px;height:26px;margin-top: 15px;float:right;background:url(../images/nav.png);background-size: 26px 26px;cursor: pointer;transition:all .4s cubic-bezier(.215,.61,.355,1);}
}

.pages {padding-top: 100px; width: 100%;}
@media only screen and (max-width:1000px) {
  .pages {padding-top: 70px;}
}
.row {width: 100%; padding: 60px 0 60px 0; overflow: hidden;}
.row.grey {background-color: #F9F9F9;}
.row.white {background-color: #ffffff;}

@media only screen and (max-width:600px) {
  .row {padding: 30px 0 30px 0;}
}

footer {width: 100%;background-color: #F2F2F2;color: #5B5B5B; font-size: 15px;}
footer .footerLogo {text-align: center; background-color: #000000;line-height: 0; padding: 17px 0;}
footer .inner {max-width: 1010px; padding: 70px 0;}
footer .footerMlogo {margin-bottom: 40px;}
footer .footer {display: flex; justify-content: space-between;padding:0 0 30px 0;}
footer .footer dl dt {font-size: 15px; margin-bottom: 30px;}
footer .footer dl dd a {color: #5B5B5B; line-height: 30px;}
footer .footer dl dd a:hover {opacity: 0.8;text-decoration:underline;}
footer .logo {border-bottom: solid 1px rgba(255,255,255,0.2); padding-bottom: 15px;} 
footer .copyright {padding: 15px 0;overflow: hidden; border-top: solid 1px #B6B6B6;}
footer .copyright .copy {float: left; font-size:14px; color:#5B5B5B;}
footer .copyright .copy span.footfglines{font-size:12px; color:#FFFFFF; padding-left:12px; padding-right:12px;}
footer .copyright .copy span.icpno{font-size:14px; color:#5B5B5B;}
footer .copyright .copy span.footcompany{font-size:14px; color:#5B5B5B;}
footer .copyright .language {float: right;}
@media only screen and (max-width:800px) {
  footer .footer {flex-wrap: wrap;padding: 0 30px;display:none;}
  footer .inner {padding: 20px 0;}
  footer .footerMlogo {margin-bottom: 30px; text-align: center;display:none;}
  footer .copyright {padding: 15px 0;overflow: hidden; border-top: solid 1px #F2F2F2;}
  footer .copyright .copy span.footfglines{display:none;}
  footer .copyright .copy span.icpno{display:none;}
  footer .copyright .copy span.footcompany{font-size:14px; color:#5B5B5B;}
}
@media only screen and (max-width:600px) {
  footer .footer {flex-wrap: wrap;padding: 0 0 10px 0;}
  footer .footer dl { width: 100%; margin-bottom: 30px;text-align: center;}
  footer .logo {text-align: center;}
  footer .copyright .copy {float: none;width: 100%; text-align: center; margin-bottom: 0px;}
  footer .copyright .language {display: none;}
  footer .copyright .copy span.footfglines{display:none;}
  footer .copyright .copy span.icpno{display:none;}
  footer .copyright .copy span.footcompany{font-size:14px; color:#5B5B5B;}
}


#goBack { width: 50px; height: 50px; border-radius: 50%; background:rgba(0,0,0,0.2) url("../../images/back.png") no-repeat center center; background-size: 20px; display: block; position: fixed;right: 20px; text-indent: -9999px; bottom: -90px;opacity:0;transition:all .6s ease;-webkit-transition:all .6s ease;}
#goBack.on {bottom: 20px;opacity:1;}

/*鼠标经过，图片放大效果*/
.imgtransform{transition:all .4s cubic-bezier(.215,.61,.355,1);}
.imgtransform:hover{transform: scale(1.08)}


/* 首页模块 */
/*.homeBanner {width: 100%; height: 100%;min-height: 900px; position: relative; background: url('../images/home/banner.jpg') no-repeat center bottom;}
.homeBanner .text { position: absolute; left: 0%; top: 15%; width: 100%;text-align: center;}
.homeBanner .text .en {font-size: 24px; line-height: 34px;}
.homeBanner .text .name {font-size: 66px; line-height: 70px; margin-bottom: 30px;font-weight: bold;}
.homeBanner .text .slogan {font-size: 32px;}
@media only screen and (max-width:800px) {
  .homeBanner { height: auto; min-height: 600px; background-size: 1000px;}
  .homeBanner .text { top: 22%;}
  .homeBanner .text .en {font-size: 28px; line-height: 26px;}
  .homeBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;}
  .homeBanner .text .slogan {font-size: 22px;}
}*/

/*首页-banner*/
.homeBanner { width: 100%;}
.homeBanner .swiper-container {height: 900px;width: 100%; overflow: hidden; position: relative; }
.homeBanner .swiper-slide {
	text-align: center;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: auto 900px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
}
.homeBanner .swiper-slide a{
	height: 100%;
	width: 100%;
	display:block;
}
.homeBanner .swiper-slide .img {width: 100%; height: 100%; }
.homeBanner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px;}

.homeBanner .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;background: rgba(0,0,0,0.20);margin: 0 5px;}
.homeBanner .swiper-pagination-bullet-active {background: #000000;}
.homeBanner .swiper-slide .btn {position: absolute; left: 30px; bottom: 30px;}
.homeBanner .swiper-slide .btn .ui-btn { width:140px; font-size: 12px; }
.homeBanner .swiper-slide .btn .ui-btn img {margin-right: 5px;}
@media only screen and (max-width:1280px) {
	.homeBanner .swiper-container {height: 750px;}
	.homeBanner .swiper-slide {
		text-align: center;
		font-size: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-size: auto 750px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #fff;
	}
}
@media only screen and (max-width:600px) {
  .homeBanner .swiper-container {height: 250px;}
  .homeBanner .swiper-slide {
		text-align: center;
		font-size: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-size: 100% 250px;
		background-repeat: no-repeat;
		background-position: center center;
		background-color: #fff;
	}
	.homeBanner .swiper-slide .btn {position: absolute;left: 20px; bottom: 30px;}
	.homeBanner .swiper-slide .btn .ui-btn { width:100px; font-size: 12px; }
}

.homeBox1 {display: flex; justify-content: space-between; align-items: center;}
.homeBox1 .text {width: 40%;}
.homeBox1 .text a{text-decoration:none;}
.homeBox1 .text .en {font-size: 50px; line-height: 60px; color: #282828;font-weight: bold; margin-bottom: 20px;}
.homeBox1 .text .en a{color: #282828;}
.homeBox1 .text .en a:hover{text-decoration:underline;}
.homeBox1 .text .name {font-size: 30px; line-height:32px;}
.homeBox1 .text .name a{color: #5b5b5b;}
.homeBox1 .text .slogan {font-size: 20px;letter-spacing:1px;}
.homeBox1 .text .slogan a{color: #5b5b5b;}
.homeBox1 .image {width: 57%;}
.homeBox1 .image img {width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .homeBox1 {flex-direction: column;}
  .homeBox1 .text {width: 100%;text-align: center;}
  .homeBox1 .text .en {font-size: 30px; line-height: 44px; }
  .homeBox1 .text .name {font-size: 24px;}
  .homeBox1 .text .slogan {font-size: 18px;}
  .homeBox1 .image {width: 80%;}
}


.homeBox2 {display: flex; justify-content: space-between; align-items: center; padding: 100px 0;}
.homeBox2 .text {width: 50%;}
.homeBox2 .text a{text-decoration:none;}
.homeBox2 .text .en {font-size: 50px; line-height: 60px; color: #282828;font-weight: bold; margin-bottom: 20px;}
.homeBox2 .text .en a{color: #282828;}
.homeBox2 .text .en a:hover{text-decoration:underline;}
.homeBox2 .text .name {font-size: 30px;}
.homeBox2 .text .name a{color: #5b5b5b;}
.homeBox2 .text .slogan {font-size:20px;letter-spacing:1px;}
.homeBox2 .text .slogan a{color: #5b5b5b;}
.homeBox2 .image {width: 50%; padding-top:15%;}
.homeBox2 .image img {width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .homeBox2 {flex-direction: column; padding: 0 0;}
  .homeBox2 .text {width: 100%;text-align: center;margin-bottom: 40px;}
  .homeBox2 .text .en {font-size: 30px; line-height: 44px; }
  .homeBox2 .text .name {font-size: 24px;}
  .homeBox2 .text .slogan {font-size: 18px;}
  .homeBox2 .image {width: 80%; }
}


.homeBox3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:relative;
	padding-top: 170px;
	padding-right: 0;
	padding-bottom: 340px;
	padding-left: 0;
}
.homeBox3 .text {width: 60%;position:absolute;z-index:99;}
.homeBox3 .text a{text-decoration:none;}
.homeBox3 .text .en {font-size: 50px; line-height: 60px; color: #282828;font-weight: bold; margin-bottom: 30px;}
.homeBox3 .text .en a{color: #282828;}
.homeBox3 .text .en a:hover{text-decoration:underline;}
.homeBox3 .text .name {font-size: 30px;line-height:35px;}
.homeBox3 .text .name a{color: #5b5b5b;}
.homeBox3 .text .slogan {font-size:20px;letter-spacing:1px;}
.homeBox3 .text .slogan a{color: #5b5b5b;}
.homeBox3 .image {width: 100%; padding-left: 35%;padding-top:23%; position:absolute;}
.homeBox3 .image img {width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .homeBox3 {flex-direction: column; padding: 0 0;}
  .homeBox3 .text {width: 100%;text-align: center;}
  .homeBox3 .text .en {font-size: 30px; line-height: 44px; }
  .homeBox3 .text .name {font-size: 24px;}
  .homeBox3 .text .slogan {font-size: 18px;}
  .homeBox3 .image {width: 80%; margin-bottom: 30px;}
}


.homeBox4 {padding: 0 0;}
.homeBox4 ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.homeBox4 ul li {width: 49.5%; margin-bottom: 15px; background-color: #fff; min-height: 950px; position: relative;}
.homeBox4 ul li .text {position: absolute; left: 130px; top: 140px;width: 100%;}
.homeBox4 ul li .text a{text-decoration:none;}
.homeBox4 ul li .text .en {font-size: 36px; line-height: 60px; color: #282828;font-weight: bold;}
.homeBox4 ul li .text .en a:hover{text-decoration:underline;}
.homeBox4 ul li .text .name {font-size: 30px;}
.homeBox4 ul li .text .slogan {font-size:20px;line-height:60px;font-weight:lighter;}
.homeBox4 ul li .text .slogan  a.toptwo{color: #000000;}
.homeBox4 ul li .text .slogan a{color: #5b5b5b;}
.homeBox4 ul li .image {position: absolute; bottom: 60px; right: 100px;}
.homeBox4 ul li .image img {width: 100%; height: auto;}
.homeBox4 ul li:nth-child(1) .image {width: 100px;}
.homeBox4 ul li:nth-child(2) .image {width: 450px;bottom: 62px;}
.homeBox4 ul li:nth-child(3) .image {width: 400px;bottom: 120px;}
.homeBox4 ul li:nth-child(4) .image {width: 260px;bottom: 80px;}
@media only screen and (max-width:1280px) {
	.homeBox4 ul li {width: 49.5%; margin-bottom: 15px; background-color: #fff; min-height: 900px; position: relative;}
	.homeBox4 ul li .text {position: absolute; left: 50px; top: 80px;width: 100%;}
}
@media only screen and (max-width:800px) {
  .homeBox4 ul li {width: 100%; margin-bottom: 15px; background-color: #fff; min-height: auto; position: relative; padding: 30px 0;}
  .homeBox4 ul li .text { position: relative; left: auto; top: auto; width: 100%; text-align: center; margin-bottom: 30px; }
  .homeBox4 ul li .text .en {font-size: 30px; line-height: 44px; }
  .homeBox4 ul li .image {position: relative; bottom: auto !important; right: auto !important; display: flex; justify-content: center; text-align: center;width: 100% !important;}
  .homeBox4 ul li .image img {width: 50%; height: auto;}
  .homeBox4 ul li:nth-child(4) .image img {width: 40%;}
}



/* 锂电打蛋器 */
.eggBanner {width: 100%; height: 100%;min-height: 1000px; position: relative; background: #fff url('../../images/egg/banner.jpg') no-repeat center bottom;}
.eggBanner .inner {height: 100%; position: relative;}
.eggBanner .text { position: absolute; left: 25%; top: 54%; width: 800px; transform: translate(-50%,-70%);}
.eggBanner .text .en {font-size: 24px; line-height: 40px;}
.eggBanner .text .name {font-size: 52px; line-height: 80px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.eggBanner .text .slogan {font-size: 24px;margin-bottom:20px;}
.eggBanner .text .viewVideo{width:175px;background: url('../../images/common/icon_play.png') no-repeat right 8px;background-size: 20px auto;}
.eggBanner .text .viewVideo a {font-size:20px;color: #5B5B5B;display: inline-block;letter-spacing:2px;border-bottom:0.1px solid #FFF}
.eggBanner .text .viewVideo a:hover{border-bottom:.1px solid #666}
@media only screen and (max-width:1280px) {
	.eggBanner {width: 100%; height: 100%;min-height: 1000px; position: relative; background: #fff url('../../images/egg/banner.jpg') no-repeat -250px bottom;}
	.eggBanner .text { position: absolute; left: 38%; top: 50%; width: 800px; transform: translate(-50%,-70%);}
}
@media only screen and (max-width:800px) {
  .eggBanner { height: 600px; min-height: 600px; background-size: 1000px;}
  .eggBanner .text { left: 0%; top: 20%; width: 100%; transform: translate(0%,0%); text-align: center;}
  .eggBanner .text .en {font-size: 28px; line-height: 26px;}
  .eggBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;}
  .eggBanner .text .slogan {font-size: 22px;}
  .eggBanner .text .viewVideo{font-size:18px;}
}
@media only screen and (max-width:600px) {
  .eggBanner { background-size: 800px;}
}
.eggBox1 {padding: 30px 0;}
.eggBox1 .inner{max-width:1430px;}
.eggBox1 .text {
	margin-bottom: 200px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
.eggBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.eggBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.eggBox1 .image {width: 100%; margin-left:150px;}
.eggBox1 .image img {width: 80%; max-width: 100%; height: auto;}
.eggBox1 .trait {
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}
.eggBox1 .trait ul {display: flex; justify-content: space-between;}
.eggBox1 .trait ul li {width: 100%;text-align: left;}
.eggBox1 .trait ul li .icon img {max-width: 100%; height: auto; padding-left:15px;}
.eggBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C; padding-top:10px; line-height:28px;}
@media only screen and (max-width:1280px) {
	.eggBox1 .inner{max-width:1200px;}
	.eggBox1 .text {
		margin-bottom: 200px;
		padding-top: 50px;
		padding-right: 0;
		padding-bottom: 50px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
  .eggBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .eggBox1 .text .name {font-size: 24px;}
  .eggBox1 .text .slogan {font-size: 18px;}
  .eggBox1 .image {width: 90%; margin: 0 auto;}
  .eggBox1 .trait {padding: 30px 0 0 0;}
  .eggBox1 .trait ul { flex-wrap: wrap;}
  .eggBox1 .trait ul li {width: 33.3%;text-align: center; margin-bottom: 20px;}
  .eggBox1 .trait ul li .tit {font-size: 16px;}
}

.eggBox2 {}
.eggBox2 .inner{max-width:1400px;position:relative;display: flex; justify-content: space-between; align-items: center;}
.eggBox2 .text {width: 45%;}
.eggBox2 .text .name {font-size: 50px; line-height:60px; font-weight: bold;text-transform:Uppercase; margin-bottom:20px;}
.eggBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
.eggBox2 .image {width:50%;}
.eggBox2 .image img {width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.eggBox2 .inner{max-width:1200px;position:relative;display: flex; justify-content: space-between; align-items: center;}
	.eggBox2 .text {width: 55%;}
	.eggBox2 .image {width:40%;}
}
@media only screen and (max-width:800px) {
  .eggBox2 {flex-direction: column; padding: 0 0;}
  .eggBox2 .text {width: 100%;text-align: center;}
  .eggBox2 .text .name {font-size: 24px;}
  .eggBox2 .text .slogan {font-size: 18px;}
  .eggBox2 .image {width: 80%; margin-bottom: 30px;}
}

.eggBox3 {padding: 20px 0;}
.eggBox3 .inner{max-width:1450px;}
.eggBox3 .text {padding: 0 0 100px 0;}
.eggBox3 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.eggBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
.eggBox3 .image {width: 100%;}
.eggBox3 .image img {width: 90%; height: auto;}
@media only screen and (max-width:1280px) {
	.eggBox3 .inner{max-width:1200px;}
	.eggBox3 .text {padding: 0 0 100px 50px;}
	.eggBox3 .image img {width: 95%; height: auto; padding-left:5%;}
}
@media only screen and (max-width:800px) {
  .eggBox3 {flex-direction: column; padding: 0 0;}
  .eggBox3 .text {width: 100%;text-align: center;padding: 0 0 30px 0;}
  .eggBox3 .text .name {font-size: 24px;}
  .eggBox3 .text .slogan {font-size: 18px;}
  .eggBox3 .image {width: 100%;}
}

.eggBox4 {padding: 20px 0;}
.eggBox4 .inner{max-width:1450px;}
.eggBox4 .text {padding: 0 0 80px 0;}
.eggBox4 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.eggBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
.eggBox4 .image {width: 100%;}
.eggBox4 .image img {width: 90%; height: auto;}
@media only screen and (max-width:1280px) {
	.eggBox4 .inner{max-width:1200px;}
	.eggBox4 .text {padding: 0 0 100px 50px;}
	.eggBox4 .image img {width: 95%; height: auto; padding-left:5%;}
}
@media only screen and (max-width:800px) {
  .eggBox4 {flex-direction: column; padding: 0 0;}
  .eggBox4 .text {width: 100%;text-align: center;padding: 0 0 30px 0;}
  .eggBox4 .text .name {font-size: 24px;}
  .eggBox4 .text .slogan {font-size: 18px;}
  .eggBox4 .image {width: 100%;}
}

.eggBox5 {padding: 20px 0;}
.eggBox5 .inner{max-width:1450px;}
.eggBox5 .text {padding: 0; margin-bottom: 40px;}
.eggBox5 .text .en {font-size: 32px; line-height: 40px;font-weight: bold;margin-bottom: 25px;}
.eggBox5 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom: 15px;text-transform:Uppercase;}
.eggBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
.eggBox5 .image {width: 100%; text-align: center;}
.eggBox5 .image img {max-width: 100%; height: auto;}

.eggBox5 .productlist{width: 80%;padding-left:25%;padding-top:60px;}
.eggBox5 .productlist ul{width: 100%;}
.eggBox5 .productlist ul li{ float:left;width:10%; margin-right:20%;}
.eggBox5 .productlist ul li:last-child{margin-right:0px;}
.eggBox5 .productlist ul li .propic{ float:left;width:100%; }
.eggBox5 .productlist ul li .propic img{width:80%; height:auto;}
.eggBox5 .productlist ul li .protit{ float:left;width:100%;height:100px;line-height:100px;font-size:22px;color:#5B5B5B;text-align:center;}
@media only screen and (max-width:1280px) {
	.eggBox5 .inner{max-width:1200px;}
}
@media only screen and (max-width:800px) {
	.eggBox5 {flex-direction: column; padding: 0 0;}
	.eggBox5 .text {width: 100%;text-align: center;}
	.eggBox5 .text .en {font-size: 18px; line-height: 28px;}
	.eggBox5 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.eggBox5 .text .slogan {font-size: 18px;}
	
	.eggBox5 .productlist{padding-left:12%;}
	.eggBox5 .productlist ul li{ float:left;width:15%; margin-right:20%;}
	.eggBox5 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;}
}

.productInfo {padding: 0;}
.productInfo .inner{max-width:1270px;padding: 0;}
.productInfo .text {padding:0; margin-bottom:30px;}
.productInfo .text .en {font-size: 32px; line-height: 70px;}
.productInfo .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom: 15px;text-transform:Uppercase;}
.productInfo .spu {
	color:#5C5C5C;
	font-size: 12px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DFDFDF;
}
.productInfo .spu ul {
	border-top: dashed 1px #DFDFDF;
	display: flex;
	justify-content: flex-start;
	padding-top: 17px;
	padding-right: 0;
	padding-bottom: 17px;
	padding-left: 0px;
}
.productInfo .spu ul li{}

/*定义间距*/
/*多功能小魔盒-1*/
.productInfo .spu ul li.magic_space1{ width:225px;}
.productInfo .spu ul li.magic_space2{ width:300px;}
.productInfo .spu ul li.magic_space3{ width:195px;}

/*锂电螺丝刀-2*/
.productInfo .spu ul li.cordless2_space1{ width:200px;}
.productInfo .spu ul li.cordless2_space2{ width:260px;}
.productInfo .spu ul li.cordless2_space3{ width:240px;}

/*锂电打蛋器-3*/
.productInfo .spu ul li.egg_space1{ width:265px;}
.productInfo .spu ul li.egg_space2{ width:285px;}

/*多功能电动开瓶器-4*/
.productInfo .spu ul li.opener_space1{ width:195px;}
.productInfo .spu ul li.opener_space2{ width:300px;}
.productInfo .spu ul li.opener_space3{ width:220px;}

/*红酒开瓶器-5*/
.productInfo .spu ul li.decap_space1{ width:280px;}
.productInfo .spu ul li.decap_space2{ width:220px;}

/*肌肉按摩仪-6*/
.productInfo .spu ul li.muscle_space1{ width:240px;}
.productInfo .spu ul li.muscle_space2{ width:255px;}

/*锂电螺丝刀-7*/
.productInfo .spu ul li.cordless_space1{ width:210px;}
.productInfo .spu ul li.cordless_space2{ width:260px;}

/*护发吹风机-8*/
.productInfo .spu ul li.blower_space1{ width:210px;}
.productInfo .spu ul li.blower_space2{ width:240px;}
.productInfo .spu ul li.blower_space3{ width:690px;}

/*护发吹风机-10*/
.productInfo .spu ul li.trim_space1{ width:240px;}
.productInfo .spu ul li.trim_space2{ width:295px;}

/*高速吹风机美发套装-	11*/
.productInfo .spu ul li.fasthair_space1{ width:400px;}
.productInfo .spu ul li.fasthair_space2{ width:410px;}
.productInfo .spu ul li.fasthair_space3{ width:185px;}

.productInfo .tips {line-height:45px;font-size:12px;color:#5C5C5C;}
.productInfo .reminders .tit { margin-top: 30px;margin-bottom: 30px;line-height: 42px; font-size: 15px; color: #fff; background-color: #000000; font-weight: bold; padding-left: 18px;text-transform:Uppercase;}
.productInfo .reminders .con {font-size: 12px; color: #5C5C5C; line-height: 30px;}
.productInfo .reminders2 {display: flex;margin-top: 30px;}
.productInfo .reminders2 .box { margin-right:7px;}
.productInfo .reminders2 .box:last-child { margin-right:0px;}
.productInfo .reminders2 .tit { margin-bottom: 30px;line-height: 42px; font-size: 15px; color: #fff; background-color: #000000; font-weight: bold; padding-left: 18px;text-transform:Uppercase;}
.productInfo .reminders2 .con {font-size: 12px; color: #5C5C5C; line-height: 30px; padding-right: 40px;}
.productInfo .reminders2.three .box {width: 33.3%;}
@media only screen and (max-width:1280px) {
	.productInfo .inner{max-width:1200px;padding: 0;}
	.productInfo .text {padding:0; margin-bottom:30px;}
	
	/*定义间距*/
	/*多功能小魔盒-1*/
	.productInfo .spu ul li.magic_space1{ width:210px;}
	.productInfo .spu ul li.magic_space2{ width:285px;}
	.productInfo .spu ul li.magic_space3{ width:180px;}
	
	/*锂电螺丝刀-2*/
	.productInfo .spu ul li.cordless2_space1{ width:185px;}
	.productInfo .spu ul li.cordless2_space2{ width:245px;}
	.productInfo .spu ul li.cordless2_space3{ width:225px;}
	
	/*锂电打蛋器-3*/
	.productInfo .spu ul li.egg_space1{ width:245px;}
	.productInfo .spu ul li.egg_space2{ width:265px;}
	
	/*肌肉按摩仪-6*/
	.productInfo .spu ul li.muscle_space1{ width:220px;}
	.productInfo .spu ul li.muscle_space2{ width:235px;}
	
	/*锂电螺丝刀-7*/
	.productInfo .spu ul li.cordless_space1{ width:190px;}
	.productInfo .spu ul li.cordless_space2{ width:240px;}
	
	/*护发吹风机-8*/
	.productInfo .spu ul li.blower_space1{ width:190px;}
	.productInfo .spu ul li.blower_space2{ width:220px;}
	.productInfo .spu ul li.blower_space3{ width:670px;}
	
	/*护发吹风机-10*/
	.productInfo .spu ul li.trim_space1{ width:220px;}
	.productInfo .spu ul li.trim_space2{ width:275px;}
}
@media only screen and (max-width:800px) {
  .productInfo {flex-direction: column; padding: 0 0;}
  .productInfo .text {width: 100%;text-align: center;margin-bottom: 30px;}
  .productInfo .text .en {font-size: 18px; line-height: 28px;}
  .productInfo .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
  .productInfo .tips {margin-bottom: 30px;}
  .productInfo .spu {margin-bottom: 30px;}
  .productInfo .spu ul {border-top: dotted 1px #5C5C5C; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0;}
  .productInfo .spu ul li { width: 50%;}
  .productInfo .spu ul li.onlines{ width: 100%;}
	
	/*多功能小魔盒-1*/
	.productInfo .spu ul li.magic_space1{width: 50%;}
	.productInfo .spu ul li.magic_space2{width: 50%;}
	.productInfo .spu ul li.magic_space3{width: 50%;}
	.productInfo .spu ul li.magic_space4{width: 50%;}
	
	/*锂电螺丝刀-2*/
	.productInfo .spu ul li.cordless2_space1{width: 50%;}
	.productInfo .spu ul li.cordless2_space2{width: 50%;}
	.productInfo .spu ul li.cordless2_space3{width: 50%;}
	.productInfo .spu ul li.cordless2_space4{width: 50%;}
	
	/*锂电打蛋器-3*/
	.productInfo .spu ul li.egg_space1{width: 50%;}
	.productInfo .spu ul li.egg_space2{width: 50%;}
	.productInfo .spu ul li.egg_space3{width: 50%;}
	.productInfo .spu ul li.egg_space4{width: 50%;}
	
	/*多功能电动开瓶器-4*/
	.productInfo .spu ul li.opener_space1{width: 50%;}
	.productInfo .spu ul li.opener_space2{width: 50%;}
	.productInfo .spu ul li.opener_space3{width: 50%;}
	.productInfo .spu ul li.opener_space4{width: 50%;}
	
	/*红酒开瓶器-5*/
	.productInfo .spu ul li.decap_space1{width: 50%;}
	.productInfo .spu ul li.decap_space2{width: 50%;}
	
	/*肌肉按摩仪-6*/
	.productInfo .spu ul li.muscle_space1{width: 50%;}
	.productInfo .spu ul li.muscle_space2{width: 50%;}
	
	/*锂电螺丝刀-7*/
	.productInfo .spu ul li.cordless_space1{width: 50%;}
	.productInfo .spu ul li.cordless_space2{width: 50%;}
	
	/*护发吹风机-8*/
	.productInfo .spu ul li.blower_space1{width: 50%;}
	.productInfo .spu ul li.blower_space2{width: 50%;}
	.productInfo .spu ul li.blower_space3{width: 50%;}
  
  .productInfo .reminders2 {flex-direction: column;}
  .productInfo .reminders2 .box {width: 100%; margin-bottom: 30px;}
  .productInfo .reminders2 .box .con {padding-right: 0px;}
  .productInfo .reminders2 .box:last-child { margin-bottom: 0;}
  .productInfo .reminders2.three .box {width: 100%;}
}
.bottomMenu { margin-bottom: 40px;}
.bottomMenu .inner{ max-width:1360px;}
.bottomMenu ul {display: flex; justify-content: space-between;}
.bottomMenu ul li {width: 33.3%; }
.bottomMenu ul li a {display: flex; align-items: center;justify-content: center; }
.bottomMenu ul li a:hover {opacity: 0.8;}
.bottomMenu ul li .icon { margin-right: 18px;}
.bottomMenu ul li .tit { font-size: 26px; font-weight: bold;text-transform:Uppercase;}
@media only screen and (max-width:800px) {
  .bottomMenu ul {display: flex; justify-content: space-between;}
  .bottomMenu ul li {width: 30%; margin-bottom: 20px;}
  .bottomMenu ul li a {display: flex; align-items: center;justify-content: center; }
  .bottomMenu ul li a img{ width:50%;}
  .bottomMenu ul li:first-child .icon{ margin-right: -6px; margin-top:7px;}
  .bottomMenu ul li .icon { margin-right: -15px; margin-top:10px;}
  .bottomMenu ul li .tit { font-size: 16px; font-weight: bold;}
}


.cordlessBanner {width: 100%; height: 100%;min-height: 960px; position: relative; background: url('../../images/cordless/banner.jpg') no-repeat center bottom;}
.cordlessBanner .text { position: absolute; left: 0%; top:22%; width: 100%;text-align: center;}
.cordlessBanner .text .en {font-size: 24px; line-height: 80px;}
.cordlessBanner .text .name {font-size: 52px; line-height: 60px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordlessBanner .text .slogan {font-size: 24px;margin-bottom: 20px;}
.cordlessBanner .text .viewVideo{width:195px;background: url('../../images/common/icon_play.png') no-repeat right 8px;background-size: 20px auto;margin-left:calc(calc(100% - 690px)/ 2);}
.cordlessBanner .text .viewVideo a {font-size:20px;color: #5B5B5B;display: inline-block;letter-spacing:2px;border-bottom:0.1px solid #FFF}
.cordlessBanner .text .viewVideo a:hover{border-bottom:.1px solid #666}

@media only screen and (max-width:800px) {
  .cordlessBanner { height: auto; min-height: 600px; background-size: 1000px;}
  .cordlessBanner .text { top: 22%;}
  .cordlessBanner .text .en {font-size: 28px; line-height: 26px;}
  .cordlessBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .cordlessBanner .text .slogan {font-size: 22px;}
  .cordlessBanner .text .viewVideo {font-size: 18px;}
}
.cordlessBox1 {padding: 30px 0;}
.cordlessBox1 .inner{max-width:1340px;}
.cordlessBox1 .text {padding: 0 0 50px 0;}
.cordlessBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.cordlessBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordlessBox1 .trait {
	padding-top: 80px;
	padding-bottom: 120px;
	padding-left: 0;
}
.cordlessBox1 .trait ul {display: flex; justify-content: space-between;}
.cordlessBox1 .trait ul li {width: 100%;text-align: center;}
.cordlessBox1 .trait ul li .icon{text-align:left; padding-left:15px;}
.cordlessBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.cordlessBox1 .trait ul li .tit {font-size: 22px; text-align:left; color: #7D7D7D; padding-top:15px; font-weight:lighter; line-height:28px;}
@media only screen and (max-width:800px) {
  .cordlessBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .cordlessBox1 .text .name {font-size: 24px;}
  .cordlessBox1 .text .slogan {font-size: 18px;}
  .cordlessBox1 .trait {padding: 30px 0 0 0;}
  .cordlessBox1 .trait ul { flex-wrap: wrap;}
  .cordlessBox1 .trait ul li {width: 33.3%;text-align: center; margin-bottom: 20px;}
  .cordlessBox1 .trait ul li .tit {font-size: 15px;color: #909090;}
}

.cordlessBox2 {}
.cordlessBox2 .inner {max-width:1400px;display: flex; justify-content: space-between; align-items: center;}
.cordlessBox2 .text {width: 50%; padding-left:3%;}
.cordlessBox2 .text .name {font-size: 50px; line-height:65px; font-weight: bold; margin-bottom:30px;text-transform:Uppercase;}
.cordlessBox2 .text ul li {display: flex; align-items: center; padding: 20px 0;}
.cordlessBox2 .text ul li .icon { margin-right: 20px;}
.cordlessBox2 .text ul li .tit {font-size: 22px; color: #5C5C5C;}
.cordlessBox2 .image {width: 55%; line-height: 0;}
.cordlessBox2 .image img {width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .cordlessBox2 {flex-direction: column; padding: 0 0;}
  .cordlessBox2 .text {width: 100%;text-align: center; margin-bottom: 50px;}
  .cordlessBox2 .text .name {font-size: 24px; margin-bottom: 10px;}
  .cordlessBox2 .text ul li { justify-content: center; padding: 10px 0;}
  .cordlessBox2 .text ul li .tit {font-size: 18px;min-width: 120px; text-align: left;}
  .cordlessBox2 .image {width: 70%; margin-bottom: 30px;}
}

.cordlessBox3 {padding: 20px 0;}
.cordlessBox3 .inner{max-width:1340px;}
.cordlessBox3 .text {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 150px;
	padding-left: 0;
}
.cordlessBox3 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.cordlessBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordlessBox3 .text .trait {
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
.cordlessBox3 .text .trait ul {display: flex;}
.cordlessBox3 .text .trait ul li {width: 22%;}
.cordlessBox3 .text .trait ul li:nth-child(4){width:34%;}
.cordlessBox3 .text .trait ul li .con {font-size: 60px;}
.cordlessBox3 .text .trait ul li .con span {font-size: 24px; padding-left:10px;}
.cordlessBox3 .text .trait ul li .tit {font-size: 22px; line-height:25px; color: #5C5C5C;}
.cordlessBox3 .image {width: 100%; text-align: left; padding-left:15%;}
.cordlessBox3 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.cordlessBox3 .inner{max-width:1200px;}
	.cordlessBox3 .text {
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 150px;
		padding-left: 40px;
	}
	.cordlessBox3 .text .trait {
		padding-top: 80px;
		padding-right: 0;
		padding-bottom: 50px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:1000px) {
  .cordlessBox3 .text .trait ul {flex-wrap: wrap;}
  .cordlessBox3 .text .trait ul li {width: 50%; margin-bottom: 20px;}
  .cordlessBox3 .text .trait ul li .con {font-size: 40px;}
  .cordlessBox3 .text .trait ul li .con span {font-size: 18px;}
  .cordlessBox3 .text .trait ul li .tit {font-size: 20px;}
}
@media only screen and (max-width:800px) {
  .cordlessBox3 {flex-direction: column; padding: 0 0;}
  .cordlessBox3 .text {width: 100%;text-align: center;padding: 0 0 30px 0;}
  .cordlessBox3 .text .name {font-size: 24px;}
  .cordlessBox3 .text .slogan {font-size: 18px;}
  .cordlessBox3 .text .trait {padding: 30px 0;}
  .cordlessBox3 .image {width: 100%;}
}

.cordlessBox4 {padding: 20px 0;}
.cordlessBox4 .inner{max-width:1340px;}
.cordlessBox4 .text {
	padding-top: 105px;
	padding-right: 0;
	padding-bottom: 130px;
	padding-left: 0;
}
.cordlessBox4 .text .name {font-size: 50px; line-height:65px; margin-bottom:30px; font-weight: bold;text-transform:Uppercase;}
.cordlessBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordlessBox4 .image {width: 100%; }
.cordlessBox4 .image img {width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.cordlessBox4 .inner{max-width:1200px;}
	.cordlessBox4 .text {
		padding-top: 105px;
		padding-right: 0;
		padding-bottom: 130px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
  .cordlessBox4 {flex-direction: column; padding: 0 0;}
  .cordlessBox4 .text {width: 100%; text-align: center;padding: 0 0 30px 0;}
  .cordlessBox4 .text .name {font-size: 24px;}
  .cordlessBox4 .text .slogan {font-size: 18px;}
  .cordlessBox4 .image {width: 100%;}
}

.cordlessBox5 {width: 100%; height: 100%;min-height: 1100px; position: relative; background: #fff url('../../images/cordless/box5.jpg') no-repeat center bottom;}
.cordlessBox5 .inner {height: 100%; position: relative;}
.cordlessBox5 .text { position: absolute; left: 25%; top: 40%; width: 800px; transform: translate(-50%,-100%);}
.cordlessBox5 .text .name {font-size: 50px;line-height:65px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordlessBox5 .text .slogan {font-size: 28px; color:#7D7D7D;}
@media only screen and (max-width:1280px) {
	.cordlessBox5 {width: 100%; height: 100%;min-height: 1100px; position: relative; background: #fff url('../../images/cordless/box5.jpg') no-repeat -200px bottom;}
	.cordlessBox5 .text { position: absolute; left: 38%; top: 40%; width: 800px; transform: translate(-50%,-100%);}
}
@media only screen and (max-width:800px) {
  .cordlessBox5 { height: 600px; min-height: 600px; background-size: 1000px;}
  .cordlessBox5 .text { left: 5%; top: 20%; width: 95%; transform: translate(0%,0%);}
  .cordlessBox5 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordlessBox5 .text .slogan {font-size: 18px;}
}
@media only screen and (max-width:600px) {
  .cordlessBox5 .text { left: 5%; top: 5%; transform: translate(0%,0%); text-align: center;}
  .cordlessBox5 { height: 600px; min-height: 500px;background-size: 800px;}
}

.cordlessBox6 {padding: 20px 80px;}
.cordlessBox6 .inner { max-width:1340px;height: 100%; position: relative;}
.cordlessBox6 .text {
	margin-bottom: 0;
	padding-top: 55px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.cordlessBox6 .trimmer{
	padding-top: 0px;
}
.cordlessBox6 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom: 20px;text-transform:Uppercase;}
.cordlessBox6 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordlessBox6 .image {width: 100%;}
.cordlessBox6 .image img {width: 100%; height: auto;}

.cordlessBox6 .image_tit{width: 1010px;margin: 0 auto;padding-bottom:80px;}
.cordlessBox6 .image_tit ul{width: 100%;}
.cordlessBox6 .image_tit ul li{ float:left;width:260px;height:50px;line-height:50px;margin-right:18px;font-size:22px;color:#5B5B5B;text-align:center; letter-spacing:1px;}
.cordlessBox6 .image_tit ul li:nth-child(3){margin-right:0px;}
.cordlessBox6 .image_tit ul li:last-child{width:194px;margin-right:0px; text-align:right; padding-right:10px;}

@media only screen and (max-width:800px) {
	.cordlessBox6 {flex-direction: column; padding: 0 0;}
	.cordlessBox6 .text {width: 100%;text-align: center;}
	.cordlessBox6 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.cordlessBox6 .text .slogan {font-size: 18px;}
	.cordlessBox6 .image {width: 100%;}
	
	.cordlessBox6 .image_tit{width:100%;}
	.cordlessBox6 .image_tit ul{width: 100%;}
	.cordlessBox6 .image_tit ul li{ float:left;width:90px;height:50px;line-height:50px;margin-right:18px;font-size:12px;color:#333333;text-align:center; letter-spacing:1px;}
	.cordlessBox6 .image_tit ul li:nth-child(3){margin-right:0px;}
	.cordlessBox6 .image_tit ul li:last-child{width:75px;margin-right:0px;text-align:right;}
}

.cordlessBox7{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:15px}
.cordlessBox7 .inner{ max-width:1340px;}
.cordlessBox7 .text{margin-bottom:60px;padding-top:30px;padding-right:0;padding-bottom:0;padding-left:0}
.cordlessBox7 .text .en {font-size: 32px; line-height: 60px;font-weight: bold;margin-bottom: 15px;}
.cordlessBox7 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom: 20px;text-transform:Uppercase;}
.cordlessBox7 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordlessBox7 .text .slogan img {max-width: 100%; height: auto;}
.cordlessBox7 .image {width: 100%; padding: 50px 0 0;}
.cordlessBox7 .image img {width: 100%; height: auto;}

.cordlessBox7 .productlist{width: 100%;padding-top:60px; padding-left:5%;}
.cordlessBox7 .productlist ul{width: 100%;}
.cordlessBox7 .productlist ul li{ float:left;width:19%; margin-right:7%;}
.cordlessBox7 .productlist ul li:last-child{margin-right:0px;}
.cordlessBox7 .productlist ul li .propic{ float:left;width:100%;}
.cordlessBox7 .productlist ul li .propic img{width:100%; height:auto;}
.cordlessBox7 .productlist ul li .protit{ float:left;width:100%;height:200px;line-height:200px;font-size:22px;color:#5B5B5B;text-align:center;}
@media only screen and (max-width:1280px) {
	.cordlessBox7 .inner{ max-width:1200px;}
}
@media only screen and (max-width:800px) {
	.cordlessBox7 {flex-direction: column; padding: 0 0;}
	.cordlessBox7 .text {width: 100%;text-align: center;margin-bottom: 20px;padding-left: 0;}
	.cordlessBox7 .text .en {font-size: 18px; line-height: 28px;}
	.cordlessBox7 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.cordlessBox7 .text .slogan {font-size: 18px;}
	.cordlessBox7 .image {width: 100%;padding: 30px 0 10px;}
	
	.cordlessBox7 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;}
}


.cordleBanner {width: 100%; height: 100%;min-height: 970px; position: relative; background: #fff url('../images/cordless2/banner.jpg') no-repeat center bottom;}
.cordleBanner .inner {height: 100%; position: relative;}
.cordleBanner .text { position: absolute; left: 25%; top: 50%; width: 800px; transform: translate(-50%,-70%);}
.cordleBanner .text .en {font-size: 24px; line-height: 40px;}
.cordleBanner .text .name {font-size: 52px; line-height: 80px; margin-bottom: 30px; font-weight:bold;text-transform:Uppercase;}
.cordleBanner .text .slogan {font-size: 24px;margin-bottom:20px;}
.cordleBanner .text .viewVideo{width:175px;background: url('../../images/common/icon_play.png') no-repeat right 8px;background-size: 20px auto;}
.cordleBanner .text .viewVideo a {font-size:20px;color: #5B5B5B;display: inline-block;letter-spacing:2px;border-bottom:0.1px solid #FFF}
.cordleBanner .text .viewVideo a:hover{border-bottom:.1px solid #666}
@media only screen and (max-width:1280px) {
	.cordleBanner .text { position: absolute; left: 38%; top: 50%; width: 800px; transform: translate(-50%,-70%);}
}
@media only screen and (max-width:800px) {
  .cordleBanner { height: 400px; min-height: 400px; background-size: 1000px;}
  .cordleBanner .text { left: 5%; top: 38%; width: 90%; transform: translate(0%,0%);}
  .cordleBanner .text .en {font-size: 22px; line-height: 26px;}
  .cordleBanner .text .name {font-size: 30px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .cordleBanner .text .slogan {font-size: 18px;}
}
@media only screen and (max-width:600px) {
  .cordleBanner { background-size: 800px;}
}

.cordleBox1 {width: 100%; height: 100%;height: 820px; position: relative; background: #fff url('../images/cordless2/box1.jpg') no-repeat center bottom;}
.cordleBox1 .inner {height: 100%; position: relative;}
.cordleBox1 .text { position: absolute; left: 25%; top: 50%; width: 800px; transform: translate(-50%,-100%);}
.cordleBox1 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordleBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.cordleBox1 .text { position: absolute; left: 38%; top: 40%; width: 800px; transform: translate(-50%,-100%);}
}
@media only screen and (max-width:800px) {
  .cordleBox1 { height: 400px; min-height: 400px; background-size: 1000px;}
  .cordleBox1 .text { left: 5%; top: 20%; transform: translate(0%,0%); width: 85%;}
  .cordleBox1 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordleBox1 .text .slogan {font-size: 18px;}
}

.cordleBox2 {width: 100%; height: 973px;position: relative; background: #fff url('../../images/cordless2/box2.jpg') no-repeat -70px bottom;}
.cordleBox2 .inner {height: 100%; position: relative;}
.cordleBox2 .text { position: absolute; left: 45%; top: 50%; width:50%; transform: translate(0%,-50%);}
.cordleBox2 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordleBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordleBox2 .text ul { padding-top: 80px;}
.cordleBox2 .text ul li {font-size: 22px;padding: 10px 0;}
.cordleBox2 .text ul li i{ display: inline-block; margin-right: 30px;}
.cordleBox2 .text ul li span {font-weight: bold; }
@media only screen and (max-width:1280px) {
	.cordleBox2 {width: 100%; height: 973px;position: relative; background: #fff url('../../images/cordless2/box2.jpg') no-repeat -260px bottom;}
	.cordleBox2 .text { position: absolute; left: 56%; top: 50%; width:44%; transform: translate(0%,-50%);}
}
@media only screen and (max-width:800px) {
  .cordleBox2 { height: 500px; background-size: 1000px;}
  .cordleBox2 .text { left: 30%; top: 20%;width: 70%; transform: translate(0%,0%);}
  .cordleBox2 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordleBox2 .text .slogan {font-size: 18px;}
  .cordleBox2 .text ul li {font-size: 16px;padding: 10px 0;}
  .cordleBox2 .text ul li i{ display: inline-block; margin-right: 15px;}
}
@media only screen and (max-width:450px) {
  .cordleBox2 { height: 450px; background-size: 700px;}
}

.cordleBox3 {width: 100%; height: 610px;position: relative; background: #fff url('../../images/cordless2/box3.jpg') no-repeat -60px bottom;}
.cordleBox3 .inner {max-width:1400px;height: 100%; position: relative;}
.cordleBox3 .text { position: absolute; left: 0%; top: 50%; width: 50%; transform: translate(0,-50%);}
.cordleBox3 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordleBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.cordleBox3 {width: 100%; height: 610px;position: relative; background: #fff url('../../images/cordless2/box3.jpg') no-repeat -380px bottom;}
	.cordleBox3 .text { position: absolute; left:7%; top: 50%; width: 50%; transform: translate(0,-50%);}
}
@media only screen and (max-width:800px) {
  .cordleBox3 { height: 400px; background-size: 1000px;}
  .cordleBox3 .text { left: 5%; top: 50%; transform: translate(0%,-5%); width: 85%;}
  .cordleBox3 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordleBox3 .text .slogan {font-size: 18px;}
}

.cordleBox4 {width: 100%; height: 885px;position: relative;background: #fff url('../../images/cordless2/box4.jpg') no-repeat center bottom;margin-bottom:253px;}
.cordleBox4 .inner {height: 100%; position: relative;}
.cordleBox4 .text { position: absolute; left: 32%; top: 38%; width: 70%; transform: translate(0,-50%);}
.cordleBox4 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordleBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:800px) {
  .cordleBox4 { height: 400px; background-size: 1000px;}
  .cordleBox4 .text { left: 5%; top: 50%; transform: translate(0%,-80%); width: 90%;}
  .cordleBox4 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordleBox4 .text .slogan {font-size: 18px;}
}

.cordleBox5 {width: 100%; height: 1000px;position: relative;background: #fff url('../../images/cordless2/box5.jpg') no-repeat center bottom;}
.cordleBox5 .inner {height: 100%; position: relative;}
.cordleBox5 .text { position: absolute; left: 44%; top: 30%; width:62%; transform: translate(0,-50%);}
.cordleBox5 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 20px;font-weight: bold;text-transform:Uppercase;}
.cordleBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
.cordleBox5 .text ul {display: flex; padding: 80px 0 0 0; margin-left: -10px;}
.cordleBox5 .text ul li { width: 25%;}
.cordleBox5 .text ul li .tit {width: 80px; padding-top:5px; text-align: center; font-size: 22px; color:#909090;}
@media only screen and (max-width:1280px) {
	.cordleBox5 .text { position: absolute; left: 40%; top: 30%; width:60%; transform: translate(0,-50%);}
}
@media only screen and (max-width:800px) {
  .cordleBox5 { height: 528px; background-size: 1000px;}
  .cordleBox5 .text { left: 35%; top: 5%; transform: translate(0%,0); width: 65%;}
  .cordleBox5 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordleBox5 .text .slogan {font-size: 18px;}
  .cordleBox5 .text ul {display: flex; padding: 20px 0 0 0;}
  .cordleBox5 .text ul li .tit {font-size: 14px; color:#909090;}
}

.cordleBox6 {width: 100%; height: 930px;position: relative;background: #fff url('../images/cordless2/box6.jpg') no-repeat center bottom;margin-bottom:100px;}
.cordleBox6 .inner {max-width:1400px;height: 100%; position: relative;}
.cordleBox6 .text { position: absolute; left: 0; top: 30%; width:95%; transform: translate(0,-50%);}
.cordleBox6 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.cordleBox6 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.cordleBox6 {width: 100%; height: 930px;position: relative;background: #fff url('../images/cordless2/box6.jpg') no-repeat -200px bottom;margin-bottom:100px;}
	.cordleBox6 .inner {max-width:1200px;height: 100%; position: relative;}
	.cordleBox6 .text { position: absolute; left: 5%; top: 30%; width:95%; transform: translate(0,-50%);}
}
@media only screen and (max-width:800px) {
  .cordleBox6 { height: 400px; background-size: 1000px;}
  .cordleBox6 .text { left: 5%; top: 25%; transform: translate(0%,-50%); width: 50%;}
  .cordleBox6 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .cordleBox6 .text .slogan {font-size: 18px;}
}


.magicBanner {width: 100%; height: 100%;min-height: 1000px; position: relative; background: #fff url('../../images/magic/banner.jpg') no-repeat center bottom;}
.magicBanner .inner {height: 100%; position: relative;}
.magicBanner .text { position: absolute; left: 28%; top: 60%; width: 800px; transform: translate(-50%,-70%);}
.magicBanner .text .en {font-size: 24px; line-height: 40px;}
.magicBanner .text .name {font-size: 48px; line-height: 80px; margin-bottom: 20px;font-weight: bold;text-transform:Uppercase}
.magicBanner .text .slogan {font-size: 24px;}
@media only screen and (max-width:1280px) {
	.magicBanner {width: 100%; height: 100%;min-height: 1000px; position: relative; background: #fff url('../../images/magic/banner.jpg') no-repeat -240px bottom;}
	.magicBanner .text { position: absolute; left: 35%; top: 60%; width: 800px; transform: translate(-50%,-70%);}
}
@media only screen and (max-width:800px) {
  .magicBanner { height: 550px; min-height: 400px; background-size: 1000px;}
  .magicBanner .text { left: 5%; top: 25%; width: 90%; transform: translate(0%,0%);}
  .magicBanner .text .en {font-size: 24px; line-height: 40px;}
  .magicBanner .text .name {font-size: 30px; line-height: 80px; margin-bottom: 20px;}
  .magicBanner .text .slogan {font-size: 18px;}
}
@media only screen and (max-width:600px) {
  .cordleBanner { background-size: 800px;}
}

.magicBox1 {padding: 30px 0;}
.magicBox1 .inner {max-width:1430px;}
.magicBox1 .text {padding: 0 0 50px 80px;}
.magicBox1 .text .name {font-size: 50px; font-weight: bold;}
.magicBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.magicBox1 .trait {width:83%;padding: 30px 55px 30px 55px;}
.magicBox1 .trait ul {display: flex; justify-content: space-between;}
.magicBox1 .trait ul li {width: 100%;text-align: center;}
.magicBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.magicBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C; line-height:30px; margin-top:20px;}
.magicBox1 .image {text-align: center;padding-top:120px;padding-bottom:50px;}
.magicBox1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .magicBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .magicBox1 .text .name {font-size: 24px;}
  .magicBox1 .text .slogan {font-size: 18px;}
  .magicBox1 .trait {padding: 30px 0 0 0;}
  .magicBox1 .trait ul { flex-wrap: wrap;}
  .magicBox1 .trait ul li {width: 33.3%;text-align: center; margin-bottom: 20px;}
  .magicBox1 .trait ul li .tit {font-size: 15px;}
}

.magicBox2 {padding: 20px 0;height: 1200px; position: relative; background: #fff url('../../images/magic/box2.jpg') no-repeat center bottom;}
.magicBox2 .inner {max-width:1280px;}
.magicBox2 .text {padding: 0 0 80px 0;}
.magicBox2 .text .name {font-size: 50px; font-weight: bold; text-transform:Uppercase;}
.magicBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
.magicBox2 .image {width: 100%;}
.magicBox2 .image img {width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.magicBox2 .inner {max-width:1200px;}
	.magicBox2 .text {padding: 0 0 80px 50px;}
}
@media only screen and (max-width:800px) {
  .magicBox2 {flex-direction: column; padding: 0 0; height: 520px; background-size: 800px;}
  .magicBox2 .text {width: 100%;text-align: center;padding: 0 0 30px 0;}
  .magicBox2 .text .name {font-size: 24px;}
  .magicBox2 .text .slogan {font-size: 18px;}
}

.magicBox3 {width: 100%; height: 850px; position: relative; background: #fff url('../images/magic/box3.jpg') no-repeat center bottom;}
.magicBox3 .inner {height: 100%; position: relative;}
.magicBox3 .text { position: absolute; left: 31%; top: 63%; width: 800px; transform: translate(-50%,-100%);}
.magicBox3 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.magicBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.magicBox3 {width: 100%; height: 850px; position: relative; background: #fff url('../images/magic/box3.jpg') no-repeat -200px bottom;}
	.magicBox3 .text { position: absolute; left:38%; top: 63%; width: 800px; transform: translate(-50%,-100%);}
}
@media only screen and (max-width:800px) {
  .magicBox3 { height: 580px; background-size: 1000px;}
  .magicBox3 .text { left: 5%; top: 5%; transform: translate(0%,0%); width: 85%;}
  .magicBox3 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .magicBox3 .text .slogan {font-size: 18px;}
}

.magicBox4 {width: 100%; height: 800px; position: relative; background: #fff url('../../images/magic/box4.jpg') no-repeat -100px bottom;}
.magicBox4 .inner {max-width:1280px;height: 100%; position: relative;}
.magicBox4 .text {
	padding-top: 180px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0px;
}
.magicBox4 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;}
.magicBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.magicBox4 .inner {max-width:1200px;height: 100%; position: relative;}
	.magicBox4 .text {
		padding-top: 180px;
		padding-right: 0;
		padding-bottom: 80px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
  .magicBox4 { height: 400px; background-size: 860px;}
  .magicBox4 .text { padding: 100px 0 80px 20px;}
  .magicBox4 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .magicBox4 .text .slogan {font-size: 18px;}
}

.magicBox5 {width: 100%; height: 654px; position: relative; background: #fff url('../images/magic/box5.jpg') no-repeat center bottom;}
.magicBox5 .inner {max-width:1280px;height: 100%; position: relative;}
.magicBox5 .text { position: absolute; left: 0; top: 30%; width: 90%; }
.magicBox5 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase}
.magicBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.magicBox5 {width: 97%; height: 654px; position: relative; background: #fff url('../images/magic/box5.jpg') no-repeat 50px bottom;}
	.magicBox5 .inner {max-width:1200px;height: 100%; position: relative;}
	.magicBox5 .text { position: absolute; left: 10%; top: 30%; width: 90%; }
}
@media only screen and (max-width:800px) {
  .magicBox5 { height: 470px; background-size: 1000px;}
  .magicBox5 .text { left: 5%; top: 5%; width: 85%;}
  .magicBox5 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .magicBox5 .text .slogan {font-size: 18px;}
}

.magicBox6 {width: 100%; height: 1200px; position: relative; background: #fff url('../../images/magic/box6.jpg') no-repeat center 180px;}
.magicBox6 .inner {max-width:1250px;height: 100%; position: relative;}
.magicBox6 .text { position: absolute; left: 0; top: 20%; width: 90%; }
.magicBox6 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase}
.magicBox6 .text .slogan {font-size: 28px;color: #5C5C5C; line-height:35px;}
@media only screen and (max-width:1280px) {
	.magicBox6 .inner {max-width:1200px;height: 100%; position: relative;}
	.magicBox6 .text { position: absolute; left: 5%; top: 20%; width: 90%; }
}
@media only screen and (max-width:800px) {
  .magicBox6 { height: 450px; background-size: 1000px;}
  .magicBox6 .text { left: 5%; top: 20%; width: 85%;}
  .magicBox6 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .magicBox6 .text .slogan {font-size: 18px;}
}

.magicBox6-1 {width: 100%; height: 941px; position: relative; background: #fff url('../../images/magic/box6-1.gif') no-repeat left bottom; margin-top:95px;margin-bottom:160px;}
.magicBox6-1 .inner {max-width:1280px;height: 100%; position: relative;}
.magicBox6-1 .text { position: absolute; left: 0; top: 25%; width: 90%; }
.magicBox6-1 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;}
.magicBox6-1 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.magicBox6-1 .inner {max-width:1200px;height: 100%; position: relative;}
	.magicBox6-1 .text { position: absolute; left: 5%; top: 25%; width: 90%; }
}
@media only screen and (max-width:800px) {
  .magicBox6-1 { height: 450px; background-size: 1000px;margin-top:35px;margin-bottom:60px;}
  .magicBox6-1 .text { left: 3%; top: 10%; width: 85%;}
  .magicBox6-1 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .magicBox6-1 .text .slogan {font-size: 18px;}
}

.magicBox7 {width: 100%; height: 800px; position: relative; background: #fff url('../../images/magic/box7.jpg') no-repeat center bottom;}
.magicBox7 .inner {max-width:1250px;height: 100%; position: relative;}
.magicBox7 .text { position: absolute; left: 0; top: 0; width: 90%; }
.magicBox7 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 20px;font-weight: bold;text-transform:Uppercase}
.magicBox7 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.magicBox7 .inner {max-width:1200px;height: 100%; position: relative;}
	.magicBox7 .text { position: absolute; left: 5%; top: 0; width: 90%; }
}
@media only screen and (max-width:800px) {
  .magicBox7 { height: 430px; background-size: 1000px;}
  .magicBox7 .text { left: 5%; top: 5%; width: 85%;}
  .magicBox7 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .magicBox7 .text .slogan {font-size: 18px;}
}


.magicBox8 {padding: 20px 0;}
.magicBox8 .inner {max-width:1260px;}
.magicBox8 .text {
	margin-bottom: 80px;
	padding-top: 0;
	padding-right: 80px;
	padding-bottom: 0;
	padding-left: 0px;
}
.magicBox8 .text .en {font-size: 32px; font-weight:bold; line-height: 40px;margin-bottom:20px;}
.magicBox8 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom: 15px;text-transform:Uppercase}
.magicBox8 .text .slogan {font-size: 28px;color: #5C5C5C;}
.magicBox8 .image {width: 100%;}
.magicBox8 .image img {width: 100%; height: auto;}

.magicBox8 .productlist{width: 95%;padding-left:30px;padding-top:60px;}
.magicBox8 .productlist ul{width: 100%;}
.magicBox8 .productlist ul li{ float:left;width:30%; margin-right:5%;}
.magicBox8 .productlist ul li:last-child{margin-right:0px;}
.magicBox8 .productlist ul li .propic{ float:left;width:100%;}
.magicBox8 .productlist ul li .propic img{width:100%; height:auto;}
.magicBox8 .productlist ul li .protit{ float:left;width:100%;height:100px;line-height:100px;font-size:22px;color:#5B5B5B;text-align:center;}
@media only screen and (max-width:1280px) {
	.magicBox8 .inner {max-width:1200px;}
	.magicBox8 .text {
		margin-bottom: 80px;
		padding-top: 0;
		padding-right: 80px;
		padding-bottom: 0;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
	.magicBox8 {flex-direction: column; padding: 0 0;}
	.magicBox8 .text {width: 100%;text-align: center; margin-bottom: 40px; padding: 0;}
	.magicBox8 .text .en {font-size: 18px; line-height: 28px;}
	.magicBox8 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.magicBox8 .text .slogan {font-size: 18px;}
	
	.magicBox8 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;}
}



.openerBanner {width: 100%; height: 100%;min-height: 1000px; position: relative; background: #fff url('../../images/opener/banner.jpg') no-repeat right bottom;}
.openerBanner .inner {height: 100%; position: relative;}
.openerBanner .text { position: absolute; left: 26%; top: 60%; width: 800px; transform: translate(-50%,-70%);}
.openerBanner .text .en {font-size: 24px; line-height: 80px;}
.openerBanner .text .name {font-size:52px; line-height: 70px; margin-bottom: 20px;font-weight: bold;text-transform:Uppercase;}
.openerBanner .text .viewVideo{width:175px;background: url('../../images/common/icon_play.png') no-repeat right 8px;background-size: 20px auto;}
.openerBanner .text .viewVideo a {font-size:20px;color: #5B5B5B;display: inline-block;letter-spacing:2px;border-bottom:0.1px solid #FFF}
.openerBanner .text .viewVideo a:hover{border-bottom:.1px solid #666}
@media only screen and (max-width:1280px) {
	.openerBanner {width: 100%; height: 100%;min-height: 1000px; position: relative; background: #fff url('../../images/opener/banner.jpg') no-repeat -380px bottom;}
	.openerBanner .text { position: absolute; left: 38%; top: 60%; width: 800px; transform: translate(-50%,-70%);}
}
@media only screen and (max-width:800px) {
  .openerBanner { height: 550px; min-height: 400px; background-size: 1000px;}
  .openerBanner .text { left: 5%; top: 25%; width: 90%; transform: translate(0%,0%);}
  .openerBanner .text .en {font-size: 22px; line-height: 26px;}
  .openerBanner .text .name {font-size: 30px; line-height: 60px; margin-bottom: 20px;}
  .openerBanner .text .viewVideo {font-size: 18px;}
}
@media only screen and (max-width:600px) {
  .openerBanner { height: 500px; background-size: 700px;}
}

.openerBox1 {padding: 30px 0;}
.openerBox1 .inner{ max-width:1400px;}
.openerBox1 .text {padding: 0 0 50px 0;}
.openerBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.openerBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.openerBox1 .trait {
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}
.openerBox1 .trait ul {
	display: flex;
	justify-content: space-between;
	max-width:1000px;
	padding-top: 0;
	padding-right: 60px;
	padding-bottom: 0;
	padding-left: 80px;
}
.openerBox1 .trait ul li {width: 100%;text-align: center;}
.openerBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.openerBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C; padding-top:20px;}
@media only screen and (max-width:1280px) {
	.openerBox1 .inner{ max-width:1200px;}
	.openerBox1 .text {padding: 0 0 50px 50px;}
}
@media only screen and (max-width:800px) {
  .openerBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .openerBox1 .text .name {font-size: 24px;}
  .openerBox1 .text .slogan {font-size: 18px;}
  .openerBox1 .trait {padding: 30px 0 0 0;}
  .openerBox1 .trait ul { flex-wrap: wrap;}
  .openerBox1 .trait ul li {width: 50%;text-align: center; margin-bottom: 20px;}
  .openerBox1 .trait ul li .tit {font-size: 15px;}
}

.openerBox2 {width: 100%; height: 1075px;position: relative;background: #fff url('../../images/opener/box2s.jpg') no-repeat center bottom;}
.openerBox2 .inner {max-width:1380px;height: 100%; position: relative;}
.openerBox2 .text { position: absolute; left: 0%; top: 15%; width: 800px;}
.openerBox2 .text .name {font-size: 50px;line-height:65px; margin-bottom:20px;font-weight: bold;text-transform:Uppercase;}
.openerBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
.openerBox2 .text ul {display: flex; padding: 100px 0 0 0; flex-wrap: wrap;}
.openerBox2 .text ul li { width: 22%; text-align: left; margin-bottom: 55px;}
.openerBox2 .text ul li:nth-child(1){ width: 38%;}
.openerBox2 .text ul li:nth-child(4){ width: 38%;}
.openerBox2 .text ul li:nth-child(2){ width: 40%;}
.openerBox2 .text ul li:nth-child(5){ width: 40%;}
.openerBox2 .text ul li .icon {padding-left:30px;}
.openerBox2 .text ul li .tit {text-align: left; font-size: 22px; line-height:28px; color: #5C5C5C;padding-left:25px;}
/*.openerBox2 .text ul li .tit i { display: inline-block;  line-height: 0; margin-right: 5px;}*/
.openerBox2 .text ul li .con {font-size: 50px;padding-left:30px;}
.openerBox2 .text ul li .con span {font-size: 22px;}
@media only screen and (max-width:1280px) {
	.openerBox2 {width: 100%; height: 1075px;position: relative;background: #fff url('../../images/opener/box2s.jpg') no-repeat -200px bottom;}
	.openerBox2 .inner {max-width:1200px;height: 100%; position: relative;}
	.openerBox2 .text { position: absolute; left: 5%; top: 15%; width: 800px;}
}
@media only screen and (max-width:800px) {
  .openerBox2 { height: 950px; background-size: 800px;}
  .openerBox2 .text { left: 0%; top: 5%; width: 100%;padding: 0 15px;}
  .openerBox2 .text .name {font-size: 24px; line-height: 30px;}
  .openerBox2 .text .slogan {font-size: 18px; margin-bottom: 15px;}
  .openerBox2 .text ul {display: flex; padding: 10px 0 10px 0; background-color: rgba(255, 255, 255, 0.7);}
  .openerBox2 .text ul li { width: 50%; text-align: center; margin-bottom:0; padding: 10px 0;}
  .openerBox2 .text ul li .tit {font-size: 14px;}
  .openerBox2 .text ul li .con {font-size: 30px;}
  .openerBox2 .text ul li .con span {font-size: 14px;}
}

.openerBox3 {padding: 20px 0;}
.openerBox3 .inner{max-width:1400px;}
.openerBox3 .text {padding: 0 0 80px 0;}
.openerBox3 .text .name {font-size: 50px; line-height:65px; font-weight: bold;text-transform:Uppercase;}
.openerBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
.openerBox3 .image {width: 100%;}
.openerBox3 .image img {width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .openerBox3 {flex-direction: column; padding: 0 0;}
  .openerBox3 .text {width: 100%;text-align: center;padding: 0 0 30px 0;}
  .openerBox3 .text .name {font-size: 24px;}
  .openerBox3 .text .slogan {font-size: 18px;}
  .openerBox3 .image {width: 100%;}
}

.openerBox4 {width: 100%; height: 1050px;position: relative;background: #fff url('../../images/opener/box4.jpg') no-repeat center bottom;}
.openerBox4 .inner {height: 100%; position: relative;}
.openerBox4 .text { position: absolute; left:50%; top: 30%; width: 50%; transform: translate(0,-50%);}
.openerBox4 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 20px;font-weight: bold;}
.openerBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
.openerBox4 .text ul {display: flex; padding: 80px 0 0 0; margin-left: -10px;}
.openerBox4 .text ul li { width: 25%;}
.openerBox4 .text ul li .tit {width: 85px; padding-top:10px; text-align: center; font-size: 22px; color: #909090;}
@media only screen and (max-width:800px) {
  .openerBox4 { height: 528px; background-size: 1000px;}
  .openerBox4 .text { left: 35%; top: 5%; transform: translate(0%,0); width: 60%;}
  .openerBox4 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .openerBox4 .text .slogan {font-size: 18px;}
  .openerBox4 .text ul {display: flex; padding: 20px 0 0 0;}
  .openerBox4 .text ul li .tit {font-size: 14px;}
}

.openerBox5 {width: 100%; height: 100%;min-height: 940px; position: relative; background: #F6F6F6 url('../../images/opener/box5.gif') no-repeat 200px bottom;}
.openerBox5 .inner { max-width:1400px;height: 100%; position: relative;}
.openerBox5 .text { position: absolute; left: 0; top: 20%; width: 70%; }
.openerBox5 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.openerBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.openerBox5 {width: 100%; height: 100%;min-height: 940px; position: relative; background: #F6F6F6 url('../../images/opener/box5.gif') no-repeat left bottom;}
	.openerBox5 .inner { max-width:1200px;height: 100%; position: relative;}
	.openerBox5 .text { position: absolute; left: 5%; top: 20%; width: 70%; }
}
@media only screen and (max-width:800px) {
  .openerBox5 { height: 600px; min-height: 400px; background-size: 1000px;}
  .openerBox5 .text { left: 5%; top: 3%; width: 85%;}
  .openerBox5 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .openerBox5 .text .slogan {font-size: 18px;}
}

.openerBox6 {width: 100%; height: 1050px; position: relative; background: #fff url('../../images/opener/box6.jpg') no-repeat center bottom;}
.openerBox6 .inner {max-width:1400px;height: 100%; position: relative;}
.openerBox6 .text { position: absolute; left: 0; top: 15%;width: 90%; }
.openerBox6 .text .name {font-size: 50px; line-height: 70px; margin-bottom: 20px;font-weight: bold;text-transform:Uppercase;}
.openerBox6 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.openerBox6 .inner {max-width:1200px;height: 100%; position: relative;}
	.openerBox6 .text { position: absolute; left: 5%; top: 15%;width: 90%; }
}
@media only screen and (max-width:800px) {
  .openerBox6 { height: 430px; background-size: 1000px;}
  .openerBox6 .text { left: 5%; top: 5%; width: 85%;}
  .openerBox6 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .openerBox6 .text .slogan {font-size: 18px;}
}

.openerBox7 {padding: 20px 0;}
.openerBox7 .inner {max-width:1400px;}
.openerBox7 .text {
	margin-bottom: 80px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.openerBox7 .text .en {font-size: 32px; line-height: 40px;font-weight:bold;margin-bottom:20px;}
.openerBox7 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom: 15px;text-transform:Uppercase;}
.openerBox7 .text .slogan {font-size: 28px;color: #5C5C5C;}
.openerBox7 .image {width: 100%;text-align: left;padding-left: 150px;}
.openerBox7 .image img {max-width: 100%; height: auto;}

.openerBox7 .productlist{width: 100%;padding-left:20%;padding-top:60px;}
.openerBox7 .productlist ul{width: 90%;}
.openerBox7 .productlist ul li{ float:left;width:10%; margin-right:25%;}
.openerBox7 .productlist ul li:last-child{margin-right:0px;}
.openerBox7 .productlist ul li .propic{ float:left;width:100%;}
.openerBox7 .productlist ul li .propic img{width:100%; height:auto;}
.openerBox7 .productlist ul li .protit{ float:left;width:100%;height:100px;line-height:100px;font-size:22px;color:#5B5B5B;text-align:center;}
@media only screen and (max-width:1280px) {
	.openerBox7 .inner {max-width:1200px;}
	.openerBox7 .text {
		margin-bottom: 80px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
	.openerBox7 {flex-direction: column; padding: 0 0;}
	.openerBox7 .text {width: 100%;text-align: center; margin-bottom: 40px;padding-left: 0;}
	.openerBox7 .text .en {font-size: 18px; line-height: 28px;}
	.openerBox7 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.openerBox7 .text .slogan {font-size: 18px;}
	.openerBox7 .image {width: 100%;padding-left: 0;text-align: center;}
	.openerBox7 .image img {width: 80%;}
	
	.openerBox7 .productlist{width: 100%;padding-left:10%;padding-top:60px;}
	.openerBox7 .productlist ul li{ float:left;width:20%; margin-right:15%;}
	.openerBox7 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;}
}


.muscleBanner {width: 100%; height: 970px;position: relative; background: url('../../images/muscle/banner.jpg') no-repeat center bottom;}
.muscleBanner .text { position: absolute; left: 0%; top:22%; width: 100%;text-align: center;}
.muscleBanner .text .en {font-size: 24px; line-height: 80px;}
.muscleBanner .text .name {font-size: 52px; line-height: 60px; margin-bottom:20px;font-weight: bold;text-transform:Uppercase;}
.muscleBanner .text .slogan {font-size:24px;}
@media only screen and (max-width:800px) {
  .muscleBanner { height: auto; height: 600px; background-size: 1000px;}
  .muscleBanner .text { top: 22%;}
  .muscleBanner .text .en {font-size: 28px; line-height: 26px;}
  .muscleBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .muscleBanner .text .slogan {font-size: 22px;}
}
.muscleBox1 {padding: 30px 0;}
.muscleBox1 .inner{ max-width:1340px;}
.muscleBox1 .text {padding: 0 0 50px 0;}
.muscleBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.muscleBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.muscleBox1 .trait {
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 150px;
	padding-left: 0;
}
.muscleBox1 .trait ul {display: flex; justify-content: space-between;}
.muscleBox1 .trait ul li {width: 100%;text-align: center;}
.muscleBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.muscleBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C; line-height:28px;}
@media only screen and (max-width:1280px) {
	.muscleBox1 .inner{ max-width:1200px;}
	.muscleBox1 .text {padding: 0 0 50px 50px;}
}
@media only screen and (max-width:800px) {
  .muscleBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .muscleBox1 .text .name {font-size: 24px;}
  .muscleBox1 .text .slogan {font-size: 18px;}
  .muscleBox1 .trait {padding: 30px 0 0 0;}
  .muscleBox1 .trait ul { flex-wrap: wrap;}
  .muscleBox1 .trait ul li {width: 33.3%;text-align: center; margin-bottom: 20px;}
  .muscleBox1 .trait ul li .tit {font-size: 15px;}
}

.muscleBox2 {}
.muscleBox2 .inner { max-width:1340px;display: flex; justify-content: space-between; align-items: center;}
.muscleBox2 .text {width: 50%; padding-left:10%;}
.muscleBox2 .text ul li {padding: 30px 0;}
.muscleBox2 .text ul li .icon { margin-right: 20px;}
.muscleBox2 .text ul li .tit {font-size: 28px; color: #5C5C5C; margin-bottom: 10px;}
.muscleBox2 .image {width: 50%; line-height: 0; padding-left:10%;}
.muscleBox2 .image img {width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .muscleBox2 {flex-direction: column; padding: 0 0;}
  .muscleBox2 .text {width: 100%;margin-bottom: 50px;}
  .muscleBox2 .text ul li { justify-content: center; padding: 10px 0;}
  .muscleBox2 .text ul li .tit {font-size: 18px;min-width: 120px;}
  .muscleBox2 .image {width: 70%; margin-bottom: 30px;}
}

.muscleBox3 {padding: 30px 0;}
.muscleBox3 .inner{ max-width:1340px;}
.muscleBox3 .text {padding: 0 0 50px 0;}
.muscleBox3 .text .name {font-size: 50px; font-weight: bold; line-height: 66px; margin-bottom: 30px;text-transform:Uppercase;}
.muscleBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
.muscleBox3 .trait {
	padding-top: 50px;
	padding-right: 80px;
	padding-bottom: 50px;
	padding-left: 0px;
}
.muscleBox3 .trait ul {display: flex; justify-content: space-between;}
.muscleBox3 .trait ul li {text-align: left;}
.muscleBox3 .trait ul li .con {font-size: 58px; line-height: 70px;}
.muscleBox3 .trait ul li .con span {font-size: 22px; font-weight:lighter;}
.muscleBox3 .trait ul li .tit {font-size: 22px; line-height:30px; color: #333333;}
@media only screen and (max-width:1280px) {
	.muscleBox3 .inner{ max-width:1200px;}
	.muscleBox3 .text {padding: 0 0 50px 50px;}
	.muscleBox3 .trait {
		padding-top: 50px;
		padding-right: 80px;
		padding-bottom: 50px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
  .muscleBox3 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .muscleBox3 .text .name {font-size: 24px;line-height: 36px; margin-bottom: 15px;}
  .muscleBox3 .text .slogan {font-size: 18px;}
  .muscleBox3 .trait {padding: 30px 0 0 0;}
  .muscleBox3 .trait ul { flex-wrap: wrap;}
  .muscleBox3 .trait ul li {width: 100%;text-align: center; margin-bottom: 20px;}
  .muscleBox3 .trait ul li .con {font-size: 60px; line-height: 70px;}
  .muscleBox3 .trait ul li .con span {font-size: 22px;}
  .muscleBox3 .trait ul li .tit {font-size: 22px; color: #5C5C5C;}
}
.muscleBox4 {width: 100%; height: 905px;position: relative;background: url('../../images/muscle/box4.jpg') no-repeat center center;}
@media only screen and (max-width:900px) {
  .muscleBox4 { height: 474px; background-size: 1000px;}
}

.muscleBox5 {padding: 20px 0;}
.muscleBox5 .inner{ max-width:1340px;}
.muscleBox5 .text {padding: 30px 0 120px 0;}
.muscleBox5 .text .name {font-size: 50px; font-weight: bold;line-height:60px;padding-bottom:30px;text-transform:Uppercase;}
.muscleBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
.muscleBox5 .image {width: 100%; text-align: left; padding-left:50px;}
.muscleBox5 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.muscleBox5 .inner{ max-width:1200px;}
	.muscleBox5 .text {padding: 30px 0 120px 50px;}
}
@media only screen and (max-width:800px) {
  .muscleBox5 {flex-direction: column; padding: 0 0;}
  .muscleBox5 .text {width: 100%;text-align: center;padding: 0 0 30px 0;}
  .muscleBox5 .text .name {font-size: 24px;}
  .muscleBox5 .text .slogan {font-size: 18px;}
  .muscleBox5 .image {width: 100%;}
}

.muscleBox6 {width: 100%; height: 1110px;position: relative; background: #fff url('../../images/muscle/box6.jpg') no-repeat center bottom;}
.muscleBox6 .inner {max-width:1340px;height: 100%; position: relative;}
.muscleBox6 .text { position: absolute;top: 10%; width: 70%;color: #fff; }
.muscleBox6 .text .name {font-size: 42px; line-height: 70px; margin-bottom: 25px;font-weight: bold;text-transform:Uppercase;}
.muscleBox6 .text .slogan {font-size: 24px;}
@media only screen and (max-width:1280px) {
	.muscleBox6 .inner {max-width:1200px;height: 100%; position: relative;}
	.muscleBox6 .text { position: absolute;top: 10%; left:5%; width: 70%;color: #fff;}
}
@media only screen and (max-width:800px) {
  .muscleBox6 { height: 630px; background-size:800px;}
  .muscleBox6 .text { left: 15px; top: 5%; width: 85%; color: #000;}
  .muscleBox6 .text .name {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .muscleBox6 .text .slogan {font-size: 18px;color: #5C5C5C;}
}

.muscleBox7{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:15px}
.muscleBox7 .inner {max-width:1340px;}
.muscleBox7 .text{margin-bottom:60px;padding-top:30px;padding-right:0;padding-bottom:0;padding-left:15px}
.muscleBox7 .text .en {font-size: 32px; line-height: 60px;font-weight: bold;margin-bottom: 15px;}
.muscleBox7 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom:20px;text-transform:Uppercase;}
.muscleBox7 .text .slogan {font-size: 28px;color: #5C5C5C;}
.muscleBox7 .text .slogan img {max-width: 100%; height: auto;}
.muscleBox7 .image {width: 100%; padding: 50px 0 0;}
.muscleBox7 .image img {width: 100%; height: auto;}

.muscleBox7 .productlist{width: 100%;padding-top:80px; padding-left:5%;}
.muscleBox7 .productlist ul{width: 100%;}
.muscleBox7 .productlist ul li{ float:left;width:20%; margin-right:6%;}
.muscleBox7 .productlist ul li:last-child{margin-right:0px;}
.muscleBox7 .productlist ul li .propic{ float:left;width:100%;}
.muscleBox7 .productlist ul li .propic img{width:100%; height:auto;}
.muscleBox7 .productlist ul li .protit{ float:left;width:100%;height:100px;line-height:100px;font-size:22px;color:#5B5B5B;text-align:left; padding-left:12%;}

@media only screen and (max-width:800px) {
	.muscleBox7 {flex-direction: column; padding: 0 0;}
	.muscleBox7 .text {width: 100%;text-align: center;margin-bottom: 20px;padding-left: 0;}
	.muscleBox7 .text .en {font-size: 18px; line-height: 28px;}
	.muscleBox7 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.muscleBox7 .text .slogan {font-size: 18px;}
	.muscleBox7 .image {width: 100%;padding: 30px 0 10px;}
	.muscleBox7 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;}
}

/* 红酒开瓶器 */
.decapBanner {width: 100%; height: 1150px;position: relative; background: url('../../images/decap/banner.jpg') no-repeat center bottom;}
.decapBanner .text { position: absolute; left: 0%; top: 18%; width: 100%;text-align: center;}
.decapBanner .text .en {font-size: 24px; line-height: 80px;}
.decapBanner .text .name {font-size:52px; line-height: 60px; margin-bottom: 20px;font-weight: bold;text-transform:Uppercase;}
.decapBanner .text .slogan {font-size:24px;}
@media only screen and (max-width:800px) {
  .decapBanner { height: auto; height: 780px; background-size: 1000px;}
  .decapBanner .text { top: 20%;}
  .decapBanner .text .en {font-size: 28px; line-height: 26px;}
  .decapBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .decapBanner .text .slogan {font-size: 22px;}
}

.decapBox1 {padding: 30px 0;}
.decapBox1 .text {padding: 0 0 50px 0;}
.decapBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.decapBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.decapBox1 .trait {width:90%;padding: 30px 55px 30px 0;}
.decapBox1 .trait ul {display: flex; justify-content: space-between;}
.decapBox1 .trait ul li {width: 100%;text-align: center;}
.decapBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.decapBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C;padding-top:25px;}
.decapBox1 .image {text-align: left; padding-left:100px;}
.decapBox1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.decapBox1 .text {padding: 0 0 50px 50px;}
}
@media only screen and (max-width:800px) {
  .decapBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .decapBox1 .text .name {font-size: 24px;}
  .decapBox1 .text .slogan {font-size: 18px;}
  .decapBox1 .trait {padding: 30px 0 0 45px;}
  .decapBox1 .trait ul { flex-wrap: wrap;}
  .decapBox1 .trait ul li {width: 50%;text-align: center; margin-bottom: 20px;}
  .decapBox1 .trait ul li .tit {font-size: 15px;}
}
.decapBox2 {padding: 20px 0; height: 670px; margin-top: 140px; background: url('../../images/decap/box2.jpg') no-repeat center bottom;}
.decapBox2 .text {padding: 160px 0 80px 80px;}
.decapBox2 .text .name {font-size: 50px; line-height:65px; margin-bottom:20px;font-weight: bold;text-transform:Uppercase;}
.decapBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:800px) {
  .decapBox2 {flex-direction: column; padding: 0 0;margin-top: 0px;  background-size: 600px; height: 500px;}
  .decapBox2 .text {width: 100%;padding: 30px 0 80px 80px;}
  .decapBox2 .text .name {font-size: 24px;}
  .decapBox2 .text .slogan {font-size: 18px;}
}

.decapBox3 {padding: 20px 0;}
.decapBox3 .text {padding: 0; margin-bottom: 100px;}
.decapBox3 .text .en {font-size: 32px; line-height: 40px;font-weight: bold;margin-bottom: 15px;}
.decapBox3 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom:20px;text-transform:Uppercase;}
.decapBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
.decapBox3 .image {width: 100%; text-align: center;}
.decapBox3 .image img {max-width: 100%; height: auto;}

.decapBox3 .productlist{width: 100%;padding-top:60px;}
.decapBox3 .productlist ul{width:90%;}
.decapBox3 .productlist ul li{ float:left;width:20%; margin-right:15%;}
.decapBox3 .productlist ul li:last-child{margin-right:0px;}
.decapBox3 .productlist ul li .propic{ float:left;width:100%;}
.decapBox3 .productlist ul li .propic img{width:100%; height:auto;}
.decapBox3 .productlist ul li .protit{ float:left;width:100%;height:100px;line-height:100px;font-size:22px;color:#5B5B5B;text-align:center;}
@media only screen and (max-width:1280px) {
	.decapBox3 .productlist{width: 90%;padding-top:60px; padding-left:10%;}
}
@media only screen and (max-width:800px) {
	.decapBox3 {flex-direction: column; padding: 0 0;}
	.decapBox3 .text {width: 100%;text-align: center; padding: 0;margin-bottom: 100px;}
	.decapBox3 .text .en {font-size: 18px; line-height: 28px;}
	.decapBox3 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.decapBox3 .text .slogan {font-size: 18px;}
	.decapBox3 .image {width: 100%;}
	
	.decapBox3 .productlist{padding-top:0px;}
	.decapBox3 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;}
}



/* 护法吹风机 */
.blowerBanner {width: 100%; height: 970px;position: relative; background: url('../../images/blower/banner.jpg') no-repeat center bottom;}
.blowerBanner .text { position: absolute; left: 0%; top:22%; width: 100%;text-align: center;}
.blowerBanner .text .en {font-size: 24px; line-height: 80px;}
.blowerBanner .text .name {font-size: 52px; line-height: 60px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.blowerBanner .text .slogan {font-size: 24px;}
@media only screen and (max-width:800px) {
  .blowerBanner { height: auto; height: 600px; background-size: 1000px;}
  .blowerBanner .text { top: 22%;}
  .blowerBanner .text .en {font-size: 28px; line-height: 26px;}
  .blowerBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .blowerBanner .text .slogan {font-size: 22px;}
}
.blowerBox1 {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 85px;
	padding-left: 0;
}
.blowerBox1 .inner {max-width:1340px;}
.blowerBox1 .text {padding: 0 0 50px 0;}
.blowerBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.blowerBox1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.blowerBox1 .trait {
	width:75%;
	padding-top: 30px;
	padding-right: 80px;
	padding-bottom: 150px;
	padding-left: 0;
}
.blowerBox1 .trait ul {display: flex; justify-content: space-between;}
.blowerBox1 .trait ul li {text-align: center;}
.blowerBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.blowerBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C; font-weight:lighter;}
.blowerBox1 .image {width: 100%;}
.blowerBox1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.blowerBox1 .inner {max-width:1200px;}
	.blowerBox1 .text {padding: 0 0 50px 50px;}
	.blowerBox1 .trait {
		width:90%;
		padding-top: 30px;
		padding-right: 80px;
		padding-bottom: 150px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:800px) {
  .blowerBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .blowerBox1 .text .name {font-size: 24px;}
  .blowerBox1 .text .slogan {font-size: 18px;}
  .blowerBox1 .trait {padding: 30px 0 0 0;}
  .blowerBox1 .trait ul { flex-wrap: wrap;}
  .blowerBox1 .trait ul li {width: 25%;text-align: center; margin-bottom: 20px;}
  .blowerBox1 .trait ul li .tit {font-size: 15px;}
}

.blowerBox2 {width: 100%; height: 920px; position: relative; background: #fff url('../../images/blower/box2.jpg') no-repeat center bottom;}
.blowerBox2 .inner {max-width:1340px;height: 100%; position: relative;}
.blowerBox2 .text { padding: 50px 0 50px 0;}
.blowerBox2 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.blowerBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.blowerBox2 .inner {max-width:1200px;height: 100%; position: relative;}
	.blowerBox2 .text { padding: 50px 0 50px 40px;}
}
@media only screen and (max-width:800px) {
  .blowerBox2 { height: 500px; background-size: 1000px;}
  .blowerBox2 .text {width: 100%;text-align: center;padding:40px 0 0 0; margin-bottom: 40px;}
  .blowerBox2 .text .name {font-size: 24px;}
  .blowerBox2 .text .slogan {font-size: 18px;}
}

.blowerBox3 {width: 100%; height: 930px; position: relative; background: #fff url('../../images/blower/box3.jpg') no-repeat center bottom;}
.blowerBox3 .inner {max-width:1340px;height: 100%; position: relative;}
.blowerBox3 .text { padding: 110px 0 50px 0;}
.blowerBox3 .text .name {font-size: 50px; font-weight: bold;margin-bottom:10px;text-transform:Uppercase;}
.blowerBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.blowerBox3 .inner {max-width:1200px;height: 100%; position: relative;}
	.blowerBox3 .text { padding: 110px 0 50px 50px;}
}
@media only screen and (max-width:800px) {
  .blowerBox3 { height: 500px; background-size: 1000px;}
  .blowerBox3 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .blowerBox3 .text .name {font-size: 24px;}
  .blowerBox3 .text .slogan {font-size: 18px;}
}

.blowerBox4 {width: 100%; height: 900px; position: relative; background: #fff url('../images/blower/box4.jpg') no-repeat center bottom;}
.blowerBox4 .inner {max-width:1340px;height: 100%; position: relative;}
.blowerBox4 .text { padding: 120px 0 80px 0;}
.blowerBox4 .text .name {font-size: 50px; font-weight: bold; margin-bottom:15px;text-transform:Uppercase;}
.blowerBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.blowerBox4 .inner {max-width:1200px;height: 100%; position: relative;}
	.blowerBox4 .text { padding: 120px 0 80px 40px;}
}
@media only screen and (max-width:800px) {
  .blowerBox4 { height: 480px; background-size: 1000px;}
  .blowerBox4 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .blowerBox4 .text .name {font-size: 24px;}
  .blowerBox4 .text .slogan {font-size: 18px;}
}

.blowerBox5 {width: 100%; height: 1000px; margin-top:80px;position: relative; background: #fff url('../images/blower/box5.jpg') no-repeat center bottom;}
.blowerBox5 .inner {max-width:1340px;height: 100%; position: relative;}
.blowerBox5 .text { padding: 90px 0 50px 0;}
.blowerBox5 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.blowerBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.blowerBox5 .inner {max-width:1200px;height: 100%; position: relative;}
	.blowerBox5 .text { padding: 90px 0 50px 20px;}
}
@media only screen and (max-width:800px) {
  .blowerBox5 { height: 550px; background: #fff url('../images/blower/box5m.jpg') no-repeat center bottom;background-size: 1000px;}
  .blowerBox5 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .blowerBox5 .text .name {font-size: 24px;}
  .blowerBox5 .text .slogan {font-size: 18px;}
}

.blowerBox6{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:15px}
.blowerBox6 .inner {max-width:1340px;}
.blowerBox6 .text{margin-bottom:60px;padding-top:30px;padding-right:0;padding-bottom:0;padding-left:0}
.blowerBox6 .text .en {font-size: 32px; line-height: 60px;font-weight: bold;margin-bottom: 15px;}
.blowerBox6 .text .name {font-size: 50px; font-weight: bold; line-height: 60px; margin-bottom:20px;text-transform:Uppercase;}
.blowerBox6 .text .slogan {font-size: 28px;color: #5C5C5C;}
.blowerBox6 .text .slogan img {max-width: 100%; height: auto;}
.blowerBox6 .image {width: 100%; padding: 50px 0 0;}
.blowerBox6 .image img {width: 100%; height: auto;}

.blowerBox6 .productlist{width: 100%;padding-top:60px; padding-left:7%;}
.blowerBox6 .productlist ul{width: 100%;}
.blowerBox6 .productlist ul li{ float:left;width:16%; margin-right:10%;}
.blowerBox6 .productlist ul li:last-child{margin-right:0px;}
.blowerBox6 .productlist ul li .propic{ float:left;width:100%;}
.blowerBox6 .productlist ul li .propic img{width:100%; height:auto;}
.blowerBox6 .productlist ul li .protit{ float:left;width:100%;height:150px;line-height:150px;font-size:22px;color:#5B5B5B;text-align:right; padding-right:12%;}
@media only screen and (max-width:1280px) {
	.blowerBox6 .inner {max-width:1200px;}
}
@media only screen and (max-width:800px) {
	.blowerBox6 {flex-direction: column; padding: 0 0;}
	.blowerBox6 .text {width: 100%;text-align: center;margin-bottom: 20px;padding-left: 0;}
	.blowerBox6 .text .en {font-size: 18px; line-height: 28px;}
	.blowerBox6 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.blowerBox6 .text .slogan {font-size: 18px;}
	.blowerBox6 .image {width: 100%;padding: 30px 0 10px;}
	
	.blowerBox6 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px; padding-right:0%;}
}


/* 负离子吹风机 */
.anionBanner {width: 100%; height: 970px;position: relative; background: url('../../images/anion/banner.jpg') no-repeat center bottom;}
.anionBanner .text { position: absolute; left: 0%; top: 22%; width: 100%;text-align: center;}
.anionBanner .text .en {font-size: 24px; line-height: 80px;}
.anionBanner .text .name {font-size: 52px; line-height: 60px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.anionBanner .text .slogan {font-size: 24px;}
@media only screen and (max-width:800px) {
  .anionBanner { height: auto; height: 600px; background-size: 1000px;}
  .anionBanner .text { top: 22%;}
  .anionBanner .text .en {font-size: 28px; line-height: 26px;}
  .anionBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .anionBanner .text .slogan {font-size: 22px;}
}
.anionBox1 {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 85px;
	padding-left: 0;
}
.anionBox1 .inner {max-width:1340px;}
.anionBox1 .text {padding: 0 0 50px 0;}
.anionBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.anionBox1 .text .slogan {font-size: 28px;color: #5C5C5C; padding-top:20px;}
.anionBox1 .trait {
	width:80%;
	padding-top: 30px;
	padding-right: 80px;
	padding-bottom: 60px;
	padding-left: 0;
}
.anionBox1 .trait ul {display: flex; justify-content: space-between;}
.anionBox1 .trait ul li {text-align: center;}
.anionBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.anionBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C;font-weight:lighter;}
.anionBox1 .image {width: 100%;}
.anionBox1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.anionBox1 .inner {max-width:1200px;}
	.anionBox1 .text {padding: 0 0 50px 30px;}
	.anionBox1 .trait {
		width:80%;
		padding-top: 30px;
		padding-right: 80px;
		padding-bottom: 60px;
		padding-left: 30px;
	}
}
@media only screen and (max-width:800px) {
  .anionBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .anionBox1 .text .name {font-size: 24px;}
  .anionBox1 .text .slogan {font-size: 18px;}
  .anionBox1 .trait {padding: 30px 0 0 0;}
  .anionBox1 .trait ul { flex-wrap: wrap;}
  .anionBox1 .trait ul li {width: 25%;text-align: center; margin-bottom: 20px;}
  .anionBox1 .trait ul li .tit {font-size: 15px;}
}

.anionBox2 {width: 100%; height: 920px; position: relative; background: #fff url('../../images/anion/box2.jpg') no-repeat center bottom;}
.anionBox2 .inner {max-width:1340px;height: 100%; position: relative;}
.anionBox2 .text { padding: 50px 0 50px 0;}
.anionBox2 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.anionBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.anionBox2 .inner {max-width:1200px;height: 100%; position: relative;}
	.anionBox2 .text { padding: 50px 0 50px 40px;}
}
@media only screen and (max-width:800px) {
  .anionBox2 { height: 500px; background-size: 1000px;}
  .anionBox2 .text {width: 100%;text-align: center;padding:40px 0 0 0; margin-bottom: 40px;}
  .anionBox2 .text .name {font-size: 24px;}
  .anionBox2 .text .slogan {font-size: 18px;}
}

.anionBox3 {width: 100%; height: 930px; position: relative; background: #fff url('../../images/anion/box3.jpg') no-repeat center bottom;}
.anionBox3 .inner {max-width:1340px;height: 100%; position: relative;}
.anionBox3 .text { padding: 110px 0 50px 0;}
.anionBox3 .text .name {font-size: 50px; font-weight: bold;margin-bottom:10px;text-transform:Uppercase;}
.anionBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.anionBox3 .inner {max-width:1200px;height: 100%; position: relative;}
	.anionBox3 .text { padding: 50px 0 50px 30px;}
}
@media only screen and (max-width:800px) {
  .anionBox3 { height: 500px; background-size: 1000px;}
  .anionBox3 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .anionBox3 .text .name {font-size: 24px;}
  .anionBox3 .text .slogan {font-size: 18px;}
}

.anionBox4 {width: 100%; height: 960px; position: relative; background: #fff url('../images/anion/box4.jpg') no-repeat center bottom;}
.anionBox4 .inner {max-width:1340px;height: 100%; position: relative;}
.anionBox4 .text { padding: 120px 0 80px 0;}
.anionBox4 .text .name {font-size: 50px; font-weight: bold; margin-bottom:15px;text-transform:Uppercase;}
.anionBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.anionBox4 .inner {max-width:1200px;height: 100%; position: relative;}
	.anionBox4 .text { padding: 120px 0 80px 40px;}
}
@media only screen and (max-width:800px) {
  .anionBox4 { height: 480px; background-size: 1000px;}
  .anionBox4 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .anionBox4 .text .name {font-size: 24px;}
  .anionBox4 .text .slogan {font-size: 18px;}
}

.anionBox5 {width: 100%; height: 1000px;margin-top:80px;position: relative; background: #fff url('../images/anion/box5.jpg') no-repeat center bottom;}
.anionBox5 .inner {max-width:1340px;height: 100%; position: relative;}
.anionBox5 .text { padding: 90px 0 50px 0;}
.anionBox5 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.anionBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.anionBox5 .inner {max-width:1200px;height: 100%; position: relative;}
	.anionBox5 .text { padding: 90px 0 50px 20px;}
}
@media only screen and (max-width:800px) {
  .anionBox5 { height: 550px; background: #fff url('../images/anion/box5m.jpg') no-repeat center bottom;background-size: 1000px;}
  .anionBox5 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .anionBox5 .text .name {font-size: 24px;}
  .anionBox5 .text .slogan {font-size: 18px;}
}

.anionBox6{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:15px}
.anionBox6 .inner {max-width:1340px;}
.anionBox6 .text{margin-bottom:40px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
.anionBox6 .text .en{font-size:32px;line-height:40px;font-weight: bold;margin-bottom: 15px;}
.anionBox6 .text .name{font-size:50px;font-weight:700;line-height:60px;margin-bottom:20px;text-transform:Uppercase;}
.anionBox6 .text .slogan{font-size:28px;color:#5c5c5c}
.anionBox6 .text .slogan img{max-width:100%;height:auto}
.anionBox6 .image{width:100%;padding-top:50px;padding-right:0;padding-bottom:0;padding-left:100px}
.anionBox6 .image img{width:100%;height:auto}

.anionBox6 .productlist{width: 100%;padding-top:60px; padding-left:5%;}
.anionBox6 .productlist ul{width: 100%;}
.anionBox6 .productlist ul li{ float:left;width:16%; margin-right:12%;}
.anionBox6 .productlist ul li:last-child{margin-right:0px;}
.anionBox6 .productlist ul li .propic{ float:left;width:100%;}
.anionBox6 .productlist ul li .propic img{width:100%; height:auto;}
.anionBox6 .productlist ul li .protit{ float:left;width:100%;height:150px;line-height:150px;font-size:22px;color:#5B5B5B;text-align:right; padding-right:12%;}
@media only screen and (max-width:1280px) {
	.anionBox6 .inner {max-width:1200px;}
}
@media only screen and (max-width:800px) {
	.anionBox6 {flex-direction: column; padding: 0 0;}
	.anionBox6 .text {width: 100%;text-align: center;margin-bottom: 20px;padding-left: 0;}
	.anionBox6 .text .en {font-size: 18px; line-height: 28px;}
	.anionBox6 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.anionBox6 .text .slogan {font-size: 18px;}
	.anionBox6 .image {width: 100%;padding: 30px 0 10px;}
	
	.anionBox6 .productlist{padding-left:0%;}
	.anionBox6 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px; padding-right:0%;}
}


/* 毛刺修剪器 */
.trimBanner {width: 100%; height: 1000px;position: relative; background: url('../../images/trim/banner.jpg') no-repeat center bottom;}
.trimBanner .text { position: absolute; left: 0%; top:22%; width: 100%;text-align: center;}
.trimBanner .text .en {font-size: 24px; line-height: 80px;}
.trimBanner .text .name {font-size: 52px; line-height: 60px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.trimBanner .text .slogan {font-size: 24px;}
@media only screen and (max-width:800px) {
  .trimBanner { height: auto; height: 600px; background-size: 1000px;}
  .trimBanner .text { top: 22%;}
  .trimBanner .text .en {font-size: 28px; line-height: 26px;}
  .trimBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .trimBanner .text .slogan {font-size: 22px;}
}
.trimBox1 {padding: 30px 0;}
.trimBox1 .inner {max-width:1340px;}
.trimBox1 .text {padding: 0 0 50px 0;}
.trimBox1 .text .name {font-size: 50px; font-weight: bold;text-transform:Uppercase;}
.trimBox1 .text .slogan {font-size: 28px;color: #5C5C5C; padding-top:20px;}
.trimBox1 .trait {
	width:80%;
	padding-top: 30px;
	padding-right: 80px;
	padding-bottom: 150px;
	padding-left: 0;
}
.trimBox1 .trait ul {display: flex; justify-content: space-between;}
.trimBox1 .trait ul li {text-align: center;}
.trimBox1 .trait ul li .icon img {max-width: 100%; height: auto;}
.trimBox1 .trait ul li .tit {font-size: 22px; color: #5C5C5C;font-weight:lighter;}
.trimBox1 .image {width: 100%;}
.trimBox1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:1280px) {
	.trimBox1 .inner {max-width:1200px;}
	.trimBox1 .text {padding: 0 0 50px 10px;}
	.trimBox1 .trait {
		width:80%;
		padding-top: 30px;
		padding-right: 80px;
		padding-bottom: 150px;
		padding-left: 10px;
	}
}
@media only screen and (max-width:800px) {
  .trimBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .trimBox1 .text .name {font-size: 24px;}
  .trimBox1 .text .slogan {font-size: 18px;}
  .trimBox1 .trait {padding: 30px 0 0 0;}
  .trimBox1 .trait ul { flex-wrap: wrap; justify-content: center;}
  .trimBox1 .trait ul li {width: 33%;text-align: center; margin-bottom: 20px;}
  .trimBox1 .trait ul li .tit {font-size: 15px;}
}

.trimBox2 {width: 100%; height: 1150px; position: relative; background: #fff url('../images/trim/box2.jpg') no-repeat center bottom;}
.trimBox2 .inner {max-width:1340px;height: 100%; position: relative;}
.trimBox2 .text { padding: 50px 0 50px 0;}
.trimBox2 .text .name {font-size: 50px; line-height:65px; font-weight: bold;text-transform:Uppercase; margin-bottom:20px;}
.trimBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.trimBox2 .inner {max-width:1200px;height: 100%; position: relative;}
	.trimBox2 .text { padding: 50px 0 50px 50px;}
	.trimBox2 .text .slogan {font-size: 26px;color: #5C5C5C;}
}
@media only screen and (max-width:800px) {
  .trimBox2 { height: 500px; background-size: 900px;}
  .trimBox2 .text {width: 100%;text-align: center;padding:40px 0 0 0; margin-bottom: 40px;}
  .trimBox2 .text .name {font-size: 24px;}
  .trimBox2 .text .slogan {font-size: 18px;}
}

.trimBox3 {width: 100%; height: 1220px; position: relative; background: #fff url('../../images/trim/box3.jpg') no-repeat center bottom;}
.trimBox3 .inner {max-width:1340px;height: 100%; position: relative;}
.trimBox3 .text { padding: 110px 0 50px 0;}
.trimBox3 .text .name {font-size: 50px; font-weight: bold;margin-bottom:10px;text-transform:Uppercase;}
.trimBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.trimBox3 .inner {max-width:1200px;height: 100%; position: relative;}
	.trimBox3 .text { padding: 110px 0 50px 50px;}
}
@media only screen and (max-width:800px) {
  .trimBox3 { height: 600px; background-size: 900px;}
  .trimBox3 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .trimBox3 .text .name {font-size: 24px;}
  .trimBox3 .text .slogan {font-size: 18px;}
}

.trimBox4 {width: 100%; height: 900px; position: relative; background: #fff url('../../images/trim/box4.jpg') no-repeat center bottom;}
.trimBox4 .inner {max-width:1340px;height: 100%; position: relative;}
.trimBox4 .text { padding: 120px 0 80px 0;}
.trimBox4 .text .name {font-size: 50px; font-weight: bold; margin-bottom:15px;text-transform:Uppercase;}
.trimBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:1280px) {
	.trimBox4 .inner {max-width:1200px;height: 100%; position: relative;}
	.trimBox4 .text { padding: 120px 0 80px 50px;}
}
@media only screen and (max-width:800px) {
  .trimBox4 { height: 480px; background-size: 1000px;}
  .trimBox4 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .trimBox4 .text .name {font-size: 24px;}
  .trimBox4 .text .slogan {font-size: 18px;}
}

.trimBox6{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:15px}
.trimBox6 .inner {max-width:1340px;}
.trimBox6 .text{margin-bottom:40px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}
.trimBox6 .text .en{font-size:32px;line-height:60px;font-weight: bold;margin-bottom: 15px;}
.trimBox6 .text .name{font-size:50px;font-weight:700;line-height:60px;margin-bottom:20px;text-transform:Uppercase;}
.trimBox6 .text .slogan{font-size:28px;color:#5c5c5c}
.trimBox6 .text .slogan img{max-width:100%;height:auto}
.trimBox6 .image{width:100%;padding-top:50px;padding-right:0;padding-bottom:0;padding-left:65px}
.trimBox6 .image img{width:100%;height:auto}

.trimBox6 .productlist{width: 100%;padding-left:5%;padding-top:60px;padding-left:10%;}
.trimBox6 .productlist ul{width: 100%;}
.trimBox6 .productlist ul li{ float:left;width:10%;margin-right:18%;}
.trimBox6 .productlist ul li:last-child{margin-right:0px;}
.trimBox6 .productlist ul li .propic{ float:left;width:100%;}
.trimBox6 .productlist ul li .propic img{width:100%; height:auto;}
.trimBox6 .productlist ul li .protit{ float:left;width:100%;height:150px;line-height:150px;font-size:22px;color:#5B5B5B;text-align:center; padding-right:15%;}
@media only screen and (max-width:1280px) {
	.trimBox6 .inner {max-width:1200px;}
}
@media only screen and (max-width:800px) {
	.trimBox6 {flex-direction: column; padding: 0 0;}
	.trimBox6 .text {width: 100%;text-align: center;margin-bottom: 20px;padding-left: 0;}
	.trimBox6 .text .en {font-size: 18px; line-height: 28px;}
	.trimBox6 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;}
	.trimBox6 .text .slogan {font-size: 18px;}
	.trimBox6 .image {width: 100%;padding: 30px 0 10px;}
	
	.trimBox6 .productlist{padding-left:3%;}
	.trimBox6 .productlist ul li{ float:left;width:20%;margin-right:5%;}
	.trimBox6 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px;text-align:center;padding-right:0%;}
}


/* 服务于支持 */
.serviceBanner {width: 100%; height: 768px;position: relative; background: url('../../images/service/banner.jpg') no-repeat center bottom;}
.serviceMain {
	text-align: center;
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 200px;
	padding-left: 0;
}
.serviceMain h2 { font-size: 28px; line-height: 38px; margin-bottom: 30px;text-transform:Uppercase;}
.serviceMain h2 img{ padding-left:10px; padding-right:10px;}
.serviceMain h4 { font-size: 18px; font-weight: normal;margin-bottom: 90px;}
.serviceMain ul {
	display: flex;
	justify-content: center;
	padding: 50px 0 70px 0;
}
.serviceMain ul li { width: 300px; background: url('../../images/service/li.png') no-repeat right center;}
.serviceMain ul li .icon {line-height: 0;}
.serviceMain ul li .name {font-size: 18px;}
.serviceMain ul li:last-child {background-image: none;}
.serviceMain .tips {color: #999999;font-size: 26px; border-top: solid 1px #cfcfcf; padding: 50px 0;}
@media only screen and (max-width:800px) {
  .serviceBanner { height: auto; height: 400px; background-size: 1000px;}
  
  .serviceMain {
		text-align: center;
		padding-top: 100px;
		padding-right: 0;
		padding-bottom: 150px;
		padding-left: 0;
	}
	.serviceMain h4 { font-size: 18px; font-weight: normal;margin-bottom: 30px;}
}


/* 联系我们 */
.contactBanner {width: 100%; height: 968px;position: relative; background: url('../images/contact/banner.jpg') no-repeat center bottom;}
.contactMain {
	text-align: center;
	padding-top: 90px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}
.contactMain h2 { font-size: 28px; line-height: 38px; margin-bottom: 30px;text-transform:Uppercase;}
.contactMain h4 { font-size: 18px;font-weight: normal;margin-bottom: 100px;}
.contactMain .nav {display: flex; justify-content: center; padding: 50px 0 70px 0;}
.contactMain .nav li { width: 300px; background: url('../../images/contact/li.png') no-repeat right center; cursor: pointer;}
.contactMain .nav li .icon {line-height: 0;}
.contactMain .nav li .name {font-size: 18px;}
.contactMain .nav li:last-child {background-image: none;}
.contactMain .content {
	border-top: solid 2px #cfcfcf;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
.contactMain .content .text{color: #0C3B81;font-size: 26px;}
.contactMain .content .tel{color:#8F8F8F;font-size: 26px;}
.contactMain .content .text a{color: #0C3B81;}

.contactMain .form { text-align: left;}
.contactMain .form ul {display: flex; flex-wrap: wrap; padding-right: 80px;}
.contactMain .form ul li { width: 50%; display: flex; align-items: center; margin-bottom: 40px;}

.contactMain .form ul li .tit {width: 200px; padding-left: 80px;}
.contactMain .form ul li .con {width: 70%; flex: 1;}
.contactMain .form ul li .con input {width: 100%; height: 38px; line-height: 38px; padding: 10px 20px; border: 0; background-color: #f0f0f0;}
.contactMain .form ul li.full {width: 100%;align-items: flex-start; padding-top: 20px;margin-bottom: 0px;}
.contactMain .form ul li.full:last-child{padding-top:0px;}
.contactMain .form ul li.full .con textarea {width: 100%;padding: 10px 20px; border: 0; background-color: #f0f0f0;}
.contactMain .form ul li.full .con a{
	width: 100%;
	background-color: #FFFFFF;
	text-align:center;
	display:block;
	padding-top:20px;
	padding-bottom: 5px;
}
@media only screen and (max-width:1280px) {
	.contactBanner {width: 100%; height: 968px;position: relative; background: url('../images/contact/banner.jpg') no-repeat -200px bottom;}
}
@media only screen and (max-width:800px) {
  .contactBanner { height: auto; height: 400px; background-size: 1000px;}
  .contactMain h4 { font-size: 18px;font-weight: normal;margin-bottom: 30px;}
  
	.contactMain .form { text-align: left;}
	.contactMain .form ul {display: flex; flex-wrap: wrap; padding-right: 20px;}
	.contactMain .form ul li { width: 100%; display: flex; align-items: center; margin-bottom: 40px;}
	.contactMain .form ul li .tit {width: 30%; padding-left: 20px;}
	.contactMain .form ul li .con {width: 60%; flex: 1;}
	.contactMain .form ul li .con input {width: 100%; height: 38px; line-height: 38px; padding: 10px 20px; border: 0; background-color: #f0f0f0;}
	.contactMain .form ul li.full {width: 100%;align-items: flex-start; padding-top: 20px;}
	.contactMain .form ul li.full .con textarea {width: 100%;padding: 10px 20px; border: 0; background-color: #f0f0f0;}
}




/* 负离子吹风机 */
.fasthairBanner {width: 100%; height: 970px;position: relative; background: url('../../images/fasthair/banner.jpg') no-repeat center bottom;}
.fasthairBanner .text { position: absolute; left: 0%; top: 22%; width: 100%;text-align: center;}
.fasthairBanner .text .en {font-size: 24px; line-height: 80px;}
.fasthairBanner .text .name {font-size: 52px; line-height: 60px; margin-bottom: 30px;font-weight: bold;text-transform:Uppercase;}
.fasthairBanner .text .slogan {font-size: 24px;}
@media only screen and (max-width:800px) {
  .fasthairBanner { height: auto; height: 600px; background-size: 1000px;}
  .fasthairBanner .text { top: 22%;}
  .fasthairBanner .text .en {font-size: 28px; line-height: 26px;}
  .fasthairBanner .text .name {font-size: 46px; line-height: 60px; margin-bottom: 20px;letter-spacing:10px;}
  .fasthairBanner .text .slogan {font-size: 22px;}
}
.fasthairBox1 {width: 100%;height: 900px; position: relative;background-color:#F6F9FE;}
.fasthairBox1 .inner {height: 100%; position: relative;}
.fasthairBox1 .text {
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 120px;
}
.fasthairBox1 .text .name {font-size: 40px; font-weight: bold;text-transform:uppercase;}
.fasthairBox1 .text .slogan {font-size: 28px;color: #5C5C5C; padding-top:30px;}
.fasthairBox1 .image {width: 100%;}
.fasthairBox1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .fasthairBox1 .text {width: 100%;text-align: center;padding:0; margin-bottom: 40px;}
  .fasthairBox1 .text .name {font-size: 24px;text-transform:uppercase;}
  .fasthairBox1 .text .slogan {font-size: 18px;}
}

.fasthairBox2 {
	width: 100%;
	height: 1795px;
	position: relative;
	background-image: url(../images/fasthair/bluewhitebg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.fasthairBox2 .inner {height: 100%; position: relative;}
.fasthairBox2 .text { padding: 140px 0 50px 90px;}
.fasthairBox2 .text .name {font-size: 50px; font-weight: bold;text-transform:uppercase;}
.fasthairBox2 .text .slogan {font-size: 28px;color: #5C5C5C;}
.fasthairBox2 .image {width: 100%; padding-top:100px;}
.fasthairBox2 .image img {max-width: 100%; height: auto;}
.fasthairBox2 .image2 {width: 100%; padding-top:60px; padding-left:15%;}
.fasthairBox2 .image2 img {max-width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .fasthairBox2 { height: 500px; background-size: 1000px;}
  .fasthairBox2 .text {width: 100%;text-align: center;padding:40px 0 0 0; margin-bottom: 40px;}
  .fasthairBox2 .text .name {font-size: 24px;text-transform:uppercase;}
  .fasthairBox2 .text .slogan {font-size: 18px;}
}

.fasthairBox3 {width: 100%; height: 1240px; position: relative;background-image: url(../images/fasthair/bluewhitebg.jpg);background-repeat: repeat-x;background-position: center bottom;}
.fasthairBox3 .inner {height: 100%; position: relative;}
.fasthairBox3 .text { padding: 140px 0 50px 90px;}
.fasthairBox3 .text .name {font-size: 50px; font-weight: bold;margin-bottom:10px;text-transform:uppercase;}
.fasthairBox3 .text .slogan {font-size: 28px;color: #5C5C5C;}
.fasthairBox3 .image {width: 100%; padding-top:100px;padding-left:15%;}
.fasthairBox3 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .fasthairBox3 { height: 500px; background-size: 1000px;}
  .fasthairBox3 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .fasthairBox3 .text .name {font-size: 24px;text-transform:uppercase;}
  .fasthairBox3 .text .slogan {font-size: 18px;}
}

.fasthairBox3-1 {width: 100%; height: 1700px; position: relative;background-color:#FFFFFF;}
.fasthairBox3-1 .inner {height: 100%; position: relative;}
.fasthairBox3-1 .text { padding: 140px 0 50px 90px;}
.fasthairBox3-1 .text .name {font-size: 50px; font-weight: bold;margin-bottom:10px;text-transform:uppercase;}
.fasthairBox3-1 .text .slogan {font-size: 28px;color: #5C5C5C;}
.fasthairBox3-1 .image {width: 100%; padding-top:30px;padding-left:8%;}
.fasthairBox3-1 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .fasthairBox3-1 { height: 500px; background-size: 1000px;}
  .fasthairBox3-1 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .fasthairBox3-1 .text .name {font-size: 24px;text-transform:uppercase;}
  .fasthairBox3-1 .text .slogan {font-size: 18px;}
}

.fasthairBox4 {
	width: 100%;
	height:960px;
	position: relative;
	background-color: #FAFBFE;
	background-image: url(../images/fasthair/box6.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 65% auto;
}
.fasthairBox4 .inner {height: 100%; position: relative;}
.fasthairBox4 .text { padding: 140px 0 0 90px;}
.fasthairBox4 .text .name {font-size: 50px; font-weight: bold; margin-bottom:15px;text-transform:uppercase;}
.fasthairBox4 .text .slogan {font-size: 28px;color: #5C5C5C;}
@media only screen and (max-width:800px) {
  .fasthairBox4 { height: 480px; background-size: 1000px;}
  .fasthairBox4 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .fasthairBox4 .text .name {font-size: 24px;text-transform:uppercase;}
  .fasthairBox4 .text .slogan {font-size: 18px;}
}

.fasthairBox5 {width: 100%; height: 1000px;margin-top:80px;position: relative;background-color:#FFFFFF;}
.fasthairBox5 .inner {height: 100%; position: relative;}
.fasthairBox5 .text { padding: 70px 0 50px 90px;}
.fasthairBox5 .text .name {font-size: 50px; font-weight: bold;text-transform:uppercase;}
.fasthairBox5 .text .slogan {font-size: 28px;color: #5C5C5C;}
.fasthairBox5 .image {width: 100%; padding-top:60px;padding-left:8%;}
.fasthairBox5 .image img {max-width: 100%; height: auto;}
@media only screen and (max-width:800px) {
  .fasthairBox5 { height: 550px; }
  .fasthairBox5 .text {width: 100%;text-align: center;padding:80px 0 0 0; margin-bottom: 40px;}
  .fasthairBox5 .text .name {font-size: 24px;text-transform:uppercase;}
  .fasthairBox5 .text .slogan {font-size: 18px;}
}

.fasthairBox6{padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:15px}
.fasthairBox6 .text{margin-bottom:40px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:65px}
.fasthairBox6 .text .en{font-size:32px;line-height:40px;font-weight:700;margin-bottom:15px;}
.fasthairBox6 .text .name{font-size:50px;font-weight:700;line-height:60px;margin-bottom:20px;text-transform:uppercase;}
.fasthairBox6 .text .slogan{font-size:28px;color:#5c5c5c}
.fasthairBox6 .text .slogan img{max-width:100%;height:auto}
.fasthairBox6 .image{width:100%;padding-top:50px;padding-right:0;padding-bottom:0;padding-left:100px}
.fasthairBox6 .image img{width:100%;height:auto}

.fasthairBox6 .productlist{width: 100%;padding-top:60px; padding-left:6%;}
.fasthairBox6 .productlist ul{width: 100%;}
.fasthairBox6 .productlist ul li{ float:left;width:8%; margin-right:18%;}
.fasthairBox6 .productlist ul li:last-child{margin-right:0px;}
.fasthairBox6 .productlist ul li .propic{ float:left;width:100%;}
.fasthairBox6 .productlist ul li .propic img{width:100%; height:auto;}
.fasthairBox6 .productlist ul li .protit{ float:left;width:100%;height:60px;line-height:60px;font-size:22px;color:#5B5B5B;text-align:center; padding-right:12%;}

@media only screen and (max-width:800px) {
	.fasthairBox6 {flex-direction: column; padding: 0 0;}
	.fasthairBox6 .text {width: 100%;text-align: center;margin-bottom: 20px;padding-left: 0;}
	.fasthairBox6 .text .en {font-size: 18px; line-height: 28px;}
	.fasthairBox6 .text .name {font-size: 24px;line-height: 38px; margin-bottom: 10px;text-transform:uppercase;}
	.fasthairBox6 .text .slogan {font-size: 18px;}
	.fasthairBox6 .image {width: 100%;padding: 30px 0 10px;}
	
	.fasthairBox6 .productlist{padding-left:0%;}
	.fasthairBox6 .productlist ul li .protit{font-size:14px;height:50px;line-height:50px; padding-right:0%;}
}