﻿html,body,ul,li,p,div,h1,h2,h3,img,dl,dt,dd {margin:0px;padding:0px;}
ul,li{list-style:none;}
a{ text-decoration:none; font-weight:normal;}
body{ background:#fff; color:#333; font-size:12px; font-family:'微软雅黑';}
.right{float:right;}
.clear{ clear:both;}
img{ vertical-align:middle;}
#header{ vertical-align:middle; min-height:50px; background: url(../images/topbj.jpg) repeat;}
#header p { float:right; color:#F90; font-size:12px; font-weight:bold; margin-top:5%;}

#header img{ width:30%; margin-left:2%; margin-top:3%;}
#header .right{padding-right:2%;  width:50%; text-align:right; margin-top:3.5%;}
#header .lagee{padding-top:2%; text-align:right; line-height:20px; font-size:12px; color:#ccc; width:100%; padding-bottom:8%;}
#header .lagee a{font-size:12px; color:#666; margin:0 5px;}
#header input{border:1px solid #CCC; height:18px; line-height:18px; padding:2px; font-size:12px; width:60%; margin-right:3px;}
#header a{color:#fff;}

#nav{ border-top:1px solid #e2e2e4; background: url(../images/navbg.jpg) repeat;}
#nav li{ float:left;width:20%; text-align:center; }
#nav li a{  color:#fff; display:block; height:35px; line-height:35px; }

#ban{ background:#89ba00; color:#fff; width:100%;}
#ban img{ width:100%;}

.xian{ border:0px; background:#ccc; height:1px; width:95%;}

.blueberry { background:#fff;position: relative; z-index:1; }
.blueberry .slides {display: block;position: relative;overflow: hidden; width:100%;}
.blueberry .slides li {position: absolute;top: 0;overflow: hidden;width:100%; text-align:center; background-repeat:no-repeat; }
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .slides li img{ width:100%;}
.blueberry .pager {bottom:12px;right:0px;width:105px;height: 16px;text-align: center;position:absolute;z-index:999;}
.blueberry .pager li {display: inline-block;float:left;}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 16px;width: 16px;}
.blueberry .pager li a {margin-right:10px;}
.blueberry .pager li a span {overflow: hidden;background: url(../images/bullets.png) 0px -30px no-repeat ;text-indent: -9999px;width:16px;height:16px;}
.blueberry .pager li.active a span {background-position:0px 0px ;}
.blueberry li h1{ background:url(../images/ban_bg.png) repeat; color:#fff; font-size:12px; height:40px; line-height:40px; position:absolute; left:0 ; bottom:0px; width:100%; text-align:left; text-indent:1em;}

#cent td{ padding:10px 0; text-align:center;}
#cent td strong{ color:#fff; display:block; font-size:18px;}
#cent table{ margin:0%; width:100%;}

.title{ background:url(../images/topbj.jpg) repeat-x; font-size:18px; color:#fff; height:50px; line-height:50px; margin-bottom:2%; padding-left:}
.title img{margin:0 5px 0 10px}
.title a{ float:right;}

.news{ border-bottom:1px solid #ccc; margin:2%;}
.news a{ color:#333; display:block; font-size:16px; margin-bottom:5px;}
.news dl{ color:#666; line-height:20px; margin-bottom:10px;}

.content { min-height:450px;}

#news{ margin:0 2% 2%; min-height:450px; }
#news .img{ float:left; width:35%;}
#news .img img{ border:1px solid #ccc; padding:2px; width:100%}
#news .intro{ float:right; line-height:18px; width:60%;}
#news .intro a{ color:#217bf5; display:block; font-size:14px; font-weight:bold; margin-bottom:5px;}
#news .intro dl a{ display:inline-block; color:#ff8a4a; font-size:12px; font-weight:normal; margin-bottom:0}
#news li{
	border-bottom:1px dotted #ccc;
	line-height:30px;
	background-image: url(../images/icon1.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
}
#news li a{ color:#333; display:block; padding-left:13px;}
#news p img{width:100%; height:auto;}
#news h2{ text-align:center; font-weight:600; padding:10px 0; border-bottom:1px dashed #E3E3E3; margin-bottom:10px;}


#pro{ margin:0 1%;}
#pro .col{ float:left; margin:1% 2.4%; width:45%;}
#pro .col img{ border-radius:5px; border:1px solid #ccc; width:100%; height:160px;}
#pro .bg{ color:#333; display:block; font-size:12px; height:25px; line-height:25px; text-align:center;}

#bot{background:#5fa2ff; font-size:16px;line-height:35px; margin-top:2%; text-align:center;}
#bot a{ border-right:1px solid #267dff; border-bottom:5px solid #5fa2ff;  border-top:5px solid #5fa2ff; color:#fff; display:inline-block; width:24%;}
#bot a:hover{border-bottom:5px solid #0066ff; border-top:5px solid #4191ff; background:#4191ff; }


#fot{ line-height:30px; margin-top:2%; text-align:center;}
#fot a{ background:url(../images/icon.jpg) no-repeat left center; color:#1070ff; display:inline-block; margin:0 1px; padding-left:11px;}
#fot dl{ color:#333; line-height:23px;}


#footer{ background:#3D3E40; margin-top:2%;}
#footer a{ color:#fff;}

#loc{background: linear-gradient(#f0f0f0, #ddd) repeat scroll 0 0 #eee;
    border: 1px solid #b3b3b3;
    color: #3e3e3e;
    font-weight: bold;
    text-shadow: 0 1px 1px #fff; position:relative; height:35px; line-height:35px;}
#loc a{  border: 1px solid #ccc;
    color: #222;
	display:inline-block;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
	position: absolute;
    top: 3px;
	background:linear-gradient(#fff, #f1f1f1) repeat scroll 0 0 #eee;
	padding:0 10px;
	border-radius:10px;
	height:24px;
	line-height:24px;
	left:2%;
}
#loc span{ background:#999; display:inline-block; height:15px; width:15px; border-radius:18px; top:4px; vertical-align:text-top; margin-right:5px;}
#loc h1{ color:#004EA2; font-size:14px; text-align:center;}

.content{ line-height:23px; padding:2%;}
.content h2{font-size: 22px; color: #0F3CAA; line-height: 30px; margin: 20px 0; margin-right: 30px; padding-bottom: 10px; border-bottom: 1px dashed #E4E4E4; text-align:center;}
.content img{width:100%; height:auto;}
.content table{width:100%;}

.navPop-1 {
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 900;
}
.navPop-1 .navPop-btn {
    background: none repeat scroll 0 0 #000;
    border-radius: 40px;
    bottom: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    display: inline-block;
    height: 40px !important;
    left: 16px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 40px !important;
    z-index: 999;
}
.navPop-1 .navPop-btn .fa {
    background: none repeat scroll 0 0 #fff;
    border-radius: 1000px;
    color: #000;
    font-size: 20px;
    height: 30px;
    line-height: 33px;
    margin: 5px;
    text-align: center;
    width: 30px;
}
.navPop-1 .navPop-btn:before {
}
.navPop-1 .navPop-btn.active {
}
.navPop-1 .navPop-wrap > div {
    border-radius: 40px;
    bottom: 0;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin-bottom: 16px;
    margin-left: 16px;
    position: absolute;
    text-align: center;
    width: 40px;
    z-index: 900;
}
.navPop-1 .navPop-wrap > div.on {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.navPop-1 .navPop-wrap > div a {
    border-radius: 40px;
    display: block;
    font-size: 20px;
    height: 100%;
    opacity: 0.1;
    overflow: hidden;
    width: 100%;
}
.navPop-1 .navPop-wrap > div a img {
    border-radius: 1000px;
    float: left;
    height: 100%;
    width: 100%;
}
.navPop-1 .navPop-wrap > div.on a {
	background:#0556a8;
    opacity: 0.9;
}
.navPop-1 .navPop-wrap>div.on:nth-of-type(1) {-webkit-transform: translate(0, -100px) rotate(720deg);}

.navPop-1 .navPop-wrap>div.on:nth-of-type(2) {-webkit-transform: translate(47px, -81px) rotate(720deg);}

.navPop-1 .navPop-wrap>div.on:nth-of-type(3) {-webkit-transform: translate(81px, -45px) rotate(720deg);}

.navPop-1 .navPop-wrap>div.on:nth-of-type(4) {-webkit-transform: translate(100px, 0) rotate(720deg);}
.navPop-1 .navPop-btn .fa {
    background: none repeat scroll 0 0 #fff;
    color: #89ba00;
}
.fa {
	color:#fff;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.navPop-1 .navPop-btn {
    background: none repeat scroll 0 0 #89ba00;
}
.navPop-1 .navPop-btn.active{
    -webkit-transform:rotate(135deg);
}


.content table th{ background:#eee; height:30px; line-height:30px;}
.content table td{ text-align:center; height:25px;}

#loc h1 { color:#F90;}
#menu ul{ margin:0 auto; width:99%;}
#menu li{ float:left; margin:1%; width:31%; text-align:center;}
#menu a{ background:#999; color:#fff; display:block; height:30px; line-height:30px;}

/**留言板**/

#news span.liuyan_l{width:20%; float:left; margin-left:8px;}
#news span input{width:50%; border:1px solid #A9A9A9; background-color:#FFF; line-height:22px;}
#txtcontent{width:50%; border:1px solid #A9A9A9;}

.dowlistew{display:none;}

.page { margin-top:2%;}
