@charset"utf-8";
* {
    font-family:Arial, Helvetica, sans-serif,Trebuchet,Georgia,Times New Roman,Lucida;
	/* font-family: "思源黑体"; */
}

body {
    position:relative
}

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

a {
    font-size: 14px;
    text-decoration:none
}

a:focus, a:hover, a:visited {
    text-decoration:none
}

.fl {
    float:left
}

.fr {
    float:right
}

.col {
    color:#08a68a;
}

.bgcol {
    background-color:#f1f1f1
}

img {
    border:none
}

p {
    margin:0
}


/* 头部 */
.TopDiv{
	background-color: #333;
}
.TDnr{
	position: relative;
}
.TDnr:after{
	content: "";
	display: block;
	clear: both;
}
.TDnr-lf{
	padding: 5px 0;
}
.TDnr-lf li{
	float: left;
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
}
.TDnr-lf li i{
	color: #fff;
	font-size: 20px;
	margin-right: 8px;
}
.TDnr-lf li a{

	color: #fff;

	font-size: 16px;

	transition: all 0.33s;

}
.TDnr-lf li a:hover{

	color: #08A689;

}


.TDnr-rg{
	position: absolute;
	right: 0;
	top: 4px;
	z-index: 9;
}
.TDnr-rg li{
	display: inline-block;
	width: 30px;
	margin-left: 8px;
	vertical-align: top;
	background-color: #333;
	transition: all 0.33s;
}
.TDnr-rg li img{
	display: block;
	width: 100%;
}
.TDnr-rg li:hover{
	width: 80px;
	padding: 0 10px 10px 10px;
	border-radius: 0 0 50px 50px;
}

/* header开始 */
#head{}
/*logo*/
.navbar-brand {
    height: 75px;
    padding: 10px 10px;
	position: relative;
    z-index: 9;
}
.logo img{
	height: 100%;
}


.bannr{
	position: relative;
}

.navbar{
	/*height: 78px;*/
	border: none;
	margin: 0;
	background-color: rgba(255,255,255,1);
	border-bottom: 1px solid #08a68a;
	z-index: 3;
}
.nav{
	margin-right: 100px;
}
.nav li>a{
	line-height: 48px;
	font-size: 16px;
	position: relative;
}
.nav .na a{
	line-height: 48px;
	color: #333 !important;
	background-color: rgba(255,255,255,0);
	-webkit-transition: line-height 0.66s, color 0.66s, background-color 0.66s;
	transition: line-height 0.66s, color 0.66s, background-color 0.66s;
}
.navbar-toggle {
    margin-top: 20px;
}



.nav .na>a:hover{
    line-height: 48px;
    color: #0f9f8c !important;
	background-color: #ffffff !important;
}
.nav .active>a{
    color: #0f9f8c !important;
    line-height: 48px;
	background-color: #ffffff !important;
}
.nav .active>a:after,.nav .na>a:hover:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}

#dh>li ul li a{
	color: #333;
	font-size: 14px;
	line-height: 24px;
	transition: all 0.33s;
}#dh>li ul li a:hover{
	color: #08A689 !important;
}



/* 导航当前栏目高亮显示 */
#dh .on{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
	}
#dh .on:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
	}
/*
.dh0>li:nth-of-type(1)>a{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
}
.dh0>li:nth-of-type(1)>a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}
*/
.dh6>li:nth-of-type(2)>a,.dh7>li:nth-of-type(2)>a,.dh8>li:nth-of-type(2)>a,.dh9>li:nth-of-type(2)>a,.dh10>li:nth-of-type(2)>a,.dh11>li:nth-of-type(2)>a{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
}
.dh6>li:nth-of-type(2)>a:after,.dh7>li:nth-of-type(2)>a:after,.dh8>li:nth-of-type(2)>a:after,.dh9>li:nth-of-type(2)>a:after,.dh10>li:nth-of-type(2)>a:after,.dh11>li:nth-of-type(2)>a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}

.dh12>li:nth-of-type(3)>a,.dh13>li:nth-of-type(3)>a,.dh14>li:nth-of-type(3)>a{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
}
.dh12>li:nth-of-type(3)>a:after,.dh13>li:nth-of-type(3)>a:after,.dh14>li:nth-of-type(3)>a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}

.dh15>li:nth-of-type(4)>a,.dh16>li:nth-of-type(4)>a,.dh17>li:nth-of-type(4)>a,.dh18>li:nth-of-type(4)>a,.dh19>li:nth-of-type(4)>a{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
}
.dh15>li:nth-of-type(4)>a:after,.dh16>li:nth-of-type(4)>a:after,.dh17>li:nth-of-type(4)>a:after,.dh18>li:nth-of-type(4)>a:after,.dh19>li:nth-of-type(4)>a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}

.dh20>li:nth-of-type(5)>a,.dh21>li:nth-of-type(5)>a{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
}
.dh20>li:nth-of-type(5)>a:after,.dh21>li:nth-of-type(5)>a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}

