@charset "utf-8";
/* CSS Document  */
@media screen and (max-width: 2600px) {
}
@media screen and (max-width: 1920px) {
}
/* 1680 */
@media screen and (max-width: 1680px) {
	
	.ozark-iadvantages .text {width: 300%;}
	.interpretation .txt {padding: 2% 3% 5% 5%;}
	.interpretation.int2 .txt {padding: 5% 4% 0 4%;}
	.prodcutlist a .pic,.otherprodcut a .pic {max-height: 300px;min-height:auto;}
	.dealers-right {padding:0 4%;}
	.technical .left {width: 44%;padding:0 3% 0 3%;}
	.technical .left .data li {width: 98%;padding: 13px 0;margin-bottom: 10px;}
}

/* 1440 */
@media screen and (max-width: 1440px) {
	.ozark-iadvantages .text {font-size: 250px;}
	.inewslist .inews a .txt h5 {font-size: 14px;line-height: 22px;margin: 20px 0;}
	.prodcutlist a .txt h4 {font-size: 14px;}
	.prodcutlist a .txt h5 {font-size: 12px;}
	.dtitle  {font-size: 20px;}
	.dtitle h2  {font-size: 30px;}
	.detailmain {width: 46%;padding-left: 5%;}
	.prodcutlist a,.otherprodcut a {width: 19%;margin: 0.3%;}
	.dealers-list a span h5 {font-size: 14px;}
	.dealers-list a span h6 {font-size: 14px;line-height: 23px;}
	.dealers-map {width: 58%;}
	.dealers-right {padding: 0 0 0 2%;}
	.dealers-list a {padding: 10px 0;}
	.scroll_wrap {height:480px;}
	.technical .left .data li h5 {font-size: 14px;}
	.technical .left {width: 40%;padding: 0 3% 0 3%;}
	.technical .pic {width: 54%;}
	.nnav {width:45%;}
}



/* 1366 */
@media screen and (max-width: 1366px) {
	
	footer .car-footer .leftnav ul {width: 18%;}
	.title h2 {font-size: 40px;}
	.iacase li a h4 {font-size: 18px;}
	.inewslist .inews a .txt h4 {font-size: 14px;}
	.inewslist .inews a .txt h5 {font-size: 12px;line-height: 20px;}
	.aboutnav {width: 65%;}
	.car-company {padding:7% 5%;}
	.interpretation .txt {padding:1% 0 0 3%;width: 30%;}
	.interpretation .txt h5 {font-size: 14px;line-height: 22px;}
	.storestxt h4,.project .txt h4 {font-size: 14px;line-height: 30px;}
	.viewmap {font-size: 12px;}
	.technical .left .data li span h3 {font-size:16px;}
	.serviceconsulting {width: 90%;}
}




