@charset "utf-8";


/*introduce*/
#content.introduce{background:url('/images/rinco_intro1.png') no-repeat top center; padding:350px 0px 100px 0px; text-align:center;}
#content.introduce .box{background:#F5F6F8; width:1100px; margin:auto;}
#content.introduce .box .logo{padding:70px 0px 30px 0px; position:relative;}
#content.introduce .box .logo:after{content:""; width:2px; background:#5BB432; height:75px; position:absolute; margin-top:-105px; left:50%; transform:translate(-50%, 0); }
#content.introduce .box .slogan{font-size:1.6em;}
#content.introduce .box .slogan p{font-weight:400;}
#content.introduce .box .slogan p > strong{font-weight:800;}
#content.introduce .box .summary{padding:30px 0px 50px 0px;}
@media(max-width:768px){
	#content.introduce{padding:100px 10px 0px 10px; background-size:100%;}
	#content.introduce .box{width:100%; padding:10px;}
	#content.introduce .box .logo img{width:150px;}
	#content.introduce .box .slogan{font-size:1.2em; text-align:left;}
	#content.introduce .box .slogan p{font-size:0.85em; display:inline;}
	#content.introduce .box .summary{text-align:left;}
	#content.introduce .box .summary p{font-size:0.85em; display:inline;}
}
/*certification*/
#content.certification .menu{display:flex; flex-wrap:wrap; margin:0px; padding:0px; list-style:none;}
#content.certification .menu li{width:calc(100%/4);}
#content.certification .menu li .box{margin:0px 0px 30px 0px;}
#content.certification .menu li .box .info{text-align:center; padding:5px 0px;}
#content.certification .menu li .box .thumb{text-align:center; position:relative; height:360px; width:280px; bordeR:1px solid #ddd; overflow:hidden; border-radius:10px; margin:auto; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
#content.certification .menu li .box .thumb > img{position:absolute; top:50%; left:50%; margin-left:-2px; transform:translate(-50%,-50%); }
#content.certification .menu li .box .info{padding:10px 0px;}
#content.certification .menu li .box .info > .title{font-size:1.2em; font-weight:400;}
#content.certification .menu li .box .info > .summary{font-size:1em;}
@media(max-width:768px){
	#content.certification .menu li{width:calc(100%/2);}
	#content.certification .menu li .box{margin:0px 0px 10px 0px;}
	#content.certification .menu li .box .thumb{width:155px; height:189px;}
	#content.certification .menu li .box .thumb > img{width:103%; height:100%;}
	#content.certification .menu li .box .info{padding:10px 5px;}
	#content.certification .menu li .box .info > .title{font-size:0.85em;}
	#content.certification .menu li .box .info > .summary{font-size:0.75em;}
	#content.certification .menu li .box .info > .date{font-size:0.75em; letter-spacing:0px;}
}
/*patents*/
#content.patents .menu{display:flex; flex-wrap:wrap; margin:0px; padding:0px; list-style:none;}
#content.patents .menu li{width:calc(100%/4);}
#content.patents .menu li .box{margin:0px 0px 50px 0px;}
#content.patents .menu li .box .info{text-align:center; padding:5px 0px;}
#content.patents .menu li .box .thumb{text-align:center; position:relative; height:360px; width:280px; bordeR:1px solid #ddd; overflow:hidden; border-radius:10px; margin:auto; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
#content.patents .menu li .box .thumb > img{position:absolute; top:50%; left:50%; margin-left:-2px; transform:translate(-50%,-50%); height:100%;}
#content.patents .menu li .box .info{padding:10px 0px; display:none;}
#content.patents .menu li .box .info > .title{font-size:1.2em; font-weight:400;}
#content.patents .menu li .box .info > .summary{font-size:1em;}
@media(max-width:768px){
	#content.patents .menu li{width:calc(100%/2);}
	#content.patents .menu li .box{margin:0px 0px 10px 0px;}
	#content.patents .menu li .box .thumb{width:155px; height:189px;}
	#content.patents .menu li .box .thumb > img{width:103%; height:100%;}
	#content.patents .menu li .box .info{padding:10px 5px;}
	#content.patents .menu li .box .info > .title{font-size:0.85em;}
	#content.patents .menu li .box .info > .summary{font-size:0.75em;}
	#content.patents .menu li .box .info > .date{font-size:0.75em; letter-spacing:0px;}
	#content.patents .menu li .box .info a{color:#555;}
}
/*history*/
#content.history{position:relative; overflow:hidden; padding:0px 0px;}
#content.history .ctn_history:after{content:""; width:1px; height:5000px; background:#ddd; position:absolute; left:50%; bottom:80px; transform:translate(-50%,0);}
#content.history:before{content:""; position:absolute; bottom:81px; left:50%;  background:#5BB432;  box-shadow:0px 0px 0px 5px rgba(91, 180, 50, 0.3); width:10px; height:10px; border-radius:15px; transform:translate(-50%,0); z-index:1;}
#content.history .box{position:relative; z-index:1; overflow:hidden;}
#content.history .box .title{text-align:center; border:5px solid white; box-shadow:0px 0px 0px 1px #5BB432; background:#5BB432; width:180px; border-radius:30px; z-index:1; padding:8px 0px; margin:1px auto; color:white; font-weight:400; font-size:1.5em;}
#content.history .box .menu{margin:50px auto 50px auto; padding:0px; list-style:none; position:relative; }
#content.history .box:nth-of-type(even) .menu{transform:translate(-50%,0); text-align:right; padding-right:100px;}
#content.history .box:nth-of-type(even) .menu:after{content:""; width:10px; height:10px; border-radius:50%; background:#5BB432; position:absolute;  right:-10px; top:0%; margin-top:12px; transform:translate(-50%,-50%);}
#content.history .box:nth-of-type(even) .menu:before{content:""; width:70px; height:1px; background:#ddd; position:absolute; margin-top:11px; right:5px;}
#content.history .box:nth-of-type(odd) .menu{transform:translate(-50%,0); text-align:left; right:-100%; padding-left:100px; }
#content.history .box:nth-of-type(odd) .menu:after{content:""; width:10px; height:10px; border-radius:50%; background:#5BB432; position:absolute;  left:0px; top:0%; margin-top:12px; transform:translate(-50%,-50%);}
#content.history .box:nth-of-type(odd) .menu:before{content:""; width:70px; height:1px; background:#ddd; position:absolute; margin-top:11px; left:5px;}
@media(max-width:768px){
	#content.history:after{background:unset;}
	#content.history .ctn_history:after{display:none;}
	#content.history:before{background:unset; box-shadow:unset;}
	#content.history .box{ border-radius:10px; margin:10px 10px 30px 10px; background:#fafafa; border:1px solid #fafafa;}
	#content.history .box .title{ margin:0px 10px; background:unset; color:#5BB432; border:unset; box-shadow:unset; text-align:left;}
	#content.history .box .menu{list-style:disc; padding:20px !important;}
	#content.history .menu li{font-size:0.85em; margin:5px 0px;}
	#content.history .box:nth-of-type(even) .menu{float:unset; left:10px; margin:0px 0px 30px 0px; text-align:left; transform:unset; padding:0px;}
	#content.history .box:nth-of-type(even) .menu:after{background:unset;}
	#content.history .box:nth-of-type(even) .menu:before{background:unset;}
	#content.history .box:nth-of-type(odd) .menu{float:unset; left:10px;  margin:0px 0px 30px 0px; text-align:left; transform:unset; padding:0px;}
	#content.history .box:nth-of-type(odd) .menu:after{background:unset;}
	#content.history .box:nth-of-type(odd) .menu:before{background:unset;}
}
/*greeting*/
#content.greeting .intro{background:#F5F6F8; height:350px;}
#content.greeting .intro .layout{position:relative;  position:relative;}
#content.greeting .intro .summary{padding:50px 0px 30px 30px; font-size:1.4em;}
#content.greeting .intro .summary strong.em{color:#5BB432;}
#content.greeting .intro .ceo{padding:50px 0px; text-align:right; max-width:700px; position:relative;}
#content.greeting .intro .ceo > img{margin:-5px 10px 0px 10px; }
#content.greeting .intro .ceo:before{content:"CEO"; color:#5BB432; font-size:1.4em; font-weight:500; }
#content.greeting .intro .thumb{position:absolute; right:0px; top:-40px;} 
#content.greeting .doc{padding:50px 0px;}
#content.greeting .doc p.em{font-weight:600; font-size:1.5em;}
#content.greeting .doc p{margin:0px 0px;}
@media(max-width:768px){
	#content.greeting .layout{padding:0px 10px;}
	#content.greeting .intro{background:unset; position:relative; height:auto;}
	#content.greeting .intro .layout{padding:30px 10px; height:auto; background:#F5F6F8; overflow:hidden; position:relative;}
	#content.greeting .intro .summary{font-size:0.8em; padding:20px 0px 10px 0px; width:70%;}
	#content.greeting .intro .summary p{display:inline;}
	#content.greeting .intro .ceo{text-align:left; padding:10px 0px; font-size:0.8em; width:70%;}
	#content.greeting .intro .ceo:before{font-size:1em;}
	#content.greeting .intro .thumb{width:40%; bottom:0px; top:unset; right:-10%;}
	#content.greeting .intro .thumb img{width:100%;}
	#content.greeting .doc p.em{font-size:1.1em;}
	#content.greeting .doc p{font-size:0.9em; display:inline;}
}
/*principle*/
#content.principle .doc{padding:20px; margin-bottom:30px;}
#content.principle .doc1{background:#F8F8F8;}
#content.principle h4.title{font-weight:500; font-size:1.5em; background:url('/images/case_icon.png') no-repeat 0px 7px; text-indent:20px;}
#content.principle .items{list-style:circle; margin:10px 0px 0px 20px;}
#content.principle .summary{margin:10px 0px 0px 20px;}
#content.principle .thumb{text-align:center; position:relative; overflow:hidden; width:1000px; height:500px; margin:0px auto 70px auto; border:1px solid #ddd;}
#content.principle .thumb > img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width:101%; height:101%;}
@media(max-width:768px){
	#content.principle h4.title{background-position:0px 6px; font-size:1.2em; margin-left:0px;}
	#content.principle .summary{font-size:0.85em;}
	#content.principle .summary p{margin-bottom:10px;}
	#content.principle .thumb{width:100%; height:180px;}
	#content.principle .thumb > img{height:180px;}

}
/*process*/
#content.process .doc .box{padding:20px; margin-bottom:50px; background:#F8F8F8;}
#content.process .title{font-weight:500; font-size:1.5em;}
#content.process .summary{margin:10px 0px 0px 0px;}
#content.process .thumb{text-align:center; position:relative; overflow:hidden; width:1000px; height:500px; margin:0px auto 70px auto; border:1px solid #ddd;}
#content.process .thumb > img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width:101%; height:101%;}
@media(max-width:768px){
	#content.process .title{font-size:1em;}
	#content.process .summary{font-size:0.85em;}
	#content.process .summary p{margin-bottom:10px;}
}
/*seconbattery*/
#content.seconbattery .doc .box{padding:20px; margin-bottom:50px; background:#F8F8F8;}
#content.seconbattery .title{font-weight:500; font-size:1.5em;}
#content.seconbattery .summary{margin:10px 0px 0px 0px;}
#content.seconbattery .thumb{text-align:center; position:relative; overflow:hidden; width:1000px; height:500px; margin:0px auto 70px auto;}
#content.seconbattery .thumb > img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  width:101%; height:101%;}
#content.seconbattery .items{list-style:circle; margin:10px 0px 0px 20px;}
@media(max-width:768px){
	#content.seconbattery .title{font-size:1em;}
	#content.seconbattery .summary{font-size:0.85em;}
	#content.seconbattery .summary p{margin-bottom:10px;}
	#content.seconbattery .thumb{width:96%; height:180px;}
	#content.seconbattery .thumb > img{height:180px;}
}

