@media screen and (min-width:1025px){

	#banner .slick-active .bimg {  visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}

	@-webkit-keyframes scaleUpDown {

	    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

	}

	@keyframes scaleUpDown {

	    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

	    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

	}

	.disappear .ibox{ transform: scale(0.8); opacity: 0.5;  transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}

	.page.active .ibox{ transform: translate(0px,0px) scale(1);  transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }

	.box2inner .item1,.box2inner .item4,.box2inner .item7,.box2inner .item8,.box2inner .item10{ transform:rotateY(-90deg); -webkit-transform:rotateY(-90deg);  transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0;}

.box2inner .item2,.box2inner .item3,.box2inner .item4,.box2inner .item5,.box2inner .item6,.box2inner .item5,.box2inner .item9{ transform:rotateY(90deg); -webkit-transform:rotateY(90deg);  transform-origin: 0 50% 0; -webkit-transform-origin: 0 50% 0;}

.active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}

.active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}

.active .box2inner .item1{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 280ms;}

.active .box2inner .item2{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;}

.active .box2inner .item3{

  -webkit-transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 600ms;}

.active .box2inner .item5{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;}

.active .box2inner .item6{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 290ms;}

.active .box2inner .item7{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 330ms;}

.active .box2inner .item8{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 440ms;}

.active .box2inner .item9{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 360ms;}

.active .box2inner .item10{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 560ms;}

.active .box2inner .item11{

  -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;

  transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 460ms;}

  .hrMenu a:hover .cbg{ height: 100%;}

  .disappear .box4Ttx { -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -ms-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0; transform-origin: 100% 0 0; -webkit-transform: perspective(300px) rotateY(-90deg); -moz-transform: perspective(300px) rotateY(-90deg); -ms-transform: perspective(300px) rotateY(-90deg); -o-transform: perspective(300px) rotateY(-90deg); transform: perspective(300px) rotateY(-90deg); }

  .active .box4Ttx, .m-active .box4Ttx { -webkit-transform: perspective(300px) rotateY(0deg); -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg); }

}

@media screen and (max-width:1600px){

	.nav{ margin-bottom: 40px;}

	.nav dd{ font-size: 14px;}

	.nav dd .t{ font-size: 16px; margin-bottom: 15px;}

	.greeItem .text .c{ top: 25%;}

	.greeItem .iimg{ width: 180px; height: 180px;}

	.happinessList .con li .ico{ margin-bottom: 5px;}

	.happinessList .num{ font-size: 80px; right: 5%; }

	.happinessList dd:hover .numbox{ right: 5%;}

	.happinessList dd:hover .by{ left: 5%;}

	.happinessList dd:hover .con{ left: 5%;}

	.happinessList .con{ width: 90%;}

	.happinessList .con li{ height: 130px; width: 30%; margin-right: 3%;}

	.goldDemo .list{ font-size: 16px;}

	.threeSerBox{ height: 750px;}

	.goldDemo,.RepairPage{ height: 375px;}

	.goldDemo .name{ top: 100px;}

	.goldDemo .list{ margin-top: 100px;}

	.goldBox .img{ width: 90%;}

	.aboutLifePage .con{ padding: 30px 10%;}

	.aboutLifePage .img{ height: 335px;}

	.greeItem .text .en { font-size: 35px;}

}

@media screen and (max-width:1500px){

	.proListBanner .proinner{ width: 1200px; margin-left: -600px;}

	.proList{ width: 1200px;}

	.proList .item{ height: 298px;}

	.proList2{ width: 1220px;}

	.proList2 a.item{ margin:0px 10px 0px;}

	.proList2 li{ width: 406px;}

	.proList2 li.twoItem{ width: 812px;}

	.proList2 li.twoItem .img{ width: 386px;}

	.proList2 .twoItem .con{ height: 80%;}

	.proList2 .twoItem .con .c{ width: 90%;}

	.productPCon{ width: 1000px; margin-left: -500px; top: 16%;}

	.productPCon dd{ width: 560px;}

	.productPCon dt{ font-size: 70px;}

	.productPCon .t{ margin-bottom: 35px;}

}

@media screen and (max-width:1370px){

	.nav{ width: 900px; margin-bottom: 20px;}

	.menubot{ width: 900px;}

	.box2inner{ margin: -242px 0 0 -492px;}

	.box4Ttx .c{ margin-bottom: 46px;}

	.ibox5c{ width: 440px; height: 440px; margin: -220px 0px 0px -220px;}

	.ibox5c .item{ width: 220px; height: 220px;}

	.ibox5c .item .txt,.ibox5c .item .info{ width: 160px; height: 220px;}

	.ibox5c .item1 .info{ background-size: 100% auto;}

	.ibox5c .item .info .num{ font-size: 40px;}

	.ibox5c .item .info .i{ font-size: 20px;}

	.ibox5c .item .txt .c{ height: 148px;}

	.bg62 .txt .t{ font-size: 28px;}

	.about-en,.culturePbox .en{ font-size: 34px;}

	.about-t,.culturePbox .zh{ font-size: 18px;}

	.oneCultrue .by{ font-size: 30px;}

	.oneCultrue .en{ font-size: 28px;}

	.greeItem .text{ width: 40%;}

	.greeItem .text .c{ top: 18%; width: 50%;}

	.greeItem .iimg{ width: 140px; height: 140px;}

	.pbanner2 .en{ font-size: 50px;}

	.pbanner2 .zh{ font-size: 22px;}

	.happinessList .con li{ height: 120px;}

	.RepairPage .ser-en{ font-size: 40px;}

	.goldDemo .list{ margin-right: 5%;}

	.proListBanner .proinner{ width: 1000px; margin-left: -500px;}

	.proListBanner .pcon{ padding: 44px 40px;}

	.proListBanner .en{ font-size: 34px}

	.proListBanner .zh{ font-size: 26px}

	.proListBanner .bot{ margin: 30px auto;}

	.proList{ width: 1000px;}

	.proList .item{ height: 246px;}

	.proList .con .en{ font-size: 26px;}

	.proList2{ width: 1020px;}

	.proList2 li{ width: 340px;}

	.proList2 li.twoItem{ width: 680px;}

	.proList2 li.twoItem .img{ width: 320px;}

	.proList2 .twoItem .con .c{ font-size: 13px; max-height: 140px; overflow: hidden;}

	.proinfoImg{ width: 1200px; margin: 0px auto;}

	.proinfoList{ width: 90%;}

	.productPCon{ width: 80%; margin-left: 0px; left: 10%; top: 12%;}

	.productPCon dd{ width: 62%}

	.productPCon dt{ font-size: 50px; width: 20%; padding: 35px 5%;}

	.itemC .con{ top: 35%;}

	.itemC .con .t{ font-size: 24px;}

	.itemC .con .c{ font-size: 16px;}

	.aboutLifePage .t{ font-size: 18px; margin-bottom: 20px;}

	.aboutLifePage .c{ font-size: 13px;}

	.brandBox .en{ font-size: 50px;}

	.brandBox .zh{ font-size: 28px;}

}

