@charset "utf-8";
@media screen and (max-width:1680px) {
    .navigation-up .navigation-v3 li a{font-size: 16px;text-align: center;}
    .section .inner .txt{width: 50%;}
    .txt p{margin-bottom: 5%;}
    .section5 .thicos a:nth-child(1){left: -0.5vw;top: 6vh;}
    .section5 .thicos a:nth-child(2){right: 12vw;top: 2vh;}
    .section5 .thicos a:nth-child(3){right: 9vw;top: 0vh;}

   
}
@media screen and (max-width:1440px) {
    .container{width: 94%;}
    .section .inner h1{font-size: 54px;}
    .section .inner h2{font-size: 44px;}
    .txt h1{font-size: 64px;}
    .txt p{font-size: 24px;}
    .section4 .index_list{width: 70%;}
    .section5 .con{padding: 4%;}
    .section5 .con .tit dl dd .sp1 {
        width: 15%;
    }
    .section5 .con .tit dl dd .sp2 {
        width: 85%;
    }
    .section5 .thicos a:nth-child(1){left: -1vw;top: 4vh;}
    .section5 .thicos a:nth-child(2){right: 11vw;top: 2vh;}
    .section5 .thicos a:nth-child(3){right: 8vw;top: -1vh;}


}
@media screen and (max-width:1386px) {

    .navigation-up .navigation-v3 li a{font-size: 14px;}
    .navigation-up .navigation-v3 li{padding: 0;}

}

@media screen and (max-width:1367px) {
    .footer .address{display:block;padding-left:20%}

    .footer .address a{margin-top: 10px}
    .footer .address a::after{display: none}

}

@media (max-width:1399px) {

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

.container{width: 92%;}
.section4 .index_list{width: 62%;}
.section .inner h1{font-size: 48px;}
.section .inner h2{font-size: 38px;}
.section5 .con {padding: 3% 2%;}
.section5 .con .tit dl dd{margin-top: 10px;}
.section5 .thicos .ico img{width: 17px;height: 15px;}
.section5 .thicos .ico i{width: 28px;height: 28px;}
.section5 .thicos .ico{width: 36px;height: 36px;}
.section5 .thicos .active .ico{width: 62px;height: 62px;}
.section5 .thicos .active .ico i{width: 48px;height: 48px;}
.section5 .thicos .active .ico img{width: 33px;height: 29px;}
.section5 .thicos a:nth-child(1){left: -2vw;top: 5vh;}

.invs1 .in_list .item h3{font-size: 18px;font-family: '';}
.invs1 .in_list .item .quantity .btn-box span{font-family: '';font-size: 14px;}
.invs1 .in_list .item p{font-size: 18px;}
.invs1 .in_list .item .quantity .more i{width:40px;}

.footer nav{ align-content: flex-start; flex-flow: row wrap;}
.footer nav li{flex:0 0 25%;margin-bottom: 10px;text-align: right}
.footer nav li a::after{display: none}

 
}


@media (max-width:1199px){

}

@media (max-width:1024px){
.container{width:100%;padding: 0 15px;}
.section .inner h1 {font-size: 44px;}
.section .inner h2{font-size: 34px;}
.txt h1{font-size: 54px;}
.txt p{font-size: 18px;}
.section4 .index_list {width: 48%;}
.section4 .tit h1{font-size: 28px;}
.footer .address{display:flex;padding:0}
.footer .address a::after{display: inline-block}

.footer .address a{font-size: 12px;margin-top: 15px}
.footer .container{padding: 2% 15px;}
.footer .row{justify-content: center;}
.footer .container .col-md-4{width: 100%;}
.footer .container .col-md-8{width: 100%;}
.footer img{display: block;margin: 0 auto;}
.footer .address{justify-content: center;margin-bottom: 15px;}
.footer nav,.copy{justify-content: center;}

.footer nav{ align-content: unset; flex-wrap: wrap}
.footer nav li{flex:unset;margin-bottom: 0px;text-align: left}
.footer nav li a::after{display: inline-block}

.section5 .thicos a:nth-child(1) {left: -3.5vw;top: 2vh;}
.section5 .thicos .active .ico{width: 52px;height: 52px;}
.section5 .thicos .active .ico i{width: 38px;height: 38px;}
.section5 .thicos .active .ico img{width: 23px;height: 19px;}
.section5 .thicos a:nth-child(1) {left: -3.5vw;top: 2vh;}
.section5 .thicos a:nth-child(3) {top: 1vh;}
.section5 .thicos a:nth-child(3) {right: 7.5vw;top: 0vh;}
.cris1 .intro .intro-txt h3{font-size: 30px;}
.cris1 .cr_list .item .item-txt h2{margin-bottom: 30px;margin-top: 0;}
   
}

