@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1921px){
	.w {width: 1280px;}
}
@media only screen and (max-width: 1920px) {
	.w {width: 1280px;}
		
}
@media only screen and (max-width: 1600px) {
	.w {width: 1280px;}
	
}
@media only screen and (max-width: 1366px) {
	.w{width: 1280px;}
	.product-button{ display:none;}
	.top-nav li a{ padding:20px 30px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.w{width: 95%;}
	.yuanpanbg2{ background:none; }
	.yuanpan{ width:100%;}
	.top-nav li a{padding:20px 30px; font-size:15px;}
	
	}
@media only screen and (max-width: 1200px) {
	.w{width: 95%;}
	.five{ display:none;}
	#footer .three {width: 500px;}
	.top-nav li a{padding:20px 20px; font-size:15px;}
	.yuanpanbg2{ background:none; }
	.yuanpan{ width:100%;}
	
	.liucheng li{ width:25%; margin-bottom:5%}
	.liucheng li:nth-child(4) em{ display:none;}
	.liucheng li:nth-child(5) b{ display:none;}
	.lcpad{ padding-bottom:20px;}
	.logo img {height: 68px;}
	.logo-txt{ width:240px;}
	.logo-txt h2 {font-size:24px;}
	.logo-txt p {padding-top:3px;}
	.logo-txt p:after,.logo-txt p:before{ position:absolute; content:""; height:1px; background:#999; width:10%; top:60%;}
	.logo-txt p:after{ right:-15%;}
	.logo-txt p:before{ left:-15%;}
	.logo-son{ font-size:24px;  padding:10px 0 10px 30px; float:left; margin-top:12px;}
	.logotel-text {margin-top:12px;}
	
	#footer .d-logo {
    float: none;
	display:none;
}
#footer .d-lx-con{ display:none;}
#footer .d-ms-txt{ width:40%;} 
.article-title h1 {
    font-size:20px;
}

	
}
@media only screen and (max-width: 1070px) {
#footer .three {width: 300px;}
.yuanpanbg2{ background:none; }
.yuanpan{ width:100%;}
.top-nav li a{padding:20px 20px; font-size:14px;}
}
@media only screen and (max-width: 1000px) {
	.w{width: 95%;}
	.top-nav li a{padding:20px 15px; }
	.logo-txt p {font-size: 14px;}
	.logo-txt h5 { font-size:14px}	
	.logo-txt { margin: 12px 0 0 10px;}
	.logo-son{ display:none;}
	.youshi-text h5{  font-size:13px; }
	.yuanpanbg2{ background:none; }
	.yuanpan{ width:100%;}
	.logo img {height: 68px;}
	.logo-txt{ width:240px;}
	.logo-txt h2 {font-size:24px;}
	.logo-txt p {padding-top:3px; font-size:12px;}
	.logo-txt p:after,.logo-txt p:before{ position:absolute; content:""; height:1px; background:#999; width:10%; top:60%;}
	.logo-txt p:after{ right:-15%;}
	.logo-txt p:before{ left:-15%;}
	.logo-son{ font-size:24px;  padding:10px 0 10px 30px; float:left; margin-top:12px;}
	.logotel-text {margin-top:12px;}

}
@media only screen and (max-width: 900px) {
	.pc-top {display: none;}
	.nav-bg{ display:none;}
	.m-w{ display:block;}
	.youshi li{width:31%; margin:0 0 4% 2%;}
	.youshi-con i{ margin:0 auto; float:none;}
	.youshi-text{ margin:0 auto; float:none; width:100%; text-align:center;}
	.youshi li{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);transform: translate3d(0px, -2px, 0px);}
	.m-box{padding:15px 15px;}
	.m-bottom{ padding-bottom:50px;}
	.m-hidden{ display:none !important;}
	.m-show{ display:block !important;}
	#footer .four,#footer .four li{width:100%;}
	.footertel { width:100%;}
	.footertelcon{float:left; padding-left:20px; width:calc(100% - 52px);}
	#footer { padding:0 0 50px 0;}
    #footer .footercopy { text-align:left; margin-top:10px; line-height:1.5}
#footer .d-ms-txt { margin-left:0; width:100%;}
#footer .d-ms { padding-top:0;}
	.banquan{ width:100%; }
	.yuanpanbg2{ background:none; }
	.yuanpan{ width:100%;}
	.title{padding:0 0 20px 0;}
	.title-top{font-size:22px;margin-bottom: 8px;}
	.title-bottom-tm::before{content: ''; width:40px;height: 4px; left: -50px; top:8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
	.title-bottom-tm::after{content: ''; width:40px;height: 4px; right: -50px; top: 8px; position: absolute;background:url(../images/fbiaoti.png) center no-repeat;}
	.ffontbai::before{content: ''; width:40px;height: 4px; left: -50px; top:8px; position: absolute;background:url(../images/fbiaoti2.png) center no-repeat;}
	.ffontbai::after{content: ''; width:40px;height: 4px; right: -50px; top: 8px; position: absolute;background:url(../images/fbiaoti2.png) center no-repeat;}
	.product-list{ display:block; margin:5px;}
	.picbox i{font-size:15px; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-bottom-left-radius:3px;border-bottom-right-radius:3px; }
	.product-title h3{font-size:14px;  font-weight:normal;white-space:normal;-webkit-line-clamp: 2; }
	.product-title p{ color:#fff; font-size:12px; border:#f1f1f1 1px solid; padding:5px 10px 5px 10px; display:inline-block;}
	.product-title{ padding-bottom:20px;}
	.p30{ padding-top:30px;}
	.intro-img { display:none;}
	.intro-con {float:auto;width: 100%;padding: 30px 50px 30px 50px;}
	.intro-con h2 {font-size:16px; line-height:24px}
	.case .product-title h3{display: -webkit-box;-webkit-box-orient: vertical;white-space:normal;font-size:14px;-webkit-line-clamp: 1; overflow: hidden;}
	.case li{ width:50%;}
	.case .pic{padding:0 0  66.6% 0; position: relative; background:#FFFFFF;}
	.youshi-con{ padding:10px;}
	.product-title p{ margin-top:8px;}
	.product-title{ padding:8px;}
	.liucheng li i{ font-size:28px;  width:60px; height:60px; line-height:60px; border-radius:30px; text-align:center;} 
	.liucheng li h1{ font-size:16px;}
	.liucheng li p{ font-size:12px;}
	.news-box li{ width:90%; margin:0 5% 0 5%;}
	.index-newsIn h5{ display:none!important;}
	.news-con{ width:100%; float:left;}
	.news-pic{ float:right;}
	.news-con-img {width: calc(100% - 150px);}
	.suspension{ display:none;}
	.index-newsIn{ padding:20px 0 20px 0; border: 0; border-bottom:#eee 1px solid;}
	.news-box li{box-shadow:none; margin-bottom:0;}
	.news-con p{ display:none;}
	.news-con h3{display: -webkit-box;-webkit-box-orient: vertical;white-space:normal;-webkit-line-clamp: 2; overflow: hidden;font-size:1.4rem;color: #292927;line-height:1.4; padding-bottom:0; font-weight:normal;}
	.news-box li:nth-child(2n) {margin:0 5% 0 5%;}
	.author{ display:block;}
	.author span{font-size: 12px;color: #999;margin-right:10px;}
	.about-img{ display:none;}
	.jjbg{ background:#FFFFFF;}
	.about-box {width: 100%;}
	.about-con{ width:100%; padding:0; }
	.product-list-box {width:48%;float: left;margin-bottom:10px;margin-right: 2%;}
	.sonmenu{width:100%; border-radius:10px; padding:0; margin:0 auto; text-align:left; background:none;}
	.sonmenu a{display:inline-block; padding:5px 10px 5px 10px; background:#ddd; margin: 0 5px 0 5px; color:#FFFFFF; border-radius:5px; position:relative; color:#000000; margin-bottom:10px;}
	.sonmenu a.active:after{display: block;content: "";width: 0; height: 0; border-left:0px solid transparent; border-top: 0px solid #f46539; border-right: 0px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
	.sonmenu a:hover:after{display: block;content: "";width: 0; height: 0; border-left:0px solid transparent; border-top: 0px solid #f46539; border-right: 0px solid transparent; position: absolute; left: 50%; top: 100%; transform: translateX(-50%);}
	.mp0{ padding:0;}
	.proinfo-right{ display:none;}
	.proinfo-left{ float:left; width:100%;}
	.infobox{ background:#FFFFFF; padding:10px;}
	#magnifier{position: relative;width: 100%; float:left;}
	.small-box{position: relative;width: 100%;height:auto;margin-bottom: 20px;border: 1px solid #eee; padding:0 0 100% 0; overflow:hidden;}
	.product-text{float: left;width:100%; margin-top:20px;}
	.thumbnail-box .list{overflow: hidden;width:80%;margin: 0 auto;}
	.product-text h4 span {font-size: 20px;color: #FF3300; display:block; width:100%; padding:0 10px 0 10px;}
	.zixun-box{ background:#f7f7f7; padding:10px;border-radius:5px;}
	.zixun-box a{ display:inline-block; margin-right:10px;}
	.downup-list>.goList span{ padding-left:0; width:100%; height:20px;}
	.downup-list>.goList span:before{left:15px;}
	.mbgbai{ background:#FFFFFF;}
	.article-title h1{font-size:20px; line-height:1.3; color:#363636;  width:100%; padding:20px 10px 0 10px;}
	.news-base{ width:100%;padding:6px 10px 0 10px; margin-bottom:10px;}
	.news-base-info{ color:#999; font-size:14px;  float:none; width:100%;margin-bottom:10px; }
	.news-share{ float:none; width:100%;}
	.article-title{  padding-bottom:0; }
	.article-con{ width:100%; padding:10px ; line-height:2; font-size:16px;}
	.loading,.more_loader_spinner,.noinfomation{ width:100%; text-align:center; padding:15px;}
	.caselb{ margin-bottom:10px;}
	.lxk{ width:100%; float:left; margin:0 0 10% 0;}
	.lxk i{display:block; float:left; font-size:36px; text-align:center; width:50px; height:50px; line-height:50px; border-radius:25px; background:#d7b877; color:#fff; font-style:normal;}
	.lxk h1{ display:none;}
	.lxk p{ display:block;  float:left; font-size:18px; color:#333; width:auto; text-align:left;  padding:0 0 0 20px; font-weight:normal; }
	#lxtel{font-size:36px;  font-weight:lighter;}
	#lxdz{ font-size:14px;  width:80%;line-height:1.5; padding-top:5px;}	
	#lxmail{font-size:16px; padding-top:10px;line-height:1.5; }
	.zy_list{ padding:10px 1%;}
	.zy_list_img{ width:6rem; height:6rem;}
	.zy_list_tit{ padding:10px 0 0 0; font-size:1.2rem;}
	.title-con{ width:97%; margin:10px auto 10px auto; padding:10px 10px 10px 20px}
	.ts-list{ width:100%;}
	.title-bg{ width:90%;}
	.vr-list{ }
	.vr-list-cc{ width:90%; font-size:1.6rem;}
	.pc_fr {float: left; width:100%; }
	.pc_fl {float: left; width:100%;}
	.bread_1{font-size:1.4rem; color:#666666; line-height:4rem;}
	.bread_1 a{color:#666666; transition: all .3s;}
	.bread_1 a:hover{color:#e0243b;}
	.news-box { padding-top: 10px;}
	.p4{ padding:2% 0 2% 0}
	.contact2-right{ display:none;}
	.p60{padding:2% 0 2% 0}
	.contact2{ padding:15px;}
	.contact2-left{ width:100%;}
	.contact2-p50 {
    padding-top: 0;
}
.contact2-left-50 {
    width:100%;
    float: left;
}
.contact2-left-30 {
    width:100%;
    float: left;
}
.contact2-p30 {
    padding-bottom: 15px;
}
.contact2-evm-box{ width:50%; margin:0 auto;}
.product-list-box{ padding:15px; background:#FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.product-list{box-shadow:0 0 10px rgba(0, 0, 0, .1); background:#FFFFFF;}
.case .product-title{ padding-bottom:10px; }
.titlenav{ width:100%;}
.titlenav a{ font-size:1.4rem; padding:.6rem 1rem; margin:0 .2rem; border-radius:3rem;}
.case-button, .vr-button{ display:none;}
.article-title h1 {
    font-size:18px;
}
.info-box{ padding:1% 1% 5% 1%}
.info-gd{ height:auto; padding-right:0;}
.zy-title-img{ display:none;}

.fa-pic{ width:100%; float:none;}
.fa-list-con{ width:100%; padding-top:20px;}

}