@charset "utf-8";

/* CSS Document */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{background-color: #fff; color:#333; font-size:14px; font-family:"Microsoft YaHei","\5b8b\4f53",Arial,sans-serif; }
a{ color:#333;text-decoration:none;outline: none;}
a:hover { color:#00a2ca;}
ul{ list-style:none;}
img{ border:0;}
.cl{ clear:both;}

#headerw{ height:60px; width: 100%; background-color: #373d41}
#header{ height:60px; width: 1200px; margin: 0 auto;}
#logo{ width:125px; height:25px; float:left; margin-top:19px;}

#nav{ width:900px; height:36px; float:left; margin-top:12px;margin-left: 10px;}
#nav li{ float:left; position:relative;z-index: 2;}
#nav li span a{width:90px; height:36px;line-height:36px; display:inline-block; text-decoration:none; text-align:center; color:#fff; font-size:15px; }
#nav li span a:hover{ border-bottom:2px solid #00a2ca; color:#07b6e1;}
#nav li div{ position:absolute; top:38px; left: 0;  background:#373d41; display:none; z-index:1100;}
#nav li div a{font-size:16px; height:36px; display:inline-block; width:135px; line-height: 36px;  text-align:center; color:#fff;}
#nav li div a:hover{color:#07b6e1; background-color: #333;}

#topin{float:right; margin-top:22px;}
#topin a{ color: #fff;}



#banner{ width:100%; height:300px;margin-bottom: 15px;}
#banner img{border-radius:8px;}


#soucloud{ width:1200px; margin:0 auto;}

#left{width: 230px;  float: left;}
#left1{height:42px;line-height: 42px; background: #00a2ca;font-size: 16px;color: white;padding-left: 20px;font-weight: bold;}
#left2{border: 1px solid #ccc;}
#left2 li{line-height: 40px;height: 40px; border-bottom: 1px solid #ccc; }
#left2 li a{color: #333; display: block;padding-left: 25px;background: url(img/icon.jpg) no-repeat 10px center; width: 86%;    white-space: nowrap;overflow: hidden;}
#left2 li a:hover{background:#f1f1f1 url(img/icon.jpg) no-repeat 10px center;color: #00a2ca;}
#left2 li a.on{color: #00a2ca;}
#left3{height:42px;line-height: 42px;font-size: 16px;padding-left:50px; background: url(img/lxicon.jpg) no-repeat 10px center;border: 1px solid #ccc;border-bottom: 1px solid #4577c4;margin-top: 10px;}

#left4{border: 1px solid #ccc;padding: 10px;}
#left4 h1{font-size: 16px;color: #00a2ca;margin: 10px 0;}
#left4 li{line-height: 28px;padding-left: 5px;color: #666;}



#leftlist{border: 1px solid #ccc;}
#leftlist li{line-height: 40px;height: 40px; border-top: 1px solid #ccc; background: url(img/jia.png) no-repeat 210px center }
#leftlist li a{color: #111; display: block;font-size: 16px;padding-left: 25px;background: url(img/icon.jpg) no-repeat 10px center; }



#leftlist div{display: none;}
#leftlist div a{line-height: 36px;height: 36px; font-size: 14px; color: #333; display: block;padding-left: 25px;background: url(img/jt.jpg) no-repeat 210px center;}
#leftlist div a:hover{background:#f1f1f1;}
#leftlist div a.on{color: #2277da;;}

#right{float: right;width: 950px;border: 1px solid #ccc;}
#right1{height: 20px;line-height: 20px; padding: 10px;border-bottom: 1px solid #ccc;}
#right1 h2{font-size: 16px;color: #00a2ca;padding-left: 10px; }
#right1 span{float: right;background: url(img/drop.jpg) no-repeat left center;padding-left: 23px;}
#right1 a{color: #333;}
#right1 a:hover{color: #00a2ca;}



#page{padding: 10px 15px;line-height: 26px;}



#huiyuan{width: 1198px;border: 1px solid #ccc;}
#huiyuan1{height: 20px;line-height: 20px; padding: 10px;border-bottom: 1px solid #ccc;}
#huiyuan1 h2{font-size: 16px;color:#4577c4;padding-left: 10px; }
#huiyuan1 span{float: right;background: url(img/drop.jpg) no-repeat left center;padding-left: 23px;}
#huiyuan1 a{color: #333;}
#huiyuan1 a:hover{color: #4577c4;}



#list{padding: 10px 15px;}
#list li{border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-bottom: 15px;}
#list li img{float: left; margin-right: 10px;border: 1px solid #ccc; padding: 4px;}
#list li h1{font-size:18px;font-weight: normal;color: #333; margin-bottom: 5px;}
#list li h1.icon1{padding-left: 30px; background: url(img/icon1.jpg) no-repeat left center; }
#list li h1 a{color: #333;}
#list li h1 a:hover{color: #00a2ca;}
#list li p.time{color: #666;margin-bottom: 5px;}
#list li p.zhaiyao{line-height: 20px; color: #666;margin-bottom: 12px;}
#list li p.zhaiyao a{color: #5f6367;}
#list li p.zhaiyao a:hover{color: #00a2ca;}
#list li p.quanwen a{display: inline-block;color: #2277da;width: 100px;height: 34px;text-align: center;border: 1px solid #007DF1;line-height: 34px;opacity: 0.7;}
#list li p.quanwen a:hover{opacity: 1;}


#list li p.class a{display: inline-block;color: #50AC23;width: 100px;height: 26px;text-align: center;border: 1px solid #50AC23;;line-height: 26px;}
#list li p.class a:hover{color: #f60;}


#list_img{padding: 10px 15px;}
#list_img li{width: 200px;height: 300px; border: 1px solid #ccc;margin-left: 14px;margin-top: 20px; padding: 5px;float: left;}
#list_img li:hover{background:#00a2ca; }
#list_img li:hover a{color: white;}
#list_img li p{line-height: 24px;margin-top: 10px; text-align: center;}
#list_img li p a{ color: #333; }
#list_img li p a:hover{ color: #fff; }


#list_one{padding: 10px 20px;}
#list_one li{line-height: 30px;background: url(img/icon2.jpg) no-repeat left center;padding-left: 15px;}
#list_one li span{float: right;color: #888;}
#list_one li a{color: #555;}
#list_one li a:hover{color: #007DF1;}
.line2{width: 100%;height: 5px;border-bottom: 1px dashed #ccc;margin-top: 20px;}


#list_three{padding: 10px 15px;}
#list_three li{border: 1px solid #ccc;padding: 10px;margin-bottom: 15px;background:url(img/three.png) no-repeat right top;}
#list_three li:hover{border: 1px solid orange;}
#list_three li img{float: left; margin-right: 10px;border: 1px solid #ccc; padding: 4px;}
#list_three li h1{font-size:18px;font-weight: normal;color: #333;}
#list_three li h1 a{color: #333;}
#list_three li h1 a:hover{color: #007DF1;}
#list_three li p.time{color: #666;margin: 6px 0;}
#list_three li p.qixian{color: #666;margin: 6px 0;}
#list_three li p.zhaiyao{line-height: 20px; color: #666;margin-bottom: 12px;}
#list_three li p.quanwen a{display: inline-block;color: #007DF1;width: 100px;height: 34px;text-align: center;border: 1px solid #007DF1;line-height: 34px;opacity: 0.7;}
#list_three li p.quanwen a:hover{opacity: 1;}

#show{padding: 10px 20px;line-height: 28px; font-size: 16px;}
#show div.imglist{ text-align: center;}
#show div.imglist img{ margin-bottom: 5px; border-radius: 5px;}
#show div.imglist video{  border-radius: 8px;}
#show h1{color: #333; font-size:16px;padding-bottom: 15px; margin-top: 10px;margin-bottom: 5px;text-align: center;border-bottom: 1px dashed #ccc;}
#show p.date{font-size: 12px;color: #777; text-align: center;margin-bottom: 20px;}
#show .pre{padding-top: 15px;}
#show .next{margin-top: 3px;}
#show .next a,#show .pre a{color: #333;}
#show .next a:hover,#show .pre a:hover{color: #00a2ca;}


#show table th{ background: #00a2ca;color: white;}
#show table th,#show table td{padding: 5px;border: 1px solid #ccc;}

#pages { padding:14px 0 10px; font-family:"??????"; }




#pages span a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages span a.a1 { width:56px; padding:0 }
#pages span a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages .thisclass{ display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c{text-align: center}




#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c{text-align: center}


.viewbox{
	overflow:hidden;
	padding-bottom:8px;
	font-size: 14px;
}



.viewbox .infolist{
	width:480px;
	float:right;
	margin-top: 30px;
}

.viewbox .infolist small{
	width:80px;
	text-align:right;
	line-height:32px;
	color:#666;
	height:32px;
	overflow:hidden;
}

.viewbox .infolist span{
	line-height:32px;
	height:32px;
	color: #333;
	overflow:hidden;
}

.viewbox .infolist span.des{
	line-height:20px;
	overflow:hidden;
}

.viewbox .picview{
	width:400px;
	height:500px;
	padding:5px;
	border:1px solid #cbc9cc;
	float:left;
	margin-top: 30px;
}



.viewbox .content{
	font-size:14px;
	padding:12px 0px;
	line-height:24px;
	color:#333;
}



#youdian{ width:100%; height:160px;border-top:1px solid #ddd; text-align:center;margin-top: 15px;}
#footer{ width:100%; height:250px; background:#f3f3f3; border-top:1px solid #ddd;color:#666;}
#footin{width: 1200px;height: 210px;margin: 0 auto; padding-top: 40px;}
#footleft{width: 850px; float: right;}
#footleft ul{float: left;margin-left: 25px;}
#footleft li{width: 130px;margin-right: 10px;margin-bottom: 5px;}   
#footleft li.first{margin-bottom: 10px;}
#footleft li.first a{color: #000;}
#footleft span{margin-right: 5px; font-size: 12px;}
#footleft li a{color: #888;}
#footleft li a:hover{color: #06b8e4;}
#footright{width: 300px; float: left; color: #666;line-height: 24px;}
#footright a{color: #00a2ca;}



#kefuqq{width: 55px;height: 55px;  position: fixed;right: 0;top: 300px;}
#kefuwx{width: 55px;height: 55px;  position: fixed;right: 0;top: 360px;}
#kefuwx2{width: 164px;height: 164px;  position: fixed;right: 55px;top: 300px;display: none;}
#kefutel{width: 55px;height: 55px; position: fixed;right: 0;top: 420px;}
#kefutel2{width: 150px;height: 55px; font-size: 18px; color: white; line-height: 55px; text-align: center;position: fixed;right: 55px;top: 420px;display: none; background: #E54B4B;}
#kefutop{width: 55px;height: 55px; position: fixed;right: 0;top: 480px; display: none;opacity: 0.7;}
#kefutop:hover{opacity: 1;}


#page table#youshi{border-collapse: collapse;width: 880px;}
#page table#youshi td{text-align: center;border: 1px solid #ccc; padding-top: 5px;}
#page table#youshi td img{margin: 0 auto;}
#page table#youshi h2{font-size: 16px;color: dodgerblue;margin-bottom: 3px;}
#page table#youshi p{font-size: 14px;margin-bottom: 10px;}


#page ul#youshi{border: 1px solid red;width: 850px;height: 1000px;margin: 0 auto;}
#page ul#youshi2{width: 850px;margin: 0 auto;}
#page ul#youshi2 .bg1{height: 313px; background:url(img/ys7.jpg) no-repeat;position: relative;}
#page ul#youshi2 .bg1 div{width: 300px;position: absolute;right: 55px;top: 90px;}
#page ul#youshi2 .bg1 div h2{font-size: 18px;color: white;}
#page ul#youshi2 .bg1 div p{padding-bottom: 0px;color: #f1f1f1;}

#page ul#youshi2 .bg2{height: 254px; background:url(img/ys8.jpg) no-repeat;position: relative;}
#page ul#youshi2 .bg2 div{width: 300px;position: absolute;left: 105px;top: 55px;}
#page ul#youshi2 .bg2 div h2{font-size: 18px;}
#page ul#youshi2 .bg2 div p{padding-bottom: 0px;}


#page ul#youshi2 .bg3{height: 255px; background:url(img/ys9.jpg) no-repeat;position: relative;}
#page ul#youshi2 .bg3 div{width: 300px;position: absolute;right: 55px;top: 75px;}
#page ul#youshi2 .bg3 div h2{font-size: 18px;color: white;}
#page ul#youshi2 .bg3 div p{padding-bottom: 0px;color: #f1f1f1;}

#page ul#youshi2 .bg4{height: 254px; background:url(img/ys10.jpg) no-repeat;position: relative;}
#page ul#youshi2 .bg4 div{width: 320px;position: absolute;left: 110px;top: 60px;}
#page ul#youshi2 .bg4 div h2{font-size: 18px;}
#page ul#youshi2 .bg4 div p{padding-bottom: 0px;}

#page ul#youshi2 .bg5{height: 255px; background:url(img/ys11.jpg) no-repeat;position: relative;}
#page ul#youshi2 .bg5 div{width: 300px;position: absolute;right: 55px;top: 75px;}
#page ul#youshi2 .bg5 div h2{font-size: 18px;color: white;}
#page ul#youshi2 .bg5 div p{padding-bottom: 0px;color: #f1f1f1;}



#page ul .youshi{border: 1px solid red;width: 850px;height: 1000px;margin: 0 auto;}
#page ul .youshi2{width: 850px;margin: 0 auto;}
#page ul .youshi2 .bg1{height: 313px; background:url(img/ys7.jpg) no-repeat;position: relative;}
#page ul .youshi2 .bg1 div{width: 300px;position: absolute;right: 55px;top: 90px;}
#page ul .youshi2 .bg1 div h2{font-size: 18px;color: white;}
#page ul .youshi2 .bg1 div p{padding-bottom: 0px;color: #f1f1f1;}

#page ul .youshi2 .bg2{height: 254px; background:url(img/ys8.jpg) no-repeat;position: relative;}
#page ul .youshi2 .bg2 div{width: 300px;position: absolute;left: 105px;top: 55px;}
#page ul .youshi2 .bg2 div h2{font-size: 18px;}
#page ul .youshi2 .bg2 div p{padding-bottom: 0px;}


#page ul .youshi2 .bg3{height: 255px; background:url(img/ys9.jpg) no-repeat;position: relative;}
#page ul .youshi2 .bg3 div{width: 300px;position: absolute;right: 55px;top: 75px;}
#page ul .youshi2 .bg3 div h2{font-size: 18px;color: white;}
#page ul .youshi2 .bg3 div p{padding-bottom: 0px;color: #f1f1f1;}

#page ul .youshi2 .bg4{height: 254px; background:url(img/ys10.jpg) no-repeat;position: relative;}
#page ul .youshi2 .bg4 div{width: 320px;position: absolute;left: 110px;top: 60px;}
#page ul .youshi2 .bg4 div h2{font-size: 18px;}
#page ul .youshi2 .bg4 div p{padding-bottom: 0px;}

#page ul .youshi2 .bg5{height: 255px; background:url(img/ys11.jpg) no-repeat;position: relative;}
#page ul .youshi2 .bg5 div{width: 300px;position: absolute;right: 55px;top: 75px;}
#page ul .youshi2 .bg5 div h2{font-size: 18px;color: white;}
#page ul .youshi2 .bg5 div p{padding-bottom: 0px;color: #f1f1f1;}


#show img{ max-width:100% !important; height:auto !important;}
#show h2{font-size: 20px;line-height: 35px; color:#F00;}
#show h3