@charset "utf-8";

#main{
	width:640px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
}

/*公共头部*/
#header{
	width:640px;
	height:70px;
	padding:10px 0px;
	text-align:center;
	background-color:#333333;
}

#nav{
	width:610px;
	height:80px;
	padding:0px 15px;
	background-color:#ffffff;
}
#nav .navName{
	width:110px;
	height:75px;
	border-bottom:5px solid #ffffff;
	line-height:80px;
	margin:0px 6.25px;
	float:left;
	text-align:center;
	font-size:27px;
	color:#262626;
}
#nav .onfocus{
	border-color:#dc0004;
	color:#dc0004;
}
#nav .zhan{
	width:40px;
	height:80px;
	float:left;
	background-image:url(../Images/bgn1.png);
	background-repeat:no-repeat;
	background-position:center;
}

#banner{
	width:640px;
	height:320px;
}
#banner .swiper-container {
    width: 100%;
    height: 320px;
}
#banner .swiper-slide {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}
#banner .swiper-slide .picA{
	display:block;
	width:100%;
	height:100%;
}
#banner .swiper-slide .title{
	width:610px;
	height:77px;
	padding:0px 15px;
	position:absolute;
	bottom:0px;
	left:0px;
	line-height:77px;
	background-image:url(../Images/bgn2.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#ffffff;
	font-size:28px;
	overflow:hidden;
}
#banner .swiper-slide .title a{
	color:#ffffff;
}
#banner .swiper-pagination{
	width:95%;
	bottom:25px;
	text-align:right;
}
#banner .swiper-pagination span{
	background-image:url(../Images/bgn3.png);
	background-repeat:no-repeat;
	background-position:center;
	opacity:1;
	margin:0px 5px;
	width:12px;
	height:12px;
}
#banner .swiper-pagination .swiper-pagination-bullet-active{
	background-color:#ffffff;
}

/*公共底部*/
#footer{
	width:640px;
	height:80px;
	background-color:#dadada;
	text-align:center;
	line-height:80px;
    font-size:24px;
	color:#4d4d4d;
}
#footer img{
	vertical-align:middle;
	margin-right:10px;
}
#footer span{
	font-weight:bold;
	color:#4d4d4d;
	
}

/*首页*/
#index{
	width:640px;
	min-height:500px;
}
#index ul{
	width:640px;
	height:auto;
}
#index ul li{
	width:610px;
	height:106px;
	padding:25px 15px;
	border-bottom:1px solid #e5e5e5;
}
#index ul li .picture{
	width:142px;
	height:106px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#index ul li .details{
	width:450px;
	height:106px;
	float:right;
}
#index ul li .details .title{
    width:450px;
	height:42px;
	line-height:42px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:25px;
	color:#171717;
}
#index ul li .details .times{
    width:450px;
	height:32px;
	line-height:32px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:20px;
	color:#505050;
}
#index ul li .details .termini{
    width:450px;
	height:32px;
	line-height:32px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:20px;
	color:#505050;
}

/*活动回顾*/
#WebPicList{
	width:640px;
	min-height:500px;
}
#WebPicList ul{
	width:640px;
	height:auto;
}
#WebPicList ul li{
	width:610px;
	height:106px;
	padding:25px 15px;
	border-bottom:1px solid #e5e5e5;
}
#WebPicList ul li .picture{
	width:142px;
	height:106px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#WebPicList ul li .details{
	width:450px;
	height:106px;
	float:right;
}
#WebPicList ul li .details .title{
    width:450px;
	height:42px;
	line-height:42px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:25px;
	color:#171717;
}
#WebPicList ul li .details .brief{
    width:450px;
	height:64px;
	line-height:32px;
	overflow:hidden;
	font-size:20px;
	color:#505050;
}
#WebPicList ul li .details1{
	width:610px;
	height:106px;
	float:right;
}
#WebPicList ul li .details1 .title{
    width:610px;
	height:42px;
	line-height:42px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:25px;
	color:#171717;
}
#WebPicList ul li .details1 .brief{
    width:610px;
	height:64px;
	line-height:32px;
	overflow:hidden;
	font-size:20px;
	color:#505050;
}

