@charset "UTF-8";
.editor {
  color: #666666;
}

hr {
  color: #cccccc;
  background-color: #cccccc;
  height: 1px;
  border: none;
}

.titleBox {
  margin-bottom: 3%;
}

.titleBox .titleRedBg {
  margin: 0;
}

.titleRedBg {
  max-width: 900px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
  margin-bottom: 5%;
  background: #CC0303;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 850px) {
  .titleRedBg {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 1000px) {
  .pageBtnBox .send {
    margin: 0 auto;
  }
}

.title {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  color: #CC0303;
  font-weight: 700;
}

.contactBox .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f3f3f3;
}

.contactBox .con {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  color: #393939;
  font-weight: 700;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.contactBox .con span {
  font-weight: 400;
}

.pic {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  line-height: 0;
}

@media screen and (max-width: 800px) {
  .contactBox .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*****************************************/
.InsertMolding {
  line-height: 1.8;
}

.InsertMolding .box1 {
  background-position: top left;
  background-repeat: no-repeat;
}

.InsertMolding .box1 .sub {
  width: 100%;
  color: #ffffff;
  padding-top: 5%;
  margin-bottom: 3%;
}

.InsertMolding .box1 .sub span {
  color: #CC0303;
}

.InsertMolding .box1 .bgpic {
  position: relative;
  line-height: 0;
  margin-bottom: -10%;
  z-index: -1;
}

.InsertMolding .box1 .pic {
  width: 50%;
}

.InsertMolding .box1 .contentBox {
  background: #fff;
  margin-bottom: 2%;
  position: relative;
  max-width: 1250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 500px) {
  .box1 .contentBox .sub {
    top: -65px;
  }
}

.InsertMolding .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.InsertMolding .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.InsertMolding .box3 {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.InsertMolding .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.InsertMolding .box3 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.InsertMolding .box3 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .InsertMolding .box3 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.InsertMolding .box4 {
  padding-bottom: 5%;
}

.InsertMolding .box4 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.InsertMolding .box4 ul li + li {
  padding: 1% 0 0;
}

.InsertMolding .box4 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .InsertMolding .box4 .contentBox ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.InsertMolding .box5 {
  padding-top: 5%;
  margin-bottom: 5%;
}

.InsertMolding .box5 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.InsertMolding .box5 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.InsertMolding .box5 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

.InsertMolding .box6 {
  padding-top: 3%;
  padding-bottom: 3%;
  position: relative;
  z-index: 1;
}

.InsertMolding .box6 span {
  text-decoration: underline;
  color: #3db7e4;
}

.InsertMolding .box6 a {
  color: #CC0303;
}

.InsertMolding .box6:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.InsertMolding .box7 {
  line-height: 0;
}

/*****************************************/
.PEEK .box1 {
  margin-bottom: 10px;
}

.PEEK .box2 {
  background: #f3f3f3;
  position: relative;
  z-index: 1;
}

.PEEK .box2:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.PEEK .box2 .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0;
}

.PEEK .box2 .con {
  padding-right: 20px;
  padding-top: 3%;
  padding-bottom: 3%;
  max-width: 500px;
  color: #393939;
  font-weight: 600;
  line-height: 3;
}

@media screen and (max-width: 800px) {
  .PEEK .box2 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 5%;
  }
  .PEEK .box2 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.PEEK .box3 {
  padding-bottom: 5%;
}

.PEEK .box3 .titleRedBg {
  max-width: 1100px;
}

.PEEK .box3 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.PEEK .box4 {
  padding-top: 5%;
}

.PEEK .box4 .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0;
}

.PEEK .box4 .con {
  max-width: 880px;
}

.PEEK .box4 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.PEEK .box4 ul li {
  padding: 1% 0;
}

.PEEK .box4 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

.PEEK .box5 {
  padding-top: 5%;
  margin-bottom: 5%;
}

.PEEK .box5 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.PEEK .box5 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.PEEK .box5 ul li {
  padding: 1% 0;
}

.PEEK .box5 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

@media screen and (max-width: 700px) {
  .PEEK .box5 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .PEEK .box5 .pic {
    margin-bottom: 20px;
  }
}

.PEEK .box6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -10px;
  margin-bottom: 5%;
}

