/*mebolo.css
edit by xuqy
*/
#frame{}
#header{
	min-width: 1150px;
	height:275px;
}
.wapper{
	margin: 0 auto;
	width: 450px;
	min-width: 450px;
}
.wapper1{
	margin: 0 auto;
	width: 1070px;
	min-width: 1070px;
}
.mebolo_logo{width: 380px;margin:0px auto;}
.mebolo_logo{text-align: center;}
.pos_re{position: relative;}
.search{position: absolute;top:90px;text-align: right; width:100%;}
.search_box{ margin:0px 0;width: 231px;  height: 22px; background-image:url(../images/1_05.jpg);}
.search_box input{display: inline-block;float:left;color:#333333;border: none;background: none;padding-left:8px;width:199px;height: 22px;}
.search_btn{
	display: inline-block;
	float:left;
	width: 32px;
	height: 22px;
	cursor: pointer;
	background: url(../images/1_06.jpg) 0 0px no-repeat;
}
.search_cls img{
	margin-left: 10px;
}	

.nav{
	margin: 0 auto;
	width:100%;
background: url(../images/1_10.jpg);background-position:center top; background-repeat:no-repeat;
	text-align: center;
	z-index: 10001; height:121px;
}

#nav_mebolo{position: relative;padding: 0px 0px; overflow: hidden;min-width: 1150px;}
#nav_mebolo > li{display: inline-block;}
#nav_mebolo > li > a{  
  padding: 0 10px;
  text-decoration: none;  
  outline: none;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 121px;
  line-height: 121px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
  color: #92857F;
  font-size: 13px;

}
#introduce{ width:100px;}
#research{}
#quality_control{}
#products{}
#news{}
#employment{}
#atlas{}

.clearfix{zoom:1;}
.clearfix:after{content: "";line-height: 0; clear: both;}


.nav .selector{display:none;position: absolute;top:40px;left:0px;width: 200px;height: 300px;background: rgb(74,66,71);}
		.nav .selector li{height:30px;font-size: 16px; }
			.nav .selector li a{display: block;}

.back {
  margin:0;
  padding:0;
  background: rgb(61,163,177); background-image:url(../images/1_0.gif);
  border-radius: 15px;
  width: 9px;
  height: 121px;
  z-index: 8;
  position: absolute;
}
	