/*location*/
#content.location .menu{margin:0px; padding:0px; list-style:none; display:flex; flex-wrap:wrap; gap:0px 60px; }
#content.location .menu li{width:calc(100%/2 - 30px); padding:0px 0px;}

#content.location .menu li .box{ background:#F8F8F8; margin:20px 0px; padding:30px 40px; position:relative;}
#content.location .menu li .box .title{color:#5BB432; font-size:1.5em; font-weight:600;}
#content.location .menu li .box .thumb{position:absolute; top:50%; transform:translate(0%,-50%); right:40px;}
#content.location .menu li .box .summary{min-height:48px; margin-top:5px;}
#content.location .menu li .box .summary a{color:#555;}
@media(max-width:768px){
	#content.location .menu{gap:0px 10px;}
	#content.location .menu li:nth-child(1){width:100%;}
	#content.location .menu li{width:calc(100%/2 - 5px); padding:0px 0px;}
	#content.location .menu li .box{padding:20px 10px; margin:10px 0px;}
	#content.location .menu li .box .title{font-size:1.2em;}
	#content.location .menu li .box .summary{font-size:0.75em; min-height:36px;}
	#content.location .menu li .box .thumb{right:10px; top:30px;}
	#content.location .menu li .box .thumb > img{width:30px; right:10px;}
}

