/**/
@media all and (min-width:1600px){
html {font-size:16px;}
.row {padding:0 100px;}
header .searchview {padding:0 100px;}
.d1_2 .img .t ul li:nth-child(2)::before {width:6rem; margin:0 0 0 3rem;}
.d1_2 .img .t ul li:nth-child(2) .cell::before,
.d1_2 .img .t ul li:nth-child(2) .cell::after {left:6rem;}
}
/**/
@media all and (max-width:768px){
/****************************************/
/* public */
/****************************************/
/**/
html {font-size:16px;}
.row {padding:0 20px;}
/**/
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {font-size:14px;}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size:14px;}
/**/
a.btn {padding:10px 20px; font-size:12px;}
/**/
a.btn_black {}
/**/
.more {margin-top:40px; font-size:14px;}
.more a {padding:20px; border-width:2px;}
.more a i {width:14px; height:14px;}
.more a i::before,
.more a i::after {border-radius:2px;}
.more a i::before {height:2px;}
.more a i::after {width:2px;}
/**/
.alert{}
.alert .i_a {width:calc(100% - 40px); max-width:375px; padding:40px 20px; border-radius:20px;}
.alert .i_a h4 {font-size:16px;}
.alert .i_a a {font-size:14px; margin-top:30px; min-width:auto; padding:10px 30px; border-radius:20px;}
/**/
.toast span {width:40px; height:40px;}
/**/
.shead {padding:0 0 30px 0;}
.shead h2 {font-size:22px;}
/**/
.breadcrumbs {padding:20px 0;}
.breadcrumbs a.icon {width:20px; height:20px;}
.breadcrumbs a {font-size:14px; margin-right:30px;}
.breadcrumbs a::after {width:10px; right:-20px;}
.breadcrumbs span {font-size:14px;}
/**/
header {position:fixed; border-radius:0 0 20px 20px;}
header::before {height:60px;}
header .inner_header {height:60px;}
header .logo {width:90px; height:100%;}
header .nav_more {display:block; position:relative; top:0; z-index:2; width:40px; height:40px; margin-right:-24px; border:none; outline:none; cursor:pointer;}
header .nav_more i {display:block; margin:auto; top:0; bottom:0; left:0; content:""; position:absolute; width:16px; height:16px; transform:scale(0.9); overflow:hidden;}
header .nav_more i::before,
header .nav_more i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:2px; border-radius:2px; background:#FFFFFF; transform-origin:center center; transition:all 0.3s;}
header .nav_more i::before {margin-top:-4px;}
header .nav_more i::after {margin-top:4px;}
/* anchor展开 */
.open .nav_more i::before,
.open .nav_more i::after {background:#000000;}
.open .nav_more i:before {animation:0.3s 0s normal forwards 1 running n1;}
.open .nav_more i:after {animation:0.3s 0s normal forwards 1 running n2;}
@keyframes n1 {
0% {
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
}
@keyframes n2 {
0% {
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
}
.open .options .o_search > span::after {opacity:1;}
.open .options .o_lang,
.open .options .o_lang a {color:#000000;}
.open .options .o_lang i {background:#000000;}
/* anchor收起 */
.close .nav_more i:before {animation:0.3s 0s normal forwards 1 running n3;}
.close .nav_more i:after {animation:0.3s 0s normal forwards 1 running n4;}
@keyframes n3 {
0% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:-4px;
}
}
@keyframes n4 {
0% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:4px;
}
}
/**/
header .menu {}
header .menu ul {display:block; position:fixed; left:0; top:0; margin-top:60px; padding:40px 20px; width:100%; height:auto;}
header .menu ul:before {content:""; position:fixed; left:0; top:0; width:100%; height:0; background:#FFFFFF;}
header .menu ul li {display:none; opacity:0; position:relative; padding:0; overflow:hidden;}
header .menu ul li > a {display:block; padding:20px 0; position:relative; width:100%; height:auto; line-height:normal; font-size:14px; color:#000000;}
header .menu ul li > a::before {width:0; height:2px; left:0; bottom:0; transform:none;}
header .menu ul li > a::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0, 0, 0, 0.05);}
header .menu ul li > a:hover::before {width:100%;}
header .menu ul li.sub .sub_handle {position:absolute; right:0; top:10px; display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:100%; cursor:pointer; background:rgba(0, 0, 0, 0.03);}
header .menu ul li.sub .sub_handle span {width:10px; height:10px; position:relative;}
header .menu ul li.sub .sub_handle span::before,
header .menu ul li.sub .sub_handle span::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#000000; transition:all 0.3s;}
header .menu ul li.sub .sub_handle span::before {width:1px; height:100%;}
header .menu ul li.sub .sub_handle span::after {width:100%; height:1px;}
header .menu ul li.sub .sub_handle.active span::before {height:0;}
header .dropdowns {position:static; display:none; padding:10px 0 0; transition:none; background:transparent;}
header .dropdowns dl {flex-direction:column; align-items:flex-start; margin:0; padding-left:10px;}
header .dropdowns dd {padding:0; width:100%;}
header .dropdowns dd a {padding:10px 0 10px 15px; position:relative; opacity:0.5; text-align:left; font-size:12px;}
header .dropdowns dd a::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:100%; background:rgba(0, 0, 0, 0.3);}
header .dropdowns dd a span {display:none;}
header .dropdowns dd a p {font-size:14px;}
header .dropdowns dd a:hover {opacity:1;}
header .options {right:30px;}
header .options .q_phone {display:none;}
header .options .o_search {margin-right:12px;}
header .options .o_search > span {width:20px;}
header .options .o_search > span::before,
header .options .o_search > span::after {width:20px; height:20px; background-size:14px auto;}
header .options .o_lang span {font-size:14px;}
header .options .o_lang i {margin:0 10px; width:1.5px; height:12px;}
header.fill .nav_more i::before,
header.fill .nav_more i::after {background:#000000;}
/* menu展开 */
.open .logo::after {opacity:1;}
.open .menu ul {}
.open .menu ul li {display:block; animation:0.3s ease-in-out 0s normal forwards 1 running menu_show; animation-delay:0.3s;}
.open .menu ul:before {animation:0.3s ease-in-out 0s normal forwards 1 running menu_bg_show;}
@keyframes menu_show{
0%{
margin-top:2px;
}
100%{
opacity:1;
}
}
@keyframes menu_bg_show{
0%{
}
100%{
height:100%;
}
}
/* menu收起 */
.close .menu ul {}
.close .menu ul li {display:block; animation:0.3s 0s normal forwards 1 running menu_hide;}
.close .menu ul:before {height:100%; animation:0.3s 0s normal forwards 1 running menu_bg_hide; animation-delay:0.1s;}
@keyframes menu_hide{
0%{
opacity:1;
height:auto;
}
100%{
margin-top:2px;
height:0;
}
}
@keyframes menu_bg_hide{
0%{
}
100%{
height:0;
}
}
header .menu .search {display:none; width:40px; height:40px; margin:0; padding:0; background-size:55% auto;}
header .menu .search i {width:16px; height:16px;}
header .menu .search i:before {width:14px; height:14px;}
header .menu .search i:after {}
header .searchview {top:100px; height:60px; padding:0 20px;}
header .searchview .form {}
header .searchview .form i {background-position:center left;}
header .searchview .form input {font-size:14px; padding:20px; border-radius:10px;}
header .searchview .form button {right:20px;}
header .searchview .form button:before,
header .searchview .form button:after {width:16px; height:2px;}
header .searchview .results {padding:20px 75px 30px;}
.sticky_nav {margin:0;}
.sticky_nav .box {}
.sticky_nav .menu .ls_btns a {margin:0 5px; padding:10px 20px;}
.sticky_nav .dropdowns {background:transparent;}
/**/
.sel_news_detail header .nav_more i::before,
.sel_news_detail header .nav_more i::after {background:#000000;}
/**/
.sel_core_technology header .nav_more i::before,
.sel_core_technology header .nav_more i::after {background:#000000;}
/**/
.sel_products_detail_2 header .nav_more i::before,
.sel_products_detail_2 header .nav_more i::after {background:#000000;}
/**/
.sel_careers_detail header .nav_more i::before,
.sel_careers_detail header .nav_more i::after {background:#000000;}
/**/
.sel_clause header .nav_more i::before,
.sel_clause header .nav_more i::after {background:#000000;}
/**/
.sel_search header .nav_more i::before,
.sel_search header .nav_more i::after {background:#000000;}
/**/
footer {}
footer .inner {padding:60px 0 0;}
footer .inner::before {border-radius:40px 40px 0 0;}
footer .inner::after {border-radius:40px 40px 0 0; top:-6px; transform:skew(0deg,2deg);}
footer .t .f_c_text h2 {font-size:22px; max-width:none; padding:0 40px;}
footer .t .f_c_text .btn_area {margin-top:20px;}
footer .t .f_nav {margin:40px 0;}
footer .t .f_nav h3 {font-size:16px;}
footer .t .f_nav ul {margin:10px 0 0 0;}
footer .t .f_nav ul li {padding:6px 0;}
footer .t .f_nav ul li h4 a {font-size:12px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
footer .t .f_nav .l {flex-direction:column; width:50%;}
footer .t .f_nav .r {flex-direction:column; width:50%; text-align:right;}
footer .b .main {padding:20px 0; flex-direction:column; justify-content:center; align-items:flex-start; border-width:1px;}
footer .b p {font-size:10px; text-align:center;}
footer .b p em {margin:0 5px;}
footer .b p em::after {width:1px; height:8px;}
footer .b p span.vokodesign {margin-left:5px;}
footer .b .f_logo {width:90px; height:60px;}
footer .b .social {margin:10px 0 0 -10px;}
footer .b .social dl dd {margin:0;}
footer .b .social dl dd a {width:40px; height:40px; background-size:30px;}
/**/
.cookie_popup {}
.cookie_popup .main {width:100%; max-width:calc(768px /2); border-radius:20px; margin-bottom:20px;}
.cookie_popup .cpm {padding:30px;}
.cookie_popup .text {padding-right:20px;}
.cookie_popup .text p {font-size:12px;}
.cookie_popup .text p a {margin:0 0 0 4px;}
.cookie_popup .btn_area {margin:20px auto 0 0; font-size:12px;}
.cookie_popup .btn_area a.btn {margin-left:10px; padding:10px 20px; font-size:12px;}
.cookie_popup .close {top:20px; right:10px; width:40px; height:40px;}
.cookie_popup .close::before,
.cookie_popup .close::after {border-radius:2px;}
.cookie_popup .close::before {width:2px;}
.cookie_popup .close::after {height:2px;}
/**/
.con_topic {border-radius:0 0 20px 20px;}
.con_topic .main {padding:200px 0 50px;}
.con_topic .text {}
.con_topic .text h1 {font-size:28px;}
/**/
a.rTop {visibility:hidden;}
/**/
.pages a, .pages span {font-size:14px;}
.pages a:not(.a1),
.pages span {display:none;}
/**/
.tab {padding:30px 0 20px;}
.tab .inner {padding-bottom:10px; overflow-x:scroll;}
.tab a {margin:0 5px; padding:10px 20px; border-width:1px; font-size:12px;}
/**/
a.anchor {top:-80px;}
/**/
.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(1), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(1) {font-size:24px;}
.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(3), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(3) {font-size:16px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px;}
.swiper-button-next, .swiper-button-prev {width:50px; height:50px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-size:11px auto;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-size:13px auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-size:11px auto;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-size:13px auto;}
.sc-res {margin-top:64px; height:50vh;}
.sc-res .swiper-slide .it {}
.sc-res .swiper-slide .it h6 {font-size:14px;}
.sc-res .swiper-slide .it h2 {font-size:52px;}
.sc-res .swiper-slide .it p {font-size:16px;}
.sc-res .sbn {padding-left:180px;}
/**/
.player video {width:100%;}
.player .close {right:10px; top:10px;}
/**/
.con_products_list {}
.con_products_list ul {}
.con_products_list ul li {width:100%; margin-bottom:40px;}
.con_products_list ul li h2 {font-size:18px; margin-bottom:20px; padding:0 10px;}
.con_products_list ul li dl {margin:0;}
.con_products_list ul li dd {margin-bottom:20px; padding:0; width:100%;}
.con_products_list ul li dd:last-child {margin:0;}
.con_products_list ul li a .cover {padding:40px 20px; border-radius:20px;}
.con_products_list ul li a .cover span {width:200px;}
.con_products_list ul li a .cover p {font-size:16px;}
/**/
.con_news_list {}
.con_news_list ul {margin:-10px;}
.con_news_list ul li {width:100%; padding:10px;}
.con_news_list ul li a {border-radius:20px;}
.con_news_list ul li a .cell {}
.con_news_list ul li a .cover {width:100%;}
.con_news_list ul li a .text {padding:20px;}
.con_news_list ul li a .text .name p {font-size:12px;}
.con_news_list ul li a .text .name h4 {font-size:18px; margin-top:20px;}
.con_news_list ul li a .text .btn {margin-top:40px; padding:10px 20px; font-size:12px;}
/****************************************/
/* home */
/****************************************/
.sel_home {}
/**/
.kv {height:390px;}
.kv .swiper-slide .it h2 {font-size:24px;}
.kv .swiper-slide .it p {font-size:16px;}
.kv .swiper-slide .text {width:85%;}
.kv .swiper-slide .text i {width:90px; height:2px; bottom:15vh; border-radius:2px;}
.kv .swiper-slide .text i::after {border-radius:2px;}
.kv .swiper-slide .text .btn_area {margin-top:30px;}
.kv .swiper-container .swiper-pagination {right:20px;}
.kv .swiper-container .swiper-pagination .swiper-pagination-bullet {margin:10px 0; width:6px; height:6px;}
.kv .swiper-container .swiper-pagination .swiper-pagination-bullet::after {width:20px; height:20px; border-width:1px;}
.kv .swiper-slide .bg .video {height:100%;}
.kv .swiper-slide .bg .video video {width:auto; height:100%;}
.kv .more {margin-top:40px;}
/**/
.core_technology {margin-top:390px; padding:60px 0;}
.core_technology ul {margin:0;}
.core_technology ul li {width:100%; margin-bottom:20px; padding:0;}
.core_technology ul li:last-child {margin:0;}
.core_technology ul li .cover {border-radius:20px;}
.core_technology ul li .desc {padding:20px 10px;}
.core_technology ul li .desc h3 {font-size:16px;}
.core_technology_detail {padding:120px 0 80px;}
.core_technology_detail h1 {font-size:22px;}
.core_technology_detail article {margin-top:20px; font-size:14px;}
/**/
.core_products {padding:60px 0 0;}
.core_products::after {height:50px;}
.core_products ul li .cover {}
.core_products ul li .cover a {width:50%;}
.core_products ul li .cover span {}
.core_products ul li .btn_area {margin-top:50px;}
.core_products .topic_bg {top:-60px;}
/**/
.home_news {padding:60px 0;}
.home_news .box {flex-direction:column;}
.home_news .img {width:100%; height:250px; margin:0; padding:0;}
.home_news ul {width:100%; margin:20px 0 0 0; padding:0;}
.home_news ul li a {padding:20px 0;}
.home_news ul li a::before {}
.home_news ul li a::after {height:2px;}
.home_news ul li a .text h4 {font-size:14px; margin-bottom:10px;}
.home_news ul li a .text p {font-size:12px;}
/****************************************/
/* company */
/****************************************/
.sel_company {}
/**/
.sel_company .con_topic .desc {margin-top:40px; font-size:14px;}
/**/
.profile {padding:50px 0;}
.profile .main {flex-direction:column;}
.profile .img {width:100%; margin:0 0 20px 0; padding:0; border-radius:20px;}
.profile .img p {left:20px;}
.profile .img p strong {padding:10px 20px; font-size:12px;}
.profile .img p strong:nth-child(2) {margin-top:10px;}
.profile .text {width:100%; padding:0;}
.profile .text p {margin-bottom:20px; font-size:14px;}
/**/
.company_about section {font-size:14px;}
/**/
.corporate_culture {padding:100px 0;}
.corporate_culture ul li {padding:30px 0;}
.corporate_culture ul li h2 {font-size:22px; margin-bottom:10px;}
.corporate_culture ul li p {font-size:16px;}
/**/
.milestone {padding:80px 0;}
.milestone .swiper-container {max-width:none; height:480px; margin:0 20px; padding:0;}
.milestone .swiper-container .swiper-slide {padding:0 20px 0 40px; background-size:cover;}
.milestone .swiper-container .swiper-slide .text .box .inner {height:200px; padding:20px; border-radius:20px;}
.milestone .swiper-container .swiper-slide .text h3 {font-size:22px; margin-top:-50px;}
.milestone .swiper-container .swiper-slide .text .circle {width:15px; height:15px;}
.milestone .swiper-container .swiper-slide .text .circle::after {width:2px; height:10px;}
.milestone .swiper-container .swiper-slide .text .line {height:2px;}
.milestone .swiper-container .swiper-slide .text h4 {font-size:18px; margin-bottom:10px;}
.milestone .swiper-container .swiper-slide .text p {font-size:14px;}
.milestone .swiper-container .swiper-slide:nth-child(odd) h3 {margin-top:20px;}
.milestone .m_bg span {height:300px;}
/**/
.partners {padding:80px 0;}
.partners ul {margin:-10px;}
.partners ul li {width:50%; padding:10px;}
.partners ul li .cover {padding:40px 10px;}
.partners ul li .cover span {width:80px; height:80px;}
/****************************************/
/* innovative */
/****************************************/
.sel_innovative {}
/**/
.innovative_list {padding:50px 0;}
.innovative_list ul li h2 {font-size:22px;}
.innovative_list ul li {margin-bottom:40px;}
.innovative_list ul li .cell {margin-top:20px;}
.innovative_list ul li .cell::after {display:none;}
.innovative_list ul li .content {flex-direction:column;}
.innovative_list ul li:nth-child(even) .text {margin:0;}
.innovative_list ul li:nth-child(even) .cover .inner {border-radius:20px 20px 0 0;}
.innovative_list ul li .cover {width:100%;}
.innovative_list ul li .cover .inner {height:100%; border-radius:20px 20px 0 0;}
.innovative_list ul li .cover span {height:300px;}
.innovative_list ul li .text {width:100%; margin:0; padding:40px; border-radius:0 0 20px 20px;}
.innovative_list ul li .text p {font-size:12px;}
.innovative_list ul li .text p strong {font-size:16px;}
/****************************************/
/* products */
/****************************************/
.sel_products {}
/**/
.products_list {padding:40px 0 100px;}
.products_list .tab {max-width:300px; margin:auto; padding:0 0 30px 0;}
.products_list .tab span {margin:0 20px;}
.products_list .tab span i {margin-bottom:10px; width:64px; height:64px;}
.products_list .tab span p {font-size:12px;}
/****************************************/
/* products_detail_1 */
/****************************************/
.sel_products_detail_1 {}
/**/
.d1_1 {padding:150px 0;}
.d1_1 .text h1 {font-size:44px; margin-bottom:10px;}
.d1_1 .text p {font-size:18px;}
.d1_1 ul {max-width:none; margin:40px auto -10px;}
.d1_1 ul li {padding:5px; width:120px;}
.d1_1 ul li .cover span {border-radius:5px;}
/**/
.d1_2 {padding:80px 0;}
.d1_2 .text h2 {font-size:22px; margin-bottom:20px;}
.d1_2 .text p {font-size:16px; max-width:none;}
.d1_2 .img {margin-top:40px;}
.d1_2 .img .t ul {flex-direction:column;}
.d1_2 .img .t ul li .cover span {width:150px; height:127.5px;}
.d1_2 .img .t ul li .cover p {bottom:-25px; font-size:12px;}
.d1_2 .img .t ul li:nth-child(1)::after {width:1px; height:30px; left:50%; right:auto; top:100%; bottom:auto; transform:translateX(-50%);}
.d1_2 .img .t ul li:nth-child(2) {width:180px; height:0; margin-top:50px;}
.d1_2 .img .t ul li:nth-child(2)::before {width:100%; height:30px; margin:15px 0 0 0; border:1px dashed rgba(0, 0, 0, 0.5); border-bottom:none; border-radius:10px 10px 0 0}
.d1_2 .img .t ul li:nth-child(2) .cell {width:100%;}
.d1_2 .img .t ul li:nth-child(2) .cell::before {left:-6px; top:27px; transform:rotate(90deg); border-width:6px;}
.d1_2 .img .t ul li:nth-child(2) .cell::after {left:auto; right:-6px; top:27px; transform:rotate(90deg); border-width:6px;}
.d1_2 .img .t ul li:nth-child(3) .cell {display:flex;}
.d1_2 .img .t ul li:nth-child(3) dl:last-child {margin:0 0 0 25px;}
.d1_2 .img .t ul li:nth-child(4) {width:180px; height:0; margin:20px 0;}
.d1_2 .img .t ul li:nth-child(4)::before {width:100%; height:30px; margin:-15px 0 0 0; border:1px dashed rgba(0, 0, 0, 0.5); border-top:none; border-radius:0 0 10px 10px;}
.d1_2 .img .t ul li:nth-child(4) .cell {width:100%;}
.d1_2 .img .t ul li:nth-child(4) .dot {background-size:24px auto;}
.d1_2 .img .t ul li .dot {width:80px; height:44px; border-width:1px;}
.d1_2 .img .t ul li .dot strong {font-size:12px;}
.d1_2 .img .t ul li:nth-child(5) {margin-top:48px;}
.d1_2 .img .t ul li:nth-child(5)::before {width:1px; height:30px; left:50%; right:auto; top:-46px; transform:translateX(-50%);}
.d1_2 .img .t ul li:nth-child(5)::after {left:50%; right:auto; top:-16px; transform:translateX(-50%) rotate(90deg); border-width:6px;}
.d1_2 .img .t ul li dl {flex-direction:column; padding:43px 0;}
.d1_2 .img .t ul li dl dd:last-child {margin:80px 0 0 0;}
.d1_2 .img .t ul li dl dd:last-child::before {left:50%; top:auto; bottom:calc(100% + 10px); transform:translateX(-50%); width:0; height:30px; border-right:1px dashed rgba(0, 0, 0, 0.5);}
.d1_2 .img .t ul li dl dd:last-child::after {left:50%; right:auto; top:auto; bottom:100%; transform:translateX(-50%) rotate(90deg); border-width:6px;}
.d1_2 .img .b {margin-top:60px;}
.d1_2 .img .b ul {flex-direction:column;}
.d1_2 .img .b ul li:last-child {margin:40px 0 0 0;}
.d1_2 .img .b ul li .cover span {width:200px; height:150px;}
.d1_2 .img .b ul li .cover p {font-size:14px; margin-top:20px;}
/**/
.d1_3 {padding:80px 0;}
.d1_3::after {width:calc(100% - 40px);}
.d1_3 .text {padding:0 20px;}
.d1_3 .text h2 {font-size:22px; margin-bottom:20px;}
.d1_3 .text p {font-size:16px; max-width:none;}
.d1_3 .img {padding:60px 0;}
.d1_3 .img ul {width:calc(100% - 40px);}
.d1_3 .img ul li .cover {width:150px; height:42px;}
.d1_3 .img .circle {width:250px; height:250px; border-width:1px;}
.d1_3 .img .circle dl dd .cover {width:80px; height:43.5px; border-radius:4px;}
.d1_3 .img .circle dl dd .cover span {}
.d1_3 .img .circle dl dd p {padding:5px 0; font-size:10px;}
.d1_3 .img .circle ol {width:40%; height:40%; border:none;}
.d1_3 .img .circle ol li {width:60px; height:60px; border-width:2px;}
.d1_3 .img .circle ol li p {font-size:10px;}
/**/
.d1_4 {padding:80px 0 100px;}
.d1_4::after {width:calc(100% - 40px); border-radius:20px;}
.d1_4 .text {padding:0 20px;}
.d1_4 .text h2 {font-size:22px; margin-bottom:20px;}
.d1_4 .text p {font-size:16px; max-width:none;}
.d1_4 .text ul {margin:10px auto -5px;}
.d1_4 .text ul li {width:100px; padding:5px;}
.d1_4 .text ul li .cover span {border-radius:5px;}
.d1_4 .img {}
.d1_4 .img .t_i {margin:60px auto 0; max-width:none;}
.d1_4 .lr {flex-direction:column; padding:0;}
.d1_4 .lr ul {width:100%; margin:40px 0 0; padding:0;}
.d1_4 .lr ul li {padding:20px 0;}
.d1_4 .lr ul li .text h3 {font-size:18px; margin-bottom:5px;}
.d1_4 .lr ul li .text p {font-size:14px;}
.d1_4 .r {width:100%; padding:0;}
.d1_4 .r .cover {padding:0 80px;}
.d1_4 .r .cover span {}
/****************************************/
/* products_detail_2 */
/****************************************/
.sel_products_detail_2 {}
/**/
.d2_1 {padding:150px 0;}
.d2_1 .text h1 {font-size:44px; margin-bottom:10px;}
.d2_1 .text p {font-size:18px;}
.d2_1 ul {max-width:none; margin:40px auto -10px;}
.d2_1 ul li {padding:5px; width:120px;}
.d2_1 ul li .cover span {border-radius:5px;}
/**/
.d2_2 {padding:80px 0;}
.d2_2 .text h2 {font-size:22px; margin-bottom:20px;}
.d2_2 .text p {font-size:16px; max-width:none;}
.d2_2 .img {margin-top:40px;}
.d2_2 .img .t ul {flex-direction:column;}
.d2_2 .img .t ul li .cover span {width:150px; height:127.5px;}
.d2_2 .img .t ul li .cover p {bottom:-25px; font-size:12px;}
.d2_2 .img .t ul li:nth-child(1)::after {width:1px; height:30px; left:50%; right:auto; top:100%; bottom:auto; transform:translateX(-50%);}
.d2_2 .img .t ul li:nth-child(2) {width:180px; height:0; margin-top:50px;}
.d2_2 .img .t ul li:nth-child(2)::before {width:100%; height:30px; margin:15px 0 0 0; border:1px dashed rgba(0, 0, 0, 0.5); border-bottom:none; border-radius:10px 10px 0 0}
.d2_2 .img .t ul li:nth-child(2) .cell {width:100%;}
.d2_2 .img .t ul li:nth-child(2) .cell::before {left:-6px; top:27px; transform:rotate(90deg); border-width:6px;}
.d2_2 .img .t ul li:nth-child(2) .cell::after {left:auto; right:-6px; top:27px; transform:rotate(90deg); border-width:6px;}
.d2_2 .img .t ul li:nth-child(3) .cell {display:flex;}
.d2_2 .img .t ul li:nth-child(3) dl:last-child {margin:0 0 0 25px;}
.d2_2 .img .t ul li:nth-child(4) {width:180px; height:0; margin:20px 0;}
.d2_2 .img .t ul li:nth-child(4)::before {width:100%; height:30px; margin:-15px 0 0 0; border:1px dashed rgba(0, 0, 0, 0.5); border-top:none; border-radius:0 0 10px 10px;}
.d2_2 .img .t ul li:nth-child(4) .cell {width:100%;}
.d2_2 .img .t ul li:nth-child(4) .dot {background-size:24px auto;}
.d2_2 .img .t ul li .dot {width:80px; height:44px; border-width:1px;}
.d2_2 .img .t ul li .dot strong {font-size:12px;}
.d2_2 .img .t ul li:nth-child(5) {margin-top:48px;}
.d2_2 .img .t ul li:nth-child(5)::before {width:1px; height:30px; left:50%; right:auto; top:-46px; transform:translateX(-50%);}
.d2_2 .img .t ul li:nth-child(5)::after {left:50%; right:auto; top:-16px; transform:translateX(-50%) rotate(90deg); border-width:6px;}
.d2_2 .img .t ul li dl {flex-direction:column; padding:43px 0;}
.d2_2 .img .t ul li dl dd:last-child {margin:80px 0 0 0;}
.d2_2 .img .t ul li dl dd:last-child::before {left:50%; top:auto; bottom:calc(100% + 10px); transform:translateX(-50%); width:0; height:30px; border-right:1px dashed rgba(0, 0, 0, 0.5);}
.d2_2 .img .t ul li dl dd:last-child::after {left:50%; right:auto; top:auto; bottom:100%; transform:translateX(-50%) rotate(90deg); border-width:6px;}
.d2_2 .img .b {margin-top:60px;}
.d2_2 .img .b ul {flex-direction:column;}
.d2_2 .img .b ul li:last-child {margin:40px 0 0 0;}
.d2_2 .img .b ul li .cover span {width:200px; height:150px;}
.d2_2 .img .b ul li .cover p {font-size:14px; margin-top:20px;}
/**/
.d2_3 {padding:80px 0;}
.d2_3::after {width:calc(100% - 40px);}
.d2_3 .text {padding:0 20px;}
.d2_3 .text h2 {font-size:22px; margin-bottom:20px;}
.d2_3 .text p {font-size:16px; max-width:none;}
.d2_3 .img {max-width:none; margin-top:40px;}
.d2_3 .img ul {}
.d2_3 .img ul li {margin-bottom:60px;}
.d2_3 .img ul li .cell {flex-direction:column;}
.d2_3 .img ul li .l {width:100px; margin:0;}
.d2_3 .img ul li .l .cover {border-radius:5px;}
.d2_3 .img ul li .l p {padding:10px 0 0; font-size:12px;}
.d2_3 .img ul li .r {width:calc(100% - 40px); margin:10px 0 0 0; padding:0;}
/**/
.d2_4 {padding:80px 0 100px;}
.d2_4::after {width:calc(100% - 40px); border-radius:20px;}
.d2_4 .text {}
.d2_4 .text h2 {font-size:22px; margin-bottom:20px;}
.d2_4 .text p {font-size:16px; max-width:none;}
.d2_4 .text ul {margin:10px auto -5px;}
.d2_4 .text ul li {width:100px; padding:5px;}
.d2_4 .text ul li .cover span {border-radius:5px;}
.d2_4 .img {}
.d2_4 .img .t_i {margin:60px auto 0; max-width:none;}
.d2_4 .lr {flex-direction:column; padding:0;}
.d2_4 .lr ul {width:100%; margin:40px 0 0; padding:0;}
.d2_4 .lr ul li {padding:20px 0;}
.d2_4 .lr ul li .text h3 {font-size:18px; margin-bottom:5px;}
.d2_4 .lr ul li .text p {font-size:14px;}
.d2_4 .r {width:100%; padding:0;}
.d2_4 .r .cover {padding:0 80px;}
.d2_4 .r .cover span {}
/****************************************/
/* products_detail_3 */
/****************************************/
.sel_products_detail_3 {}
/**/
.d3_1 {padding:150px 0;}
.d3_1 .text h1 {font-size:44px; margin-bottom:10px;}
.d3_1 .text p {font-size:18px;}
.d3_1 ul {max-width:400px; margin:40px auto -10px;}
.d3_1 ul li {padding:5px;}
.d3_1 ul li .cover span {border-radius:5px;}
/**/
.d3_2 {padding:20px 0;}
.d3_2 ul {margin:-10px -20px;}
.d3_2 ul li {width:100%; padding:10px 20px;}
.d3_2 ul li .cover {padding:20px; border-radius:10px;}
.d3_2 ul li .cover p {font-size:14px;}
/****************************************/
/* products_detail_4 */
/****************************************/
.sel_products_detail_4 {}
/**/
.d4_1 {padding:150px 0;}
.d4_1 .text h1 {font-size:44px; margin-bottom:10px;}
.d4_1 .text p {font-size:18px;}
.d4_1 ul {max-width:400px; margin:40px auto -10px;}
.d4_1 ul li {padding:5px;}
.d4_1 ul li .cover span {border-radius:5px;}
/**/
.d4_2 {padding:20px 0;}
.d4_2 ul {margin:-10px -20px;}
.d4_2 ul li {width:100%; padding:10px 20px;}
.d4_2 ul li .cover {padding:20px; border-radius:10px;}
.d4_2 ul li .cover p {font-size:14px;}
/****************************************/
/* news */
/****************************************/
.sel_news {}
/**/
.news {padding:10px 0 50px 0;}
/****************************************/
/* news_detail */
/****************************************/
.sel_news_detail {}
/**/
.sel_news_detail .article {margin-top:60px; padding:60px 0;}
.sel_news_detail .article .main {width:100%;}
.sel_news_detail .article .title {margin-bottom:30px;}
.sel_news_detail .article .title h1 {font-size:22px; margin-bottom:10px;}
.sel_news_detail .article .title span {font-size:12px;}
.sel_news_detail .article .content {font-size:14px;}
.sel_news_detail .article .content img {margin-bottom:10px;}
.sel_news_detail .article .content p {font-size:14px;}
.sel_news_detail .article .content a {}
/****************************************/
/* support */
/****************************************/
.sel_support {}
/**/
.base_info {padding:60px 0;}
.base_info ul {margin:auto; width:100%; max-width:360px;}
.base_info ul li {padding:0 10px;}
.base_info ul li .cover {width:58px; height:58px; padding:8px;}
.base_info ul li span {}
.base_info .box {margin-top:30px;}
.base_info .box .con {flex-direction:column; text-align:center; padding:30px 20px; border-radius:20px;}
.base_info .box .con span {font-size:14px;}
.base_info .box .con .nk {margin:5px 0 0 0;}
.base_info .box .con h3 {font-size:16px;}
.base_info .box .con dl {position:static; transform:none; margin-top:20px;}
.base_info .box .con dl dd {width:80px; margin:0;}
.base_info .box .con dl dd:last-child {margin-left:20px;}
.base_info .box .con dl dd p {margin-top:10px; font-size:10px;}
/**/
.strengths_list {margin-bottom:80px;}
.strengths_list ul li {margin-bottom:40px;}
.strengths_list ul li .cell {border-radius:20px;}
.strengths_list ul li .cover {background:transparent;}
.strengths_list ul li .cover h3 {font-size:16px; color:#000000;}
.strengths_list ul li .cover h3::after {opacity:1; width:120px; height:120px;}
.strengths_list ul li .cover span {opacity:1;}
.strengths_list ul li .content {opacity:1; position:static; width:100%; border-radius:0; padding:30px; font-size:14px; background:#F5F8ED;}
.strengths_list ul li .content h4 {font-size:16px; margin-bottom:10px;}
.strengths_list ul li .content .t_b dd p {font-size:10px;}
.strengths_list ul li:hover .cover h3 {left:50%;}
.strengths_list ul li:hover .cover span {}
/****************************************/
/* join */
/****************************************/
.sel_support {}
/**/
.recruitment {padding:60px 0;}
.recruitment .main {border-radius:20px;}
.recruitment .cover {width:100%;}
.recruitment .text {width:100%;}
.recruitment .text h2 {font-size:22px;}
.recruitment .text .btn_area {margin-top:20px;}
/**/
.advantage {padding:0 0 60px 0;}
.advantage h2 {font-size:22px;}
.advantage ul {margin:40px auto 0;}
.advantage ul li {width:100%; margin-bottom:40px; padding:0;}
.advantage ul li:last-child {margin:0;}
.advantage ul li .cell {border-radius:20px;}
.advantage ul li .cover {}
.advantage ul li .text {padding:40px;}
.advantage ul li .text h3 {font-size:18px;}
.advantage ul li .text p {font-size:12px; transform:none; margin-top:10px; opacity:1;}
.advantage ul li .text i {display:none;}
.advantage ul li:hover .text p {transform:none;}
/**/
.welfare {padding:100px 0;}
.welfare ul {margin:-20px 0;}
.welfare ul li {width:50%; margin:20px 0;}
.welfare ul li .cover {margin:0 auto 10px; width:100px; height:100px;}
.welfare ul li .cover span {}
.welfare ul li p {font-size:14px;}
/**/
.environment {padding:60px 0 100px;}
.environment h2 {font-size:22px;}
.environment .col {margin-top:20px;}
.environment .c_v {width:100%; padding:0 5px 0 0;}
.environment .c_v .cover {border-radius:10px 5px 5px 10px;}
.environment ul {width:100%; padding:0 0 0 5px;}
.environment ul li {margin-bottom:10px;}
.environment ul li .cover {border-radius:5px 10px 10px 5px;}
/****************************************/
/* careers */
/****************************************/
.sel_careers {}
/**/
.careers_list {padding:10px 0 100px;}
.careers_list ul li {margin-bottom:20px;}
.careers_list ul li a {padding:30px;}
.careers_list ul li .text h3 {font-size:14px;}
.careers_list ul li .text p {font-size:12px;}
/****************************************/
/* careers_detail */
/****************************************/
.sel_careers_detail {}
/**/
.careers_detail {padding:100px 0 50px;}
.careers_detail h1 {font-size:22px;}
.careers_detail article {margin:20px 0 0 0; padding:30px; border-radius:20px; border-width:2px;}
.careers_detail article h3 {font-size:16px; margin-bottom:10px;}
.careers_detail article p {font-size:12px;}
.careers_detail article .attachment_box {margin-top:40px;}
.careers_detail article .attachment_box .widget {margin:0 0 10px 0; width:80px; height:36px;}
.careers_detail article .attachment_box .widget button {font-size:12px;}
.careers_detail article .attachment_box .tip {font-size:10px;}
.careers_detail .btn_area {margin-top:40px;}
.careers_detail .btn_area a.btn {font-size:14px;}
/****************************************/
/* contact */
/****************************************/
.sel_contact {}
/**/
.contact_box {}
.contact_box .main {padding:60px 40px;}
.contact_box .tb {max-width:none;}
.contact_box .t ul li {margin-bottom:20px;}
.contact_box .t ul li .text h3 {font-size:18px;}
.contact_box .t ul li .text p {margin-top:4px; font-size:12px; line-height:1.6;}
.contact_box .b {margin-top:40px;}
.contact_box .b p {font-size:12px;}
.contact_box .b h2 {font-size:18px;}
.contact_box .b ul {margin-top:20px;}
.contact_box .b ul li {margin-right:20px;}
.contact_box .b ul li .cell {padding:5px; border-width:2px; border-radius:10px;}
.contact_box .b ul li img {max-width:120px; width:100%;}
.contact_box .b ul li span {font-size:10px;}
/****************************************/
/* search */
/****************************************/
.sel_search {}
/**/
.sel_search .form_wrap .fw_inner {padding:100px 0;}
.sel_search .sr_frm_box {margin-bottom:40px;}
.sel_search .sr_lists .c ul li {border-radius:10px; margin-bottom:20px; padding:20px;}
.sel_search .sr_lists .c ul li h5 a {font-size:16px;}
.sel_search .sr_lists .c ul li p {font-size:14px;}
.sel_search .sr_lists .c ul li .adds {font-size:12px;}
/****************************************/
/* clause */
/****************************************/
.sel_clause {}
/**/
.sel_clause article {max-width:none; width:100%; margin:60px auto 0; padding:60px 0;}
.sel_clause article h1 {margin-bottom:20px; font-size:18px;}
.sel_clause article section {font-size:12px;}
}