/* 1280 */
@media screen and (max-width: 1280px) {

	.interpretation .txt h2 {font-size: 40px;}
	.interpretation .txt h5 {font-size: 13px;}
	.pdata .text {font-size: 12px;line-height: 26px;}
	.pdata h4 {font-size: 14px;border-bottom: 1px solid #1b1b1b;padding: 5px 0;}
	.dtitle {font-size: 18px;}
	.otherprodcut a .txt h4,.casetitle h5  {font-size: 14px;}
	.otherprodcut a .txt h5 {font-size: 12px;}
	.casetitle h5 {padding:5px 0;}
	.storestxt h4 {line-height: 24px;padding: 8% 0;}
	.stores .swiper-button-ctrl {margin-top: 80px;}
	.serviceconsulting .left ul {padding: 5% 0;}
	.recruitment {width: 90%;}
	.talentconcept .txt {width: 35%;padding: 0 0 5% 10%;}
	.talentconcept .txt .text {padding:10% 0 0 0;font-size: 14px;line-height: 30px;}
	.xy-index-banner .text h2 {font-size: 40px;}
	.xy-index-banner .text h3 {font-size: 28px;}
}




/* 1152 */
@media screen and (max-width: 1152px) {
    
	.nnav {width:55%;}
	header .car-header .right .car-nav a {font-size: 15px;margin-right:30px;}
	header .car-header .right .other a {font-size: 15px;}
	.ozark-iadvantages .right {padding:3% 5% 0 5%;}
	.inewslist .inews a .txt h5 {display: none;}
	.inewslist .inews a .txt h6 {padding:5% 0;}
	header.header-fixed .car-header .right .car-nav a {margin-right:30px;}
	.interpretation .txt h5 {font-size: 12px;}
	.electricity a {width: 30.3333333%;}
    .ozarkprodcut{padding: 5% 0 8%;}

}


/* 1024 */
@media screen and (max-width: 1024px) {




}



/* 860 */
@media screen and (max-width: 960px) {
	header,.pcshow,.suspension { display:none!important;}
	.mbshow,.nav_mobile {display:block!important; }
	.rolling-top {display: none!important;}
	.xy-index-banner .text {width:90%;left:5%;top: 35%;margin-left:0px;}
	.xy-index-banner .text h2 {font-size: 36px;}
	.xy-index-banner .text.left {left: 5%;top: 22%;width:90%;}
	.xy-index-banner .text p{width:100%}
	.xy-index-banner .swiper-pagination{bottom:4%;}
	.xy-index-banner .text.right{display:none}
	.xy-index-banner .text h6 {font-size: 14px;width: 120px;height:38px;line-height: 38px;margin-top: 20px;}
	.swiper-ozarkshow{width:75%;left: 5%;right: 0;}
	.swiper-ozarkshow span.swiper-pagination-bullet{height:3px;}
	.swiper-ozarkshow .swiper-slide{margin-bottom:10px;}
	.prodetail img{width:100%;}
	.title h2 {font-size:24px;}
	.title h3 {font-size:18px;}
	.tmore {width: 70px;}
	.tmore a {font-size: 12px;padding-bottom: 10px;}
	.ozark-iproduct .iproduct,.ozark-iproduct .iproduct.ip1,.ozark-iproduct .iproduct.ip2,.ozark-iproduct .iproduct.ip4,.ozark-iproduct .iproduct.ip6,.ozark-iproduct .iproduct.ip7,.ozark-iproduct .iproduct.ip9,.ozark-iproduct .iproduct.ip10 {margin:1% 0px ;width:100%;max-width: 100%;float: none;}
	.ozark-iproduct .iproduct .txt h4 {font-size: 18px;}
	.ozark-iproduct .iproduct .txt h5 {font-size: 14px;}
	.ozark-iadvantages .left {float: none;width: 100%;}
	.ozark-iadvantages .right {float: none;width: 100%;padding: 10% 0 0 0;margin-bottom:10%;}
	.ozark-iadvantages .right .iadvantages p{font-size:14px;}
	.ozark-brand {background-size: 200%;background: #000;}
	.ozark-brand .concept .main .text .protab{width:100%;}
	.ozark-brand .brand .btitle h4 {font-size:16px;}
	.ozark-brand .brand .btitle h2 {font-size: 22px;}
	.ozark-brand .concept .pic {width: 100%;float: none;margin-top: 5%;}
	.ozark-brand .brand .txt {text-align: center;font-size: 12px;line-height: 19px;position: relative;right: auto;top: auto;}
	.ozark-brand .concept .main {width: 100%;padding: 10% 0;float: none;}
	.ozark-brand .advantage .main {width: 100%;padding: 5% 0 0 0;}
	.ozark-brand .advantage .pic {width: 100%;float: none;}
	.ozark-brand .advantage .main .text {width: 100%;padding: 5% 0;font-size: 14px;line-height: 30px;}
	.about .us .cont .pic{margin-top:0px;}
	.about .us .pic{margin-bottom: 30px;}
	.about .us .text p{font-size:14px;}
	.imore a {font-size: 14px;width: 130px;height:42px;line-height:42px;}
	.pathbg {padding-top: 70px;}
	.aboutnav {width: 100%;}
	.aboutnav li a i {margin-top:0;}
	.aboutnav li a {padding:10px 0;}
	.ozark-page-path{padding:15px 0;}
	.pt130 {padding-top: 10%;}
	.interpretation .pic {width:100%;float: none;}
	.interpretation .txt {position: relative;width:100%;height: auto;left:auto;top: auto;padding:5% 0;}
	.interpretation.int2 .pic,.interpretation.int2 .pic:last-child {width: 100%;float: none;}
	.interpretation.int2 .txt {width: 100%;left: auto;padding:5% 0;}
	.title h6 {font-size: 14px;line-height: 28px;adding: 30px 0;width: 100%;}
	.swiper-button-nextC, .swiper-button-prevC,.swiper-button-nextD, .swiper-button-prevD {display: none;}
	.certification li {padding:10%;}
	.certification li .dtable,.certification li .dtable-cell,.certification li img {height:150px;max-height: 150px;}
	.downloadlist {padding: 10% 0;}
	.prodcutnav .swiper-wrapper {display: flex;}
	.prodcutnav .swiper-pagination{display:block;}
	.prodcutnav .swiper-pagination.swiper-pagination-progressbar {bottom: 0;top: auto;background: #ededed;height: 2px;}
    .prodcutnav span.swiper-pagination-progressbar-fill {background: #1a1a1a;}
	.prodcutnav2 {padding:10% 0;}
	.prodcutnav2 a {padding:10px;}
	.prodcutlist a, .otherprodcut a {width:100%;margin-bottom:2%;display: block;}
	.prodcutlist {padding:5% 0 15% 0;width: 101%;}
	.detailpic {float: none;width:-webkit-calc(100% - 2px); width:-moz-calc(100% - 2px); width:calc(100% - 2px);}
	.detailpic .swiper-button-next, .detailpic .swiper-button-prev {width: 60px;height: 40px;bottom: 0px;}
	.detailpic .swiper-button-prev {right: 61px;}
	.detailpic .swiper-pagination.swiper-pagination-fraction {bottom:3%;}
	.pcertification a:nth-child(2){margin-right:0px;}
    .news-detail-page{margin-top:0px}
    .news-detail-page a{font-weight: normal;font-size: 14px;width: 100px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;text-overflow: ellipsis;}
    .news-detail-page a.prev{padding-left: 40px;}
    .news-detail-page a.next{padding-right: 40px;}
	.detailmain {width: 100%;padding:5% 0;}
	.dtitle {font-size: 16px;}
	.dtitle h2  {font-size: 20px;}
	.pdata ul li {font-size: 12px; margin-right: 10%; width: auto;}
	.nnav {right:auto;left:auto; bottom:auto;width:97%;text-align: left;position: relative;margin:-50px auto auto;}
	.nnav a {font-size: 14px; margin-left: 0;padding:10% 0; overflow: hidden;margin-bottom: 10px;display: block;text-align: center;}
	.ozark-page-newsdetail .title h2{font-size:20px;}
	.listprodcut li{width:49%;}
	.good-swiper-thumbs{display:none;}
	.listprodcut li:nth-child(2n+0){margin-right:0;}
	.pagenum {padding: 1% 0 0% 0;}
	.dealers-map {width: 100%;}
	.dealers-right {float: left;width: 90%;padding: 5% 5%;}
	.dealers-list {margin: 5% 0 5% 0;height: 510px;overflow: auto;}
	.scroll_wrap {height:auto;}
	.scroll_bar {display: none;}
	.scroll_cont {height: auto;}
	.electricity a {width:100%;height:210px;margin:1% 0;}
	.feedback {padding-bottom: 13%;width:90%;margin: auto;}
	.feedback li {width:100%;margin:1% 0;}
	.textarea3 {width: 94.5%;}
	.submit3 {width: 98%;}
	.contactus .left {float: none;width: 100%;}
	.contactus .right {float: none;width: 100%;padding:0%;}
	.contactus .right li .submit1 {width:100%;margin: 20px 0px;}
	.contactus .right .checkcode{width:100%;}
	.stores-contact-item li{width: 90%;margin-right: 0%;padding: 8% 5%;}
	#stores .tmores{top: 1.5%;}
	#stores .stores-contact-item{margin-top: 5%}
	.bannerny .content2 .store{width: 88%;margin-top: 30px;}
	.stores-contact-item .fl{width: 75%;}
	.stores-contact-item .fr{width:25%}
	.contact {margin-bottom: 10%;}
	.talentconcept .pic {float: none;width: 100%;}
	.talentconcept .txt {width: 100%;float: none;padding:5% 0;}
	.nnav.num3,.nnav.num4 {text-align: left;}
	.nnav.num3 .swiper-wrapper, .nnav.num4 .swiper-wrapper {display: flex;}
	.dealers {padding-bottom: 13%;}
	.pcrzshow {position: relative;left: auto;top: auto;margin-top:10px;}
	.white_content {top:0;left:0;width:100%;height:100%; margin-left: -0px;margin-top: -0px;background: #fff;}
	.white_content .dtable{height:100%}
	.white_content .dtable .dtable-cell {height:100%!important;}
	.white_content form {position: inherit;}
	.contactus .right li .input1,.contactus .right li .textarea1{border: 1px solid #ccc;}
	#stores{padding-bottom:10%}
	footer .ft-contact .logo{width:100px;margin-top:30px;}
}
 


/* iphone5 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {


}

/* phone 678 */
@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
	
}

/* phone 678 plus*/
@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {
	
}


/* phone x 和 微信内高*/
@media only screen and (device-width : 375px) and (device-height : 812px) {
	
}


/* phone x */
@media screen and (max-width : 736px) and (orientation: landscape) {
}


/* all iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {


}

/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {




}

/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {




}


/* all iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* x iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {


}

/* y iPad pro */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/*兼容IE11*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){

}