/*application*/
#content #application{margin-top:100px;}

.hitech .intro .title{background:url('/images/apply/case-bs-high_01.png') no-repeat; background-size:cover;}
.car .intro .title{background:url('/images/apply/case-bs-car_01.png') no-repeat; background-size:cover;}
.packaging .intro .title{background:url('/images/apply/case-bs-pack_01.png') no-repeat; background-size:cover;}
.fabric .intro .title{background:url('/images/apply/case-bs-wov_01.png') no-repeat; background-size:cover;}
.food .intro .title{background:url('/images/apply/case-bs-food_01.png') no-repeat; background-size:cover;}
.medical .intro .title{background:url('/images/apply/case-bs-med_01.png') no-repeat; background-size:cover;}
.cosmetics .intro .title{background:url('/images/apply/case-bs-cmt_01.png') no-repeat; background-size:cover;}
.home .intro .title{background:url('/images/apply/case-bs-house_01.png') no-repeat; background-size:cover;}

#content #application .intro{text-align:center;}
#content #application .intro .title{height:260px; align-content:center; text-align:center; color:white; font-size:2em; font-weight:600; letter-spacing:0.04em; text-shadow:0px 0px 5px rgba(0,0,0,0.4);}
@media(max-width:768px){
	#content #application{margin-top:30px;}
	#content #application .intro .title{height:160px;}
	#content #application .intro .summary p.em{display:block;}
	#content #application .intro .summary p{font-size:0.85em; padding:0px 0px; overflow:hidden; display:inline;}
	#content #application .intro .summary p a{display:none;}
	
}

