/**********NTTN*************/
@media screen and (max-width: 1680px){
    
}
@media screen and (max-width: 1600px){
    
}
@media screen and (max-width: 1440px){
    
}
@media screen and (max-width: 1400px){
    
}
@media screen and (max-width: 1366px){
    
}
@media screen and (max-width: 1280px){
    
}
@media screen and (max-width: 767px){
   .content1, .content2, .content3 {
        padding-top: 50px;
    } 
}
@media screen and (max-width: 767px){
   
}
@media screen and (max-width: 1024px){
    .contact-imformation ul {
        margin-left: 0px !important;
        width: 100%;
    }
    #sessionfooter .footer-menu{
        width: 100%;
    }
    #sessionfooter .bq-box{
        width: 60%;
        margin-left: 0%;
    }
    #sessionfooter .erweima{
        width: 36%;
        margin-left: 4%;
    }
}
@media screen and (max-width: 992px){
    
}
@media screen and (max-width: 768px){
    
}
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
/*---------Detail----------*/
@media only screen and (max-width: 1024px){
    .NewsDetail_a1 #newtb span, .NewsDetail_a1 #newtb em { width: 100%; float: none; text-align: left; }
}
@media only screen and (max-width: 720px){
    .NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span { /*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 14px !important;*/ line-height: 2 !important; color: #666 !important; background: none !important; }
    .NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span { /*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 16px !important;*/ line-height: 2 !important; color: #666 !important; background: none !important; }
    .NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span { /*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 18px !important;*/ line-height: 2 !important; color: #666 !important; background: none !important; }
    .NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span { /*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 14px !important;}
    .NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span { /*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 16px !important;}
    .NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span { /*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 18px !important;}

}
@media screen and (max-width: 500px) {
    .NewsDetail_a1 #nt{ font-size: 6vw; line-height: normal; }
}
/*---------Style----------*/
@media only screen and (max-width: 1450px) {
    .footer-menu>li p { font-size: 14px; }
    .footer-menu>li ul li a { line-height: 20px; font-size: 12px; }
    .footer { margin: 1% auto 2%; }
    .bq { line-height: 24px; font-size: 12px; }
}
@media only screen and (max-width: 1150px) {
    #fp-nav, .PosList_a1 { display: none !important; }
    .w-line { width: 94.44%; }
    .h-line { height: 96.28%; }
    .line1 { top: 1.86%; left: 2.78%; }
    .line2 { left: 2.78%; top: 1.86%; }
    .line3 { bottom: 1.86%; right: 2.78%; }
    .line4 { right: 2.78%; bottom: 1.86%; }
    .fp-controlArrow { width: 9.8vw; max-width: 70px; max-height: 70px; height: 9.8vw; }
    .fp-controlArrow.fp-prev:before { background: url(../images/mobfp-prev.png) no-repeat 50%; background-size: 100% auto; }
    .fp-controlArrow.fp-next:before { background: url(../images/mobfp-next.png) no-repeat 50%; background-size: 100% auto; }
    .fp-controlArrow.fp-prev { left: 6%; }
    .fp-controlArrow.fp-next { left: 17.25%; }
    .fp-controlArrow.fp-prev:before, .fp-controlArrow.fp-next:before { max-width: 20px; width: 28.5%; height: 45.8%; max-height: 32px; }
    .page-contect { width: 90%; }
}
@media only screen and (max-width: 1024px) {
    .rid18-TB, .tb-bg { display: none !important; }
    .TC { height: auto; margin-top: 0; top: 40%; }
    .history-box ul:before, .history-box ul:after, .history-box li:after, .history-box li:before, .history-box div>span:after { display: none; }
    .history-box ul div { padding: 40px 15px 20px; margin-bottom: 30px; width: auto; text-align: left; margin-left: 0 !important; border-bottom: 1px dashed #ddd; }
    .history-box div p>span { font-size: 14px; width: 90%; }
    .history-box div p>b, .history-box li:nth-child(even) div p>b { float: left; width: auto }
    .contact>ul li { float: none; width: 100%; margin: 15px 0 15px 0; }
    .member-img { width: 100%; margin-right: 0%; padding: 0; border: 0; border-radius: 0; }
    .member-img img { padding: 4px; border: 4px solid #ebebeb; border-radius: 50%; }
    .member-intro { width: 96%; padding: 2%; margin-top: 5%; }
    .equipment .honour-img:before, .equipment .honour-img:after, .page, .page-box .page { display: none; }
    .news-box1 { top: 15%; }
    .about-text { top: 15%; width: 50%; }
    .more { display: block; }
    .history-box div>span { line-height: normal; padding: 3px 15px; font-size: 16px; }
    .history-box li { padding-left: 0; }
    .dowebok section .product-title { top: 20%; }
    .product-title .title_red{
       font-size: 30px; 
    }
    .product-title .button{
       font-size: 14px; 
    }
    div.product-box .product-title .box-button {
        margin-top: 5%;
    }
}
@media only screen and (max-width: 770px) {
    .video-box2 p{
        margin-top: 10%;
    }
    .banner-box>div { height: 100%; }
    .section:nth-child(6)>div { text-align: center; }
    .section:nth-child(6)>div:before { /*display: inline-block; vertical-align: middle; content: ''; height: 100%; margin-left: -5px;*/ }
    .banner-box .hd { display: none; }
    .history-box ul { padding-top: 20px; }
    .video-box .vdobx { padding-bottom: 5vw; margin-left: 0; float: none; width: 100%; margin-bottom: 5vw; border-bottom: 1px dashed #bbb; }
    .vdobx iframe { height: 60vw; }
    .culture .page-text { width: 100%; }
    .p-box p { position: static; max-height: 11.12vw; }
    .p-box { padding: 40px; }
    .p-box img { width: 100%; height: auto; margin: 0 auto 20px; }
    .p-box h3 { margin-bottom: 20px; position: static; }
    .index-product ul li { height: 50%; width: 50%; }
    .product-title p:first-child { font-size: 4.45vw; }
    .product-title p { font-size: 2.78vw; height: auto; }
    .product-title div, .about-contect>p, .news-date, #sessionfooter{ display: none !important; }
    .product-title:after, .about-title:after { margin: 0 auto; background: #ff121e; display: block; content: ''; height: 3px; width: 16.2%; max-width: 62px; margin-top: 4vw; }
    .contact .about-title:after { display: none; }
    .index-product ul li:nth-child(1) a { background: url(../images/mob-index2-1.jpg) no-repeat top center !important; background-size: cover !important; }
    .index-product ul li:nth-child(2) a { background: url(../images/mob-index2-2.jpg) no-repeat top center !important; background-size: cover !important; }
    .index-product ul li:nth-child(3) a { background: url(../images/mob-index2-3.jpg) no-repeat top center !important; background-size: cover !important; }
    .index-product ul li:nth-child(4) a { background: url(../images/mob-index2-4.jpg) no-repeat top center !important; background-size: cover !important; }
    .mob-banner, .banner-text strong>br, .news-contect li:first-child .news-date { display: block !important; }
    .banner-text.banner-text2 p:nth-child(2) { font-size: 2.78vw; line-height: normal; margin-bottom: 2vw; }
    .banner-text.banner-text2 strong { font-size: 8.89vw !important; margin-bottom: 4vw; line-height: 11vw !important; }
    .banner-text strong { font-size: 8.89vw; margin-bottom: 2.78vw; line-height: 11vw; }
    .banner-text p { line-height: 4.86vw; font-size: 3.89vw; }
    .banner-text.banner-text2 p { font-size: 2.78vw; line-height: 4.45vw; }
    .banner-text.banner-text2, .banner-text { top: 24% !important; left: 9% !important; }
    .pc-banner { display: none !important; }
    .bg3 { background: url(../images/mob-index3.jpg) no-repeat 50%; background-size: cover; }
    .about-box { margin: 0 auto; text-align: center; width: 93.5%; }
    .about-title p:first-child, .news, .contact-title { font-size: 40px; }
    .about-text { text-align: center; width: 98%; top: 32vw; right: 0; vertical-align: middle; position: initial; }
    .about-box:before, .news-box:before { content: ''; vertical-align: middle; height: 100%; display: inline-block; }
    .section .about-title .last-p { color: #fff; font-size: 5.56vw; margin-top: 2.78vw; margin-bottom: 4.86vw; }
    .about-contect a, .news-box1>a, .news-box .main-products .news-readmore a { padding: 9px 5px;}
    .about-icon li { vertical-align: text-top; display: inline-block; float: none; margin-left: 0; width: 32%; }
    .about-icon li p { font-size: 2.78vw; }
    .about-icon li img { width: 60%; }
    .about-icon li:nth-child(3n+1) { margin-left: 0; }
    .about-icon li img { width: 43%; margin: 0 auto 2.77vw; }
    .about-icon li:nth-child(1), .about-icon li:nth-child(2), .about-icon li:nth-child(3) { margin-bottom: 7.6vw; }
    .bg4 { background: url(../images/mob-index4.jpg) no-repeat 50%; background-size: cover; }
    .news-title { font-size: 4.44vw; border-bottom: none; width: 88%; padding: 0; }
    .news-contect li { margin: 5.5vw auto 0; display: block; width: 81.25%; }
    .news-contect li:first-child { margin-top: 0; margin-left: auto !important; padding-bottom: 4.86vw; border-bottom: 1px dashed #ff121e; }
    .news-detail { font-size: 3.33vw; line-height: 4.45vw; display: none; margin-bottom: 3.47vw; margin-top: 2.78vw; }
    .news-contect li:first-child .news-detail { display: -webkit-box; }
    .news-date { font-size: 3.33vw; }
    .news-contect { margin: 8.3vw 0 0; }
    .news-box1>a { margin-bottom: 0; margin-top: 11.11vw; }
    .news-box1 { width: 98%; vertical-align: middle; display: inline-block; position: initial; top: 25vw; }
    .mob-video { line-height: normal; text-align: center; font-weight: bold; color: #fff; font-size: 7.78vw; display: inline-block; vertical-align: middle; }
    .section:nth-child(6) { background: url(../images/mob-index5.jpg) no-repeat 50%; background-size: cover; }
    .mob-video img { margin-top: 12.5vw; opacity: 0.5; height: 15.3vw; width: 15.3vw; max-width: 110px; max-height: 110px; }
    .section .contact-title-box .last-p {}
    .contact-imformation {line-height: 5vw; margin-top: 15px; }
    .contact-imformation ul { float: none; margin-left: 0; }
    .contact-box { width: 88.2%; top: 20%; }
    .bq-box { width: 100%; }
    .pos { height: 23.5%; }
    .footer-box { position: relative; height: 100%; background: #f1f1f1; }
    .footer { margin: 0; width: 100%; padding: 6.25vw 0; }
    .bg5 { background: url(../images/mob-index6.jpg) no-repeat top center; background-size: cover; }
    .pos .footer { position: absolute; bottom: 0; left: 0; }
    .bq-box { width: 91%; float: none; margin: 0 auto; }
    .contact-imformation ul:last-child { margin-top: 10px; }
    .bq { line-height: 6.66vw; font-size: 3.33vw; }
    .section.active .contact-box { left: 7vw; }
    .page-title p:first-child { font-size: 5vw; letter-spacing: 4px; }
    .page-title p { font-size: 6vw; }
    .page-title div { margin-top: 2.78vw; }
    .page-title div:before, .page-title div:after { width: 8.33vw; min-width: 30px; }
    .menu-left li a { font-size: 3.33vw; line-height: 10.69vw; }
    .menu-left li a:after { min-height: 2px; max-height: 4px; height: 0.6vw; }
    .page-menu-box:before, .page-menu-box:after { margin-top: -1.11vw; top: 50%; position: absolute; content: ''; height: 0; width: 0; border-style: solid; }
    .page-menu-box:before { left: 1.4%; border-color: transparent #bcbcbc transparent transparent; border-width: 1.11vw 1.11vw 1.11vw 0; }
    .page-menu-box:after { right: 1.4%; border-color: transparent transparent transparent #bcbcbc; border-width: 1.11vw 0 1.11vw 1.11vw; }
    .page-contect { margin: 6.25vw auto; }
    .menu-left li { padding: 0 2.78vw; margin: 0; }
    div#page_menu { width: 95%; margin: 0 auto; overflow: auto; }
    .equipment li { width: 47%; margin-left: 4.2%; }
    /*.equipment li:nth-child(3n+1), */.honour li:nth-child(3n+1) { margin-left: 4.5% !important; }
    /*.equipment li:nth-child(2n+1),*/.honour li:nth-child(2n+1) { margin-left: 0 !important; }
    .page-title { margin-bottom: 7.64vw; }
    .honour li { margin-left: 4.5%; width: 46.5%; margin-bottom: 4.86vw; }
    .new .news-img, .new .news-date { display: block !important; }
    .new li { margin-left: 0; width: 99%; max-width: none; margin-bottom: 4.86vw; padding: 2.78vw 0; }
    .new-text .news-title { padding: 0; font-size: 4vw; margin: 2.78vw 0 2vw; }
    .new .news-detail { display: -webkit-box !important; line-height: 4.5vw; font-size: 3.33vw; margin: 2.78vw 0 2vw; height: 9vw; }
    .case-list { display: flex; }
    .fp-controlArrow { bottom: 5.55vw; }
    .page-text { line-height: 5.56vw; font-size: 3.33vw; }
    .page-text>img { margin: 20px auto; }
    .new .news-img, .new-text { width: 95%; }
    .MenuList_d1-nav-list li>div ul li { white-space: nowrap; }
    .new .news-img { max-height: none; }
}
@media only screen and (max-width: 720px) {
    .NewsList_f1 h4 { margin-bottom: 10px; font-size: 14px; }
    .NewsList_f1 p, .NewsList_f1 h4 { float: none; }
    .NewsList_f1 p { font-size: 12px; }
    .contact-imformation ul:last-child li { margin-top: 10px; }
    .contact.bg5 .contact-box a { display: inline-block; margin-left: 10px; vertical-align: middle; }
    .contact.bg5 .contact-box img { display: block; margin: 0; height: 15px; max-width: none; vertical-align: top; }
    .pc720,.page-box { display: none; }
    .mob720 { display: block; }
    .NewsList_f1 a { background: url(/images/news-img.png) no-repeat left 23px; }
}
@media only screen and (max-width: 500px) {
    .NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span { /*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 14px !important;*/ line-height: 28px !important; color: #666 !important; background: none !important; }
    .NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span { /*font-family: "微软雅黑", "Microsoft YaHei" !important; font-size: 16px !important;*/ line-height: 32px !important; color: #666 !important; background: none !important; }
    .NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span {/* font-family: "微软雅黑", "Microsoft YaHei" !important;font-size: 18px !important;*/ line-height: 36px !important; color: #666 !important; background: none !important; }
    .NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span { /*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 14px !important;}
    .NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span { /*font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 16px !important;}
    .NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span {/* font-family: "porterbold", "Microsoft YaHei" !important;*/ font-size: 18px !important;}    
}
@media only screen and (max-width: 450px) {
    #page div { white-space: nowrap; width: 100%; display: flex; }
    .page a { display: inline-table; }
}
/*---------Menu----------*/
@media only screen and (max-width: 1450px) {
    .menu>li>a { line-height: 24px; font-size: 16px; }
    .language, .erweima { }
    .language li a { }
}
@media only screen and (max-width: 1150px) {
    .language1 li:first-child { margin-left: 0; }
    .page-pos .language { top: 3vw; }
    .MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger { top: 5% !important; }
    .page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger, .menu-pos.page-pos, .page-pos .language { top: 2.78vw !important; }
    .MenuList_d1-default .MenuList_d1-nav-list { width: 100% !important; margin: 25vw auto 0 !important; }
    .page-pos .MenuList_d1-default .MenuList_d1-nav-list { margin: 20vw auto 0 !important; }
    .menu-pos.page-pos { top: 5.55vw; }
    .language1:before { content: ''; height: 100%; display: inline-block; vertical-align: bottom; }
    .logo a { display: inline-block; vertical-align: middle; }
    .menu-pos { top: 3.7%; }
    .pc-language, .pc-menu { display: none !important; }
    .mob-menu { display: block; }
    .language1 li { float: none; display: inline-block !important; margin-left: 4.38%; }
    .language1 { top: 6.4vw; left: 5.55%; width: 88.9%; z-index: 9998; position: fixed; margin-left: 0; text-align: left; display: none; }
    .language1 li a { color: #fff; text-align: center; border-radius: 50%; border: 2px solid #fff; max-width: 56px; max-height: 56px; padding: 0 !important; width: 7.8vw; height: 7.8vw; line-height: 200%; font-size: 28px; display: block; }
    .menu-box { height: 9.8vw; width: 88.2%; max-height: 70px; }
    .logo { display: inline-block; width: 50%; height: 100%; margin-bottom: 0; }
    .nav { width: 47.5%; }
    .MenuList_d1-open .MenuList_d1-hamberger { position: fixed; z-index: 9999; background: #555; }
    .MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { max-width: 37px !important; }
    .MenuList_d1-default .MenuList_d1-nav-list>li { line-height: 90px; font-size: 28px; }
    .MenuList_d1-default .MenuList_d1-nav-list { margin: 27.1% auto 0 !important; }
    .MenuList_d1-nav-list .language { width: 100%; display: block; }
    .logo:before { height: 100%; vertical-align: middle; content: ''; display: inline-block; }
}
@media only screen and (max-width: 770px) {
    .logo a { margin-top: 0; }
    .language1 li a {  }
    .MenuList_d1-default .MenuList_d1-nav-list>li {  }
}
@media only screen and (max-width: 450px) {
    .MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { height: 2px !important; }
    .MenuList_d1-hamberger span:before { top: -7px !important; }
    .MenuList_d1-hamberger span:after { bottom: -7px !important; }
    .MenuList_d1-open .MenuList_d1-hamberger span:before, .MenuList_d1-open .MenuList_d1-hamberger span:after { top: 0 !important; }
}
/*---------JobList----------*/
@media only screen and (max-width: 1024px) {
    .job_title li { font-size: 16px; }
    .job_type { display: none; }
}
@media only screen and (max-width: 800px) {
    .hrList_a1_item>ul li { width: 100%; }
}
@media only screen and (max-width: 720px) {
    .hrList_a1_button span { display: block; margin-left: 0; margin-top: 15px; font-size:14 !important; }
    .hrList_a1_title { }
    .job_title img { max-width: 20px; max-height: 16px; }
    .job_title ul { padding: 0; }
    .job_title li, .hrList_a1_title li { text-align: center; }
    .hrList_a1_title { padding-left: 0; }
    .hrList_a1_title li { font-size: 14px !important; line-height:normal; }
    .hrList_a1_item>ul li { font-size: 14px !important; line-height: 1.7; }
    .job_title i{display:none;}
}
@media only screen and (max-width: 500px) {
    .hrList_a1_title { line-height: 8vw; white-space: normal; font-size: 5vw; }
}
/*---------Public----------*/
@media only screen and (max-width: 1536px) {
    .menu>li {
        text-align: left;
        margin-left: 10px;
    }
    .menu>li>a { padding: 0 10px; line-height: 24px; font-size: 14px; }
    .language, .erweima { }
    .language li a { }
    .menu>ul>li>a{font-size:16px;}
    .pc-language p {
        padding-bottom: 5px;
    }
}
@media only screen and (max-width: 1150px) {
    .page-contcet, .page-menu-box { width: 90%; }
    .menu { width: 48.6%; }
    .top1 { display: none; }
    .page-pos .language { top: 3vw; }
    .MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger { top: 2.78vw !important; }
    .page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-overlay, .page-pos .MenuList_d1-right.MenuList_d1-open .MenuList_d1-hamberger, .menu-pos.page-pos, .page-pos .language { top: 2.78vw !important; }
    .MenuList_d1-default .MenuList_d1-nav-list { width: 100% !important; margin: 25vw auto 0 !important; }
    .page-pos .MenuList_d1-default .MenuList_d1-nav-list { margin: 20vw auto 0 !important; }
    .menu-pos.page-pos { top: 5.55vw; }
    .language1:before { content: ''; height: 100%; display: inline-block; vertical-align: bottom; }
    .logo a { display: inline-block; vertical-align: middle; }
    .menu-pos { top: 3.7%; }
    .pc-language, .pc-menu, .language { display: none !important; }
    .mob-menu { display: block; }
    .mob-menu .language1 li a img {padding: 9px 5px 5px 5px;}
    .language1 li { border-radius: 50%; border: 2px solid #fff; float: none; display: inline-block !important; margin-left: 3.38% !important; }
    .language1 { top: 20%; left: 0%; width: 100%; z-index: 9998; position: fixed; margin-left: 0; text-align: left; display: none; }
    .language1 li a { display: block; text-align: center; border-color: #fff; color: #fff; max-width: 56px; max-height: 56px; padding: 0 !important; width: 7.8vw; height: 7.8vw; line-height: 200%; font-size: 28px !important; }
    .menu-box { z-index: 2; top: 2.78vw; left: 4%; position: absolute; padding: 0; height: 9.8vw; width: 92%; max-height: 70px; margin: 0 auto; }
    .logo { margin-bottom: 0; display: inline-block; width: 50%; height: auto; }
    .nav { width: 48.5%; }
    .MenuList_d1-open .MenuList_d1-hamberger { position: fixed; z-index: 9999; background: #555; }
    .MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { max-width: 37px !important; }
    .MenuList_d1-default .MenuList_d1-nav-list>li { line-height: 55px; font-size: 25px; }
    .MenuList_d1-default .MenuList_d1-nav-list { margin: 20vw auto 0 !important; }
    .MenuList_d1-nav-list .language { width: 100%; display: block; }
    .logo:before { height: 100%; vertical-align: middle; content: ''; display: inline-block; }
    .show { background: #132866; line-height: normal; transition: 0.3s ease 0.3s; }
    .MenuList_d1-nav-list li>div:before { display: block; background: #ff1923; height: 4px; content: ''; margin: 0 auto; width: 0; transition: 0.3s linear 0s; }
    .show:before { width: 11.8% !important; transition: 0.3s linear 0s; }
    .show ul { font-size: 3.89vw; margin: 0 auto; width: 75%; line-height: normal; padding-bottom: 3.5vw; text-align: left; }
    .MenuList_d1-nav-list li>div ul li { display: none; margin-top: 2.78vw; text-align: center; width: 31.9%; }
    .show ul li a { padding: 0 !important; }
}
@media only screen and (max-width: 1024px) {
    .navBox a { max-width: none; }
    .prodcut-left:before, .prodcut-left:after { left: 0; top: 22px; font-family: "宋体", "SimSun"; content: '<'; font-size: 16px; font-weight: bold; color: #666; position: absolute; /* margin-top: -8px; */ z-index: 2; }
    .prodcut-left:after { left: auto; right: 0; content: '>'; }
    .navBox::-webkit-scrollbar, .navBox ul::-webkit-scrollbar {
        display:none;
    }
    .page,.footer-top{ display: none; }
    .more { display: block; }
    .prodcut-left { position: relative; width: 100%; max-width: none; }
    .navBox { height: 100px; }
    .navBox ul { bottom: 0; overflow: auto; width: 100%; position: absolute; display: none; margin-bottom: 0; }
    .product-right { margin-top: 10vw; margin-left: 0; width: 100%; max-width: none; }
    .navBox li { background: #eee; width: auto; padding: 5px 20px; border-bottom: none; display: inline-block; margin-left: 10px; }
    .navBox li:first-child { margin-left: 0; }
    .product-right li { max-width: none; width: 32%; }
    .myDiv { margin-left: 15px; width: auto; line-height: 40px; display: inline-block; padding-right: 30px; }
    .myDiv:first-child { margin-left: 0; }
    li.product-choose:after { display: none; }
    .myDiv:hover { }
}
@media only screen and (max-width: 770px) {
    .page-contcet { margin: 5vw auto; }
    .mob-banner { display: block; }
    .footer-box { padding-top: 0; }
    .pc-banner, .page-title, .PosList_a1, .building-page { display: none; }
    .footer-bottom p:first-child { float: none; }
    .footer-bottom { text-align: left; line-height: 6.66vw; font-size: 3.33vw; color: #555; padding: 6.25vw 0; }
    .footer-bottom .footer { margin-left: 9%; width: 91%; }
    .logo a { margin-top: 0; }
    .language1 li a { line-height: 7.8vw; font-size: 3.89vw !important; }
    .MenuList_d1-default .MenuList_d1-nav-list>li { }
    .page-text, .more { line-height: 5.56vw; font-size: 3.33vw; }
    .page-text>img { margin: 20px auto; }
    .content2-detail li:nth-child(2) .content2-text{
        position: relative;
    }
    .content2-detail li:nth-child(2) .content2-text > div{
        position: absolute;
        top: 19%;
    }
}
@media only screen and (max-width: 720px) {
    .mob720 { display: block; }
}
@media only screen and (max-width: 450px) {
    .prodcut-img { height: 50vw; }
    .product-right li:nth-child(3n+1) { margin-left: 0.9%; }
    .product-right li:nth-child(2n+1) { margin-left: 0; }
    .product-right li { width: 48.5%; }
    .swiper-pagination-bullet { width: 12px !important; height: 12px !important; }
    .MenuList_d1-hamberger span, .MenuList_d1-hamberger span:before, .MenuList_d1-hamberger span:after { height: 2px !important; }
    .MenuList_d1-hamberger span:before { top: -7px !important; }
    .MenuList_d1-hamberger span:after { bottom: -7px !important; }
    .MenuList_d1-open .MenuList_d1-hamberger span:before, .MenuList_d1-open .MenuList_d1-hamberger span:after { top: 0 !important; }
}
/*---------Bidding----------*/
@media only screen and (max-width: 1150px) {
    .content1>p { width: 85%; }
}
@media only screen and (max-width: 1024px) {
    .contact>ul li { float: none; width: 100%; margin: 15px 0 15px 0; }
    .content2-detail li { height: 70.8vw; width: 50%; }
    .content3-text, .content3-detail a:after { bottom: 0; opacity: 1; top: auto; height: 20%; }
    .content3-text span { display: none; }
}
@media only screen and (max-width: 770px) {
    .content3-text { font-size: 4vw; }
    .content1>p { width: 90%; }
    .content3-detail, .content3-detail ul { display: block; }
    .content3-detail li { display: block; float: none; width: 100%; margin-top: 0px; transition-delay: 0s !important; }
}
@media only screen and (max-width:500px) {    
    .content1 .img { width: initial; }
    .content2-detail li { position: relative; float: none; height: 70.8vw; width: 100%; margin-top: 10px; }
    .content2-img { overflow: hidden; width: 100%; height: 100%; }
    .content2-text { bottom: 0; width: 100%; position: absolute; background: rgba(0,0,0,0.8); height: 25%; }
    .content2-text>div { width: 75%; position: relative; }
    .content2-text .icon { top: 50%; right: 0; position: absolute; background: url(../images/index-img6.png) no-repeat top center; background-size: 100%; width: 32px; height: 32px; margin-top: -16px; }
    .content2-text:after { display: none; }
    .content2-text p:first-child, .content2-text p { }
    .content2-detail li:nth-child(2) .content2-text{
        position: absolute;
    }
    .content2-detail li:nth-child(2) .content2-text > div{
        position: relative;
        top: 0px;
    }
}
@media only screen and (max-width:450px) {
    .content2-text p:first-child { font-size: 18px; margin-bottom: 0px; }
    .content2-text p { font-size: 14px; }
    .content2-text .icon { width: 25px; height: 25px; margin-top: -12.5px; }
}
/*---------More----------*/
@media (max-width: 1450px) {

}
@media (max-width: 1150px) {

}
@media (max-width: 1024px) {
    .main_content .prodcut-left, .main_content .product-right{
        width: 100% !important;
    }
    .prodcut-left:before, .prodcut-left:after{
        display: none;
    }
    .prodcut-left .navBox{
        height: auto !important;
    }
    .prodcut-left .navBox > .myDiv{
        width: 47%; 
        float: left;
        margin-left: 0px;
        margin-right: 3%;
        margin-top: 10px;       
    }
    .prodcut-left .navBox > .myDiv:nth-child(2n+1){
        clear: both;
    }
    .main_content .product-right{
        margin-left: 0px; 
    }
}
@media (max-width: 768px) { 
    .menu-box .logo p img{
        margin-top: -15px;
    } 
}
@media (max-width: 770px) { 
    .section .index-product .product-title div{        
        display: block !important;
    }
}
@media (max-width: 768px) { 
    .menu-box .logo p img{
        margin-top: -15px;
    } 
}
@media (max-width: 770px) {
    .section .banner-box .swiper-wrapper li img{
        opacity:0 !important;
    }
    .about-box:before, .news-box:before {
        content: '';
        vertical-align: middle;
        height: 100%;
        display: inline-block;
    }
    .section .index-product .product-title div{        
        display: block !important;
    }
    .index-product ul li .product-box .box-button a{
        display: none;
    }
    .index-product ul li .product-box .box-button a:first-child{
        display: block;
    }
    .section .news-contect .news-img{
        display: block !important;
    }
    .pos .footer{
        padding-bottom: 0px;
    }
    .pos .footer .bq p{
        line-height: 22px;
    }
    .dowebok .section:nth-child(5) .tableCell > div:first-child
    , .dowebok .section:nth-child(6) .tableCell > div:first-child
    , .dowebok .section:nth-child(7) .tableCell > div:first-child{
        padding-top: 125px;
    }
    .pc-banner { display: block !important; }
}
@media (max-width: 720px) {
}
@media (max-width: 500px) {
    .prodcut-left .navBox > .myDiv{
        margin-right: 0px;  
    }
    .prodcut-left .navBox > .myDiv
    , .product-right li.col-sm-4{
        width: 100%; 
        max-width: 100%;
    }
    .mob-menu .language1 li a img {
        padding: 5px 5px 5px 5px;
    }
    .MenuList_d1-default .MenuList_d1-nav-list>li {
        line-height: 45px;
        font-size: 22px;
    }
    .mob-menu .language1{
        top: auto;
        bottom: 0px;
        text-align: center;
    }
}
@media (max-width: 450px) {

}