@media screen and (max-height:600px){
	.triangle{ width:600px;}
	.triang{ margin-left:-300px;}
	.acoustics h1{ font-size:26px;}
	.acoustics-list{ bottom:12%;}
}
@media screen and (max-width:1450px) {
    .acoustics h1 { font-size: 30px; }
    .inter-wr { padding: 5% 18.4% 0 7%; }
    .inter-inner h3 a { font-size: 18px; }
    .property h3 a { font-size: 18px; }
    .property h3 { margin-top: 4%; margin-bottom: 2%; }
    .dynamic { padding: 22px 0; }
}

@media screen and (max-width:1280px) {
    .inner { width: 92%; }
    .acoustics { margin-left: -600px; }
    .triangle { width: 50%; }
    .acoustics h1 { font-size: 26px; }
    .acoustics { margin-left: -45%; }
    .inter-wr { padding: 5% 7% 0 7%; }
    .acoustics-list .owl-theme .owl-controls .owl-buttons div { width: 25px; height: 46px; position: absolute; top: 50%; margin-top: -23px; padding: 0; border-radius: none; }
    .owl-theme .owl-controls .owl-buttons div.owl-prev { background: url(../img/prev.png) 0 center no-repeat; left: -36px; }
    .owl-theme .owl-controls .owl-buttons div.owl-next { background: url(../img/next.png) 0 center no-repeat; right: -36px; }
    .inter-inner .detail { bottom: 4%; }
    .property h3 { margin-top: 3%; margin-bottom: 1%; }
    .tabs { float: none; margin: auto; }
    .triang { margin-left: 0; left:0;}
}