@media screen and (max-width:1280px){
.ewm img{ max-width:100%;}
	.footnav span{ padding: 0px 4px;}

	.inner{ width: 1000px;}

	.pagenav .inner{ width: 100%;}

	.twoPorfile-con{ padding: 95px; width: 730px;}

	.oneCultrue{ width: 800px;}

	.twoCultrue .con{ top: 25%;}

	.twoCultrue dd:hover .con{ top: 14%;}

	.twoCultrue dd:hover .by2{ margin: 3% auto 4%;}

	.proces-T .item1{ font-size: 36px;}

	.proces-T .item2{ font-size: 46px;}

	.greeItem .text .c{ top: 10%;}

	.greeItem .text .en{ font-size: 30px; width: 140px;}

	.greeItem .text .zh{ font-size: 22px;}

	.greeList{ top: 0px;}

	.greeList dd{ height: 120px; padding-top: 30px;}

	.greeList dd i{ margin-bottom: 20px;}

	.greeItem .text .i{background-position: -16px 0px; padding-bottom: 27px;}

	.pbanner2 .en,.pbanner2 .proTypeBox .en{ font-size: 40px;}

	.pbanner2 .zh,.pbanner2 .proTypeBox .zh{ font-size: 20px;}

	.happinessList .num{ font-size: 60px;}

	.happinessList .zh{ font-size: 14px;}

	.happinessList .con li{ height: 102px; font-size: 12px;}

	.happinessList .con li .ico{ width: 40px;}

	.happinessList dd:hover .by{ top: 5%;}

	.happinessList dd:hover .numbox{ top: 4%;}

	#storePage .ser-en{ font-size: 40px;}

	.proListBanner .en{ font-size: 30px}

	.proListBanner .zh{ font-size: 22px}

	.proListBanner .bot{ margin: 20px 0px;}

	.proinfoImgBox{ padding: 0px;}

	.proinfoImg{ width: 100%;}

	.productPCon dt{ font-size: 46px;}

	.wpro .en{ font-size: 60px;}

	.itemC .con{ top: 15%;}

	.hrMenu{ margin: 0px 0px 0px 500px; padding-left: 0px;}

	.hrMenu a{ width: 90px; }

	.logo .name{ font-size: 16px; right: -120px;}

	.pbannerbox .con2 .t{ font-size: 32px;}

	.pbannerbox .con2{ height: 90px;}

	.hrAbout_box,.hrBox,.applicationBox,.CareerPage{ padding: 60px 0px;}

	.applicationList{ width: 990px;}

	.applicationList .item1 .line{ width: 0px;}

	.applicationList .item8 .line, .applicationList .item8{ width: 0px;}

	.applicationList .item1{width: 120px;}

	.brandBox .en{ font-size: 40px;}

	.brandBox .zh{ font-size: 22px;}

	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -92px;}

	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -92px;}

	.mapbox{ height: 400px;}

}