/*welding*/
#content #application .intro .summary{padding:50px 0px; background:#F8F8F8; margin-bottom:100px;}
#content #application .intro .summary p.em{font-size:1.4em; font-weight:600; margin-bottom:20px;}
#content #application .intro .summary .btn{background:#5BB432 !important; color:white !important; border:0px; line-height:50px; font-weight:600; padding:0px 30px; margin-top:30px;}
#content #application h4.title{font-weight:500; font-size:1.5em; background:url('/images/case_icon.png') no-repeat 0px 7px; text-indent:20px;}
#content #application .swiperzone{overflow:hidden; position:relative; width:100%; margin:20px 0px 70px 0px;}
#content #application .swiperzone .leftBtn{position:absolute; z-index:2; left:20px; top:50%; margin-top:0px; transform:translate(0%,-50%);}
#content #application .swiperzone .leftBtn:after{display:none;}
#content #application .swiperzone .rightBtn{position:absolute; z-index:2; right:20px; top:50%; margin-top:0px; transform:translate(0%,-50%);}
#content #application .swiperzone .rightBtn:after{display:none;}
#content #application .swiperzone .swiper{width:100%;  overflow:hidden;}
#content #application .swiperzone ul.menu{list-style:none;   display:flex;  transition-timing-function: ease;}
#content #application .swiperzone ul.menu li{display:inline-block; flex-shrink: 0;}
#content #application .swiperzone ul.menu li img{width:100%;}
#content #application ul.special{list-style:none; display:flex; flex-wrap:wrap; gap:0px 60px; margin:30px 0px 0px 0px; padding:0px;}
#content #application ul.special li{ width: calc(100%/2 - 30px)}
#content #application ul.special li .box{border:1px solid #ddd; min-height:240px; margin:0px 0px 50px 0px; border-radius:10px; padding:20px;}
#content #application ul.special li .box .title{font-size:1.3em; font-weight:400; color:#5BB432; }
#content #application ul.special li .box .summary{margin-top:10px;}
#content #application .items{margin-left:20px;}
#content #application .items li{width:auto !important;}
@media(max-width:768px){
	#content #application .intro .summary{margin-bottom:30px; padding:30px 10px !important; text-align:left;}
	#content #application .intro .summary p.em{font-size:1.1em; padding:10px 0px; margin:0px;}
	#content #application .intro .summary p{font-size:0.85em;}
	#content #application h4.title{background-position:0px 6px; font-size:1.2em; margin-left:10px;}
	#content #application ul.special{margin:0px;}
	#content #application ul.special li{ width: calc(100%/1 - 0px)}
	#content #application ul.special li .box{margin:10px; padding:10px 10px; min-height:auto; }
	#content #application ul.special li .box .title{font-size:1em;}
	#content #application ul.special li .box .summary{font-size:0.85em; }
}