.PEEK .box6 .pic {
  padding: 0 10px;
}

.PEEK .contactBox .contentBox {
  max-height: none;
}

.PEEK .contactBox .contentBox .pic {
  width: 60%;
}

/*****************************************/
.Shot .banner {
  line-height: 0;
}

.Shot .box1 {
  background: #f3f3f3;
  margin-bottom: 5%;
}

.Shot .box1 .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Shot .box1 .contentBox .con {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 540px;
  color: #393939;
  font-weight: 700;
}

.Shot .box1 .contentBox .pic {
  line-height: 0;
}

@media screen and (max-width: 500px) {
  .Shot .box1 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.Shot .box2 {
  margin-bottom: 5%;
}

.Shot .box2 .contentBox {
  margin-bottom: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Shot .box2 .con {
  padding-bottom: 20px;
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  color: #393939;
  font-weight: 400;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.Shot .box2 .pic {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  line-height: 0;
}

@media screen and (max-width: 600px) {
  .Shot .box2 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.Shot .box3 {
  padding-top: 5%;
  margin-bottom: 5%;
}

.Shot .box3 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Shot .box3 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.Shot .box3 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

.Shot .box4 .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #534f4e;
}

.Shot .box4 .con {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  color: #fff;
  font-weight: 500;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.Shot .box4 .con span {
  color: #131313;
  font-weight: 700;
}

.Shot .box4 .con a {
  color: #3db7e4;
  text-decoration: underline;
}

.Shot .box4 .pic {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  line-height: 0;
}

@media screen and (max-width: 800px) {
  .Shot .box4 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*****************************************/
.Micro .box1 {
  margin-bottom: 5%;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.Micro .box1 .contentBox {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.Micro .box1 .con {
  padding-bottom: 0px;
  color: #fff;
}

.Micro .box1 .con span {
  color: #CC0303;
  font-weight: 700;
}

@media screen and (max-width: 600px) {
  .Micro .box1 {
    background-position: 70% 100%;
    background-size: 230%;
  }
  .Micro .box1 .contentBox {
    height: auto;
    padding-bottom: 35%;
  }
  .Micro .box1 .con {
    color: #000;
  }
}

.Micro .box2 {
  margin-bottom: 5%;
}

.Micro .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Micro .box2 span {
  color: #CC0303;
  font-weight: 700;
}

.Micro .box3 .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f3f3f3;
}

.Micro .box3 .con {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
  font-weight: 500;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}

.Micro .box3 .con span {
  color: #131313;
  font-weight: 700;
}

.Micro .box3 .con a {
  color: #3db7e4;
  text-decoration: underline;
}

.Micro .box3 .pic {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  line-height: 0;
}

.Micro .box4 {
  padding-top: 5%;
}

.Micro .box4 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Micro .box4 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.Micro .box4 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

.Micro .box4 .pic {
  line-height: 0;
}

.Micro .box4 span {
  color: #CC0303;
  font-weight: 700;
}

@media screen and (max-width: 800px) {
  .Micro .box3 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*****************************************/
.Gas {
  line-height: 1.8;
}

.Gas .bgpic {
  position: relative;
  line-height: 0;
  margin-bottom: -15%;
  z-index: -1;
}

.Gas .sub {
  width: 100%;
  color: #ffffff;
  padding-top: 5%;
  margin-bottom: 3%;
}

.Gas .sub span {
  color: #CC0303;
}

.Gas .box1 {
  margin-bottom: 5%;
  background-position: top left;
  background-repeat: no-repeat;
}

.Gas .box1 .contentBox {
  position: relative;
  max-width: 1250px;
}

.Gas .box1 .contentBox .pic {
  max-width: 635px;
  background: #fff;
  -webkit-box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
}

.Gas .box1 .contentBox .sub {
  width: 100%;
  color: #ffffff;
  position: absolute;
  top: -40px;
}

.Gas .box1 .contentBox .sub span {
  color: #CC0303;
}

@media screen and (max-width: 850px) {
  .Gas .bgpic {
    margin-bottom: -20%;
  }
  .Gas .box1 .contentBox {
    padding: 0;
  }
}

.Gas .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.Gas .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Gas .box2 .pic {
  text-align: center;
  line-height: 0;
}

.Gas .box3 {
  padding-top: 4%;
  padding-bottom: 4%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.Gas .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Gas .box3 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Gas .box3 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.Gas .box3 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

.Gas .box4 {
  margin-bottom: 5%;
}

.Gas .box4 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Gas .box4 .pic {
  text-align: center;
  line-height: 0;
}

/*****************************************/
.Gear .sub {
  width: 100%;
  color: #000;
  margin-bottom: 2%;
}

.Gear .sub span {
  color: #CC0303;
}

.Gear .box2 {
  padding-top: 5%;
}

.Gear .box3 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.Gear .box3 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Gear .box4 {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.Gear .box4:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Gear .box4 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Gear .box4 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Gear .box4 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.Gear .box5 {
  margin-bottom: 5%;
}

.Gear .box5 .con {
  padding-bottom: 5%;
  border-bottom: #cccccc 1px solid;
}

.Gear .box5 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Gear .box5 ul li + li {
  padding: 1% 0 0;
}

.Gear .box5 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Gear .box5 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.Gear .box6 {
  margin-bottom: 5%;
}

.Gear .box6 .contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Gear .box6 .con {
  -ms-flex-negative: 2;
      flex-shrink: 2;
  padding-bottom: 5%;
}

.Gear .box6 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.Gear .box6 ul li:before {
  content: '●';
  margin: 0 10px 0 0;
}

.Gear .box6 .pic {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  line-height: 0;
  text-align: center;
}

.Gear .box7 {
  line-height: 0;
}

@media screen and (max-width: 800px) {
  .Gear .box6 .contentBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*****************************************/
.Optical .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.Optical .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Optical .box3 {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.Optical .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Optical .box3 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Optical .box3 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Optical .box3 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.Optical .box4 {
  margin-bottom: 5%;
}

.Optical .box4 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Optical .box4 ul li + li {
  padding: 1% 0 0;
}

.Optical .box4 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Optical .box4 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.Optical .box5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5%;
}

.Optical .box5 .pic1 {
  max-width: 710px;
  line-height: 0;
  margin: 0 -30px 0 auto;
  position: relative;
  -webkit-box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
}

.Optical .box5 .pic2 {
  max-width: 832px;
  line-height: 0;
}

/*****************************************/
.Electronic .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.Electronic .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Electronic .box3 {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.Electronic .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Electronic .box3 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Electronic .box3 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Electronic .box3 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 5% 0;
  }
}

.Electronic .box4 {
  margin-bottom: 5%;
}

.Electronic .box4 .con {
  padding-bottom: 5%;
}

.Electronic .box4 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Electronic .box4 ul li + li {
  padding: 1% 0 0;
}

.Electronic .box4 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Electronic .box4 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.Electronic .box5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5%;
}

.Electronic .box5 .pic1 {
  max-width: 710px;
  line-height: 0;
  margin: 0 -30px 0 auto;
  position: relative;
  -webkit-box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
}

.Electronic .box5 .pic2 {
  max-width: 832px;
  line-height: 0;
}

/*****************************************/
.CoolingFan .box1 {
  margin-bottom: 5%;
}

.CoolingFan .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.CoolingFan .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.CoolingFan .box3 {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.CoolingFan .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.CoolingFan .box3 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.CoolingFan .box3 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .CoolingFan .box3 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2% 0;
  }
}

.CoolingFan .box4 {
  margin-bottom: 5%;
}

.CoolingFan .box4 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.CoolingFan .box4 .con {
  padding-bottom: 5%;
}

.CoolingFan .box4 .con span {
  color: #3db7e4;
}

.CoolingFan .box5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5%;
}

.CoolingFan .box5 .pic1 {
  max-width: 710px;
  line-height: 0;
  margin: 0 -30px 0 auto;
  position: relative;
  -webkit-box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
}

.CoolingFan .box5 .pic2 {
  max-width: 832px;
  line-height: 0;
}

/*****************************************/
.Silicone .box2 {
  max-width: 1250px;
}

.Silicone .box3 {
  padding-top: 5%;
  padding-bottom: 5%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.Silicone .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Silicone .box3 span {
  color: #CC0303;
}

@media screen and (max-width: 800px) {
  .Silicone .box3 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 5% 0;
  }
}

.Silicone .box4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5%;
}

.Silicone .box4 .pic {
  max-width: 710px;
  line-height: 0;
  margin: 0 -30px 0 auto;
  position: relative;
  -webkit-box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 30px 30px 25px 1px rgba(0, 0, 0, 0.2);
}

.Silicone .box4 .pic2 {
  max-width: 832px;
  line-height: 0;
}

.Silicone .box5 {
  margin-bottom: 5%;
}

.Silicone .box5 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Silicone .box5 ul {
  color: #3db7e4;
  text-indent: -20px;
  padding: 0 0 0 20px;
}

.Silicone .box5 ul li {
  margin-bottom: 3%;
}

.Silicone .box5 ul li:before {
  content: '●';
  margin: 0 10px 0px 0;
}

/*****************************************/
.Plastic .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.Plastic .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Plastic .box2 .contentBox span {
  color: #CC0303;
}

.Plastic .box3 {
  max-width: 1250px;
}

.Plastic .box4 {
  padding-top: 3%;
  padding-bottom: 3%;
  position: relative;
  z-index: 1;
}

.Plastic .box4:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Plastic .box4 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Plastic .box4 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Plastic .box4 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 5% 0;
  }
}

/*****************************************/
.Solution .box2 {
  max-width: 1250px;
  margin-bottom: 5%;
}

.Solution .box2 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Solution .box2 .contentBox span {
  color: #CC0303;
}

.Solution .box3 {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 5%;
  position: relative;
  z-index: 1;
}

.Solution .box3:before {
  content: '';
  position: absolute;
  background: #f3f3f3;
  top: 0;
  left: 0;
  right: -200%;
  bottom: 0;
  display: block;
  z-index: -1;
}

.Solution .box3 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Solution .box3 ul li {
  padding: 1% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Solution .box3 ul li .label {
  min-width: 200px;
  color: #333333;
  font-weight: 600;
}

@media screen and (max-width: 800px) {
  .Solution .box3 ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 5% 0;
  }
}

.Solution .box4 {
  margin-bottom: 5%;
}

.Solution .box4 .contentBox {
  max-width: 950px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}

.Solution .box4 .title {
  text-decoration: underline;
}

.Solution .box4 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

.Solution .box4 ul li {
  padding: 0 10px;
  line-height: 0;
}

.mainBox .pageTitleBox {
    padding: 3% 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width:100%;
    overflow: hidden;
}
@media (min-width:576px) {
    .mainBox .pageTitleBox {
        max-width: 540px;
    }
}
@media (min-width:768px) {
    .mainBox .pageTitleBox {
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .mainBox .pageTitleBox {
        max-width: 960px;
    }
}
@media (min-width:1200px) {
    .mainBox .pageTitleBox {
        max-width: 1140px;
    }
}
@media (min-width:1400px) {
    .mainBox .pageTitleBox {
        max-width: 1320px;
    }
}