.container{background: #F6F6F6;}
body{ background: url(../images/h5bg02.png) top center no-repeat #ffffff; position: relative;background-size: 100%;}
.box{background: #FFF;border-radius: 5px;border:1px solid #FFF; height: auto;overflow: hidden;margin: 10px 0px;padding: 20px 10px;}
.h5_title{font-size:28px;font-weight: bold;line-height:200%;text-indent:1em;}
.h5_list li{float: left;width: 50%;text-align: center;margin: 10px 0px;height: 200px;}
.h5_list li a{display:inline-table;background:url(../images/h5pic01.png) no-repeat bottom center;background-size: 100% 100%; text-decoration: none;width: 95%;height: 200px;}
.h5_list li.p02 a{background:url(../images/h5pic02.png) no-repeat bottom center;background-size: 100% 100%;}
.h5_list li.p03 a{background:url(../images/h5pic03.png) no-repeat bottom center;background-size: 100% 100%;}
.h5_list li.p04 a{background:url(../images/h5pic04.png) no-repeat bottom center;background-size: 100% 100%;}
.h5_list li.p05 a{background:url(../images/h5pic15.png) no-repeat bottom center;background-size: 100% 100%;}
.h5_list li.p06 a{background:url(../images/h5pic16.png) no-repeat bottom center;background-size: 100% 100%;}
.h5_list li a p{font-size: 56px;line-height:96px;padding-left:40px;margin:60px 0px;text-align: left;}
.h5_list li.p01 a p{color: #233786;}
.h5_list li.p02 a p{color: #784526;}
.h5_list li.p03 a p{color: #771C1C;}
.h5_list li.p04 a p{color: #225365;}
.h5_list li.p05 a p{color: #3AC6A4;}
.h5_list li.p06 a p{color: #5A93FE;}
.h5_list2 li{width: 33%;float: left;text-align: center;margin: 10px 0px;background: url(../images/h5bg01.png) no-repeat center right;}
.h5_list2 li:last-child{background: none;}
.h5pic{width: 100%;}
@media (min-width: 980px) and (max-width: 1200px){}
@media (min-width: 768px) and (max-width: 979px){}
@media (max-width: 767px){
	.h5_list li{float: left;width: 50%;text-align: center;margin: 10px 0px;height: auto;}
	.h5_list li a{height: auto;}
	.h5_list li a p{font-size: 20px;line-height:26px;padding-left:40px;margin:20px 0px;text-align: left;}
	.h5_list2 li a img{width: 60%;height: 60%;}
	.h5_list2 li a p{text-align: center;margin-top: 10px;}
	.header {height: auto;padding: 20px 0 80px;}
	.header .logo{ padding-top: 0; max-width: 80%; height: auto;margin-top: 40px;}
}
@media (max-width: 480px){}