/*影友作品*/
#WebNewsList{
	width:640px;
	min-height:500px;
}
#WebNewsList ul{
	width:640px;
	height:auto;
}
#WebNewsList ul li{
	width:610px;
	height:106px;
	padding:25px 15px;
	border-bottom:1px solid #e5e5e5;
}
#WebNewsList ul li .picture{
	width:142px;
	height:106px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#WebNewsList ul li .title{
    width:450px;
	height:106px;
	float:right;
	line-height:35px;
	overflow:hidden;
	font-size:25px;
	color:#171717;
}


#Load{
	width:640px;
	height:30px;
	background-color:#f4f4f4;
	text-align:center;
	line-height:30px;
	color:#505050;
}

/*详情页*/
#thisName{
	width:640px;
	height:80px;
	position:relative;
	line-height:80px;
	text-align:center;
	font-size:26px;
	color:#262626;
}
#thisName .back{
	width:70px;
	height:80px;
	background-image:url(../Images/bgn5.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	left:0px;
	top:0px;
}

#NewsShow{
	width:640px;
	height:auto;
	padding:20px 0px;
	background-color:#f4f4f4;
}
#NewsShow .box{
	width:640px;
	height:auto;
	background-color:#ffffff;
	margin-bottom:20px;
}
#NewsShow .last{
	margin-bottom:0px;
}
#NewsShow .box .top{
	width:640px;
	height:65px;
	border-bottom:1px solid #eaeaea;
}
#NewsShow .box .top .name{
	width:590px;
	height:65px;
	padding-left:20px;
	margin:0px auto;
	line-height:65px;
	background-image:url(../Images/bgn6.png);
	background-repeat:no-repeat;
	background-position:center left;
	font-size:26px;
	color:#dc0004;
}
#NewsShow .box .title{
	width:610px;
	height:auto;
	padding:15px;
	border-bottom:1px solid #eaeaea;
	line-height:45px;
	font-size:24px;
	font-weight:600;
	color:#171717;
}
#NewsShow .box .content{
	width:610px;
	height:auto;
	padding:20px 15px;
	border-bottom:1px solid #eaeaea;
    line-height:40px;
	font-size:20px;
	color:#2c2c2c;
	overflow:hidden;
}
#NewsShow .box .content img{
	margin:5px 0px;
}
#NewsShow .box .picBanner{
	width:610px;
	height:350px;
	margin:0px auto;
}
#NewsShow .box .picBanner .swiper-container {
    width: 100%;
    height: 350px;
}
#NewsShow .box .picBanner .swiper-slide {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}
#NewsShow .box .thePageInfo{
	width:610px;
	height:70px;
	padding:20px 15px;
	border-bottom:1px solid #eaeaea;
}
#NewsShow .box .thePageInfo .shang{
	width:295px;
	height:70px;
	line-height:70px;
	text-align:center;
	background-color:#f1f1f1;
	border-radius:5px;
	float:left;
	font-size:26px;
	color:#2e2e2e;
}
#NewsShow .box .thePageInfo .shang a{
	display:block;
	width:100%;
	height:100%;
	font-size:26px;
	color:#2e2e2e;
}
#NewsShow .box .thePageInfo .xia{
	width:295px;
	height:70px;
	line-height:70px;
	text-align:center;
	background-color:#f1f1f1;
	border-radius:5px;
	float:right;
	font-size:26px;
	color:#2e2e2e;
}
#NewsShow .box .thePageInfo .xia a{
	display:block;
	width:100%;
	height:100%;
	font-size:26px;
	color:#2e2e2e;
}
#NewsShow .box ul{
	width:640px;
	height:auto;
	padding-top:15px;
	overflow:hidden;
}
#NewsShow .box ul li{
	width:610px;
	height:50px;
	padding:0px 15px;
	border-bottom:1px solid #eaeaea;
}
#NewsShow .box ul li .title1{
	width:590px;
	height:50px;
	padding-left:20px;
	background-image:url(../Images/bgn7.png);
	background-repeat:no-repeat;
	background-position:center left;
	line-height:50px;
	font-size:22px;
	color:#2c2c2c;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#NewsShow .box ul li .title1 a{
	color:#2c2c2c;
}

