@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1699px) {
    .head .nav{width: 50%;}
    .pro .con .item a .cover,.specs h2{font-size: 50px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 45px;}
    .specs h2{font-size:40px;}
    .product .list .item .bg,.main .left.menu dl dd a{font-size: 30px;}
    .feature .item dl dt{font-size:26px;}
    .iabout .con p,.iabout .more,.main .contact .w2 .con h2,.main .contact .form .row p,.main .contact .form .row button,.video .list .item .bg,.profile .excerpt dl dt,.baseinfo .info .con .item .text h2{font-size: 24px;}
    .specs h2::after,.specs .spec dl dt::after{width:26px;}
}
@media only screen and (max-width: 1499px) {
    .pro .con .item a .cover,.specs h2{font-size: 45px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 40px;}
    .specs h2{font-size:35px;}
    .product .list .item .bg,.main .left.menu dl dd a,.media .con a,.feature .item dl dt{font-size: 24px;}
    .iabout .con p,.iabout .more,.main .contact .w2 .con h2,.main .contact .form .row p,.main .contact .form .row button,.video .list .item .bg,.profile .excerpt dl dt,.baseinfo .info .con .item .text h2,.video .right .menu a,.profile .excerpt dl dd,.profile .con p,.baseinfo .info .con .item .text p,.specs .spec dl dd table tr:first-child td p{font-size: 22px;}
    .feature .item dl dd{font-size:20px;}
    .profile .text{padding-left:0;}
    .specs h2::after,.specs .spec dl dt::after{width:24px;}
    .main .contact .form .row input{line-height:45px;}
    .main .contact .form .row button{line-height:59px;}
}

