﻿*{margin:auto;padding:0;box-sizing: border-box;}
body{font: normal 1em ;background: #f8f8f8;font-family: "微软雅黑"}
.container{margin:auto;width: 1200px;}
 
.shadow:hover{box-shadow: 5px 5px 5px #999;}

.banner{width: 100%;overflow:hidden;}
.banner img{width: 100%;}
.banner .content{position: absolute;top: 120px;width: 60%;left: 20%;
	text-align: center;margin:auto;color:#fff;}
.banner .content .title{font-size: 1.6em;font-weight: 550;}
.banner .content .text{display: flex;margin:auto;margin-top: 1em}
.banner .content .text>div{border:1px solid #fff;border-radius: 2px;padding:4px 8px;
	opacity: 0.8}

.leftcon .showimg:first-child{margin-top: 5px;}
.leftcon .showimg{width: 100%;overflow: hidden;margin-top: 20px;/*height: 120px;*/
	overflow: hidden;position: relative;border-radius: 8px;cursor: pointer;}
.leftcon .showimg img{width: 100%;pointer-events: none; }
.leftcon .showimg .zhe{position: absolute;bottom: 0;line-height: 3em;color:#fff;font-weight: 550;
	border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;
	background: rgba(0,0,0,0.8);font-size: 1.2em;text-align: center;width: 100%;}

.rightcon{background: #fff;margin-top: 20px;border-radius: 8px;
	padding:10px 10px 40px;}
.rightcon .title{text-align: center;padding:30px 10px;
	border-bottom: 1px dashed #dddddd;margin-top: 10px}
.rightcon .title .big{font-size: 1.2em;color: #1558a0}
.rightcon .title .big1{font-size: 18px;color: #1558a0}
.rightcon .title .small{font-size: 1em;color: #8c8c8c;margin-top: 10px}
.rightcon .con{color:#6d6d6d;margin-top: 10px;}
.rightcon .con .top{font-weight: bold}
.rightcon .con>div{color:#6d6d6d;padding:30px 10px 0;line-height:26px;letter-spacing:1.3px;font-size:15px;}
.rightcon .con .bottom{width: 80%;text-align: center;overflow: hidden;margin:auto;}
.rightcon .con .bottom img{width: 100%;}

.page{margin:70px auto 60px;text-align:center;font-size:0.8em}
.current{border:1px solid #d9d9d9;padding:8px 14px;color:#4f4f4f}
.pageinfo{border:none;color:#4f4f4f}
.pagenum{border:1px solid #d9d9d9;padding:8px 10px;}
.pagedown,.pageup{border:1px solid #d9d9d9;padding:8px 12px;}
.pageend,.pagefirst{display:none}

@media screen and (min-width: 1200px){
	.container{width: 1100px;}
 	.left .showimg .zhe{line-height: 4em}

	.right{padding:30px 20px 50px;}
	.right .title{padding:30px 50px 40px;}
	.right .con{margin-top: 20px;padding:0 10px;}
	.right .con>div{padding:30px 10px 0;}
}
@media screen and (min-width: 980px) and (max-width: 1200px){
	.container{width: 980px;}
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.container{width: 768px;}
}
@media screen and (max-width: 768px) {
 	.container{width: 100%;}
 	.left .showimg .zhe{line-height: 2em}
 	.right .title{padding: 14px 0}
	.right .title .small{margin-top: 2px}
	.right .con>div{padding:14px 10px 0;}

}
.container .leftcon{padding: 15px 15px 15px 0;margin-right: 00px;}