.product-development-offer ul{list-style:none;padding:0;margin-top:0;margin-bottom:0}
.product-development-offer ul li{margin:10px 0;padding-top:60px}
.product-development-offer ul li.service-offer-title{padding-top:45px}
.product-development-offer .service-offer-title .service-offer-detail:before{content:'';background:#2a9dcc;height:15px;width:75px;position:absolute;top:-45px;left:0}
.product-development-offer .service-offer-title h2{font-size:24px;text-transform:uppercase;line-height:1.2;margin:0;white-space:normal;word-break:break-word}

.product-development-offer .service-offer-detail{background:#fafafa;position:relative;padding:60px 15px 20px;margin:0;height:100%;width:100%}
.product-development-offer .service-offer-title .service-offer-detail{background:transparent;padding:0}
.product-development-offer .service-offer-detail img{position:absolute;top:-60px;left:15px}
.product-development-offer .service-offer-detail h3{font-size:20px;text-transform:none;margin:0 0 10px}
.product-development-offer .service-offer-detail p{margin:0}
.product-development-content{background:#f5fcff !important;}
.product-development-content .product-development-process{margin:30px 0 0}
.product-development-process .product-process-detail{display:flex;flex-wrap:wrap;align-items:flex-start;height:100%;z-index:2}
.product-development-process .product-process-list{list-style:none;padding:0;margin:0;position:relative}
.product-development-process .product-process-list li{background:#f5fcff;position:relative;padding:0}
.product-development-process .product-process-detail h3{font-size:18px;line-height:1.4;text-transform:none;text-align:center;font-weight:400;margin:0;padding:0;position:relative;white-space:normal;word-break:break-word;width:100%}
.product-development-process .product-process-detail h3 span{background:#2a9dcc;display:flex;align-items:center;justify-content:center;width:100px;height:100px;color:#fff;font-size:22px;border-radius:100%;padding:15px;margin:0 auto;position:absolute;top:0;left:0}
.product-development-process li:nth-child(2n) .product-process-detail h3 span{background:#83c7e2}
.study-research-list{margin:20px 0 0}
.study-research-list ul{list-style:none;margin:0;padding:0}
.study-research-list ul li{margin:30px 0 0}
.study-research-list .study-research-detail{box-shadow:5px 5px 15px rgba(0,0,0,.08);padding:20px 15px;height:100%; background: #fff; border: 1px solid #e0e0e0}
.study-research-list .study-research-detail h3{font-size:20px;text-transform:none;font-weight:400;width:100%;line-height:1.3;color:#333;margin:28px 0 13px}
.study-research-list .study-research-detail p{color:#333;margin:0}
.study-research-action{margin:30px 0 0}
@media (min-width: 567px) {
.study-research-list ul li{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media (min-width: 768px) {
.product-development-offer ul li.service-offer-title{padding-top:60px}
.product-development-offer .service-offer-title h2{font-size:28px}
.product-development-offer .service-offer-detail{padding-left:20px;padding-right:20px}
.product-development-offer .service-offer-detail img{left:28px}
.product-development-content .product-development-process{margin-top:35px}
.product-development-process .product-process-list li{-ms-flex:0 0 14.285%;flex:0 0 14.285%;max-width:14.285%;margin-top:22px}
.product-development-process .product-process-list li:nth-child(2n){margin-top:0;margin-bottom:22px}
.product-development-process .product-process-list li:before{content:'';width:100%;background:#f5fcff;position:absolute;bottom:0;left:0;height:56%;z-index:1}
.product-development-process .product-process-list li:nth-child(2n):before{height:63%;bottom:auto;top:0}
.product-development-process .product-process-list li span.arrow{position:absolute;width:100%;height:100%;border:3px dashed #c4c8cd;border-radius:50%;top:0;left:0}
.product-development-process .product-process-list li:after{content:'';background:transparent;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:16px solid #71767d;position:absolute;top:calc(50% - 16px);z-index:10;transform:translateY(-50%);right:-9px;-ms-transform:rotate(-26deg);transform:rotate(-26deg)}
.product-development-process .product-process-list li:nth-child(2n):after{-ms-transform:rotate(-156deg);transform:rotate(-156deg);top:calc(50% - -7px);right:-7.5px}
.product-development-process .product-process-list li:last-child:after{-ms-transform:rotate(0);transform:rotate(0);top:calc(50% - 18px);right:-4px}
.product-development-process .product-process-list li:first-child span.arrow:after{content:'';background:#71767d;left:0;width:16px;height:16px;border:none;border-radius:100%;position:absolute;top:calc(50% - 20px);left:-8px;z-index:3}
.product-development-process .product-process-detail{position:relative;padding-top:20px}
.product-development-process li:nth-child(2n) .product-process-detail{padding-top:0;padding-bottom:20px;z-index:1}
.product-development-process .product-process-detail h3{font-size:11px;padding-top:75px}
.product-development-process li:nth-child(2n) .product-process-detail h3{padding-top:0;padding-bottom:75px}
.product-development-process .product-process-detail h3 span{font-size:17px;width:65px;height:65px;left:50%;transform:translateX(-50%)}
.product-development-process li:nth-child(2n) .product-process-detail h3 span{top:auto;bottom:0}
.study-research-list{margin-top:38px}
.study-research-list .study-research-detail{padding-top:48px}
.study-research-action{margin-top:40px}
}
@media (min-width: 992px) {
.product-development-offer ul li{margin:15px 0}
.product-development-offer .service-offer-title h2{font-size:30px}
.product-development-offer .service-offer-detail{padding:70px 28px 30px}
.product-development-content .product-development-process{margin-top:50px}
.product-development-process .product-process-list li{margin-top:13px}
.product-development-process .product-process-list li:nth-child(2n){margin-bottom:13px}
.product-development-process .product-process-list li:after{right:-9px;top:calc(50% - 11px);-ms-transform:rotate(-30deg);transform:rotate(-21deg)}
.product-development-process .product-process-list li:nth-child(2n):after{-ms-transform:rotate(-162deg);transform:rotate(-162deg);top:calc(50% - -1px);right:-7.2px}
.product-development-process .product-process-detail{padding-top:25px}
.product-development-process li:nth-child(2n) .product-process-detail{padding-bottom:25px}
.product-development-process .product-process-list li:before{height:53%}
.product-development-process .product-process-list li:nth-child(2n):before{height:57%}
.product-development-process .product-process-detail h3{font-size:13px;padding-top:90px}
.product-development-process li:nth-child(2n) .product-process-detail h3{padding-bottom:90px}
.product-development-process .product-process-detail h3 span{font-size:20px;width:80px;height:80px}
.study-research-list{margin-top:20px}
.study-research-list ul li{-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%}
.study-research-action{margin-top:60px}
}
@media (min-width: 1200px) {
.product-development-offer ul li{margin:20px 0}
.product-development-offer .service-offer-title h2{font-size:35px}
.product-development-offer .service-offer-detail{padding-top:90px;padding-bottom:50px}
/* .study-research-list ul li{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} */
.product-development-process .product-process-detail h3{font-size:18px}
.product-development-content .product-development-process{margin-top:70px}
.product-development-process .product-process-list li{margin-top:31px}
.product-development-process .product-process-list li:nth-child(2n){margin-bottom:31px}
.product-development-process .product-process-list li:before{height:57%}
.product-development-process .product-process-list li:nth-child(2n):before{height:59%}
.product-development-process .product-process-list li:after{right:-11px;top:calc(50% - 14px);-ms-transform:rotate(-34deg);transform:rotate(-34deg)}
.product-development-process .product-process-list li:nth-child(2n):after{right:-7px;top:calc(50% - -10px);-ms-transform:rotate(-150deg);transform:rotate(-150deg)}
.product-development-process .product-process-detail{padding-top:35px}
.product-development-process li:nth-child(2n) .product-process-detail{padding-bottom:35px}
}
@media (min-width: 1660px) {
.product-development-offer .service-offer-title h2{font-size:38px}
.product-development-process .product-process-list li{margin-top:8px}
.product-development-process .product-process-list li:nth-child(2n){margin-bottom:8px}
.product-development-process .product-process-list li:after{right:-7.5px;top:calc(50% - 12px);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}
.product-development-process .product-process-list li:nth-child(2n):after{right:-9px;top:calc(50% - 7px);-ms-transform:rotate(-163deg);transform:rotate(-163deg)}
.product-development-process .product-process-list li:before{height:50%}
.product-development-process .product-process-list li:nth-child(2n):before{height:50%}
.product-development-process .product-process-detail{padding-top:50px}
.product-development-process li:nth-child(2n) .product-process-detail{padding-bottom:50px}
.product-development-process .product-process-list li:first-child span.arrow:after{top:calc(50% - 10px);left:-11px}
.product-development-process .product-process-list li:last-child:after{top:calc(50% - 6px);right:-6px}
}
@media (max-width: 767px) {
.product-development-offer .service-offer-title h2{font-size:20px}
.product-development-offer .service-offer-title h2 br{display:none}
.product-development-offer .service-offer-detail{padding:55px 15px 15px}
.product-development-offer .service-offer-detail h3{font-size:18px}
.product-development-offer ul li:first-child{margin-top:0}
.product-development-offer ul li:last-child{margin-bottom:0}
.product-development-offer ul li.service-offer-title{padding-top:30px}
.product-development-offer .service-offer-title .service-offer-detail:before{top:-30px}
.product-development-process .product-process-list:after{content:'';width:2px;height:calc(100% - 100px);border-right:3px dashed #c4c8cd;position:absolute;left:5.4px;top:50%;transform:translateY(-50%)}
.product-development-process .product-process-list li{padding:0 0 0 50px;margin:15px 0}
.product-development-process .product-process-list li:first-child{margin-top:0}
.product-development-process .product-process-list li:last-child{margin-bottom:0}
.product-development-process .product-process-list li .arrow{background:transparent;position:absolute;top:50%;transform:translateY(-50%);left:5px;width:0;height:0;border-top:7px solid transparent;border-left:14px solid #71767d;border-bottom:7px solid transparent;z-index:1}
.product-development-process .product-process-list li:first-child .arrow{background:#71767d;left:0;width:14px;height:14px;border:none;border-radius:100%}
.product-development-process .product-process-detail h3{font-size:24px;font-weight:500;min-height:100px;display:flex;flex-wrap:wrap;align-items:center;padding:0 0 0 130px}
}
@media (max-width: 567px) {
.product-development-process .product-process-list:after{height:calc(100% - 60px)}
.product-development-process .product-process-list li{padding:0 0 0 33px}
.product-development-process .product-process-detail h3{font-size:16px;min-height:70px;padding:0 0 0 75px}
.product-development-process .product-process-detail h3 span{width:60px;height:60px;font-size:16px}
}