@media screen and (min-width:1390px){
	.inner{ width: 1376px;}
	.boxC .en{ font-size: 50px;}
	.boxC .zh{ font-size: 45px;}
	.newIbox .con{ width: 26%; padding-top: 6%; height: 94%;}
	.serviceIbox .con{ width: 26%; margin: 0px 11% 0px 16%;}
	.serviceIbox .img{ width: 27%; margin-right: 20%;}
	.pboxT .t{ font-size: 38px;}
	.videoList .vbBox{ height: 589px;}
	.ninfoT .t{ font-size: 25px;}
	.proList .con .zh{ font-size: 35px;}
	.proList .con .en{ font-size: 30px;}
	.proList .con .bot{ margin: 35px 0px 50px;}
	.productList .con{ height: 182px; margin-top: -91px;}
	.productList .con .en{ font-size: 30px;}
	.productList .con .zh{ font-size: 18px;}
	.servicePbox{ margin-left: -688px;}
	.innerP{ width: 1280px; margin: 0px auto;}
	.contactCon{ width: 550px;}
	.haiT{ margin-bottom: 58px;}
	.haiT .en{ font-size:71px;}
	.haiT .zh{ font-size: 24px;}
	.oneHaiPage .con{  width: 43%;}
	.oneHaiPage .img{ width: 40%;margin:0px 7%;}
	.twoHaiPage-img{ height: 500px;}
	.pbanner .joinBanner{ width: 1376px; margin-left: -688px;}
	.joinT{ font-size: 36px;}
	.twoJoinPage{ height: 550px;}
	.join-down .btn{ font-size: 36px;}
	.jmList .con{ top:20%;}
	.jmList .t{ font-size: 24px;}
	.joinFormT{ font-size: 20px;}
	.telIbox .fitem .c{ padding: 40px 0px; margin-top: 30px;}
}
@media screen and (min-width:1441px){
	.staffList .img .imgbg{ height: 348px; }
	.staffList .con{ padding: 50px 10%; height: 248px;}
	.staffList .con .more2{ bottom: 50px;}
	.twoHaiPage-img{ height: 600px;}
	.pbanner .con .en{ font-size: 40px;}
	.pbanner .con .zh{ font-size: 29px;}
}
@media screen and (min-width:1701px){
	.productIbox .item{ margin: 0px 14px 0px 0px;}
}
@media screen and (max-width:1281px){
}
@media screen and (max-width:1180px){
	.inner{ width: 1000px;}
	.logo,.pc-nav-menu .homeBox{ margin-left: 10px;}
	.pc-menu{ right: 8px;}
	.pc-menu li.serach-toggle{ padding: 19px 12px 0;}
	.nav li{ font-size: 14px; width: 90px;} 
	.pbanner .con .en{ font-size: 32px;}
	.pbanner .con .zh{ font-size: 22px;}
	.w1132{ width: 90%;}
	.honorDemo{ width: 100%;}
    .honorDemo ul{ margin-left:0px;}
    .honorDemo .item { margin-left:0px; padding:0px 2%; margin-bottom:30px; width:21%;}
	.videoList .vbBox{ height: 400px;}
	.firstNew .t{ font-size: 25px;}
	.firstNew .con a.redmore{ font-size: 14px;}
	.servicePbox{ margin-left: -500px;}
	.contactCon{ width: 410px;}
	.jobList{ width: 1000px;}
	.pbanner .joinBanner{ width: 1000px; margin-left: -500px;}
}
@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,.aboutNav,.infoC,.innerP,.w950{ width: 90%;}
	.nav,.pc-menu,.pc-navbox{ display: none !important; }
	.topBox{ box-shadow: 0px 0px 0px;}
	.top{ box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);}
	.pc-navbox{ top: 0px;}
	.logoBox{ width: auto;}
	.logo{ margin-left: 20px; width: 146px;}
	.moible-menu{ display: block;}
	.moible-menu .shopbtn{ display: none;}
	.mtop,.top{ height: 56px;}
	.pc-searchbox{ display: none;}
	.moible-searchbox{ display: block;}
	.backTop{ width: 50px; height: 50px;}
	.backTop .ico{ padding-top: 50px; font-size: 0px; overflow: hidden; height: 0px;}
	.boxC .en{ font-size: 35px;}
	.boxC .zh{ font-size: 30px; margin: 15px auto 25px;}
	.boxC .moreBox .bot{ margin-bottom: 20px;}
	.bannerBox .slick-dots a { width: 6px; height: 6px; border-radius: 50%;background: none; border:1px solid #014DA1;}
	.bannerBox .slick-dots li.slick-active a { background: none #014DA1;}
	.iboxT .t{ font-size: 35px;}
	.aboutIbox{ padding: 50px 0px 60px;}
	.aboutIc{ width: 86%; margin: 30px auto 50px;}
	.aboutIList .y1,.aboutIList .y2{ width: 56px; height: 56px; border: 2px solid #d2d2d2; border-radius: 50%; background:none #e5e5e5;}
	.aboutIList .y2{ border: 2px solid #fff; background:none #F0BE00;}
	.newArrivalsIbox{ padding-top: 50px;}
	.productIbox .slick-arrow{ border: 1px solid #F0BE00; background:rgba(230, 180, 0, 0.8) none repeat scroll 0 0; width: 40px; height: 40px; margin-top: -21px;}
	.productIbox .slick-arrow i{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.productIbox .slick-prev,.productIbox .slick-next{transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.productIbox .item:hover .yellow_80{ display: none;}
	.productIbox .item:hover .more-line .line { display: none;}
	.imgIbox .t{ font-size: 36px;}
	.imgIbox .en{ font-size: 25px;}
	.fixedImg{ background-attachment: inherit;}
	.imgIbox .black-30{ background: none rgba(0,0,0,0.5);}
	.newIbox{ padding-top: 50px;}
	.newIbox .con{ width: 35%; padding-top: 2%; height: 98%;}
	.newIbox .con .c{ margin: 15px 0px 20px;}
	.newIbox .slick-dots{ right: 3%;}
	.newIbox .slick-dots a { width: 6px; height: 6px; border-radius: 50%;background: none; border:1px solid #014DA1;}
	.newIbox .slick-dots li.slick-active a { background: none #014DA1;}
	.more2 .ico{ border: 2px solid #cbcbcb; background: url(../img/more2_ico.png) no-repeat scroll center center; width: 28px; height: 28px; border-radius: 50%;}
	.more2:hover .ico{ background:url(../img/more2_ico.png) no-repeat scroll center center;}
	.serviceIbox{ padding-bottom: 50px;}
	.serviceIbox .con{ width: 38%; margin: 0 5% 0 10%;}
	.serviceIbox .con .transYT2{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px);}
	.serviceIbox .img{ width: 40%; margin-right: 7%;}
	.serviceIbox .con .c{ margin: 15px 0px 20px;}
	.joinIForm{ padding-right: 88px;}
	.joinIForm .jbtn{ width: 88px;}
	.joinIbox{ padding: 50px 0px;}
	.pbanner{ background-position: center center; background-size: cover; background-repeat: no-repeat; height: 300px !important;}
	.pbanner .img{ display: none !important;}
	.pbanner .bg{ display: none;}
	.aboutNav a{ width: 140px; height: 140px; font-size: 14px;}
	.aboutNav ul{ margin-top: -70px;}
	.aboutNav .con{ padding-top: 16%;}
	.aboutPage1{ padding: 50px 0px;}
	.pboxT .t{ font-size: 35px;}
	.pboxT{ margin-bottom: 40px;}
	.cultureTbox{ padding: 50px 0px;}
	.about-t2 .cul-by{ font-size: 25px;}
	.about-t2 .cul-en{ font-size: 16px;}
	.about-t2 .cul-zh{ font-size: 25px;}
	.cultureTbox .cul-zh{ padding: 20px 0px 35px;}
	.twoCultrue .con{ background-color: #fff; display: block; padding:15px 0px; width: 100%; left: auto; position: relative; top: auto;}
	.twoCultrue dd{ width: 48%; margin: 0px 1% 2%;}
	.twoCultrue dd:hover .con{ top: auto;}
	.twoCultrue dd:hover .yellow_80{ display: none;}
	.twoCultrue dd:hover .t .txt { color: #727272;}
	.twoCultrue dd:hover .t .bot{ background-color: #727272;}
	.twoCultrue dd .by1{ opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden;}
	.twoCultrue dd .by2,.twoCultrue dd:hover .by2{ opacity: 1; margin: 15px auto; visibility: visible;}
	.twoCultrue dd .by{ color: #F0BE00;}
	.twoCultrue dd .t .bot1{ visibility: hidden; opacity: 0;}
	.twoCultrue dd .t .txt{ padding: 0px 0px 12px;}
	.twoCultrue dd .c{ display: block; color: #4B4B4B;}
	.twoCultrue dd .lico,.twoCultrue dd:hover .lico{ display: none;}
	.historyPage{ padding: 50px 0px;}
	.honorPage{ padding: 50px 0px;}
	.honorPage .about-t2{ margin-bottom: 30px;}
	.pagenavBox,.pagenav {height: 50px;}
	.pagenav .pnavbox { line-height: 50px; }
	.pnavbox span { margin: 0px 10px;}
	.pagenav a span{ font-size: 12px;}
	.pagenav a .ico{ bottom: 8px;}
	.pagenav a:hover { background-color: #d8b210; color: #fff; }
	.pagenav a:hover .ico{ opacity: 0; visibility: hidden; }
	.pagenav a:hover .bot{ height: 0px;}
	.pagenav.fixed{ top: 50px;}
	.videoList{ padding: 50px 0px;}
	.videoList li{ margin-bottom: 50px;}
	.videoList .t{ font-size: 25px;}
	.videoList .sharpbox2{ margin-bottom: 25px;}
	.videoList .vbBox{ height: 340px;}
	.firstNewPage{ padding: 50px 0px;}
	.firstNewPage .inner{ width: 100%;}
	.firstNew .time{ text-indent: 0px;}
	.firstNew .t{ text-indent: 0px;}
	.firstNew .itemCon{ padding-left: 0px;}
	.firstNew .slick-prev, .firstNew .slick-next{ width: 40px; height: 40px; margin-top: -20px;}
	.firstNew .t{ margin-bottom: 15px;}
	.firstNew .slick-prev{ left: -12%;}
	.firstNew .slick-next{ right: -12%;}
	.newPage{ padding: 0px 0px 50px;}
	.newDL{ padding-bottom: 50px;}
	.newDL .item{ padding: 25px 0px;}
	.newDL .img{ left: 0px; top: 25px;}
	.newDL .con{  padding-left: 220px;}
	.newDL .yellow{ display: none;}
	.newDL dd:hover .t{ color: #070707;}
	.newDL dd:hover .c{ color: #9c9c9c;}
	.newDL dd:hover .redmore{ color: #c8c8c8;}
	.ninfoT{ padding: 35px 0px;}
	.ninfoT .t{ font-size: 20px;}
	.pagePadding{ padding: 50px 0px;}
	.productNav{ width: 100%;}
	.productNav li{ padding: 0px;}
	.productNav li a{ padding: 20px 0px; height: auto;}
	.productNav li.act a .bot{ bottom: 0px;}
	.productNav li a .zh{ font-size: 14px;}
	.productNav li a .en{ display: none;}
	.proList .oneItem .con,.proList .twoItem .con{ top: 35%; height: auto; text-align: center;}
	.proList .con .zh{ line-height: 1.5; font-size: 22px;}
	.proList .con .c{ display: none;}
	.proList .con .bot{ margin: 10px auto 0px;}
	.proList .con .en{ font-size: 18px; line-height: 1.5;}
	.proList li:hover img{ transform: scale(1); -webkit-transform: scale(1);}
	.proList li .black-30{ opacity: 1; visibility: visible;}
	.prolistType{ height: auto; background-color: #fff;}
	.prolistType .inner{ width: auto;}
	.selectPro{ width: 100%; float: none; margin:15px 0px;}
	.selectPro .select-ico{left: 95%;}
	.prolistType .proPadding{ float: none; display: block; padding: 14px 5%;}
	.prolistType .proPadding a{ font-size: 14px;}
	.proBanner .slick-arrow{ border: 1px solid #F0BE00; background:rgba(230, 180, 0, 0.8) none repeat scroll 0 0; width: 40px; height: 40px; margin-top: -21px;}
	.proBanner .slick-arrow i{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.proBanner .slick-prev,.proBanner .slick-next{transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.proInfoPage{ padding: 30px 0px;}
	.proCon{ padding: 30px 0px 0px;}
	.proCon-c dd.item1,.proCon-c dd.item2{ border-left: 0px none; padding: 0px 0px 20px; width: 100%; float: none;}
	.proCon-t{ font-size: 20px;}
	.relatedProducts{ padding-bottom: 50px;}
	.relatedProducts dt{ font-size: 30px; padding: 30px 0px;}
	.servicePbanner{ height: 440px !important;}
	.servicePbox{ margin-left: 0px; width: 100%; padding: 18px 0px; left: 0px; bottom: 0px;}
	.servicePbox .telBox{ background-size: auto 80%; padding-left: 64px;}
	.servicePbox .telBox .t{ font-size: 16px;}
	.servicePbox .telBox .c{ font-size: 24px;}
	.servicePbox .byBox{ font-size: 18px;}
	.pagePadding2{ padding: 50px 0px;}
	.serviceT .t{ font-size: 25px;}
	.serviceCon{ padding: 40px 0px;}
	.serviceList .ybg{ background-color: rgba(240,190,0,0.7);}
	/*.serviceList .ybg{opacity: 1; visibility: visible;  transform: scale(1); -webkit-transform: scale(1);}*/
	.downList .con .down{ width: 40px; height: 40px; margin-bottom: 20px;}
	.downList .con .name{ font-size: 16px; height: 48px; margin-bottom: 10px;}
	.downList .img{ float: none; border-left: 0px none; width: 60%; margin: 0px auto;}
	.downList .con .down{ width: 100%;}
	.downList .con .down i{ width: 40px; margin: 0px auto;}
	.downList .con{ float: none; width: auto; padding-bottom: 10px;}
	.downList .con .btn{ position: relative; left: auto; bottom: auto; padding: 0px 18px;}
	.contactPage{ padding-bottom: 20px;}
	.contactPage dd{ float: none; display: block; width: 100%;}
	.contactCon{ width: 90%; float: none; margin: 0px auto 20px;}
	.contactCon .ct{ font-size: 25px; padding: 30px 0px;}
	.contactCon .f24{ font-size: 18px;}
	.mapBox{ height: 400px;}
	.jobT{ font-size: 25px;}
	.job-strategy{ padding: 40px 0px;}
	.job-strategy .w900{ width: auto;}
	.job-strategy-img{ height: 200px;}
	.jobList{ width: 90%;}
	.job-strategy-list .c{ width: 100%;}
	#jobpage2{ padding-bottom: 50px;}
	.staffList .img .imgbg{ height: 180px; }
	.staffList .con{ padding: 20px 10%; height: 140px;}
	.staffList .con .more2{ bottom: 20px;}
	.staffList .con .zh{ font-size: 15px; height: 54px; margin-bottom: 0px;}
	.staffList .con .c{ display: none;}
	.staffList .img .black-30{ display: none;}
	.staffList .slick-arrow{ border: 1px solid #F0BE00; background:rgba(230, 180, 0, 0.8) none repeat scroll 0 0; width: 40px; height: 40px; margin-top: -21px;}
	.staffList .slick-arrow i{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.staffList .slick-prev,.staffList .slick-next{transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px); opacity: 1; }
	.haiTop{ padding: 10px 0px; background: none rgba(255,255,255,0.9); box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);}
	.haiLogo{ width: 100px;}
	.haiBanner .slick-arrow{ display: none !important;}
	.haiT{ margin-bottom: 30px;}
	.haiT .en{ font-size:45px;}
	.haiT .zh{ font-size: 20px;}
	.oneHaiPage{ padding: 50px 0px;}
	.oneHaiPage .con{ width:52%;}
	.oneHaiPage .img{ width: 43%; margin:0px 0px 0px 5%;}
	.oneHaiPage .haiC{ font-size: 12px; line-height: 1.8;}
	.oneHaiPage .img .black-30{ display: none;}
	.twoHaiPage{ padding: 50px 0px;}
	.twoHaiPage .pageC{ margin-bottom: 40px;}
	.twoHaiPage-img{ margin-top: 50px;}
	.twoHaiPage-Con .item .t{ font-size: 25px;}
	.threeHaiList .black-30{ display: none;}
	.fiveInner .pageC{ width: auto;}
	.joinCondition-list li{ float: none; width: auto; padding:15px; position: relative; min-height: 64px; background-color: #fff; margin-bottom: 15px;}
	.joinCondition-list li.lin5{ margin-left: 0px;}
	.joinCondition-list .num{ position: absolute; left: 15px; top: 15px; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 18px; margin-bottom: 0px;}
	.joinCondition-list .c{ width: auto; padding-left: 80px; text-align: left;}
	.processPage{ width: 100%;}
	.joinProcess{ padding: 50px 0px;}
	.pbanner .joinBanner{ left: 5%; margin-left: 0px;}
	.joinT{ font-size: 22px;}
	.oneJoinPage{ padding: 50px 0px;}
	.oneJoinPage .joinT{ margin-bottom: 30px;}
	.twoJoinPage{ padding: 50px 0px; height: 300px;}
	.conditionPage{ margin-top: 0px; width: 100%;}
	.conditionPage li .ico{ width: 40px;}
	.conditionPage li{ float: none; width: 90%; padding: 0px 5% 15px;}
	.threeJoinPage{ padding-top: 50px;}
	.threeJoinPage .joinT{ margin-bottom: 40px;}
	.slider-nav{ margin: 0px 30px 40px;}
	.slider-nav .slick-prev{ left: -35px;}
	.slider-nav .slick-next{ right: -35px;}
	.slider-nav .slick-arrow{ background-image: url(../img/img_bg4.png); background-size: cover; width: 40px; height: 40px;}
	.slider-nav .slick-arrow i{  background-size: cover;}
	.slider-nav .slick-prev i{ background-image: url(../img/img_l2.png);}
	.slider-nav .slick-next i{ background-image: url(../img/img_r3.png);}
	.join-down{ padding: 50px 0px;}
	.join-down .btn{ font-size: 28px;}
	.jmList dd{ background-color: transparent;}
	.jmList .img{ width: 100%;}
	.jmList .con{ position: relative; left: auto; top: auto; width:90%; color: #363636; margin: 0px auto; padding: 30px 0px 0px;}
	.joinForm{ padding:50px 0px; width: 100%;}
	.telIbox{ float: none; width: 100%; margin-right: 0px; margin-bottom: 25px;}
	.formBox{ float: none; width: 100%;}
	.historyPage .titem{ float: none; width: 100%; text-align: center; padding-bottom: 30px; padding-left: 0px;}
	.historyPage .titem .about-t2 .bot{ margin: 0px auto;}
	.historyPage .citem{ float: none; width: 100%;}
	.historyDemo .year{ font-size: 30px;}
    .honorDemo .item {  width: 29.33%;} 
    .productList .con{ top: 50%; height: auto; margin-top: 0px; transform: translateY(-50%); -webkit-transform:translateY(-50%); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);}
    .productList .c { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); }
  	.productList .yellow_50,.productList .con .bot,.productList .ico{ display: none;}
	.productList .ico, .productList .con .c { visibility: visible; opacity: 1; transition: 0ms; -webkit-transition: 0ms; }
  	.vwrap .videobox { width: 700px; margin-left: -350px; }
}
@media screen and (max-width:860px){
	.boxC .en{ font-size: 30px;}
	.boxC .zh{ font-size: 25px;}
	.banner .pimg{ display: block;}
	.banner .bimg{ display: none !important;}
	.iboxT .t{ font-size: 30px;}
	.iboxT .by{ font-size: 22px;}
	.iboxT .line{ margin-top: 25px;}
	.linkBox .lin2{ width: 84%;}
	.linkBox .lin3{ width: 100%; text-align: left;}
	.linkBox .sharpbox{ float: none; margin:20px auto 10px;}
	.imgIbox .con{ width: 80%; padding: 20px 25px; box-sizing: border-box;}
	.imgIbox .t{ font-size: 30px;}
	.imgIbox .en{ font-size: 22px;}
	.imgIbox .bot{ margin: 12px auto 8px;}
	.newIbox .con .zh{ height: auto; margin-bottom: 20px; font-size: 20px;}
	.newIbox .con .c{ display: none;}
	.serviceIbox .con .zh{ font-size: 20px; margin-bottom: 30px;}
	.serviceIbox .con .c{ display: none;}
	.serviceIbox .img .iboxT{ width: 160px; height: 160px; margin: -80px 0px 0px -80px;}
	.serviceIbox .iboxT .t{ font-size: 22px; padding-top: 50px;}
	.serviceIbox .iboxT .line2{ width: 90%;}
	.serviceIbox .iboxT .line2 .txt{ font-size: 12px;}
	.aboutNav a{ width: 120px; height: 120px; font-size: 12px;}
	.aboutNav ul{ margin-top: -40px;}
	.pboxT .t{ font-size: 30px;}
	.about-t{ font-size: 25px;}
	.pageDL dd.item1,.pageDL dd.item2{ float: none; width: auto; border-right: 0px none; padding: 0px;}
	.pageDL dd.item2{ padding-top: 20px;}
	.firstNew .con .c{ margin-bottom: 10px;}
	.proList .con .zh{ font-size: 20px;}
	.proList .con .en{ font-size: 16px;}
	.productList li{ width: 48%;}
	.relatedList li:nth-child(3){ display: none;}
	.relatedProducts dt{ font-size: 25px; padding: 25px 0px;}
	.serviceCon{ width: 90%;}
	.serviceList li{ width: 48%; margin-bottom: 2%;}
	.serviceList .ybg{ font-size: 18px; width: 100px; height: 100px; line-height: 100px; margin: -50px 0px 0px -50px;}
	.mapBox{ height: 300px;}
	.job-strategy-list .jico{ width: 40px;}
	.job-strategy-list{ font-size: 12px;}
	.job-strategy-list li{ padding: 30px 2%;}
	.job-strategy-list .w1132{ width: 100%;}
	.haiBanner .img{ display: none !important;}
	.haiBanner .img2{ display: block !important;}
	.oneHaiPage .con{ float: none; width: 100%;}
	.oneHaiPage .haiC{ font-size: 14px;}
	.oneHaiPage .img{ float: none; width: 100%; margin: 20px 0px 0px;}
	.oneHaiPage .img img{ max-width: 100%; width: auto;}
	.twoHaiPage .pageC{ width: 90%;}
	.threeHaiList li{ width: 48%;}
	.joinAdvantage dd{ float: none; width: auto; margin-left: 0px;}
	.joinAdvantage dd.con{ margin-left: 0px; width: auto;}
	.joinAdvantage dd.img{ width: 90%; margin: 0px auto 30px;}
	.processPage .boColor{ display: none;}
	.processList .item .jt{ display: none;}
	.historyDemo .year{ font-size: 25px;}
	.vwrap .videobox { width: 560px; margin-left: -298px; }
}
@media screen and (max-width:641px){
	.inner,.aboutNav,.w1132,.infoC,.innerP,.w950{ width: 94%;}
	.sharpbox a .i{ transform: scale(0.8); -webkit-transform: scale(0.8);}
	.boxC .en{ font-size: 25px;}
	.boxC .zh{ font-size: 20px; margin: 10px auto 15px;}
	.boxC .moreBox .bot{ margin-bottom: 10px;}
	.foot .linkA{ float: none;}
	.linkBox .inner{ position: relative;}
	.linkBox .lin1{ width: 69px; position: absolute; left: 0px; top: 0px;}
	.linkBox .lin2{ padding-left: 65px; width: 100%; box-sizing: border-box;}
	a.logo2{  width: 50px; font-size: 12px;}
	a.logo2 img{ margin-bottom: 5px;}
	.linkImg .img{ width: 45px;}
	.aboutIList{ width: 90%;}
	.aboutIList li{ width: 29.33%; padding: 0px 2% 20px;}
	.aboutIList .ico{ transform: scale(0.7); -webkit-transform: scale(0.7);}
	.aboutIc{ width: 94%;}
	.productIbox{ margin-top: 35px;}
	.productIbox .slick-prev{ left: 0%;}
	.productIbox .slick-next{ right: 0%; }
	.more{ width: 180px;}
	.imgIbox .con{ width: 90%;}
	.imgIbox .t{ font-size: 25px;}
	.imgIbox .en{ font-size: 18px;}
	.imgIbox .bot{ transform: scale(0.6); -webkit-transform: scale(0.6);}
	.newIbox{ padding: 20px 0px 0px;}
	.newIbox .img{ margin-left: 0px; width: 50%;}
	.newIbox .con{ width: 40%;}
	.newIbox .img,.newIbox .con{  transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); opacity: 1;  transition: 0ms ease 0ms; -webkit-transition: 0ms ease 0ms; -ms-transition: 0ms ease 0ms;}
	.newIbox .con .zh{ font-size: 16px;}
	.serviceIbox{ padding-bottom: 20px;}
	.serviceIbox .img{ width: 50%; margin-right: 0px;}
	.serviceIbox .con{ margin: 0px 5%; width: 40%;}
	.serviceIbox .con .zh{ font-size: 16px;}
	.serviceIbox .img .iboxT{ width: 140px; height: 140px; margin: -70px 0px 0px -70px;}
	.serviceIbox .iboxT .t{ font-size: 20px; padding-top: 40px;}
	.serviceIbox .iboxT .line2{ width: 94%;}
	.joinIForm{ padding-right: 0px;}
	.joinIForm .jtxt{ float: none; padding: 10px 2%; width: 80%; margin-bottom: 10px;}
	.joinIForm .jbtn{ position: relative; right: auto; top: auto; display: block; margin-top: 30px; height: 40px; line-height: 40px; width: 100px;}
	.pbanner{ height: 240px !important;}
	.pbanner .con .en{ font-size: 30px;}
	.pbanner .con .zh{ font-size: 20px;}
	.aboutNav a{ width: 100px; height: 100px;}
	.aboutNav ul{ margin-top: -30px;}
	.aboutNav .ico{ transform: scale(0.7); -webkit-transform: scale(0.7); margin-bottom: 0px;}
	.pboxT .t{ font-size: 25px;}
	.about-t2 .cul-zh{ font-size: 20px; padding: 10px 0px;}
	.cultureTbox .cul-zh{ padding: 10px 0 25px;}
	.twoCultrue dd{ float: none; width: 98%;}
	.twoCultrue dd .c{ height: auto;}
	.twoCultrue .con{ padding: 15px 0px 25px;}
	.onumBox .owlp-prev, .onumBox .owlp-next{ height: 36px; width: 36px; background-size: cover;}
	.onumBox{ height: 40px; line-height: 40px; font-size: 18px;}
	.videoList{ padding-bottom: 0px;}
	.videoList .t{ font-size: 20px;}
	.videoList .vbBox{ height: 300px;}
	.videoList .vbBox .vico{ width: 40px; height: 40px; background-size: cover; margin: -20px 0px 0px -20px;}
	.firstNewPage{ padding: 30px 0px;}
	.firstNew{ width: 94%;}
	.firstNew .img{ float: none; width: 100%;}
	.firstNew .con{ float: none; width: 100%; margin-left: 0px; padding: 20px 0px 10px;}
	.firstNew .sharpBox2{ left: auto; bottom: auto; position: relative; margin-top: 15px;}
	.firstNew .t{ font-size: 18px; margin-bottom: 0px;}
	.firstNew .con .c{ display: none;}
	.firstNew .slick-prev{ left: -2%;}
	.firstNew .slick-next{ right: -2%;}
	.pagePadding{ padding: 30px 0px;}
	.infoPaging{ padding: 25px 0px;}
	.infoPaging a.list{ float: none; margin-bottom: 15px;}
	.infoPaging a.list span{ width: auto; background-position: left center; display: block; padding: 10px 0px 10px 30px;}
	.infoPaging p{ width: 100%; margin-bottom: 10px;}
	.infoPaging{ line-height: 1.5; font-size: 12px;}
	.productNav{ width: 100%;}
	.productNav a .ico{ width: 50px; margin: 0px auto 10px;}
	.productNav li a .bot{ height: 6px;}
	.proList .con .zh{ font-size:16px;}
	.proList .con .en{ font-size: 12px;}
	.proList .con .bot{ height: 1px;}
	.proList .oneItem .con, .proList .twoItem .con{ top: 30%;}
	.prolistType .proPadding{ padding: 14px 0px;}
	.prolistType .proPadding a{ display: inline-block; padding: 4px 0px; width: 30%; margin: 0px 1% 4px; text-align: center; font-size: 12px;}
	.selectPro{ height: 40px;}
	.selectPro .txt{ height: 40px; font-size: 14px; line-height: 40px;}
	.selectPro .cc{ top: 40px;}
	.pageCur{ font-size: 12px;}
	.relatedProducts dt{ font-size: 20px;}
	.listPager{ padding: 30px 0px;}
	.servicePbanner{ height: 400px !important;}
	.servicePbox{ width: 100%;}
	.pagePadding2{ padding: 30px 0px;}
	.serviceT .t{ font-size: 20px;}
	.jobT{ font-size: 20px;}
	.job-strategy-img{ height: 160px;}
	.jobList .jspan:nth-child(1){ width: 60%; padding: 0px 0px 0px 4%; text-align: left;}
	.jobList .jspan:nth-child(2){ width: 36%;}
	.jobList .jspan:nth-child(3),.jobList .jspan:nth-child(4){ display: none;}
	.jobList .jobdt{ font-size: 14px;}
	.job-strategy-list li{ float: none; width: 96%; padding: 20px 2%; border-bottom: 2px solid #fff;}
	.oneHaiPage{ padding: 30px 0px;}
	.haiT .en{ font-size:35px; margin-bottom: 10px;}
	.haiT .zh{ font-size: 16px;}
	.twoHaiPage .pageC{ width: 94%;}
	.twoHaiPage{ padding: 30px 0px;}
	.twoHaiPage-img{ height: 300px;}
	.twoHaiPage-Con .item{ padding: 20px;}
	.twoHaiPage-Con .item .t{ font-size: 20px;}
	.pcc{ font-size: 18px;}
	.joinProcess{ padding: 30px 0px;}
	.processPage{ width: 100%;}
	.processList{ margin: 0px 40px;}
	.processList .slick-prev{ left: -30px;}
	.processList .slick-next{ right: -30px;}
	.joinT{ font-size: 20px;}
	.twoJoinPage{ height: 240px;}
	.conditionPage{ width: 100%;}
	.join-down .btn{ font-size: 22px;}
	.joinForm{ width: 100%;}
	.formBox .fitem{ padding: 20px 5%;}
	.fromT2{ height: 140px;}
	.joinFormTBL td{ width: 100%; display: block; padding-bottom: 10px;}
	.jfname{ text-align: left;}
	.joinFormTBL td.jfname{ padding-bottom: 0px;}
	.joinFormTBL td.jfNone{ display: none; padding-bottom: 0px;}
	.historyPage .citem{ height: auto;}
	.historyDemo .item{ height: auto;}
	.hisBot{ top: 0px; left: 0px; width: 2px; height: 100%; margin-top: 0px; background-color: #d5d5d5;}
	.historyDemo .hitem1,.historyDemo .hitem2,.historyDemo .hitem3,.historyDemo .hitem4{ float: none; width: auto; position: relative; left: auto; top: auto; height: auto; margin-bottom: 25px; padding-top: 0px;}
	.historyDemo .c{ font-size: 1.8;}
	.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian,.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian{ bottom: auto; top: 3px; height: 5px;}
	.historyDemo .dian,.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian{ top: 0px; bottom: 0px; left: -5px; background: none #F0BE00; border-radius: 50%; width: 10px; height: 10px;}
	.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian{ top: 0px;}
	.historyDemo .year{ line-height: 1; margin-bottom: 5px; position: relative; top: -4px; font-size: 20px;}
    .honorDemo .item {  width: 46%;} 
    .vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
}	
@media screen and (max-width:481px) {
	.boxC .en{ font-size: 20px;}
	.boxC .zh{ font-size: 18px; margin: 8px auto 12px;}
	.boxC .moreBox { font-size: 10px;}
	.boxC .moreBox .bot{ margin-bottom: 8px; width: 80px;}
	.iboxT .t{ font-size: 25px;}
	.iboxT .by{ font-size: 16px;}
	.iboxT .line{ width: 80px;}
	.iboxT .line2{ width: 80%;}
	.newIbox{ padding: 20px 0px;}
	.newIbox .img{ float: none; margin-right: 0px; width: 100%;}
	.newIbox .con{ float: none; width: 90%; margin: 0px auto; padding: 25px 5%; background-color: #fff;}
	.serviceIbox .img{ float: none; width: 100%;}
	.serviceIbox .con{ float: none; width: 90%; margin: 0px auto; padding: 25px 5%; background-color: #fff;}
	.pbanner{ height: 200px !important;}
	.aboutNav ul{ margin-top: 0px;}
	.aboutNav li{ width: 50%; margin-top: 20px;}
	.videoList .sharpBox2{ margin-bottom: 10px;}
	.videoList .vbBox{ height: 220px;}
	.newDL .item{ height: auto;}
	.newDL dd{ float: left; display: block; width: 46%; margin: 0px 2% 10px;}
	.newDL .img{ position: relative; left: auto; top: auto; margin-bottom: 20px; width: 100%;}
	.newDL .con{ padding-left: 0px;}
	.newDL .t{ font-size: 14px; height: 42px; line-height: 1.5;}
	.newDL .c{ display: none;}
	.ninfoT .t{ font-size: 18px;}
	.productNav li a{ padding: 10px 0px;}
	.productNav li a .zh{ font-size: 12px;}
	.productNav a .ico{ width: 40px;}
	.productList ul{ margin-left: 0px;}
	.productList li{ width: 100%; margin: 0px 0px 25px 0px; float: none;}
	.servicePbanner{ height: 300px !important;}
	.servicePbox .telBox{ float: none; width: auto; padding-left: 45px;}
	.servicePbox .byBox{ float: none; width: auto; display: none;}
	.servicePbox .telBox .c{ font-size: 20px;}
	.processList .bg{ width: 90px; height: 65px; padding-top: 25px; margin: 0 auto 10px;}
	.processList .bg img{ width: 40px;}
	.pbanner .joinBanner .en{ font-size: 25px;}
	.twoJoinPage{ height: 200px;}
	.join-down .btn{ font-size: 20px;}
	.jmList .t{ font-size: 18px;}
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
}
@media screen and (max-width:421px) {
	.proList li{ margin-bottom: 20px;}
	.proList li .img{ width: 100%;}
	.proList .twoItem .img{ margin-left: 0px;}
	.proList .oneItem .con, .proList .twoItem .con{ opacity: 0.8; padding: 15px 10px; width: 54%;}
	.proList .oneItem .con{ left: auto; right: 0px;}
	.proList .twoItem .con{ left: 0px;}
	.servicePbanner{ height: 240px !important;}
	.staffList .img{ padding-top: 20px;}
	.staffList .img .imgbg{ width: 90%; margin: 0px auto;}
	.staffList .con{ height: 98px; padding: 20px 5%;}
	.staffList .con .more2{ left: 5%;}
	.pbanner .joinBanner .en{ font-size: 20px; margin-bottom: 8px;}
	.twoJoinPage{ height: 160px;}
}
@media screen and (max-width: 375px) {
	.imgIbox .con{ width: 100%;}
	.imgIbox{ padding: 60px 0px;}
	.joinIbox{ padding: 40px 0px;}
	.joinIForm .jtxt{ width: 90%; padding: 10px 5%;}
	.videoList .t{ font-size: 18px;}
	.videoList .vbBox{ height: 200px;}
	.productNav li a .zh{ font-size: 10px;}
	.downList .img{ width: 100%;}
	.haiT .en{ font-size:30px;}
	.vwrap .videobox { width: 240px; margin-left: -138px; height: 300px; margin-top: -150px; }
}
@media screen and (max-width: 360px) {
	.boxC{ top: 25%;}
	.linkBox{ padding: 30px 0px 40px;}
	.linkBox .lin1{ position: relative; left: auto; top: auto; width: 100%; float: none; padding-bottom: 20px;}
	.linkBox .lin2{ padding-left: 0px;}
	.boxC .en{ font-size: 18px;}
	.boxC .zh{ font-size: 14px;}
	.videoList .vbBox{ height: 160px;}
	.ninfoT .t{ font-size: 16px;}
	.proList .oneItem .con, .proList .twoItem .con{ width: 48%;}
	.proList .con .zh{ font-size: 14px;}
	.proList .con .en{ font-size: 10px;}
	.join-down .btn{ font-size: 18px;}
}