BODY {
	FONT-SIZE: 0.875em;
	MARGIN: 0px auto;
	WIDTH: 100%;
	HEIGHT: auto;
	color:#383838;
	font-family:Microsoft YaHei,sans-serif; 
	line-height:24px;
}
*{ margin:0; padding:0}
ul li{list-style:none;
}
A {
	COLOR:#383838;
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #383838;
	TEXT-DECORATION: none
}
*:hover{-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.w1200{width:1200px;margin:0 auto;}
.bar{width:100%;height:40px;line-height:40px;background:#f4f4f4;}
.welcome{float:left;}
.hotline{float:right;color:#286ac3;}
.top{width:100%;height:120px;}
.logo{height:63px;float:left;margin-top:31px;}
.logo div{ font-size:32px; color:#2765b0; line-height:63px}
.nav{width:630px;float:right;margin-top:15px;}
.nav li{display:inline-block;padding:0 14px 0 14px; text-align:center;height:90px;line-height:90px;}
.nav li a{display:block;width:100%;height:100%;}
.nav li:hover{background:#055eb9; cursor:pointer;}
.nav li:hover a{color:#fff;}
.products{width:100%;display:block;padding:3% 0 3% 0;}
.tit{border-bottom:solid #ccc 1px;text-align:center;}
.tit p{ text-transform:uppercase;color:#ccc;}
.tit h3{font-size:20px;margin-bottom:15px;}
.tit h3 font{color:#11b2e0;}
.tit span{width:30px;height:3px;display:block;background:#11b2e0;margin:0 auto;}
.left-class{width:222px;background:#055eb9;float:left;height:100%;margin-top:3%;}
.left-class h3{font-size:20px;color:#fff;text-align:center;margin-top:5%;}
.left-class h3 span{ text-transform:uppercase;font-size:#fff;text-align:center;font-weight:300;}
.left-box{padding:13% 0 13% 0;margin:5% 3% 3% 3%;background:#fff;height:80%;}
.right-box{margin-top:3%;float:right;width:958px;}
.left-box p{text-indent:1em;border-bottom:solid #ccc 1px;width:80%;margin:0 auto;height:30px;line-height:30px;font-size:15px;}
.left-box p:hover{background:#11b2e0;}
.left-box p:hover a{color:#fff;}
.right-box li{display:inline-block;text-align:center;width:21.33%;border:solid #f4f4f4 1px;padding:5px 5px;margin:0 10px 20px 10px;border-radius:10px;box-shadow:5px 5px 6px #f4f4f4;}
.right-box li:hover{background:#f4f4f4;box-shadow:5px 5px 6px #055eb9;}
.right-box li div{width:100%;height:180px;display:block; }
.right-box li div img{max-width:100%;width:auto;height:100%;}

.about{width:100%;height:555px;background:url(../images/about_bg.jpg) repeat-x center;}
.about_img{width:45%;float:left;margin-top:5%;}
.about_txt{width:50%;float:right;margin-top:5%;}
.about_tit{width:100%;height:40px;line-height:40px;border-bottom:solid #ccc 1px;}
.about_tit h3{}
.about_tit span{display:block;width:70px;height:3px;background:#11b2e0;}
.more{border-radius:5px;border:solid #333 1px;width:90px;padding:5px 10px 5px 10px;text-align:center;}
.more:hover{border:solid #11b2e0 1px;background:#11b2e0;color:#fff;}

.news{width:100%;display:block;padding:3% 0 3% 0;}
.news_left{width:45%;float:left;margin-top:3%;}
.n_list{}
.boline{height:70px;margin-bottom:15px;}
.boline:hover{background:#11b2e0;}
.boline:hover a{color:#fff;}
.ll{width:70px;height:70px;float:left;background:#11b2e0;text-align:center;color:#fff;}
.rr{width:80%;float:right;}
.mou{font-size:14px;width:100%;text-align:center;display:block;}
.day{font-size:20px;width:100%;text-align:center;display:block;margin-top:10px;}
.rr{}
.n_b{font-weight:bold;font-size:15px;}
.n_c{line-height:22px;}
.news_right{width:578px;float:right;margin-top:3%;}
.news-tit{height:30px;line-height:30px;border-bottom:solid #ccc 1px;margin-bottom:3%;}
.news-tit span{width:30px;height:3px;display:block;background:#11b2e0;}
.news-tit h3{float:left;}
.news-tit a{float:right;}
.foot{width:100%;background:#055eb9;color:#fff;}
.foot ul{display:inline-block; vertical-align:top;margin-top:3%;margin-right:15px;}
.foot ul a{color:#fff;}
.foot ul a:hover{color:#11b2e0;}
.f-about{width:100px;}
.f-news{width:100px;}
.f-pro{width:455px;}
.f-contact{width:350px;}
.f-pro li{width:24.33%;display:inline-block;}
.code{float:right;margin-top:3%;}
.copyright{width:100%;height:30px;line-height:30px;background:#004c99;text-align:center;margin-top:3%;}
.big{width:100%!important;display:block;font-size:15px;border-bottom:solid rgba(255,255,255,0.2) 1px;margin-bottom:15px;}

.main-left{width:222px;float:left;background:#f7f7f7;}
.main-right{width:938px;float:right;}
.main{border-top:solid #ccc 1px;padding:2% 0 2% 0;}
.n_tit{background:#055eb9;color:#fff;height:60px;line-height:60px;text-align:center;}
.main-left ul{width:90%;margin:20px auto;}
.main-left li{height:30px;line-height:30px;text-align:center;border-bottom:dashed #ccc 1px;}
.main-tit{height:40px;line-height:40px;border-bottom:solid #ccc 1px;}
.main-tit h3{float:left;}
.main-tit p{float:right;}
.main_box{padding:3% 0 3% 0;line-height:30px;}
#leftnav li{text-align:left;text-indent:2em;}
.list_pic li{width:21.22%;height:240px;display:inline-block;text-align:center;margin-bottom:6%;border:solid #f4f4f4 1px;padding:5px 5px;margin:0 10px 20px 10px;border-radius:10px;box-shadow:5px 5px 6px #f4f4f4;}
.proimg{width:100%;height:80%;display:block;}
.proimg img{max-width:100%;width:auto;height:100%;}
.list_pic li:hover{background:#f4f4f4;box-shadow:5px 5px 6px #055eb9;}
.bannerin{height:120px;background:url(../images/bi.jpg) no-repeat center;}
.newstlist li{margin-bottom:30px;border-bottom:dashed #ccc 1px;}
.zy{line-height:22px!important;}
.vt{font-size:12px;color:#ccc;}
.zhengw{padding:3% 0 0 0;border-top:dashed #ccc 1px;}
.pages a{width:20px;display:inline-block;}
.pages div{width:20px;color:#999;}