@media screen and (min-width: 721px ) {
.VideoDisplay_a1_back a:hover:before, .VideoDisplay_a1_back a:hover:after { width: 0; }
.VideoDisplay_a1_back a:hover { color: #b72024; }
.VideoList_d1 li a:hover img { transform: scale(1.2); }
.VideoList_d1 li a:hover span { color: #b72024; }
.ClassList_b3 a:hover { color: #b72024; border-color: #b72024; }
.news_list .news-more:hover { color: #fff; border-color: #b72024; }
.news_list li:hover img { transform: scale(1.2); }
.news_list li h3 a:hover { color: #b72024; }

.language_box a:hover { background: #ddd; }
.NavList_a1 a:hover { color: #b72024; }
.cbox-ul li:hover .cbox-hover { opacity: 1; transform: translate(-50%, 0) scale(1, 1); }
.menu-cbox .menu-i:hover .menu-icon span:before, .menu-cbox .menu-i:hover .menu-icon span:after { transform: rotateZ(0deg); }
#MenuList_f1_menu-i:hover .menu-icon span:before { top: 0; }
#MenuList_f1_menu-i:hover .menu-icon span:after { bottom: 0; }
.MenuList_f2 a:hover { color: #fff; }
.language a:hover, .MenuList_f2 a:hover { text-decoration: underline; }
.MenuList_f3>ul>li a:hover { border-color: #fff; }
.ClassList_b1 ul:hover li:before { height: 0; }
.ClassList_b1 ul li:hover:before { height: 53%; }
.ClassList_b1 li a:hover, .ClassList_b1 li a:hover:after { color: #b72024; }
.ProductList_b1 li a:hover img { transform: scale(1.1); }
.ProductList_b1 li a:hover h3 { background: #b72024; color: #fff; }
.ClassList_a1:hover .NavigationList_a1_2ndGrade a { color: #666; }
.ClassList_a1 .NavigationList_a1_2ndGrade a:hover { color: #fff; }
.ClassList_a1:hover .NavigationList_a1_2ndGrade a:before { width: 0; left: 0; }
.dis-m {
    vertical-align: middle;
}
.ClassList_a1 .NavigationList_a1_2ndGrade a:hover:before { width: 100%; left: 0; }
#product-detail li:hover img { transform: scale(1.2); }
.product-detail .TLL>a:hover, .dowm_list a:hover { opacity: 1; }
.product-detail .BT li a:hover { color: #b72024; }
.MenuList_f1>ul>li:hover>:first-child:after { height: 100%; left: 0; }
}
@media screen and (max-width: 1400px ) {
.MenuList_f2>ul>li>h3, .product-detail .TR strong, .rid66 ol li { font-size: 16px; }
.rid40 .content-box td { font-size: 14px; height: 60px; }
.MenuList_f2>ul>li:nth-child(6)>ul li { margin-left: 20px; }
.MenuList_f2>ul>li:nth-child(6)>ul li { width: 84px; }
.MenuList_f2>ul>li:nth-child(6)>ul { width: 188px; }
.ResTitle_a1 span { font-size: 24px; margin-right: 10px; }
.ResTitle_a1 em, .PosList_a1, .news_list li span, .news_list .news-more { font-size: 12px; }
.MenuList_f3>ul>li a, .rid39 .content-box>p, .product-detail .BT li a, .product-detail .BB li p, .ClassList_b3 a, .rid52 .content-box li p, .rid66 dl>*, .dowm_list p { font-size: 14px; }
.NavList_a1 a { padding: 10px 20px; }
.footer-box .cbox-ul li a img { height: 1.5vw; }
.footer-box .cbox-hover { bottom: 1.5vw; }
.rid38 .content-box li .T, .rid40 .content-box li strong, .page-title1 p, .VideoList_d1 li span { font-size: 18px; }
.ClassList_b1 a, .ProductList_b1 li h3, .ClassList_a1 .NavigationList_a1_2ndGrade a, .rid52 .content-box li span { font-size: 14px; }
.rid38 .content-box ul { width: 100%; }
.ClassList_b3 ul:before { height: calc(100% - 24px); }
.ClassList_b3 li.on a { width: 8vw; }
.rid66 ol li, .rid66 dl>* { padding: 15px 0; }
.news_list li p { font-size: 14px; -webkit-line-clamp: 2; max-height: 45px; }
.rid36 .content-box li span { font-size: 14px; margin-top: 5px; }
.rid36 .content-box li strong { font-size: 1.8vw; }
.libtn a { padding: 0 10px; font-size: 14px; height: 36px; line-height: 36px; }
}
@media screen and (max-width: 1200px) {
.NavList_a1 a { padding: 5px 15px; }
}
@media screen and (max-width: 1024px ) {
.rid38 .content-box li { padding-bottom: 10%; }
#histroy:before, .rid38 .content-box li:before { bottom: 2.5vw; }
.rid39 ul { overflow: hidden; }
.rid39 ul li { width: 120%; margin-left: -10%; }
.rid36 .content-box dd { width: 7.5vw; height: 7.5vw; }
.rid36 .content-box li strong { font-size: 18px; }
.rid36 .content-box dt { max-width: calc(94% - 7.6vw); }
.rid36-li1 { padding-bottom: 6.5%; }

.menu-icon { width: 36px; height: 36px; line-height: 36px; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { width: 16px; }
.menu-icon span:before { top: -5px; }
.menu-icon span:after { bottom: -5px; }

.language_box { border-top: 1px solid #eee; padding: 30px 0; text-align: center; margin-left: 0; display: block; background: #fff; }
.language_box a { font-size: 14px; width: 80px; height: 30px; line-height: 30px; border-radius: 3px; }
.MenuList_f2>ul>li:nth-child(6)>ul li { margin-left: 10px; }
.MenuList_f2>ul>li:nth-child(6)>ul { width: 154px; }
.cbox-ul li a { width: 4vw; height: 4vw; line-height: 4vw; }
.MenuList_f2>ul>li>h3, .VideoList_d1 li span { font-size: 14px; }
.MenuList_f2>ul>li>ul li h3, .rid39 .content-box>p { font-size: 12px; }
.MenuList_f2>ul>li:nth-child(6)>ul li { width: 72px; }
.MenuList_f2>ul>li>h3:after, .MenuList_f2>ul>li>ul { margin-top: 10px; }
.NavList_a1 a.on { background: #fff; }
.ResTitle_a2 em { font-size: 3.8vw; }
.ResTitle_a2 span { font-size: 3.3vw; }
.rid38 .content-box h3, .ResTitle_a3 span, .ClassList_b2 li.on a, .ClassList_a2 a.on, .product-detail .TR h3, .VideoDisplay_a1 h2, .surface .content-box p { font-size: 2.5vw; }
.w-75 { width: 92%; }
.footer-box .cbox-ul li a img { height: 1.8vw; }
.MenuList_f3>ul { text-align: center; }
.MenuList_f3>ul>li { margin-left: 2%; }
.footer-box .BL { position: static; text-align: center; }
.cbox-hover { bottom: 4vw; }
.rid43 .PhotoList_i1 a, .rid44 .PhotoList_i1 a { height: 24vw; }
.ProductList_b1 li .picimg { height: 15vw; }
.rid43 .PhotoList_i1 li, .rid44 .PhotoList_i1 li { width: 49%; }
.rid43 .PhotoList_i1 li:nth-child(3n+1), .rid44 .PhotoList_i1 li:nth-child(3n+1) { margin-left: 2%; }
.rid43 .PhotoList_i1 li:nth-child(2n+1), .rid44 .PhotoList_i1 li:nth-child(2n+1) { margin-left: 0; }
.product-detail .TLR { height: 35vw; }
#product-detail li { height: 6.5vw; }
.product-detail .TR { width: 42.2%; height: 100%; top: 0; }
.surface .PhotoList_i1 a { height: 26vw; }
.VideoList_d1 li a { height: 28vw; }
.VideoDisplay_a1_C iframe, .VideoDisplay_a1_C video, .NewsDetail_a1 #nc video, .NewsDetail_a1 #nc iframe { height: 70vw; }
.VideoDisplay_a1_back a { width: 140px; height: 40px; line-height: 40px; font-size: 14px; }
.year { position: static; width: 92%; text-align: left; margin: 0 auto 3%; }
.ClassList_b3 { display: block; width: 100%; font-size: 0; }
.ClassList_b3 li:first-child { margin-left: 0; }
.ClassList_b3 li.on a { width: 120px; }
.ClassList_b3 li { margin-left: 4%; display: inline-block; padding-left: 0; margin-top: 0; vertical-align: middle; }
.news_list .L { height: 21.7vw; }
.news_list .R { margin-left: 3.5%; width: 57.5%; }
.news_list li h3 { margin-top: 2%; font-size: 2.5vw; }
.news_list li p { font-size: 12px; max-height: 38px; }
.news_list .news-more { width: 13.5vw; height: 4.5vw; line-height: 4.5vw; }
.ClassList_b3 ul { width: 100%; }
.dowm_list em { height: 30vw; }
.product>.L { width: 25.5%; }
.product>.R { width: 69.5%; }
.NavList_a1 ul { text-align: left; }
.libtn { transition: 0.3s ease 0s; left: auto; width: 180px; right: 9.5%; top: calc(9vw + 36px); transform: scale(1, 0); opacity: 0; transform-origin: top; z-index: 0; }
.libtn.on { transform: scale(1); opacity: 1; }
.libtn a { display: block; margin-left: 0; }
.libtn a:before { transform: skew(0deg); }
.h-btn { width: 5vw; height: 5vw; line-height: 5vw; font-size: 2.5vw; }
#histroy { width: 82%; }
.product-detail .BB { padding-bottom: 5%; }
.menu-slide, .MenuList_f2>ul>li:first-child, .footer-box .BR, .ClassList_b3 ul:before, .ClassList_b3 li:before, .nav .L { display: none; }
}
@media screen and (max-width: 720px ) {
#histroy { width: 100%; }
.rid38 .content-box li:before { bottom: 0; transform: translate(-50%, 0); }
.surface .content-box p { font-size: 3.8vw; text-align: left; margin-bottom: 4vw; line-height: 1.5; text-indent: 7.6vw; }
.rid40 .content-box li strong:after { content: '鎷ㄥ姩琛ㄦ牸鏌ョ湅鏇村鈫?; font-weight: normal; color: #666; font-size: 4.4vw; }
.rid40 .content-box li strong { min-width: 1200px; }
.VideoList_d1 li { width: 100%; margin-left: 0; font-size: 4.4vw; margin-bottom: 7vw; }
.VideoList_d1 li a { height: 55vw; }
.surface .PhotoList_i1 li { width: 49%; }
.surface .PhotoList_i1 li:nth-child(4n+1) { margin-left: 2%; }
.surface .PhotoList_i1 li:nth-child(2n+1) { margin-left: 0; }
.surface .PhotoList_i1 a { height: 50vw; }
.product-detail .TLR { height: 60vw; }
.product-detail .TL { width: 100%; }
#product-detail li { height: 11.5vw; }
.product-detail .TR { width: 100%; height: auto; top: 0; position: static; margin-top: 5%; }
.product-detail .TR .text { height: auto; margin-top: 3%; padding-top: 5%; }
.product-detail .BT li { width: 25%; }
.page-title { margin-bottom: 5vw; padding-bottom: 6vw; }
.NavList_a1 ul { text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0; }

.menu-box { background: #fff; height: 50px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); position: static; }
.logo { width: auto; height: 100%; position:relative; z-index:1; }
.mob-lan { display: inline-block; vertical-align: middle; margin-right: 6%; }
.logo:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.logo a { display: inline-block; vertical-align: middle; width: 100%; height: 65%; }
.logo img { width: auto; height: 100%; }
.mob-lan a { color: #999; border: 1px solid #ddd; display: block; width: 27px; height: 27px; line-height: 27px; text-align: center; font-size: 12px; text-transform: uppercase; box-sizing: border-box; border-radius: 50%; }
.menu-w { width: 100%; padding: 0 0 0 4%; }
.menu-box .M { margin-left: 0; width: 100%; text-align: right; position: absolute; right: 0; top: 0; z-index: 0; }
.menu-i { vertical-align: middle; }
.menu-icon { width: 50px; height: 50px; line-height: 50px; border-radius: 0; box-shadow: none; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { width: 18px; }
.menu-icon span:before { top: -6px; }
.menu-icon span:after { bottom: -6px; }
.menu-cbox { height: calc(100% - 50px); }
body.on .MenuList_f1 { transform: scale(1); }
.menu-cbox .M { height: 100%; }
.nav { padding: 3vw 0; }
.NavList_a1 a { font-size: 4.4vw; padding: 2vw 4vw; }
.ResTitle_a2 em { font-size: 5.6vw; }
.ResTitle_a2 span, .product-detail .TR h3, .VideoDisplay_a1 h2 { font-size: 5vw; }
.VideoList_d1 li span, .product-detail .TR strong, .ClassList_a1 .NavigationList_a1_2ndGrade a, .rid35 .content-box *, .rid38 .content-box h3, .rid38 .content-box li .T, .rid40 .content-box li strong, .ClassList_b3 a, .news_list li h3, .rid52 .content-box li p, .rid66 ol li, .dowm_list p, .rid36 .content-box li strong { font-size: 4.4vw; }
.product-detail .TR p, .product-detail .BT li a, .product-detail .BB li p, .news_list li span, .rid52 .content-box li span, .rid66 dl>*, .dowm_list a span { font-size: 3.8vw; }
.footer-box { padding: 3.3vw 0; }
.footer-box span { font-size: 3.8vw; color: #fff; }
.footer-box span:first-child { display: block; margin-bottom: 2vw; }
.rid35 .content-box i .L { width: 100%; display: block; }
.rid52 .content-box li { width: 50%; margin-top: 5%; }
.rid52 .content-box li:nth-child(1), .rid52 .content-box li:nth-child(2) { margin-top: 0; }
.rid52 .content-box li i { line-height: 15vw; width: 15vw; height: 15vw; }
.rid38 .content-box li .T { padding: 3vw 0; }
.rid38 .content-box li .B { font-size: 3.8vw; padding: 5vw 0; }
.rid38 .content-box li .B>div { height: 32vw; padding: 0 5vw; }
.rid38 .content-box li { width: 100%; }
.page-title1 p { font-size: 3.8vw; padding: 2vw 5vw; }
.rid40 .content-box li table { margin-top: 3%; min-width: 1200px; }
.rid40 .content-box td { font-size: 3.8vw; height: 12vw; }
.rid40 .content-box li span { font-size: 3.8vw; margin-top: 3%; min-width: 1200px; }
.rid40 .content-box li b { font-size: 3.8vw; padding: 2vw 3vw; text-align: left; min-width: 1200px; }
.rid43 .PhotoList_i1 a, .rid44 .PhotoList_i1 a, .ProductList_b1 li .picimg { height: 30vw; }
.product>.R { width: 100%; margin-left: 0; }
.rid38 .content-box li { padding-bottom: 10vw; }
#histroy:before { top: auto; bottom: 9px; transform: translateY(0); }
.history-box { margin-top: 7vw; }
.ProductList_b1 li, .dowm_list li { width: 49%; }
.ClassList_a1 .NavigationList_a1_2ndGrade a { width: 25%; padding: 3vw 0; }
.ProductList_b1 li:nth-child(3n+1), .dowm_list li, .dowm_list li:nth-child(4n+1) { margin-left: 2%; }
.ProductList_b1 li:nth-child(2n+1), .dowm_list li:nth-child(2n+1) { margin-left: 0; }
.page-banner.product { border-bottom: none; }
.VideoDisplay_a1_back a { width: 33vw; height: 10vw; line-height: 10vw; font-size: 3.8vw; margin-top: 5vw; }
.VideoDisplay_a1_C { margin-top: 5%; }
.news_list .R { width: 100%; padding-top: 0; vertical-align: middle; display: block; margin-left: 0; }
.ClassList_b3 a:after { border-width: 1.5vw 0 1.5vw 2vw; margin-left: 1vw; }
.ClassList_b3 li.on a { width: 26vw; padding: 2vw 0; }
.news_list li h3 { margin-top: 3%; }
.news_list .L { display: block; width: 100%; height: auto; }
.year { margin: 0 auto 5%; }
.news_list li p { font-size: 4.4vw; max-height: none; }
.rid52 .content-box li p { line-height: 1.2; }
.news_list .news-more { width: 36vw; height: 12vw; line-height: 12vw; font-size: 3.8vw; }
.news_list li { margin-bottom: 5%; padding-bottom: 5%; }
.rid66 ol li, .rid66 dl>* { padding: 3.5vw 0; }
.dowm_list em { height: 61vw; }
.dowm_list li { margin-bottom: 5vw; }
.dowm_list a { opacity: 1; width: 80%; height: 8vw; line-height: 8vw; }
.dowm_list a img { max-width: none; max-height: none; margin-right: 1vw; width: 4vw; }
.rid53 .Gbook_b1 .btn { max-width: none; }
.rid36 .content-box .rid36-li2 dl { padding-left: 0; }
.rid36-li1 { padding-bottom: 0; }
.rid36-li1 .L, .rid36-li2 .R, .rid36-li3 .L, .rid36-li3 .R { padding-top: 0; width: 100%; }
.rid36-li3 { margin-top: 0; position: static; z-index: 0; }
.rid36 .content-box li span { font-size: 3.8vw; margin-top: 1vw; line-height: 1.5; }
.rid36 .content-box dd { width: 15.5vw; height: 15.5vw; }
.rid36 .content-box dt { max-width: calc(100% - 20.5vw); margin-left: 5vw; }
.rid36 .content-box dl, .rid36-li2, .rid36-li3, .rid36-li3 .R { margin-top: 5vw; }
.rid39 .show { width: 60px; height: 24px; line-height: 24px; top: 5vw; font-size: 12px; }
.libtn { top: calc(5vw + 40px); }
.product-detail .BB { padding-bottom: 0; }
.ProductList_b1 li h3 { padding: 7.5% 2vw; }
.add-news span { font-size: 3.8vw; }
.add-news { left: 5%; }
.menu-box a.icon{margin-left:5vw;}
.rid38 .content-box ul:before, .menu-i:after, .menu-cbox .T, .menu-cbox .B, .menu-cbox, .nav .L, .page-title>.R, .footer-box .T, .footer-box i, .rid35 .content-box i .R, .rid39 .content-box>p, .product>.L, .news_list li i, .rid36-li1 .R, .rid36-li1:after, .rid36-li2 .L, .h-btn { display: none; }
}






@media screen and (max-width: 640px)
{
    
    .rid52 .content-box ul {
    
    display: -ms-flexbox;
    float: left;
}

.rid52 .content-box li {
    width: 100%;
    margin-top: 5%;
}
    
.rid52 .content-box li i {
    line-height: 25vw;
    width: 25vw;
    height: 25vw;
}



}