a{
text-decoration:none;
color:#FFF;
}
h1 {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}

.boxx{
	background-color:#0099FF;
	width:100%;
	height:135px;
	margin:0px;
	padding: 0;


	
}

 
.box{
    margin:0px;
	padding: 0;
	width: 100%;
	height: 800px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	
	}
.box-1 ul{}
.box-1 ul li{width: 100%;height: 800px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 100%; height: 800px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
				top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}

ul { margin: 0; padding: 0; list-style-type: none; }

@charset "utf-8";
html,body {*width:100%; *overflow-x:hidden}

a{text-decoration:none;}
div{word-break:break-all;}
img{border:none;}
form,ul,li{margin:0;padding:0;}
ul,li{list-style:none;}
.clear{clear:both; height:20px}

.not_found{margin:30px 0;text-align:center;}


#main{width:1000px;margin:0 auto;;border:1px solid #cfd8e1}
#main1{width:100%;margin:0 auto;;}
#footer{width:100%;margin:0 auto;height:60px;background:#f5f5f5;}




#focus{ width:100%;height:300px;margin:0 auto 0px auto;}
#focus div{position:absolute;width:100%;height:300px;overflow:hidden;}
#focus img{width:100%;height:500px;}
#focus #focus_img{display:none;}




.here{margin:0 0 0 0;height:39px; repeat-x;position:relative;; background-color:#000}
.here span{display:block;position:absolute;left:0;top:0;line-height:29px;padding:0 22px 0 18px;font-size:14px;color:#FFF;font-weight:bold; no-repeat right;}
.here .link{position:absolute;right:12px;top:8px;}
.here .link a{color:#FFFFFF;padding:0 8px;}

#notice .main{line-height:25px;padding:6px 8px 6px 16px;color:#666; }
#contact .main{border-top:none;padding:6px 10px;line-height:20px;color:#666;}
#contact .main span{font-weight:bold;}



#about .main{padding:7px;min-height:140px;_height:140px;line-height:20px;color:#666;}
#about .main .img{float:left;margin:0 7px 7px 0;}
#about .main .more{color:#2874c2;}


#news{float:left;width:379px;}
#product{float:right;width:379px;}
#news li a,#product li a{width:260px;padding:0 0 0 15px;background:url(images/img_1.jpg) no-repeat 4px center;}
.newslist .main{padding:5px 12px 12px 12px;}
.newslist .main li{line-height:120px; float:left; border-top-style:none}
.newslist .main li a{display:block;float:left;color:#333;}
.newslist .main li a:hover{color:#2874c2;}
.newslist .main li a img{width:620px;padding:0 0 0 15px; padding-right:20px; height:120; width:220px}



#footer .nav{text-align:center;padding:12px 0 0 0;color:#333; margin-top:}
#footer .nav a{padding:0 5px;color:#333;}
#footer .nav a:hover,#footer .info a:hover{color:#2874c2;}
#footer .info{text-align:center;padding:8px 0 0 0;color:#333;}
#footer .info a{color:#333;padding:0 8px 0 0;}



.page_link{clear:both;position:relative;height:50px;}
.page_link .in{position:absolute;top:10px;right:20px;}
.page_link span,.page_link a{display:block;float:left;line-height:25px;font-size:13px;color:#666;padding:0 5px;}
.page_link form{float:left;}
.page_link .text{border:0;padding:0;height:18px;line-height:18px;width:30px;border:1px solid #666;margin:0 3px 0 0;}
.page_link .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0;padding:0;cursor:pointer;}
.page_link .num{padding:0;}

#picture{color:#666;}
#picture .img{overflow:hidden;text-align:center;_width:100%;margin:0 0 0 0;}
#picture .img img{max-width:700px;_width:expression(this.width>700?700:true);}
#picture .img table{width:100%;height:280px;text-align:center;vertical-align:middle;}
.tabmenu {width:763px;height:37px;}
.tabmenu ul {margin:0;padding:0;list-style-type: none;}
.tabmenu li { text-align:center; float:left; display:block; width:120px; height:37px; overflow:hidden; background:url(images/h2.jpg); line-height:37px; display:inline; font-size:12px;}
.tabmenu .cli {text-align:center; float:left; display:block; width:120px; height:37px; overflow:hidden; background:url(images/h.jpg); line-height:37px; display:inline; font-size:12px;}
#tabcontent {width:763px;background-color:#fff;border-left:none;border-right:none;border-bottom:#CCC 1px solid;border-top:#CCC 1px solid}
#tabcontent ul {margin:0;padding:5px;list-style-type: none;}
#tabcontent .hidden {display:none;}

#prev_next{padding:20px 5px 10px 5px;line-height:20px;color:#333;}
#prev_next .prev{float:left;}
#prev_next .next{float:right;}
#prev_next a{color:#666;}
#prev_next a:hover{color:#2874c2;}

#about_main{padding:5px 10px 15px 10px;line-height:20px;color:#666;}

#article{padding:10px;margin:0 0 5px 0;}
#article .title{text-align:center;color:#333;}
#article .message{padding:10px;text-align:center;color:#999;border-bottom:1px dashed #999;}
#article .main{padding:10px 0;line-height:20px;color:#333;}

.rec_sheet li,.dow_sheet li{list-style:none;border-bottom:1px dashed #999;margin:0 10px;padding:10px 0;}
.rec_sheet .title,.dow_sheet .title{font-size:14px;font-weight:bold;color:#2874c2;padding:12px 0;width:550px;background:url(images/rec_title_bg.jpg) no-repeat 0 33px;}
.rec_sheet .time,.dow_sheet .time{color:#999;padding:0 30px 0 0;text-align:right;}
.rec_sheet .text,.dow_sheet .text{line-height:20px;color:#666;}
.dow_sheet .title a{color:#2874c2;padding:0 0 0 20px;background:url(images/dow_title_bg.gif) no-repeat 0 center;}

.mes_sheet{padding:0 20px;color:#333;}
.mes_sheet li{list-style:none;border-bottom:1px dashed #999;padding:10px 0;}
.mes_sheet div{line-height:20px;}
.mes_sheet span{color:#2874c2;}
.mes_sheet .reply{border:1px solid #CCC;background:#f5f5f5;margin:10px 50px;padding:10px;}

#leave_word{padding:15px 0 10px 20px;color:#666;}
#leave_word div{margin:10px 0;}
#leave_word .text{border:1px solid #CCC;background:#f5f5f5;height:18px;line-height:18px;color:#333;}
#leave_word textarea{border:1px solid #CCC;background:#f5f5f5;color:#333;}
#leave_word .button{border:none;width:52px;height:21px;background:url(images/bt_bg.jpg) no-repeat;margin:0 10px 0 0;padding:0;cursor:pointer;}

#service{position:absolute;width:33px;height:210px;right:0;z-index:9;overflow:hidden;}
#service_img{position:absolute;left:0;width:33px;height:210px;background:url(images/service.png) no-repeat left center;}
#service .main{position:absolute;left:33px;width:110px;height:210px;background:#174579;}
#service .main .in{position:absolute;left:5px;top:5px;width:90px;padding:5px;height:190px;background:#FFF;text-align:center;}
#probig{background:url(images/hot_s_02.jpg); width:232PX; height:201PX}

a { color: inherit; text-decoration: none; outline: none; cursor: pointer; -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }

img { border: 0; vertical-align: top; }
.f-nav {
	height: 120px;
	overflow: hidden;
	transition: all 1s;
	display: block;
	position: relative;
	padding: 0;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
	/*background-color: #202932;*/
	background-color:#0099FF
}
.f-nav li {
	padding: 0;
	margin: 0;
	float: left;
	height: 100px;
	line-height: 100px;
	position: relative;
	z-index: 100;
	display: inline-block;
	list-style-type: none;
	width: 90px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.f-nav li a {
	font-size:18px;
	font-weight:bold
}
/*.sideline {
	position: absolute;
	background-color: #208ff9;
	left: 0;
	top: 0;
	color: #fff;
	min-height: 30px;
	z-index: 1;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	list-style-type: none;
	width: 90px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}*/
.f-nav li.active {
	background-color: #208ff9;
	color: #fff;
}
.f-nav li.fontNav {
	background-color: #208ff9;
	color: #fff;
	animation: fontNav .8s;
}
.f-nav li.downNav {
	background-color: #208ff9;
	color: #fff;
	animation: downNav .8s;
}
.f-nav li.leftNav {
	background-color: #208ff9;
	color: #fff;
	animation: leftNav .8s;
}
.f-nav li.rightNav {
	background-color: #208ff9;
	color: #fff;
	animation: rightNav .8s;
}
/*左边缘*/
.f-nav li.edgeLeft {
	background-color: #208ff9;
	color: #fff;
	animation: edgeLeft .8s;
}
/*右边缘*/
.f-nav li.edgeRight {
	background-color: #208ff9;
	color: #fff;
	animation: edgeRight .8s;
}
/*从中间变大*/
/*.f-nav li.scaleChange {
	background-color: #208ff9;
	color: #fff;
	animation: scaleChange .8s;
}*/
 @keyframes scaleChange {
 0% {
 transform: scale(0);
},  50% {
 transform: scale(.5);
},  100% {
 transform: scale(1);
}
}
 @keyframes fontNav {
 0% {
 transform: translate(0, -100%);
},  50% {
 transform: translate(0, -50%);
},  100% {
 transform: translate(0, 0);
}
}
 @keyframes downNav {
 0% {
 transform: translate(0, 100%);
},  50% {
 transform: translate(0, 50%);
},  100% {
 transform: translate(0, 0);
}
}
 @keyframes leftNav {
 0% {
 transform: translate(-100%, 0%);
},  50% {
 transform: translate(-50%, 0%);
},  100% {
 transform: translate(0, 0);
}
}
 @keyframes rightNav {
 0% {
 transform: translate(100%, 0%);
},  50% {
 transform: translate(50%, 0%);
},  100% {
 transform: translate(0%, 0);
}
}
 @keyframes edgeLeft {
 0% {
 transform: translate(-100%, -100%);
}
 100% {
 transform: translate(0%, 0%);
}
}
 @keyframes edgeRight {
 0% {
 transform: translate(100%, 100%);
}
 100% {
 transform: translate(0%, 0%);
}
}