@charset "utf-8";

#container{ margin:0 auto; background:url(../../../../mb/cn/bluelife/images/bodybg.png) left top repeat-x;}
.box{ padding:10px 0 10px 10px; border:1px solid #ccc; border-top:0;}
.btn{ width:60px; height:24px; line-height:24px; text-align:center; margin-top:5px;}
.fl{ float:left}
.fr{ float:right}
.lm-t{ background-color:#3f85c0; height:30px;}
.lm-tl{ background:url(../../../../mb/cn/bluelife/images/lm_tl.png) left top no-repeat; width:5px; height:30px;}
.lm-tr{ background:url(../../../../mb/cn/bluelife/images/lm_tr.png) right top no-repeat; width:5px; height:30px;}
.headtitle{ background:url(../../../../mb/cn/bluelife/images/icon4.png) 5px center no-repeat; font-size:12px; font-weight:bold; line-height:30px; text-indent:18px;  color:#fff;}
.more{ line-height:30px; padding-right:10px; margin-top:12px;}
.span{ line-height:30px;padding-right:10px; color:#fff;}
.span a:link,.span a:visited,.span a:active{ color:#fff;}
.mt10{ margin-top:10px;}
.ml10{ margin-left:10px;}

/**page**/
.page{ clear:both; margin:10px 0; text-align:center; float:left; width:100%; line-height:25px;}
.page span.disabled {color: #CCC;margin-right: 2px;border: 1px solid #F3F3F3;padding: 2px 5px;border-image: initial;}
.page span.current {padding: 2px 5px;font-weight: bold;color: #ff6600;margin-right: 2px;border: 1px solid #CCC;background: #F5FAFD;text-decoration: none;border-image: initial;}
.page a {margin-right: 2px;border: 1px solid #CCC;padding: 2px 5px;border-image: initial;}
.page a:hover {background: #F5FAFD;}





#top{ clear:both; margin:0 auto;}
#top .head{ clear:both; margin:0 auto; height:92px;}
	.logo{ width:800px; height:82px;}
	.logo img{ float:left;}
	.logo span{float:left; font-size:30px; font-weight:bold; line-height:82px; color:#fff; margin-left:10px; }
	.logo a{color:#a42a2a;}
	.china{ margin:10px auto 0 auto; font-size:12px;}
	.china ul{line-height:30px;}
	.china li{ display:inline; color:#fff;}
	.china a:link,.china a:visited,.china a:hover,.china a:active{color:#fff; padding:0 10px; }
	
	.nav-cl{ background:url(../../../../mb/cn/bluelife/images/menu_on.png) left top no-repeat; width:10px; height:36px;}
	.nav-cr{ background:url(../../../../mb/cn/bluelife/images/menu_last.png) right top no-repeat; width:10px; height:36px;}
	.menu{ margin:0 auto; background:url(../../../../mb/cn/bluelife/images/menubg.png) left top repeat-x; height:36px; width:960px;}
	
	.menu ul{ margin:0 auto;}
	.menu ul li{ float:left; background:url(../../../../mb/cn/bluelife/images/menu_line.png) right center no-repeat; width:118px;height:36px; font-size:14px; font-weight:bold; text-align:center;}
	.menu ul li a:link,.menu ul li a:visited,.menu ul li a:active{ width:118px; height:36px; line-height:36px; color:#fff; display:block}
	.menu ul li a:hover{ background:url(../../../../mb/cn/bluelife/images/menuhoverbg.png) left top repeat-x; height:36px; line-height:36px; color:#fff; display:block;}
	.menu ul li.current{ background:url(../../../../mb/cn/bluelife/images/menuhoverbg.png) left top repeat-x; width:125px; height:36px; line-height:36px; color:#fff; display:block;}
	.menu ul li.current a:link,.menu ul li.on a:visited,.menu ul li.on a:hover,.menu ul li.on a:active{ background:url(../../../../mb/cn/bluelife/images/menuhover.png) center center no-repeat; line-height:36px; color:#fff;}
	
	
	
.banner{ clear:both; margin:0 auto; height:250px; }
#focus {width:980px;height:250px;overflow:hidden;position:relative;}
#focus ul {height:380px;position:absolute;}
#focus ul li {float:left;width:980px;height:250px;overflow:hidden;position:relative;background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:980px; height:20px;left:0;bottom:0;background:#000;}
#focus .btn {position:absolute; width:780px; height:10px;padding:5px 10px; right:0; bottom:0;text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../../../../mb/cn/bluelife/images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


#main{ clear:both; margin:0 auto; width:980px;}


.pro{ clear:both; background:url(../../../../mb/cn/bluelife/images/probg.png) left bottom no-repeat; height:170px;}
.pro-title{ background:url(../../../../mb/cn/bluelife/images/protitlebg.png) center top no-repeat; height:35px; text-align:center; color:#fff; font-size:14px; font-weight:bold; line-height:35px;}
.main-b{ clear:both; margin-top:10px;}
.main-b .box{ border:0;}
.main-b-r .box{ background:url(../../../../mb/cn/bluelife/images/main-r-bg.png) right top no-repeat;}
.main-b-r .box ul li{ line-height:24px;}


.Show_Pro1th{ font-weight:bold; line-height:30px;}
.Show_Pro1th a { background:url(../../../../mb/cn/bluelife/images/icon.png) left center no-repeat; padding-left:15px; width:180px; border-bottom:1px dashed #ccc; height:30px; line-height:30px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Show_Pro2th{ font-weight:normal; margin:5px 10px;}
.Show_Pro2th a{ background:url(../../../../mb/cn/bluelife/images/icon2.png) left center no-repeat;  width:175px; border:0; line-height:24px; height:24px; padding-left:10px;}
.Show_Pro2th li{}
.left .contact .box ul{ border:0;}
.left .contact .box ul li{ line-height:24px;}


#main .right{}
.right .head{ width:740px;}
.right .main-right-t .head{width:360px;}
.layout.news .box ul li{ line-height:30px; background:url(../../../../mb/cn/bluelife/images/icon3.png) left center no-repeat; padding-left:8px;}
.news-date{ float:right; color:#666;}
.right .product{ clear:both; float:left;}
.right .about img{float:left; margin:10px;}


.list ul{ overflow:hidden;}
.list ul li{ float:left; margin-right:9px; margin-bottom:10px;height:130px }
.list ul li.clear{ height:1px; width:100%; line-height:1px; font-size:1px; overflow:hidden; display:block;}
.list ul li .img a{display:block; position:static !important; position:relative; overflow:hidden; text-align:center; vertical-align:middle; font-family:Arial; width:171px; height:95px; padding:1px; border:1px solid #ccc;}
.list ul li .img a:hover{border:1px solid #ff6600;}
.list ul li .img a img{}
.list ul li .name{ text-align:center; width:175px; line-height:30px;height: 30px;
overflow: hidden;}
.list ul li.last{margin-right:0px;}
.prolist h1{background:url(../../../../mb/cn/bluelife/images/h1_bg.png) repeat-x;line-height:30px;font-size:14px;padding-left:20px;border-bottom:solid 1px #ccc;}
.prolist h2{font-size:16px;color:#e97717; text-align:center; line-height:50px;}
.prolist h3{font-size:12px;color:#666; font-weight:normal; text-align:center;line-height:30px;}
.prolist p{line-height:20px;padding:0 20px; text-indent:24px;font-size:12px;color:#666;}
.prolist img{margin:10px 0;}
.pro_tab{border:solid 1px #ccc;margin:0 100px;border-bottom:0;height:100%;margin-bottom:20px;}
.pro_tab li{border-bottom:solid 1px #ccc;line-height:30px;font-size:12px;color:#333;clear:both;}
.pro_name{border-right:solid 1px #ccc;width:80px;display:block;background-color:#EAEAEA;float:left; text-align:right;}
.pro_main{display:block;float:left;padding-left:10px;}
.prolist td p{padding:0 0; }


.newsCatalog{padding:10px 0 ;}
.newsCatalog a{color:#333;border:solid 1px #ccc;line-height:30px;display:block;width:120px; float:left; text-align:center;margin-right:10px; background-color:#eaeaea;}
.newsCatalog a:hover{color:#ff0000; text-decoration:underline;}
.news li{ background:url(../../../../mb/cn/bluelife/images/icon3.png) left center no-repeat; line-height:24px; padding-left:10px; border-bottom:1px dashed #d3d8dc;}
.news h2{font-size:16px;color:#e97717; text-align:center;line-height:50px;}
.news h3{font-size:12px;color:#666;font-weight:normal;text-align:center;line-height:30px;}


.jobs{font-size:12px;}
.jobs h1{background:url(../../../../mb/cn/bluelife/images/h1_bg.png) repeat-x;line-height:30px;font-size:14px;padding-left:20px;border-bottom:solid 1px #ccc;}
.jobs ul{color:#666; border-bottom:1px dashed #ccc; margin:10px;}
.jobs ul li{ padding:0 10px; line-height:24px; margin:5px 0;}
.jobs .title{ background-color:#eaeaea;}
.jobs_title{font-weight:bold; color:#333; }
.jobs_name{font-weight:bold;color:#333; text-align:right;float:left;width:120px; }


.o_list{font-size:12px;}
.o_list .title{ background-color:#c0452c; height:30px; line-height:30px; color:#fff; font-weight:bold; padding-left:10px;}
.o_list h1{background:url(../../../../mb/cn/bluelife/images/h1_bg.png) repeat-x;line-height:30px;font-size:14px;padding-left:20px;border-bottom:solid 1px #ccc;}
.o_list ul{padding:10px 0 ;color:#666;line-height:30px;border-bottom:solid 1px #ccc;margin:0 30px 10px 30px;}
.o_r{color:#ff0000;}


.contact ul{font-size:12px;border-bottom:solid 1px #ccc; }
.contact li{line-height:30px;color:#666;}
.c_name{font-weight:bold;color:#333; text-align:right;float:left;width:100px; }
.c_line{border-bottom:solid 1px #ccc; margin:10px 0;}


.links{ clear:both; margin:10px auto 0 auto; border:1px solid #ccc; padding:10px;}
.links h1{font-size:12px; color:#e97717;line-height:24px; text-align:left;}
.links a{color:#8a8a8a; margin-left:10px; font-weight:normal;}
.links a:hover{color:#ff6600;text-decoration:underline;}
#footer{ clear:both; margin:10px auto 0 auto; background:url(../../../../mb/cn/bluelife/images/footbg.png) left top repeat-x; }
.foot{ clear:both; margin:0 auto; width:980px; padding:10px 0; text-align:center; color:#fff;}
.foot a:link,.foot a:visited,.foot a:active{ color:#fff;}


.c_top{ height:5px; line-height:5px; background:url(../../../../mb/cn/bluelife/images/bg_img.png) no-repeat left top;}
.c_bottom{ height:9px; line-height:9px; background:url(../../../../mb/cn/bluelife/images/c_bottom.png) left bottom no-repeat;}
.blk_18 {overflow:hidden;zoom:1;font-size:9pt;width:980px; margin-top:8px;}
.blk_18 .pcont { float:left; width:866px;overflow:hidden;}
.blk_18 .ScrCont {width:32766px;zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 {float:left;}
.blk_18 .LeftBotton, .blk_18 .RightBotton {width:49px;height:40px;float:left;}
.blk_18 ul li{ float:left; width:175px; margin-bottom:0; margin-right:10px; overflow:hidden;}
.blk_18 .img a{display:table-cell !important; display:block; position:static !important; overflow:hidden; text-align:center; vertical-align:middle; font-family:Arial; width:171px; height:95px; padding:1px; border:1px solid #ccc;}
.blk_18 ul li .img a:hover{border:1px solid #ff6600;}
.blk_18 ul li .img a img{position:static !important; top:auto !important; top:-50%; left:auto !important; left:-50%;}
.blk_18 ul li .name{ text-align:center; width:175px; line-height:20px; margin-top:4px;}
.blk_18 ul li .name a{ color:#fff;}
.blk_18 .LeftBotton { background:url(../../../../mb/cn/bluelife/images/leftbotton.gif) left center no-repeat; margin:15px 8px 0px 0px;}
.blk_18 .RightBotton { background:url(../../../../mb/cn/bluelife/images/rightbotton.gif) left center no-repeat; margin:15px 0px 0px 8px;}
.blk_18 .LeftBotton:hover {background:url(../../../../mb/cn/bluelife/images/leftbotton.gif) left center no-repeat; margin:15px 8px 0px 0px;}
.blk_18 .RightBotton:hover { background:url(../../../../mb/cn/bluelife/images/rightbotton.gif) left center no-repeat; margin:15px 0px 0px 8px;}