@media screen and (max-width:1720px){.nav{ width: auto; left: 550px;}}
@media screen and (max-width:1650px){.nav{ width: auto; left: 450px;}}
@media screen and (max-width:1600px){
	.header{ padding: 16px 70px;}
	.nav{ width: auto; left: 450px;} 
	.nav li{margin-left: 5px;}
	.nav li a{ font-size: 16px; padding: 0 10px;}
	.inner{ width: 90%;}
	.newslist li span,.newslist li time{ height: 36px; line-height: 36px;}
	.newslist li:last-child{ display: none;}
}
@media screen and (max-width:1500px){.nav{ width: auto; left: 450px;}.nav li a{ font-size: 16px; padding: 0 5px;}}
@media screen and (max-width:1450px){
	.btext{ width: 650px;}
	.btextwr{ margin-left: 120px;}
	.bfix{ height: 140px;}
	.btextin strong{ font-size: 36px;}
	.btextin p{ font-size: 13px;}
	.bsmall{ font-size: 13px;}
	.groupin figure{ height: 480px;}
	.groupwr{ padding: 40px 0; width: 200px; margin-left: -100px;}
	.groupwr b{ font-size: 50px; height: 50px; line-height: 50px; margin-bottom: 20px;}
	.groupwr strong{ font-size: 22px;}
	.newsscoll{ right: 0; bottom: 56px;}
	.relativebox{ height: 500px;}
	.searchfix{ width: 90%;}
	.search__table thead tr th.span4{ padding-left: 60px;}
	.logo{ width: 300px;}
	.nav{ left: 400px;}
	.mtop{ height: 77px;}
	.nav li a{ height: 77px; line-height: 77px;}
}
@media screen and (max-width:1400px){
	.nav li a{ padding: 0 5px;}
} 
@media screen and (max-width:1350px){
	.logo{ width: 240px;}
	.nav{ left: 320px;}
	.mtop{ height: 69px;}
	.nav li a{ height: 69px; line-height: 69px;}
	.edits{ margin-top: 6px;}
}
@media screen and (max-width:1280px){
	.nav li a{ padding: 0 2px;}
	.newslist li span, .newslist li time{ height: 34px; line-height: 34px;}
	.newslist li span{ width: 78%;}
	.agentwr{ padding: 30px 26px 0;}
	.agentwr h3{ padding-bottom: 12px; font-size: 20px; margin-bottom: 24px;}
	.searchs{ margin-top: 30px;}
	.agent{ margin-bottom: 50px;}
	.ptext{ width: 90%; margin-left: -45%; bottom: auto; top: 50%; margin-top: -90px;}
	.ptops{ margin-bottom: 40px;}
	.ptops small{ font-size: 40px;}
	.ptops strong{ font-size: 20px;} 
	.introductbox{ width: 90%;}
	.newsfixd{ width: calc(90% + 50px);}
	.commonwr{ width: 90%;} 
	.businessin{ left: 100px; top: 78px;}
	.idea{ width: 90%;}
	.search__table thead tr th.span1{ width: 250px;}
	.search__table thead tr th.span2{ width: 150px;}
	.search__table thead tr th.span3{ width: 220px;}
}
@media screen and (max-width:1200px){
	.header{ padding: 16px 30px;}
	.nav li a{ font-size: 14px;}
	.menusli{ width: auto;}
	.intros{ width: calc(90% + 40px);}
	.businele{ width: 55%;}
	.idealist .honorswiper.prev{ left: 0;}
	.idealist .honorswiper.next{ right: 0;}
	.staff{ width: calc(90% + 30px);}
	.occupate{ width: calc(90% + 28px);}
	.nav{ left: 280px;}
}
@media screen and (max-width:1100px){
	.honorswiper.prev{ left: 0;}
	.honorswiper.next{ right: 0;}
	.honorli{ padding: 0;}
	.briefbann{ width: 100%;}
	.briefswiper{ background: none; width: auto !important;}
	.briefswiper.prev span{ right: auto; left: 30px;}
	.briefswiper.next span{ left: auto; right: 30px;}
	.briefin figure{ padding: 0;}
	.electricity{ width: 90%;} 
	.electrili{ width: calc(100% + 36px);}
	.loadpwn span{ max-width: 100%; width: 100%;}
	.loadri{ float: left; margin-top: 14px;}
	.loadri a:first-child{ margin-left: 0;}
	.loadwr{ padding: 30px 22px;}
}
@media screen and (max-width:1024px){
	.nav{ display: none;}
	.edits{ display: none;}
	.header{ padding: 12px 5%;}
	.logo{ width: auto; height: 40px;}
	.mtop{ height: 64px;}
	.menubtn{ display: block;} 
	.banner,.banner .item,.banner .item figure{ height: auto !important;}
	.banner .item figure img{ width: 100vw !important; height: auto !important; left: 0 !important; top: 0 !important;}
	.banner .item{ line-height: 0;}
	.dymanics{ width: 100%;}
	.titles strong{ font-size: 20px;}
	.titles strong i{ font-size: 26px;}
	.news-box{ width: 100%; margin-top: 32px;}
	.newslist li:last-child{ display: block;}
	.newslist li span, .newslist li time{ height: 38px; line-height: 38px;}
	.dymanic-box{ padding-bottom: 30px;}
	.partyli li{ width: 48%; margin-left: 0px; margin-bottom: 22px;}
	.partyli li:nth-child(2n+2){ float: right;}
	.partydown span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.introductfix a h3{ font-size: 18px; margin-bottom: 15px;}
	.introductfix a p{ font-size: 14px; margin-bottom: 32px;}
	.introducts{ margin-top: 20px;}
	.agentwr p{ font-size: 13px; line-height: 1.8;}
	.searchs{ margin-top: 20px;}
	.footertop{ display: none;}
	.footer{ padding: 50px 0;} 
	.menusli li a{ width: 120px; height: 48px; line-height: 48px; font-size: 14px;}
	.aboutwr{ width: 90%;} 
	.intortop strong{ padding-bottom: 24px; margin-bottom: 24px; font-size: 24px;}
	.intortop{ margin-bottom: 50px;}
	.introduct-box{ padding: 45px 0 50px;}
	.introdata{ margin-bottom: 45px;}
	.checkmore a{ padding-left: 28px; width: 130px; height: 46px; line-height: 46px; font-size: 14px;}
	.checkmore a i{ margin-left: 20px;}
	.evetbann{ padding: 75px 50px;}
	.event-box{ background-attachment: local;} 
	.datas p b{ font-size: 34px;}
	.event-box{ padding: 50px 0;}
	.eventtitle{ margin-bottom: 30px;}
	.eventtitle strong{ font-size: 24px; padding-bottom: 24px;}
	.brief{ padding: 50px 0;}
	.briefbox{ margin-bottom: 50px;}
	.briefbann{ width: 100%;}
	.framework-box{ padding: 50px 0; background-attachment: local;}
	.honor-fix{ padding: 50px 0;}
	.honorli li span{ padding: 0 22px;}
	.menusli{ display: flex; display: -webkit-flex;} 
	.introductbox{ padding: 50px 0;}
	.intortop1{ margin-bottom: 0;}
	.groupin figure{ height: 320px;}
	.groupin figure span{ left: 30px; bottom: 28px; font-size: 18px;}
	.groupwr b{ margin-bottom: 14px;}
	.groupwr strong{ font-size: 20px;}
	.newsfixd{ padding: 50px 0 60px; width: calc(90% + 30px);}
	.newsli li a{ margin: 0 15px;}
	.newsli li{ margin-bottom: 24px;}
	.newstopd{ padding: 50px 0 30px;}
	.newstopd h2{ font-size: 24px;}
	.newstopd .newsback{ bottom: 30px;}
	.business{ padding: 50px 0;}
	.busineett{ font-size: 24px;}
	.businessdown{ margin-top: 20px;}
	.busineesin{ margin-top: 40px;}
	.parts{ margin-top: 30px;}
	.electricity{ padding: 50px 0;}
	.electrili{ padding-bottom: 0;}
	.electrili li{ width: 48.5%; margin-bottom: 30px;} 
	.electrili{ width: auto; margin-left: 0;} 
	.electrili li a{ margin: 0;}
	.electrili li:nth-child(2n+2){ float: right;}
	.businessin strong{ font-size: 26px;}
	.businessin span{ width: 80px; height: 40px; line-height: 40px; font-size: 16px; margin-bottom: 18px;}
	.businessin{ left: 5%; top: 50%; margin-top: -42px;}
	.busineeprev{ height: 65px;}
	.businessbox{ margin-top: 30px;}
	.businele{ width: 100%;} 
	.businesste{ padding: 50px 0;}
	.busineet{ font-size: 24px; margin-bottom: 10px;}
	.scope{ float: left; margin-top: 30px;}
	.recommend{ padding-bottom: 50px; margin-top: 36px;}
	.element{ width: calc(90% + 40px);}
	.element-box{ background-attachment: local; padding: 65px 0;}
	.naturatin{ margin-left: 200px;}
	.publicity{ width: 90%;} 
	.publicityli li{ width: 48.5%;} 
	.publicityli li:nth-child(2n+2){ float: right;} 
	.publicityli li a{ margin: auto;}
	.publicity-box{ padding: 50px 0;}
	.publicityli{ padding-bottom: 0;}
	.research{ padding: 50px 0;}
	.researchtt{ font-size: 24px; margin-bottom: 22px;}
	.patentwr strong{ font-size: 24px;}
	.patent-flex{ background-attachment: local; padding: 76px 0;} 
	.patentbox{ padding: 50px 0;}
	.achievementd{ padding: 50px 0;}
	.sign-box,.idea-box,.staff-box{ padding: 50px 0; background-attachment: local;}
	.signtitle span{ font-size: 24px; padding-bottom: 26px;}
	.idealist{ margin-top: 50px;}
	.partybox{ padding: 50px 0;} 
	.concept{ padding: 50px 0;} 
	.conceptwr{ margin-top: 36px;}
	.comceptinfo{ width: 31%; margin-left: 3.5%; float: left;}
	.recruit-box{ padding: 50px 0 65px; background-attachment: local;}
	.recuitebox{ margin-top: 32px;}
	.recuitein{ width: 45%; margin-left: 10%; float: left; padding: 30px 0;}
	.recuitein b{ height: 60px; font-size: 60px;}
	.occupatdown{ padding: 20px;}
	.occupate{ padding: 50px 0;}
	.occupatebann{ margin-top: 32px;}
	.informate{ padding: 50px 0;}
	.developments{ padding: 50px 0;}
	.developtop span.span2,.developtop span.span3,.developtop span.span4,.developtop span.span5{ display: none;}
    .developtop .span6{ margin-right: 5%; float: right;}
    .developtop span{ font-size: 16px;}
    .develos span.span2,.develos span.span3,.develos span.span4,.develos span.span5{ display: none;}
    .developtop span.span1{ width: auto; padding-left: 5%;}
    .develos span.span1{ width: auto; padding-left: 5%;}
    .develos b{ float: right; margin-right: 5%; transform: translateX(-24px); -webkit-translateX(-24px); -moz-translateX(-24px);}
    .developdown{ padding: 22px 5%;}
    .mode-box{ padding: 50px 0; background-attachment: local;}
    .modebgs{ padding: 50px 0;}
    .modetable{ width: 90%; margin: auto;}
    .relatives{ padding: 50px 0;}
    .relativebox{ height: 380px;}
    .load-box{ padding: 50px 0; background-attachment: local;}
    .searchfix{ padding: 50px 0;}
    .search__down{ overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .search__table{ width: 880px;}
}
@media screen and (max-width:861px){
	.banner .slick-dots{ bottom: 30px;}
	.bannprev{ bottom: 41px;}
	.synopsis{ width: 100%;}
	.introductfix{ height: auto;}
	.introductfix a{ margin: 32px 28px;}
	.videos{ width: 100%; margin-top: 30px;}
	.agentleft{ width: 100%;}
	.agent{ margin-top: 32px; margin-bottom: 32px;}
	.agentri{ position: relative; width: 100%; float: left; background-size: cover;}
	.agentwr{ padding: 32px 28px;}
	.groupwr{ width: 180px; margin-left: -90px;}
	.newsli li{ width: 50%;}
	.newsli{ padding-bottom: 20px;}
	.natureli li{ width: 50%; margin-bottom: 10px;}
	.publictext{ margin-top: 16px;}
	.staffli li{ width: 50%; margin-bottom: 34px;}
	.staffli{ margin-bottom: 0;}
	.concewrs h3{ font-size: 20px; padding-top: 12px;}
} 
@media screen and (max-width:751px){
	.footer{ padding: 38px 0;}
	.footerles{ width: 100%;}
	.retive{ float: left; margin-top: 26px;}
	.modetable thead tr th{ height: 76px; padding-left: 22px;}
	.modeinfo{ margin-left: 22px;}
	.search__table thead tr th{ line-height: 52px; font-size: 15px;}
	.search__table thead tr th.span1{ width: 200px;}
	.search__table thead tr th.span3{ width: 150px;}
	.search__table tbody tr td{ height: 52px; font-size: 14px; padding: 0 12px;}
	.search__select{ display: flex; display: -webkit-flex;}
	.select__info{ flex: 1; -webkit-flex: 1;} 
	.select__info .sele{ box-sizing: border-box; width: 100%;} 
	.select__sub input{ height: 46px; line-height: 46px;}
}
@media screen and (max-width:641px){
	.btext{ width: 100%; position: relative; top: 0; margin-top: 0px;}
	.bannprev{ display: none;}
	.banner .slick-dots{ bottom: 20px;}
	.btextwr{ margin-left: 5%; width: auto; margin-right: 5%;}
	.btextin strong{ font-size: 24px;}
	.btextin p{ font-size: 12px;}
	.bfix{ height: 120px;}
	.header{ padding: 10px 5%;}
	.menubtn{ margin-top: 16px;}
	.mtop{ height: 54px;}
	.newslist li span{ width: 72%;}
	.ditem span{ text-indent: 0px; box-sizing: border-box; padding-left: 22px; padding-right: 60px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
	.dymanicbann .slick-dots{ right: 18px;}
	.trailer .markimg{ height: 300px; margin-left: -325px;}
	.video span{ width: 52px; height: 52px;}
	.video:before{ left: 20px;}
	.share{ display: none;}
	.retive{ margin-top: 12px;}
	.mouse{ display: none;}
	.ptext{ margin-top: -31px;}
	.ptops{ margin-bottom: 0;}
	.ptops small{ font-size: 32px;}
	.ptops strong{ font-size: 18px;}
	.intortop p{ font-size: 14px;}
	.datas{ margin-left: 0;}
	.introdata{ margin-bottom: 30px; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;}
	.checkmore a{ padding-left: 22px; width: 120px; height: 42px; line-height: 42px;}
	.evetbann{ padding: 50px 32px;}
	.briefbox p{ font-size: 14px;} 
	.briefbox{ margin-bottom: 32px;}
	.briefswiper span,.honorswiper{ width: 44px; height: 44px; margin-top: -22px; line-height: 44px;}
	.briefswiper.prev span{ left: 20px;}
	.briefswiper.next span{ right: 20px;}
	.intrott h4{ font-size: 24px;}
	.intrott{ margin-bottom: 18px;}
	.introtext p{ font-size: 14px;}
	.groupin{ width: 50%;}
	.groupin.hide{ width: 50%;}
	.groupin.show{ width: 50%;}
	.group{ display: block;}
	.groupin figure{ height: auto; width: 100%;}
	.groupin figure img{ height: auto; width: 100%;}
	.newsfixd{ padding: 38px 0;}
	.newsli li{ width: 100%;}  
	.newsdown h4{ height: auto;}
	.newstopd .newsback{ font-size: 25px; bottom: 10px;}
	.newstopd{ padding: 30px 0 20px;}
	.businessdown strong{ font-size: 16px; margin-bottom: 3px;}
	.businessdown p{ font-size: 14px;}
	.busineett{ font-size: 20px;}
	.partin p{ font-size: 16px;}
	.electricity{ padding: 38px 0;}
	.electrili li a span{ line-height: 60px; font-size: 14px;}
	.businessbox{ width: 100%; margin-top: 0;}
	.businessin span{ height: 34px; line-height: 34px; font-size: 14px;}
	.businessin strong{ font-size: 22px;}
	.businessin{ margin-top: -37px;}
	.busineeprev{ height: 55px;}
	.busineeprev .busprev.prev{ left: 5%;}
	.busineeprev .busprev.next{ right: 5%;}  
	.busineeprev .backli{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; font-size: 18px; line-height: 40px;}
	.businesste{ padding: 38px 0; width: 90%; margin: auto;}
	.busineet{ font-size: 20px; margin-bottom: 4px;}
	.businele p{ font-size: 12px;}
	.levaltt{ font-size: 15px; line-height: 1.4;}
	.recommend{ width: 90%; margin: auto; margin-top: 30px; padding-bottom: 35px;}
	.element-box{ padding: 38px 0;}
	.elementifi{ left: 20px; right: 20px; margin-top: -70px;}
	.elementifi span{ margin-bottom: 20px;}
	.elementifi b{ width: 30px; height: 30px; background-size: cover;}
	.naturatin{ margin-left: 130px;}
	.datad{ padding: 10px 0;}
	.datad b{ font-size: 26px; margin-bottom: 4px;}
	.datad time{ font-size: 14px;}
	.publictext h3{ margin-bottom: 12px;} 
	.publicity-box{ padding: 38px 0;}
	.research,.patentbox{ padding: 34px 0;}
	.researchtt{ font-size: 20px;}
	.researchtext p,.patentbox p{ font-size: 14px;}
	.patentwr strong{ font-size: 20px;}
	.patent-flex{ padding: 50px 0;}
	.patentwr b{ width: 60px; height: 60px; font-size: 26px; line-height: 60px; background-size: cover;}
	.patentwr strong{ margin-top: 24px;}
	.achievementd .honorli li{ width: 48.5%; margin-bottom: 10px;}
	.achievementd .honorli li:nth-child(2n+2){ float: right;}
	.achievementd .honorli li figure{ margin:0;}
	.achievementd{ padding: 37px 0 0;}
	.sign{ width: 90%;}
	.signtext img{ margin-top: 18px; width: 80px;}
	.ideainfo figure{ margin: 0 10px;}
	.idea{ width: calc(90% + 20px);}
	.idealist{ margin-top: 34px;}
	.partybox{ padding: 36px 0;}
	.partyte{ margin-left: 110px; padding-top: 0;}
	.partylist{ margin-bottom: 40px;}
	.occupate{ padding: 38px 0;}
	.occupatdown span{ font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto;}
    .informate{ padding: 38px 0;}
    .informatett{ font-size: 20px; margin-bottom: 22px;}
    .infortett{ font-size: 16px; margin-bottom: 10px;}
    .informatedown p{ font-size: 14px;}
    .informateinfo{ margin-bottom: 25px;}
    .process span{ width: 110px; height: 50px; font-size: 14px; line-height: 50px;}
    .process b{ font-size: 20px; line-height: 52px; display: none;}
    .procein{ width: 32%; margin-right: 2%;}
    .procein:nth-child(3n+3){ margin-right: 0;}
    .process span{ box-sizing: border-box; width: 100%;}
    .modetable thead tr th{ font-size: 18px;}
    .modets span{ margin-bottom: 5px; font-size: 14px;}
    .modets p{ font-size: 15px;}
    .modeinfo b{ display: none;}
    .modets{ margin-left: 0;}
    .relativebox{ height: 340px;}
    .relatives{ padding: 38px 0;}
    .relativebox{ margin-top: 30px;}
    .loadlist li{ width: 100%; margin-bottom: 20px;}
    .loadwr{ margin: 0;}
    .loadlist{ padding-bottom: 40px;}
    .load-box{ padding: 38px 0;}
    .backlist a{ width: 120px; height: 44px; line-height: 44px;}
    .search__table thead tr th{ height: 52px;}
    .signimg{ margin-top: 42px;}
}
@media screen and (max-width:520px){
	.publicityli li{ width: 100%; margin-bottom: 30px;} 
}
@media screen and (max-width:481px){
	.dymanic-box{ padding: 30px 0 30px;}
	.partyli li{ width: 100%;}
	.agentdown a{ width: 50%; box-sizing: border-box; padding: 16px 0;}
	.agentdown a i{ font-size: 24px; height: auto;}
	.agentwr{ padding: 28px 24px;}
	.footer{ padding: 30px 0;}
	.footerles strong{ font-size: 18px; margin-bottom: 6px;}
	.footerles p{ font-size: 12px;}
	.share{ margin-top: 14px;}
	.footerles p a{ display: block; margin-left: 0px;}
	.intortop{ margin-bottom: 20px;}
	.datas p b{ font-size: 26px;}
	.introduct-box{ padding: 38px 0;}
	.intortop strong{ font-size: 22px; padding-bottom: 20px; margin-bottom: 20px;}
	.ptops small{ font-size: 25px; margin-bottom: 6px;}
	.checkmore a{ height: 40px; line-height: 40px; padding-left: 20px;}
	.checkmore a i{ margin-left: 14px;}
	.event-box{ padding: 36px 0;}
	.eventtitle strong{ font-size: 22px;}
	.eventfix{ text-align: center;}
	.eventfix strong{ margin: auto; margin-bottom: 22px;}
	.evetbann{ padding: 38px 22px;}
	.eventfix{ margin: 0 20px;}
	.brief{ padding: 36px 0;}
	.framework-box{ padding: 38px 0;}
	.honor-fix{ padding: 38px 0;}
	.honorli li span{ font-size: 13px; padding: 0 12px;}
	.honorli li figure{ margin: 0 8px;}
	.introductbox{ padding: 38px 0;}
	.groupin{ width: 100%;}
	.groupin.hide{ width: 100%;}
	.groupin.show{ width: 100%;}
	.newsdown h4{ font-size: 15px;}
	.newsdown span{ margin-bottom: 16px;}
	.pagebox a{ width: 34px; height: 34px; margin-left: 5px; line-height: 34px;}
	.pagebox a.pageprev{ width: 52px;}
	.newstopd .newsback{ position: relative; bottom: 0; line-height: 1; margin-top: 12px;}
	.newstopd h2{ font-size: 20px;}
	.newstime time{ font-size: 13px;}
	.newstopd .newsback{ display: none;}
	.newsviews{ padding: 38px 0 30px;}
	.newsscoll{ position: relative; right: auto; bottom: auto; margin-top: 20px; width: 56px; height: 56px; font-size: 22px; line-height: 56px;}
	.partin{ width: 100%; margin-bottom: 20px;}
	.business{ padding: 38px 0 18px;}
	.electrili li{ width: 100%;}
	.scope{ box-sizing: border-box; width: 100%;}
	.recommenli li{ width: 100%; margin-left: 0; margin-bottom: 30px;} 
	.recommenli li:last-child{ margin-bottom: 0;}
	.elementin{ width: 100%;} 
	.elementin:last-child{ margin-bottom: 0;}
	.element{ width: 90%;}
	.elementin a{ margin: 0;}
	.naturett{ float: none; margin-left: 0;}
	.naturatin{ margin-left: 0; margin-top: 14px;}
	.natureli li{ margin-bottom: 5px;}
	.natureinfo{ padding: 18px 0;}
	.naturatin p{ margin-bottom: 5px; font-size: 14px;}
	.packing{ width: 100%;}
	.nature{ padding-bottom: 36px;}
	.packing span{ font-size: 14px;}
	.signtext p{ font-size: 14px;}
	.staffli li{ width: 100%;}
	.signtitle span{ font-size: 20px; padding-bottom: 20px;}
	.datatime{ display: inline-flex; width: auto; align-items: center; -webkit-align-items: center; display: -webkit-inline-flex; padding: 20px 16px;}
	.datatime i{ font-size: 28px; margin-bottom: 0; margin-right: 8px; padding-bottom: 0; border-bottom: none; width: auto;}
	.partyte{ width: 100%; margin-left: 0; float: left; margin-top: 20px;}
	.conceptwr{ margin-top: 24px;}
	.comceptinfo{ width: 32%; margin-left: 2%;}
	.concewrs h3{ font-size: 18px;}
	.concewrs small{ font-size: 14px; margin-top: 6px;}
	.concewrs{ margin-top: -27px;}
	.concept{ padding: 36px 0;}
	.recuitein b{ height: 45px; font-size: 45px;}
	.recuitein span{ font-size: 18px; margin-top: 13px;}
	.modebgs{ padding: 38px 0;}
	.modetable thead tr th{ height: 65px;}
	.modes { width: 100%;}
	.mode-box{ padding: 38px 0 0;}
	.modeinfo{ margin-left: 12px; margin-right: 12px;}
	.modetable thead tr th{ padding-left: 12px; font-size: 16px; height: 60px;}
	.search__select{ display: block; margin-bottom: 14px;}
	.select__info{ width: 100%; margin-right: 0; margin-bottom: 12px;}
	.search__close{ width: 20px; height: 20px; background-size: cover; right: 20px; top: 20px;}
	.logo{ height: 35px;}
	.mtop{ height: 55px;}
} 
@media screen and (max-width:400px){
	.btextwr{ padding: 22px 0;}
	.btextin strong{ font-size: 20px;}
	.bsmall{ font-size: 12px;}
	.menulist{ margin-top: 68px;}
	.newslist li span{ width: 68%; padding-left: 0px;}
}
@media screen and (max-width:350px){
	.newstime time{ font-size: 12px;}
	.shared span{ font-size: 12px;}
	.shared{ margin-left: 10px;}
}