@media screen and (min-width:1025px){
	.fixedImg { background-attachment: fixed;}
	.ibox-pic-demo:hover .img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
	.ibox-pic-demo:hover .bg{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
	.ibox-pic-demo:hover .iboxT .en,.ibox-pic-demo:hover .iboxT .zh{ color: #fff;}
	/*.ibox-img-box:hover .black-30{ opacity: 0; visibility: hidden;}*/
	.ibox-img-box:hover .bg{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
	.honorDemo .item:hover{ background-color: #fff;}
	.honorDemo .item:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
	.honorDemo:hover .slick-arrow{ background-color: #fff;}
	.new-List dd:hover{ box-shadow: 0 0 21px 0px rgba(0, 0, 0, 0.3);}
	.new-List dd:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
	.new-List dd:hover .img img{ transform: scale(1.08); -webkit-transform: scale(1.08);}
	.video-news-demo .item:hover .img img{ transform: scale(1.12); -webkit-transform: scale(1.12);}
	.video-news-demo .item:hover .vico{ border-color: #eecfaf; background-color: #eecfaf;}
	.proList li:hover .filler2-left { height: 96%; }
	.proList li:hover .filler2-right { height: 96%; }
	.proList li:hover .filler2-top { width: 96%; }
	.proList li:hover .filler2-bottom { width: 96%; }
	.proList li:hover img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
	.proList li:hover .orange-50{ opacity: 1; visibility: visible;}
	.product-list li:hover .filler2-left { height: 96%; }
	.product-list li:hover .filler2-right { height: 96%; }
	.product-list li:hover .filler2-top { width: 96%; }
	.product-list li:hover .filler2-bottom { width: 96%; }
	.product-list li:hover img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
	.product-list li:hover .bg{ opacity: 1; visibility: visible;}
	.product-list li:hover .con{ opacity: 1; visibility: visible; transform: none;  -webkit-transform: none; }
	.pbanner-C .c{ font-size: 35px;}
}
@media screen and (min-width:1368px){
	.top{ padding: 0px 42px;}
	.top-sider{ right: 42px;}
	.box-inner{ margin: 0px 42px;}
	.nav{ float: none; margin: 0px auto; width: 602px;}
	.top-sider .telItem{ padding: 26px 34px 0;}
	.binbox .zh{ font-size: 60px;}
	.scoll-top .logo{ left: 42px;}
	.newIimgDemo .img{ margin-bottom: 15px;}
	.newIimgDemo .time{ font-size: 24px;}
	.newIimgDemo .t{ font-size: 16px; height: 22px;}
	.newIimgDemo .slick-arrow{ margin-top: -50px;}
	.productIbox-con{ width: 28%;}
	.productIbox-list{ width: 368px;}
	.productIbox-list dd{ padding: 35px 0px 35px 200px; }
	.productIbox-list .ico{ left: 15%;}
	.productIbox-con .t{ font-size: 30px;}
	.pboxT{ padding: 60px 0 50px;}
	.pboxT .en{ font-size: 70px;}
	.pboxT .zh{ font-size: 22px;}
	.ibox-img-box .con .t{ font-size: 22px;}
	.pbanner-C .c{ font-size: 40px;}
	.bg-T{ font-size: 120px;}
	.cultureDemo .slick-prev{left: -80px;}
	.cultureDemo .slick-next{right: -80px;}
	.honorPage{ padding: 72px 0px 96px;}
	.honorDemo .img{ width: 110px;}
	.honorPage .aboutT{ margin-bottom: 76px;}
	.coursePage .aboutT{ padding: 80px 0px 100px;}
	.newPage{ padding: 62px 0px;}
	.newPage .aboutT{ margin-bottom: 40px;}
	.brandVideoPage .bg-50{ padding: 64px 0px 134px;}
	.video-news-demo{ margin-top: 62px;}
	.pading{ padding-top: 30px;}
	.infopage-box-t{ border-top: 5px solid #0d9431; padding: 50px 100px 22px; width: 800px;}
	.infoBanner{ height: 352px;}
	.infopage-box-c{ padding: 50px 100px; width: 800px;}
	.infopage-box{ padding-bottom: 100px;}
	.proNav li{ width: 11%;}
	.proNav .lastItem{ width: 23%; height: 124px;}
	.serach-demo{ padding: 30px 8% 0px; width: 84%;}
	.serach-box{ width: auto;}
	.serach-tcon{ height: 25px; overflow: hidden;}
	.serach-tcon a{ margin-right: 20px;}
	.proPage{ padding: 62px 0px;}
	.proPage .aboutT{ margin-bottom: 42px;}
	.proList .con{ width: 514px; top: 12%;}
	.proList .con .zh{ font-size: 24px;}
	.proList .con .en{ font-size: 36px; margin: 5px 0px 25px;}
	.proList .con .c{ height: 81px; font-size: 15px;}
	.proList .morebtn{ margin-top: 8%;}
	.prolbanner-con .pcon { padding: 42px 58px 36px; border-top: 14px solid #e2bfa5; font-size: 15px; width: 378px; }
	.prolbanner-con .zh { font-size: 24px;}
	.prolbanner-con .en { font-size: 36px; margin-bottom: 32px;}
	.prolbanner-con .morebtn{ margin-top: 12%;}
	.servicePage{ padding: 78px 0px 95px;}
	.processPage{ padding: 84px 0px;}
	.process-box .aboutT{ padding: 70px 0px;}
	.slider-for{ font-size: 15px;}
	.hrPage .aboutT { padding: 76px 0px 50px;}
	.supportPage{ padding: 86px 0px 116px;}
	.supportPage .aboutT{ margin-bottom: 50px;}
	.download-box{ padding: 80px 0px 60px;}
	.download-box .aboutT{ margin-bottom: 50px;}
	.marketingPbox{ padding: 95px 0px 65px;}
	.marketingPbox .aboutT{ margin-bottom: 70px;}
	.advantage-list .zh{ font-size: 22px; }
	.advantage-list .en{ font-size: 32px;}
	.advantage-list .item{ padding: 100px 0px 80px;}
	.advantage-list .itemCbox{ padding: 22% 10% 5%;}
	.advantage-list .itemCbox .num{ right: 10%; top: 5%; font-size: 70px;}
	.advantage-list .itemCbox .pageC{ margin-top: 6%;}
	.honorDemo .img img{height: 139px}
}

@media screen and (max-width:1260px){
	.pbanner-C .c{ font-size: 35px;}
	.top-sider .telItem{ display: none;}
	.sider-newIbox{ width: 280px;}
	.productIbox-list{ width: 300px;}
	.productIbox-list dd{ padding: 25px 0px 25px 150px; }
	.productIbox-list .ico{ left: 5%;}
	.productIbox-list p{ padding-left: 14px;}
	.aboutIbox{ padding: 60px 0px 80px;}
	.ibox-img-box .con .ico{ width: 60px; height: 60px; margin: 0px auto;}
	.ibox-img-box .con{ margin-top: -45px;}
	.inner1280{ width: 90%;}
	.aboutT .en{ font-size: 54px;}
	.manager-img{ width: 70%; float: none; margin: 0 auto;}
	.manager-img .img{ width: 100%;}
	.manager-con{ width: 80%; float: none; margin: 0px auto;}
	.manager-box{ padding: 45px 5%; position: relative; left: auto; top: auto;}
	.qmBox{ padding-top: 30px;}
	.managerPage{ padding-bottom: 35px;}
	.cultuerPage{ padding-top: 50px;}
	.cultuerPage .c{ padding: 20px 0 40px;}
	.cultureDemo,.cultureDemo .slick-list{ height: auto;}
	.cultureDemo{ padding-bottom: 46px; }
	.cultureDemo .slick-arrow{ top: auto; margin-top: 0; bottom: 0px; width: 50%; height: 46px; background-size: 12px auto;}
	.cultureDemo .slick-prev{left: 0;}
	.cultureDemo .slick-next{right: 0;}
	.courseDemo{ width: 80%;}
	.new-List .t{ font-size: 14px; height: 42px; margin: 15px 6% 10px;}
	.new-List .time{ margin: 0px 6%;}
	.video-news-demo .slick-arrow{ background-color: rgba(0,0,0,0.5); margin-top: -20px; width:40px; height: 40px; background-size: 12px auto; opacity: 1; filter: alpha(opacity=100);}
	.video-news-demo .slick-prev{left: 0;}
	.video-news-demo .slick-next{right: 0;}
	#newList-page{ width: 92%;}
	#newList-page dd,#newList-page dd:nth-child(3n+1){ width: 31.33%; margin: 0px 1% 30px;}
	.infoBanner{ height: auto; padding-bottom: 3px;}
	.info-img{ height: 290px; position: relative; left: auto; top: auto;}
	.infopage-box-t{ padding: 25px 50px 15px; width: 800px; position: relative; left: auto; bottom: auto; margin: -60px auto 0px;}
	.infopage-box-t .t{ font-size: 20px;}
	.infopage-box-t .time{ padding: 8px 0 15px;}
	.infopage-box-c{ width: 800px; padding: 30px 50px;}
	.pager{ width: 800px;}
	.imgShowDemo .txt{ top: auto; bottom: 50px; padding: 8px 0px; height: auto; line-height: 1.5; background-color: rgba(0,0,0,0.4); z-index: 100;}
	.imgShowDemo .img{ bottom: 0px; top: 0px;}
	.imgstools{ width: 100%;}
	.imgstools li,.overlayClose{ height: 50px; width: 50px;}
	.imgstools li .snumBox{ height: 50px; line-height: 55px; font-size: 14px;}
	.imgstools li.lastItem{ padding-left: 0; float: right;}
	.overlayClose i{ background-size: 30% auto;}
	.imgstools{ position: relative; left: auto; top: 0;}
	.imgstools .imgNext,.imgstools .imgPrev{ background-size: 50% auto;}
	.service-box{ padding-left: 40%;}
	.process-box .aboutT{ padding: 50px 0px;}
	.process-box{ width: 50%;}
	.support-type-tab li{ margin: 0px 15px;}
	.support-type-con .t{ margin-top: 25px; font-size: 20px;}
	.procesUl li{ width: 31.33%;}
	.procesUl li:nth-child(4n) .line{ display: block;}
	.procesUl li:nth-child(3n) .line{ display: none;}
	.marketing-demo{ padding: 35px;}
	.contmap{width: 600px;}
	.ContDemo .cont-c dt{font-size: 18px;}

.ContDemo .cont-c dd{font-size: 14px;}
.fm1  div{margin-right:50px !important; }
.fm2  div{margin-right:50px !important;}
.fm2  div:nth-child(2){width:637px !important;}
.fm2  div textarea{width: 557px !important;}
}
@media screen and (max-width:1024px){
	/*.dock-box{ right: 2%; top: auto; bottom: 5%; margin-top: 0;}
	.dock-box:hover{ width: 42px;}
	.dock-list li,.dock-list .dock-c{ display: none;}
	.dock-list li:last-child{ display: block;}*/
	.newPage{ padding: 40px 0px;}
	.dock-box{ display: none;}
    .vwrap .videobox { width: 700px; margin-left: -350px; }
	.header{ height: 60px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}
	.top{ padding: 0px; height: 60px;}
	.top-sider{ right: 60px;}
	.box-inner{ margin: 0px 0px;}
	.nav{ display: none;}
	.buyBtn{ padding: 11px 0px; height: 44px; width: 80px;}
	.buyBtn .ico{ background-size: cover; width: 18px; height: 16px;}
	.menu-handler{ display: block;}
	.mtop{ height: 60px;}
	.link-select-box,.foot-box-con{ float: none;}
	.link-select-box{ margin-bottom: 10px;}
	.fsharp{ margin-top: 12px;}
	.banner .slick-dots{ bottom: 90px;}
	.sider-banner-box{ margin-top: 0; width: 90%; padding: 15px 5%;}
	.videoIbtn,.control{ top: 15px;}
	.control{ left: 5%;}
	.ibox{ margin: 0;}
	.ibox dd,.ibox dd.ibox-item3{ float: left; width: 45.5%; display: block; margin: 0px 0px 20px 3%;}
	.ibox dd.new-ibox{ position: relative; left: auto; top: auto; width: 94%; margin: 0px 3% 20px;}
	.newIbox{ padding: 5%;}
	.newIbox .iboxT{ margin-top: 0;}
	.productIbox-t,.productIbox{ width: 94%; margin: 0px auto;}
	.productIbox-t{ background-position: center top; margin-bottom: 20px;}
	.productIbox-t .pboxT{ padding: 40px 0px 30px;}
	.productIbox-con a:link, .productIbox-con a:visited { color: #333; }
	.productIbox-con a:active, .productIbox-con a:hover { color: #333; }
	.productIbox-con{ position: relative; left: auto; top: auto; width: 90%; padding:0px 5% 35px; margin: 0px auto; text-align: center; background:url(../Images/bg.jpg) no-repeat scroll center center; background-size: cover; color: #333;}
	.productIbox-con{ display: none;}
	/*.productIbox-con .t{ font-size: 20px;}
	.productIbox-con .bot{ height: 0; margin: 20px 0px 0px;}*/
	.productIbox-list{ padding: 0px;}
	.productIbox-list dd{ padding: 20px 0px 20px 50%;}
	.productIbox-list .ico{ width: 50%; height: 100%; background-size: 80px auto; top: 0; margin-top: 0; left: 0;}
	.aboutIbox{ padding: 50px 0px 70px; margin: 20px auto; width: 94%;}
	.aboutIbox .pageC{ margin: 25px auto 40px;}
	.ibox-img{ width: 94%; margin: 0px auto;}
	.ibox-img-box .img img{ width: 140%;}
	.pbanner-C .c{ padding-bottom: 40px;}
	.pbanner .mouseIco{ bottom: 5%;}
	.pageNavBox{ height: 46px; margin-top: 0; width: 100%; border-bottom: 0px none;}
	.pagenav{ position: relative;}
	.pagenav.fixed{ top: 60px;}
	.cpnav{ display: block;}
	.pagenav .cpnavbox{ position: absolute; left: 0px; top: 46px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(0,0,0,0.6); }
	.pagenav .cpnavbox a:before{ display: none;}
	.pagenav .cpnavbox a{ width:40%; display: block; float: left; padding: 10px 5%; font-size: 15px; margin: 0px; color: #fff; border-left: 0px none;}
	.pagenav .cpnavbox a:hover,.pagenav .cpnavbox a.active{ background-color: rgba(255,255,255,0.9);}
	.cpnavbox a:hover, .cpnavbox a.active {color: #0d9431;}
	.inner1280{ width: 94%;}
	.bg-T{ padding: 60px 0px 30px; font-size: 90px;}
	.aboutT .en{ font-size: 50px;}
	.aboutT .zh{ font-size: 18px;}
	.aboutT .en{ font-size: 50px;}
	.aboutT .zh{ font-size: 18px;}
	.wh .wh-t h3{font-size: 16px;}
	.wh-b h3{font-size: 16px;}
	.wh-b span{font-size: 14px;}
	.wh .wh-t span{padding-left: 45px;font-size: 14px;}	
	.aboutPage-item .con,.manager-box .con{ margin-top: 25px;}
	.video-about .vico{ width: 50px; height: 50px; background-size: cover; margin: -27px 0px 0px -27px;}
	.qmBox img{ width: 120px;}
	.cultureDemo .ico{padding: 5px 10px 10px; margin-bottom: 20px; border-radius: 6px;}
	.cultureDemo .ico i{ width: 34px; height: 34px;}
	.cultureDemo .zh{ font-size: 15px;}
	.cultureDemo .en{ font-size: 12px;}
	.honorDemo{ margin: 0px 0px;}
	.honorDemo .slick-prev{ left: 1%;}
	.honorDemo .slick-next{ right: 1%;}
	.honorPage{ padding: 50px 0px;}
	.honorPage .aboutT{ margin-bottom: 35px;}
	.courseDemo{ width: 80%;}
	.courseDemo .t{ font-size: 16px;}
	.courseDemo .year{ font-size: 20px; margin: 8px 0 15px;}
	.coursePage .aboutT{ padding: 40px 0 60px;}
	.courseImg{ height: 180px;}
	.courseDemo .con{ padding: 0 20px 200px 20px;}
	.video-news-demo .ico{ width: 40px; height: 40px; margin: -22px 0px 0px -22px;}
	.new-List{ margin-bottom: 35px;}
	.sharpBox a .ibg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
	.sharpBox{ height: 34px; line-height: 34px;}
	.sharpBox a em{ width: 34px; height: 34px;}
	.infopage-box-t{ padding: 25px 5% 15px; width: 80%; margin: -60px auto 0px;}
	.infopage-box-c{ width: 80%; padding: 30px 5%;}
	.infopage-box{ padding-bottom: 50px;}
	.pager{ width: 90%;}
	.proNav{ margin-top: 0px; width: 100%;}
	.serach-demo{ padding: 25px 5%;}
	.proNav .ico{ width: 40px; height: 40px; margin-bottom: 5px;}
	.proNav .item{ height: 80px; padding-top: 10px;}
	.proList .con .c,.proList .bor,.proList .img .orange-50{ display: none;}
	.proList li{ float: none; width: 100%;margin: 0px 0px 20px;}
	.proList .oneItem{ margin-left: 0;}
	.proList li .img{ width: 100%;}
	.proList .twoItem .img{ margin-left: 0px;}
	.proList .oneItem .con, .proList .twoItem .con{ padding: 15px 20px; height: auto; width: 54%; left: auto; right: 0px; top: auto; bottom: 0;}
	.proList .con{ background: url(../Images/black_50.png) repeat; background: none rgba(0,0,0,0.5); height: auto; color: #fff;}
	.proList .con .zh{ font-size: 18px;}
	.proList .con .en{ font-size: 24px;}
	.proList .con .zh,.proList .con .en{ color: #fff;}
	.proList .morebtn{ background-position: left center;}
	.proList .morebtn i{ background-position: left center;}
	.bgsizecover .proList .morebtn{ background-color:#0d9431;}
	.bgsizecover .proList .morebtn i{ background-position: -2px center;}
	.prolbanner-con{ position: relative; left: auto; top: auto; width: 100%;}
	.prolbanner-con .pcon{ float: none; width: auto; padding: 25px 5%;}
	.prolbanner-con .morebtn{ margin-top: 20px;}
	.product-list .con{ transform: none;  -webkit-transform: none; opacity: 1; visibility: visible;}
	.product-list .con .ico{ width: 50px; height: 50px; background-color: rgba(0,0,0,0.3); background-size: 20px auto;}
	.service-box{ padding-left: 20%;}
	.service-con{ float: left;}
	.processPage{ background-image: none !important; background-color: #f0f0f0; padding: 50px 0px;}
	.process-box{ width: 60%; margin: 0px auto;}
	.hr-T .zh{ font-size: 20px;}
	.hr-T .en{ font-size: 30px;}
	.hr-con{ padding: 40px 5%;}
	.hr-jg{ padding: 40px 5%;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(3){ display: none;}
	.hrList .hspan{ width: 19%;}
	.recruitmentPage .hr-T{ padding-top: 50px;}
	.mapBox{ position: relative; width: 100%; height: 300px; left: auto; top: auto;}
	.con-rightBox{ float: none; width: 90%; padding: 40px 5%;}
	.contact-C{ padding: 35px 0px;}
	.supportPage{ padding: 50px 0;}
	.support-type-inner{ width: auto;}
	.procesUl li{ width: 100%; margin: 0 0px 15px; float: none; height: auto;}
	.procesUl li:nth-child(4n) .line,.procesUl li:nth-child(3n) .line,.procesUl li:nth-child(2n) .line,.procesUl li .line{ display: none;}
	.procesUl .num{ margin-top: 14px; z-index: 10; top: 0;}
	.procesUl .con{ position: relative; left: auto; top: auto; height: auto; padding: 20px 20px 20px 60px;}
	.marketingPbox{ padding: 50px 0px;}
	.marketingPbox .itemL, .marketingPbox .itemR{ float: none; width: 100%;}
	.marketingPbox .aboutT{ margin-bottom: 20px;}
	.marketing-demo{ float: none; margin: 35px 0 0;}
	.advantagePage{ padding: 45px 0px 40px;}
	.advantagePage .aboutT{ margin-bottom: 30px;}
	.advantage-con{ background-image: none !important;}
	.advantage-list { background: none transparent;}
	.advantage-list dd{ display: block; float: none; width: 100%; margin-bottom: 20px;}
	.advantage-list dd:last-child{ margin-bottom: 0;}
	.advantage-list .item{ display: none;}
	.advantage-list .itemC{ position: relative; left: auto; top: auto; bottom: auto; opacity: 1; visibility: visible; height: auto; background: url(../Images/black_35.png) repeat; background: none rgba(0,0,0,0.35);}
	.advantage-list .itemCbox{ padding: 35px 35px 45px;}
	.advantage-list .itemCbox .num{ font-size: 50px; right: 35px;}
	.advantage-list .itemCbox .pageC{ margin-top: 20px;}
	.ContDemo .cont-c{
	float: none;
	max-width: 100%;
	}
	.fm1{ margin-bottom: 0 !important; }
	.fm1 div,.fm2 div,.f3 div{width: 100% !important;margin-bottom: 50px; margin-left: 0 !important;}	
	.fm2  div:nth-child(2){width:100% !important;}
	.fm2  div textarea{width: 100% !important;}
	.ContDemo .contmap{max-width: 100% ;width: 100%;}
	.fm3 {position: relative; margin-top: 120px; max-width: 100%; margin-bottom: 30px;}
}
@media screen and (max-width:860px){
    .vwrap .videobox { width: 560px; margin-left: -298px; }
	.productIbox-t .pboxT{ padding: 40px 0px 25px;}
	.aboutIbox .pageC{ width: 90%;}
	.ibox-img-box .img img{ width: 100%;}
	.ibox-img-box{ float:none; width: 100%;}
	.service-Ibox{ margin-bottom: 20px;}
	.aboutPage-con dd{ float: none; width: 90%; margin: 0px auto;}
	.aboutPage-con .aboutPage-item{ width: 80%; }
	.info-img{ height: 270px;}
	.proNav .item{ font-size: 12px;}
	.proList .morebtn{ display: none;}
	.proList .con .zh{ font-size: 16px;}
	.proList .con .en{ font-size: 20px;}
	.product-list li{ width: 48%;}
	.service-box{ padding-left: 8%;}
	.service-nav .item .num{ font-size: 36px;}
	.service-nav .item{ width:90px; height: 90px; left: -40px;}
	.service-nav li{ height: 90px;}
	.service-con .con .t1{ font-size: 20px;}
	.service-con .con .e1{ font-size: 38px;}
	.service-con .con{ padding: 40px;}
	.process-box{ width: 70%;}
	.hr-con,.hr-jg{ float: none; width: 80%; margin: 0px auto;}
	.hr-jg{ margin-top: 20px;}
	.hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan{ width: 23%;}
	.new-List dd{ margin: 0 auto 35px;  padding: 20px; float: none;}
	.new-List .t,.new-List .time{ margin-left: 0; margin-right: 0;}
	.new-List .t{ font-size: 15px; height: auto;}
	.new-List .time{ padding-bottom: 0;}
}
@media screen and (max-width:641px){
    .vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }
	.buyBtn{ width: 70px;}
	.menuBox{ width: 100%;}
	.menuOpen .pusher { transform: translateX(-100%); -webkit-transform: translateX(-100%);}
	.menuMoblie .nav-link { font-size: 16px;}
	.menuMoblie .subnav { font-size: 14px;}
	.foot{ padding: 32px 3%;}
	.smLink{ margin-left: 0; display: block;}
	.foot-box{ padding-top: 22px;}
	.binbox .zh{ font-size: 36px;}
	.binbox .en{ font-size: 18px;}
	.banner .slick-dots{ bottom: 5%;}
	.banner .mouseIco,.videoIbtn{ display: none;}
	.sider-newIbox{ width: auto;}
	.ibox{ margin: 0px 3%;}
	.ibox dd,.ibox dd.ibox-item3,.ibox dd.new-ibox{ width: 100%; float: none; margin:0px 0px 20px;}
	.newIbox{ padding: 25px 5%;}
	.pboxT .en{ font-size: 44px; }
	.pboxT .zh{ font-size: 16px;}
	.productIbox-con .t{ font-size: 18px;}
	.productIbox-list-box{  background: none !important;}
	.productIbox-list{ width: 100%;}
	.productIbox-list .ico{ width: 30%; background-size: 50% auto;}
	.productIbox-list dd{ padding: 20px 0px 20px 42%;}
	.productIbox-list .line{ left: 30%; margin-left: 0px;}
	.productIbox-list p{ padding-left: 0;}
	.productIbox-list .addMore{ right: 0; left: auto;}
	.jh-more{ width: 160px; height: 40px; line-height: 40px;}
	.jh-more .i1,.jh-more .i2{ background-size: 10px auto;}
	.aboutIbox{ padding: 40px 0px;}
	.ibox-img-box .con{ margin-top: -40px;}
	.ibox-img-box .con .ico{ width: 50px; height: 50px;}
	.ibox-img-box .con .t{ font-size: 18px;}
	.pbanner-C .t{ font-size: 30px;}
	.pbanner-C .c{ font-size: 28px;}
	.bg-T{ font-size: 50px; padding: 40px 0px 25px; text-align: right;}
	.aboutT .en{ font-size: 40px;}
	.aboutPage-con{ padding-bottom: 35px;}
	.aboutPage-con dd{ width: 100%;}
	.aboutPage-con .aboutPage-item{ width: 90%;  background: none rgba(255,255,255,0.7);}
	.aboutPage-video .fc{ padding: 18px 5%;}
	.aboutPage-video .en{ font-size: 22px;}
	.aboutPage-video .zh{ font-size: 14px;}
	.manager-img{ width: 100%;}
	.qmBox img{ width: 100px;}
	.courseDemo{ width: 70%;}
	.cultureDemo .ico{padding: 5px 8px 8px; margin-bottom: 15px;}
	.courseImg{ height: 130px;}
	.courseDemo .con{ padding: 0 20px 150px 20px;}
	.new-List dd{ margin: 0 auto 35px; box-sizing: border-box; padding: 10px; float: none; width: 100%}
	.new-List .img{width: 100%}
	
	.new-List .t,.new-List .time{ margin-left: 0; margin-right: 0;}
	.new-List .t{ font-size: 15px; height: auto;}
	.new-List .time{ padding-bottom: 0;}
	#newList-page{ width: 96%;}
	#newList-page dd, #newList-page dd:nth-child(3n+1){ float: left; width: 48%; padding: 0; margin: 0px 1% 20px;}
	#newList-page .t,#newList-page .time{ margin-left: 5%; margin-right:  5%;}
	#newList-page .t{ font-size: 14px; height: 42px;}
	#newList-page .time{ padding-bottom: 20px;}
	.pading a{ padding: 0px 14px;}
	.info-img{ height: 220px;}
	.infoBanner{ padding-bottom: 8px;}
	.infopage-box-t{ width: 90%; margin: 0px;}
	.infopage-box-t .t{ font-size: 16px; line-height: 1.4;}
	.infopage-box-c{ width: 90%; padding: 20px 5%;}
	.infopage-box{ padding-bottom: 40px;}
	.proNav li{ width: 25%;}
	.proNav .lastItem{ background-color: #FBFBFB;}
	.serach-box{ padding: 8px 80px 8px 20px;}
	.serach-box .sbtn i{ width: 36px; height: 36px; background-size: 20px auto;}
	.proPage{ padding: 40px 0px;}
	.proList li{ float: none; width: 100%; margin: 0px 0px 20px;}
	.proList .oneItem .con, .proList .twoItem .con{ padding: 10px 5%;}
	.product-list .con .ico{ width: 40px; height: 40px; background-size: 18px auto;}
	.servicePage{ padding: 40px 0px;}
	.servicePage .aboutT{ margin-bottom: 35px;}
	.service-nav{ display: none;}
	.service-box{ padding-left: 0;}
	.service-con{ width: auto; float: none; padding: 0;}
	.service-con .con{ display: block !important; padding: 25px; margin-bottom: 20px;}
	.service-con .con .i{ min-height: 0;}
	.processPage{  padding: 0 0 30px;}
	.process-box{ width: 90%; background-color: #f0f0f0;}
	.process-box .aboutT{ padding: 40px 0px;}
	.slider-for{ border: 1px solid #ccc; padding: 25px;}
	.slider-nav .ico{ width: 80px; height: 80px;}
	.slider-nav .ico i{ background-size: 40px auto;}
	.hrPage .aboutT{ padding: 40px 0px 30px;}
	.hr-T .zh{ font-size: 18px;}
	.hr-T .en{ font-size: 24px; display: block; padding-left: 0;}
	.hr-con{ padding: 35px 10%;}
	.hr-jg{ padding: 35px 10%;}
	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;}
	.hrList .hspan{ width: 73%; height: 40px; line-height: 40px;}
	.hrList .hspan:nth-child(1){ text-align: left;}
	.hrList .hspan:nth-child(7){ width: 22%;}
	.hrList .hrdt,.hrList .hrT .hspan{ height: 40px; line-height: 40px;}
	.recruitmentPage .hr-T{ padding-top: 40px;}
	.mapBox{ height: 180px;}
	.contact-ermBox .img{ padding: 5px;}
	.foot-ci{ background-size: 22px auto; padding-left: 25px;}
	.franchiseProcessPage{ padding: 50px 0px;}
	.franchiseProcessPage .aboutT{ margin-bottom: 35px;}
	.supportPage{ background-size: auto;}
	/*.support-type-tab{ display: none;}
	.support-type-con,.support-type-con .support-item{ display: block !important;}*/
	.support-type-con{ background-color: #fff; padding: 25px; margin-bottom: 20px; text-align: left;}
	.support-item{ width: 100px; height: 84px; padding-top: 16px;}
	.support-item .ico{ width: 30px; height: 30px; margin-bottom: 3px;}
	.support-item,.support-item:before,.support-item .ico i{ background-size: cover;}
	.support-type-con .t{ margin: 12px 0px; font-size: 16px; font-weight: bold;}
	.download-box{ padding: 50px 0px;}
	.download-box .btn{ width: 100%;}
	select.mar-sel{ width: 31.3%;}
	.marketing-demo{ width: auto; padding: 25px;}
	.marketing-list .con{ width: 54%;}
	.marketing-con{ height: auto; overflow: auto;}
	.marketing-demo .hr-T{ margin-bottom: 25px;}
	.market-map{ position: static; left: auto; bottom: auto;}
	.advantage-list .itemCbox{ padding: 25px 25px 35px;}
	.advantage-list .itemCbox .num{ font-size: 45px; right: 25px;}
}
@media screen and (max-width:481px) {
    .vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top: -150px; }
	.productIbox-list .ico{ background-size: 60% auto;}
	.pbanner-C .c{ font-size: 26px;}
	.download-box .btn a{ width: 70%; float: none; display: block; margin:0px auto 10px; height: 50px; line-height: 50px;}
	.download-box .btn .down1 span,.download-box .btn .down2 span{ background-size: 22px auto;}
	.download-box .btn a.down1,.download-box .btn a.down2{ float: none;}
	.support-type-tab li{ margin: 0px 5px;}
}	
@media screen and (max-width:421px) {
	.binbox .zh{ font-size: 32px;}
	.binbox .en{ font-size: 16px;}
	.iboxT .zh{ font-size: 18px;}
	.iboxT .en{ font-size: 26px;}
	.qmBox img{ width: 90px;}
	.new-List .t{ font-size: 14px;}
	#newList-page{ width: 94%;}
	#newList-page dd, #newList-page dd:nth-child(3n+1){ margin: 20px 0px 0px; width: auto; padding: 20px; float: none;}
	#newList-page .t,#newList-page .time{ margin-left: 0; margin-right: 0;}
	#newList-page .t{ height: auto;}
	#newList-page .time{ padding-bottom: 0;}
	.serach-box{ width: auto;}
	.product-list li{ float: none; margin: 0px 0px 20px; width: 100%;}
	.product-list .con{ position: relative; left: auto; top: auto; height: auto; width: 90%; background-color: #B0B0B0; padding: 15px 5%;}
	.product-list .con .ico{ display: none;}
	.marketing-list .img{ width: 32%;}
	.marketing-list .con{ width: 62%;}
	.marketing-list .con .t{ margin-bottom: 8px; font-size: 14px;}
	.marketing-list .con .pageC{ font-size: 12px;}
}
@media screen and (max-width: 375px) {
	.vwrap .close{ right: 0; top: -40px;}
    .vwrap .videobox { width: 280px; margin-left: -140px; height: 240px; margin-top: -140px; }
	.pbanner-C .c{ font-size: 22px;}
	.qmBox img{ width: 80px;}
}
@media screen and (max-width: 360px) {
	.ibox-img-box .con{ margin-top: -35px;}
	.ibox-img-box .con .ico{ width: 46px; height: 46px;}
	.ibox-img-box .con .t{ font-size: 16px;}
	.pbanner-C .c{ font-size: 18px;}
	.aboutT .en{ font-size: 32px;}
	.pading a{ padding: 0px 12px;}
}