.adbg{width:100%;background:url(../images/adbg.png) left top repeat-x;background-size:auto 100%;  position:absolute; left:0px; top:0px; z-index:99; height:20px;}
.adbgb{width:100%;background:url(../images/adbg.png) left top repeat-x;background-size:auto 100%;  position:absolute; left:0px; bottom:0px; z-index:99; height:20px;}
.bannbg {background-repeat: no-repeat;background-position: center top;height:420px;min-width: 1280px;background-color: #f5f5f5;background-size:100% 100%;}

.adinfo{width:1280px;margin:0 auto; padding-top:150px;text-shadow:5px 5px 10px rgba(0,0,0,1);font-size:60px;color: #fff;}


.locbd{padding:5px 0px;border-bottom:1px solid #E9E2DE;}
.listloc {height:55px;line-height:55px;width:1280px;margin:auto;}
.listloc span{font-size:25px;float:left;}
.locr{ float:right; font-size:14px;}

.containerbg {
	min-width: 1280px;
	background-attachment: fixed;
	background-image: url(../images/hgbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
	padding:60px 0px;
}


.subnav { text-align:center; margin-bottom:50px;}
.subnav a{min-width:80px;display:inline-block; font-size:16px;text-align:center;border-radius: 40px;background-color:#6640A3;height:40px;line-height:40px; padding:0px 20px;color:#fff; margin:0px 10px;}
.subnav a:hover{background-color:#9271C8;}
.subnav a.curr{background-color:#9271C8;}


.aboutcont {width: 1200px;background-color:#fff;padding: 40px;margin:auto; line-height:35px;box-shadow: 0px 0px 50px rgba(150,150,150,0.1); font-size:16px;
border-radius: 20px;
min-height:300px;
}
.aboutcont img{ max-width:100%;}



.listcont {width: 1200px;background-color:#fff;padding: 40px;margin:auto; line-height:35px;box-shadow: 0px 0px 50px rgba(150,150,150,0.1);
border-radius: 20px;
min-height:300px;
}


.norecord {
	background-image: url(../images/nodate.png);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding-top:240px;
	margin:70px auto;
	text-align:center;
	line-height:40px;
	font-size:16px;
	min-height:200px;
}

.newslist{ width:1200px; margin:auto;margin-top:50px; }
.newslist ul{min-height:350px;}
.newslist li{float:left;width:1200px;margin-bottom:40px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.1);background-color:#fff;}
.newslist .news_pic{float:left;width:300px;height:300px;}
.newslist .news_pic p{display: table-cell;vertical-align:middle;text-align:center;width:300px;height:300px;overflow:hidden;background-color:#f5f5f5;}
.newslist .news_pic p img{
vertical-align:middle;
max-width:300px;
max-height:300px;
-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;
}
.newslist li:hover .news_pic p img{-webkit-transform: scale(1.3,1.3);-moz-transform: scale(1.3,1.3);-ms-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3);transform: scale(1.3,1.3);}
.newslist dl{float:right;width:850px;padding:20px 15px;}
.newslist dt {width:87px;height:100px;float:left;margin-right:23px;text-align:center;font-size: 13px;line-height:25px;}
.newslist dt span{line-height:45px;font-size: 30px;font-weight:bold;}
.newslist dd {width:720px;float:left;}
.news_t{line-height:25px;}
.news_t a{ font-size:20px;display:block;}
.news_t i{ display:block; width:50px; height:2px;background-color: #6640A3;margin-top:15px;}
.news_info{line-height:25px; overflow:hidden;margin:15px 0px; height:125px; font-size:14px;color:#666666;}	
.news_more{margin-top:10px;}
.news_more a{ padding:6px 25px; display:inline-block;font-size:14px;border:1px solid #9271C8; transition: all 0.35s ease-in-out;text-transform : uppercase;color:#9271C8;border-radius: 20px;}
.news_more a:hover{background-color:#9271C8; color:#ffffff;}


.newstitle {
	line-height:50px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dashed #d5d5d5;
	font-size:16px;
}
.newstitle h4{font-size: 30px;}
.newsbot {line-height:30px;border-top:1px dashed #d5d5d5;margin-top:20px;padding:30px 0px;font-size:14px;text-align:center;}
.newsbot span{padding:3px 15px; margin:0 15px; display:inline-block;cursor:pointer;border:1px solid #6640A3; width:40%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;font-size:16px;}
.newsbot span.none{border:1px solid #cccccc;}
.newsbot span a{font-size:16px;}
.newspic { margin-bottom:10px;}
.newscontent {line-height:30px;padding:10px 0; font-size:14px;}
.newscontent img{ max-width:100%;}








.procat {
	width:1280px;
	margin:auto;
	margin-top:40px;
}
.procat dl{
	width:400px;
	height:400px;
	float:left;
	margin-right:40px;
	margin-bottom:40px;
}
.procat dl.mr0{
margin-right:0px;
}
.procat dl dt{
font-size:18px; text-align:center;
width:350px;
height:350px;
padding:5px;
-webkit-border-radius: 390px;
border-radius: 390px;
margin:auto;
background-color: #ddd;
transition: all .4s ease;
}

.procat dl dt:hover{
background-color: #BC2931;
}


.procat dl dt *{
	vertical-align:middle;
}
.procat dl dt img{
width:350px;
height:350px;
-webkit-border-radius: 390px;
border-radius: 390px;
cursor:pointer;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;
}
.procat dl dt img:hover{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari บอ Chrome */
    -o-transform:rotate(360deg); 	/* Opera */

}

.procat dl dd.tt{
font-size:24px; text-align:center; line-height:60px; font-weight:bold;
}

.probox {
	width:1280px;
	margin:auto;
}
.pronav {
	width:220px;
	float:left;
	position:relative;
}
.prolnav {
	width:220px;
	background-color: #fff;
	border-radius: 10px;
	padding-bottom:10px;
	top:100px;POSITION: absolute;
}


.ppfix{ position:fixed; width:1200px; top:0px; z-index:1000;}	



.pronav dt{
	background-color: #6640A3;
	color: #fff;
	padding:20px;
	font-size:20px;
	border-radius: 10px 10px 0 0;
}
.pronav dd{ line-height:40px; border-bottom:1px solid #eee;}
.pronav dd a{
	display:block;
	padding-left:30px;
	background-image: url(../images/icon04.gif);
	background-repeat: no-repeat;
	background-position: 18px center;
	font-size:18px;
	font-weight:bold;
}
.pronav dd a.curr{
	background-image: url(../images/icon03.gif);
	color: #BC2931;
}






.proright {width: 1030px;float:right;
}

.procont {width: 990px;background-color:#fff;padding: 20px;margin:auto; line-height:35px;box-shadow: 0px 0px 50px rgba(150,150,150,0.1); 
border-radius: 20px;
min-height:200px;margin-bottom:35px;
	background-image: url(../images/probg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% 100%;
	min-height:200px;
	font-size:18px;
	font-weight:bold;
}

.proyuan {width: 596px;
	height:596px;
	position:relative;
	margin:0px auto;
}

.proc {width: 596px;
	background-image: url(../images/proc1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
	height:596px;
-webkit-border-radius: 590px;
border-radius: 590px;
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
-ms-transition: -ms-transform 1s ease-out;
position:absolute; top:0px; left:0px;
}
.proca{width: 596px;height:596px;position:relative;}
.proca a{ display:block;position:absolute;}
.proca a.a1{width: 115px;height:115px;top:85px; left:85px;}
.proca a.a2{width: 120px;height:70px;top:40px; left:235px;}
.proca a.a3{width: 110px;height:110px;top:80px; left:400px;}
.proca a.a4{width: 60px;height:130px;top:235px; left:45px;}
.proca a.a5{width: 100px;height:95px;top:410px; left:85px;}
.proca a.a6{width: 110px;height:60px;top:492px; left:245px;}
.proca a.a7{width: 120px;height:115px;top:400px; left:395px;}
.proca a.a8{width: 60px;height:130px;top:235px; left:490px;}


.proc1 { position:absolute; top:170px; left:170px;}






/*.procont img{
width:590px;
height:590px;
-webkit-border-radius: 590px;
border-radius: 590px;
cursor:pointer;
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
-o-transition: -o-transform 1s ease-out;
-ms-transition: -ms-transform 1s ease-out;
}*/
.proc:hover{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 
    -moz-transform:rotate(180deg); 
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg); 

}










.Items_header{}
.Items_header *{vertical-align:middle;}
.Items_header span{font-size:30px;}
.Items_header p{width:140px; height:2px;background:#6640A3;margin:10px 0px;}


.piclist{margin:0px auto;}
.piclist li{float:left;width:320px;height:290px;margin-right:35px;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);transition: all 0.3s; margin-bottom:35px;background-color:#fff;border-radius: 15px; overflow:hidden;}
.piclist li:hover{box-shadow: 0px 0px 45px rgba(0,0,0,0.1);}
.piclist li.mr0{margin-right:0px;}
.piclist li p{
display: table-cell;
vertical-align:middle;
width:320px;
height:240px;
text-align:center;
overflow:hidden;
position:relative;
}
.piclist li img{max-width:320px;max-height:240px;-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.piclist li:hover img{-webkit-transform: scale(1.3,1.3);-moz-transform: scale(1.3,1.3);-ms-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3);transform: scale(1.3,1.3);}

.piclist dl {padding:10px 15px;}
.piclist dl dt{ font-size:18px; height:50px; overflow:hidden; line-height:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.piclist dl dd{ line-height:25px; color:#888; height:75px; overflow:hidden;}
.piclist dl dd.line{margin-top:10px; padding-top:10px;border-top:1px solid #f5f5f5;}
.piclist dl dd.vote{margin-top:10px; padding-top:10px;border-top:1px solid #f5f5f5;}
.piclist dl dd.vote span{ float:left; font-size:20px;color: #0045AC;}
.piclist dl dd.vote a{ float:right;display:inline-block; border-radius:4px;color:#ffffff;background-color: #0045AC;padding:0px 20px;}






.piccont {width: 1200px;background-color:#fff;padding: 40px;margin:auto; box-shadow: 0px 0px 50px rgba(150,150,150,0.1); border-radius: 20px;min-height:300px;}
.picitem {width: 550px; float:left;}

.procontr {
	float:right;
	width:600px;
}

.prot {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5DCD7;
	font-size: 24px;
	padding:10px 0px;
}
.proinfo1 {
	padding:15px 0px; font-size:14px;
}
.proinfo2 {
	padding:15px 0px;font-size:18px;
	font-weight:bold;
}
.alink a{display:inline-block;background:#333;color: #f7f7f7; font-size:18px;transition: all .4s ease;margin-right:15px; padding:0 20px; line-height:40px;}
.alink a.bg{background:#BC2931;}
.alink a:hover{background:#6640A3;}

.alink span{display:inline-block;background:#aaa;color: #f7f7f7; font-size:18px;transition: all .4s ease;margin-right:15px; padding:0 20px; line-height:40px;}




.xmTable{border-collapse:collapse;background-color:#f5f5f5;}	
.xmTable th{line-height:20px; text-align: left; font-weight:normal;padding:5px 0px; vertical-align:top; border:1px solid #fff;}	
.xmTable th p{padding:2px 10px;}	
.xmTable td{line-height:20px; padding:5px; border:1px solid #fff;}	
.xmTable span{ font-size:20px;color:#FF0000;}	
.xmTable i{ font-size:16px;color:#EFAC3D; font-style:normal;}	





.lxcont{}
.lxcont dl{ float:left;line-height:30px; padding:20px 0px; margin-right:10%; width:45%;}
.lxcont dt{font-size:24px;line-height:45px; margin-bottom:15px;text-align:left;border-bottom:1px solid #ccc; }
.lxcont dd{font-size:14px;text-align:left;}
.lxcont dd a{color:#6640A3;font-size:14px;}


.qyTable{border-collapse:collapse;}	
.qyTable th{line-height:25px; font-weight:normal;padding:10px; font-size:16px; text-align:left; font-weight:bold;}
.qyTable th i{font-weight:bold;color: #CC0000;}
.qyTable td{line-height:25px; padding:10px;}	
.qyTable th.tit{font-size:20px; text-align:center;background-color: #E9F6FE; font-weight:bold;}	
.qyTable .red{color: #FF0000;}
.qyTable blockquote{ margin:0px  40px;}	
.textarea {border:1px solid #ddd;width:90%;padding:10px; line-height:25px;}
.tinput{border:1px solid #ddd; padding:5px 10px; height:25px; line-height:25px; width:90%;}
select.memsel{height:auto;padding:8px 5px;line-height:20px;border:1px solid #ccc;width:90%;background:#fff;}
input.zx_btn{ font-size:14px;background:#F2711C; padding:5px 45px;border:none;height:40px; color:#FFF;border-radius:2px;cursor:pointer;}
input.qr{background-color: #6640A3;}




.Page{ text-align: center; padding:30px 0; font-size:14px;}
.Page b{color: #E62129;font-size:16px;}
.Page span{ padding:10px 15px; margin:0 3px; display:inline-block; color:#999999; border:1px solid #ccc;}
.Page a{ padding:10px 15px; margin:0 3px; display:inline-block;font-size:14px; background-color:#e3e3e3;border:1px solid #ccc;}
.Page a:link,.Page a:visited{}
.Page a:hover{
	color:#fff;
	text-decoration: none;
	background-color: #6640A3;
	border:1px solid #6640A3;
}
.Page .cur{ color:#fff;background-color: #6640A3;border:1px solid #6640A3;}
.Page a.cur:link,.Page a.cur:visited,.Page a.cur:hover{ color:#fff; }