.line-dashed{margin-right:70px;width:180px;height:2px;border:none;border-top:2px dotted gray;}
.img-word{display:inline-block;vertical-align: text-top;margin-left:10px;color:#fff;font-size: 24px;font-weight: 300;height:38px;line-height: 38px;}
.img-word span{margin: 0 10px;color:#DDD9D9;}
.img-word span:hover{color:#aaa}



.nav_btm ul{width:800px;margin:0 auto;}
.nav_btm ul li{  color: rgba( 255, 255, 255, 0.31 );
	float: left;
	margin:10px 15px;
}

.nav_btm ul li a{
	font-size: 12px;
	font-family: "Arial";
	color: rgba( 255, 255, 255, 0.31 );
}
.nav_btm ul li a:hover{
	color:#fff;
}
.copyright {
	margin: 10px 0;
    font-size: 12px;
    font-family: "Microsoft Yahei";
	color: rgba( 255, 255, 255, 0.278 );
	line-height: 1.5;
	text-align: center;
}

.content_left_850{float: left;width: 850px;}
.content_right_300{float: left;width: 300px;}
 .content_left_850 p{margin:20px;}
.img_p{text-align: center;margin:20px auto;}
.img_p img{width: 180px;height:180px;}
.img_p p{}
.img_p_2 img{width: 180px;height:180px;margin: 0 30px;float: left;}
.img_p_2 p{float: right;width: 560px;}
#frameFirst{z-index:10001;position: relative;}/*background: url() center no-repeat;background-size:100%;*/
#frame{z-index:10000;}

.banner{
	min-width: 1150px;
	height:700px;
	position: relative;
  	z-index: 10002;
  	overflow: hidden;
  	background:#4f4f4f;
}
.banner_btn{position: relative;top:280px;}
.banner_btn a{
  display: block;
  line-height: 88px;
  position: absolute;
  border-radius: 5px;
  top: 40%;
  width: 68px;
  height: 88px;
  overflow: hidden;
  z-index: 4;	
}

.banner_btn i,.banner_btn span{
  width: 68px;
  height: 88px;
  cursor: pointer;
  display: block;
  position: absolute;
}
.banner_btn i{
	opacity: 0.5;
}
.banner_btn span{
	background: #000;
	opacity: 0;
}
.banner_btn .prev{
	right: 50%;
	margin-right: 550px;
}
.banner_btn .prev i{
	display: block;
	width: 56px;
	height:62px;
	margin:11px  6px;
	background: url(../images/prev.png) no-repeat;
}
.banner_btn .next{
	left: 50%;
	margin-left: 550px;
}
.banner_btn .next i{
	display: block;
	width: 56px;
	height:62px;
	margin:11px  6px;
	background: url(../images/next.png) no-repeat;
}
.banner_slider{
	position: absolute;
	width: 50px;
	height: 135px;
	top: 470px;
	z-index: 1000;
	cursor: pointer;
	background: url(../images/slide-border.png) no-repeat;
}
.banner_slider img{
	position: absolute;
	top:15px;
	left:9px;
}
.banner_img{position: absolute;top:0;left: 0;width: 100%;min-width: 1150px;height:700px;}
.banner_img li{position: absolute;top:0;left: 0;width: 100%;height: 100%;cursor: pointer;}
.banner_img li a{
	display: block;width: 100%;height: 100%;
}
.banner_img li span{
	display: block;width: 100%;height: 100%;
}
.content{
 	display: none;
}
.gototop{width:64px;height:64px;position: fixed;bottom: 15px;right:5px;opacity:0.5;background: url(../images/iconfont-gototop.png) no-repeat;cursor: pointer;}

.full_screen div{
  width: 100vw;
  width: 100%;
}
.ranking{
	margin: 40px 0;
}
.ranking li{
	width: 142px;
	height: 37px;
	line-height:37px;
	text-align: center;
	float: left;
	margin-left:43px;
	cursor: pointer;
	background: url(../images/news-btn.png) no-repeat;
}
.news-btm{
	padding-bottom: 8px;
}
.news-btm-tag{	display: inline-block;
	width: 200px;
	text-align: left;
	padding-left:15px; 
	background: url(../images/tag.png) 0 3px no-repeat;

}
.news-btm-tag em{
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  font-family: "Microsoft YaHei";
  color: rgb( 160, 160, 160 );
  font-variant: small-caps;
  line-height: 1.8;
}
.news-btm-time{
  display: inline-block;
  width: 100px;
  text-align: right;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  color: rgb( 149, 149, 149 );
  font-variant: small-caps;
  line-height: 1.5;
}
.news-list{
	margin-bottom: 90px;
}
.news-list li{
	float: left;
	width: 330px;
	padding: 0 10px;
	padding-top:10px;
	margin: 15px 15.5px;
	position: relative;
  	border-right: 1px solid #eee;
  	border-left: 1px solid #eee;
  	border-bottom: 1px solid #eee;
    box-shadow:0 -1px 1px rgba(175,177,178,0.35), 0px 5px 0px rgba(175,177,178,0.35);
}
.news-list li img{
	width: 329px;
	height: 215px;
}
.news-title{
  margin-top: 20px;
  font-size: 21px;
  font-family: "Microsoft YaHei";
  color: rgb( 83, 83, 83 );
  line-height: 0.857;
  -moz-transform: matrix( 0.95355191256831,0,0,0.95399515738499,0,0);
  -webkit-transform: matrix( 0.95355191256831,0,0,0.95399515738499,0,0);
  -ms-transform: matrix( 0.95355191256831,0,0,0.95399515738499,0,0);
}
.news-content{
  margin-top:10px;
  height: 90px;
  font-size: 12.579px;
  font-family: "Microsoft YaHei";
  color: rgb( 160, 160, 160 );
  font-variant: small-caps;
  line-height: 1.431;
  text-align: left;
  -moz-transform: matrix( 0.95355191256831,0,0,0.95399515738499,0,0);
  -webkit-transform: matrix( 0.95355191256831,0,0,0.95399515738499,0,0);
  -ms-transform: matrix( 0.95355191256831,0,0,0.95399515738499,0,0);
}
.read-masker{
	display: none;
	position:absolute;
	width: 329px;
	height: 169px;
	bottom:8px;
	left:0;
	margin: 0 10px;
	background: url(../images/read.png) no-repeat;
}
.news-detail {
	width: 830px;
	margin: 0 auto;
	line-height:28px;
}
.news-detail-top{
	text-align:center;
	padding-top:30px;
}
.news-detail-top h3 {
	margin: 20px 0px 10px 0px;
  text-align: center;
  font-size: 30px;
}
.news-detail-top img {
	margin: 20px 0;
}
.news-detail-top span {
	display: inline-block;
	margin-left: 5px;
  	font-size: 12px;
}
.news-detail p{
	margin:20px 0;
	  text-indent: 2em;
}
.news-detail-btm{
	margin:50px 0;
}
.bdsharebuttonbox{
	
	float: left;
	margin-left: 35px;
}
.tags{
	width: 500px;
	font-size: 12px;
	float: right;
	text-align: right;
}
.tags span{
	display: inline-block;
	margin-right: 5px;
}
.pagelink{
	text-align:center;
	width: 350px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.pagelink a{
	display: inline-block;
	float: left;
  color: #aaa;
  height: 40px;
  line-height: 40px;
}
.pagelink span
{
display: inline-block;
float: left;
color: #DDD;
height: 40px;
line-height: 40px;
}
.pagelink a:hover{

  color: #2FA3B8;
}
.pagelink img{
	float: left;
	margin:0 20px;
}
.qc_banner{
	position: relative;
}
.qc_banner li{
	display: none;
	position: absolute;
	top:0;
	left: 0;
}
.qc_banner_btn{
	text-align: center;

}
.qc_banner_btn li{
	display: inline-block;
	margin: 10px;
	cursor: pointer;
}
.atlas_list{
	margin: 0px 0;
}
.atlas_list li{
	width: 400px;
	height: 220px;
	margin:30px 8.75px;
	text-align: center;
	float: left;
}
.atlas_list li a{
	color: #333;
	opacity: 0.8;
}
.atlas_list li a:hover{
	opacity:1;
}
.atlas_list li  a img{
	display: inline-block;
	width: 400px;
	vertical-align: middle;
	height:218px;
}

.atlas_list li p{
	height: 60px;
	line-height: 60px;
}
.video_list{
	margin: 50px 0;
}
.video_list li{
	width: 270px;
	height: 260px;
	margin:10px 8.75px;
	text-align: center;
	float: left;
}
.video_list li a{
	display: block;
	margin-top: 12px;
	color: #333;
	position: relative;
}

.video_list li  a img{
	display: inline-block;
	width: 400px;
	vertical-align: middle;
	height:218px;
}

.video_list li p{
	line-height: 20px;
/*	margin-left: 10px;*/
	font-size: 12px;
	text-align: left;

}
.video_list li a .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}
.video_list li a .play{
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/iconfont-bofang.png) center no-repeat ;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}
.video_list li a:hover .mask {
	background: rgba(0,0,0,.5)
}


.conent_center{
	text-align: center;
}

.img img,.img .bor,.img a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.img {
	position: relative;
	  height: 218px;
}

.img a,.img img,.bor {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}



.m-artlist .bor {
	width: 400px;
	height: 218px;
	border: 10px solid #000;
	opacity: 0;
	filter: alpha(opacity=0);
}

.img .bor {
	width: 400px;
	height: 218px;
	border: 1px solid #E0E0E0;
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}

.img .bor:first-child {
	left: 8px;
	top: 8px;
}
.img .bor:nth-child(2) {
	left: 6px;
	top: 6px;
}

.img .bor:nth-child(3) {
	left: 4px;
	top: 4px;
}

.img .bor:nth-child(4) {
	left: 2px;
	top: 2px;
}


.img a:hover img {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

.img a:hover .bor:first-child {
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}

.img a:hover .bor:nth-child(2) {
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}

.img a:hover .bor:nth-child(3) {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}

.img a:hover .bor:nth-child(4) {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.play_tit{
  margin: 50px 75px 0px 75px;
  font-size: 24px;
  width: 1000px;
}
.imagesView_tit{
  margin: 10px 0px 0px 0px;
  font-size: 24px;
  font-family: "Microsoft Yahei";
  color:#444;
  text-align:center
}
.play_area{
	text-align: center;
	margin: 15px 0 45px 0;
}
.video_intro{
	width: 780px;
	float: left;
	padding-left: 75px;
	padding-right: 35px;
	border-right:1px solid #777;
	color: #777;
}
.video_intro p{

	line-height: 20px;
	font-size: 13px;
}
.return_btn{
	display: block;
	width: 175px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #333;
	border: 1px solid #777;
	border-radius: 5px;
	margin: 80px auto;
	margin-bottom: 60px;
}

.return_btn:hover{
	color: #33909f;
	border: 1px solid #33909f;
}
.menu{
	display: block;
	position:relative;
	width: 223px;
}

.menu_list{
	display: none;
	position:absolute;
	background:#e5e5e5;
	top:0px;
	right:35px;
	width:165px;
	height:275px;
	border: 1px solid #aaa;
	border-radius: 5px;
	color: rgba( 67, 67, 67, 0.8 );
	z-index: 10005;
}
.menu_list div{
	width: 100%;
	height: 8px;
	background: #228E9E;
}
.menu_list li{
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	margin: 0 15px;
	border-bottom: 1px solid #cdcdcd;
	box-shadow: 0px 2px 2px #dfdfdf;
}
.menu_list li:hover{
	color:#228E9E;
}

.menu_list li em{
	display: inline-block;
	width: 45px;
	margin-left: 5px;
	text-align: left;
	font-family: "FZS3JW";
	font-size: 18px;
}
.menu_list li span{
	display: inline-block;
	width: 70px;
	margin-right: 8px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
}
.menu_list a{
	color: rgba( 67, 67, 67, 0.8 );
}
.menu_list a:hover{
	color: #228E9E;
}

.arrow{
	position: absolute; 
	left: 500px;
	animation: action 1s linear infinite;
	-webkit-animation: action 3s  ease infinite;
}

@keyframes action{
	from{
		top: 0px;
		opacity: 1;
	}
	to{
		top:20px;
		opacity: 0;
	}
}

.search-top{
	text-align: center;
	background: #ececec;
}
.search-top p{
	height: 50px;
	line-height: 50px;
	color: #aaa;
}
.search-top span{
	color: #228E9E;

}
.search-arrow{
	text-align: center;
	margin-top: -5px;
}
.classfy{
	width: 1150px;
	margin: 20px auto;
}
.classfy dt{
	float: left;
	color:#aaa;
	margin-right: 5px;
}
.classfy dd{
	float: left;
	margin-right: 20px;
}
.classfy dd a{
	font-size: 20px;
	color: #aaa;
}
.search_list{
	width: 1150px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.search_list li{
 	padding: 20px 0;
 	border-bottom: 1px solid #ececec;
}
.search_list a{
	color:#333;
	font-size: 21px;
}
.search_list a:hover{
	text-decoration: underline;
}

.search_list a span{
	color: #228E9E;
}
.search_list p{
	font-size: 12px;
	color: #999;	
	line-height: 25px;
}

.newsLabels{
	width: 800px;
	overflow: hidden;
	padding-left: 15px;
	color: #999;
	float: left;
	font-size: 13px;
	line-height: 32px;
}

.newsLabels li{
	float: left;

}
.newsLabels li a{
	display: inline-block;
	padding-right: 10px;
	color: #999;
}
.rasking{
	float:right;
	margin-right: 30px;
	color:#aaa;
	width:85px;
	height:30px;
	line-height:30px;
	padding-left: 8px;
	cursor:pointer;

}
.rasking.down{
	background:url(../images/iconfont-jiantou.png) right no-repeat;
}
.rasking.up{
	background:url(../images/iconfont-jiantou1.png) right no-repeat;
}
#logoArea{
	width: 1150px;
	height: 451px;
	position: absolute;
}
#logoArea li{
	position: absolute;
}
#logoArea li:nth-child(1){
	top:329px;
	left: 15px;
	width: 153px;
	height: 128px;
}
#logoArea li:nth-child(2){
	top:329px;
	left: 170px;
	width: 145px;
	height: 128px;
}
#logoArea li:nth-child(3){
	top:329px;
	left: 315px;
	width: 145px;
	height: 128px;
}
#logoArea li:nth-child(4){
	top:288px;
	left: 460px;
	width: 234px;
	height: 225px;
}
#logoArea li:nth-child(5){
	top:329px;
	left: 695px;
	width: 145px;
	height: 128px;
}
#logoArea li:nth-child(6){
	top:329px;
	left: 840px;
	width: 140px;
	height: 128px;
}
#logoArea li:nth-child(7){
	top:329px;
	left: 980px;
	width: 135px;
	height: 128px;
}
#logoExp{
	position: absolute;
	top:520px;
}
#logoExp li{
	position: absolute;
	top:0;
	left: 0;
	display: none;
	width: 1150px;
	height: 206px;
}