/*technology*/
#technology .subtitle{text-align:center; border-bottom:1px solid rgba(0,0,0,0.1);  padding:50px 0px 20px 0px; margin-bottom:50px;}
#technology .subtitle > .title{font-size:1.8em; font-weight:600;}
#technology .doc > .title{font-weight:500; font-size:1.5em; background:url('/images/case_icon.png') no-repeat 0px 7px; text-indent:20px;}
#technology .doc > .summary{margin:10px 10px 30px 20px;}
#technology .doc > .summary strong{font-weight:600; font-size:1.1em; margin-bottom:5px; display:inline-block;}
#technology .doc .stitle{color:#5BB432; font-weight:400; font-size:1.2em; margin:10px 0px;}
@media(max-width:768px){
	#technology .doc > .title{background-position:0px 6px; font-size:1.2em; margin-left:10px;}
	#technology .doc > .summary{font-size:0.85em;}
}
/*welding*/


#content.welding #technology .doc1 .items{margin-left:20px; list-style:circle; }
#content.welding #technology .doc1 .items li{margin-bottom:5px;}
#content.welding #technology .doc1 .menu{display:flex; flex-wrap:wrap; margin:0px auto 50px auto; padding:0px; list-style:none; max-width:1100px;}
#content.welding #technology .doc1 .menu li{flex:1; text-align:center;}
#content.welding #technology .doc1 .menu li .box{margin:0px 20px;}
#content.welding #technology .doc1 .menu li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.welding #technology .doc1 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.welding #technology .doc1 .menu li .box .thumb img{width:101%; max-height:234px; margin:-3px; }
@media(max-width:768px){
	#content.welding #technology .doc1 .menu li{flex:unset; width:100%;}
	#content.welding #technology .doc1 .menu li .box{margin:10px 10px;}
}
#content.welding #technology .doc2 .items{margin-left:20px; list-style:circle;}
#content.welding #technology .doc3 .items{margin:0px 0px 30px 40px; list-style:circle; }
#content.welding #technology .doc3 .menu{display:flex; flex-wrap:wrap; margin:0px 0px 50px 0px; padding:0px; list-style:none;}
#content.welding #technology .doc3 .menu li{text-align:center;}
#content.welding #technology .doc3 .menu li:nth-child(1){width:60%;}
#content.welding #technology .doc3 .menu li:nth-child(2){width:40%; }
#content.welding #technology .doc3 .menu li .box{margin:0px 20px;}
#content.welding #technology .doc3 .menu li .box .title{padding:5px 5px; background:#DBDBDB; text-align:right;}
#content.welding #technology .doc3 .menu li:nth-child(2) .box .title{font-size:0.85em; padding:5px 5px; background:#DBDBDB; text-align:right;}
#content.welding #technology .doc3 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.welding #technology .doc3 .menu li .box .thumb img{width:101%; max-height:450px; margin:-3px; }
@media(max-width:768px){
	#content.welding #technology .doc3 .menu li:nth-child(1){width:100%;}
	#content.welding #technology .doc3 .menu li:nth-child(2){width:100%; }
	#content.welding #technology .doc3 .menu li .box{margin:10px 10px;}
	#content.welding #technology .doc3 .thumb img{width:100%;}
}
#content.welding #technology .doc4 .items{list-style:circle; margin-left:30px;}
#content.welding #technology .doc4 .menu1{display:flex; flex-wrap:wrap; margin:0px 0px 50px 0px; padding:0px; list-style:none; max-width:1000px;}
#content.welding #technology .doc4 .menu1 li{flex:1; text-align:center;}
#content.welding #technology .doc4 .menu1 li .box{margin:0px 20px;}
#content.welding #technology .doc4 .menu1 li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.welding #technology .doc4 .menu1 li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.welding #technology .doc4 .menu1 li .box .thumb img{width:101%; max-height:402px; margin:-3px; }
#content.welding #technology .doc4 .menu2{display:flex; flex-wrap:wrap; margin:0px 0px 50px 0px; padding:0px; list-style:none;}
#content.welding #technology .doc4 .menu2 li{flex:1; text-align:center;}
#content.welding #technology .doc4 .menu2 li .box{margin:0px 20px;}
#content.welding #technology .doc4 .menu2 li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.welding #technology .doc4 .menu2 li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.welding #technology .doc4 .menu2 li .box .thumb img{width:101%; max-height:230px; margin:-3px; }
@media(max-width:768px){
	#content.welding #technology .doc4 .items{margin:0px 0px 0px 30px;}
	#content.welding #technology .doc4 .menu1 li{flex:unset; width:100%;}
	#content.welding #technology .doc4 .menu1 li .box{margin:10px 10px;}
	#content.welding #technology .doc4 .menu2 li{flex:unset; width:calc(100%/2); }
	#content.welding #technology .doc4 .menu2 li .box{margin:10px 10px;}
	#content.welding #technology .doc4 .menu2 li .box .thumb img{max-height:150px;}
	#content.welding #technology .doc4 .thumb img{width:100%;}
}