.dh5>li:nth-of-type(6)>a{
	color: #0f9f8c !important;
	line-height: 48px;
	background-color: #ffffff !important;
}
.dh5>li:nth-of-type(6)>a:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-left: -10px;
	background-color: #08a68a;
}








.lg{
	position: absolute;
	right: 0;
	top: 0;
	padding-bottom: 20px;
	background-color: #08a68a;
	border: 3px solid #08a68a;
	border-radius: 0 0 50px 50px;
}
.lg-title{
	display: block;
	padding: 0 10px 5px;
}
.lg-title i{
	color: #fff;
	font-size: 36px;
	display: block;
	text-align: center;
}
.lg-title span{
	color: #fff;
	font-size: 16px;
	display: block;
	text-align: center;
	margin-top: -5px;
}

.lg-lis{
	display: none;
	padding: 0 8px;
}
.lg-lis li{
	margin: 1px 0;
}
.lg-lis li a{
	color: #fff;
	font-size: 14px;
	text-align: center;
	display: block;
	transition: all 0.33s;
}
.lg-lis li a:hover{
	color: #08a68a;
	background-color: rgba(255,255,255,1);
}







/* header结束 */















/* footer */
.footer{
	padding: 10px 0;
	background-color: #222;
}
.foot-tp{
	margin: 20px 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.foot-tp:after{
	content: "";
	display: block;
	clear: both;
}
.foot-tp-logo{
	float: left;
	width: 25%;
}
.foot-tp-logo img{
	width: 100%;
}
.foot-tp-logo ul{
	margin: 15px 0;
}
.foot-tp-logo ul:after{
	content: "";
	display: block;
	clear: both;
}
.foot-tp-logo ul li{
	float: left;
	padding: 0 6px;
}
.foot-tp-logo ul li a{
	display: block;
}
.foot-tp-logo ul li a i{
	color: #fff;
	font-size: 30px;
	transition: all 0.33s;
}
.foot-tp-logo ul li a:hover i{
	color: #08A689;
}

.foot-tp-cp{
	float: left;
	width: 37%;
	padding: 0 50px;
	margin-bottom: 10px;
}
.foot-tp-cp dt{
	margin-bottom: 15px;
}
.foot-tp-cp dt a{
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	transition: all 0.33s;
}
.foot-tp-cp dt a:hover{
	color: #08A689;
}
.foot-tp-cp dd{
	margin-bottom: 8px;
}
.foot-tp-cp dd a{
	display: block;
	color: rgba(255,255,255,.8);
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.33s;
}
.foot-tp-cp dd a:hover{
	color: #08A689;
}


.foot-tp-lx{
	float: left;
	width: 38%;
}
.foot-tp-lx li{
	color: #fff;
	font-size: 16px;
	margin-bottom: 8px;
}
.foot-tp-lx li i{
	color: #fff;
	font-size: 22px;
	margin-right: 8px;
	vertical-align: middle;
}
.foot-tp-lx li a{

	color: #fff;

	font-size: 16px;

	transition: all 0.33s;

}
.foot-tp-lx li a:hover{

	color: #08A689;

}

.foot-bt{
	margin: 10px 0 15px;
}
.foot-bt>div{
	color: rgba(255,255,255,.5);
	font-size: 16px;
}
.foot-bt>div a{
	color: rgba(255,255,255,.5);
	margin: 0 15px;
}








@media only screen and (max-width: 1200px) and (min-width: 992px) {

.foot-tp-logo ul {
    margin: 15px -8px;
}
.foot-tp-logo ul li {
    padding: 0 4px;
}


	
}




@media only screen and (max-width: 991px) and (min-width: 768px) {

	
.foot-tp-cp {
    padding: 0 30px;
}	


	
}



@media only screen and (max-width: 767px) {
.lg {
    display: none;
}
.navbar-default .navbar-toggle {
    display: none !important;
}	
.bannr {
    display: block;
    padding: 0 5px;
}
.nav {
	margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0;
    padding-left: 15px;
}
.nav>li {
    float: left;
    width: 33.3%;
    text-align: center;
}
.nav li a{
	padding: 5px 6px;
	line-height: 20px !important;
}
.dropdown-menu {
    display: none !important;
}

.TDnr-rg {
    display: none;
}
.TDnr-lf li i {
    font-size: 18px;
    margin-right: 6px;
}
.TDnr-lf li {
    font-size: 14px;
    margin-right: 18px;
}
.TDnr-lf li a{

	color: #fff;

	font-size: 14px;

	transition: all 0.33s;

}
.TDnr-lf li a:hover{

	color: #08A689;

}


	
.foot-tp-logo {
    width: 100%;
    margin-bottom: 20px;
}
.foot-tp-logo img {
    width: 100%;
    max-width: 500px;
}
.foot-tp-cp {
    display: none;
}
.foot-tp-lx {
    width: 100%;
    margin-bottom: 20px;
}
.foot-tp-lx li a{

	color: #fff;

	font-size: 14px;

	transition: all 0.33s;

}
.foot-tp-lx li a:hover{

	color: #08A689;

}	



	
}


@media only screen and (max-width: 420px) {
.navbar-brand {
    height: 62px;
}

}