@charset "utf-8";
/* CSS Document */
*{font-size:16px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.5s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#c2effd;}
a:hover{color:#23ac54;}

/*header*/
.header{max-width:980px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{font-size:16px;transition:all 0.4s;}
.header .right a:hover{color:#23ac54;}

/*banner*/
.banner img{width:100%;}

/* .bg{
	background-image:url(images/bg2.jpg);
	background-repeat:no-repeat;
} */

.title{
	max-width:1000px;
	margin: auto;
	margin-top:60px;
	padding:1px 0 5px 0;
}
.title h1{
	font-size:46px;
	font-weight:bold;
	text-align:center;
	color:#111;
}


.dd{
    max-width:960px;
    margin: auto;
    padding:20px;
}
.dd h1{
    font-size:24px;
	font-weight:bold;
    color:#111;
}
.dd p{
    font-size:20px;
    line-height:40px;
    text-indent:2em;
    margin-top:10px;
}
.dd strong{
    color:#111;
	font-size:20px;
}
.dd span{
    color:#23ac54;
	font-size:20px;
}
.dd a{
    color:#23ac54;
	font-size:20px;
	font-weight:bold;
}


.kp{
    max-width:1000px;
    margin: auto;
    margin-top:20px;
}
.kp li{
    border-bottom:#ccc solid 1px;
    padding:5px 0;
    margin:20px 0;
    text-align:center;
    transition:all 0.5s;
}
.kp li a{
    display:inline-block;
    width:100%;
    height:100%;
    font-size:30px;
	font-weight:bold;
    display:block;
    transition:all 0.5s;
}
.kp li:hover{
    border-bottom:#23ac54 solid 1px;
    background-color:#23ac54;
	margin-left:30px;
}
.kp li:hover a{
    color:#fff;
}


.sj{
	max-width:996px;
	margin: auto;
	height:680px;
	overflow:scroll;
	overflow-x:hidden;
	border:#010101 solid 2px;
}


.pt{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}

.pt-box{
	float:left;
	width:480px;
	background-color:rgba(255,255,255,1);
	transition:all 0.5s;
}

.pt-box:hover{
	box-shadow:0 0 3px #333;
}

.pt-lr{
	margin-left:40px;
}

.pt-title{
	height:30px;
	background-color:#23ac54;
}

.pt-title h2{
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
	font-weight:bold;
	color:#fff;
}

.pt-title a{
	float:right;
	margin-right:4px;
	line-height:30px;
	font-size:14px;
	color:#ddd;
	transition:all 0.5s;
}

.pt-title a:hover{
	color:#fff;
}

.pt-title img{
	height:28px;
	margin-top:1px;
}

.pt p{
	width:460px;
	margin-left:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pt p a{
	transition:all 0.5s;
	line-height:30px;
	color:#000;
	font-size:13px;
}
.pt p a:hover{
	color:#459df5;
}





.img{
	height:480px;
	overflow:scroll;
	overflow-x:hidden;
	margin-top:20px;
	border:#ccc solid 1px;
}
.img a{
	border:#ccc solid 2px;
	float:left;
	margin:5px 3px;
}
.img a p{
	text-align:center;
	font-weight:bold;
	transition:all 0.5s;
}
.img a img{
	opacity:0.8;
	transition:all 0.5s;
}
.img a:hover{
	border:#23ac54 solid 2px;
}
.img a:hover p{
	color:#23ac54;
}
.img a:hover img{
	opacity:1;
}




.sdlg{
	max-width:1000px;
	margin: auto;
	position:relative;
}
.sdlg li{
	float:left;
	background:#fff;
	margin:10px 20px;
	cursor: pointer;
	opacity:0.75;
	transition:all 0.5s;
}
.sdlg li:hover{
	opacity:1;
}
.thx{
	position:absolute;
	top:5px;
	left:20px;
	background:rgba(17,17,17,0.95);
	font-size:40px;
	width:960px;
	height:340px;
	text-align:center;
	line-height:340px;
	z-index:999;
	display:none;
}

.tsgg{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}
.tsgg a{
	width:50%;
	float:left;
}

.zt{
    max-width:1000px;
    margin: auto;
    margin-top:20px;
}
.zt li{
    float:left;
    width:460px;
    height:80px;
    margin:5px 20px;
}
.zt li img{
    width:100%;
    height:80px;
}


.pd{
    max-width:1000px;
    margin: auto;
    margin-top:20px;
}
.pd li{
    float:left;
    width:320px;
    height:80px;
    margin:5px;
}
.pd li img{
    width:100%;
    height:80px;
}


.hb{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
}
.hb input{
	width:50%;
	height:40px;
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	transition:all 0.5s;
}
.hb .current{
	background-color:#23ac54;
	color:#fff;
}

.tu{
	max-width:996px;
	margin: auto;
	height:700px;
	border-left:#ccc solid 2px;
    border-right:#ccc solid 2px;
    border-bottom:#ccc solid 2px;
	overflow:scroll;
	overflow-x:hidden;
	position:relative;
}
.tu li{
	position:absolute;
	top:0;
	left:0;
	float:left;
	display:none;
}


.sl{
	max-width:950px;
	margin: auto;
	margin-top:20px;
}
.sl p{
	width:300px;
	margin: auto;
}
.sl span{
	width:20px;
	height:20px;
	background-color:#23ac54;
	border-radius:50%;
	display:block;
	float:left;
	margin-left:30px;
}
.sl a{
	float:right;
}



.gg{
	max-width:1000px;
	margin: auto;
	margin-top:20px;
}
.gg-box{
	float:left;
	width:320px;
	box-shadow:0 0 3px #333;
	background-color:rgba(255,255,255,0.95);
	margin-top:10px;
	position:relative;
}
.more{
	position:absolute;
	top:0;
	right:0;
	transition:all 0.5s;
}
.more:hover{
	color:#23ac54;
}
.g-l{
	float:left;
	width:140px;
}
.g-l img{
	width:140px;
	height:140px;
}
.g-r{
	float:right;
	width:180px;
	text-align:center;
}
.g-r a{
	font-size:18px;
	display:block;
	color:#111;
	margin-top:36px;
	transition:all 0.5s;
}
.g-r p{
	margin-top:10px;
	color:#555;
	font-size:12px;
}
.gg-lr{
	margin-left:15px;
	margin-right:15px;
}
.g-r a:hover{
	color:#23ac54;
}


.lstd{
	max-width:1000px;
	margin: auto;
	margin-top:10px;
}
.lstd li{
	float:left;
	margin:10px 15px;
	width:135px;
	height:45px;
}
.lstd li img{
	width:100%;
	height:100%;
}



.footer a{
	transition:all 0.5s;
}
.footer a:hover{
	color:#23ac54;
}

.wq{
	max-width:1000px;
	margin: auto;
}
.wq li{
	float:left;
	margin:30px 10px;
	overflow:hidden;
	transition:all 0.5s;
}
.wq li:hover{
	margin-top:10px;
	box-shadow:0 3px 0 #111;
}

.showbox{
	max-width:850px;
	margin: auto;
	min-height:402px;
	margin-top:20px;
	position:relative;
	padding:20px 20px 20px 130px;
}
.btn{
	position:absolute;
	width:120px;
	top:20px;
	left:0;
}
.btn input{
	text-align:center;
	width:100%;
	height:50px;
	font-weight:bold;
	background-color:#eee;
	transition:all 0.5s;
}
.btn .current{
	margin-left:-15px;
	background-color:#23ac54;
	color:#fff;
	opacity:1;
	box-shadow:0 2px 0 #111;
}
.content{
	margin-left:20px;
	position:relative;
	top:0;
	left:0;
	display:none;
	transition:all 0.5s;
}
.content p{
	line-height:30px;
}
.content h3{
	margin:30px 0 7px 0;
	color:#23ac54;
	font-weight:bold;
}
.content li{
	line-height:30px;
}
.fd{
	float:left;
	margin:10px 20px;
}


.swiper-container{
    max-width:1000px;
	margin: auto;
	margin-top:20px;
}
.swiper-slide{
	height:200px;
	overflow:hidden;
	text-align:center;
}
.swiper-slide img{
	height:200px;
	transition:all 0.5s;
}
.swiper-slide p{
	transition:all 0.5s;
}
.swiper-slide:hover p{
	color:#23ac54;
}


@media(max-width:1000px){
	.pt-lr{margin-left:20px;}
	.pt-logo a{margin:10px 6px;}
	.box-lr{margin-left:20px;}
	.zt li{margin:5px 15px;}
	.pd li{margin:3px;}
	.wq li{margin:30px 7.5px;}
	.sdlg li{margin:10px 1.5px;}
	.img a{margin:5px 2px;}
	.lstd li{margin:10px 14px;}
	.gg-lr{margin-left:10px;margin-right:10px;}
}