/*cutting*/
#content.cutting #technology .doc1 .thumb{text-align:center; margin-bottom:50px;}
#content.cutting #technology .doc1 .items{margin-left:20px; list-style:circle; }
#content.cutting #technology .doc1 .items li{margin-bottom:5px;}
@media(max-width:768px){
	#content.cutting #technology .doc1  .thumb{width:96%; margin:30px auto;}
	#content.cutting #technology .doc1  .thumb > img{width:100%;}	
}
#content.cutting #technology .doc2 .list{display:flex; flex-wrap:wrap; margin:0px 0px 50px 20px; padding:0px; list-style:circle; max-width:1300px;}
#content.cutting #technology .doc2 .list li{width:calc(100%/2);}
#content.cutting #technology .doc2 .menu{display:flex; flex-wrap:wrap; margin:0px 0px 50px 0px; padding:0px; list-style:none; max-width:1300px;}
#content.cutting #technology .doc2 .menu li{width:calc(100%/3); text-align:center;}
#content.cutting #technology .doc2 .menu li .box{margin:10px 40px;}
#content.cutting #technology .doc2 .menu li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.cutting #technology .doc2 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.cutting #technology .doc2 .menu li .box .thumb img{width:101%; max-height:180px; margin:-3px; }
@media(max-width:768px){
	#content.cutting #technology .doc2 .menu li{width:calc(100%/2);}
	#content.cutting #technology .doc2 .menu li .box{margin:0px 0px; padding:10px;}
	#content.cutting #technology .doc2 .menu li .box .thumb img{max-height:100px; }
	#content.cutting #technology .doc2 .list li{width:calc(100%/1);}
}
#content.cutting #technology .doc3 .list{display:flex; flex-wrap:wrap; margin:0px 0px 50px 20px; padding:0px; list-style:circle; max-width:1300px;}
#content.cutting #technology .doc3 .list li{width:calc(100%/2); }
#content.cutting #technology .doc3 .menu{display:flex; flex-wrap:wrap; margin:0px 0px 50px 0px; padding:0px; list-style:none; max-width:1300px;}
#content.cutting #technology .doc3 .menu li{width:calc(100%/3); text-align:center;}
#content.cutting #technology .doc3 .menu li .box{margin:10px 40px;}
#content.cutting #technology .doc3 .menu li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.cutting #technology .doc3 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.cutting #technology .doc3 .menu li .box .thumb img{width:101%; max-height:180px; margin:-3px; }
@media(max-width:768px){
	#content.cutting #technology .doc3 .menu li{width:calc(100%/2);}
	#content.cutting #technology .doc3 .menu li .box{margin:10px 10px;}
}
/*shilling*/
	
