@media only screen and (max-width: 768px){/*灏忓睆*/
	.c_portalResPublic_codeContainer-01001{
	  min-height:500px;  
	  width:100%;
    }
}
@media only screen and (min-width: 769px){/*澶у睆*/
    .c_portalResPublic_codeContainer-01001{
	  min-height:500px;  
	  width:100%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){/*涓睆*/
    
}

*{ margin:0; padding:0; text-decoration:none; list-style:none; border:0; font-family:Arial, "寰蒋闆呴粦"; font-size:1em; outline: none;}
body{ width: 100%; background: #fff; position: relative;}
img{ border:none;}
a{ list-style:none; text-decoration:none; color:#000; outline:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{ text-decoration: none; opacity:0.9;}
ul, li{ list-style:none;}
.clear{ clear:both;}
.b{ font-weight: bold;}
.fl{float:left}
.fr{float:right}



/*MEScada*/
.banner{ width:100%; position: relative; overflow: hidden;}
.banner_image{width: 100%; }
.banner_image img{ width: 100%; height: 100%;}

.w1200{ width: 1200px; margin: 0 auto; }
.position01{ width: 100%; position: absolute; top: 0;}

.img01{ width: 200px; margin-top: 120px;}
.img01 img{ width: 100%; height: 100%;}
.img02{ width: 20px; position: absolute; top: 20px; right: 20px; opacity: 1;  transition: all 0.7s ease 0s;  -ms-transition: all 0.7s ease 0s;  -moz-transition: all 0.7s ease 0s;  -webkit-transition: all 0.7s ease 0s;  -o-transition: all 0.7s ease 0s;}
.img02 img{ width: 100%; height: 100%;}
.img03{ width: 100%; margin-top: 40px;}
.img03 img{ width: 100%; height: 100%;}
.img04{ width: 100%; }
.img04 img{ width: 100%; height: 110%;}


.tit01{ font-size:30px; color: #333; font-weight:500; margin-top: 10px;}
.txt01{ font-size:14px; color: #666; line-height: 24px; text-align: justify; width: 1000px; margin-top: 15px; }
.tit02{ font-size:20px; color: #333; width: 20%; line-height: 70px; }
.txt02{ width:30%;  height: 40px; background: #fff; border: 1px solid #eb5d09; border-radius: 20px; font-size: 16px; text-align: center; line-height: 40px; color: #eb5d09; margin-left: 2.5%; }
.tit03{ width:100%; text-align: center; font-size:28px; color: #000; font-weight: bold; }
.txt03{ width:100%; text-align: center; font-size:16px; color: #999; margin-top: 10px;}
.tit04{ font-size: 20px; color: #333; line-height: 36px; padding: 20px 0 0 20px; transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; }
.txt04{ color: #eb5d09; transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  }
.tit004{ font-size: 20px; color: #333; line-height: 36px; padding: 20px 0 0 20px; transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; }
.tit05{ font-size: 20px; color: #000; font-weight: bold;}
.txt05{ font-size: 14px; color: #666; margin-top: 15px; line-height: 24px; }
.tit06{ font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 40px; }

.consumer{ width:100%; height:70px; background: rgba(255,255,255,0.7); position: absolute; bottom: 0px; left: 0px;  }
.consumer0{ width:100%; height:70px; background: rgba(255,255,255,0.7); margin-top: -4px; display: none;}
.c_list01{ width:80%; margin-top: 15px; }

.feature01{ width:100%; margin-top: 40px;}
.f_list01{ width: 100%; margin-top: 40px; }
.f01{ width:18%; height: 200px; margin: 0 0.9% 20px 0.9%; background: url(/img/bg01.png) no-repeat bottom; border-radius: 10px; border: 1px solid #dcdcdc; position: relative; cursor: pointer;}
.f01:hover{ background: url(/img/bg02.png) no-repeat bottom; border: 1px solid #fff; transition: all 0.7s ease 0s;  -ms-transition: all 0.7s ease 0s;  -moz-transition: all 0.7s ease 0s;  -webkit-transition: all 0.7s ease 0s;  -o-transition: all 0.7s ease 0s;}
.f01:hover .img02{ opacity: 0; }
.f01:hover .tit04{ text-align: center; padding: 0; color: #fff; font-weight: bold; margin-top: 60px; font-size: 24px;}
.f01:hover .txt04{ text-align: center; padding: 0; color: #fff; font-weight: bold; margin-top: 60px; font-size: 24px;}
.f01:hover .tit004{ text-align: center; padding: 0; color: #fff; font-weight: bold; margin-top: 30px; font-size: 24px;}

.key01{ color: #eb5d09; }

.content01{ width:100%; margin-top: 40px;}

.navbar {width: 100%;	margin: 0 auto;	margin-bottom: 30px; border-bottom: 1px solid #eee;     min-height: 40px !important;}
.navbar li{	width: 10%;	height: 40px; cursor: pointer; font-size: 16px; color:#333; text-align: center; line-height: 40px; margin-right: 4%; border-bottom: 3px solid rgba(0,0,0,0); }
.navbar .active { color: #eb5d09; border-bottom: 3px solid #eb5d09;}

.content {	width:100%;	margin: 0 auto; }
.content li {	display: none}
.content li.show {	display: block}
.height50{ height:50px;}
.line{ width: 1600px; height:1px; margin: 0 auto; background: #e5e5e5; margin-top: 50px; }

.case_list{ width: 100%; margin-top: 35px; }
.c01{ width:30%; margin-left: 2.5%; border-radius: 15px; background-color: #eb5d09; border-bottom: 5px solid #eb5d09; overflow: hidden; position: relative; cursor: pointer; margin-bottom: 20px; }
.c_detail{ width: 70%; height: 40px; border-radius: 0 5px 5px 0; position: absolute; left: 0px; bottom: 20px; background: rgba(0,0,0,0.7); transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; }


/*BNEST*/
.banner01{ width:100%; position: relative; overflow: hidden;}
.banner_image01{width: 100%; }
.banner_image01 img{ width: 100%; height: 100%;}

.tit07{ font-size:30px; color: #000; font-weight:bold; margin-top: 120px;}
.txt07{ font-size:14px; color: #666; line-height: 24px; text-align: justify; width: 800px; margin-top: 15px; }
.tit08{ width:100%; text-align: center; font-size:24px; color: #000; font-weight: bold; }
.txt08{ width:100%; text-align: center; font-size:14px; color: #ff6600; margin-top: 10px;}
.tit09{ font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 40px; }
.txt09{ font-size: 14px; color: #fff; line-height: 24px; padding: 0 15px; display: none; }

.factory{ width:44%; margin-left: 4%; background-color: #eef1f5; border-radius: 15px; position: relative;}
.padding20{ padding:20px;}

.key_list{ margin:20px 0;}
.k01{ width: 44%; height: 45px; margin-left: 4%; background-color: #fff; border-radius: 10px; font-size: 16px; line-height: 45px; text-align: center; margin-bottom: 15px;}
.k02{ width: 92%; height: 45px; margin-left: 4%; background-color: #fff; border-radius: 10px; font-size: 16px; line-height: 45px; text-align: center;}

.img05{ width:30%; margin: 0 auto; margin-top: 10px;}
.img05 img{ width: 100%; height: 100%;}

.navbar01{ width:350px; margin: 0 auto; border-bottom: none; }
.navbar01 li{ width: 30%; margin: 0;}
.navbar01 li.bar01{ width: 55%;}
.navbar02 {width: 100%;	margin: 0 auto;	margin-bottom: 30px; border-bottom: 1px solid #eee; }
.navbar02 li{	width: 10%; padding: 5px 0; cursor: pointer; font-size: 16px; color:#333; text-align: center; line-height: 24px; margin-right: 1%; border-bottom: 3px solid rgba(0,0,0,0);  }
.navbar02 .active { color: #eb5d09; border-bottom: 3px solid #eb5d09;}
.navbar02 li.bar02{ line-height: 40px; margin-top: 8px;}

.content02,.content03 {	width:100%;	margin: 0 auto; }
.content02 li,.content03 li{	display: none}
.content02 li.show,.content03 li.show{	display: block}

.c_detail01{ width: 60%; height: 40px; border-radius: 0 5px 5px 0; position: absolute; left: 0px; bottom: 20px; background: rgba(0,0,0,0.7); transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; }
.c02{ width:30%; margin-left: 2.5%; border-radius: 15px; background-color: #eb5d09; border-bottom: 5px solid #eb5d09; overflow: hidden; position: relative; cursor: pointer; margin-bottom: 20px; }
.c02:hover .c_detail01{ width: 100%; height: 100%; bottom: 0px; background: rgba(235,93,9,0.7); }
.c02:hover .tit09{ text-align: left; line-height: 40px; padding:20px 15px 0 15px; }
.c02:hover .txt09{ display:block; }

@media screen and (max-width:1920px){
	.banner.banner01{ height:auto;}
	.consumer{ bottom: 4px; }
}

@media screen and (max-width:1800px){
	.txt01,.txt07{ width: 55%; }
	.tit07{ margin-top: 80px;}
}

@media screen and (max-width:1600px){
	.txt01{ width:60%; }
	.img01{ margin-top: 90px;}
	.line{ width: 95%; height:1px; margin: 0 auto; background: #e5e5e5; margin-top: 50px; }
}

@media screen and (max-width:1366px){
	.txt01{ width:65%; }
	.img01{ margin-top: 60px;}
	.consumer{ display: none; }
	.consumer0{ display: block;}
	.line{ width: 95%; height:1px; margin: 0 auto; background: #e5e5e5; margin-top: 50px; }
	.tit07{ margin-top: 50px;}
}

@media screen and (max-width:1200px){
	.txt01{ width:65%; }
	.img01{ margin-top: 40px;}
	.w1200{ width: 95%; margin: 0 auto; }
	
	.f01{ width:18%; height: 180px; margin: 0 0.8% 10px 0.8%;}
	.tit04{ font-size: 18px; line-height: 30px; padding: 15px 0 0 15px; }
	.tit004{ font-size: 18px; line-height: 30px; padding: 15px 0 0 15px; }
	.f01:hover .tit04{ margin-top: 60px; font-size: 20px;}
	.f01:hover .txt04{ margin-top: 60px; font-size: 20px;}
	.f01:hover .tit004{ margin-top: 30px; font-size: 20px;}
	.navbar li{	width: 10%; font-size: 14px; margin-right: 4%; }
	.navbar02 li{ font-size: 14px; margin-right: 1%; }
	.c_detail{ width: 80%;}
	.tit06{ font-size: 14px; }
	
	.tit07{ margin-top: 30px;}
	.tit09{ font-size: 14px; font-weight:100; }
	.c_detail01{ width: 100%; height: 40px; border-radius: 0px; bottom: 0px; }
	.txt09{ font-size: 12px; color: #fff; line-height: 20px; padding: 0 15px; display: none; }
}

@media screen and (max-width:1020px){
	.txt01{ width:65%; margin-top: 5px; }
	.img01{ width: 180px; margin-top: 20px;}
	.w1200{ width: 95%; margin: 0 auto; }
    .tit01{ font-size:24px; margin-top: 5px; margin-top: 5px; }
	.banner{ height:300px;}
	.banner_image{width: 100%; height: 300px; }
	
	.f01{ width:18%; height: 150px; }
	.tit04{ font-size: 16px; line-height: 28px; padding: 15px 0 0 15px; }
	.tit004{ font-size: 16px; line-height: 28px; padding: 15px 0 0 15px; }
	.f01:hover .tit04{ margin-top: 45px; font-size: 18px;}
	.f01:hover .txt04{ margin-top: 45px; font-size: 18px;}
	.f01:hover .tit004{ margin-top: 20px; font-size: 18px;}
	
	.banner01{ width:100%; height: 180px; background: url(/img/banner_bg02.png) no-repeat center 40%;}
	.banner_image01{height: 100%; display: none; }
	.tit07,.txt07{ display:none;}
	
	.c02{ width:47%;}
}
@media screen and (max-width:910px){
	.navbar {border-bottom:none; }
	.navbar li{	width: 85px; font-size: 14px; margin:0 10px; }
	.height50{ height:30px;}
}
@media screen and (max-width:900px){
	.img02{ display: none;}
	.img03{ margin-top: 20px;}
	.tit08{ font-size:20px; }
	.txt08{ font-size:12px; }
	.k01{ font-size: 14px; line-height: 45px;  margin-bottom: 15px;}
	.k02{ font-size: 14px; line-height: 45px; }
}
@media screen and (max-width:790px){
	.navbar {border-bottom:1px solid #e5e5e5; padding-bottom: 5px; }
	.navbar li{	 margin-bottom: 10px; }
	.c_detail{ width: 100%; border-radius: 0; bottom: 0px;}
	
	.navbar02 {border-bottom:none; }
	.navbar02 li{ width: 97px; font-size: 14px; line-height: 20px; margin:0 10px; background: #eee; margin-bottom: 10px;}
	.navbar02 li.bar02{ margin-top: 0px;}
}
@media screen and (max-width:715px){
	.f01{ width:30%; height: 180px; margin: 0 1% 15px 1%; }
	.tit04{ font-size: 20px; line-height: 36px; padding: 20px 0 0 20px; }
	.tit004{ font-size: 20px; line-height: 36px; padding: 20px 0 0 20px; }
	.f01:hover .tit04{ margin-top: 45px; font-size: 24px;}
	.f01:hover .txt04{ margin-top: 45px; font-size: 24px;}
	.f01:hover .tit004{ margin-top: 20px; font-size: 24px;}
	.img02{ display: block;}
	
	.tit03{ width:100%; text-align: center; font-size:24px; }
	.txt03{ width:100%; text-align: center; font-size:14px;}
	
	.tit07{ font-size:20px;}
	.txt07{ font-size:12px; line-height: 20px; margin-top: 10px; }
}
@media screen and (max-width:690px){
	.k01{ font-size: 16px;}
	.k02{ font-size: 16px;}
	.factory{ width:92%; margin-left: 4%; margin-bottom: 20px; }
	.c02{ width:95%;}
}
@media screen and (max-width:650px){
	.c01{ width:47%;}
	.tit06{ font-size: 12px; font-weight: 100; }
}
@media screen and (max-width:600px){
	.f01{ width:47%; height: 180px; background-size: cover; }
	.tit04{ font-size: 20px; line-height: 36px; padding: 20px 0 0 20px; }
	.tit004{ font-size: 20px; line-height: 36px; padding: 20px 0 0 20px; }
	.f01:hover .tit04{ margin-top: 45px; font-size: 24px;}
	.f01:hover .txt04{ margin-top: 45px; font-size: 24px;}
	.f01:hover .tit004{ margin-top: 20px; font-size: 24px;}
	.img02{ display: block;}
}

@media screen and (max-width:550px){
	.tit02{ font-size:16px;}
	.txt02{ font-size:12px; }
}

@media screen and (max-width:525px){
	.tit01{ font-size:20px;}
	.txt01{ font-size:12px; line-height: 20px; margin-top: 10px; }
}

@media screen and (max-width:425px){
	.tit02{ width: 100%; line-height: 60px; font-size:20px; font-weight: bold; text-align: center;}
	.c_list01{ width:100%; margin-top: 0px; }
	.consumer0{ height:auto; padding-bottom: 20px;}
	.txt02{ margin: 0 1%;}
	.f_list01{ margin-top: 20px;}
	/*.txt07{ height: 100px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clam:3; -webkit-box-orient:vertical; }*/
	.k01{ font-size: 14px;}
	.k02{ font-size: 14px;}
	
}
@media screen and (max-width:400px){
	.f01{ width:47%; height: 150px; background-size: cover; }
	.tit04{ font-size: 16px; line-height: 28px; padding: 20px 0 0 20px; }
	.tit004{ font-size: 16px; line-height: 28px; padding: 20px 0 0 20px; }
	.f01:hover .tit04{ margin-top: 45px; font-size: 20px;}
	.f01:hover .txt04{ margin-top: 45px; font-size: 20px;}
	.f01:hover .tit004{ margin-top: 20px; font-size: 20px;}
	.img02{ display: block;}
}


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

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

@media screen and (min-width:1280px){
	
	
}
@media screen and (min-width:1900px){
	
}