@media screen and (max-width:1600px){
	.aboutType{ width: 90%; padding: 54px 5% 74px;}
	.aboutType dd{ width: 31.33%; margin: 0px 2% 0px 0px;}
	.aboutPage .wl30{ width: 40%; margin-right: 5%;}
	.aboutPage{ width: 90%;}
	.aboutType .t{ font-size: 22px; height: auto; margin-bottom: 15px;}
	.aboutType .c{ height: 100px; margin-bottom: 35px;}
}
@media screen and (max-width:1370px){
	.inner{ width: 1000px;}
	.nav dd .subnav li{ margin-bottom: 5px;}
	.binbox{ width: 90%; left: 5%; margin-left: 0px;}
	.binbox .t1{ font-size: 32px;}
	.binbox .c1{ font-size: 24px;}
	.binbox .t2{ margin-top: 25px;}
	.ibox{ width: 1000px; margin: 0px auto;}
	.productIbox .ibox{ height: 484px;}
	.productIbox dd{ width: 34%;}
	.productIbox dd.item2{ margin: 0px 2%; width: 28%;}
	.productIbox .itemboxT{ height: 164px; margin-bottom: 22px;}
	.productIbox .itemboxT .t{ font-size: 25px; padding-top: 12%;}
	.productIbox .itemboxT .en{ font-size: 25px;}
	.productIbox .itemboxC{ height: 298px;}
	.productIlist li{ height: 19.8%; line-height: 59px; vertical-align: middle;}
	.linkBox dd{ width: 14.2%;}
	.linkBox dd.navL1{ float: left; width: 100%; padding-bottom: 30px;}
	.linkBox dd.navL1 a{ margin: 0px 15px 0px 0px;}
	.pageTBox .act{ font-size: 45px;}
	.frameClose{ left: 0px;}
	.frame-ct{ margin: 0px auto 0px 80px;}
	.proInfoDL .con .t{ padding-top: 6%; font-size: 22px;}
	.proInfoDL .con .c{ font-size: 12px; margin-top: 15px; height: auto;}
}
@media screen and (max-width:1280px){
	.nav{ width: 1000px; padding-left: 0px;}
	.binbox .c2{ display: none;}
	.pageTBox .act{ font-size: 40px;}
	.pinner{ width: 1000px; margin: 0px auto;}
	.pageT{ left: 0px;}
	.storyBox1{ padding: 50px 0px;}
	.ideabox{ padding: 50px 0px 0px;}
	.pagePadding{ padding: 50px 0px;}
	.storyList{ margin-bottom: 50px;}
	.ledmore2{ margin-top: 50px;}
	.mapBox{ height: 400px;}
}
@media screen and (max-width:1024px){
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.inner{ width: 90%;}
	body{ -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; transition: all .3s ease .2s; position: relative; right: 0px;}
	.open .header { left: -240px;right: 240px;}
	.top{ height: 60px; padding: 0px;}
	.mtop{ height: 60px;}
	.sharpBox{ display: none;}
	.top .logo{ float: left; display: block; margin:10px 5% 0px; background: url(../images/logo2.png) no-repeat scroll left center; width: 208px; height: 41px;}
	.menu-handler{ left: initial; right: 0px; top: 0px; background-color: #7a7a7a;}
	.menu-handler .burger{ background-color: #fff;}
	.glnav{ top: 60px;}
	.nav{ width: 100%;}
	.nav dd{ width: 13%;}
	.nav dd.navL1{ padding: 0px; width: 9%;}
	.nav-open .glnav .nav{ padding: 50px 0px 42px;}
	#menu-handler{ display: none;}
	#menuMoblie{ display: block;}
	#menuBox { display: inline-block;}
	.banner .bimg1{ display: none;}
	.banner .bimg2{ display: block;}
	.binbox .t1{ font-size: 28px;}
	.binbox .c1{ font-size: 18px;}
	.binbox .t2{ display: block; margin-top: 14px;}
	.binbox .c2{ display: block;}
	.ibox{ width: 90%;}
	.productIbox .imgBox .img{ width: auto; height: 100%;}
	.productIbox .imgBox .con{ font-size: 25px;}
	.vitemBox1, .vitemBox2{ font-size: 12px;}
	.vitemBox1 .t, .vitemBox2 .t{ font-size: 22px;}
	.vitemBox1 .c{ height: 18px;}
	.vitemBox2 .c{ height: 36px;}
	.productIbox .imgBox .balck{ display: block;}
	.imgBox .filler-left{ height: 96%; }
	.imgBox .filler-right{ height: 96%;}
	.imgBox .filler-top{ width: 96%;}
	.imgBox .filler-bottom{ width: 96%;}
	.imgBox .img{-webkit-transform:scale(1.04); transform:scale(1.04);}
	.productIbox .imgBox .con .name,.productIbox .imgBox .con .morei{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible; }
	.productIbox .imgBox .con .bot{ width: 110px;}
	.linkBox dd{ width: 100%; float: none; margin-bottom: 20px;}
	.linkBox dd p{ border-bottom: 1px solid #777; padding-bottom: 15px;}
	.linkBox dd .subnav li{ margin-bottom: 0px;}
	.storyBox2{ width: 90%; padding: 60px 5%;}
	.pdl .con, .pdl .img,.pdl2 .con, .pdl2 .img{ width: 100%; margin: 0px; float: none;}
	.pinner{ width: 90%;}
	.nextPbox .con .by{ margin-bottom: 10px;}
	.nextPbox .con{ top: 35%;}
	.pimgbg{ background-attachment: initial; height: 450px;}
	.jzbox,.pinner2{ width: auto;}
	.jzbox li{ width: 29.33%;}
	.jzbox li .c{ height: 86px;}
	.jzbox .line{ display: none;}
	.jzbox .y1{ border: 2px solid #ada19b; border-radius: 50%; background: none; box-sizing:border-box;}
	.jzbox .y2{ border: 2px solid #ada19b; border-radius: 50%; background: none; background-color: #ada19b; box-sizing:border-box; }
	.storyList .pageCon{ margin-left: 190px;}
	.storyList .line{ display: block; width: 20px;}
	.storyList .yico{ left: 20px;}
	.storyList .time{ left: 40px; font: 32px/1.1 "Vijaya";}
	.fashionDemo .c{ height: 76px;}
	.fashionList .t{ margin: 18px auto 15px;}
	.ledmore2 .i1{ width: 100%;}
	.ledmore2 .i2{ color: #fff;}
	.frame-title .t{ font-size: 30px;}
	.branchDL .con{ width: 45%;}
	.branchCon .item{ width: 90%;}
	.proInfo .title{ margin: 0px auto 20px;}
	.proInfoDL{ margin: 0px auto; padding-bottom: 80px;}
	.slider-nav{ margin: 70px 38px 0px;}
	.slider-for{ margin: 0px auto;}
	.joinlist li{ width: 42.33%; margin-left: 5%; color: #7a7a7a; float: left; display: block; font-size: 14px;}
	.joinlist .t{ font-size: 16px; line-height: 1.4; padding: 15px 0px;*/text-overflow: ellipsis;white-space: nowrap; }
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.productIbox .imgBox .con{ font-size: 22px;}
	.productIbox dd.item1{ display: none;}
	.productIbox dd.item2{ margin:0px 5% 0px 0px; width: 51%;}
	.productIbox dd.item3{ width: 44%;}
	.serviceIbox dd{ width: 100%; float: none;}
	.serviceIbox .videoItem{ margin-right: 0px;}
	.vitemBox1, .vitemBox2{ position: relative; width: 100%; right: auto; top: auto; bottom: auto; margin-top: 20px; box-sizing: border-box;}
	.vitemBox1, .vitemBox2{ font-size: 14px;}
	.vitemBox1 a, .vitemBox2 a{ padding-bottom: 8%;}
	.vitemBox1 .t, .vitemBox2 .t{ font-size: 25px;}
	.vitemBox1 .c,.vitemBox2 .c{ height: auto;}
	.vitemBox1 .c{ margin-bottom: 30px;}
	.newsIbox dd{ float: none; width: 100%; border-left: 0px none; height: auto; margin-bottom: 20px;}
	.pageTBox .act{ font-size: 35px;}
	.aboutPage .wl30,.aboutPage .wl55{ float: none !important; width: 100% !important;}
	.fashionDemo .img{ width: 58%;}
	.fashionDemo .con{ width: 35%;}
	.fashionDemo .t{ font-size: 22px; height: 32px; line-height: 1.4;}
	.fashionDemo .time{ margin-bottom: 10px;}
	.fashionDemo .c{ margin-bottom: 15px; height: 48px;}
	.fashionDemo .more{ margin-top: 15px; width: 90px; background: none; border: 1px solid #7a7a7a; height: 32px;}
	.fashionDemo .more span.i2{ width: 100%; height: 32px; line-height: 32px; padding-right: 0px; background: none;}
	.fashionBox .pright{ right: 42%;}
	.fashionList ul{ margin-left: -4%;}
	.fashionList li{ margin-left: 4%; width: 44%;}
	.frame-ct{ margin: 0px auto; }
	.framBlack{ width: 100%;}
	.frameClose{ top: auto; bottom: 5%; left: auto; right: 2%; margin-top: 0px; width: 50px; height: 50px; z-index: 1012; background-color: #b4a064; border-radius: 50%; }
	.frameClose span.i0{ display: none;}
	.frameClose span.i1{ left: 15px; top: 15px; width: 20px; height: 20px; background-size: cover;}
	.frameClose:hover span.i1{ left: 15px;}
	.frame-title .t{ font-size: 28px;}
	.serviceList dd{ padding: 50px 0px;}
	.serviceList .con .t{ margin-bottom: 5%;}
	.serviceList .con .txt{ height: auto;}
	.serviceList .con .more{ margin-top: 20px;}
	#terminaPage1 .item .img{ margin: 0px;}
	#terminaPage1 .item .img{ filter: alpha(opacity=100);  opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	#terminaPage1 .item .con{ display: block; width: auto;}
	select.qyselect{ width: 100%; box-sizing: border-box;}
	.contactDL .addrebox,.contactDL .messagebox{ width: auto; float: none; margin-right: 0px;}
	.contactDL .addrebox{ margin-bottom: 50px;}
	.productDemo .item .bot{ margin: 10px auto;}
	.pbanner .pbtxt .t{ font-size: 30px;}
	.proInfoDL{ padding-bottom: 0px;}
	.proInfoDL .img{ float: none; width: 100%;}
	.proInfoDL .con{ position: relative; right: auto; top: auto; width: 92%; padding-bottom: 40px;}
	.proInfoDL .con .t{ font-size: 24px;}
	.proInfoDL .con .c{ font-size: 14px; margin-top: 30px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}
	.top .logo{ width: 150px; background-size: cover; height: 29px; margin-top: 15px;}
	.binbox .t1{ font-size: 24px;}
	.binbox .t2{ display: none;}
	.binbox .c1{ font-size: 16px;}
	.binbox .c2{ display: none;}
	.binbox .more{ margin-top: 15px; width: 90px; background: none; border: 1px solid #7a7a7a; height: 32px;}
	.binbox .more span.i2{ width: 100%; height: 32px; line-height: 32px; padding-right: 0px; background: none;}
	.aboutIbox{ width: 90%; padding: 50px 0px 60px;}
	.aboutIbox .zh{ font-size: 30px;}
	.aboutIbox .by span.name{ letter-spacing: 0.1em;font-size: 31px;}
	.productIbox .ibox{ height: auto;}
	.productIbox dd{ float: none;}
	.productIbox dd.item2{ width: 100%; margin: 0px auto 5%;}
	.productIbox dd.item3{ width: 100%;}
	.productIbox .imgBox .img{ width: 100%; height: auto;}
	.productIbox .itemboxT{ height: auto; padding: 50px 0px;}
	.productIbox .itemboxT .t{ padding-top: 0px;}
	.productIbox .itemboxC{ height: auto;}
	.productIlist li{ height: 60px; line-height: 60px;}
	.footBox .link{ display: block; margin-bottom: 10px;}
	.foot a.flink1{ margin-left: 0px;}
	.foot a.flink{ padding: 8px 25px;}
	.linkBox{ padding: 40px 0px;}
	.footBox{ border-top: 0px none; padding: 0px 0px 40px;}
	.linkBox dd:last-child{ margin-bottom: 0px;}
	.linkBox dd:last-child p{ margin-bottom: 0px;}
	.pageTBox .act{ font-size: 30px;}
	.aboutType{ padding: 50px 5% 20px;}
	.aboutType dd{ float: none; width: 100%; margin:0px 0px 30px;}
	.aboutType .c{ height: auto;}
	.aboutPage{ padding: 40px 0px;}
	.nextPbox{ padding: 0px 0px 50px;}
	.nextPbox .img{ width: 55%;}
	.nextPbox .con{ left: 60%; top: 15%;}
	.nextPbox .con .by{ margin-bottom: 0px;}
	.nextPbox .con .nextA{ padding-right: 40px; font-size: 22px;}
	.nextPbox .con .nextA:hover{ padding-right: 40px;}
	.jzbox li{ width: 46%;}
	.storyList .pageCon{ margin: 40px 0px 0px 40px;}
	.storyPage{ margin-bottom: 40px;}
	.cultureBox{ padding: 50px 0px;}
	.cultureBox .c1{ font-size: 20px;}
	.fashionDemo a.itemHref{ border: 0px none;}
	.fashionDemo .img,.fashionDemo .con{ float: none; width: auto;}
	.fashionDemo .con{ width: auto; padding: 20px 5%; background-color: #EDEDED; margin-left: 0px;}
	.fashionDemo .t{ padding-top: 0px;}
	.fashionBox .pleft,.fashionBox .pright{ top: 30%;}
	.fashionBox .pright{ right: 0%;}
	.videoItem .ico,.videoDemo .ico{ transform: scale(0.8);}
	.videoDemo ul{ margin-left: 0px;}
	.videoDemo li{ margin-left: 0px; width: 100%; float: none; margin-top: 20px;}
	.frame-title,.frame-ct-preview,.list-description{ padding: 40px 0px;}
	.frame-title .t{ font-size: 24px;}
	.sharpBox3{ float: none; margin-bottom: 10px;}
	.serviceList .img,.serviceList .con,.serviceList .odditem .img,.serviceList .odditem .con{ float: none; width: 100%;}
	.serviceList .img{ margin-bottom: 30px;}
	#terminaPage1 .slick-prev,#terminaPage1 .slick-next{ transform: scale(0.5); -webkit-transform: scale(0.5); top: 35%;}
	.branchDL .img,.branchDL .con{ float: none; width: auto;}
	.branchCon{ height: auto;}
	select.qyselect{ width: 90%;}
	#terminaPage3 .title{ font-size: 24px;}
	.join-dl dt{ padding: 12px 20px;}
	.join-dl dt .joico{ right: 20px;}
	.join-dl dd{ padding:30px 20px;}
	.joinlist ul{ margin-left: 0;}
	.joinlist li{ width: auto; float: none; margin:0px 0px 15px 0px;}
	.joinlist .t{ font-size: 16px; line-height: 1.1; padding: 5px 0px;*/text-overflow: ellipsis;white-space: nowrap; }
	.contactDL .t{ font-size: 26px;}
	.mapBox{ height: 300px;}
	.productDemo .item .bot{ margin: 2px auto;}
	.pbanner .pbtxt{ top: 40%; width: 90%;} 
	.pbanner .pbtxt .t{ font-size: 22px; line-height: 1.4;}
	.probg{ display: none;}
	.proInfo .title{ font-size: 24px;}
	.slider-nav{ display: none;}
	.slider-for{ margin-top: 50px;}
	.slider-for .item .img,.slider-for .item .con{ float: none; width: 80%; margin: 0px auto 20px;}
	.slider-for .item .con{ width: 90%;}
	.slider-for .slick-prev,.slider-for .slick-next{ display: block !important;}

}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; }
	.aboutIbox .zh{ font-size: 27px;}
	.aboutIbox .by span.name{ letter-spacing: 0em; font-size: 25px; padding-left: 0px;}
	.vitemBox2{ background-size: auto; background-position: left top;}
	.vitemBox2 a{ padding: 268px 5% 50px;}
	.fashionList ul{ margin-left: 0%;}
	.fashionList li{ margin-left: 0%; width: auto; float: none;}
	.contactDL .t{ font-size: 22px;}
	.mapBox{ height: 260px;}
	.productDemo .item{ width: 100%;}
	.joinlist .t{ font-size: 16px; line-height: 1.1; padding: 5px 0px;*/text-overflow: ellipsis;white-space: nowrap; }
}
@media screen and (max-width: 375px) {
	.vwrap .videobox { width: 240px; margin-left: -138px; height: 300px; margin-top: -150px; }
	.binbox .t1{ font-size: 22px;}
	.aboutIbox .zh{ font-size: 22px;}
	.linkBox .navL1 .name{ font-size: 18px;}
	.linkBox .navL1 a{ width: 120px;}
	.nextPbox{ padding: 0px 0px 20px;}
	.nextPbox .img{ width: 100%; float: none;}
	.nextPbox .con{ width: 100%; left: auto; position: relative; top: auto; padding: 35px 0px;}
	#terminaPage1 .slick-prev,#terminaPage1 .slick-next{top: 30%;}
}