@media (max-width:1680px ) {
	.about3box .about3Left .about3leftbox p{ margin-top:5px;}
	.mt30{ margin-top:20px;}
}
@media (max-width:1600px ) {
	p{ font-size:16px;}
	.wrapper, section.page2{ width:90%; } 
	.productBox h2{ font-size:40px;}
	.productBox p{ font-size:15px; line-height:1.5;}
	.productBox a.more{ margin-top:40px;}
	section.page3 .productBox h2{ margin-top:20px; }
	section.page4 .page4Left{ padding-left:5%;}
	.newsbox .noBg{ padding:40px 40px 50px;}
	.newsbox p{ font-size:15px; margin-top:20px;}
	.newsbox .more1{ width:60px; height:60px; margin-top:50px; background-size:cover;}
	.time-line-box ul li{ margin-left:-50px;}
}
@media (max-width:1440px ) {
	div.more{ margin-top: 25px;}
	header menu.navbars li a{ padding:0 12px; font-size:16px;}
	.page3Right img{ width:220px;}
	.productBox h2{ font-size:36px;}
	.productBox a.more{ margin-top:30px;}
	footer .topFoot article .lft{ width: calc(100% - 140px);}
	.about1Right .info{ height:340px;}
	.ProRight{ width:70%;}
	.time-line-box ul li{ margin-left:-100px;}
	.title2 h2{ font-size:52px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox h2{ font-size:28px; line-height:1.5;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox p{ font-size:14px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox a.more{ margin-top:30px; width:160px; height:40px; line-height:40px; font-size:16px;}
	.ProLeft .CategoryBogo li .navTop a{ font-size:18px; line-height:1.5;}
	.ProLeft .CategoryBogo li ul.navList li a{ font-size:16px;}
	.ProBogoList li p{ font-size:18px;}
	.ProLeft .Category li .navTop a{ font-size:18px;}
	.ProLeft .CategoryBogo li ul.navList li, .ProLeft .Category li ul.navList li{ padding:15px 25px;}
	.ProLeft .Category li ul.navList li a{ font-size:16px;}
	.about3box .about3Left .about3leftbox p{ margin-top:0; font-size:14px;}
	.mt30{ margin-top:10px;}
}
@media (max-width:1280px ) {
	p{ font-size:15px;}
	header menu.navbars li a{ font-size:14px;}
	header menu.navbars li a.la{ padding-right:35px; background: url(xia.png) right 15px center no-repeat;}
	.productBox .info{ margin-top:20px;}
	section.page3 .page3Right{ padding:120px 5% 0;}
	.productBox h2{ font-size:32px;}
	.productBox p{ font-size:14px; line-height:1.5;}
	.newsbox .noBg{ padding:30px 30px 40px;}
	
	.about1Right h2{ font-size:32px;}
	.about1Right .info{ margin-top:20px; height:300px;}
	.about1Right .cardList{ margin-top:40px;}
	.about1Right .card{ margin-right:20px; padding:20px;}
	.about1Right .card:last-child{ margin-right:0;}
	.about1Right .card h2{ font-size:32px; line-height:1.5; margin:10px 0;}
	.about3box .about3Left .about3leftbox{ padding:5% 6%;}
	.about3box .about3Left .about3leftbox h2{ font-size:28px;}
	.about3box .about3Left .about3leftbox p{ line-height:1.6; }
	
	.about4 .about4List li .info, .relatedList li .info{ padding:20px 30px;}
	.about4 .about4List li .info h4{ font-size:20px; line-height:1.2;}
	.classNav .classList li{ padding:0 20px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox{ padding:8%;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox h2{ font-size:24px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox .info{ margin-top:10px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox p{ font-size:13px;}
	
	.ProLeft .Category li .navTop{ padding:20px;}
	.ProLeft .CategoryBogo li ul.navList li, .ProLeft .Category li ul.navList li, .ProLeft .BitFace .tabHeader, .ProLeft .BitFace .tabContent li{ padding:15px 20px;}
	
	.IndustrieList li .info{ padding:20px 30px;}
	.IndustrieList li .info h4{ font-size:20px;}
	
	.BogoDetail .BogoDetailbox .info li p, .Detailbox .info li p{ margin:3px 0;}
	footer .topFoot{ padding:50px 0;}
	.partner li{ zoom:0.9;}
}
@media (max-width:1080px ) {
	p{ font-size:14px;}
	header{ height:75px;}
	header figure.logo img{ height:45px;}
	header menu.navbars{ display:flex; justify-content:space-between;}
	header menu.navbars li{ height:75px; line-height:75px;}
	header menu.navbars li a.la{ padding-right:25px; background: url(xia.png) right 10px center no-repeat;}
	header menu.navbars li a{ padding:0 10px;}
	header menu.navbars li ul{ top:75px; padding:15px 20px;}
	header .language li{ height:75px; line-height:75px; margin-right:15px; }
	section.page3 .page3Right{ padding:160px 5% 0;}
	section.page3 .productBox h2{ margin-top:10px; padding-bottom:5px;}
	section.page4 .page4Left h2{ font-size:28px;}
	.productBox a.more{ margin-top:20px;}
	.newsbox h2{ font-size:24px; margin-top:15px;}
	.newsbox p{ font-size:14px; margin-top:10px;}
	.newsbox .more1{ margin-top:20px;}
	.clearTop{ padding-top:75px;}
	.padTB100{ padding:60px 0;}
	.about1Right{ width:50%;}
	.about1Right h2{ font-size:28px;}
	.about1Right .info{ margin-top:5px; height:250px; }
	.about1Right .cardList{ margin-top:20px;}
	.about1Right .card h2{ margin:5px 0;}
	.about1Right .card img{ height:40px;}
	.about1Right .card p{ font-size:13px;}
	.time-line-box ul li dl{ padding:20px;}
	.time-line-box ul li dl dt{ font-size:28px;}
	.about h2.title span{ font-size:42px;}
	.about3box, .about4 .about4List{ margin-top:50px;}
	.about3box .about3Left .about3leftbox{ padding:5%;}
	.about3box .about3Left .about3leftbox p{ font-size:12px;}
	.about3box .about3Left .about3leftbox h2{ font-size:24px;}
	.title2{ width:100%;}
	.title2 h2{ font-size:42px;}
	.title2 p{ margin-top:10px;}
	.about4 .about4List li .info, .relatedList li .info{ padding:15px 20px;}
	.classNav{ height:auto; padding:0;}
	.classNav .classList li{ padding:0 15px; margin:20px 0;}
	.classNav .position{ display:none;}
	.ProLeft .CategoryBogo .hTitle, .ProLeft .BitFace .hTitle{ padding:15px 20px; font-size:22px;}
	.ProLeft .CategoryBogo .CategoryBogoList, .ProLeft .CategoryBogo li .navTop, .ProLeft .BitFace .tabBox, .ProLeft .Category li .navTop{ padding:15px;}
	.ProLeft .CategoryBogo li .navTop a, .ProLeft .BitFace .tabContent li a, .ProLeft .Category li .navTop a{ font-size:16px;}
	.ProLeft .BitFace .tabHeader{ height:50px;}
	.ProLeft .BitFace .tabHeader li{ font-size:18px; height:30px;}
	.ProLeft .Category{ margin-top:30px; padding:0 20px 15px;}
	.ProLeft .Category h2{ font-size:22px; line-height:70px;}
	.ProLeft .CategoryBogo li ul.navList li, .ProLeft .Category li ul.navList li, .ProLeft .BitFace .tabHeader, .ProLeft .BitFace .tabContent li{ padding:10px 15px;}
	.ProLeft .CategoryBogo li ul.navList li a{ font-size:14px; font-weight:100; color:#333;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox p{ font-size:12px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox a.more{ width:150px; height:30px; line-height:32px; font-size:15px; margin-top:10px;}
	h2.Title{ font-size:28px; margin:10px 0;}
	.Bitbox{ padding:20px;}
	.Bitbox .BitImg{ width:25%;}
	.Bitbox .BitInfo{ width:70%;}
	.Bitbox .BitInfo h2{ font-size:24px;}
	.Bitbox .BitInfo p{ font-size:14px; margin-top:5px; margin-bottom:10px;}
	.itemBody3 li .Bitbox .BitInfo h2{ font-size:16px;}
	.DTHitems .Bitbox{ padding:15px; margin-bottom:15px;}
	h2.listTitle{ margin:15px 0; font-size:26px;}
	.IndustrieList li .info{ padding:15px 20px;}
	.IndustrieList li .info p{ margin-top:5px; margin-bottom:10px;}
	.Detailbox{ padding:4% 5%;}
	
	.ProBogoList li p{ font-size:16px;}
	.BogoDetail .BogoTop{ align-items:flex-start;}
	.BogoDetail .BogoImg{ width:40%;}
	.BogoDetail .BogoInfo{ width:55%;}
	.BogoDetail .BogoInfo h2{ line-height:1; font-size:24px;}
	.BogoDetail .BogoDetailbox, .Rockopiabox, .relatedList, .DownloadList, .Contactbox, #dituContent{ margin-top:40px;}
	.BogoDetail .BogoDetailbox h2{ height:44px;}
	.BogoDetail .BogoDetailbox h2 span{ padding:12px 30px;}
	.BogoDetail .BogoDetailbox .info h2{ font-size:22px;}
	.BogoDetail .BogoDetailbox .info h4{ font-size:17px;}
	.BogoDetail .BogoDetailbox .info p{ font-size:15px;}
	.Detailbox .info table td, .Detailbox .info table th, .BogoDetail .BogoDetailbox .info table td, .BogoDetail .BogoDetailbox .info table th{ font-size:14px; padding:10px;}
	.BogoDetail .Related{ margin-top:60px;}
	.BogoDetail .Related h2{ font-size:24px;}
	.BogoDetail .Related .ProBogoList{ margin-top:20px;}
	.relatedList li .info h4{ font-size:20px;}
	.relatedList li .info p{ font-size:13px;}
	.relatedList li .info time{ margin-top:10px; padding-top:10px; height:35px; }
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox h2{ font-size:22px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox .info{ margin-top:0;}
	.IndustrieList li .info h4{ font-size:18px;}
	.DownloadList li .box{ padding:20px 20px 50px;}
	.DownloadList li img{ margin:0px;}
	.Contactbox .ConInfo{ width:45%;}
	.Contactbox .ConInfo li{ margin:20px 0;}
	.Contactbox .ConInfo li span{ width:50px;}
	.Contactbox .ConInfo li span img{ width:32px;}
	.Contactbox .ConInfo li p{ font-size:16px;}
	.Contactbox .ConImg .box{ margin:0 10px; width:150px;}
	.Contactbox .ConImg .box img{ width:150px; height:150px; margin:0px auto;}
	.Contactbox .ConImg .box p{ padding:10px 0;}
	#dituContent{ height:452px;}
	.my-map{ height:450px;}
	.Detailbox h2{ font-size:24px;}
	.Detailbox .info p{ font-size:14px; margin-top:20px;}
	table.tables td, table.tables th{ padding:8px 15px; font-size:14px;}
	.messagebox{ padding:50px 0;}
	.messagebox .tit p{ margin-top:5px;}
	.contact-input{ margin-top:30px;}
	.contact-input input{ font-size:14px; height:40px; line-height:40px; padding:0 12px;}
	.message-submit{ height:40px; line-height:40px;}
	.partner li{ zoom:0.7;}
	footer .topFoot{ padding:40px 0 30px;}
	footer .topFoot article .lft li{ width:23%; margin-right:5%;}
	footer .topFoot article .lft li:last-child{ width:38%;}
	footer .topFoot article .lft li h2, footer .topFoot article .rit h2{ font-size:20px; line-height:2; padding-bottom:5px;}
	footer .topFoot article .lft li p{ font-size:14px; }
	footer .topFoot article .rit{ width:120px;}
	footer .topFoot article .rit img{ width:120px; height:120px;}
	footer .bomFoot article{ padding:15px 0 9px;}
}

@media (max-width:960px ) {
	header{ display: none;}
	.wrapper, section.page2{ width:92%;}
	div.phoneHead .phologo{ margin-left:4%;}
	div.phoneHead .phoNav{ margin-right:4%;}
	div.phoneHead, menu.phoneNavgin{ display: block;}
	.clearTop{ padding-top:58px;}
	.padTB100, .messagebox{ padding:40px 0;}
	p{ font-size:13px;}
	.focus{ display:none;}
	.mobban{ display:block;}
	section.page2, section.page4{ display:block;}
	section.page2 .page2Left{ width:100%;}
	section.page2 .page2Left img:first-child{ width:140px;}
	.productBox h2{ font-size:24px;}
	.productBox .info{ margin-top:0px;}
	.productBox a.more{ width:150px; height:36px; line-height:36px; border-radius:18px; font-size:15px; background:url(you.png) center right 15px no-repeat #fff; padding-right:28px; margin-top:10px;}
	section.page2 .page2Right{ width:100%; margin-right:0; padding-top:20px;}
	section.page2 .page2Right li{ width:30%; margin:0; margin-top:2%; margin-right:5%;}
	section.page2 .page2Right li:nth-child(3n){ margin-right:0;}
	section.page3 .page3Right{ width:100%; padding:100px 5% 0;}
	section.page4 .page4Left{ width:100%; padding-left:5%;}
	section.page4 .page4Left h2{ font-size:24px;}
	section.page4 .page4Left .zuoyou{ margin:20px 0;}
	section.page4 .page4Right{ width:100%; padding:0 5%; margin-top:50px;}
	.newsbox{ margin-top:0;}
	.newsbox .noBg{ padding:20px 20px 30px;}
	.newsbox h2{ font-size:20px; margin-top:5px; line-height:1.5;}
	.newsbox time{ font-size:14px; padding-bottom:10px;}
	.newsbox .more1{ width:50px; height:50px; background-size:100%;}

	.classNav .wrapper{ display:block; position:relative;}
	.classNav .position{ position:absolute; left:0; top:-50px;}
	.classNav .classList{ padding:15px 0; display:flex; flex-wrap:wrap;}
	.classNav .classList li{ border:none; padding:0; margin:0; padding-right:20px;}
	.about1 .wrapper{ align-items:flex-start;}
	.about1Right h2{ font-size:22px;}
	.about1Right .card{ margin-right:10px; padding:10px;}
	.about1Right .card img{ height:35px;}
	.about1Right .card h2{ font-size:28px;}
	.about1Right .card p{ font-size:12px;}

	.about h2.title span{ font-size:36px;}
	.about h2.title span:after{ height:8px; bottom:4px;}
	.time-line-box ul li:first-child{ margin-left:0px;}
	.time-line-box ul li:last-child{ margin-right:0px;}
	.time-line-box ul li{ width:220px; margin-left:-90px;}
	.about3box, .about4 .about4List{ margin-top:30px;}
	.about3box .about3Left .about3leftbox{ height:270px; overflow-y:auto;}
	.about4 .about4List li .info, .relatedList li .info{ padding:10px 15px;}
	.about4 .about4List li .info h4{ font-size:20px; padding-right:30px;}

	.contact-input input{ padding:0 15px; font-size:14px;}
	footer .topFoot{ padding:30px 0 20px;}
	footer .topFoot article .lft{ width:calc(100% - 100px);}
	footer .topFoot article .lft li{ margin-right:5%;}
	footer .topFoot article .lft li:nth-child(1){ width:20%;}
	footer .topFoot article .lft li:nth-child(2){ width:30%;}
	footer .topFoot article .lft li:nth-child(3){ width:35%; margin-right:5%;}
	footer .topFoot article .lft li h2, footer .topFoot article .rit h2{ font-size:22px; line-height:2;}
	footer .topFoot article .rit{ width:100px;}
	footer .topFoot article .rit img{ width:100px; height:100px;}
	footer .bomFoot article{ display:block; padding:15px 0; text-align:center;}
	footer .bomFoot article p{ line-height:1.5; padding-bottom:10px;}
	footer .bomFoot article .rit{ display:none;}
	footer .bomFoot article .rit aside a{ width:32px; height:32px;}
	.partner li{ width:23%;}
	.partner li img{ max-width:100%;}
	
	h2.Title, h2.listTitle{ margin-top:0;}
	.ProLeft .CategoryBogo li .navTop a{ font-size:16px;}
	.BogoDetail .BogoDetailbox, .Rockopiabox, .relatedList, .DownloadList, .Contactbox, #dituContent{ margin-top:30px;}
	.BogoDetail .BogoTop{ align-items:flex-start;}
	.BogoDetail .BogoDetailbox h2{ height:40px;}
	.BogoDetail .BogoDetailbox h2 span{ padding:10px 20px; font-size:20px;}
	
	.BogoDetail .Related{ margin-top:50px;}
	.BogoDetail .Related h2{ font-size:24px;}
	.BogoDetail .Related .ProBogoList{ margin-top:20px;}
	.ProBogoList li p{ font-size:15px;}
	.Rockopiabox{ margin-top:30px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox h2{ font-size:18px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox .info{ height:160px; overflow-y:auto; margin-top:0;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox a.more{ margin-top:10px;}
	.ProLeft{ width:30%;}
	.ProRight{ width:67%;}
	.ProLeft .BitFace .hTitle, .ProLeft .Category h2{ font-size:18px;}
	.ProLeft .BitFace .tabHeader li, .ProLeft .Category li .navTop a{ font-size:16px;}
	.ProLeft .BitFace .tabContent li a{ font-size:14px;}
	.ProLeft .Category{ padding:0 15px 15px;}
	.Bitbox{ padding:20px; flex-wrap:wrap; justify-content:center;}
	.Bitbox .BitImg{ width:80%;}
	.Bitbox .BitInfo{ width:100%; margin-top:10px;}
	.DTHitems .Bitbox{ width:100%; justify-content: space-between;}
	
	.itemBody1{ flex-wrap:wrap; margin-bottom:10px;}
	.itemBody1 li{ width:100%; margin-bottom:10px;}
	.itemBody1 h2{ margin-bottom:0; font-size:18px; margin-bottom:5px;}
	.itemBody3 li .Bitbox .BitInfo h2{ font-size:14px;}
	
	.BogoDetail .BogoDetailbox .info h2, .Detailbox .info h2{ font-size:20px; margin:12px 0;}
	.BogoDetail .BogoDetailbox .info h4, .Detailbox .info h4{ font-size:16px; margin:8px 0;}
	.BogoDetail .BogoDetailbox .info p, .Detailbox .info p{ margin:5px 0;}
	
	.ProBogoList li{ width:48%; margin-right:4%;}
	.ProBogoList li:nth-child(3n){ margin-right:4%;}
	.ProBogoList li:nth-child(2n){ margin-right:0;}
	.Bitbox .BitInfo h2{ font-size:24px;}

	table.tables td, table.tables th{ font-size:14px; padding:8px 15px;}
	.Probox{ padding:20px;}
	.IndustrieList li{ width:48%; margin-right:4%; margin-bottom:4%;}
	.IndustrieList li:nth-child(3n){ margin-right:4%;}
	.IndustrieList li:nth-child(2n){ margin-right:0;}
	.IndustrieList li .info{ padding:15px 20px 20px;}
	.IndustrieList li .info p{ margin-top:8px; margin-bottom:10px;}
	.DownloadList{ margin-top:30px;}
	.DownloadList li .box{ padding:30px 20px;}
	.DownloadList li img{ width:28%; margin-left:0;}
	.DownloadList li .info h5{ font-size:14px;}
	.DownloadList li .info h4{ font-size:18px;}
	.DownloadList li .info p{ margin-top:8px; margin-bottom:10px;}
	.Contactbox, .relatedList{ margin-top:30px;}
	.Contactbox .ConInfo{ width:45%;}
	.Contactbox .ConInfo li{ margin:15px 0;}
	.Contactbox .ConInfo li span{ zoom:0.9;}
	.Contactbox .ConImg .box{ margin:0px 10px; width:140px;}
	.Contactbox .ConImg .box img{ width:140px; height:140px;}
	.Contactbox .ConImg .box p{ padding:5px 0;}
	#dituContent{ height:402px; margin-top:30px;}
	.my-map{ height:400px;}
	.Detail{ background:#fff;}
	.Detailbox{ padding:0;}
	
	
	
	
} 

@media (max-width:600px ) {
	.wrapper, section.page2{ width:90%;}
	.mob{ display:block !important; height:40px; padding:10px;}
	.gun-slide{ left:5%;}
	.gun-slide img{ width:16px;}
	
	.newsbox .noBg{ padding:15px 15px 20px;}
	.newsbox h2{ font-size:18px; line-height:24px; height:48px; margin-top:10px; }
	.newsbox p{ font-size:13px; line-height:1.5; height:auto; -webkit-line-clamp:5;}
	.newsbox .more1{ width:45px; height:45px;}
	
	section.page3 .page3box{}
	section.page3 .productBox h2{ margin-top:20px; padding-bottom:10px;}
	section.page3 .swiper-button-next{ width:45px; height:45px; background:url(you1.png) center; background-size:100%; }
	section.page3 .swiper-button-prev{ width:45px; height:45px; background:url(zuo1.png) center; background-size:100%; }
	section.page3 .swiper-button-next:hover{ width:45px; height:45px; background:url(you2.png) center; background-size:100%; }
	section.page3 .swiper-button-prev:hover{ width:45px; height:45px; background:url(zuo2.png) center; background-size:100%; }
	section.page3 .swiper-button-next, section.page3 .swiper-button-prev{ top:auto; bottom:150px;}
	
	.partner li{ width:25%;}
	footer .topFoot article, .about1 .wrapper, .about4 .about4List, .contact-input, .Products .wrapper, .BogoDetail .BogoTop, .Rockopiabox2, .relatedList, .Contactbox{ flex-wrap:wrap !important;}
	.about3box, .Rockopiabox{ flex-wrap:wrap-reverse;}
	
	footer .topFoot article .lft{ width:100%;}
	footer .topFoot article .lft li:nth-child(1), footer .topFoot article .lft li:nth-child(2), footer .topFoot article .rit{ display:none;}
	footer .topFoot article .lft li:nth-child(3){ width:100%; margin-right:0;}
	footer .topFoot article .lft li p{ padding:5px 0; line-height:1.2;}

	.about1Left{ width:100%;}
	.about1Right{ width:100%; margin-top:20px;}
	.about1Right .info{ margin-top:10px; height:auto;}
	.about1Right .cardList{ margin-top:10px;}
	.time-line-box ul li dl{ padding:15px;}
	.time-line-box ul li dl dt{ font-size:24px; margin-bottom:5px;}
	.time-line-box ul li dl dd{ font-size:13px; line-height:1.5;}
	.time-line-box ul li{ padding-top:70px; margin-left:-100px;}
	.time-line-box ul li:nth-child(2n){ padding-top:20px;}
	.time-line-box ul li:nth-child(2n):after{ bottom:-26px;}
	.about h2.title span, .title2 h2{ font-size:32px;}
	
	.about3box .about3Left, .about3box .about3Right{ width:100%;}
	.about3box .about3Left:after{ display:none;}
	.about3box .about3Left .about3leftbox{ height:auto; padding:15px 20px 20px;}
	.title2{ width:100%;}
	.about4 .about4List li{ width:100%; margin-bottom:20px;}
	.messagebox .titcon .wechat{ width:50px;}
	.messagebox .titcon .wechat a{ margin-right:10px;}
	.messagebox .titcon span{ font-size:18px; padding-left:40px;}
	.messagebox .tit p{ font-size:14px; margin-top:10px;}
	.contact-input>div{ width:48%; margin-bottom:10px;}
	.contact-input>div:nth-child(1){ width:40%;}
	.contact-input>div:nth-child(2){ width:55%;}
	.contact-input>div:nth-child(3){ width:100%;}
	.contact-input>div:nth-child(4){ width:100%;}
	.message-submit{ width:100%;}
	.ProLeft{ width:100%;}
	.ProRight{ width:100%; margin-top:20px;}
	.ProLeft .CategoryBogo .hTitle, .ProLeft .CategoryBogo li .navTop, .ProLeft .CategoryBogo li ul.navList li, .ProLeft .BitFace .hTitle, .ProLeft .BitFace .tabHeader, .ProLeft .BitFace .tabContent li, .ProLeft .Category li .navTop, .ProLeft .Category li ul.navList li{ padding:10px 15px;}
	.ProLeft .CategoryBogo li.cur, .ProLeft .CategoryBogo li:last-child, .ProLeft .Category li.cur, .ProLeft .Category li:last-child{ margin-bottom:0;}
	.BogoDetail .BogoImg{ width:100%;}
	.BogoDetail .BogoInfo{ width:100%; margin-top:20px;}
	.BogoDetail .BogoDetailbox{ margin-top:0; width:100%; overflow:auto;}
	.BogoDetail .BogoDetailbox .info p, .Detailbox .info p{ font-size:14px;}
	.Detailbox .info table, .BogoDetail .BogoDetailbox .info table{ width:100%; overflow-x: auto; border-collapse: collapse; display:block; white-space:nowrap; }
	.Detailbox .info table::-webkit-scrollbar, .BogoDetail .BogoDetailbox .info table::-webkit-scrollbar{ -webkit-appearance:none; width:10px; height:10px; }
	.Detailbox .info table::-webkit-scrollbar-thumb, .BogoDetail .BogoDetailbox .info table::-webkit-scrollbar-thumb{ border-radius:5px; background-color:rgba(0, 0, 0, .3);}
	.Detailbox .info table td, .Detailbox .info table th, .BogoDetail .BogoDetailbox .info table td, .BogoDetail .BogoDetailbox .info table th{ font-size:12px; padding:5px;}
	.BogoDetail .Related{ margin-top:30px;}
	
	.Rockopiabox{ margin-top:20px;}
	.Rockopiabox .RockopiaTxt, .Rockopiabox .RockopiaImg{ width:100%;}
	.Rockopiabox .RockopiaTxt{ position:static;}
	.Rockopiabox .RockopiaTxt:after{ display:none;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox{ position:static; top:auto; transform:translateY(0); padding:20px 20px 30px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox h2{ font-size:22px;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox .info{ height:auto;}
	.Rockopiabox .RockopiaTxt .RockopiaTxtbox a.more{ margin-top:20px;}
	.relatedList li{ width:100%; margin-bottom:20px;}
	.ProLeft .BitFace .tabHeader{ height:50px;}
	.ProLeft .BitFace .tabHeader li{ height:30px;}
	.ProLeft .BitFace .tabContent{ padding:0;}
	.ProLeft .Category{ margin-top:20px;}
	.ProLeft .Category h2{ line-height:50px;}
	.Probox{ padding:0; border:none;}
	.IndustrieList li{ width:100%; margin-right:0;}
	.IndustrieList li .info{ padding:10px 15px 15px;}
	.DownloadList li{ width:100%; margin-right:0;}
	.DownloadList li .ext{ width:60px; height:20px; font-size:13px; line-height:20px}
	.DownloadList li .link{ width:50px; height:35px;}
	.DownloadList li .link a{ width:50px; background-size:100%; background-repeat:no-repeat;}
	.DownloadList li img{ width:30%;}
	.DownloadList li .info h4{ margin:5px 0; white-space:wrap; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.DownloadList li .info p{ line-height:1.4;}
	.Contactbox{ margin-top:10px;}
	.Contactbox .ConInfo{ width:100%;}
	.Contactbox .ConInfo li span{ zoom:0.7;}
	.Contactbox .ConImg{ width:100%; margin-top:10px;}
	.Contactbox .ConImg .box img{ margin:0 auto;}
	.Detailbox h2{ font-size:20px; padding-bottom:10px; }
	.fengmianList li{ width:100%; margin-right:0;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0 !important;}
	
	.DTHitems{ align-items:flex-start;}
	.DTHitems .Bitbox{ flex-wrap:wrap; justify-content:center;}
	.DTHitems .Bitbox .BitImg{ width:80%;}
	.DTHitems .Bitbox .BitInfo{ width:100%; margin-top:10px;}
	.itemBody{ overflow:auto;}

}
@media (max-width:400px ) {
	.messagebox .titcon .wechat{ width:40px;}
	.messagebox .titcon span{ font-size:16px;}
	.partner{ padding:5px 0;}
	
}