﻿.clear{zoom: 1;}
.clear:after{content: '';display: block;clear: both;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}

li{list-style: none;}
a{text-decoration: none;}
img{border: none;}
body{font-family: "微软雅黑";}
body,h1,h2,h3,h4,h5,h6,p,ul,li,form,input,textarea,select{margin:0;padding:0;}
form,input,textarea,select{outline: none;}


.container{width: 100%;float: left;}

.head{width: 1200px; margin: 40px auto 0;}
.nav{width: auto;float: left;margin-left: 298px;}
.nav li{width: auto;float: left;line-height: 35px; margin-left:20px;font-size: 16px;}
.nav li:first-child{margin-left: 0;}
.nav  a{float: left;color: #616161;}
.nav li a:hover,.cur_li a{color: #f87f48;}

.banner{width: 1200px;min-width: 1200px; height: 540px;margin: 10px auto 0;position: relative;}

.banner a{width: auto;float: left;position: absolute;left: 0;bottom: 0;}



.ind_content{width: 100%;min-width: 1200px;float: left;margin: 20px 0 0 0; padding: 15px 0;background: #B5B7B6;}

.ind_intbox{width: 1200px;margin: 0 auto;}

.ind_intro{width: 100%;float: left;}
.ind_intro p{width: 430px;padding: 6px 10px 0 0; float: left;line-height: 26px;color: #4f5150;font-size: 14px;}

.ind_tu{width: 710px;height: 144px; float: right;overflow: hidden;}

#wrapper {
	width: 710px;
	height:144px;
	float: left;
	margin: 0 0 0 0;
	position:relative;
	}
			
#carousel {
	width: 672px;
	}
			
#carousel ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;position: absolute;z-index: 1;top: 0;left: 30px;
}
			
#carousel li {
width: 204px;
height:144px;
padding: 0;
margin: 0 0 0 20px;
float: left;
}
#carousel li:first-child{margin-left: 0;}			
#carousel li img {
	width: 204px;
	height:144px;
	float: left;
}
	
#carousel .prev {
	width: 30px;height: 30px;float: left;text-align: left;
	background: url(404.png) no-repeat;
	position: absolute;z-index: 2;left:0;top: 57px;
}
			
			
#carousel .next {
	width: 30px;height: 30px;float: right;text-align: right;
	background: url(404.png) no-repeat;
	position: absolute;z-index: 2;right:0;top: 57px;
}
#carousel a{opacity: 0.8;color: #666;}
#carousel a:hover{opacity:1;}

