@media screen and (min-width:1440px){
	.firstNewBox .con .t{ font-size: 26px; height: 29px;}
	.firstNewBox .infoI{ margin-bottom: 40px;}
	.newList .con .t{ font-size: 26px;}
	.newList .timeBox .num{ font-size: 50px;}
	.pageT .t{ font-size: 30px;}
	.eventBox .time{ font-size: 58px;}
}

@media screen and (max-width:1240px){
	.inner{ width: 1000px;}
	.binbox{ width: 1000px; margin-left: -500px;}
	.binbox .t{ font-size: 32px;}
	.binbox .c{ font-size: 17px;}
	.proIlist{ width: 1000px;}
	.proIlist .itemdd2,.proIlist .itemdd3{ margin-left: 6px; width: 245.5px;}
	.proIlist .pitem{ margin-bottom: 6px;}
	.proIlist .pitem1{ width: 497px;}
	.proIlist .pitem2,.proIlist .pitem3{ width: 245.5px;}
	.caseIdemo{ margin: 40px 48px 0px;}
	.history{ height: 480px;}
	.history .viewport{ width: 856px;}
	.history-bot{ width: 100%; left: 0px; margin-left: 0px;}
	.history .wrap .item{ width: 214px;}
	.infoPager .prev .t, .infoPager .prev .c{ float: none;}
	.infoPager .item .t,.infoPager .item .c{ width: auto;}
}
@media screen and (max-width:1024px){
	.transYT { 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; }
	.transYT2 { 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; }
	.transXT { 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; }
	.transXT2 { 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.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.inner{ width: 90%;}
	.top{ position: fixed; left: 0px; top: 0px; height: 56px; padding: 0px; width: 100%; z-index: 1000; background-color: #fff; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3);}
	.top .inner{ width: 100%;}
	.navbox{ display: none;}
	.logo{ width: 114px; padding: 14px; float: none;}
	.siderBox{ top: 0; right: 56px;}
	.siderBox .l{ display: none;}
	.siderBox .languageBox{ margin-left: 0;}
	.languageBox .t{ height: 56px; line-height: 56px; padding: 0 32px 0 14px; border-top: 0px none; border-bottom: 0px none;}
	.languageBox .t i{ top: 17px; background: url(../images/select_bg2.png) no-repeat left center transparent;}
	.languageBox .languageList{ padding-top: 54px;}
	.languageList li{ padding: 0px;}
	.languageList li a{ line-height: 40px; padding: 0px 10px;}
	.mtop{ height: 56px;}
	.menu-handler{ display: block;}
	.ibox-page{ margin-top: 0px;}
	.banner,.banner .item{ height: auto;}
	.banner .item .pimg{ display: none;}
	.banner .item .bimg{ display: block;}
	.binbox{ width: 90%; left: 5%; margin-left: 0px;}
	.binbox .more{ background-color: #fff; border-color: #fff;}
	.binbox .more .txt{ color: #818181; background-image: url(../images/more_i2.png);}
	.binbox2 .more{ background-color: #818181; border-color: #818181;}
	.binbox2 .more .txt{ color: #fff; background-image: url(../images/more_i1.png);}
	.banner .slick-dots{ top: auto; bottom: 3%; left: 0px; width: 100%;}
	.banner .slick-dots li{ width: 10px; height: 10px; margin:0px 5px; display: inline-block;}
	.banner .slick-dots a{ background: none; border-radius: 50%; width: 6px; height: 6px; border: 2px solid rgba(255,255,255,0.7);}
	.banner .slick-dots li.slick-active a{ background: none #fff; }
	.foot{ text-align: center;}
	.sharpbox{ width: 150px; margin: 0px auto; float: none;}
	.faddress{ padding: 10px 0px; line-height: 1.8; text-align: center;}
	.faddress a.ffax{ margin-right: 0px;}
	.flinkA{ margin-left: 0px; float: none; display: block;}
	.ibox-page{ position:inherit;}
	.newIbox-t,.openNewBtn, .closeNewBtn{ display: none !important;}
	.newIbox-c .inner{ width: 100%;}
	.newIbox-c{ position: relative !important; left: auto; bottom: auto !important; display: block !important; background:none #f8f8f8; padding-bottom: 35px; width: 80%; margin: 35px auto;}
	.newIbox-c .title{ float: none; width: auto; height: auto; padding: 20px 2.5%; text-align: center;}
	.newIbox .title .zh,.newIbox .title .en{ margin-bottom: 0px;}
	.newIbox .title .zh{ margin-right: 10px;}
	.firstIBox, .listIBox{ padding-top: 35px; float: none; width: 90%; margin: 0px auto;}
	.firstIBox{ height: auto;}
	.firstIBox .t{ height: auto;}
	.firstIBox .c{ height: auto;}
	.proIlist{ width: 80%;}
	.proIlist .itemdd1{ width: 100%;}
	.proIlist .itemdd2,.proIlist .itemdd3{ margin-left: 1%; width: 49.5%;}
	.proIlist .itemdd2{ margin-left: 0px;}
	.proIlist .pitem{ margin-bottom: 1%;}
	.proIlist .pitem1{ width: 100%;}
	.proIlist .pitem2,.proIlist .pitem3{ width: 49.5%;}
	.proIlist .pitem3{ margin-left: 1%;}
	.proIlist .pitem4,.proIlist .pitem5,.proIlist .pitem6,.proIlist .pitem7{ margin-bottom: 2%;}
	.iboxT{ padding: 40px 0px 30px;}
	.iboxT .en{ font-size: 30px;}
	.iboxT .zh{ font-size: 18px;}
	.proibox{ padding-bottom: 40px;}
	.proIlist .pitem3{ background-color: #f17a57;}
	.proIlist .pitem4{ background-color: #59c9e5;}
	.proIlist .pitem7{ background-color: #5b8ccb;}
	.proIlist .pitemC .t,.proIlist .pitemC .c{ color: #fff;}
	.proIlist .pitem .black-20{ opacity: 1; visibility: visible; background: none rgba(0,0,0,0.4);}
	.proIlist .pitem:hover .img{ transform: initial; -webkit-transform: initial;}
	.proIlist .pitem:hover .con{ padding-top: 0%;}
	.proIlist .pitem .con{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	.proIlist .pitem .pico{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); margin:0px auto 20px;}
	.pbanner .pimg{ height: 200px;}
	.pagenavBox{ height: auto;}
	.pagenavBox .inner{ width: 100%;}
	.pagenav{ position: relative; height: 42px; float: none;}
	.cpnav{ display: block;}
	.cpnavbox{ position: absolute; left: 0px; top: 42px; height: auto; line-height: 40px; width: 100%; z-index: 800; display: none; background-color: rgba(0,0,0,0.6);  text-align: center;}
	.cpnavbox a{ width: 33.33%; display: block; float: left; padding: 0px; height: 40px; line-height: 40px; margin: 0px; color: #fff;}
	.cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(0,0,0,0.8); color: #fff;}
	.cpnavbox a .bot,.cpnavbox a:hover .bot{ display: none;}
	.pageCur{ float: none; width: 90%; margin: 0px auto;}
	.pageCur a, .pageCur span{ margin: 0px 12px 0px 0px;}
	.pagePaging{ padding: 50px 0px;}
	.about-cl{ float: none; width: 100%; margin:0px 0px 15px 0;}
	.about-cr{ float: none; width: 100%;}
	.at-1{ font-size: 24px;}
	.at-2{ font-size: 14px;}
	.spT1{ font-size: 26px;}
	.spT2{ font-size: 18px;}
	.spp{ padding: 0px;}
	.sppline{ margin: 40px 0px 20px;}
	.firstNewBox{ margin-bottom: 40px;}
	.firstNewBox .infoI{ margin-bottom: 0px;}
	.newList .inner .con{ margin: 0 180px 0 0;}
	.newList .con .t{ font-size: 20px;}
	.newList .timeBox{ padding: 10px 15px;}
	.newList .timeBox .num{ font-size: 30px;}
	.newList .timeBox .year{ font-size: 14px; padding: 5px 0px 0px;}
	.paging{ padding: 40px 0px 0px;}
	.ninfoT{ padding: 0px;}
	.ninfoT .inner{ padding: 30px 0px;}
	.ninfoT .time{ font-size: 16px; margin-bottom: 10px; border-bottom: 2px solid #00458E; padding-bottom: 10px;}
	.ninfoT .t{ font-size: 18px;}
	.ninfoT .balck-btn{ margin-top: 0px;}
	.ninfoT .bot{ display: none;}
	.pagePaging2{ padding-bottom: 30px;}
	.caseList .con{ padding: 12px 20px 22px;}
	.caseList .img i{ background-size: cover; width: 36px; height: 36px; margin: -18px 0px 0px -18px;}
	.caseList dd{ margin-bottom: 2%;}
	.caseList dd .con .more{ background-image: url(../images/more_i4.png);}
	.caseList dd .black-20{ opacity: 1; visibility: visible; }
	.caseList dd:hover .img img{ transform:inherit; -webkit-transform: scale(1.1);}
	.caseList dd .img i{ display: block; opacity: 1; visibility: visible; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
	.caseList .filler2{ display: none;}
	.caseList .con .t{ font-size: 18px;}
	.respon-page{ margin-bottom: 35px;}
	.respon-list .item{ padding-left: 132px;}
	.respon-list .year{ font-size: 24px; width: 130px; padding: 30px 0px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan{ width: 20%;}
	.hrList .hspan:nth-child(1){ width: 20%;}
	.job-strategy-list li{ background-color: #00458e; color: #fff;}
	.pageT{ margin-bottom: 40px;}
	.pageT .c2{ font-size: 16px; width: auto;}
	.addrebox{ float: none; width: 100%;}
	.ewmbox{ float: none; width: 100%; height: auto; box-sizing: border-box; padding: 20px 0px;}
	.addrebox .t{ font-size: 24px; font-weight: normal;}
	.eventBox .time{ font-size: 32px; }
	.history{ display: none;}
	.eventList{ display: block;}
	.infoPager dd{ float: none; width: 100%;}
	.infoPager .item{ padding: 15px 5%; text-align: left;}
	.infoPager .item .t{ margin-bottom: 0;}
}
@media screen and (max-width:860px){
	.binbox .t{ font-size: 28px; font-weight: normal;}
	.binbox .c{ font-size: 16px; font-weight: normal;}
	.foot{ text-align: left;}
	.faddress a{ float: none; margin:0px 0px 8px 0px; display: block;}
	.faddress{ text-align: left;}
	.sharpbox{ float: none; margin: 0px;}
	.sppechtab td{ display: block; width: 100%; box-sizing: border-box; padding: 25px;}
	.spT1{ font-size: 24px;}
	.spT2{ font-size: 16px;}
	.firstNewBox .con .c{ display: none;}
	.firstNewBox .con .t{ font-size: 16px; height: auto; line-height: 1.4;}
	.newList .inner{ padding: 25px 0px;}
	.newList .con .t{ font-size: 18px;}
	.newList .con .c{ min-height: 42px; height: 42px; overflow: hidden; line-height: 1.5;}
	.newList .inner .con{ margin-right: 126px;}
	.newList .timeBox{ top: 25px; width: 60px; padding: 10px;}
	.newList .timeBox .num{ font-size: 24px;}
	.newList .timeBox .year{ font-size: 12px;}
	.paging a, .paging span{ width: 28px; height: 28px; line-height: 28px;}
	.paging .prev, .paging .next{ margin: 0px 5px !important;}
	.responsibilityPage .grid-sizer, .responsibilityPage .item{ width: 47.5%;}
	.caseList .con{ padding: 12px 15px;}
	.caseList .con .c{ margin-bottom: 20px;}
	.job-strategy-list .jico{ width: 50px; height: 50px;}
}
@media screen and (max-width:641px){
	.binbox .t{ font-size: 24px; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);}
	.binbox .c{ font-size: 15px; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);}
	.binbox2 .t{ text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.5);}
	.binbox2 .c{ text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.5);}
	.proIlist{ width: 90%;}
	.pitem .pico{ background-size: cover; width: 36px; height: 36px;}
	.pitem .con .t{ font-size: 16px;}
	.pitem .con .c{ font-size: 14px;}
	.newIbox-c{ width: 90%;}
	.pbanner .pimg{ height: 180px;}
	.spT1{ font-size: 20px;}
	.plogo{ padding: 35px 40px;}
	.firstNewBox .img{ float: none; width: 100%; margin-right: 0px;}
	.firstNewBox .con{ float: none; width: 100%; padding: 25px 0px 0px;}
	.firstNewBox .more{ position: relative; left: auto; bottom: auto; width: 100%;}
	.firstNewBox .infoI{ font-size: 12px; padding: 8px 0px 15px;}
	.newList .inner .con{ margin: 0px;}
	.newList .con .t{ font-size: 16px;}
	.newList .timeBox{ position: relative; right: auto; top: auto; background-color: transparent; padding: 0px; width: auto; padding: 10px 0px;}
	.newList .timeBox .num,.newList .timeBox .year{ display: inline-block; font-size: 14px; float: left; line-height: 1.8;}
	.newList .timeBox .year{ margin: 0px; padding: 0px; border: 0px none; padding-left: 10px; margin-left: 10px; border-left: 1px solid #d2d2d2; color: #d2d2d2;}
	.respon-list .item{padding-left: 0px;}
	.respon-list .year{ padding: 8px 5%; width: 90%; border: 0px none; font-size: 18px; display: block; color: #c52720; position: relative; left: auto; top: auto;}
	.respon-list .item .con{ background-color: #fafafa; padding: 25px 5%;}
	.job-strategy-list ul{ margin-left: 0px;}
	.job-strategy-list li{ margin-left: 0px; width: 90%; padding: 28px 5%; height: auto; float: none; margin-bottom: 25px;}
	.pageT .t{ width: 80%; margin: 0px auto; font-size: 20px;}
	.pageT .c2{ font-size: 14px;}
	.hrList .hspan:nth-child(3),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;}
	.hrList .hspan{ width: 73%;}
	.hrList .hspan:nth-child(1){ text-align: left; padding-left: 5%; width: 73%;}
	.hrList .hspan:nth-child(7){ width: 22%;}
}	
@media screen and (max-width:481px) {
	.binbox .t{ font-size: 22px;}
	.binbox .c{ font-size: 14px;}
	.proIlist .itemdd1,.proIlist .itemdd2, .proIlist .itemdd3{ float: none; width: 100%;}
	.proIlist .pitem{ width: 100%; margin-bottom: 2%;}
	.proIlist .pitem2,.proIlist .pitem3{ width: 100%;}
	.newIbox-c{ width: 100%; margin: 0px;}
	.pbanner .pimg{ height: 140px;}
	.caseList{ margin-left: 0px;}
	.caseList dd,.caseList dd.firstDD{ width: 100%; margin-left: 0px; float: none;}
	.hrList,.hrList .pageC{ font-size: 12px;}
	.addrebox .t{ font-size: 22px;}
	.addrebox .en{ padding-left: 0px; display: block; padding-top: 5px;}
}
@media screen and (max-width:421px) {
	.binbox .t{ font-size: 18px; margin-bottom: 8px;}
	.binbox .c{ margin-bottom: 18px;}
}
@media screen and (max-width: 375px) {
	.binbox{ top: 15%;}
}
@media screen and (max-width: 360px) {
	.binbox .c{ font-size: 12px;}
}