﻿/* CSS Document */

.banner{
	width:100%;
	height:282px;
	background-image:url(../images/051_02.png);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:1px;}

.banner ul{
	width:819px;
	height:auto;
	margin:auto;
	margin-top:138px;}

.banner ul li{
	width:168px;
	height:105px;
	margin:0 17px;
	background-color:#63c6ab;
	float:left;}

.banner ul li a{
	display:block;
	width:100%;
	height:auto;
	font-size:18px;
	color:white;
	text-align:center;
	padding-top:65px;}

.banner ul li:hover{
	background-color:#63c6ab;}

/*给banner li下面的a加上背景图标*/
.banner ul li:nth-child(1) a{
	background-image:url(../images/036_03.png);
	background-repeat:no-repeat;
	background-position:center 21px;}

.banner ul li:nth-child(2) a{
	background-image:url(../images/037_03.png);
	background-repeat:no-repeat;
	background-position:center 21px;}

.banner ul li:nth-child(3) a{
	background-image:url(../images/039_03.png);
	background-repeat:no-repeat;
	background-position:center 21px;}

.banner ul li:nth-child(4) a{
	background-image:url(../images/050_03.png);
	background-repeat:no-repeat;
	background-position:center 21px;}


/*.banner a{
	width:100%;
	height:auto;}

.banner a img{
	width:100%;}*/

.content{
	width:100%;
	height:auto;}

.content .news{
	width:1000px;
	height:auto;
	margin:auto;
	margin-top:14px;}

.content .news .news-left{
	width:400px;
	height:303px;
	float:left;}

.content .news .news-left a{
	display:block;
	width:100%;
	height:auto;}
	
.content .news .news-left img{
	max-width:100%;}

.content .news .news-right{
	width:576px;
	height:auto;
	float:right;}

.content .news .news-right .tab{
	width:100%;
	height:auto;
	border-bottom:2px solid #3ebb99;}

.content .news .news-right .tab span{
	display:block;
	float:right;
	line-height:39px;
	font-size:10px;}

.content .news .news-right .tab a{
	display:block;
	width:120px;
	height:39px;
	background-color:#eeeeee;
	float:left;
	text-align:center;
	line-height:39px;
	color:#000;}

/*点击tab后背景颜色和字体颜色都改变*/
.color{
	background-color:#3ebb99!important;
	color:#FFF!important;}

.content .news .news-right .lie{
	width:100%;
	height:255px;
	overflow:hidden;
	border: 1px solid #d2d2d2;}

.content .news .news-right .details{
	width:100%;
	height:260px;}


.content .news .news-right .details ul{
	width:100%;
	height:auto;}

.content .news .news-right .details ul li{
	width:288px;
	height:auto;
	text-align: center;
	float:left;}

.content .news .news-right .details ul li a{
	display:block;
	width:100%;
	height:auto;}


/*第一个增加了列表*/
.content .news .news-right .details dl{
	width:100%;
	height:auto;}

.content .news .news-right .details dl dd{
	width:557px;
	height:auto;
	margin:auto;
	text-align: center;
	border-bottom: 1px dashed #efeeee;}

.content .news .news-right .details dl dd a{
	display:block;
	width:100%;
	height:auto;}
.content .news .news-right .details dl dd a .word{
	width: 459px;
    height: auto;
    line-height: 42px;
    float: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a3a3a3;
    font-size: 14px;
    background-image: url(../images/026_07.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;}


.content .news .news-right .details dl dd a span{
	display: block;
    width: 67px;
    height: auto;
    font-size: 12px;
    float: right;
    line-height: 42px;
    color: #a3a3a3;}

/**/




.content .news .news-right .details ul li .pic{
	margin-top:29px;}

.content .news .news-right .details ul li p{
	font-size:24px;
	font-weight:bold;
	color:#000;
	line-height:46px;
	margin-bottom:10px;}

.content .mailbox{
	width:1000px;
	height:auto;
	margin:auto;}

.content .mailbox .left{
	width:811px;
	height:auto;
	float:left;}

.content .mailbox .left ul{
	width:100%;
	height:auto;}

.content .mailbox .left ul li{
	width:400px;
	height:auto;
	float:left;
	margin-top:19px;}

/*鼠标以上的效果*/
.content .mailbox .left ul li a:hover{
	color:#000;
	background-color:rgba(255,255,255,0.5);}




/*给li加背景图片*/
.content .mailbox .left ul li:nth-child(1){
	background-image:url(../images/013_12.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-right:11px;}

.content .mailbox .left ul li:nth-child(3){
	background-image:url(../images/015_13.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

.content .mailbox .left ul li a{
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	line-height:96px;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	background-color:rgba(255,255,255,0);}

.content .mailbox .left dl{
	width:100%;
	height:auto;}

.content .mailbox .left dl dd{
	width:261px;
	height:auto;
	float:left;
	margin-top:19px;}


/*鼠标移上去的效果*/

.content .mailbox .left dl dd a:hover{
	color:#000;
	background-color:rgba(255,255,255,0.5);}





/*给dd加背景图片*/
.content .mailbox .left dl dd:nth-child(1){
	background-image:url(../images/016_16.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-right:13.7px;}

.content .mailbox .left dl dd:nth-child(2){
	background-image:url(../images/017_17.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-right:13.7px;}

.content .mailbox .left dl dd:nth-child(3){
	background-image:url(../images/019_17.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}

.content .mailbox .left dl dd a{
	display:block;
	width:100%;
	height:auto;
	text-indent:20px;
	line-height:50px;
	font-size:17px;
	color:#FFF;
	font-weight:bold;
	background-color:rgba(255,255,255,0);
	}

.content .mailbox .right{
	width:189px;
	height:auto;
	text-align:center;
	float:left;
	background-color:rgba(255,255,255,0);}

.content .mailbox .right img{
	max-width:100%;
	margin-top:19px;}

.content .mailbox .right p{
	font-size:16px;
	color:#666666;
	text-align:center;
	line-height:36px;}

.content .friendship{
	width:1000px;
	height:auto;
	line-height:59px;
	margin:auto;}

.content .friendship span{
	font-size:16px;
	color:#666666;
	margin-left:6px;}


/*鼠标移上去的效果*/
.content .friendship span:hover{
	color:#ef9748;}

/**/

.content .friendship a{
	font-size:16px;
	color:#666666;
	margin-left:56px;
	}

/*鼠标移上去的效果*/
.content .friendship a:hover{
	color:#ef9748;}



/*带文字的轮播样式修改*/
.content .sliderDescription{
	width:100%;
	background-color:rgba(50,158,151,0.6);
	height:40px;
	line-height:40px;
	position:absolute;
	bottom:0;
	color:#FFF;
	text-indent:10px;
	font-size:12px;}
	
.content .mx-navigation{
	display:none;}
	
.content .mx-nav_dots {
    position: absolute;
    width: 14%;
	bottom:7.5px;
	right:0;
    text-align: center;
    z-index: 889;}
	
.content	.mx-nav_dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px;
    font-size: 0px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0px solid #333;
    background-color: #e3ecfa;
    cursor: pointer;}
	
.content	.mx-nav_dots span.dotActive{
	background-color:#ff8624;}