/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 'Noto Sans TC', sans-serif; overflow-x: hidden; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { box-sizing: border-box;}

.content-Box { max-width:1248px; width: 100%; margin:0 auto; text-align:left; position:relative; clear:both;}
.seo_content { margin: 0px auto 45px auto;}

#content { font-size: 18px; line-height:30px; color: #333; letter-spacing: 0rem; font-weight: 400; padding-top: 60px;overflow-x: hidden;}
#content p{ margin-bottom: 30px; margin-top: 0; font-size: 18px;line-height:30px;  font-weight: 400;}
p, td, li, label { font-size: 18px;line-height:30px;  font-weight: 400;}

.photo-fit img { object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;}

.photo {line-height: 0; height: 0; padding-bottom: 40%; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0px;}
.imgCenter {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}

.banner {  min-height: 164px; overflow: hidden; position: relative; padding-bottom: 35px; margin-bottom: 45px;}
.banner-pc { }
.banner-mobile { display: none;}
.banner img  { object-fit: cover; width: 100%; height: 100%; position: absolute;top: 0; left: 0;}
.banner-content { padding: 0 5%; position: relative; z-index: 2; width: 100%; height: 100%; }
.banner-content h1 { width: 100%; margin:0 auto; display: block; color: #fff; font-size: 42px; font-weight: 700; line-height:110%; padding: 0; text-align: left; letter-spacing: 0; }

#path { text-align: left; }
#path ul { margin: 0; padding: 18px 0 25px 0; letter-spacing: 0;}
#path li { display: inline-block; vertical-align: top; font-size: 14px; line-height: 120%; padding-right: 22px; position: relative;}
#path li:after { content:""; display: inline-block; position: absolute; width: 10px; height: 1px; background: #b7b7b7; right: 4px; top:9px;}
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #ffffff; }
#path li a:hover, #path li:last-child a { color: #b7b7b7;}

.title-type-1 { position: relative; padding:28px 0 60px 0; line-height: 100%; font-weight: 700; color: #0461a2; font-size: 44px;  }
.title-type-1:before { position: absolute; content: ""; display: block; left: 0; top: 0; width: 80px; height: 3px; background: #0461a2; }
.title-type-1-w { color: #fff;  }
.title-type-1-w:before { background: #fff; }

.title-type-1.center { text-align: center;}
.title-type-1.center:before { left: calc(50% - 40px); }

.demo-section { padding-left: 5%; padding-right: 5%;}

/*about*/
.about-section-1-content { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 100px;}
.about-section-1-content > div { padding-bottom: 20px;}
.about-section-1-content > div:nth-of-type(1) { width: 54.727%; padding: 0 5% 0 0;}
.about-section-1-content > div:nth-of-type(2) { width: 45.273%;}

.about-section-1-pto { position: relative; padding: 60px 0;display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 110px; }
.about-section-1-pto > div { width: 33.33%; }
.about-section-1-pto:after { position: absolute; content: ""; z-index: -1; width: 50%; height: 100%; top: 0; right: 0; display: block; background: #0461a2;}

.about-section-2-content { padding-bottom: 70px;}
.about-section-2-pto { position: relative; padding: 0 5%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 55px;}
.about-section-2-pto:after { position: absolute; content: ""; height: 490px; width: 100%; z-index: -1; left: 0; top:20%; background: #eaeaea; clip-path: polygon(0% 0%, 100% 220px, 100% 100%, 0% 280px);}
.about-section-2-pto > div { width: 31.5%;}
.about-section-2-pto > div:nth-of-type(2) { padding-top: 5%;}
.about-section-2-pto > div:nth-of-type(3) { padding-top: 10%;}

.about-section-3-pto { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 60px; padding-left: 5%; padding-right: 5%; }
.about-section-3-pto:after { position: absolute; content: ""; z-index: -1; width: 50%; height: calc(100% - 220px); top: 110px; left: 0; display: block; background: #0461a2;}

/*history*/
.timeline {padding: 0px 0 0 0; margin-bottom: 40px; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap;}
.timeline:before {content: "";position: absolute;top: 0px;left: 8px;width: 4px;height: 100%;background: #0461a2;}
.timeline > div { position:relative; padding: 10px 0 35px 55px;}
.timeline > div:nth-child(even) .timeline-date { color: #e5e5e5;}
.timeline > div:before {content: "";position: absolute;left: 1px;top: 40%;width: 18px;height: 18px;background: #fff;border: 3px solid #0461a2;}
.timeline-date {font-family: 'Noto Serif TC', sans-serif; line-height: 110%; font-weight: 700; font-size: 60px;color: #a4c4db;}
.timeline-data { font-size: 19px;}
.timeline-data img { margin-left: 5px; margin-top: 10px;}
.timeline .text_pic_end { display: flex; flex-flow: wrap; align-items: flex-end;}

/*Awarded*/
.Awarded { position: relative; width: 100%; margin-top: 30px; margin-bottom: 50px; padding-bottom: 150px;}
.Awarded::before { content: ''; position: absolute; top:0; left: 50%; bottom: 0; transform: translateX(-50%); width: 4px; background: #0461a2;}
.Awarded > div { display: flex; flex-flow: wrap; margin-top: -30px; position: relative; z-index: 1;}
.Awarded > div::before { content: ''; position: absolute; top: 67px; left: 50%; transform: translate(-50%,0); width: 18px; height: 18px; background: #fff; border: 3px solid #0461a2; z-index: 2;}
.Awarded > div .date { font-family: 'Noto Serif TC', sans-serif; line-height: 110%; font-weight: 700; font-size: 70px; color: #a4c4db; width: 50%; padding: 33px 40px 0 0; text-align: right;}
.Awarded > div .text_img { width: 50%; padding: 0px 0 0 40px;}
.Awarded > div .text_img .box { display: flex; flex-flow: wrap; align-items: center; margin-bottom: 10px;}
.Awarded > div .text_img .box .text { width: calc(100% - 150px); padding: 0 10px 0 0; font-weight: 500;}
.Awarded > div .text_img .box .img { position: relative; width: 150px; height: 0; padding-bottom: 150px; overflow: hidden;}
.Awarded > div:nth-child(2n+2) { flex-flow: row-reverse;}
.Awarded > div:nth-child(2n+2) .date { padding: 33px 0 0 40px; text-align: left;}
.Awarded > div:nth-child(2n+2) .text_img { padding: 0 40px 0 0;}
.Awarded > div:nth-child(2n+2) .text_img .box { flex-flow: row-reverse;}
.Awarded > div:nth-child(2n+2) .text_img .box .text { padding: 0 0 0 10px; text-align: right;}

/*Patent Certification*/
.Patent_Certification { display: flex; flex-flow: wrap; margin-bottom: 50px;}
.Patent_Certification > div { width: 18.3968%; margin: 10px 2.004% 0 0; text-align: center; transition: all 0.4s ease-out 0s;}
.Patent_Certification > div:nth-child(5n+5) { margin: 10px 0 0 0;}
.Patent_Certification > div .pic img { border: 3px solid #e5e5e5; transition: all 0.4s ease-out 0s;}
.Patent_Certification > div .text { margin: 10px 0 0 0; transition: all 0.4s ease-out 0s;}
.Patent_Certification > div:hover { transform: translateY(-15px);}
.Patent_Certification > div:hover .pic img { border: 3px solid #0461a2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
.Patent_Certification > div:hover .text { color: #0461a2;}

/* Recruitment Incentive Program*/
.recruitment{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 50px;}
.recruitment-cards{width: 25%;display: flex;flex-direction: column;align-items: center;padding: 40px 30px;margin-top: 60px;}
.rc-pic{width: 150px;padding: 20px;margin-bottom: 15px;}
.rc-title{font-size: 22px;font-weight: 600;min-height: 52px;margin-bottom: 15px;text-align: center;}
.bg-darkGray{background-color: #ececec;}
.bg-lightGray{background-color: #f3f3f3;}
.job { display: flex; flex-flow: wrap; justify-content: center; margin-bottom: 100px;}
.job a { background: #231815; color: #fff!important; font-weight: 600; padding: 10px 15px; transition: all 0.4s ease-out 0s;}
.job a:hover { background: #0461A2; color: #fff;}

/*One-stop Production Planning and Processing*/
.One-stop{margin-top: 12%;position: relative;}
.One-stop::before{content: "";width: 5px;height: 106%;position: absolute;top: -5%;left: calc(50% - 2px);background: #0461a2;z-index: -2;}
.One-stop ul ul { list-style-type: disc;}
.One-stop ul ol { list-style-type: decimal;}
.One-stop ol ul { list-style-type: disc;}
.One-stop ol ol { list-style-type: decimal;}

.step{display: flex;justify-content: space-between;align-items: center;padding-bottom: 50px;}
.step-pic{width: 60%;padding: 20px 5% 20px 0;}
.step-pic img{margin-bottom: 15px;}
.step-text{width: 40%;}
.step-text > div{background: #0461a2;padding: 15px;color: #fff;font-weight: 500;display: inline-block;margin-bottom: 50px;}
.step-text > p{margin-bottom: 0!important;font-size: 16px!important;}

.One-stop div:nth-child(2n+2){flex-direction: row-reverse;}
.One-stop div:nth-child(2n+2) .step-pic{padding: 20px 0 20px 5%;}
.One-stop-text::after{content: "";width: 2000px;background: #f5f5f5;position: absolute;top: 0;bottom: -80px;left: calc(50% - 1000px);z-index: -1;}
.One-stop-text{padding: 75px 0 30px 0; position: relative;  z-index: 1;}

.process_top { font-size: 24px !important; line-height: 1.66 !important;}
.process { position: relative; display: flex; flex-flow: wrap; align-items: flex-start; margin-top: 40px; padding-bottom: 60px;}
.process > div { position: relative; width: 20%; text-align: center; padding: 0 10px; transition: all 0.4s ease-out 0s;}
.process > div::after { content: ''; position: absolute; top: 74px; left: 0; width: 100%; height: 4px; background: #dedede; z-index: -1;}
.process > div .img { display: flex;  flex-flow: wrap; align-items: center; justify-content: center; background: #0461a2; width: 148px; height: 148px;  margin: auto; border-radius: 75px; margin-bottom: 20px; transition: all 0.4s ease-out 0s;}
.process > div .text { color: #0461a2; font-weight: 700; transition: all 0.4s ease-out 0s;}

.other_services { position: relative; margin: 25px 0 0 0; padding: 80px 0 0 0;}
.other_services .title-type-1 { color: #fff;}
.other_services .title-type-1::before { background: #fff;}
.other_services::before { content: ''; position: absolute; top: 0; bottom: -80px; background: #0461a2; width: 2000px; left: calc(50% - 1000px); z-index: -1;}
.other_services .other { display: flex; flex-flow: wrap; justify-content: space-between; color: #fff; font-weight: 500; max-width: 880px; margin: auto;}
.other_services .other > div { width: 120px; text-align: center;}
.other_services .other > div >div:nth-child(2) { margin-top: 10px; line-height: 1.33;}

/*products*/
.products-list { display: flex; flex-direction: row; flex-wrap: wrap; position: relative;}
.products-list > div { position: relative; padding: 60px 4% 40px 4%;  width: 50%;}
.products-list > div:after { position: absolute; z-index: -1; content: ""; top: 0; left: 0; width: 50%; height: 100%; background: linear-gradient(120deg, #e8e8e8 0%, rgba(255,255,255,0) 40%); display: block;}
.products-list-title { text-align: center; padding-bottom: 35px; font-weight: 700; line-height: 130%; font-size: 26px; color: #0461a2;}
.products-list-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.products-list-content > div:nth-of-type(1) { width: 42%;}
.products-list-content > div:nth-of-type(2) { width: 50%;}
.products-list-pto { padding-bottom: 73%; display: block;}
.products-list-spacing{margin-bottom: 90px;}

.btn02 a { position: relative; line-height: 2; color: #ffffff !important;text-align: left; padding: 10px 75px 10px 25px; font-size: 18px; display: inline-block; background: #0461a2;}
.btn02 a:hover { color: #fff;}
.btn02 a:hover span { right: -15px;}
.btn02 a:hover span:before, .btn02 a:hover span:after { background: #0461a2;}
.btn02 a span { display: inline-block; position: absolute; right: 15%; top:55%; width: 23px;transition: all 0.4s ease-out 0s;}
.btn02 a span:before, .btn02 a span:after { content: ""; position: absolute; background: #fff;transition: all 0.4s ease-out 0s;}
.btn02 a span:before { width: 26px; height: 1px; background: #fff; left: 0; bottom: 0px;}
.btn02 a span:after { width: 1px; height: 10px; transform: rotate(135deg); right: 0; top:-9px;}

.products-list-data { display: flex; flex-flow: wrap; align-items: flex-start; max-width: 280px;margin-bottom: 30px; min-height: 140px;}
.products-list-data > a { width: 25%; max-width: 100px; transition: all 0.4s ease-out 0s; display: block; line-height: 0; font-size: 0;}
.products-list-data > a:hover { transform: scale(0.9);}
.products-list-data > img { width: 25%; max-width: 100px;}

/*products-detail*/
.products-detail-top-bg { padding: 35px 5% 90px 5%; 
background-image: url("../images/p-detail-logo.png"), linear-gradient(0deg, #f9f9f9 0%, #FFFFFF 100%);
  background-position: right bottom, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 40%, auto;}
.products-detail-top { display: flex; flex-flow: wrap; align-items: flex-start;}
.products-detail-top > div:nth-of-type(1) { width: 65%; padding: 0 7% 0 0;}
.products-detail-top > div:nth-of-type(2) { width: 35%;}

	
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

/*
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
*/

    .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center; padding: 0 5px;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%; margin-bottom: 25px;
    }

    .mySwiper {
      height: auto;
      box-sizing: border-box;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

/*
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
*/
.swiper-next, .swiper-prev { width: 26px !important; height: 26px !important; border-radius: 100%; background: #0471bd; position: absolute; z-index: 2; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; top:26%;}
.swiper-next:after, .swiper-prev:after { content: ""; display: block; width: 6px; height: 6px ; border-width: 1px 1px 0 0; border-color: #fff; border-style: solid;}
.swiper-prev:after { transform: rotate(-135deg);}
.swiper-next:after { transform: rotate(45deg);}
.swiper-prev { left: 0;}
.swiper-next { right: 0;}

.social-tool { padding-bottom: 20px;}

.products-detail-title { padding-bottom: 10px; font-weight: 700; color: #0461a2; font-size: 22px;}
.products-detail-data { padding-bottom: 25px;}

.btn-download a { width: 180px; line-height: 50px; border-radius: 25px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin-bottom: 30px; background: #2f353b;}
.btn-download img { width: 30px; margin-right: 10px;}
.btn-download font { font-size: 16px; color: #fff;}

.btn-box { display: flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-top: 10px; border-top:1px solid #000000;}
.btn-box > a { display: inline-block; width: calc(50% - 2px); line-height: 45px; text-align: center; color: #333; font-size: 16px;border: 1px solid #333333; margin-bottom: 4px;}
.btn-inquiry { background: #0461a2; color: #fff !important;border: 1px solid #0461a2 !important;}

.p-detail-txt { color: #333333; font-size:13px; text-align: left; line-height: 130%; padding-top: 5px;}

.products-detail-bottom { padding: 50px 5%;}

.btn-back { text-align: center; padding-bottom: 40px; padding-top: 10px;}
.btn-back > a, .btn-back > button { display: inline-block; width: 185px; line-height: 45px; text-align: center; color: #333333; font-size: 16px; box-shadow: 0px 0px 0px 1px #333333;}

/*table*/
		.table {width: 100%;max-width: 100%;margin-bottom: 20px;}
		.table_specs{border-top:0px #41c4dc solid; font-size: 17px;}
		.table_specs tbody tr td, .table_specs tbody tr th{border-top:1px #fff solid; padding:0.55em 1em;}
		.table_specs tbody tr th{background:#0461a2; color: #fff; text-align:center; border-right:1px #fff solid; white-space:nowrap;}
		.table_specs tbody tr td{text-align:left;}
		.table_specs tbody tr:nth-child(odd) td{background:#f6f6f6; }
	
.products-detail-content-2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.products-detail-content-2 > div { width: 48%; margin: 0 0 20px 0;}
.products-detail-content-2-title { color: #0461a2; font-weight: 500; font-size: 20px; padding-bottom: 5px;}

/*Application*/
.application-section { position: relative; margin-bottom: 40px; display: flex; flex-direction: row; flex-wrap:wrap; justify-content: space-between;}
.demo-bg-type:before, .demo-bg-type:after { position: absolute; content: ""; height: 736px; width: 117px; }
.demo-bg-type:before { background: url("../images/app-left-bg.png") no-repeat top left; top: 0; left: -117px;}
.demo-bg-type:after { background: url("../images/app-right-bg.png") no-repeat top left; bottom: 0; right: -117px;}
.application-section > div { width: calc(50% - 5px); margin-bottom: 10px; position: relative; overflow: hidden;}

.application-section > div img { object-fit: cover; width: 100%; height: 100%;transition: all 2.5s ease-out 0s; }
.application-section > div:hover img { transform: scale(1.1);}

.idx-applicaion-list-btn { position: absolute; width: 100%; height: 100%; top:0; left: 0;  z-index: 2;  display:block;}
.idx-applicaion-list-btn:hover .idx-applicaion-over { bottom: 0; height: 100%;}
.idx-applicaion-list-btn:hover .idx-applicaion-over > div:nth-of-type(2) { opacity: 1; transform: scale(1);}

.idx-applicaion-over { position: absolute; z-index: 2; background: rgba(0,0,0,.7); left: 0; bottom: -95px; width: 100%; height: 150px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;transition: all 0.6s ease-out 0s; padding: 0px 0; }
.idx-applicaion-over > div:nth-of-type(1) { color: #fff; font-size: 22px; font-weight: 700; padding-bottom: 30px;
 display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.idx-applicaion-over > div:nth-of-type(2) { width: 62px; height: 62px; border: 2px solid #fff; border-radius: 100%; text-align: center; line-height: 52px;transition: all 1s ease-out 0s; opacity: 0; transform: scale(0);}
.idx-applicaion-over > div:nth-of-type(2) span { display: inline-block; width: 12px; height: 12px; background: #fff;clip-path: polygon(0% 0%, 100% 50%, 0% 100%); position: relative; left: 2px;}

.application-section_new > div { border: 3px solid #0461a2; border-radius: 20px 20px 0 0; overflow: hidden; margin-bottom: 4.8%;}
.application-section_new > div > h2 { background-color: #0461a2; color: #fff; text-align: center; margin: 0; padding: 0px 10px 10px 10px; font-weight: 600;}
.application-section_new > div > .application_bottom { display: flex; flex-flow: wrap;}
.application-section_new > div > .application_bottom .pic { width: 50%; text-align: center; padding: 10px;}
.application-section_new > div > .application_bottom .pic > div { position: relative; height: 0; padding-bottom: 51.69628%; overflow: hidden;}
.application-section_new > div > .application_bottom .sort {  width: 50%; padding: 10px 10px 10px 0;}
.application-section_new > div > .application_bottom .sort > div { display: flex;  flex-flow:wrap; width: 100%; }
.application-section_new > div > .application_bottom .sort > div > a { width: 49.5%; margin: 0 1% 10px 0; text-align: center; background: #F4F2F3; padding: 6px 10px; line-height: 1.3; font-size: 20px; display: flex; flex-flow: wrap;  align-items: center;  justify-content: center;}
.application-section_new > div > .application_bottom .sort > div > a:nth-child(2n+2) { margin: 0 0 10px 0;}
.application-section_new > div > .application_bottom .sort > div > a:hover { background: #0461A2;  color: #fff;}

/*coater*/
.coater-spec { width: 100%; border-collapse: inherit; border-spacing: 0;}
.coater-spec th { background: #0461a2; padding: 12px 10px; color: #fff; font-weight: 700; font-size: 20px; line-height: 110%; text-transform: uppercase; text-align: center;}
.coater-spec th:first-child { border-top-left-radius: 20px;}
.coater-spec th:last-child { border-top-right-radius: 20px;}
.coater-spec td { background: #fff; padding: 8px 10px; color: #333; font-weight: 400; font-size: 18px; line-height: 30px; border-bottom: 1px solid #0461a2; vertical-align: middle; text-align: center;}
.coater-spec td b { font-size: 20px; font-weight: 700;}
.align-left { text-align:left;}
.list-type-1 { margin: 0; padding: 0; list-style: none;}
.list-type-1 li { position: relative; padding-left: 20px; text-align: left;}
.list-type-1 li:before { position: absolute; content: ""; width: 6px; height: 6px; background: #0461a2; left: 4px; top:13px; border-radius: 100%;}

/*process*/
.process-section-1 { padding-bottom: 40px;}
.process-section-1 p { padding-bottom: 30px; margin-bottom: 10px !important;}
.process-section-title { padding-bottom: 28px; line-height: 140%; text-align: center; font-size: 18px;}
.process-section-title b { font-weight: 700; display: block; color: #0461a2; font-size: 26px; padding: 12px 0 0 0; line-height: 130%;}

.process-section-1-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.process-section-1-content > div { width: 30%; padding-bottom: 20px;}
.process-section-1-content-top { border-bottom: 1px solid #a0a0a0; margin-bottom: 20px; text-align: center;}
.process-section-1-content-top-pto { line-height: 0; margin-bottom: 10px;}
.process-section-1-content-top-title { min-height: 60px; margin-bottom: 15px; text-align: center; font-size:22px; line-height: 120%; font-weight: 700;}

.process-section-2 { padding: 80px 0; position: relative;}
.process-section-2:after { content: ""; position: absolute; z-index: -1;top: 0; left: -200%; background: #f4f3f3; height: 100%; width: 500%;}

.process-section-2-spec { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding-bottom: 40px; padding-top: 30px;}
.process-section-2-spec > div { width: 260px; height: 260px; border-radius: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; border: 10px solid rgba(0,0142,241,.43); background: #0461a2; color: #fff; margin-bottom: 20px;}
.process-section-2-spec > div > div:nth-of-type(1) { font-size: 22px; font-weight: 300; line-height: 110%; padding-bottom: 15px;}
.process-section-2-spec > div > div:nth-of-type(2) { font-size: 50px; font-weight: 900; line-height: 110%;}

.process-section-2-feature { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 40px;}
.process-section-2-feature > div { width: 33.33%; padding: 20px 28px; margin-bottom: 20px; border-width: 0;}
.process-section-2-feature > div:last-child { border-right: 0px solid #a0a0a0;}
.title02 { color: #0461a2; font-size: 26px; padding-bottom: 18px; font-weight: 700;}

.process-section-2-sample { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 30px; }
.process-section-2-sample > div:nth-of-type(1) { width: 33%; padding-left: 70px; padding-right: 20px;}
.process-section-2-sample > div:nth-of-type(2) { width: 67%;}

.process-section-2-sample-2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.process-section-2-sample-2 > div { width: 32%;}
.process-section-2-sample-2-pto { line-height: 0; margin-bottom: 5px;}

.process-section-2-bottom {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.process-section-2-bottom > div:nth-of-type(1) { width: 67%; padding-right: 45px;}
.process-section-2-bottom > div:nth-of-type(2) { width: 33%;}

.process-section-3 { padding: 80px 0; position: relative;}

.process-gallery-top { max-width: 800px; margin: 0 auto 30px auto;}
.process-gallery-title { font-size: 26px; font-weight: 700; padding-top: 15px; padding-bottom: 10px;text-align: left;}
.process-gallery-data { text-align: left;}

.process-section-3-bottom { padding: 30px 0 0px 0;}

.content-Box .rotary_menu ul { justify-content: center;}
.content-Box .rotary_menu a { border-radius: 10px; line-height: 2.3; padding: 0px 10px; background: #26b7d4; color: #fff;}
.rotary_menu .leftMenuMobile::before { color: #26b7d4 !important;}

/*news*/
.news-list { display: flex; flex-direction: row; flex-wrap: wrap; /*justify-content: space-between;*/}
.news-list > a { display: block; margin-bottom: 65px; width: 32%;margin-right: 2%;}
.news-list > a:nth-child(3n+3) { margin-right: 0;}

.news-box { position: relative; background: #f0f0f0; padding: 20px; display: block;  transition: all 0.4s ease-out 0s;}
.news-box:hover { background: #0461a2;}
.news-box:hover .news-date, .news-box:hover .news-title { color: #fff;}
.news-box:hover .news-pto img { transform: scale(1.05);}
.news-tag { position: absolute; top:-20px; left: 20px; background: #0461a2; line-height: 40px; padding: 0 15px; color: #fff; font-size: 15px;}
.news-pto { padding-bottom: 66.7%; margin-bottom: 20px;}
.news-pto img { transition: all 1s ease-out 0s; }
.news-date { font-size: 13px; line-height: 100%; padding-bottom: 12px; transition: all 0.4s ease-out 0s; text-align: left;}
.news-title { font-size: 20px; line-height: 150%; font-weight: 700; color: #0461a2; transition: all 0.4s ease-out 0s; text-align: left;
 display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

#page { text-align: center; padding:0 0 60px 0;}
#page a { font-size: 16px; color: #000; font-weight: 400; width: 30px; height: 30px; line-height: 28px; text-align: center; border-radius: 100%; display: inline-block;}
#page a:hover, #page a.current { background: #005299; color: #fff;}
.page-prev, .page-next { width: 12px !important; height: 12px !important; line-height: inherit !important; border-radius: 0 !important; border-top:1px solid #000; border-right: 1px solid #000; margin: 0 20px;}
.page-prev:hover, .page-next:hover { background: none !important;}
.page-prev { transform: rotate(-135deg);}
.page-next { transform: rotate(45deg);}

/*news-detail*/
.idx-news-date { font-size: 15px; text-align: center; padding-bottom:4px; color: #333333;}
.news-detail-section {position: relative; }
.news-detail-title {text-align: center;font-size: 26px; color: #0461a2;  font-weight: 700; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dcdbdb;}
.news-detail-info {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 35px 0;}
.news-detail-info > div {width: 46%;}
.news-detail-info > div:nth-of-type(2) {max-width: 460px;}

.news-detail-btn-section { border-width: 1px 0; border-style: solid; border-color: #C9C9C9; padding: 10px 0; margin: 35px 0;}
.news-detail-btn { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; position: relative;}
.news-detail-btn:before { content: ""; position: absolute; top: 0; right: 50%; width: 1px; height: 100%; background: #C9C9C9;}
.news-detail-btn > a { padding: 10px 40px; position: relative;font-size: 20px; color: #0461a2; display: inline-block; font-weight: 700; width: 50%;}
.news-detail-btn > a span { display: block; color: #222; font-weight: 500; padding-bottom: 3px;}
/*.news-detail-btn > a div { 
 display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}*/
.news-detail-btn > a:nth-of-type(1) { text-align: left; }
.news-detail-btn > a:nth-of-type(2) { text-align: right; }
.news-detail-btn > a:nth-of-type(1):before { content: ""; position: absolute; display: block; width: 14px; height: 14px; border-width: 3px 0 0 3px; border-style: solid; border-color: #C9C9C9; transform: rotate(-45deg); left: 0; top:calc(50% - 7px);}
.news-detail-btn > a:nth-of-type(2):before { content: ""; position: absolute; display: block; width: 14px; height: 14px; border-width: 3px 3px 0 0; border-style: solid; border-color: #C9C9C9; transform: rotate(45deg); right: 0; top:calc(50% - 7px);}

.title-type-csr { position: relative; padding:28px 0 25px 0; line-height: 100%; font-weight: 700; color: #0461a2; font-size: 44px;  }
.title-type-csr:before { position: absolute; content: ""; display: block; left: 0; top: 0; width: 80px; height: 3px; background: #0461a2; }
.csr-title{font-size: 34px;text-align: center;font-weight: bold;margin-bottom: 35px;line-height: 1.4;}
.op-content{margin-bottom: 60px;}
.op-content .op-item{position: relative;}
.op-content .op-item::before{position: absolute;content: ""; width: 3px;height: 100%;top: 0;left: 50%;background: #0461a2;}
.op-content .op-item .op{width: 100%;position: relative;margin-bottom: 35px;}
.op-content .op-item .op > div{width: 58.974%;padding: 35px 3.206%;position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.op-content .op-item .op:nth-child(1) > div{background: #5786b4;}
.op-content .op-item .op:nth-child(2) > div{background: #0471bd;}
.op-content .op-item .op:nth-child(3) > div{background: #2b5e8f;}
.op-content .op-item .op:nth-child(4) > div{background: #0f2579;}
.op-content .op-item .op > div::before{position: absolute;content: "";border: 2px solid #fff;width: calc(100% - 30px);height: calc(100% - 30px);top: 15px;left: 15px;}
.op-content .op-item .op .op-text{width: 78.046%;color: #fff;padding:0 24px 0 0;}
.op-content .op-item .op .op-text > div:nth-child(1){font-size: 24px;margin-bottom: 24px;font-weight: 500;}
.op-content .op-item .op .op-img{width: 21.954%;}

.op-content .op-item .op:nth-child(2n+2) > div{margin: 0 0 0 auto;}
.op-content .op-item .op:nth-child(2n+2) .op-text{order: 2;padding:0 0 0 24px;}
.op-content .op-item .op:nth-child(2n+2) .op-img{order: 1;}

.cap-content{margin-bottom: 60px;}
.cap-content .cap-title{margin-bottom: 35px;text-align: center;}
.cap-content .cap-item{display: flex;flex-wrap: wrap;}
.cap-content .cap-item .cap{display: flex;flex-wrap: wrap;align-items: center;background: #f4f4f4;margin-bottom: 35px;}
.cap-content .cap-item .cap:nth-child(2n+2) .cap-img{order: 2;}
.cap-content .cap-item .cap:nth-child(2n+2) .cap-text{order: 1;}
.cap-content .cap-item .cap .cap-img{width: 43.19%;}
.cap-content .cap-item .cap .cap-text{width: 56.81%;padding: 28px 32px;}
.cap-content .cap-item .cap .cap-text > div:nth-child(1){font-size: 24px;color: #0461a2;font-weight: 500;margin-bottom: 24px;}

.co-contet{margin-bottom: 60px;}
.co-contet .co-item{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 5px;}
.co-contet > div.co-item:nth-child(2){margin-top: 10px;}
.co-contet .co-item .co-text {text-align: center;}
.co-contet .co-item .co-text > div{font-size: 34px;font-weight: 500;margin: 20px 0;line-height: 1.4;}
@media only screen and (max-width: 1365px) {
	#content { font-size: 16px; line-height: 26px;}
	#content p{ font-size: 16px;line-height:26px;}
	p, td, li, label { font-size: 16px;line-height:26px;}
	
	
	.title-type-csr { font-size: 30px; padding: 20px 0 20px 0;}
	.title-type-csr:before { width: 60px;}
	.title-type-1 { font-size: 30px; padding: 20px 0 20px 0;}
	.title-type-1:before { width: 60px; }
	
	.csr-title{font-size: 28px;}
	.co-contet .co-item .co-text > div{font-size: 28px;}
}


@media only screen and (max-width: 1279px) {
	.seo_content { margin: 0px auto 25px auto; padding: 0 5%;}
	
	.banner { min-height: 130px; margin-bottom: 25px;}
	.banner-pc { display: none}
	.banner-mobile { display: block;}
	.banner-content h1 { font-size:35px;}
	
	#path ul { padding-bottom: 15px;}
	
	.products-list > div { width: 100%; padding: 40px 4% 20px 4%;}
	
	.products-list-spacing{margin-bottom: 60px;}
	
	.idx-applicaion-over > div:nth-of-type(1) { font-size: 18px;}
	.application-section_new > div > .application_bottom .pic { width: 100%;}
	.application-section_new > div > .application_bottom .pic > div { height: auto; padding-bottom: 0;}
	.application-section_new > div > .application_bottom .pic > div > .imgCenter { position: relative;}
	.application-section_new > div > .application_bottom .sort { width: 100%; padding: 10px 10px 0 10px; }
	.application-section_new > div > .application_bottom .sort > div { justify-content: center;}
	.application-section_new > div > .application_bottom .sort > div > a { padding:10px;}
	
	.process_top { font-size: 20px !important;}
	.process > div::after { top: 65px;}
	.process > div .img { width: 130px; height: 130px; margin-bottom: 20px;}
	.process > div .img img { width: 80px;}
	.process > div .text { max-width: 175px; font-size: 20px; margin: auto;}
	
	.content-Box .rotary_menu ul { justify-content: flex-start;}
}

@media only screen and (max-width: 1200px) {
	.cap-content .cap-item .cap{background: none;}
	.cap-content .cap-item .cap .cap-text{background: #f4f4f4;width: 54.81%;margin-left: 2%;}
	.cap-content .cap-item .cap:nth-child(2n+2) .cap-text{margin-left: 0;margin-right: 2%;}
}
	
@media only screen and (max-width: 980px) {
	.about-section-1-content > div:nth-of-type(1) { width: 100%; padding: 0;}
	.about-section-1-content > div:nth-of-type(2) { width: 100%;}
	
	.about-section-1-content { padding-bottom: 30px;}
	.about-section-1-pto { margin-bottom: 40px; padding: 40px 0;}
	.about-section-1-pto:after { width: 75%;}
	.about-section-1-pto > div { width: 100%; }
	.about-section-1-pto > div img { width: 100%; }
	
	.about-section-2-pto:after { transform: scaleY(0.5); top:-30%;}
	/*.about-section-2-pto > div:nth-of-type(2) { padding-top: 0%;}
	.about-section-2-pto > div:nth-of-type(3) { padding-top: 0%;}*/
	
	.timeline-date { font-size: 50px;}
	.timeline-data { font-size: 17px;}
	.timeline > div { position:relative; padding: 10px 0 10px 35px;}
	
	.Patent_Certification > div { width: 23.497%;}
	.Patent_Certification > div:nth-child(5n+5) { margin: 10px 2.004% 0 0;}
	.Patent_Certification > div:nth-child(4n+4) { margin: 10px 0 0 0;}
	
	.products-detail-top-bg { padding-bottom: 60px;}
	.products-detail-top { display: block;}
	.products-detail-top > div:nth-of-type(1) { width: 100%; padding: 0 0 30px 0;}
	.products-detail-top > div:nth-of-type(2) { width: 100%;}
	
	.products-detail-bottom { padding: 30px 5%;}
	.products-detail-content-2-title { font-size: 18px;}
	
 	.application-section > div { width: 100%;}
	
	.process-section-title b { font-size: 22px;}
	.process-section-1-content > div { width: 100%;}
	.process-section-1-content-top-title { min-height: inherit;}
	
	.process-section-2-feature > div { width: 100%; padding: 20px 0px;  border-bottom: 1px solid #a0a0a0; border-right: 0px solid #a0a0a0; margin-bottom: 0;}
	
	.process-section-2-sample > div:nth-of-type(1) { display:none;}
	.process-section-2-sample > div:nth-of-type(2) { width: 100%;}
	
	.process-section-2-bottom > div:nth-of-type(1) { width: 100%; padding-right: 0px;}
	.process-section-2-bottom > div:nth-of-type(2) { width: 100%; text-align: center;}
	
	.title02, .process-gallery-title { font-size: 22px;}
	
	.news-detail-title { font-size: 22px; letter-spacing: 0.2rem; padding-bottom: 30px; margin-bottom: 30px; }
	
	.news-detail-btn { flex-direction: column;}
	.news-detail-btn > a { width: 100%;}
	.news-detail-btn > a:nth-of-type(1) { border-bottom: 1px solid #C9C9C9; padding-bottom: 20px; margin-bottom: 10px;}
	.news-detail-btn:before { display: none;}
    
    .recruitment > .recruitment-cards:nth-child(even) {background-color: #ececec;}
    .recruitment > .recruitment-cards:nth-child(odd) {background-color: #f3f3f3;}
    .recruitment-cards{width: 50%;margin-top: 40px;}
	
	.op-content .op-item .op > div{width: 100%;}
	.op-content .op-item .op .op-img{width: 17.445%;}
	.op-content .op-item .op .op-text{width: 82.555%;}
	.op-content .op-item .op > div{padding: 35px 4.206%;}
	.op-content .op-item::before{left: auto;right: 12%;}
	.op-content .op-item .op:nth-child(2n+2) .op-text{order: 1;padding: 0 24px 0 0;}
	.op-content .op-item .op:nth-child(2n+2) .op-img{order: 2;}
	
	.cap-content .cap-item .cap{width: 48.5%;display: block;background: #f4f4f4;margin-right: 3%;margin-bottom: 20px;}
	.cap-content .cap-item .cap:nth-child(2n+2){margin-right: 0;}
	.cap-content .cap-item .cap .cap-text{width: 100%;margin: 0!important;}
	.cap-content .cap-item .cap .cap-img{width: 100%;text-align: center;}
	.cap-content .cap-item .cap:nth-child(2n+2) .cap-img{order: 1;}
	.cap-content .cap-item .cap:nth-child(2n+2) .cap-text{order: 2;}
	
	.process { padding-bottom: 30px;}
	.process > div { width: 33.33%; margin-bottom: 40px;}
	.process > div .text { max-width: 100%;}
	
	.news-list > a{ width: 48%; margin-right: 4%;}
	.news-list > a:nth-child(2n+2) { margin-right: 0;}
	.news-list > a:nth-child(3n+3) { margin-right: auto;}
	
}
@media only screen and (max-width: 768px) {
	.banner-content h1 { font-size: 28px;}
	
	.about-section-3-pto:after { height: 75%; top:10%; width: 75%;}
	
	.Awarded { padding-bottom: 50px;}
	.Awarded::before { top:0; left: 0; bottom: 0; transform: translateX(0);}
	.Awarded > div::before { position: absolute; top: 67px; left: -7px; transform: translate(0);}
	.Awarded > div:nth-child(2n+2) { flex-flow: wrap;}
	.Awarded > div:nth-child(2n+2) .date { padding: 33px 0 0 0; text-align: left;}
	.Awarded > div:nth-child(2n+2) .text_img { padding: 0; margin-top: 10px;}
	.Awarded > div:nth-child(2n+2) .text_img .box { flex-flow: row;}
	.Awarded > div:nth-child(2n+2) .text_img .box .text { padding: 10px 0 0 20px; text-align: left;}
	.Awarded > div .date { width: 100%; margin: 0 0 0 20px; text-align: left;}
	.Awarded > div .text_img { width: 100%; padding: 0; margin-top: 10px;}
	.Awarded > div .text_img .box { flex-flow: row; margin-bottom: 30px; align-items: center;}
	.Awarded > div .text_img .box .text { padding: 0 0 0 20px; width: calc(100% - 250px);}
	.Awarded > div .text_img .box .img { margin-left: 20px; width: 230px; padding-bottom: 230px;}
	
	.Patent_Certification > div { width: 31.997%;}
	.Patent_Certification > div:nth-child(5n+5) { margin: 10px 2.004% 0 0;}
	.Patent_Certification > div:nth-child(4n+4) { margin: 10px 2.004% 0 0;}
	.Patent_Certification > div:nth-child(3n+3) { margin: 10px 0 0 0;}
	
	.products-detail-top-bg { background-size: 100%, auto;}
	
	.products-detail-content-2 > div { width: 100%;}
	.products-detail-content-2 > div:last-child { margin: 0;}
	
	.news-title { font-size: 18px;}
	
	.news-list > a { width: calc(100% - 0px);}
	
	.news-detail-section { top: 0; margin-bottom: 20px;}
	
	.news-detail-info { flex-direction: column;}
	.news-detail-info > div {width: 100%;}
	.news-detail-info > div:nth-of-type(1) { padding-bottom: 30px;}
    
 
    .One-stop::before{opacity: 0;}

    .step{flex-direction: column;padding-bottom: 20px;}
    .step-pic{width: 100%;padding: 0;margin-bottom: 20px;order: 2;}
    .step-pic img{margin-bottom: 15px;}
    .step-text{width: auto;text-align: center;order: 1;margin-bottom: 20px;}
    .step-text > div{background: #0461a2;padding: 15px;color: #fff;font-weight: 500;display: inline-block;margin-bottom: 20px;}
    .step-text > p{text-align: left;}
	.step-text ul { text-align: left;}
	.step-text ol { text-align: left;}
    .One-stop div:nth-child(2n+2){flex-direction: column;}
    .One-stop div:nth-child(2n+2) .step-pic{padding: 0;}
    
	.op-content .op-item .op .op-img{width: 22.114%;}
	.op-content .op-item .op .op-text{width: 77.886%;}
	.op-content .op-item::before{right: 14%;}
	
	.cap-content .cap-item .cap{width: 100%;max-width: 600px; margin: 0 auto 20px auto!important;}
	
	.process { padding-bottom: 0; margin-top: 70px;}
	.process > div { width: 50%;}
	.other_services .other { max-width: 600px;}
	.other_services .other > div { width: 50%; margin: 50px 0 0 0; padding: 0 15px;}
}
@media only screen and (max-width: 640px) {
	.products-list-data > a { width: 33.33%;}
	.products-list-data > img { width: 33.33%;}
}
@media only screen and (max-width: 570px) {
	.banner-content h1 { font-size: 22px; }
	
	.about-section-2-pto:after { top:-70%;}
	
	.Awarded > div:nth-child(2n+2) .text_img .box { flex-flow:column-reverse;}
	.Awarded > div .text_img .box .text { width: 100%; padding: 10px 0 0 20px;}
	.Awarded > div .text_img .box { flex-flow: column-reverse; align-items: flex-start;}
	.Awarded > div .text_img .box .img { margin-left: 20px; width: 180px; padding-bottom: 180px;}
	.Awarded > div .text_img .box .none_570 { display: none;}
	
	.Patent_Certification > div { width: 48%; margin: 0 4% 0 0;}
	.Patent_Certification > div:nth-child(5n+5) { margin: 0 4% 0 0;}
	.Patent_Certification > div:nth-child(4n+4) { margin: 0 4% 0 0;}
	.Patent_Certification > div:nth-child(3n+3) { margin: 0 4% 0 0;}
	.Patent_Certification > div:nth-child(2n+2) { margin: 0;}
	
	.products-list-content > div:nth-of-type(1) { width: 100%; order: 2; margin-top: 20px;}
	.products-list-content > div:nth-of-type(2) { width: 100%; order: 1;}
	.products-list-pto { padding-bottom: 75%;}
	.products-list-title { padding-bottom: 10px; font-size: 22px; }
	.products-list > div:after { width: 100%;}
	
	.process-section-2-spec > div { width: 220px; height: 220px; }
	.process-section-2-spec > div > div:nth-of-type(1) { font-size: 18px; }
	.process-section-2-spec > div > div:nth-of-type(2) { font-size: 30px; }
    
    .recruitment{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 100px}
    .recruitment-cards{width: 100%;margin-top: 30px;}
    .rc-pic{width: 150px;padding: 10px;margin-bottom: 15px;}
    .rc-title{font-size: 24px;}
	
	.op-content .op-item .op > div{padding: 35px 6.206%;}
	.op-content .op-item .op .op-img{width: 31.157%;}
	.op-content .op-item .op .op-text{width: 68.843%;padding: 0 18px 0 0;}
	.op-content .op-item::before{right: calc(20% - 3px);}
	
	.application-section_new > div > h2 { font-size: 1.5rem;}
	.application-section_new > div > .application_bottom .sort > div > a { width: 100%;  margin: 0 0% 10px 0; font-size: 17px;}
	
	.products-list-data { max-width: 100%; min-height:auto;}
	.products-list-data > a { width: 20%;}
	.products-list-data > img { width: 20%;}
	
	.process::before { content: ''; position: absolute; top: -3%; bottom: 0; width: 4px; left: 50%; transform: translateX(-50%); background: #dedede; z-index: -1;}
	.process > div { width: 100%; background: #fff; margin: 0 0 40px 0; padding: 20px 0 20px 0;}
	.process > div::after { display: none;}
	.process > div .img { margin-bottom: 10px;}
	
	.news-list > a{ width: 100%;margin-right: 0;}
	.news-list > a:nth-child(3n+3) { margin-right: 0;}
}

@media only screen and (max-width: 430px) {
	.op-content .op-item .op > div{padding: 35px 25px;}
	.op-content .op-item .op .op-img{width: 100%;text-align: center;}
	.op-content .op-item .op .op-text{width: 100%;padding: 0!important;text-align: center;margin-bottom: 15px;}
	.op-content .op-item::before{right: calc(50% - 2px);}
	
	.cap-content .cap-item .cap .cap-text{padding: 20px;}
	
	.products-list-data > a { width: 25%;}
	.products-list-data > img { width: 25%;}
	
	.other_services .other > div { width: 100%; padding: 0; margin: 30px 0 10px 0;}
}

@media only screen and (max-width: 414px) {
	.process-section-2-sample-2 > div { width: 100%; padding-bottom: 20px;}
	.process-section-2-sample-2 > div img { width: 100%;}

}

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