#logoArea .back {
  margin:0;
  padding:0;
  top:520px;
  left: 80px;
  height: 20px;
  width: 155px;
  background: url(../images/iconfont-shangjiantou.png) center no-repeat;
  z-index: 8;
  position: absolute;
}

#location,#locationImg{
	width:1150px;height:724px;
	position:absolute;
}
#location{
	z-index: 1000;
}
#locationImg{
	z-index: 10;
}
#location li{
	position: absolute;
	color:#ea2e83;
	z-index: 10;
}
#location li span{
	z-index: 100;
	font-size: 18px;
}
#location li img{
	display: none;
	position: absolute;
	top:7px;
	left:3px;
	z-index: 10000;
}
#locationImg li{
	display: none;
	position: absolute;
	z-index: 1000;
}
#location li:nth-child(1){
	top:235px;
	left:528px;
	z-index: 1000;
}

#location li:nth-child(2){
	top:264px;
	left:920px;
}
#location li:nth-child(3){
	top:299px;
	left:864px;
}
#location li:nth-child(4){
	top:342px;
	left:873px;
}
#location li:nth-child(5){
	top:264px;
	left:236px;
	z-index: 10001 !important;
}
#location li:nth-child(6){
	top:317px;
	left:891px;
}

#location li:nth-child(7){
	top:347px;
	left:905px;
}

