html{overflow-y:scroll}
body{margin:0;color:#333;font-size:16px;font-family:Verdana,"Microsoft YaHei",Arial,sans-serif}
img{border:0;vertical-align:middle}
p{margin:0}
.q{zoom:1}
.q:after{clear:both;display:table;content:"";line-height:0}

.banner{position:relative;height:500px;background-image:url(img/banner.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat}
.banner .logo{margin:0 auto;width:1200px;padding-top:30px}
.banner .logo img{height:100px}
.banner p{color:#007095;text-align:center;text-shadow:rgba(255,255,255,.8) 2px 0 0,rgba(255,255,255,.8) 0 2px 0,rgba(255,255,255,.8) -2px 0 0,rgba(255,255,255,.8) 0 -2px 0;letter-spacing:3px;font-weight:700;font-size:60px;line-height:85px}

.box_1{margin:0 auto;width:1200px}
.box_1 .name{border-bottom:solid 1px #e1e1e1;text-align:center;font-size:20px;line-height:60px}

.box_2{margin:0 auto;padding:10px 0;width:1200px}
.box_2 p{margin:0;padding:5px 0;color:#444;text-align:justify;text-indent:2em;line-height:32px}
.box_2 .cnend{text-indent:0;padding-bottom:10px}
.box_2 .en{text-indent:0;color:#333;font-family:Arial,sans-serif;text-align:left;line-height:26px}

.box_3{margin:0 auto;width:1200px}
.box_3 .l{float:left}
.box_3 .r{float:right}
.box_3c{text-align:center;padding-bottom:40px}
.box_3c a{position:relative;display:block;color:#032950;text-decoration:none;font-weight:700;font-size:18px}
.box_3c p{height:35px}
.box_3 img{width:580px;height:810px}
.box_3 span{position:absolute;top:35px;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05)}

.img{background:#f1f1f1}
.img ul{margin:0 auto;padding:30px 0;width:1200px;list-style-type:none}
.img li{float:left;padding:15px 0 15px 30px;width:380px}
.img .img0{padding-left:0}
.img div{background:#FFFFFF;cursor:pointer;text-align:center;padding-top:15px;transition:all .2s linear}
.img img{width:350px;height:230px}
.img p{line-height:25px;padding:10px 0 15px 0}
.img div:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translate3d(0,-4px,0)}
.img3 p{line-height:50px}

@media(max-width:1024px){
	html{overflow-y:visible}
	.banner{height:280px;background-position:left top}
	.banner .logo{width:auto;text-align:center;padding:20px 0 10px 0}
	.banner p{letter-spacing:3px;font-weight:700;font-size:32px;line-height:50px;;text-shadow:rgba(255,255,255,.8) 1px 0 0,rgba(255,255,255,.8) 0 1px 0,rgba(255,255,255,.8) -1px 0 0,rgba(255,255,255,.8) 0 -1px 0}

	.box_1{margin:0 8px;width:auto}
	.box_2{width:auto;padding:10px 16px}

	.box_3{width:auto}
	.box_3 .box_3c{float:none;padding:0 10px 30px 10px}
	.box_3 img{max-width:100%;height:auto}

	.img ul{padding:0;width:auto;display:flex;flex-direction:column;}
	.img li{padding:10px 0 0 0!important;float:none;box-sizing:border-box;width:auto}
	.img div{padding:15px 15px 0 15px}
	.img img{max-width:100%;height:auto}
	.img3 p{line-height:25px}
}