.foot_wrap{width: 100%;min-width: 1200px;overflow: hidden; float: left;min-height: 90px;background: #0c2136;}

.foot{width: 1200px;overflow: hidden;margin: 0 auto;}
.foot ul{width: auto;float: left;margin: 15px 0 0 280px;}
.foot ul li{float: left;width: auto;font-size: 14px;margin-left: 60px;}
.foot ul li a{color: #798a99;}
.foot ul li a:hover{color: #f87f48;}
.foot p{width: 100%;line-height: 28px;font-size: 14px; float: left;margin: 15px 0; text-align: center;color: #798a99;}



.list_wrap{width: 930px;min-height: 500px; margin: 35px auto 0;}
.list_left{width: 200px;overflow: hidden;float: left;}
.list_left li{width: 100%;float: left;overflow: hidden;margin: 0;}
.list_left li h2{width: 100%;float: left;padding: 10px 0 0 0; border-bottom: 1px dashed #ddd;text-align: left;font-weight: 100;color: #0172c2;font-size: 16px;line-height: 32px;letter-spacing: 2px;}
.list_left li  span{width: 100%;float: left;height: 28px; line-height: 28px;font-size: 12px;text-align: left;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_left li a{color: #666666;}
.list_left li a:hover{color: #f87f48;}

.list_right{width: 670px;height: auto; float: right;padding-bottom: 30px;}
.list_right>h2{width: 100%;float: left;padding: 10px 0 0 0; border-bottom: 1px solid #ddd;text-indent: 15px; font-weight: 100;color: #666;font-size: 16px;line-height: 32px;letter-spacing: 2px;}

.list_right>p{width: 638px;float: left;margin: 15px 4px 0;border-bottom: 1px dashed #ddd;color: #666; font-size: 14px;line-height: 24px;padding: 15px;}


.list_right>h3{width: 100%;float: left;padding: 10px 0 0 0; border-bottom: 1px solid #ddd;text-indent: 15px; font-weight: 100;color: #666;font-size: 14px;line-height: 32px;letter-spacing: 2px;}

.list_pics,.cul_pics{width: 100%;float: left;overflow: hidden;margin: 10px 0 0 0;}

.list_pics li{width: 144px;height: 100px; float:left;margin: 15px 39px 0 39px;}
.list_pics li img{width: 100%;height: 100px;float: left;}
.list_pics li img:hover{opacity: 0.8;}

.ab_content{width: 100%;float: left;color: #666;font-size: 14px;line-height: 28px;}
.ab_content img{width: 260px;height: auto;float: left;margin: 0 15px 5px 0; border: 1px solid #ddd;}

.partner_pics{width: 100%;float: left;overflow: hidden;margin: 10px 0 0 0;}

.partner_pics li{width: 144px;height: 100px; float:left;margin: 12px 35px 0 35px;border: 1px solid #ddd;padding:3px;}
.partner_pics li img{width: 100%;height: 100px;float: left;}
.partner_pics li img:hover{opacity: 0.8;}
.partner_pics li:hover{border: 1px solid #f87f48;}


.news_ul{width: 100%;overflow: hidden;float: left;}
.news_ul li{width: 96%;padding: 0 2%; line-height: 30px;float: left;margin: 10px 0 0 0; border-bottom: 1px dashed #ddd;font-size: 14px;color: #666;}
.news_ul li a{width: 500px;float: left;color: #666;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_ul li span{float: right;font-size: 12px;}

.news_ul li:hover{background: #528AB5;}
.news_ul li:hover a{color: #fff;}
.news_ul li:hover span{color: #fff;}

.fenye{width: 100%;float: left;margin: 25px 0 0 0;font-size: 12px;text-align: center;}
.fenye a{color: #666;}

.join_ul{width: 100%;overflow: hidden;float: left;}

.join_ul li{width: 638px;overflow: hidden;float: left;margin: 15px 0 0 0;border: 1px solid #ddd;border-radius: 6px;padding:5px 15px;}

.join_ul li p{width: 100%;float: left;line-height: 28px;font-weight: 100;color: #666;font-size: 14px;margin: 10px 0 0 0;}
.join_ul li  span{color: #0172c2;}
.join_ul li u{color: #f87f48;}
.join_ul li:hover{border: 1px solid #f87f48;}


.detail_title{width: 100%;border-bottom: 1px dashed #ddd;float: left;margin: 15px 0 0 0;text-align: center;}

.detail_title h1{width: 100%;float: left;height: 35px;line-height: 35px;font-size: 16px;font-weight: 100;color: #666;overflow: hidden;}
.detail_title>span{width: 100%;float: left;line-height: 30px;font-size: 12px;color: #666;}

.detail_content{width: 90%;float: left;margin: 15px 0 0 0;padding: 0 5%;font-size: 14px;line-height: 30px;color: #666;text-indent: 30px;}


.pages{width: 100%;float:left;margin: 45px 0 0 0;text-align: center;font-size: 14px;}
.pages a{color: #666;margin: 0 10px;border: 1px solid #ddd;padding: 3px 8px;}
.pages a:hover{color: #f87f48;border: 1px solid #f87f48;}


.dg-container{
	width: 100%;
	height: 320px;
	position: relative;
}
.dg-wrapper{
	width: 481px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
	width: 482px;
	height: 282px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(404.png) no-repeat top left;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;width: 480px;height: 260px;
	padding: 10px 0px 0px 1px;
}
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(404.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}


.fenye{width: 100%;line-height: 40px;margin: 10px 0 0 0;text-align: right;}

.fenye a,.fenye b{border: 1px solid #C7C7C7;padding: 3px 10px;color: #595757;margin: 0 3px;}