#location li:nth-child(8){
	top:282px;
	left:248px;
	z-index: 10000 !important;
}

#location li:nth-child(9){
	top:302px;
	left:960px;

}

#location li:nth-child(10){
	top:285px;
	left:515px;
	z-index: 1000;
}

#location li:nth-child(11){
	top:416px;
	left:853px;
}
#location li:nth-child(12){
	top:335px;
	left:897px;
}

#location li:nth-child(13){
	top:285px;
	left:893px;
}
#location li span{
	animation: movea 3s ease-in-out 0s infinite;
	-webkit-animation: movea 3s ease-in-out 0s infinite;
}
@keyframes movea
{	
	0%{
		opacity: 0.3
	}
	50%{
		opacity: 1
	}
	100%{
		opacity: 0.3
	}
}
@-moz-keyframes movea
{	
	0%{
		opacity: 0.3
	}
	50%{
		opacity: 1
	}
	100%{
		opacity: 0.3
	}
}
@-o-keyframes movea
{	
	0%{
		opacity: 0.3
	}
	50%{
		opacity: 1
	}
	100%{
		opacity: 0.3
	}
}
@-webkit-keyframes movea
{	
	0%{
		opacity: 0.3
	}
	50%{
		opacity: 1
	}
	100%{
		opacity: 0.3
	}
}


/*magazin-list*/
.mag-banner{ width:100%; height:338px; background:url(../images/mbl-banner.jpg) no-repeat center; }
.magazine-wapper{ width:1070px; margin:0 auto;}
.magazine-list{   display: block; margin:76px 0 170px -37px;font-size:14px; overflow:hidden;}
.magazine-list li{ float:left; margin-left:37px; width:320px; height:536px; }
.magazine-list .mag-pic{ width:320px; height:463px; padding-bottom:10px; }
.magazine-list .maga-title{ height:45px; line-height:45px;  color:292524; text-align:center;}
.magazine-list .mag-btm{ width:175px; margin:0 auto;}
.magazine-list .mag-btm a{  color:#888888; text-decoration:underline; line-height:15px;}
.magazine-list .mag-btm-book{ display:inline-block; width:16px; height:16px; background: url(../images/book.png) no-repeat bottom; margin:0 20px -4px;}