@media screen and (max-width:1024px){

	.backTop,.qiyeQQ{ right: 9px;}

	.inner{ width: 90%;}

	.content{ position:initial;}

	.filler{ display: none;}

	.logo,.pagesider2 .logo, .pagesider3 .logo, .pagesider5 .logo{ background:url(logo1.png) no-repeat; background-size: cover; width: 180px; height: 44px; left: 5%; top: 11px;}

	.menu,.topfix .menu{ top: 9px; right: 9px; width:160px; font-size: 14px;}

	#boxsider{ height: 66px !important; background-color: #fff; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 10000;}

	.mtop{ height: 66px;}

	.open .menuBox{ height: 0%; padding: 0% 0px 0px;}

	.open .menuMobileBox{ height: 100%;}

	.open .mobileLogo{ padding-top: 54px;}

	.open .navMobile dd p a{ padding: 8px 0px; opacity: 1;}

	.open .msharpT,.open .menuMobileBox .sharpBox,.open .menuMobilelink{ opacity: 1;}

	.footBox{ height: auto; padding: 40px 5% 4%;}

	.linkDL{ padding-bottom:0px;}

	.linkDL dd{ float: none; width: 100%;}

	.linkDL dd.lin0{ margin-bottom: 25px; width: auto;}

	.footnav{ text-align: left; padding-top: 20px;}

	.footnav a{ margin-right: 10px;}

	.footnav span{ display: none;}

	.linkDL dd.lin0 .sharpBox a{ margin-right: 10px;}

	.linkDL .lin2 a{font-weight: bold; color: #787878; line-height: 2.5;}

	.linkDL dd.lin1{ padding-bottom: 25px;}

	.linkDL dd.lin1 .pk{ margin-bottom: 5px;}

	.linkDL dd.lin1 .br{ padding-left: 20px; display: inline-block;}

	.linkDL dd.lin2,.linkDL dd.lin1{ width: 100%;}

	.sharpBox{ float: none;}

	.sharpBox a{ margin: 0px 20px 0px 0px;}

	#banner .slick-dots{ left: 5%;}

	#s2 .ibox{ padding: 80px 0px;}

	#s2 .ibox .bg2{ position: absolute; left: 0px; top: 0px;}

	.m-active .box2inner .item{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); opacity: 1;}

	.box2inner{ width: 726px; position: relative; margin: 0px auto; left: auto; top: auto; height: auto;}

	.box2T{ height: auto; position: static; left: auto; top: auto; margin-bottom: 50px; width: 100%;}

	.box2T .t{ font-size: 32px;}

	.box2T .c{ height: auto;}

	.box2C{ position: relative; height: 484px;}

	#s3 .ibox{ height: 500px;}

	#s3 .linBox .txt .t{ font-size: 32px;}

	#s3 .linBox .txt .i{ font-size: 16px;}

	#s3 .linBox .txt .bot{ width: 350px;}

	#s4 .ibox{ position: relative; padding: 80px 0px;}

	#s4 .ibox .bg4{ position: absolute; left: 0px; top: 0px; }

	.box4Ttx{ position: relative;  text-align: center; margin: 0px auto; right: auto; top: auto; display: block;}

	.box4Ttx .more{ margin: 0px auto;}

	#s5 .ibox{ height: 600px;}

	#s6 .ibox{ height: 600px;}

	.bg62 .txt .t{ font-size: 24px;}

	.top{ height: 66px; background-color: #f8f8f8; background-color: rgba(255,255,255,0.9);}

	.profilePbox{ padding: 60px 0px;}

	.profilePbox .con{ margin: 38px 0px;}

	.culturePbox .en{ font-size: 30px;}

	.culturePbox .zh{ font-size: 16px;}

	.culturePbox .con{ width: 300px; margin-left: -150px; top: 25%;}

	.culturePbox .black{ width: 100%; height: 100%; left: 0px; top: 0px; opacity: 1; filter:alpha(opacity=100);}

	.culturePbox .zh{ padding: 16px 0px;}

	.culturePbox .bot1{ width: 100%;}

	.culturePbox .bot2{ opacity: 0; visibility: hidden;}

	.culturePbox .btn-more { visibility: visible; opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px);}

	.culturePbox a:hover .con{ top: 25%;}

	.processPbox{ background-attachment: initial; padding: 80px 0px;}

	.onePorfile{ padding: 60px 0px 80px;}

	

	.cpnav{ display: block;}



	.twoPorfile{ background-attachment: inherit;}

	.twoPorfile-con{ width: 74%; padding:40px 7%; top: -40px;}

	.twoPorfile-con .yico{ background: none #009572; border-radius: 50%;}

	.twoPorfile-con .yico i{ transform: scale(0.8); -webkit-transform: scale(0.8);}

	.oneCultrue{ width: 90%; overflow: hidden; padding: 40px 5% 100px 5%;}

	.oneCultrue .by{ font-size: 32px;}

	.oneCultrue .zh{ margin-bottom: 40px;}

	.twoCultrue .con{ background-color: #009470; display: block; padding:40px 0px; width: 100%; left: auto; position: relative; top: auto;}

	.twoCultrue dd:hover .con{ top: auto;}

	.twoCultrue dd:hover .blue{ display: none;}

	.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: 3% auto 6%; visibility: visible;}

	.twoCultrue dd .t .bot1{ visibility: hidden; opacity: 0;}

	.twoCultrue dd .t .txt{ padding: 0px 0px 12px;}

	.twoCultrue dd .c{ display: block; height: 72px;}

	.twoCultrue dd .lico,.twoCultrue dd:hover .lico{ display: none;}

	.proces-Inner{ width: 90%;}

	.proces-T .item1{ font-size: 32px;}

	.proces-T .item2{ font-size: 40px;}

	.proces-info{ margin: 60px auto;}

	.proces-list dd{ padding: 30px 44px 0px;}

	.proces-L .txt,.proces-R .txt{ width: auto;}

	.pagePadding{ padding: 60px 0px;}

	.newItem{ margin-left: 4%; width: 28%;}

	.ninfoT{ margin-top: 0px;}

	.ninfoT .t{ font-size: 22px;}

	.infoC{ width: 90%; margin: 0px auto;}

	.infoPaging .inner{ width: 100%;}

	.infoPaging a{ padding: 10px 4px;}

	.mtop2{ height: 0;}

	.vwrap .videobox { width: 700px; margin-left: -350px; }

	.videoList{ width: 80%; margin: 0px auto; padding: 50px 0px;}

	.greenChainBox .en{ font-size: 40px;}

	.greenChainBox .zh{ font-size: 22px;}

	.greeList{ display: none;}

	.greeDemo .imgitem{ display: none;}

	.greeItem{ position: relative; left: auto !important; top: auto; margin:0px auto 20px; width: 80%; padding: 5%;}

	.greeItem .img{ float: left; display: block;}

	.greeItem .text{ position: relative; float: left; display: block; left: auto; margin-left: 5%; width: 45%;}

	.greeItem .text .zh{ margin-bottom: 10px;}

	.greeItem .text .en{ width: auto; margin-bottom: 10px;}

	.greeItem .text .by{ display: none;}

	.greeItem .text .i{ margin-top: 0px; }

	.greeItem .text .c{ position: relative; right: auto; top: auto; width: 100%;}

	.greeItem .iimg{ right: auto; left: -2%; width: 100px; height: 100px;}

	.pbanner2 .en,.pbanner2 .proTypeBox .en{ font-size: 32px;}

	.pbanner2 .zh,.pbanner2 .proTypeBox .zh{ font-size: 16px;}

	.pbanner2 .by{ display: none;}

	.happinessList .num{ font-size: 120px;}

	.happinessList .numbox,.happinessList dd:hover .numbox{ position: relative; display: block; right: auto; top: auto; margin: 0px auto; padding: 30px 0px;}

	.happinessList .numbox .zh,.happinessList dd:hover .numbox .zh{ opacity: 1; visibility: visible;}

	.happinessList dd:hover .wihl{ display: none;}

	.happinessList .by,.happinessList dd:hover .by{ display: none;}

	.happinessList .con,.happinessList dd:hover .con{ width: 90%; margin: 0px auto; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; bottom: auto;}

	.happinessList .con li{ width: 30.33%; text-align: center;}

	.happinessList .con li .ico{ margin: 0px auto; display: block;}

	.happinessList dd:nth-child(2){ background-color: #F8F8F8;}

	.wholeheartedlyB{ padding: 50px 0px;}

	.ser-en{ font-size: 32px;}

	.ser-zh{ font-size: 20px;}

	.ser-i{ font-size: 14px;}

	.wholeheartedlyImg{ background-attachment: inherit;}

	.threeSerBox{ height: auto;}

	.goldBox,.threeSerBox .rightBox{ width: auto; float: none;}

	.goldBox{ padding-bottom: 40px;}

	.goldBox .img{ width: 500px; margin: 0px auto;}

	#storePage .inner{ width: 90%;}

	.fakeBox{ padding-left: 0px;}

	.proBox{ padding-right: 0px;}

	.proBox .flex-direction-nav .flex-next{ display: none;}

	.proBanner .con .t{ font-size: 32px;}

	.productNav li{ width: 20%;}

	.screenBox{ padding: 35px 0px;}

	.serachBox{ height: 50px; width: 60%; padding: 0px 70px 0px 20px; border-radius: 30px; position: relative; margin: 0px auto; right: auto; bottom: auto; background-color: #fff;}

	.serachTxt,.serachBtn{ height: 50px; width: 70px;}

	.serachBtn{ position: absolute; right: 0px; top: 0px;}

	.serachTxt{ width: 100%; font-size: 16px;}

	.screenBtn{ display: block;}

	.productList dd{ width: 31.33%; margin: 0px 1% 35px;}

	.productList dd .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }

	.productList dd .con{ background-color: #009572; color: #fff;}

	.productList dd .bot{ width: 100%;}

	.productList dd .botoom{ bottom: 68px; opacity: 1; visibility: visible;}

	.proTop{ height: 0px;}

	.proListBanner .img{ display: none;}

	.proListBanner .proinner{ position: relative; left: auto; bottom: auto; margin-left: 0px; width: auto;}

	.proListBanner .pcon{  margin: 80px 0px 80px 5%; width: 80%; padding: 40px 5%; float: none;}

	.proList{ width: 95%;}

	.proList li{ width: 50%;}

	.proList li.item2{ width: 100%;}

	.proList .item{ height: auto; margin: 0 5% 20px;}

	.proList li.item2 .item{ padding: 45px 0px; margin: 0px 2.5% 20px;}

	.verMidOut{ display: block; position: relative; left: auto; top: auto; padding: 0px 5%; text-align: center; z-index: 10;}

	.verMidMid{ display: block; top: auto; }

	.verMidIn{ position: relative; top: auto; width: 100%;}

	.pageCur{ margin-top: 0px;}

	.proinfoDemo{ width: 90%;}

	.proinfoDemo dt{ float: none; margin: 0px 5%; width: 90%;}

	.proinfoDemo dd{ float: none; width: auto; padding:30px 5% 40px; text-align: center;}

	.proListPage{ background-attachment: initial;}

	.proList2{ width: 90%;}

	.proList2 li{ width: 100%; float: none;}

	.proList2 a.item{ margin: 0px;}

	.proList2 .oneItem .black{ display: none;}

	.proList2 li.twoItem{ width: 100%;}

	.proList2 li .img,.proList2 li.twoItem .img{ width: 50%;}

	.proList2 .oneItem a:hover .img{ -webkit-transform: scale(1); transform: scale(1);}

	.proList2 .oneItem .con{ position: absolute; left: 54%; width: 42%; color: #060606;}

	.proList2 .twoItem .con{ height: 84%;}

	.proList2 .twoItem .con .c{ width: auto; max-height: auto;}

	.proList2 .twoItem .con .bot{ width: 150px; background-color: #00865E;}

	.proList2 .oneItem .con .bot{ width: 150px;}

	.proList2 a:hover .filler2-left { height: 0%; }

	.proList2 a:hover .filler2-right { height: 0%; }

	.proList2 a:hover .filler2-top { width: 0%; }

	.proList2 a:hover .filler2-bottom { width: 0%; }

	.wpro{ width: 90%;}

	.wpro .en{ font-size: 50px;}

	.productPCon{ width: 100%; position: relative; left: auto; top: auto; background: none #009572;}

	.proContact{ position: relative; left: auto; bottom: auto; padding: 20px 0px;}

	/*.exprienceBox{ float: none; width: 50%; background-position: left center; padding-left: 50%; background-size: cover;}

	.exprienceBox .en{ color: #009470;}

	.exprienceBox .btn-more{ border-color: #009572;}

	.exprienceBox .btn-more .bbg{ right: -35%; visibility: visible; opacity: 1;}

	.exprienceBox .btn-more .bc{ color: #fff;}

	.furnitureBox{ float: none; width: 100%;}*/

	.typeBox{ padding-top: 60px;}

	.itemC .con .t{ font-size: 20px;}

	.proIpic .flex-direction-nav a{ width: 40px; height: 40px; margin-top: -20px;}

	.proIpic .flex-direction-nav a .ico{ transform: scale(0.8); background-color: transparent;}

	.proPrev,.proNext{ width: 40px; height: 40px;line-height: 40px; margin-top: -20px;}

	.securitylist li{ width: 48%;}

	.hrBox{ width: 90%;}

	.hrTop{ height: 106px;}

	.hrTop.topLogo .logo{ width: 147px;}

	.logo .name{ font-size: 12px; right: -84px;}

	.homeBtn{ padding: 0px; height: 66px; width: 60px;}

	.homeBtn .ico{ font-size: 14px; height: 0px; overflow: hidden; padding-top: 66px; background-position: center center;}

	.hrMenu{ margin: 0px; padding:66px 0px 0px 0px; width: 100%; }

	.hrMenu a{ padding: 0px; height: 40px; line-height: 40px; width: 25%; background-color: #5AD7B9; color: #fff; font-size: 14px;}

	.hrMenu a .cbg{ background-color: #0db78f;}

	.hrMenu a .i{ color: #fff;}

	.mtop3{ height: 106px;}

	.pbannerbox .con2{ margin-top: -45px;}

	.joinImg{ padding: 120px 0px; background-attachment: inherit;}

	.hrList .hot{ left: 10%; transform: scale(0.9); -webkit-transform: scale(0.9);}

	.hrList .hicon{ width: 10%;}

	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5){ display: none;}

	.hrList .hspan:nth-child(2),.hrList .hspan:nth-child(3){ width: 35%;}

	.hrList .hspan:nth-child(6){ width: 20%;}

	.hrList .hrB{ margin-left: 10%;}

	.applicationPage{ background-attachment: inherit;}

	.applicationList{ width: 80%;}

	.applicationList li,.applicationList .item1{ width: 33.33%; position: relative; margin-top: 25px;}

	.applicationList .item7{ width: 100%;}

	.applicationList li .line,.applicationList .item1 .line{ display: none;}

	.applicationList .t{ margin: 0px auto; float: none;}

	.applicationList .y1{ border: 2px solid #009470; background: none #fff; border-radius: 50%; box-sizing: border-box;}

	.applicationList .y2{ background:none #009470; border-radius: 50%;}

	.applicationList .tr .y1{ opacity: 0;transform: scale(1.2); -webkit-transform: scale(1.2);}

	.applicationList .t .y2 { opacity: 1;transform: scale(1); -webkit-transform: scale(1);visibility: visible;}

	.applicationList .t .name{ color: #fff;}

	.applicationList .t .name i{ width: 16px;}

	.aboutUsPc{ width: 86%;}

	.aboutCulturePage{  background-attachment: inherit;}

	.aboutCultureDL dd{ width: 40%; margin: 0px 5%;}

	.aboutLifePage dd{ width: 100%; float: none;}

	.aboutLifePage dd .filler2-left{ height: 96%; }

	.aboutLifePage dd .filler2-right{ height: 96%;}

	.aboutLifePage dd .filler2-top{ width: 96%;}

	.aboutLifePage dd .filler2-bottom{ width: 96%;}

	.aboutLifePage .img{ float: left; display: block; width: 50%;}

	.aboutLifePage .con{ padding: 60px 6% 0px; float: left; display: block; width: 38%;}

	.aboutLifePage .c{ font-size: 14px;}

	.aboutLifePage .num{ top: 25px; margin-top: 0px; margin-right: 0px; right: 10%; opacity: 1; visibility: visible;}

	.aboutLifePage .twoDD .num{ top: 25px; margin-top: 0px;}

	.aboutUsPage{ padding: 60px 0px;}

	.brandPage{ padding: 60px 0px;}

	.brandBg{ bottom: 0px; background-attachment: initial; background-size: cover;}

	.brandBox{ width: 66%; padding:50px 8%; float: none; margin: 0px auto;}

	.serviceDemo{ width: 90%;}

	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -22px;}

	.servicePage .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -22px;}

	.yearQuanBox{ width: 86%;}

	.yearQuanBox .by{ font-size: 32px;}

	.yearQuanBox .t{ font-size: 40px;}

	.yearQuanBox .c{ font-size: 16px;}

	.leftBox{ width: 40%;}

	.contactPage{ width: 90%; padding: 50px 0px;}

	.goldList{ width: 100%;}

	.goldList .botoomN{ display: none;}

	.goldList .filler2-left { height: 100%; }

	.goldList .filler2-right { height: 100%; }

	.goldList .filler2-top { width: 100%; }

	.goldList .filler2-bottom { width: 100%; }

	.glodInner{ width: 90%;}

	.goldList .more{ width: 100%;}

	.goldBottom{ padding: 50px 0px 60px;}

	.retxt { padding: 10px 15px; line-height: initial; height: auto;}

	

		#focus-wrap{ position:relative; }

#frame{width:100%; overflow:hidden; height:500px }

#img{ position:relative;overflow:hidden; width:100%; height:500px }

#img ul { margin:0; padding:0; }

#img li{ width:100%; height:500px; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none; -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  background-position: center; }

#btn{width:1000px; margin:0 auto; text-align:center; z-index:99; position:relative; top:460px;}

#btn p{ text-align:center }

#btn span{ display:block; float:left; cursor:pointer; margin:0 10px; width:40px; height:2px; background:#fff}

#btn span.hov{ background:#272727;}



.local-scroll-cont { display:none; }

.gywm { position:relative; top:20px; left:0; right:0; margin-bottom:0px }

.dix { margin:40px 40px 0 40px; padding-bottom:20px  }

.fr1 { float:left; }

.mt-150 { margin-top:00px; }

.dbjl { margin-top:0px; }

}

}

}

@media screen and (max-width:860px){

	.box2T{ position: relative; top: auto; left: auto;}

	.box2inner{ width: 484px;}

	.box2C{  margin: 0px auto;}

	.box2inner .item1{ right: auto; left: 0px; top: 0px;}

	.box2inner .item2{ right: auto; top: 0px; left: 121px;}

	.box2inner .item3{ right: 0px; top: 0px;}

	.box2inner .item4{ right: auto; left: 0px; top: 121px;}

	.box2inner .item5{ right: 121px; top: 121px;}

	.box2inner .item6{ right: auto; left: 0px; top: 242px;}

	.box2inner .item7{ right: auto; left: 121px; top: 242px;}

	.box2inner .item8{ right: 0px; top: 242px;}

	.box2inner .item9{ right: 242px; top: 363px;}

	.box2inner .item10{ right: 121px; top: 363px;}

	.box2inner .item11{ display: none;}

	#s3 .linBox .txt .t{ font-size: 28px;}

	#s3 .linBox .txt .bot{ width: 300px;}

	.bg62 .txt .t{ font-size: 22px;}

	.nearbybtn{ margin-top: 7%;}

	.profilePbox{ width: 80%;}

	.culturePbox dd{ width: 100%; display: block;}

	.culturePbox .con{ top: 50%; margin-top: -77px;}

	.culturePbox a:hover .con{ top: 50%;}

	.processPCon{ width: 90%;}

	.historyPbox .lico{ padding-left: 50px;}

	.onePorfile{ width: 80%;}

	.onePorfile .t1{ font-size: 22px;}

	.onePorfile .t2{ font-size: 40px;}

	.onePorfile .con{ font-size: 24px;}

	.twoCultrue dd .c{ display: block;}

	.newItem{ margin:0px 4% 40px; width: 42%;}

	.vwrap .videobox { width: 560px; margin-left: -280px; }

	.videoa .t{ font-size: 22px;}

	.videoList .videoa{ padding: 28px 15px 15px;}

	.videoa .by{ margin-bottom: 30px;}

	.twoServiceBox dd{ width: 100%; float: none; background-color: #fff;}

	.twoServiceBox .c{ height: auto !important;}

	.twoServiceBox dd .lico{ width: 70%;}

	.twoServiceBox dd .lico2{ opacity: 0; visibility: visible;}

	.goldBox .img{ width:400px;}

	#storePage .ser-en{ font-size: 32px;}

	.proList .con { top: 35%;}

	.proList .con .en{ font-size: 22px;}

	.proList .con .zh{ font-size: 15px;}

	.proList .con .bot{ margin: 8px auto;}

	.proinfoList li{ width: 49%;}

	.wpro .en{ font-size: 40px;}

	.productPCon dt{ float: none; width: auto;}

	.productPCon dd{ float: none; width: auto; padding: 0px 5% 50px;}

	.proIbox1{ float: none; width: 100%;}

	.proIbox1 .itemC,.proIbox1 .itemImg{ float: left; display: block; width: 50%;}

	.proIbox2{ width: 33.33%;}

	.proIbox3,.proIbox4{ width: 66.66%;}

	.securitylist ul{ margin-left: 0px;}

	.securitylist li{ width: 100%; margin: 0px 0px 20px;}

	.hrAbout_List a{ width: 200px; height: 200px;}

	.hrAbout_List{ margin: 50px 0px;}

	.CareerBox{ width: auto;}

	.aboutCultureDL dd{ float: none; width: 100%; margin: 0px 0px 40px; height: auto; text-align: center;}

	.aboutCultureDL dd .bot{ margin: 12px auto;}

	.yearQuanBox{ width: 90%;}

	.yearQuanBox .t{ font-size: 38px;}

	.contact-dl dd.conBox,.contact-dl dd.ewmBox{ width: auto; float: none;}

	.contact-dl dd.ewmBox li{ padding: 0px 22px 20px 0px;}

	.goldList .t,.glodBanner .t{ font-size: 24px; line-height: 1.2; margin-bottom: 5px;}

		#focus-wrap{ position:relative; }

#frame{width:100%; overflow:hidden; height:400px }

#img{ position:relative;overflow:hidden; width:100%; height:400px }

#img ul { margin:0; padding:0; }

#img li{ width:100%; height:400px; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none; -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  background-position: center; }

#btn{width:800px; margin:0 auto; text-align:center; z-index:99; position:relative; top:360px;}

#btn p{ text-align:center }

#btn span{ display:block; float:left; cursor:pointer; margin:0 10px; width:40px; height:2px; background:#fff}

#btn span.hov{ background:#272727;}



.local-scroll-cont { display:none; }

.gywm { position:relative; top:20px; left:0; right:0; margin-bottom:0px }

.dix { margin:40px 40px 0 40px; padding-bottom:20px  }

.fr1 { float:left; }

.mt-150 { margin-top:00px; }

.dbjl { margin-top:0px; }

}

@media screen and (max-width:641px){

	.menuMobilelink a{ margin: 0px; width: 25%; display: inline-block;}

	.page{ position: relative;}

	#s2 .ibox{ padding: 50px 0px;}

	.box2inner{ width: 100%;}

	/*.box2T{ height: 90px;}

	.box2T .t{ float: left; display: block; width: 50%;}

	.box2T .c{ float: right; display: block; width: 44%; font-size: 14px; line-height: 1.8; height: 74px;}

	.box2inner .item .bg{ width: 96px; height: 36px; padding-top: 60px; left: 50%; top: 50%; margin:-48px 0px 0px -48px;}*/

	.box2T{ margin:0px auto 30px; width: 90%;}

	.box2inner .item{ width: 96px; height: 96px;}

	.box2C{ height: 384px; width: 288px;}

	.box2inner .item1{ right: auto; left: 0px; top: 0px;}

	.box2inner .item2{ right: auto; top: 0px; left: 96px;}

	.box2inner .item3{ right: 0px; top: 0px;}

	.box2inner .item4{ right: auto; left: 0px; top: 96px;}

	.box2inner .item5{ right: 0px; top: 96px;}

	.box2inner .item6{ right: auto; left: 96px; top: 192px;}

	.box2inner .item7{ right: 0px; left: auto; top: 192px;}

	.box2inner .item8{ right: 192px; top: 288px;}

	.box2inner .item9{ right: 96px; top: 288px;}

	.box2inner .item10{ right: 0px; top: 288px;}

	.box2inner .item11{ display: block; right: auto; left: 0px; top: 192px;}

	.box2inner .item .bg{ font-size: 13px;}

	#s3 .linBox{ width: 100%; height: 50%; float: none; display: block;}

	#s3 .linBox .txt{ top: 40%;}

	#s3 .ibox{ height: 580px;}

	#s6 .linBox{ width: 100%; float: none;}

	#s6 .ibox{ height: 400px;}

	#s6 .bg60{ display: none;}

	.bg62 .txt{ top: 38%;}

	.bg61 .black{ position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block;}

	.bg61 .txt{ position: absolute; left: 0px; top: 42%; text-align: center; color: #fff; width: 100%; line-height: 1.5; display: block;}

	.bg61 .txt .t{ font-size: 28px;}

	.bg61 .txt .c{ font-size: 16px;}

	.box6Con{ padding-top: 50px;}

	.loginbtn{ width: 60px; height: 60px; line-height: 60px;}

	.linkDL dd.lin1 .br{ padding-left: 0px; display: block;}

	.about-en{ font-size: 32px;}

	.about-t{ font-size: 16px;}

	.profilePbox{ width: 90%;}

	.historyPbox .lico{ padding-left: 20px;}

	.twoCultrue dd{ width: 100%; float: none;}

	.twoCultrue dd .c{ height: auto;}

	.proces-T .item1{ font-size: 24px;}

	.proces-T .item2{ font-size: 32px;}

	.proces-info .item1{ font-size: 18px;}

	.vwrap .videobox { width: 400px; margin-left: -200px; height: 350px;  margin-top:-175px;}

	.videoList{ width: 90%;}

	.greenChainBox{ padding: 60px 0px;}

	.greeItem .img{ width: auto; float: none;}

	.greeItem .text{ margin:30px 0px 0px; width: auto; float: none;}

	.greeItem .iimg{ display: none;}

	.greeItem .text .c{ text-indent: 0;}

	.pbanner2 .img{ width:130%}

	.pagenavBox { height:100px; position:relative }

	.pagenav { background:url(hsbj1.jpg) repeat-x bottom left; position:absolute; top:-20px; width: 100%; }

	.pagenav a {display: block;float: left;width: 17%;text-align: center;color: #000;font-size: 12px;box-sizing: border-box;height: 70px;line-height: 70px;margin-top: 20px;}

.pagenav2 a {width: 22%;border-right: 0px none;}

.pagenav a:hover, .pagenav a.act { color:#e60012 }



.redhong {background: rgba(227,43,57, 1);width:100px;height:100px;color:#fff;text-align:center;}

.redhong h2 { font-size:18px; font-weight:100; padding-top:30px }

.redhong p { font-size:12px; }

.ewm { text-align:left;}

	.happinessList dd{ width: 100%; float: none; background-color: #F8F8F8;}

	.twoServiceBox .ico{ width: 70px;}

	.RepairPage .ser-en{ font-size: 32px;}

	.RepairPage{ height: auto; padding-bottom: 50px;}

	.RepairPage .item1{ float: none;}

	.RepairPage .item2{ position: relative; right: auto; bottom: auto; margin: 0px auto; padding: 30px 0px 0px;}

	.RepairPage .ico{ left: auto; right: 5%; background-size: cover; width: 50px; height: 48px; bottom: auto; top: 5%;}

	.mbtn{ float: none; margin: 0px auto;}

	.goldDemo .name{ top: 0px;}

	.goldDemo .list{ margin-top: 160px;}

	.goldBox .img{ width:90%;}

	.proBanner .con{ text-align: center; left: 5%; width: 90%; top: 30%;}

	.proBanner .btn-more{ margin: 5% auto 0px;}

	.productNav li{ width: 25%;}

	.productNav a{ padding: 10px 0px; height: auto;} 

	.productNav a .ico{ margin-bottom: 0px; width: 35px; height: 35px;}

	.productList dd{ width: 46%; margin: 0px 2% 20px;}

	.psico{ border-radius: 50%; background:none #e5e5e5;}

	.psico:hover{ background:none #009470;}

	.prolistType{ text-align: left;}

	.prolistType a{ display: inline-block; padding: 2px 0px; width: 30%; margin: 0px 1% 4px; text-align: center;}

	.proList{ width: 100%;}

	.proList li{ width: 100%;}

	.proList li.item2 .item{ margin: 0px 5% 20px;}

	.proinfoImgBox{ padding-bottom: 50px;}

	.proinfoDemo{ width: 100%; top: auto;}

	.proinfoDemo dd{ text-align: left;}

	.proList2 .twoItem .con{ top: 38%; text-align: center; height: auto;}

	.proList2 .twoItem .con .c{ display: none;}

	.proList2 .twoItem .con .bot{ margin: 10px auto;}

	.proList2 .con .en,.proList2 .twoItem .con .en{ font-size: 22px;}

	.proList2 .con .zh,.proList2 .twoItem .con .zh{ font-size: 15px;}

	.proContact dt,.proContact dd{ float: none; width: auto; text-align:left;}

	.productPCon dt{ display: none;}

	.productPCon dd{ padding-top: 45px;}

	/*.exprienceBox{ padding: 250px 5% 50px; height: auto; width: 90%; background-size:inherit; background-position: left top;}

	.furnitureBox{ padding-top: 340px; background-position: right top;}

	.furnitureDemo .slick-prev{ left: 2%;}

	.furnitureDemo .slick-next{ right: 2%;}

	.proIbox2{ width: 50%; float: none;}

	.proIbox3,.proIbox4{ width: 100%; float: none;}*/

	select.selbox2{ float: none; margin-bottom: 10px;}

	.securityT{ font-size: 26px;}

	.securityBox .r{ width: 100px;}

	.securityBox .r img{ width: 100%; display: block;}

	.pbannerbox .con2 .t{ font-size: 24px;}

	.pbannerbox .con2 .c{ font-size: 14px;}

	.hrAbout_List a{ width: 160px; height: 160px;}

	.joinImg{ padding: 100px 0px;}

	.hrList .hspan:nth-child(3),.hrList .hspan:nth-child(6){ display: none;}

	.hrList .hspan:nth-child(2){ width: 90%; text-indent: 2em; text-align: left;}

	.applicationList li,.applicationList .action li{ width: 50%;}

	.applicationList li.item7{ width: 100%;}

	.CareerList li{ width: 100%; float: none;}

	.aboutLifePage .img,.aboutLifePage .con{ float: none; width: auto;}

	.aboutLifePage .con{ height: auto; padding: 60px 7%;}

	.brandBox{ width: 84%;}

	.brandBox .zh{ font-size: 20px;}

	.brandBox .c{ font-size: 14px;}

	.imgShowBox .overlayClose { top: 0px; background-color: #009470; position: absolute; z-index: 1000; width: 40px; height: 40px;}

	.imgShowDemo .item{ background-size: contain;}

	.imgShowDemo .owl-controls .owl-buttons div{ width: 30px; height: 30px; z-index: 1000; display: none;}

	.serviceDemo .item:hover .icobg{ left: 0%; display: none;}

	.serviceDemo .item:hover .ico{ left: 0%; display: none;}

	.hi-num{ display: none;}

	.imgShowBox{ padding: 50px 0px;}

	.yearQuanBox{ width: 100%;}

	.rightBox2{ float: none; margin: 0px auto 30px;}

	.leftBox{ width: 80%; margin: 0px auto; float:none; text-align: center;}

	.ermBox{ margin: 50px auto 0px; width: 184px;}

	.action .rightBox2{ transition: 500ms ease 0ms; -webkit-transition: 500ms ease 0ms;}

	.mapbox{ height: 300px;}

	.screenBox{ padding: 15px 0px;}

	.screenitem1{ padding: 0px 20px;}

	.screenitem1 dd{ min-height: 25px; padding-left: 70px; margin-right: 0px; position: relative;}

	.screenitem1 .by-conditions-title{ left: 0px; top: 0px; position: absolute;}

	.by-conditions-con a{ display: inline-block;}

	.goldList .t{ font-size: 20px;}

	.glodBanner .c{ font-size: 15px;}

	.news_center_content {

	margin-left: -10px; }

	.menu{ width: 160px;}

	.zbj { margin-left:30px; padding-right:30px }

	.ewm { text-align:left; padding-top:10px; line-height:30px }

	.wmap { margin-left:30px }

	.wmap img { width:100%; }

	.padleft { padding-left:10px; }

	.maright { padding-right:0; }

	.zbjl { margin-left:20px; }

	.zhiwei h2 {  padding-left:50px; padding-top:20px   }

	.zhize { padding-left:50px; }

    .yaoqiu { padding-left:50px; padding-right:50px }

	.fes3-img img {width: 100%;}

	.mbotom { margin-bottom:20px;}

	#focus-wrap{ position:relative; }

#frame{width:100%; overflow:hidden; height:220px }

#img{ position:relative;overflow:hidden; width:100%; height:220px }

#img ul { margin:0; padding:0; }

#img li{ width:100%; height:220px; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none; -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  background-position: center; }

#btn{width:600px; margin:0 auto; text-align:center; z-index:99; position:relative; top:180px;}

#btn p{ text-align:center }

#btn span{ display:block; float:left; cursor:pointer; margin:0 10px; width:40px; height:2px; background:#fff}

#btn span.hov{ background:#272727;}



.local-scroll-cont { display:none; }

.gywm { position:relative; top:20px; left:0; right:0; margin-bottom:0px }

.dix { margin:40px 40px 0 40px; padding-bottom:20px  }

.fr1 { float:left; }

.mt-150 { margin-top:00px; }



.dbjl { margin-top:0px; }

}

}

@media screen and (max-width:481px) {

	.menuMobilelink a{ width: 50%; }

	.box2T{ width: 288px;}

	#s5 .ibox{ height: 500px;}

	.ibox5c{ width: 288px; height: 288px; margin: -144px 0px 0px -144px;}

	.ibox5c .item{ width: 144px; height: 144px; font-size: 12px;}

	.ibox5c .item .txt,.ibox5c .item .info{ width: 114px; padding: 0px 15px; height: 144px;}

	.ibox5c .item .txt .c{ height: 84px; padding: 20px 0px 0px;}

	.ibox5c .item .info .num{ font-size: 32px; padding: 20px 0px 0px;}

	.ibox5c .item .info .i{ font-size: 16px;}

	.ibox5c .item .info .t{ left:auto; position: relative; bottom: auto;}

	.historyPbox .lico{ padding-left: 0px;}

	.onePorfile .t2{ padding: 15px 0px; line-height: 1.1;}

	.onePorfile .con{ font-size: 20px;}

	.onePorfile .icoBox span{ margin: 0px 5%;}

	.proces-T dd,.proces-info dd{ float: none; width: 100%; background-color: #fff;}

	.proces-padding-l,.proces-padding-r{ padding: 0px;}

	.proces-T .item1,.proces-T .item2,.proces-info .item1,.proces-info .item2{ text-align: center;}

	.proces-info .item1,.proces-T .item1{ padding:20px 0px 30px;}

	.proces-info .item2,.proces-T .item2{ padding-bottom: 20px;}

	.proces-list{ background-color: #fff;}

	.proces-list dt.section{ width: 100%; background-color: #fff;}

	.proces-list dd{ padding: 30px 5% 0; background-color: #fff;}

	.proces-list .pitem1{ width: 30%;}

	.proces-list .pitem2{ width: 70%;}

	.proces-yd{ left: 30%;}

	.p-year{ margin-right: 0px; float: none; padding-right: 0px;}

	.proces-list .proces-R .pitem1{ float: left;}

	.proces-L .month{ margin-right: 0px; float: none;}

	.proces-R .month{ margin: 0px;}

	.proces-L .txt{ margin-left: 24px;}

	.proces-R .txt{ float: none; margin:0px 0px 0px 24px;}

	.newItem{ margin:0px 4% 40px; width: 92%; float: none;}

	.vwrap .videobox { width: 300px; margin-left: -150px; height: 300px; margin-top:-150px; }

	.productNav li{ width: 33.33%;}

	.productList dd{ width: 100%; float: none; margin: 0px 0px 25px;}

	.proinfoList ul{ margin-left: 0px;}

	.proinfoList li{ width: 100%; float: none; margin:0px 0px 30px 0px;}

	.proList2 li .img, .proList2 li.twoItem .img{ width: 100%;}

	.proList2 .oneItem .con,.proList2 .twoItem .con{ left: 5%; width: 90%; color: #fff;}

	.proList2 .twoItem .con .bot,.proList2 .twoItem a:hover .con .bot{ background-color: #fff;}

	.proIbox1 .itemC, .proIbox1 .itemImg,.proIbox3 .itemC, .proIbox3 .itemImg,.proIbox4 .itemC, .proIbox4 .itemImg{ float: none; width: 100%;}

	.proIbox2{ width: 100%;}

	.itemC{ height: 200px;}

	.itemC .con .t{ font-size: 28px;}

	.itemC .con .by{ font-size: 18px;}

	.itemC .img{ display: none;}

	.proIbox1:hover,.proIbox3:hover,.proIbox4:hover{ border:0px none;}

	.goldico{ display: none;}

	.menu{ width: 160px;}

	.zbj { margin-left:30px; padding-right:30px }

	.ewm { text-align:left; padding-top:10px; line-height:30px }

	.wmap {margin-left:30px}

	.wmap img { width:100%; }

	.padleft { padding-left:10px; }

	.maright { padding-right:0; }

	.zbjl { margin-left:20px; }

	.zhiwei h2 {  padding-left:50px; padding-top:20px  }

	.zhize { padding-left:50px; }

    .yaoqiu { padding-left:50px; padding-right:50px }

	.fes3-img img {width: 100%;}

	.mbotom { margin-bottom:20px;}

	#focus-wrap{ position:relative; }

#frame{width:100%; overflow:hidden; height:200px }

#img{ position:relative;overflow:hidden; width:100%; height:200px }

#img ul { margin:0; padding:0; }

#img li{ width:100%; height:200px; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none; -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  background-position: center; }

#btn{width:480px; margin:0 auto; text-align:center; z-index:99; position:relative; top:160px;}

#btn p{ text-align:center }

#btn span{ display:block; float:left; cursor:pointer; margin:0 10px; width:40px; height:2px; background:#fff}

#btn span.hov{ background:#272727;}



.local-scroll-cont { display:none; }

.gywm { position:relative; top:20px; left:0; right:0; margin-bottom:0px }

.dix { margin:40px 40px 0 40px; padding-bottom:20px  }

.fr1 { float:left; }

.mt-150 { margin-top:00px; }

.dbjl { margin-top:0px; }

}

}

@media screen and (max-width: 375px) {

	.box4Ttx{ width: 224px;}

	.menu{ width: 160px;}



	.culturePbox .img{ width: 130%;}

    .vwrap .videobox { width: 240px; margin-left: -120px; height: 300px; margin-top: -150px; }

    .hrAbout_List li{ float: none; width: 100%;}

    .hrAbout_List li:nth-child(1){ margin-bottom: 30px;}

	.zbj { margin-left:30px; padding-right:30px }

	.ewm { text-align:left; padding-top:10px; line-height:30px }

	.wmap {margin-left:30px}

	.wmap img { width:100%; }

	.padleft { padding-left:10px; }

	.maright { padding-right:0; }

	.zbjl { margin-left:20px; }

	.zhiwei h2 {  padding-left:50px; padding-top:20px   }

	.zhize { padding-left:50px; }

    .yaoqiu { padding-left:50px; padding-right:50px }

	.fes3-img img {width: 100%;}

	.mbotom { margin-bottom:20px;}

	#focus-wrap{ position:relative; }

#frame{width:100%; overflow:hidden; height:200px }

#img{ position:relative;overflow:hidden; width:100%; height:200px }

#img ul { margin:0; padding:0; }

#img li{ width:100%; height:200px; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none; -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  background-position: center; }

#btn{width:300px; margin:0 auto; text-align:center; z-index:99; position:relative; top:160px;}

#btn p{ text-align:center }

#btn span{ display:block; float:left; cursor:pointer; margin:0 10px; width:40px; height:2px; background:#fff}

#btn span.hov{ background:#272727;}



.gywm { position:relative; top:20px; left:0; right:0; margin-bottom:0px }

.dix { margin:40px 40px 0 40px; padding-bottom:20px  }

.fr1 { float:left; }

.mt-150 { margin-top:00px; }

.dbjl { margin-top:0px; }

}