@charset "utf-8";
/* CSS Document */
 .breadcrumb-box1{width: 100%; height: auto; display: block;  margin:130px 0 0px 0; padding: 0 0;}

.wrapper1160 {margin: 0 auto;max-width: 1160px; width: 95%;}	
.wrapper1160:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.wrapper810 {margin: 0 auto;max-width: 810px; width: 95%;}	
.wrapper810:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.powerform-box1{width: 100%; height: auto; display: block;  margin:35px 0 70px 0; padding: 0 0; }
.powerform-box1:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.powerform-box1a{width: 100%; height: auto; float: left; display: block; }
.powerform-box1a aside{width: 36%; height: auto; float: left; display: block; padding-right: 40px;  }
.powerform-box1a aside h3{ width: auto; height: auto; display: block; position: relative; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; color: #000000; line-height: 20px;  text-transform: uppercase;  }
.powerform-box1a aside h2{width: -moz-min-content;    /* Firefox */width: -webkit-min-content; /* Chrome */ width: min-content; height: auto; display: block; position: relative; padding-top: 10px; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 800; color: #000000; line-height: 36px;  text-transform: uppercase; z-index: 2; letter-spacing: 3px; white-space: nowrap;}
.powerform-box1a aside h2:after{ content: ''; position: absolute; right: 0px; top: 8px; background: #f36523; width: 184px; height: 22px; z-index: -1; }
.powerform-box1a article{width: 64%; height: auto; float: left; display: block; }
.powerform-box1a article h2{ width: 100%; height: auto; display: block;  padding-bottom: 30px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #2b2b2b; line-height: 30px;  }
.powerform-box1a article h2 strong{font-weight: 800;}
.powerform-box1a article p{ width: 100%; height: auto; display: block;  padding-bottom: 30px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #2b2b2b; line-height: 24px;  }
.powerform-box1a article p:last-child{padding-bottom: 0px; }
.powerform-box1a article p strong{font-weight: 800;}


.powerform-box2{width: 100%; height: 536px; display: block;  margin:0px 0 0px 0; padding: 0px 0; background: url(../images/powerform-compacted-desktop.jpg) no-repeat center center; background-size: cover; position: relative; }


.powerform-box3{width: 100%; height: auto; display: block;  margin:40px 0 0px 0; padding: 0 0; }
.powerform-box3:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.powerform-box3a{width: 100%; height: auto; float: left; display: block; overflow: hidden;  }
.powerform-box3b{ margin-left: -1px; margin-right: -1px;  }

.powerform-slider li{ height: 100%; border-right: 1px dashed #cecece;}
.powerform-slider li aside{ margin: 0 auto; text-align: center; width: auto; display: table; padding: 0 2%;}
.powerform-slider li aside figure{margin: 0 auto 45px; text-align: center; width: auto; display: table;}
.powerform-slider li aside p{ width: 100%; height: 70px; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 400; color: #2b2a2a; line-height: 22px;   display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}
.powerform-slider li aside p strong{font-weight: 800;}

.banner-dots6{   text-align:center; margin: 0 auto; padding-top: 50px;}
.banner-dots6 li{ display:inline-block; float:none; width:auto;height:auto !important; border:0px solid !important; padding:0 !important}
.banner-dots6 li span{ display:inline-block; width:8px; height:8px; text-indent:-9999px; background: #cccccc; margin:0 2px; font-size:0; color:transparent; cursor: pointer; border-radius: 50%;}
.banner-dots6 li.slick-active span{ display:inline-block; width:8px; height:8px; text-indent:-9999px; background: #f36523; margin:0 2px;}


.powerform-box4{width: 100%; height: auto; display: block;  margin:0px 0 60px 0; padding: 0 0; }
.powerform-box4:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.powerform-box4a{width: 100%; height: auto; display: block; float: left;}
.powerform-box4a ul{width: 100%; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; float: left;}
.powerform-box4a ul li{ width: 100%; height: auto; display: block; float: left; margin-top: 60px; border-top: 1px dashed #b9b9b9;}
.powerform-box4a ul li aside{ width: 33%; height: auto; display: block; float: left;}
.powerform-box4a ul li aside figure{ width: 125px; height: 120px; background: #FFFFFF; margin-top: -60px; display: table;}
.powerform-box4a ul li aside figure i{ vertical-align: middle; text-align: left; display: table-cell;}
.powerform-box4a ul li aside h2{width: 100%; max-width: 220px; height: auto; display: block;  padding-top: 20px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 800; color: #f36523; line-height: 30px; }

.powerform-box4a ul li span{ width: 33%; height: auto; display: block; float: left;}

.powerform-box4a ul li span h2{width: 100%; max-width: 155px; height: auto; display: block;  padding-top: 0px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 800; color: #f36523; line-height: 30px; }

.powerform-box4a ul li article{ width: 67%; height: auto; display: block; float: left; padding: 20px 0; box-sizing: border-box; }

.p-70{padding-top: 70px !important}

.powerform-box4a .titan-list li{ width: auto; display: flex; align-items: center; border: none; margin: 15px 15px 15px 0;}
.powerform-box4a .titan-list li img{margin-right: 15px;}
.powerform-box4a ul li article h2{ width: 100%; height: auto; display: block;  padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #282828; line-height: 30px;  }
.powerform-box4a ul li article h2 strong{font-weight: 800;}
.powerform-box4a ul li article p{ width: 100%; height: auto; display: block;  padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #282828; line-height: 24px;  }
.powerform-box4a ul li article p:last-child{padding-bottom: 0px; }
.powerform-box4a ul li article p strong{font-weight: 800;}

.powerform-box4a ul li small{ width: 67%; height: auto; display: block; float: left; padding:0px 0 20px 0; box-sizing: border-box; }
.powerform-box4a ul li small h2{ width: 100%; height: auto; display: block;  padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 400; color: #282828; line-height: 30px;  }
.powerform-box4a ul li small h2 strong{font-weight: 800;}
.powerform-box4a ul li small p{ width: 100%; height: auto; display: block;  padding-bottom: 20px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; color: #282828; line-height: 24px;  }
.powerform-box4a ul li small p:last-child{padding-bottom: 0px; }
.powerform-box4a ul li small p strong{font-weight: 800;}
.gap100{width: 100%; height: 100px; float: left; display: block; }

.conventional-pic{  height: auto; float: left; display:block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0; font-size: 0; margin-left: -25px; }
.conventional-pic1{ width: auto; height: 100%; float: left; display:inline-block; padding-left: 25px;  padding-right: 25px; border-right: 1px dashed #d3d3d3; position: relative; padding-bottom: 40px;  }
.conventional-pic1:last-child{border-right: 0px dashed #d3d3d3;}
.conventional-pic1 big{ margin: 0 auto; text-align: center; width: auto; max-width: 125px; display: table;}
.conventional-pic1 big img{ width: 100%; display: block;} 
.conventional-pic1 h6{font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 600; color: #282828; line-height: 20px; text-align: center; position: absolute; left: 0; right: 0; bottom: 0;}
.powerform-box5{width: 100%; height: auto; display: block; padding:65px 0 65px 0;  background: #f6f6f6; }
.powerform-box5:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.powerform-box5a{width: 100%;  height: auto; display: table; float: left; overflow: hidden;}
.powerform-box5a h3{width: 100%; height: auto; float: left; display:block; font-family: 'Lato', sans-serif; font-size: 24px; font-weight: 800; color: #262626; line-height: 28px;  padding-bottom: 50px;}
.powerform-box5a ul{margin-left: -20px; margin-right: -20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; line-height: 0; font-size: 0;}	
.powerform-box5a ul li{ display: inline-block; width: 33.333%; padding: 0 20px; margin-bottom: 40px; }	
.powerform-box5a ul li aside{ display:table; width: 100%; height: 100%; padding: 25px 0; border: 1px solid #e8e8e8; background: #fff;}	
.powerform-box5a ul li aside figure{ display: table-cell; vertical-align: middle; text-align: center; width: 40%; }
.powerform-box5a ul li aside figure i{  max-width: 90px; margin: 0 auto; text-align: center; display: block; }	
.powerform-box5a ul li aside figure i img{ width: 100%; display: block;}	
.powerform-box5a ul li aside article{ display: table-cell; vertical-align: middle; text-align: center; width: 60%; }	
.powerform-box5a ul li aside article span{ width: 100%; display: inline-block;   }	
.powerform-box5a ul li aside article span h4{width: 100%; height: auto; float: left; display:block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #414141; line-height: 22px;  padding-bottom: 5px; text-align: left; padding-right: 10px;}	
.powerform-box5a ul li aside article span big{width: auto; height: auto; float: left; display:inline-block; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 700; color: #f16421; line-height: 18px;   text-align: left; padding-right: 50px; position: relative;}		
.powerform-box5a ul li aside article span big:after{ content:''; position: absolute; right:25px; top:5px; width: 11px; height: 10px; background: url(../images/arrow2.png) no-repeat -24px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;}
.powerform-box5a ul li a:hover aside article span big:after{background: url(../images/arrow2.png) no-repeat 0 0; }
.powerform-box5a ul li a:hover aside { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04); border: 1px solid #dddcdc; }




.powerform-box6{width: 100%; height: auto; display: block; padding:100px 0 100px 0;   }
.powerform-box6:after{ content: ''; width: 100%; display: block; clear: both; line-height: 0; font-size: 0px; }
.powerform-box6a{width: 100%;  height: auto; float: left;  display: block; }
.powerform-box6a h3{width: 100%; max-width: 830px; margin: 0 auto; height: auto;  display:block; font-family: 'Lato', sans-serif; font-size: 30px; font-weight: 300; color: #1c1c1c; line-height: 36px;  padding-bottom: 10px; text-align: center;}
.powerform-box6a h3 strong{font-weight: 800;}
.powerform-box6a aside{ width: auto; height: auto; margin: 0 auto; text-align: center; display: table;    }
.powerform-box6a aside h4{ width: auto; height: auto; float: left; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; color: #1c1c1c; line-height: 22px;}
	.powerform-box6a aside a{width: auto; height: auto; float: left; padding-left: 5px; display:inline-block; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 800; color: #f16421; line-height: 22px;   text-align: left; text-decoration: underline; padding-right: 50px; position: relative;}		
.powerform-box6a aside a:after{ content:''; position: absolute; right:25px; top:8px; width: 11px; height: 10px; background: url(../images/arrow2.png) no-repeat -24px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;}
.powerform-box6a aside a:hover:after{background: url(../images/arrow2.png) no-repeat 0 0;  }
.powerform-box6a aside a:hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.04);  }

.clear{ display: block; clear: both; line-height: 0; margin: 0; padding: 0; width: 100%; height: 0;}


@media screen and (max-width: 1366px) {
.powerform-box2{width: 100%; height: 536px; display: block;  margin:0px 0 0px 0; padding: 0px 0; background: url(../images/powerform-compacted-tab.jpg) no-repeat center center; background-size: cover; position: relative; }	
}
@media screen and (max-width: 950px) {
	.powerform-box1a aside { width: 100%;padding-right: 0px;}
	.powerform-box1a article {width: 100%; margin-top: 10px;}
	.powerform-box4a ul li aside {width: 100%;}
	.powerform-box4a ul li aside figure {margin-top: inherit; margin: -60px auto 0;}
	.powerform-box4a ul li aside figure i { vertical-align: middle;text-align: center;}
	.powerform-box4a ul li aside h2 { width: 100%;max-width: 550px; margin: 0 auto; text-align: center;}
	.powerform-box4a ul li article { width: 100%;padding: 20px 0 20px 0; text-align: center;}
	.powerform-box4a ul li span {width: 100%;}
	.powerform-box4a ul li span h2 {max-width: 550px;  margin: 0 auto; text-align: center;}
	.gap100 {height: 50px;}
	.powerform-box4a ul li small {width: 100%; text-align: center;}
	.conventional-pic { float: none; margin-left: inherit; margin: 0 auto;justify-content: center;}
	.powerform-box5a ul li {width: 50%;}
	.powerform-box4a .titan-list{justify-content: center;}
}

@media screen and (max-width: 800px) {
	
}

@media screen and (max-width: 550px) {
	.powerform-box5 {padding: 25px 0 25px 0;}
	.powerform-box5a h3 { font-size: 20px; line-height: 24px;padding-bottom: 20px; text-align: center;}
	.powerform-box5a ul li {width: 100%;     margin-bottom: 20px;}
	.powerform-box6 {padding: 25px 0 25px 0;}
	.conventional-pic1 {padding-left: 10px;padding-right: 10px;}
}