#content.shilling #technology .doc1 .items{margin-left:20px; list-style:circle; }
#content.shilling #technology .doc1 .items li{margin-bottom:5px;}
#content.shilling #technology .doc1 .thumb{margin-left:50px; margin-bottom:50px;}
@media(max-width:768px){
	#content.shilling #technology .doc1 .thumb{width:94%; margin:30px auto;}	
	#content.shilling #technology .doc1 .thumb > img{width:100%;}	
}
#content.shilling #technology .doc2 .list{display:flex; flex-wrap:wrap; margin:0px 0px 50px 20px; padding:0px; list-style:circle; max-width:1100px;}
#content.shilling #technology .doc2 .list li{width:calc(100%/2);}
@media(max-width:768px){
	#content.shilling #technology .doc2 .list li{width:calc(100%/1);}
}
#content.shilling #technology .doc3 .thumb{margin-left:30px; margin-bottom:50px;}
#content.shilling #technology .doc3 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none; max-width:1100px;}
#content.shilling #technology .doc3 .menu li{width:calc(100%/3); text-align:center;}
#content.shilling #technology .doc3 .menu li .box{margin:0px 30px 30px 30px;}
#content.shilling #technology .doc3 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden; margin:0px;}
#content.shilling #technology .doc3 .menu li .box .thumb img{height:200px; width:300px; margin:-5px;}
@media(max-width:768px){
	#content.shilling #technology .doc3 .menu li .box{margin:0px 5px 30px 5px;}
	#content.shilling #technology .doc3 .menu li .box .thumb img{height:110px; width:200px; margin:-5px;}
	#content.shilling #technology .doc3 .thumb{width:100%; margin:30px auto;}	
	#content.shilling #technology .doc3 .thumb > img{width:100%;}	
}
#content.shilling #technology .doc4 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none; max-width:1100px;}
#content.shilling #technology .doc4 .menu li{width:calc(100%/3); text-align:center;}
#content.shilling #technology .doc4 .menu li .box{margin:0px 30px 30px 30px; width:300px;}
#content.shilling #technology .doc4 .menu li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.shilling #technology .doc4 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.shilling #technology .doc4 .menu li .box .thumb img{width:310px; height:180px; margin:-5px 0px 0px -5px;}
@media(max-width:768px){
	#content.shilling #technology .doc4 .menu li .box{margin:0px 5px 30px 5px; width:auto;}
	#content.shilling #technology .doc4 .menu li .box .thumb img{width:105%; height:100px; margin:-5px 0px 0px -5px;}
}
#content.shilling #technology .doc5 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none; max-width:1100px;}
#content.shilling #technology .doc5 .menu li{width:calc(100%/3); text-align:center;}
#content.shilling #technology .doc5 .menu li .box{margin:0px 30px 30px 30px;}
#content.shilling #technology .doc5 .menu li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.shilling #technology .doc5 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden;}
#content.shilling #technology .doc5 .menu li .box .thumb img{width:101%; max-height:180px; margin:-5px; }
@media(max-width:768px){
	#content.shilling #technology .doc5 .menu li .box{margin:0px 5px 30px 5px; width:auto;}
	#content.shilling #technology .doc5 .menu li .box .thumb img{width:105%; height:100px; margin:-5px 0px 0px -5px;}
}
/*punching*/
#content.punching #technology .doc1 .thumb{margin-top:30px; margin-left:50px; margin-bottom:50px;}
@media(max-width:768px){
	#content.punching #technology .doc1 .thumb{width:94%; margin:30px auto;}	
	#content.punching #technology .doc1 .thumb > img{width:100%;}	
}
#content.punching #technology .doc2 .list{display:flex; flex-wrap:wrap; margin:0px 0px 50px 20px; padding:0px; list-style:circle; max-width:1100px;}
#content.punching #technology .doc2 .list li{width:calc(100%/2);}
@media(max-width:768px){
	#content.punching #technology .doc2 .list li{width:calc(100%/1);}
}
#content.punching #technology .doc3 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none; max-width:1100px;}
#content.punching #technology .doc3 .menu li{width:calc(100%/3); text-align:center;}
#content.punching #technology .doc3 .menu li .box{margin:0px 30px 30px 30px;}
#content.punching #technology .doc3 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden; margin:0px;}
#content.punching #technology .doc3 .menu li .box .thumb img{height:200px; width:300px; margin:-5px;}
@media(max-width:768px){
	#content.punching #technology .doc3 .menu li .box{margin:0px 5px 30px 5px;}
	#content.punching #technology .doc3 .menu li .box .thumb img{height:130px; width:105%; margin:-5px;}
}
#content.punching #technology .doc4 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none; max-width:1100px;}
#content.punching #technology .doc4 .menu li{width:calc(100%/3); text-align:center;}
#content.punching #technology .doc4 .menu li .box{margin:0px 30px 30px 30px;}
#content.punching #technology .doc4 .menu li .box .title{padding:5px 0px; background:#DBDBDB;}
#content.punching #technology .doc4 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden; margin:0px;}
#content.punching #technology .doc4 .menu li .box .thumb img{height:200px; width:300px; margin:-5px;}
@media(max-width:768px){
	#content.punching #technology .doc4 .menu li .box{margin:0px 5px 30px 5px;}
	#content.punching #technology .doc4 .menu li .box .thumb img{height:110px; width:105%; margin:-5px;}
}