@media screen and (max-width:996px) {


}
@media screen and (max-width:992px) {
.visible-xs{display:block !important;}
.hidden-xs{display:none !important;}
.headeryd{display:flex;justify-content:space-between;align-items:center;height:50px;}
.headeryd .headright{display:flex;align-items:center;justify-content:space-between;}
.headeryd .headright  button{border:none;}
.header{position: fixed;width: 100%;top: 0;left: 0;height: 50px;padding: 0 15px;background-color: #fff;-webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);z-index: 999; }
.header .logo{overflow: hidden;position: relative;padding: 10px 0;}
.header .logo img{max-height: 30px;}
.header .language-on{overflow: hidden;position: absolute;left: 15px;top: 0;padding: 17px 0 0 0;color: #333;z-index: 2;}
.language-box ul li{display: block;overflow: hidden;padding: 0 15px;background-color: #fff;list-style-type:none;}
.language-box ul li a{display: block;overflow: hidden;padding:  15px  15px;color: #999;font-size: 16px;border-top: 1px solid #eee;background-color: #fff;}

.header .menu-on{overflow: hidden;color: #333;z-index: 2;}
.header .menu-on i{font-size: 20px;display: block;}
.header .menu-on .fa-close{display: none;}

.menu-box ul li{display: block;overflow: hidden;padding: 0 15px;background-color: #fff;list-style-type:none;position:relative;}
.menu-box ul li a{display: block;overflow: hidden;padding:  10px  15px;color: #999;font-size: 16px;}
.menu-box ul li a i{float: right;font-size: 16px;color: #333;display: block;}
.menu-box ul li a .fa-angle-up{display: none;}
.menu-box ul li dl{margin: 0 -15px;display: none;}
.menu-box ul li dl {margin: 0 -15px;display: none;height: 100%;overflow: hidden;}
.menu-box ul li dl dd a{padding:  15px  45px;background-color: #fafafa;}
.menu-box .on-right-left{overflow: hidden;position: relative;padding:  20px  15px  15px 15px;background-color: #fff;}
.menu-box .on-right-left a{display: block;overflow: hidden;height: 35px;line-height: 33px;padding: 0 10px;text-align: center;background-color: #f39800;border: 1px solid #f39800;
cursor: pointer;-webkit-border-radius: 5px;border-radius: 5px;}
.menu-box .on-right-left img{margin: -2px 10px 0 0;}
.menu-box .on-right-left span{color: #fff;}
.menu-box .on-right-right{overflow: hidden;position: relative;padding:  0px  15px  20px  15px;background-color: #fff;}
.menu-box .on-right-right form{position:relative;display: flex;justify-content:space-between;overflow: hidden;height: 35px;line-height: 33px;text-align: center;padding:0 0px 0 20px;
box-sizing:border-box;border:1px solid #ccc;border-radius:20px;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.menu-box .on-right-right input,.menu-box .on-right-right button{border:none;}
.menu-box .on-right-right img{margin: -2px 10px 0 0;}
.menu-box .on-right-right span{color: #fff;}

main{margin-top:70px;}
.section2 .txt,.section2 img{padding: 0 15px;text-align: center;}
.section2 img{margin-top: 50px;}
.txt p{text-align: center;}
.more{margin: 0 auto;}
.section4 .index_list ul li{width: 46%;max-width: 46%;}
.lang{margin-right: 15px;}
.head-v3{height: 70px;}
.head-v3 .navigation-up{display: none;}
.phoneshow{display: flex;}
.navbar-toggle{display: block;margin-right: 0;}
.navbar-toggle .icon-bar{background-color: #000;}
.phoneshow .close{display: none;}
.head-v3 .navigation-up.open{display: block;width: 100%;max-width: 100%;height: 100vh;position: absolute;left: 0;top: 60px;padding: 0;background-color: #fff;box-shadow: 5px 5px 5px #efefef;}
.navigation-up .navigation-v3 .nav{display: block;padding: 0 15px;}
.navigation-up .navigation-v3 li{width: 100%;}
.head-v3 .container{width: 100%;}
.navigation-up .navigation-v3 li .lang{display: none;}
.navigation-up .navigation-v3 li dl{display: flex;position: relative;left: 0;top: 0;margin: 0;}
.navigation-v3 .nav li dl dd a{border: none;margin-left: 0;}
.section5 .map .con .tit dl dd .sp1 { width: 17%;}


.section .ib_txt h3{font-size: 40px;}
.pros1 .summary h3{font-size: 28px;margin-bottom: 30px;}
.products_list{margin-top: 50px;}

.cris1 .intro .intro-txt h3{font-size: 24px;}
.cris1 .cr_list .item .item-txt h2{font-size: 26px;}
.cris1 .cr_list{margin-top: 2%;}
._addmore .more{margin:unset;}

}
@media (max-width:991px) {
    .abs2 .album>div img{margin-top: 10px;}
    .down_area .item{padding-left: 0;}
    .cris1 .cr_list .item .item-txt h2{margin:20px 0;}
    .cris1 .cr_list .item .item-txt h4{margin-bottom: 20px;}
    .cris1 .cr_list .item{margin-bottom: 5%;}
    .invs1 .s-keys{width: 66.66%;}
    .invs1 .s-btn{width: 33.33%;}
    .inqf1 .query_form ._form .form-row .form-group {padding-left:0;padding-right:0}
    .capas1 .intro .intro-img{margin-top: 20px;}
    .contas2 .query_form ._form .form-group {padding-left:0;padding-right:0}
    .contas1 .intro .info_item{margin-right: 0;}

    .contasection.contas1{padding:2% 0 2% 0;background: url(../images/contact-bg.png) no-repeat top left;background-size: auto 57%;}
    
}



@media(max-width:768px) { 
.section .inner h1{font-size: 30px;}
.section .inner h2{font-size: 26px;}
.section4 .pic2{position: relative;float: right;}
.section4 .index_list{width: 100%;}
.section4 .index_list{padding-bottom: 0;}
.logo img {max-width: 65%;}
.section5 .map .con .tit h1{font-size: 24px;}
.section5 .map .con .tit dl dd{font-size: 16px;}
.section5 .thicos .ico img{width: 12px;height: 10px;}
.section5 .thicos .ico i{width: 18px;height: 18px;}
.section5 .thicos .ico{width: 26px;height: 26px;}
.section5 .thicos .active .ico{width: 32px;height: 32px;}
.section5 .thicos .active .ico i{width: 22px;height: 22px;}
.section5 .thicos .active .ico img{width: 18px;height: 12px;}
.section5 .thicos a:nth-child(1) {left: -6.5vw;top: 3vh;}
.section5 .thicos .active span{font-size: 16px;}
.section5 .thicos a:nth-child(2){right: 8vw;}
.section5 .thicos a:nth-child(3) {right: 5vw;top: 0vh;}


}
@media(max-width:767px) {
    .verify-box input{width:60%;margin-right: 10px}
.section .inner h1{font-size: 18px;}
.section .inner h2{font-size: 16px;}
.section .swiper-slide{height: 240px;}
.txt h1{font-size: 30px;}
.section4 .tit h1{font-size: 24px;}
.section4 .index_list ul li{width: 100%;max-width: 100%;}
.section4 .pic2{max-width: 60%;}
.footer nav{display: none;}
.footer .address{margin-bottom: 0;}
.footer .address a,.copy{font-size: 12px;}
.footer{padding: 15px 0;}
.logo img {max-width: 95%;}
.section5 .map .con{width: 100%;}
.section5 .map .con .tit dl dd .sp1 {width: 25%;}
.section5 .con{position: relative;margin-top: 5%;}
.section5 .thicos a:nth-child(1) {left: -13vw;top: -9vh;}
.section5 .pcshow{display: none;}
.section5 .ydshow{display: block;}
.section5 .thicos .ico{display: none;}
.section5 .thicos span{display: none;}
.section5 .thicos a{width: 13px;background-color: red;height: 13px}
.section5 .thicos a:nth-child(1) {left: 3vw;top: -8.5vh;opacity: 0}
.section5 .thicos a:nth-child(2) {right: 16.5vw;top: -9.5vh;opacity: 0}
.section5 .thicos a:nth-child(3) {right: 13vw;top: -11vh;opacity: 0}
.section5 .map .con .tit h1{font-size: 20px}
.section5 .con {padding: 5%;}
.catas1 .cata_list .item{margin-bottom: 4rem;}
.cris1 .cr_list .item{margin-bottom: 10%;}
.section .ib_txt h3{font-size: 30px;}
.invs1 .in_list .item .quantity .btn-box input{width:66.66%}
.invs1 .in_list .item .quantity .btn-box a{width: 33.33%;}
.invs1 .in_list .item .quantity .more i{width: 50px;}
.invs1 .in_list .item{padding-bottom: 30px;}
.invs1 .page ul li{width: 30px;height: 30px;line-height: 30px;}
.invs1 .page ul li a{font-size: 16px;}
.inqf1 .query_form ._selceted .qf-title h3{font-size: 16px;}
.inqf1 .query_form ._selceted .qf-list .item p{font-size: 16px;}
.inqf1 .query_form ._form label {font-size: 18px;}
._addmore .more{margin:0 auto;}
.capas2 .cont_imglist div{text-align: center!important;}
.capas2 .cont_imglist img{width: 100%;}

.contas1 .intro .info_item .item_name{width: 35%;font-size: 18px;}
.contas1 .intro .info_item .item_cont{width: 65%;font-size: 18px;}
.contas1 .intro .info_item .fa{margin-right: 4px;}
.contas1 .intro h3{font-size: 24px;}
.contas2 .query_form ._form label {font-size: 18px;}
.contas2 .query_form ._form #browse{padding:0 40px}
.contasection.contas1 { background-size: auto 54%;}
#mobilesliders{display:block}
#pcsliders{display:none}
    
}

@media(max-width:414px){ 
.section5 .thicos a:nth-child(2) {top: -9vh;}
.section5 .thicos a:nth-child(3) {right: 14vw;top: -10.5vh;}
.section .ib_txt h3{font-size: 24px;}
.contas1 .intro .info_item .email{word-wrap: break-word;}

}
@media(max-width:380px) {
    .invs1 .in_list .item .quantity .btn-box span{font-size: 10px;}
    .invs1 .in_list .item .quantity .more i {width: 30px;}
    .inqf1 .query_form ._selceted .qf-title h3{font-size: 14px;}
    .inqf1 .query_form ._selceted .qf-list .item p{font-size: 14px;}
    .section .inner h1{margin-top: 0;}
   
}
@media screen and (max-width:405px) {
    .footer .address{display: block;text-align: center;}
    .footer .address a{display: block;text-align: center;margin-top: 10px;}
    .footer .address a::after{display: none;}
}
@media screen and (max-width:360px) {
    .section5 .thicos a:nth-child(1) {
   
           top: -9.5vh;
       }
    .section5 .thicos a:nth-child(2) {
       top: -10vh;
     }
     .section5 .thicos a:nth-child(3) {
       top: -12vh;
     }
   }
@media(max-width:350px) {
   
    
}
@media screen and (max-width:320px) {
    .section5 .thicos a:nth-child(1) {
     left: 3vw;
     top: -12.5vh;
 }

.section5 .thicos a:nth-child(3) {
 right: 13vw;
 top: -15vh;
}
.section5 .thicos a:nth-child(2) {
 right: 15.5vw;
 top: -12.5vh;
}

 
}