@media screen and (max-width:1200px) {
    .inner { width: 90%; }
    .pic-tab { width: 419px; margin-right: 0; }
    .information { width: 52%; float: right; }
    .resources { margin-top: 50px; width: 419px; float: left; }
    .product-area li { padding: 115px 0 105px; }
    .product-fix { width: 90%; }
    .area-text h2 { margin-top: 15px; margin-bottom: 20px; }
    .area-text p { margin-bottom: 25px; }
    .about-wr h3 { font-size: 50px; }
    .about-wr { left: 5%; margin-left: 0; }
    .team .line { width: 336px; height: 336px; left: 50%; top: 50%; margin-left: -168px; margin-top: -168px; }
    .team { width: 280px; height: 280px; margin-left: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    .discussion h5 { font-size: 14px; }
    .discussion b { margin: 10px 0 5px; }
    .links { float: none; margin-top: 40px; }
}

@media screen and (max-width:1137px) {
    .conWidth { width: 90%; }
    .new-info { padding: 0; }
    .news-list { padding-left: 0; }
    .news-list li { width: 30%; margin-right: 5%; }
}

@media screen and (min-height:600px) and (max-height:700px) {
    .triangle { width: 576px; }
    .triang { margin-left: -288px; }
    .acoustics-list { bottom: 14%; }
}

@media screen and (max-width:1024px) {
    .navBox { display: none; }
    .header-box { padding: 18px 0 23px; }
    .header .logo { width: 91px; height: 42px; background-size: cover; }
    .header-box.scoll .logo { background-size: cover; }
    .nav-botoom { width: 100% !important; padding: 15px 18px 36px 15px; box-sizing: border-box; }
    .nav-fix { margin-left: 0; text-align: left; width: 58%; }
    .menuBtn { top: 9px; }
    .eq { margin-right: 0; width: 42%; }
    .eq a { margin-left: 8%; }
    .triangle { width: 60%; }
    .triang { margin-left: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); left:50%;}
    .acoustics h1 { font-size: 30px; }
    .acoustics-list { width: 76%; padding: 0 36px; box-sizing: border-box; }
    .programme { padding: 78px 0 58px; }
    .programme h2 { font-size: 30px; }
    .programme h1 { margin-bottom: 55px; font-size: 30px; }
    .programme p { width: 100%; }
    .pro-more { margin-top: 60px; }
    .intriduct { display: none; }
    .i-product { display: block; }
    .footer-tp { padding: 30px 0 28px; }
    .address span { line-height: 25px; font-size: 14px; }
    .links, .follow { display: none; }
    .footer-bott { padding: 32px 0 45px; }
    .copy a { line-height: 28px; margin-bottom: 0; }
    .copy p a { line-height: 26px; margin-right: 0; }
    .new-box { padding: 90px 0 52px; }
    .information { width: 48%; }
    .resources { margin-top: 30px; width: 100%; }
    .inner-page { min-height: 320px; background-size: cover; background-position: center center; }
    .inner-page figure { display: none; }
    .inner-page figcaption h3 { font-size: 40px; margin-bottom: 12px; }
    .product-area li { padding: 95px 0 85px; }
    .product-class .product-list li { width: 48%; margin-right: 4%; }
    .product-class .product-list li:nth-child(3n+3) { margin-right: 4%; }
    .product-class .product-list li:nth-child(2n+2) { margin-right: 0; }
    .view-text { padding-top: 56px; }
    .view-font, .appearance { padding: 0 46px; }
    .product-view { padding-top: 166px; }
    .view-font h3 { margin-bottom: 20px !important; }
    .appearance { margin-top: 40px; margin-bottom: 160px; }
    .article { padding: 62px 0 80px; }
    .project { padding: 85px 0 68px; }
    .project-left { width: 100%; background: none; margin-bottom: 50px; }
    .project-left li { width: 20%; overflow: hidden; float: left; box-sizing: border-box; border-bottom: none; border-right: 1px solid #fff; }
    .project-text { width: 100%; }
    .project-left li i { transform: scale(0.7); }
    .suppter { padding: 60px 0 40px; }
    .support li { margin-bottom: 40px; }
    .support li:nth-child(1) { width: 40%; }
    .support li:nth-child(2) { width: 60%; }
    .support li:nth-child(3) { width: 40%; }
    .project-view { padding: 80px 0 0; }
    .viewtext { margin-bottom: 100px; }
    .viewtext h1 { font-size: 28px !important; }
    .viewtext img { margin-top: 65px !important; margin-bottom: 30px !important; }
    .new-info .new-text p { margin-bottom: 38px; }
    .new-info .new-text h3 a { font-size: 20px; }
    .news-box { padding: 100px 0 150px; }
    .news-list li .newfix { padding: 20px 12px 38px 12px; }
    .news-list li h3 a { font-size: 16px; }
    .news-list li p { font-size: 12px; }
    .hr-info:nth-child(1) { margin-left: 0; }
    .hr-info { width: 48%; margin-right: 4%; margin-bottom: 40px; }
    .hr-info:nth-child(2n+2) { margin-right: 0; }
    .post-wr { padding: 0; }
    .post { margin-top: 50px; }
    .reruit-info { padding: 26px 15px 5px 15px; }
    .reruit-info h4 { margin-bottom: 15px; }
    .recuit-top span { height: 42px; line-height: 42px; }
    .recuit-top span:nth-child(2) i.line1 { top: 18px; }
    .recuit-top span:nth-child(2) i.line2 { top: 12px; }
    .culture { height: 500px; }
    .culture-bg { height: 500px; }
    .culture img { display: none; }
    .culture-title h3 { font-size: 26px; }
    .culture-title small { font-size: 14px; }
    #exhibition { width: 90%; }
    #exhibition .pright, #exhibition .pleft { display: none; }
    .exhibite { width: 100% !important; }
    .introduct { padding: 200px 0 46px; }
    .introduct-title { width: 100%; text-align: center; margin-bottom: 38px; }
    .introduct-title h1 { margin-bottom: 12px; }
    .introduct-title h1 small { left: 50%; margin-left: -32px; }
    .intro p { width: 100%; }
    .property-title h3 { font-size: 26px; }
    .organizate { padding: 56px 0 128px; }
    .map { height: 400px; width: 100%; }
    .contact { padding: 400px 0 140px; }
    .list.article-block .pic-tab { left: 0; position: relative; top: 40px; opacity: 0; transition: 600ms; }
    .list.articleShow .pic-tab { top: 0; opacity: 1; }
    .tab-box { display: none; }
    .exhibtab .item .titls { width: 100%; opacity: 1; font-size: 14px; line-height: 1.8; }
    .exhibite .bx-viewport { overflow: hidden; }
}

@media screen and (max-width:940px) {
    .information { width: 100%; }
    .pic-tab { width: 100%; margin-bottom: 30px; }
    .pic-list li img { width: 100%; height: auto; }
    .area-text strong { font-size: 20px; }
    .area-text h2 { font-size: 26px; }
    .product-area li figure { width: 48%; }
    .area-text { width: 48%; }
    .new-info .new-text h3 { margin-bottom: 12px; margin-top: 5px; }
    .new-info .new-text h3 a { font-size: 18px; }
    .new-info .new-text p { margin-bottom: 18px; font-size: 12px; }
}

@media screen and (max-width:861px) {
    .acoustics h1 { font-size: 24px; }
    .product-area li figure { width: 100%; margin-bottom: 20px; }
    .area-text { width: 100%; }
    .product-view { padding-top: 146px; }
    .view h3 { font-size: 30px; }
    .project-left li span { font-size: 12px; }
    .project-list li figcaption { padding: 16px 0 20px 0; }
    .project-list li figcaption .r { font-size: 14px; }
    .support li:nth-child(1), .support li:nth-child(2), .support li:nth-child(3) { width: 100%; }
    .support li i { margin-bottom: 20px; }
    .support li h2 { font-size: 20px; }
    .suppter { padding: 50px 0 0; }
    .new-info .new-text h3 { margin-bottom: 10px; }
    .new-info .new-text h3 a { font-size: 16px; }
    .new-info .new-text p { line-height: 1.6; }
    .news-list li .newfix { padding: 30px 15px 58px 20px; }
    .news-list li { width: 48%; margin-right: 4%; }
    .news-list li:nth-child(3n+3) { margin-right: 4%; }
    .news-list li:nth-child(2n+2) { margin-right: 0; }
    .about-wr h3 { font-size: 40px; }
    .about-img img { min-height: 150px; max-width: 100%; }
    .introduct { padding: 155px 0 46px; }
    .intro p { margin-bottom: 28px; }
    .new-box { padding: 70px 0 40px; }
    .exhibite .bx-controls-direction .bx-next { right: 13px; }
    .exhibition:hover .exhibite .bx-controls-direction .bx-next { right: 13px; }
    .exhibite .bx-controls-direction .bx-prev { left: 13px; }
    .exhibition:hover .exhibite .bx-controls-direction .bx-prev { left: 13px; }
	.triangle{ width:80%;}
}

@media screen and (max-width:641px) {
    .about-wr h3 { font-size: 30px; }
    .acoustics h1 { font-size: 20px; }
    .acoustics-list { width: 100%; margin-left: 0; left: 0; bottom: 14%; }
    .programme h2 { font-size: 18px; }
    .programme h1 { margin-bottom: 45px; font-size: 18px; }
    .programme p { font-size: 12px; }
    .pro-more { margin-top: 50px; }
    .product-info figcaption h2 { font-size: 18px; }
    .product-info figcaption small { font-size: 16px; }
    .inner-page figcaption h3 { font-size: 32px; }
    .inner-page figcaption small { font-size: 18px; }
    .product-area li { padding: 65px 0 55px; }
    .area-text strong { font-size: 18px; }
    .area-text h2 { font-size: 20px; }
    .area-text p { font-size: 12px; }
    .area-text .pro-more a { font-size: 12px; }
    .product-class .product-list li { width: 100%; margin-right: 0; }
    .product-list li .pro-more { margin-top: 32px; }
    .product-list li .product-infos { padding-bottom: 24px; }
    .view h3 { font-size: 26px; }
    .view-text { padding-top: 36px; }
    .view-font, .appearance { padding: 0 26px; }
    .view-font h3 { font-size: 26px !important; }
    .view-font p { font-size: 12px !important; margin-bottom: 30px !important; }
    .app-list li { width: 48%; margin-right: 4%; }
    .app-list li:nth-child(2n+2) { margin-right: 0; }
    .appearance { margin-bottom: 56px; }
    .page { padding: 28px 0 40px; }
    .page-list { margin-left: 22px; }
    .article { padding: 32px 0 50px; }
    .project { padding: 45px 0 35px; }
    .project-left li { width: 33.33%; border-bottom: 1px solid #fff; }
    .project-list li figcaption { padding: 14px 0 16px 0; font-size: 14px; }
    .project-list li figcaption .r { display:none; }
    .nextpage { margin-top: 0; }
    .viewtext { margin-bottom: 50px; }
    .viewtext h1 { font-size: 20px !important; }
    .viewtext p { font-size: 12px !important; width: 100% !important; }
    .viewtext img { margin-top: 20px !important; margin-bottom: 15px !important; }
    .dynamic a span { font-size: 14px; }
    .new-info figure { float: none; width: 100%; margin-bottom: 30px; }
    .new-info .new-text { float: none; width: 100%; }
    .news-box { padding: 50px 0 70px; }
    .news-list li { width: 100%; margin-right: 0; }
    .hr-info { width: 100%; margin-right: 0; }
    .exhibtab li img { min-height: 240px; max-width: 100%; }
    .exhibite .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 12px; }
    .exhibite .owl-theme .owl-controls .owl-buttons div.owl-next { right: 12px; }
    .introduct { padding: 100px 0px 40px; }
    .about { height: 247px; }
    .about-img img { min-height: 100px; }
    .introduct-title h1 { font-size: 24px; }
    .intro p { margin-bottom: 18px; }
    .showMore { margin-top: 40px; }
    .organizate { padding: 46px 0 56px; }
    .pro-img img { margin-left: 0; }
    .map { height: 300px; width: 100%; }
    .contact { padding: 300px 0 100px; }
    .contact-add h4 { font-size: 26px; margin-bottom: 26px; }
    .contact-eq { float: left; margin-top: 30px; }
    .new-box { padding: 40px 0 20px; }
    .caseBanner { padding-top: 25px; }
    .leader { background-attachment: local; }
    .swiper-slide {max-width: 100%; background-size: cover !important; }
    .swiper-slide img { display: block; }
    .property-tab ul li { display: flex; }
    .property-tab ul li img:nth-child(1) { margin-bottom: 0; }
    .property-tab ul li a { width: 48%; box-sizing: border-box; display: block; margin: 0; height: auto; }
    .property-tab ul li a:nth-child(1) { margin-right: 4%; }
    .projects img { width: 42%; }
    .property-tab ul { padding-top: 0; }
    .property-tab .owl-theme .owl-controls { position: static; }
    .property-tab .owl-theme .owl-controls .owl-buttons div.owl-prev { position: absolute; left: -5%; margin-top: -13px; }
    .property-tab .owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; right: -5%; margin-top: -13px; }
    .exhibtab .item .titls { font-size: 12px; }
}

@media screen and (max-width:481px) {
    .acoustics h1 { font-size: 18px; }
    .acoustics p { font-size: 12px; bottom: -20px; }
    .triangle { width: 140%; margin-left: -20%; }
    .information h3, .resources h3, .pic-tab h2 { font-size: 18px; }
    .informate-list li span { width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .techology-left h4 { font-size: 18px; }
    .techology-left small { font-size: 15px; }
    .resource-info span { font-size: 16px; }
    .product-area li { padding: 45px 0 35px; }
    .back { float: left; margin-left: 22px; }
    .project-list li figcaption { padding: 8px 0 9px 0; font-size: 12px; line-height: normal; }
    .menuBox { padding: 46px 0 16px; }
}

@media screen and (max-width: 380px) {
    .project-left li { padding-bottom: 0; padding-top: 12px; }
    .project-left li i { margin-bottom: 0; }
    .project-left li span { height: 34px; }
}

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