﻿@media screen and (max-width:1750px) {
.cases-wrap,.service-wrap,.news-wrap,.human-resources-wrap,.contact-us-wrap {width:90%;}
.nlb-pic {width:49%;}
.nlb-cont {width:45%;}
.cuw-list {width:100%;}
.cases-cont,.cc-b {width:34%;}
.ibCont {width: 50%;}
.ictxt2 {font-size: 50px;}
}
@media screen and (max-width:1600px) {
.ac-bg-words {font-size:150px;}
.cases-pic {float:none;width:100%;}
.cases-pic img {width:100%;}
.cases-cont {width:40%;padding-top:15px;}
.cc-t1 {font-size:18px;height:32px;}
.cc-t2 {margin-top:5px;}
.cc-t1,.cc-t2 {padding-right:20px;}
.cases-list li {width:30.333%;}
.cases-cont {position:relative;float:none;width:97%;height:100%;padding-left:3%;}
.cc-t2 {margin-bottom:60px;}
.cc-b {width:97%;}
.nitxt {margin-top:5px;}
.nitxt span {font-size:14px;line-height:22px;height:22px;}
.nitxt strong {line-height:22px;}
}
@media screen and (max-width:1550px) {
.header .nav {margin-left:30px;}
.header .yj-bot .yj-link {font-size:14px;padding:0 10px 10px 10px;}
.head-search {width:130px;}
.la-words {width:38px;}
.head-search {margin:26.5px 0 0 20px;}
.search-input {margin:0 3% 0 8%;}
.nw2 {margin-top:30px;font-size:20px;height:60px;}
.nw3 {margin-top:30px;}
.ib-title {font-size:40px;}
.it-switch a {padding:15px 20px !important;}
.it-brand a {padding:15px 0;}
.about3-banner {width:90%;}
.at-n {width:165px;height:165px;line-height:165px;font-size:24px;}
.at-w {width:165px;height:165px;}
.al-num {font-size:24px;}
.al-txt1 {font-size:18px;height:32px;}
.it-switch {width:100%;height:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;border-bottom:1px solid #F2F2F2;}
.it-switch a {padding:8px 20px !important;display:inline-block;float:none;border:none;}
.it-brand,.it-switch {float:none;}
.inside-tab {padding:0;}
.it-brand {padding-left:15px;}
.it-switch {border-bottom:1px solid #F2F2F2;}
.inside-tab {border-bottom:none;}
.pt2 {font-size:24px;}
.pt1 {padding:6px;}
.cdt-txt1 {font-size:35px;}
.sl-title {font-size:22px;padding:20px;height:20px;}
.sl-bot {padding:20px;}
.service-list li {height:240px;}
.maps {height:550px;}
.cuw-title {font-size:26px;}
.al-txt2 {font-size:14px;height:42px;}
.al-num {width:68px;height:68px;line-height:68px;}
.ip-banner {width:90%;}
}
@media screen and (max-width:1440px) {
.cb2 {font-size:40px;letter-spacing:40px;}
.cover-bwords {margin-top:-62px;}
.ar3-title {font-size:26px;}
.nc-title {font-size:18px;margin-top:10px;height:27px;}
.nc-desc {margin-top:5px;}
.nc-more {margin-top:20px;}
.information-banner .slick-prev,.information-banner .slick-next {width:42px;height:42px;}
.information-banner .slick-next {margin-left:42px;}
.information-banner .slick-arrow i {line-height:42px;}

.news-text strong{ font-size: 20px; height: 52px;}
.news-text p{ margin-bottom: 20px;}
.dymaniclist{ margin-top: 50px;}
}
@media screen and (max-width:1370px) {
.ip-tab {width:100%;height:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.ip-txt1 {font-size:26px;}
.ip-txt2 {font-size:22px;}
.ip-tab a {padding:12px 25px;}
.fr-ewm,.fr-bot {float:none;}
.fr-ewm {justify-content:initial;margin-top:20px;}
.footer {padding:30px 5%;}
.qualification {width:90%;}
.about4-cont1 {width:90%;}
.pd-wrap {width:90%;}
.pdl-w {width:90%;}
.cb-w {width:90%;}
.ic-title,.it-w {width:90%;}
.ictxt2 {font-size: 42px;}
}
@media screen and (max-width:1280px) {
.cdt-txt1 {font-size:28px;}
.cdt-bot1 {padding:30px 0;}
.cdt-bot2 {padding:5px 0;}
.total-wbanner img {width:auto;position:relative;height:300px;left:50%;margin-left:-640px;}
.previous-right {right:2%;}
.previous-left {left:2%;}
.head_search {display:none;}

.box {width:1200px;}
}
@media screen and (max-width:1260px) {
.serach-banner {position:relative;width:348px;padding:10px 64px 10px 18px;height:24px;line-height:24px;}
.serach-banner .btn {width:74px;line-height:44px;}
}
@media screen and (max-width:1200px) {
.nav,.head-write,.head-logo .img1 {display:none;}
.head-logo .img2 {width:130px;display:block;margin-top:3.5px;}
.menu-handler,.menuBox {display:block;}
.menu-handler {-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);}
.header {background:#fff;height:55px;position:fixed;}

.header .head-logo {margin-top:0;}

.bt_box_r,.it-brand {display:none;}

.mtop {height:55px;}
.ip-banner .slick-prev {left:-3%;}
.ip-banner .slick-next {right:-3%;}
.ib-title {font-size:28px;left:5%;bottom:30px; margin:0;}
.pdt-l {padding:10px 40px 10px 0;}
.pdt-r a {padding:10px 25px;}
.sw-txt {font-size:14px;max-height:42px;width:70%;}
.sl-title {font-size:20px;padding:15px;}
.sl-bot {padding:15px;}
.service-list li {height:210px;}
.nlb-cont {width:44%;}
.nlb-pic {width:50%;}
.nc-title {font-size:16px;height:24px;margin-top:5px;}
.nc-desc {font-size:13px;height:38px;}
.nc-more {margin-top:15px;}
.ni-words {padding:35px 5%;}
.nw2 {margin-top:20px;font-size:18px;height:54px;}
.nw3 {margin-top:10px;}
.informationBot,.engineering-case {float:none;width:100%;}
}
@media screen and (max-width:1190px) {
.ai3-icon {top:48%;}
}
@media screen and (max-width:1024px) {
.box {width:90%;}
.serach-banner {position:relative;width:348px;padding:10px 64px 10px 18px;height:24px;line-height:24px;}
.serach-banner .btn {width:74px;line-height:44px;}
.page-padding {padding:60px 0;}
.no-t {font-size:24px;}
.no-btn {width:120px;height:40px;line-height:40px;}
.information-banner {width:100%;float:none;}
.engineering-case {width:100%;float:none;}
.nw2 {font-size:18px;height:54px;}
.fw-s {display:none;}
.fr-massge {margin-top:0;}
.fr-massge a {margin-top:10px;}
.footer {padding:20px 5% 30px 5%;}
.ic-title {font-size:24px;}
.q-list li {width:31.333%;}
.pw-recommended {float:none;width:100%;margin-top:30px;}
.pw-lbot {width:100%;float:none;}
.pr-list {margin-left:-2%;}
.pr-list li {float:left;width:31.333%;margin-left:2%;}
.pw-detail {width:50%;}
.pw-pic-bot {width:45%;}
.cdt-bot1,.cases-detail-words,.cb-w900 {width:80%;}
.nlb-pic img {width:100%;}
.news-list-bot li {height:455px;}
.tc-words {width:90%;}
.tw1 {font-size:24px;}
.talent-concept {padding:100px 0;}
.ri-total span {font-size:13px;}
.ri-head span {padding:10px 0;}
.rl-information span {height:43px;line-height:43px;}
.ri-lw i {transform:scale(0.8);margin-top:15.1px;}
.rl-detail {padding:30px 40px;font-size:13px;}
.ri-lw.active i {margin-top:21px;}
.news-list-bot li {width:97%;height:auto;}
.no-pic {padding-bottom:160px;}
.vwrap .videobox {width:90%;margin-left:-45%;}
.vwrap .closes {top:-32px;right:0;}

.news{ padding: 50px 0;}
.news-text strong{ height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-info{ margin-bottom: 40px;}
.news-info figure{ width: 100%;}
.news-text{ margin-right: 0; padding: 30px 5%; box-sizing: border-box; width: 100%;}
.page { margin-top: 80px !important;}
.dymaniclist{ margin-top: 20px;}
.maps{ height: 400px;}
.addressbox{ padding: 65px 0;}
.adree{ margin-top: 50px;}
.addressbox .titles h3{ font-size: 25px;}
.title2 small{ font-size: 14px;}

.ictxt2 {font-size: 24px;}
.ictxt1 {font-size: 18px;}
.ictxt3,.ictxt2:before,.mouseIco {display: none;}
.ictxt2 {padding-bottom: 0;}
.banner .slick-dots {width: 90%;top: 92%;right: 5%;	text-align: center;	}
.banner .slick-dots li {margin: 0 4px;}
}
@media screen and (max-width:860px) {
.videoList li {width:48%;}
.vlcont {padding:20px;}
.vctxt1 {font-size:18px;height:32px;}
.cb2 {font-size:28px;letter-spacing:20px;}
.cb3 {font-size:18px;}
.cover-bwords {margin-top:-51.5px;}
.mouseBox {bottom:15px;}
.ip-txt1 {font-size:20px;}
.ip-txt2 {font-size:18px;}
.ip-tab {margin-top:30px;}
.ip-tab a {padding:8px 20px;}
.fc {width:30px;height:30px;line-height:30px;}
.fc i {font-size:16px;}
.fr-massge a {font-size:14px;}
.ib-title {font-size:22px;}
.inside-cont {padding:60px 0;}
.it-w {margin:30px auto 0;}
.it-brand a {padding:8px 0;}
.q-list li {width:31.333%;}
.qc-bg {width:60px;height:60px;line-height:60px;margin-top:-30px;}
.qc-bg i {font-size:25px;}
.qualification {margin:30px auto 60px;}
.pages-list {margin-top:50px;}
.pl-sx {padding:13px 20px;}
.pl {padding:13px;}
.pages-list a {font-size:13px;}
.about3-banner {margin:60px auto 60px;}
.ab3-left {width:100%;float:none;}
.ar3-title {font-size:22px;}
.ai3-txt1 {font-size:18px;margin-top:10px;}
.ab3-right {width:100%;float:none;}
.ab3-item img {width:100%;}
.ai3-line {display:none;}
.ai3-icon {top:10%;}
.ar3-title {padding-left:0;margin-top:10px;}
.al3-item {margin-top:0;}
.ac41-list li {width:90%;float:none;}
.about4-cont1 {margin:60px auto 60px;}
.about4-cont1 .ac41-title {position:relative;top:0;margin-top:0;}
.ac41-list {width:100%;float:none;margin-left:0;}
.al-bot {padding:0 0 0 15%;width:78%;}
.at-w {width:185px;height:185px;-webkit-animation:none;left:50%;margin-left:-92.5px;}
.at-n {margin:0 auto;}
.at-w {top:-10px;}
.al-num {width:58px;height:58px;line-height:58px;font-size:20px;left:-29px;}
.ac41-list li {padding:5px 0;}
.ac4-culture {width:90%;}
.ac4-culture li {width:100%;}
.ac-c1 {width:100%;transform:rotate(0);}
.ac-c2 {width:90%;transform:rotate(0);margin:18px auto 0;}
.ac-c2 font {width:auto;transform:rotate(0);}
.ac-iw1,.ac-iw2,.ac-iw3,.ac-iw4,.ac-iw5 {left:0;}
.ac4-culture li {margin-top:20px;}
.ac-c1 {height:100px;}
.ac-c2 {height:60px;padding:0 5px;}
.ac4-title {font-size:24px;}
.ac4-cover {padding:60px 0;}
.ac4-culture {margin:10px auto 0;}
.values-wrap {padding:60px 0;}
.ac-bg-words {font-size:80px;}
.ppb-banner {width:250px;}
.pd-wrap {padding:60px 0;}
.cases-wrap {margin:30px auto 60px;}
.cb-t2 {width:36px;height:36px;line-height:36px;font-size:20px;}
.cb-t1 {margin-top:7.5px;}
.cases-list li {width:47%;}
.cdt-txt1 {font-size:24px;}
.clt b {font-size:16px;}
.cdt-bot1 {padding:20px 0;}
.cases-detail-bg {padding:60px 0;}
.clt {margin-right:20px;}
.service-list li {width:48%;margin-top:15px;}
.service-wrap {padding:45px 0 60px 0;}
.ri-w {width:15.5%;}
.ri-lw {width:7%;}
.maps {height:350px;}
.contact-us-wrap {margin:60px auto 60px;}
.cuw-title {font-size:24px;}
.cuw-list {margin-top:30px;}
.cl-w {padding:20px 5%;}
.cl-txt2 {font-size:15px;}
.cl-w {width:50%;}
.it-bg-pic {height:200px;background-attachment:initial;margin-top:30px;}

.data{ left: 22px;}
}
@media screen and (max-width:780px) {
.box {width:100%;}
.content img{margin:0 auto;display: block;max-width: 100% !important;height: auto !important;}
.values-bot {width:90%;}
.vb-cricle li {position:static;float:left;width:33.333%;margin-top:50px;}
.vc-w {width:150px;height:150px;left:50%;margin-left:-75px;}
.vc-n {margin:0 auto;top:8px;left:0;}
.values-bot .ac41-title {position:static;margin-top:0;margin-left:0;}
.values-bot {height:auto;}
.vn1 {font-size:16px;}
.vn2 {font-size:12px;}
.pw-pic-bot {float:none;width:100%;}
.pw-detail {float:none;width:100%;margin-top:30px;}
.ri-no {display:none !important;}
.ri-head span {width:23%;}
.ri-w {width:23%;}
.ri-lw {width:8%;}
}
@media screen and (max-width:680px) {

.page-padding {padding:40px 0;}
.serach-box {padding:50px 0;}
.serach-banner-box .t {font-size:16px;}
.serach-banner {width:100%;box-sizing:border-box;padding:8px 54px 8px 18px;height:auto;line-height:24px;}
.serach-banner .btn {width:54px;line-height:40px;}
.serach-banner .btn i {font-size:20px;}
.ib-item img {height:150px;}
.product-list li {width:48%;padding:20px 0 15px 0;}
.pl-words {margin-top:0;}
.previous-btn {display:none;}
.previous-right {right:0;}
.previous-left {left:0;}
}
@media screen and (max-width:640px) {
.ibannerbox {position:relative;width:100%;}
.videoWrap {width:100%;}
.information-banner .slick-prev,.information-banner .slick-next {left:5%;}
.information-banner .slick-arrow i {font-size:20px;}
.information-banner .slick-prev,.information-banner .slick-next {width:38px;height:38px;}
.information-banner .slick-next {margin-left:38px;}
.information-banner .slick-arrow i {font-size:18px;}
.vwplay {width:36px;height:36px;line-height:36px;}
.vwplay:before {width:70px;height:70px;}
.vwrap .videobox {height:300px;}
.trailer .markimg {height:220px;}

.news-text strong{ white-space: normal; font-size: 18px;}
.data{ position: relative; top: 0; margin-top: 0; left: 0;}
.newsli li a{ display: block; padding: 30px 5%;}
.news-t{ margin: 0; padding: 0; margin-top: 20px;}
.data{ display: flex; display: -webkit-flex; padding: 20px 12px; align-items: center; -webkit-align-items: center;}
.data strong{ margin-bottom: 0; margin-right: 5px;}
.newsli{ padding-bottom: 0;}
.news{ padding: 36px 0;}
.page { margin-top: 40px !important;}
.page a { height:40px; width:40px;}
.page a.text { display: none;}
.dymaniclist li time{ line-height: 50px;}
.dymaniclist li span{ margin-right: 20px; height: 50px; line-height: 50px; margin-left: 87px; font-size: 14px;}
.dymaniclist li a:before{ display: none;}
.dymaniclist{ margin-bottom: 30px;}
.maps{ height: 260px;}
.adreesin{ width: 100%; margin-left: 0; margin-top: 28px;}
.adreesin:first-child{ margin-top: 0;}
.addressbox .titles h3{ font-size: 20px;}
.adree{ margin-top: 30px;}

.banner .item .pimg {position: relative;width: auto;height: 280px;left: 50%;margin-left: -305px;}
.ibCont {width: 90%;}
.ictxt2 {font-size: 22px;margin-top: 5px;}
.banner .slick-dots li,	.banner .slick-dots li a {width: 8px;height: 8px;}
.iltxt2 {font-size: 18px;padding-bottom: 15px;}
.iltxt2:before {height: 3px;}
.ic-cont2 {margin-top: 20px;padding-top: 8px;}
}
@media screen and (max-width:621px) {
.mouseBox {display:none;}
.nw2 {font-size:15px;height:44px;}
.ic-title {font-size:18px;}
.sl-title {font-size:18px;padding:10px;}
.sl-bot {padding:10px;}
.sl-words {margin-top:5px;}
.service-list li {height:190px;}
.total-wbanner img {height:200px;margin-left:-480px;}
.ni-words {padding:20px 3%;}
.ni-words {width:43%;}
}
@media screen and (max-width:550px) {
.cb2 {font-size:20px;letter-spacing:10px;margin-top:0;}
.cb3 {font-size:15px;margin-top:0;}
.cover-bwords {margin-top:-37px;}
.cb1 {font-size:14px;}
.index-product {margin:40px 0;}
.inside-cont {padding:30px 0 40px 0;}
.it-w {margin:20px auto 0;}
.qualification {margin:20px auto 40px;}
.q-list li {margin:10px 0 0 2%;}
.pages-list {margin-top:30px;}
.pl-sx {padding:10px;}
.pl {padding:10px;}
.pages-list a {font-size:12px;}
.about3-banner {margin:40px auto 40px;}
.ab3-left .slick-prev,.ab3-left .slick-next {width:40px;height:40px;right:0;}
.ab3-left .slick-arrow i {line-height:40px;font-size:18px;}
.ar3-title {font-size:18px;}
.ai3-txt1 {font-size:16px;}
.ai3-txt2 {font-size:13px;}
.ai3-icon {top:8%;}
.about4-cont1 {margin:40px auto 40px;}
.at-n {width:125px;height:125px;line-height:125px;font-size:20px;}
.at-w {width:145px;height:145px;margin-left:-72.5px;}
.al-txt1 {font-size:16px;}
.al-txt2 {font-size:13px;height:38px;}
.al-num {width:54px;height:54px;line-height:54px;left:-27px;}
.vb-cricle li {width:50%;}
.ppb-pic img {height:300px;}
.pd-wrap {padding:40px 0;}
.pdt-l,.pdt-r {float:none;}
.pdt-l {border-right:none;}
.pdt-r a {border:1px solid #F2F2F2;padding:5px 0;width:90px;text-align:center;font-size:13px;}
.product-detail-top {padding-bottom:10px;}
.cb-r {display:none;}
.cases-detail-bg {padding:40px 0;}
.return-cases-list a {margin-top:20px;font-size:13px;}
.service-wrap {padding:25px 0 40px 0;}
.service-list li {width:98%;}
.news-list-bot li {width:97%;}
.news-list-bot li {margin-top:20px;}
.news-wrap {padding:20px 0 60px 0;}
.recruitment-information {margin-top:30px;}
.human-resources-wrap {padding:40px 0;}
.tw1 {font-size:20px;}
.talent-concept {padding:50px 0;}
.load-more-btn {font-size:13px;width:100px;height:35px;line-height:35px;}
.cl-txt2 {font-size:13px;max-height:46px;}
.cl-w {padding:10px 3%;}
.cl-w {width:100%;height:auto !important;}
.cuw-list li {text-align:center;}
.cuw-title {font-size:20px;}
.nlb-pic {width:100%;float:none;}
.nlb-cont {width:94%;float:none;}
.cases-detail-words {width:75%;font-size:14px;}
.pl-txt {display:none;font-size:14px;}
.nw1 {font-size:16px;}
.ip-tab a {font-size:14px;}
.it-switch a,.it-brand a,.pl-words,.ac-c2,.crt1,.sl-words font,.tw2,.load-more-btn {font-size:14px;}
.cb-t1,.nc-more,.cl-txt1 {font-size:12px;}
.nc-time {font-size:13px;}
.pdt-l a {font-size:14px;}
}
@media screen and (max-width:481px) {
.vlcont {padding:15px;}
.videoList li {width:98%;}
.ip-banner .slick-prev,.ip-banner .slick-next {width:34px;height:34px;}
.ip-banner .slick-arrow i {line-height:34px;}
.ip-tab {margin-top:20px;}
.nw2 {font-size:13px;height:38px;}
.ec-words {bottom:15px;}
.ew1 {font-size:16px;}
.ew2 {margin-top:0;font-size:13px;}
.ew3 {margin-top:0;font-size:13px;}
.fr-massge a {font-size:12px;}
.fl-copyright {font-size:12px;}
.fr-ewm {display:none;}
.footer {padding:10px 3% 20px 3%;}
.it-paragraph {font-size:13px;}
.q-list li {width:48%;}
.ac4-title {font-size:20px;}
.vb-cricle li {margin-top:30px;}
.product-list .ql-pic img {height:180px;}
.ppb-banner .slick-prev,.ppb-banner .slick-next {width:34px;height:34px;}
.ppb-banner .slick-arrow i {line-height:34px;font-size:20px;}
.pt1 {font-size:12px;padding:4px;}
.pt2 {font-size:18px;line-height:1.5;}
.pd-title {padding-bottom:15px;}
.pd-bot {padding:20px 0;}
.pb1 {width:18%;font-size:12px;}
.pb2 {width:81%;font-size:13px;}
.pr-title {font-size:18px;}
.pl-pic img {height:100px;}
.cases-list li {width:97%;}
.cases-wrap {margin:20px auto 40px;}
.cases-cont {padding-top:10px;}
.cc-t1,.cc-t2 {padding-right:10px;}
.cc-t2 {font-size:13px;height:38px;}
.cdt-txt1 {font-size:18px;}
.cdt-bot1 {padding:10px 0;}
.clt {font-size:13px;}
.clt b {font-size:14px;}
.ib-title {bottom:20px;}
.ni-pic {width:100%;float:none;}
.ni-words {float:none;width:90%;padding:10px 5%;}
.nw2 {margin-top:10px;}
.nw3 {margin-top:5px;font-size:12px;}
.ni-pic img {height:240px;}
.maps {height:280px;}
.st-icon {transform:scale(0.7);}
.service-list li:hover .sl-bot {padding:15px;}
.banner .pimg {width:auto;height:250px;position:relative;left:50%;margin-left:-240px;}
.ec-pic {display:block;position:relative;left:50%;margin-left:-330.5px;width:auto;height:300px;}


}
@media screen and (max-width:421px) {
.ppb-banner {width:200px;}

.newslist li span{ width: 62%;}
.newslist li time{ padding-right: 0;}
.newslist li time b{ display: none;}
}
@media screen and (max-width:375px) {
.al-bot {padding:0 0 0 16%;}
}
@media screen and (max-width:350px) {
}
