@media screen and (max-width:1024px){
	.inner1320,.inner,.inner1000,.inner1100{ width: 90%;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50,.transXT100{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50,.action.transXT100 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
	.body-right{ min-height: calc(100vh - 356px);}
	.header{  height: 60px; }
	.nav{ display: none;}
	.logo a{ padding: 6px 0px 10px; height: 70px;}
	.top-sider{ /*! line-height: 56px; */ border-left: 0px none;}
	.follow-box{ height: 28px; line-height: 28px; display: none;}
	.oaBtn{ /*! font-size: 12px; */ /*! background-color: #f7f6f6; */margin-top: 5px;}
	.oaBtn span{ background: none; padding-right: 0;}
	.top-sider{ /*! width: 74px; */ }
	.menu-handler{ display: block;margin-top: 5px;}
	.menuBox{ display: block;}
	.body-right {-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); }
	.menuOpen .body-right {-webkit-transform:translateX(-310px);transform:translateX(-310px);}
	.footNav{ padding-bottom: 0;}
	.erm-box{ width: 110px;}
	.foot-line{ display: none;}
	.binbox{ width: 90%; left: 5%; margin-left: 0;}
	.banner .pimg{ width: 120%; margin-left: -10%;}
	.binbox{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.binbox .ico{ width: 14px; height: 14px;}
	.binbox .moreBtn{ width: 120px; height: 34px; line-height: 34px; font-size: 12px; margin: 18px auto 0;}
	.moreBtn:before{ width: 120px; height: 120px; margin: -60px 0px 0px -60px;}
	.bannerType{ position: relative; left: auto; bottom: auto; background-color: #fff;}
	.bannerType-list li{ background: none; height: auto;}
	.bannerType-item .bg{ display: none;}
	.bannerType-item .iconB{ display: none;}
	.bannerType-item .iconM{ display:block;}
	.inner88{ width: 90%;}
	.ibox{ padding: 50px 0px;}
	.newPicIbox .img{ position: relative; z-index: -1; }
	.newlistIbox .title .t{ background-size: 22px auto; padding-left: 30px;}
	.newlistIbox .title .more{ background-size: 14px auto; padding-right: 20px;}
	.navIbox-list .more .icon{ width: 30px; height: 30px;}
	.pbanner-C{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.pbanner-C .bot{ height: 2px; margin-top: 15px;}
	.pageNavBox{ margin-top: 0;}
	.pageNavBox{ height: 40px;}
	.pagenav{ position: relative;}
	.pagenav.fixed{ top: 52px;}
	.pageNavBox a:link, .pageNavBox a:visited { color: #666;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(255,255,255,0.9); padding-top: 0; border-bottom: 1px solid #e4c36a;}
	.cpnavbox a:before{ display: none;}
	.cpnavbox a:last-child:after{ display: none;}
	.cpnavbox a{ width:40%; display: block; float: left; padding: 12px 5%; font-size: 13px; margin: 0px; color: #0b8153; border-left: 0px none; border-bottom: 1px solid #ccc; }
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.8); color: #e3001e;}
	.cpnavbox a.blackBtn{ display: none;}
	.oddpanv a:last-child{ border-bottom: 0px none;}
	.oddpanv{ border-bottom: 2px solid #e4c36a;}
	.pagePadding{ padding: 60px 0px;}
	.iboxT{ margin-bottom: 35px;}
	.iboxT .zh{ font-size: 22px;}
	.aboutPbox{ width: 90%;}
	.pbot{ width: 50px; height: 50px; margin: -25px 0px 0px -25px; bottom: -25px;}
	.pbot i{ width: 18px; background-size: 100% auto; height: 10px; margin-left: -9px;}
	.aboutP-list .num{ font-size: 50px;}
	.aboutP-list .txt{ font-size: 20px;}
	.aboutPbox .pageC{ font-size: 15px;}
	.pagePadding2{ padding: 100px 0px;}
	.aboutC-box{ padding: 60px 0px;}
	.aboutC-box .pageC{ width: 86%;}
	.eventTab-t{ width: auto; padding: 0px 40px; height: 50px; overflow: hidden;}
	.eventTab-t .item{ height: 50px; line-height: 50px; font-size: 16px;}
	.eventTab-t .slick-arrow:before{ display: none;}
	.eventTab-t .slick-prev { left: 0px; }
	.eventTab-t .slick-next { right: 0px; }
	.event-list dd{ float: none;}
	.event-img{ width: 100%; padding: 0px 0px 50px;}
	.event-img .time{ font-size: 24px; text-align: center; margin-bottom: 35px;}
	.event-demo{ width: 100%; height: auto; text-align: center;}
	.event-demo .item{ position: relative; display: inline-block; left: auto; top: auto; right: auto; bottom: auto; margin: 4px;}
	.event-list .line{ display: none;}
	.event-con{ width: auto; border-left: 2px solid #e7e2d6; overflow: inherit;}
	.event-con .bot{ left: -7px; width: 6px; height: 6px; border-width: 4px;}
	.speech-List dd{ float: none; padding: 0px 5%; width: auto;}
	.speechBox{ background-color: transparent;}
	.speechBox .con{ background-color: #fff;}
	.speechBox .box{ margin: 40px 50px;}
	.speechBox .name{ font-size: 24px;}
	.speechBox .by{ padding: 15px 0px 30px;}
	.speechBox .c{ line-height: 1.8; height: auto; padding-right: 0; overflow-y: hidden;}
	.speechBox .mouseIco{ display: none;}
	.speech-List{ padding: 50px 0px;}
	.companyList .t{ font-size: 15px;}
	.companyList .c{ font-size: 20px;}
	.values-list{ display: inline-flex;}
	.values-list li{ background-color: #9ea7c4; padding: 25px 0px 35px; }
	.values-list li:nth-of-type(2n+1){ background-color: #9ea7c4;}
	.values-list li:nth-of-type(2n+2){ background-color: #8d96b3;}
	.values-list li:nth-of-type(2n+3){ background-color: #7d86a2;}
	.values-list .img,.values-list .red-80{ display: none;}
	.values-list .tbox{ position: relative; left: auto; top: auto; margin: 0px auto; text-align: left; width: 80%;}
	.values-list .ico{ margin-left: 0; margin-right: 0;}
	.values-list .con{ position: relative; left: auto; top: auto; margin: 15px auto 0; border-top-color: #F7F7F7; border-bottom-color: #F7F7F7;}
	.contact-list,.contactPage{ width: 600px;}
	.contact-list .img,.contact-list .con,.map-left,.map-sider{ float: none; width: auto;}
	.contactPage{ margin-top: 25px;}
	.map{ height: 260px;}
	.map-page{ margin: 0px 25px; height: auto;}
	.map-item{ padding: 15px 0px;}
	.map-item:before{ left: 0; right: 0;}
	.mCSB_inside>.mCSB_container{ margin-right: 20px;}
	.map-item:after{ display: none;}
	.probanner{ position: absolute; left: 0; top: 0; width: 100%; }
	.pro-nav-list{ position: relative; left: auto; top: auto; display: block; height: auto;}
	.pro-nav-list li{ float: none; width: 100%; height:auto;}
	.pro-nav-list .linkA{ z-index: 4;}
	.pro-nav-list .item,.pro-nav-list .wbox:hover .item{ top: 0; position: initial;}
	.pro-nav-list .wbox{ height: auto;padding: 40px 0px;}
	.pro-nav-list .wbox:before{ width: 100%; height: 1px;}
	.pro-nav-list .wbox p.bot{ width: 100%;}
	.pro-nav-list .bor{ display: none;}
	.pro-nav-list .cbox{ opacity: 1; transform: inherit; -webkit-transform: inherit}
	.pro-nav-list .ico{ width: 40px;}
	.pro-nav-list .en{ font-size: 18px; }
	.pro-nav-list .zh{ font-size: 15px; }
	.surveyPbox .img{ width: 50%;}
	.surveyPbox .con{ width: 45%;}
	.surveyPbox .c{ height: 100px;}
	.btnMore{ width: 150px; height: 40px; line-height: 40px;}
	.btnMore .txt i{ transform: scale(0.8);}
	.pagePadding3{ padding: 60px 0px;}
	.main-pro-demo{ width: 92%;}
	.main-pro-demo .slick-list{ height: auto;}
	.main-pro-demo .slick-arrow { margin-top: -21px;}
	.main-pro-demo .txt{ height: 46px; line-height: 46px;}
	.main-pro-demo .slick-prev { left: -4%; }
	.main-pro-demo .slick-next { right: -4%; }
	.main-pro-demo .txt:before{ display: none;}
	.serviceList .ico{ width: 80px; height: 80px;}
	.serviceList .item{ width: 200px; height: 110px; border-color: #e4c36a;}
	.serviceList .item:after{ opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit;}
	.por-info-box{ width: 80%; font-size: 14px; line-height: 1.8;}
	.previous .previ,.backlist{ width: 120px; height: 36px; line-height: 36px;}
	.backlist{ margin-left: -60px;}
	.productList .txt{ height: 50px; line-height: 50px;}
	.development-con .t{ font-size: 20px;}
	.development-con .pageC{ margin-bottom: 30px; height: 100px;}
	.profile-pbox .lbox{ width: 25%;}
	.profile-pbox .rbox{ width: 75%;}
	.profile-num li{ width: 29%;}
	.profile-num li:last-child{ padding-right: 0; margin-right: 0;}
	.expert-demo .img{ width: 290px;}
	.expert-pbox .con{ float: none; width: auto;}
	.expert-demo .t{ font-size: 18px; margin-bottom: 10px;}
	.expert-pbox .txt{ margin-bottom: 25px; text-align: justify;}
	/*.expert-pboxlist dd{ margin-bottom: 25px; float: left; display: block; width: 32%; margin-right: 2%;}
	.expert-pboxlist dd:nth-child(3n){ margin-right: 0;}
	.expert-pboxlist .img{ float: none; width: auto;}*/
	.expert-pboxlist .con{ /*float: none; width: auto; */padding: 25px 5% 0px;}
	.expert-pboxlist .t{ font-size: 18px; margin-bottom: 10px;}
	.expert-pboxlist .txt{ font-size: 14px; /*height: 70px;*/}
	.expertSBy{ margin-bottom: 50px;}
	.weaponizing-list { margin-left: -5%;}
	.weaponizing-list li{ margin-left: 5%; width: 45%; box-shadow:0 0 20px rgba(0,0,0,0.1);}
	.ledMore{ width: 120px; height: 40px; line-height: 40px;}
	.infoPage-padding{ padding: 50px 0px;}
	.infoPage-box{ margin-top: 0;}
	.info-T{ padding: 30px 35px 15px;}
	.info-T h3{ font-size: 24px;}
	.infoPage{ padding: 35px;}
	.sharelist1 li:last-child{ display: none;}
	.school-demo{ width: 78%;}
	.school-demo .bor{ display: none;}
	.school-demo .item{ margin: 0px 10px;}
	.new-page-c{ padding-right: 0px; border-right: 0px none; width: auto; float: none;}
	.new-page-silder{ float: none; width: auto; margin-top: 60px;}
	.nsilder-box{ display: none;}
	.new-list dd{ box-shadow:0 0 14px rgba(0,0,0,0.1);}
	.new-list .con{ padding-top: 5%;}
	.new-list .t{ font-size: 18px; color: #e3001e;}
	.new-list .c{ margin-bottom: 8%;}
	.new-list .more i{ width: 100%;}
	.videoList .t{ font-size: 14px; padding: 12px 5%;}
	.videoList .vico{ transform: scale(0.6); -webkit-transform: scale(0.6);}
	.pagePadding4{ padding: 45px 0px;}
	.conceptList dd{ width: 49%; margin-bottom: 15px;}
	.conceptList .ico img{ width: 30px;}
	.conceptList .t{ margin-bottom: 18px;}
	.recruitment-select{ float: none; width: auto;}
	.recruitment-serach{ float: none; width: 250px;}
	.hrList{ font-size: 14px;}
	#hrPage{ background: none !important;}
	.responsibility-list{ margin-left: 0;}
	.responsibility-list li{ float: none; width: auto; margin-left: 0; background-color: #9ea7c4;}
	.responsibility-list li:nth-of-type(2n+1){ background-color: #9ea7c4;}
	.responsibility-list li:nth-of-type(2n+2){ background-color: #8d96b3;}
	.responsibility-list li:nth-of-type(2n+3){ background-color: #7d86a2;}
	.responsibility-list .black-20{ display: none;}
	.responsibility-list .img{ width: 50%;}
	.responsibility-list .ico{ width: 40px; height: 40px;}
	.responsibility-list .zh{ font-size: 22px;}
	.responsibility-list .bot{ width: 100%;}
	.responsibility-list .red-80{ display: none;}
	.responsibility-list .con,.responsibility-list .by{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
	.responsibility-list .item{ left: 55%; width: 40%;}
	.aidingList .img{ width: 40%;}
	.aidingList .con{ margin-left: 4%; width: 52%;}
	.aidingList .t{ font-size: 20px; color: #e3001e;}
	.aidingList .btnMore{ width: 130px; height: 40px; line-height: 40px;}
	.aidingList dd{ box-shadow:0 0 18px rgba(0,0,0,0.1);}
	.commonweal-first .t{ margin-bottom: 18px; padding-bottom: 8px;}
	.commonweal-first .c{ height: 50px; margin-bottom: 25px;}
	.commonweal-page{ width: auto;}
	.commonweal-demo{ width: 91%; margin: 0px auto;}
	.commonweal-demo .txt{ font-size: 14px; height: 42px; line-height: 42px;}
	.commonweal-demo .slick-dots{ margin-top: 18px;}
	.commonweal-demo .slick-dots li { height: 8px; margin:0px 5px; }
	.commonweal-demo .slick-dots li a { height: 8px; width: 8px; line-height: 8px;}
}

@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; }
	.body-right{ min-height: 280px;}
	.menuBox{ width: 310px;}
	.foot-tel{ font-size: 20px; margin-bottom: 15px; background-size: 16px auto; padding-left: 28px;}
	.foot-rbox .line,.f-oaBtn{ display: none;}
	.foot-add{ background-size: 14px auto; padding-left: 28px;}
	.foot-tel2{ background-size: 16px auto; padding-left: 28px;}
	.sharpBox{ padding-top: 0;}
	.sharpBox a img{ width: 25px;}
	.foot-rbox{ margin-bottom: 15px;}
	.banner .pimg{ width: 140%; margin-left: -20%; display: none;}
	.banner .bimg{ display: block;}
	.binbox .year{ font-size: 16px;}
	.binbox .by{ font-size: 22px; }
	.binbox .zh{ font-size: 15px;}
	.binbox .en{ display: none;}
	.binbox .moreBtn{ width: 100px;}
	.ibox{ padding: 25px 0px;}
	.iboxItem{ margin-bottom: 15px;}
	.newPicIbox .txt{ position: inherit; left: auto; bottom: auto; padding: 0px 5%; height: 40px; line-height: 40px; width: auto;}
	.newPicIbox .slick-arrow{ display: none !important;}
	.newPicIbox .slick-dots{ display: block !important;}
	.navIbox-list .desc{ line-height: 1.5;}
	.navIbox-list .more{ display: none;}
	.navIbox-list .more .icon{ margin-top: 20%;}
	.pbanner-C .zh{ font-size: 14px;}
	.pbanner-C .en{ font-size: 18px;}
	.pbanner-C .bot{ display: none;}
	.pbanner .load-img{ width: 130%; margin-left: -15%;}
	.pagePadding{ padding: 40px 0px;}
	.iboxT{ margin-bottom: 30px;}
	.iboxT .zh{ font-size: 20px;}
	.pageC .fc.l,.pageC .fc.r{  width: auto; display: block; float: none;}
	.pagePadding2{ padding: 70px 0px;}
	.aboutP-list li{ width: auto; float: none; border-right: 0px none; border-bottom: 1px solid #cdcdcd; padding: 0px 0px 20px; margin-bottom: 20px; text-align: center;}
	.aboutP-list li:last-child{ margin-bottom: 0;}
	.aboutP-list .num{ font-size: 35px;}
	.aboutP-list .txt{ font-size: 18px;}
	.aboutC-box{ padding: 40px 0px;}
	.aboutPbox .pageC{ text-align: justify;}
	.honorPbox .c{ font-size: 14px;}
	.honorPbox .hcon{ padding-top: 35px;}
	.honor-demo{ width: 94%;}
	.eventTab-t .item{ font-size: 15px;}
	.event-page{ padding-top: 40px;}
	.event-img{ padding-bottom: 40px;}
	.event-demo .item{ margin: 2px;}
	.event-con{ padding: 35px 0px 35px 20px;}
	.event-con .year-txt{ display: block; position: relative; left: auto; top: auto; width: auto; text-align: left; margin-bottom: 10px;}
	.speechBox .img{ float: none; width: auto; padding: 20px 20px 0; background-color: #fff;}
	.speechBox .con{ float: none; width: auto;}
	.speechBox .box{ padding: 35px 20px; margin: 0;}
	.speech-List{ padding: 40px 0px;}
	.companyList .t{ font-size: 14px;}
	.companyList .c{ font-size: 18px;}
	.values-list{ display: block; margin-left: 0;}
	.values-list li{ float: none; width: auto; margin-left: 0;}
	.values-list .con{ min-height: auto;}
	.contact-list,.contactPage{ width: 90%;}
	.contact-list .img{ display: block;}
	.contact-list .pageC{ padding:30px 25px;}
	.contactPage{ padding: 0;}
	.map-left{ display: none;}
	/*.cultureList{ margin-left: 0;}
	.cultureList li{ float: none; width: auto; margin-left: 0;}*/
	.cultureList .txt{ padding: 14px 0px; line-height: 1.5; height: auto;}
	.pro-nav-list .ico{ width: 30px; margin-bottom: 0px;}
	.pro-nav-list .en{ font-size: 16px; }
	.pro-nav-list .zh{ font-size: 14px; }
	.iboxt-mt{ margin-bottom: 25px;}
	.pagePadding3{ padding: 40px 0px;}
	.serviceList li{ width: 48%; margin-right: 4%;}
	.serviceList li:nth-of-type(2n+2){ margin-right: 0;}
	.serviceList .item{ width: auto; height: 100px; padding:25px;}
	.serviceList .zh{ font-size: 16px; line-height: 1.2;}
	.serviceList .ico{ width: 50px; height: 50px;}
	.por-info-page{ padding: 0;}
	.por-info-box{ width: 90%; padding: 40px 5%;}
	.previous .previ,.backlist{ width: 80px; font-size: 12px;}
	.backlist{ margin-left: -40px;}
	.por-info-t{ font-size: 20px;}
	.paging{ padding: 8px 0px;}
	.paging .prev, .paging .next{ width: 50px; background-size: 16px auto;}
	.paging a{ font-size: 14px; padding: 0px 8px;}
	.development-img .slick-dots li { height: 10px; margin:0px 4px; }
	.development-img .slick-dots li a { height: 6px; width: 6px; line-height: 6px;}
	.development-img,.development-con{ width: 100%; float: none;}
	.development-con{ margin:25px 0px 0px 0;}
	.development-con .t{ font-size: 18px; margin-bottom: 20px;}
	.profile-num li{ margin-right: 0;}
	.expert-demo .slick-prev{ left: 0px;}
	.expert-demo .slick-next{ right: 0px;}
	.expert-demo .img{ width: 100%; margin: 0px auto; float: none;}
	.expert-pbox .con{ padding-top: 25px;}
	.expert-pbox .t{ margin-bottom: 15px; font-size: 16px;}
	.expert-pbox .txt{ margin-bottom: 25px;}
	.development-pbox .iboxT{ margin-bottom: 30px;}
	.development-pbox .txt{ margin-bottom: 40px;}
	.por-info-box .profile-num{ border-bottom: 0px none; margin-bottom: 0;}
	.expertSBy{ width: 90%; margin-bottom: 40px; text-align: left;}
	.weaponizing-list { margin-left: -2%;}
	.weaponizing-list li{ margin-left: 2%; margin-bottom: 25px; width: 48%;}
	.infoPage-padding{ padding: 0px;}
	.infoPage-box{ width: auto;}
	.info-T{ padding: 35px 5% 15px; border-bottom-width: 1px;}
	.info-T h3{ font-size: 18px;}
	.infoPage{ padding: 25px 5% 40px;}
	.school-list li{ float: none; width:auto; margin:0px 0px 25px 0%;}
	.school-demo { width: 90%; padding-bottom: 35px;}
	.school-demo .item{ margin: 0px;}
	.school-demo .slick-arrow{ margin-top: -36px;}
	.school-demo .slick-prev { left: -5%; }
	.school-demo .slick-next { right: -5%; }
	.new-list{ padding-bottom: 15px;}
	.new-list .img{ padding: 20px; float: none; width: auto;}
	.new-list .con{ padding: 0px 20px 10px; float: none; margin-left: 0; width: auto;}
	.new-list .c{ margin-bottom: 20px;}
	.videoList{ margin-left: 0;}
	.videoList dd{ float: none; width: auto; margin-left: 0;}
	.pagePadding4{ padding: 35px 0px;}
	.conceptList { margin-left: 0;}
	.conceptList dd{ float: none; margin-left: 0; width: auto; height: auto !important;}
	.conceptList .item{ padding: 20px 5% 30px;}
	.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan:nth-child(1){ width: 74%;}
	.hrList .ib{ margin-top: 14px;}
	.responsibility-list .img{ width: 100%; display: none;}
	.responsibility-list .item{ position: inherit; left: auto; top: auto; padding: 25px 8% 30px; width: auto; height: auto; position: relative;}
	.responsibility-list .by{ position: inherit; left: auto; bottom: auto; display: block; margin-top: 18px;}
	.aidingList dd{ margin-bottom: 25px;}
	.aidingList .img{ float: none; width: auto; padding: 15px 5% 0;}
	.aidingList .con{ float: none; margin-left: 0; padding: 20px 5%; width: auto;}
	.aidingList .t{ font-size: 16px;}
	.commonweal-first .img{ float: none; width: auto; padding: 0;}
	.commonweal-first .con{ margin-left: 0; float: none; width: auto; padding: 20px 5% 25px;}
	.commonweal-demo{ width: 90%;}
	.commonweal-demo .item{ margin: 0px;}
	.nobox-img img{ width: 200px;}
	.nobox-c{ font-size: 20px;}
	.nobox-btn{ width: 176px; height: 42px; line-height: 42px; }
	.nobox-btn .txt{ font-size: 16px;}
}
	
@media screen and (max-width:421px) {
	.menuBox{ width: 100%;}
}
@media screen and (max-width: 375px) {
	
}
@media screen and (max-width: 360px) {
	.top-sider{ width: 70px; }
	.serviceList li{ width: 100%; margin:0px 0px 20px 0px; float: none;}
	.serviceList .item{ height: auto; padding: 25px 25px 55px;}
}
@media screen and (max-height:400px) {
	.pro-nav-list .ico{ display: none;}
}
@media screen and (max-height:280px) {
	.pro-nav-list .en{ font-size: 14px; }
	.pro-nav-list .zh{ font-size: 12px; }
}