@media only screen and (max-width: 1399px) {
    .pro .con .item a .cover,.specs h2{font-size: 40px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 35px;}
    .product .list .item .bg,.main .left.menu dl dd a,.media .con a,.feature .item dl dt{font-size: 22px;}
    .iabout .con p,.iabout .more,.main .contact .w2 .con h2,.main .contact .form .row p,.main .contact .form .row button,.video .list .item .bg,.profile .excerpt dl dt,.baseinfo .info .con .item .text h2,.video .right .menu a,.profile .excerpt dl dd,.profile .con p,.baseinfo .info .con .item .text p,.specs .spec dl dd table tr:first-child td p,.main .contact .w2 .con p{font-size: 20px;}
    .feature .item dl dd,.foot .footnav dl dt a{font-size:18px;}
    .specs .spec dl dd table td,.foot .copyright, .foot .copyright a{font-size:16px;}
    .specs h2::after,.specs .spec dl dt::after{width:20px;}
    .main .contact .form .row input{line-height:40px;}
    .main .contact .form .row button{line-height:64px;}
    .specs h2::after{top:20%;margin-left:7%;}
    .pages .page-num{width:28px;height:28px;}
    .pages a{line-height:28px;}
}
@media only screen and (max-width: 1299px) {
    .head .nav{width:45%;}
    .banner{overflow:hidden;}
    .banner .item {width: 150%;margin-left: -25%;}
    .banner.b2 .item {margin-left: 0;}
    .banner.b3 .item {margin-left: -50%;}
    .pro .con .item a .cover,.specs h2{font-size: 35px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 30px;}
    .product .list .item .bg,.main .left.menu dl dd a,.media .con a,.feature .item dl dt{font-size: 20px;}
    .iabout .con p,.iabout .more,.main .contact .w2 .con h2,.main .contact .form .row p,.main .contact .form .row button,.video .list .item .bg,.profile .excerpt dl dt,.baseinfo .info .con .item .text h2,.video .right .menu a,.profile .excerpt dl dd,.profile .con p,.baseinfo .info .con .item .text p,.specs .spec dl dd table tr:first-child td p,.main .contact .w2 .con p,.explore .con .item .text a.more{font-size:18px;}
    .head .nav dl dt a,.head .lang dt,.feature .item dl dd,.foot .footnav dl dt a{font-size:16px;}
    .head .search form input,input::placeholder ,textarea::placeholder,.foot .footnav dl dd a,.car .item,.specs .spec dl dd table td,.foot .copyright, .foot .copyright a{font-size:14px;}
    .head .search form input{width:140px;}
    .head .top-r{margin-left:3%;}
    .main .contact .form .row input{line-height:35px;}
    .main .contact .form .row button{line-height:59px;}
    .car .item{width:18%;}
    .car .item img{height:30px !important;}
    .baseinfo .info .con .item{margin:1% auto 2%;}
    .specs{width:92%;margin:3% auto;}
    .specs h2{padding-bottom:3%;}
    .specs h2::after,.specs .spec dl dt::after{width:18px;}
    .feature .item .img{width:30%;}
    .feature .item dl{width:70%;}
    .feature .item dl dt{margin:0;}
    .pages .page-num{width:26px;height:26px;}
    .pages a{line-height:26px;}
    
}
@media only screen and (max-width: 1099px) {
    .pro .con .item a .cover,.specs h2{font-size: 30px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 24px;}
    .head .nav{display:none;position: absolute;z-index:100;width:100%;left:0;top:70px;background:rgb(0,0,0,0.9);padding:6% 5% 8%;}
    /*.head .nav dl{padding-left:5%;}*/
    .head .nav dl{margin-bottom:3%;}
    .head .nav dl dt a{line-height:200%;color:#fff;}
    .head .nav dl dd a{line-height:200%;color:#aaa;display:block;}
    .head .search{line-height:30px;padding:0 8px;margin-right:25px;}
    .main .left,.main .right,.baseinfo .pic,.baseinfo .info,.profile .excerpt dl,.feature .item,.foot .footnav dl{width:100%;}
    .main .left.menu dl{padding-left:0;overflow: auto;}
    .main .left.menu dl dd{float:left;margin:2% 0 4%;width:100%;}
    .main .left.menu dl dd a{width:33.33%;float:left;}
    .video .right .menu{margin:-2% auto 4%;}
    .main .contact .form .row input{line-height:30px;}
    .main .contact .form .row button{line-height:54px;}
    .iabout .more{line-height:250%;}
    .explore .con .item .text a.more{line-height:200%;}
    .feature .item{margin:2% auto;}
    .media .con a{margin:2%;}
    .profile .excerpt,.foot .footnav,.menuBtn,.head .nav dl dd{display:block;}
    .product .list .item,.pro .con .item,.news .list .item, .poster .list .item{width:49%;}
    .product .list .item:nth-child(3n),.pro .con .item:nth-child(3n),.news .list .item:nth-child(3n), .poster .list .item:nth-child(3n){margin-right:2%;}
    .product .list .item:nth-child(2n),.pro .con .item:nth-child(2n),.news .list .item:nth-child(2n), .poster .list .item:nth-child(2n){margin-right:0;}
    .specs h2::after{top:25%;margin-left:8%;}
    .foot .footnav dl{border:none;height:auto;}
    .foot .footnav dl dt a{margin-bottom:0;}
    .foot .footnav dl dd{display:flex;}
    .foot .footnav dl dd a{margin:0 2% 0 0;}
    .foot .copyright{border-top:1px solid #666;line-height:30px;}
    .car .item img{height:25px !important;}
    .pages .page-num{width:25px;height:25px;}
    .pages a{line-height:25px;}
}
@media only screen and (max-width: 767px) {
    .head .top-r{height:70px;}
    .head .logo{margin-top:18px;}
    .menuBtn,.menuBtn.open b{width:30px;}
    .menuBtn b{height:2px;}
    .pro .con .item a .cover,.specs h2{font-size: 24px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 22px;}
    .product .list .item .bg,.main .left.menu dl dd a,.media .con a,.feature .item dl dt{font-size: 18px;}
    .iabout .con p,.iabout .more,.main .contact .w2 .con h2,.main .contact .form .row p,.main .contact .form .row button,.video .list .item .bg,.profile .excerpt dl dt,.baseinfo .info .con .item .text h2,.video .right .menu a,.profile .excerpt dl dd,.profile .con p,.baseinfo .info .con .item .text p,.specs .spec dl dd table tr:first-child td p,.main .contact .w2 .con p,.explore .con .item .text a.more{font-size:16px;}
    .head .nav dl dd a,.head .lang dt,.feature .item dl dd,.foot .footnav dl dt a,.pages a{font-size:14px;}
    .head .search form input,input::placeholder ,textarea::placeholder,.foot .footnav dl dd a,.car .item,.specs .spec dl dd table td,.foot .copyright, .foot .copyright a{font-size:12px;}
    .media .con a span,.foot .copyright a,.head .lang,.head .search,.float{display:none;}
    .head .logo{width:40%;}
    .explore .con{display:block;}
    .explore .con .item{width:100%;}
    .specs h2::after,.specs .spec dl dt::after{width:17px;}
    .specs h2::after{top:30%;margin-left:9%;}
    .car .item img{height:20px !important;}
    .pages .page-num{width:22px;height:22px;}
    .pages a{line-height:22px;}
    .video .right .menu{display:flex;}
    .video .right .menu a{margin:auto;}
    .main .contact .form .row textarea{height:200px;}
    .main .contact .form .row input, .main .contact .form .row textarea{border-width:1px;padding:0 10px;}
    .main .contact .form .row button{line-height:32px;}
    .main .contact .form .row.code label img{height:32px !important;}
    .specs .spec dl dd table td{line-height:150%;}
}
@media only screen and (max-width: 480px) {
    .pro .con .item a .cover,.specs h2{font-size: 18px;}
    .main .left.menu dl dt,.tit,.tit b,.specs .spec dl dt,.explore .con .item .text h2{font-size: 16px;}
    .product .list .item .bg,.main .left.menu dl dd a,.media .con a,.feature .item dl dt{font-size: 12px;}
    .head .nav dl dt a,.iabout .con p,.iabout .more,.main .contact .w2 .con h2,.main .contact .form .row p,.main .contact .form .row button,.video .list .item .bg,.profile .excerpt dl dt,.baseinfo .info .con .item .text h2,.video .right .menu a,.profile .excerpt dl dd,.profile .con p,.baseinfo .info .con .item .text p,.specs .spec dl dd table tr:first-child td p,.main .contact .w2 .con p,.explore .con .item .text a.more{font-size:12px;}
    .head .nav dl dd a,.head .lang dt,.feature .item dl dd,.foot .footnav dl dt a,.pages a{font-size:12px;}
    .head .search form input,input::placeholder ,textarea::placeholder,.foot .footnav dl dd a,.car .item,.specs .spec dl dd table td,.foot .copyright, .foot .copyright a{font-size:10px;}
    .specs h2::after,.specs .spec dl dt::after{width:16px;}
    .car .item img{height:18px !important;}
    .pages .page-num{width:20px;height:20px;}
    .pages a{line-height:20px;}
    .video .list .item{width:100%;margin:2% 0;}
    .main .contact .form .row textarea{height:150px;}
}