/*insertion*/
#content.insertion #technology .doc1 .thumb{margin-top:30px; margin-left:50px; margin-bottom:50px;}
@media(max-width:768px){
	#content.insertion #technology .doc1 .thumb{width:94%; margin:30px auto;}	
	#content.insertion #technology .doc1 .thumb > img{width:100%;}	
}

#content.insertion #technology .doc2 .list{display:flex; flex-wrap:wrap; margin:0px 0px 50px 20px; padding:0px; list-style:circle; max-width:1100px;}
#content.insertion #technology .doc2 .list li{width:calc(100%/2);}
@media(max-width:768px){
	#content.insertion #technology .doc2 .list li{width:calc(100%/1);}
}
#content.insertion #technology .doc3 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none; }
#content.insertion #technology .doc3 .menu li{width:calc(100%/4); text-align:center;}
#content.insertion #technology .doc3 .menu li .box{margin:0px 30px 30px 30px;}
#content.insertion #technology .doc3 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden; margin:0px;}
#content.insertion #technology .doc3 .menu li .box .thumb img{height:200px; width:300px; margin:-5px;}
@media(max-width:768px){
	#content.insertion #technology .doc3 .menu li{width:calc(100%/2);}
	#content.insertion #technology .doc3 .menu li .box{margin:0px 5px 30px 5px;}
	#content.insertion #technology .doc3 .menu li .box .thumb img{height:140px; width:105%; margin:-5px;}
}
/*fusion*/
#content.fusion #technology .doc1 .thumb{margin-top:30px; margin-left:50px; margin-bottom:50px;}
@media(max-width:768px){
	#content.fusion #technology .doc1 .thumb{width:94%; margin:30px auto;}	
	#content.fusion #technology .doc1 .thumb > img{width:100%;}	
}
#content.fusion #technology .doc2 .list{display:flex; flex-wrap:wrap; margin:0px 0px 50px 20px; padding:0px; list-style:circle; max-width:1100px;}
#content.fusion #technology .doc2 .list li{width:calc(100%/2);}
@media(max-width:768px){
	#content.fusion #technology .doc2 .list li{width:calc(100%/1);}
}
#content.fusion #technology .doc3 .menu{display:flex; flex-wrap:wrap; margin:20px 0px 50px 0px; padding:0px; list-style:none;  max-width:1100px; }
#content.fusion #technology .doc3 .menu li{width:calc(100%/3); text-align:center;}
#content.fusion #technology .doc3 .menu li .box{margin:0px 30px 30px 30px;}
#content.fusion #technology .doc3 .menu li .box .thumb{width:100%; border:1px solid #ddd; overflow:hidden; margin:0px;}
#content.fusion #technology .doc3 .menu li .box .thumb img{height:200px; width:300px; margin:-5px;}
@media(max-width:768px){
	#content.fusion #technology .doc3 .menu li .box{margin:0px 5px 30px 5px;}
	#content.fusion #technology .doc3 .menu li .box .thumb img{height:110px; width:105%; margin:-5px;}
}