/*关于我们*/
#OnePage{
	width:610px;
	height:auto;
	padding:15px;
	overflow:hidden;
	line-height:40px;
	font-size:20px;
	color:#2c2c2c;
}
#OnePage img{
	margin:5px 0px;
}

.sub-loading{
	width:640px;
	height:30px;
	/*background-color:#f4f4f4;*/
	text-align:center;
	line-height:30px;
	color:#505050;
}

/*调查页面*/
#GuestBook{
	width:610px;
	height:auto;
	padding:20px 15px;
}
#GuestBook h1{
	color:#171717;
	font-size:30px;
	text-align:center;
}
#GuestBook .tel{
	width:610px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:22px;
	color:#333333;
}
#GuestBook .tel span{
	margin-right:15px;
}
#GuestBook .daoyu{
	width:610px;
	height:auto;
}
#GuestBook .daoyu .a1{
	width:610px;
	height:auto;
	line-height:30px;
	font-size:22px;
	font-weight:bold;
	color:#333333;
}
#GuestBook .daoyu .a2{
	width:610px;
	height:auto;
	line-height:30px;
	font-size:22px;
	color:#333333;
	text-indent:2em;
}
#GuestBook form{
	display:block;
	width:610px;
	height:auto;
	overflow:hidden;
}
#GuestBook form table,#GuestBook form table tr th,#GuestBook form table tr td { 
    border:1px solid #cccccc; 
}
#GuestBook form table{
	width:100%;
	height:auto;
	border-collapse: collapse;
}
#GuestBook form table tr{
	width:100%;
	height:auto;
}
#GuestBook form table tr td{
	line-height:50px;
}
#GuestBook form table tr td.thead{
	font-size:26px;
	color:#333333;
	text-align:center;
}
#GuestBook form table tr td.left{
	font-size:22px;
	color:#333333;
	text-align:center;
}
#GuestBook form table tr td.right{
	font-size:22px;
	color:#333333;
	text-align:center;
}
#GuestBook form table tr td.right .input{
	height:40px;
	color:#333333;
	font-size:22px;
	line-height:40px;
}
#GuestBook form table tr td.right span{
	margin:0px 10px;
}
#GuestBook form table tr td.right .radio{
	vertical-align:middle;
	margin-top:-1px;
	margin-right:5px;
	appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
	width: 22px;
    height: 22px;
    background-color: #ffffff;
	border:1px solid #a7a7a7;
    display: inline-block;
	border-radius:22px;
}
#GuestBook form table tr td.right .radio:checked{
	background-color:#dc0004;
	border-color:#dc0004;
}
#GuestBook form table tr td.thead .textarea{
	outline: none;
	resize: none;
	line-height:40px;
	color:#333333;
	border:0px;
	font-size:22px;
}
#GuestBook form table tr td.thead .note{
	width:330px;
	height:40px;
	line-height:40px;
	font-size:22px;
	color:#868686;
	position:absolute;
	top:2px;
	left:-1px;
	pointer-events:none;
}
#GuestBook form .tijiao{
	width:610px;
	height:auto;
	margin-top:20px;
}
#GuestBook form .tijiao .submit{
	width:125px;
	height:43px;
	display:block;
	margin:0px auto;
	background-color:#ff8622;
	color:#ffffff;
	font-size:22px;
	border-radius:5px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ff0000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ff0000;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ff0000;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ff0000;
}