@charset "gb2312";
/* CSS Document */

*{ margin:0px; padding:0px; list-style:none;}
body,td,th {
	font-size: 14px;
}
body {
	margin: 0px; font-family:΢ÈíÑźÚ;
}
img{ border:0px; max-width:100%;}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
}
.w{ color:#FFF;}
.w a:link {
	 color:#FFF;
	text-decoration: none;
}
.w a:visited {
	text-decoration: none;
	 color:#FFF;
}
.w a:hover {
	text-decoration: none;
	 color:#FFF;
}
.w a:active {
	text-decoration: none;
}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix{zoom:1;}

.w1300{ width:1300px; margin:0px auto; overflow:hidden;}
.head{width:1300px; margin:0px auto; overflow:hidden; padding:30px 0px;}
.logo{ width:450px; float:left; overflow:hidden; font-size:32px; color:#044389;}
.menu{ width:800px; float:right; overflow:hidden;}
.nav li{ float:left; width:12.4%; text-align:center; font-size:18px;color:#044389;}
.banner{max-width:1920px;margin:0px auto; overflow:hidden;}
.flexslider {height:530px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; position:relative;}
.slides {position: relative; z-index: 2;}
.slides li {height:530px;}
.flex-control-nav { position: absolute; bottom: 25px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

.abouttxt{ width:600px; float:left; font-size:16px; line-height:200%;}
.aboutpic{ width:620px; float:right; overflow:hidden;}
.anli{ background:url(../images/anlibg.jpg) center top no-repeat #dfeeff; padding-top:80px; min-height:500px;}

.indexnews{ width:1300px; margin:0px auto; overflow:hidden;}
.indexnews li{ width:295px;float:left; margin-left:15px; margin-right:15px; height:380px;}
.indexnews  a:hover li {box-shadow: darkgrey 6px 6px 12px 5px ; border:1px solid #ccc;}




.content{ width:1300px; margin:0px auto; overflow:hidden;}
.place{ border-bottom:1px solid #ddd; line-height:50px; margin-bottom:20px;}

.xw li{ border-bottom:1px solid #ccc; margin-bottom:20px; padding:20px 0px;}
.xw  a:hover li  {
	text-decoration: none;
	color: #333; background:#f2f2f2;
}


.viewbox{ width:90%; margin:0px auto; overflow:hidden;}

.viewbox .title h2{ text-align:center;}
.viewbox .info{ text-align:center; margin-bottom:30px; line-height:40px;}
.pro{ overflow:hidden;}
.pro li{ width:280px; height:390px; border:1px solid #ccc; float:left; margin-left:15px; margin-right:15px; margin-bottom:30px; text-align:center;}
.pro li img{ width:280px; height:350px;}
.pro  a:hover li{box-shadow: darkgrey 6px 6px 12px 5px ;}

.pro2{ overflow:hidden;}
.pro2 li{ width:400px; height:230px; border:1px solid #ccc; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px; text-align:center; background:#fff;}
.pro2 li img{ width:400px; height:220px;}

.pro3{ overflow:hidden;}
.pro3 li{ width:400px; height:340px; border:1px solid #ccc; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px; text-align:center; background:#ddd;}
.pro3 li img{ width:400px; height:300px;}


#demo {width:1300px; margin:0px auto;overflow:hidden;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
#demo ul li {width:400px;height:250px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#demo ul li a {line-height:30px;}
#demo ul li:hover {text-decoration:underline;}

.case{width:1300px; margin:0px auto;overflow:hidden;}
.case li{ width:300px; height:250px; border:1px solid #ccc; float:left; margin-left:10px; margin-right:10px; margin-bottom:20px; text-align:center; background:#fff;}
.case li img{ width:300px; height:220px;}

#ademo {width:1300px; margin:0px auto;overflow:hidden; height:250px;}
#aindemo {float:left;width: 800%;}
#ademo1 {float:left;}
#ademo2 {float:left;}
#ademo ul li {width:300px;height:250px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#ademo ul li a {line-height:30px;}
#ademo ul li:hover {text-decoration:underline;}




.topics2 {
	width:1300px;
	padding: 13px 55px; margin:0px auto;
	height: 220px;
	border-left: none;
	overflow: hidden;
	position: relative;
}
.topics2 ul {
}
.topics2 li+li {
	margin-left: 20px;
}
.topics2 li {
	float: left;
	margin-left: 0;
	width: 220px;
}
.topics2 li a {
	display: block;
}
.topics2 li a p {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	padding: 4px 0;
	word-wrap:break-word;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
}
.topics2 .page .left {
	position: absolute;
	top: 52px;
	left: 17px;
	cursor: pointer;
}
.topics2 .page .right {
	position: absolute;
	top: 52px;
	right: 17px;
	cursor: pointer;
}
.topics2 .v_cont {
	width: 1200px;
	height: 220px;
	overflow: hidden;
}
.imgs_selected {
	width: 1000px;
	padding: 15px 0;
	border-bottom: 1px solid #008a3b;
}
.imgs_selected .topics3 {
	border: none;
	width: 1150px;
	padding: 0;
	float: none;
	height: 220px;
}
.imgs_selected .topics3 .v_cont {
	width: 1150px;
	margin: 0 auto;
}
.imgs_selected .topics2 li+li {
	margin-left: 27px;
}
.imgs_selected .topics3 .page .right, .imgs_selected .topics3 .page .left {
	top: 41px;
}
.imgs_selected .topics3 .page .right {
	right: 0;
}
.imgs_selected .topics3 .page .left {
	left: 0;
}




.footer{ background:#003b78; padding:30px 0px; text-align:center; }






 @media screen and (max-width:375px) {
	 
	 
.w1300{ width:100%; margin:0px auto; overflow:hidden;}
.head{width:100%; margin:0px auto; overflow:hidden; padding:30px 0px;}
.logo{ width:100%; float:none; overflow:hidden; font-size:22px; color:#044389;}
.menu{ width:100%;float:none; overflow:hidden;}
.nav li{ float:left; width:24.5%; text-align:center; font-size:16px;color:#fff; background:#06C; line-height:40px;}
.banner{width:100%; height:100x; margin:0px auto;}
.flexslider { height:100x; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; position:relative;}
.slides {position: relative; z-index: 2;}
.slides li {height:100x;}
.flex-control-nav { position: absolute; bottom: 25px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 12px; height: 12px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 12px; height: 12px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

.abouttxt{ width:100%;float:none; font-size:16px; line-height:200%;}
.aboutpic{ width:100%;float:none;overflow:hidden;}	 
	
.indexnews{  width:100%; margin:0px auto; overflow:hidden;}
.indexnews li{ width:295px;float:none;margin-left:15px; margin-right:0px; height:380px;}
.indexnews  a:hover li {box-shadow: darkgrey 6px 6px 12px 5px ; border:1px solid #ccc;}

	
#demo {width:100%; margin:0px auto;overflow:hidden;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
#demo ul li {width:200px;height:330px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#demo ul li a {line-height:30px;}
#demo ul li:hover {text-decoration:underline;}
	
	#ademo{width:100%; margin:0px auto;overflow:hidden;}
#aindemo {float:left;width: 800%;}
#ademo1 {float:left;}
#ademo2 {float:left;}
#ademo ul li {width:300px;height:250px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#ademo ul li a {line-height:30px;}
#ademo ul li:hover {text-decoration:underline;}

.content{ width:100%; margin:0px auto; overflow:hidden;}
	.pro{ overflow:hidden;}
.pro li{ width:45%; height:390px; border:1px solid #ccc; float:none; margin-left:10px; margin-right:10px; margin-bottom:20px; text-align:center;}
.pro li img{ width:100%; height:150px;}
.pro  a:hover li{box-shadow: darkgrey 6px 6px 12px 5px ;}

}






.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}