/*首页幻灯大图 */
body{padding-top: 0px;}
.ztbg{background: url(../images/bg01.png) no-repeat top center #DFF3FE;}
.ztbg01{background: url(../images/bg04.png) no-repeat top center #FFF;}
.logo{height: 100px;margin-top: 20px;}
.logo img{width: 250px;}
.logo img.logor{width:auto;float: right;}
.logo-title{text-align: center;margin: 0px auto;height: 315px;}
.header{width: 100%;height: auto;padding: 0px;}
.bgw{background-color: #FFF;margin-bottom: 30px;}
.box{margin: 30px;padding: 30px 50px; border: 1px solid #6699CC;background:url(../images/bg03.png) no-repeat top center #E6F1FE;box-shadow: 15px 15px 10px 0 #8CB7F6; }
.box p{text-indent: 2em;line-height: 35px;text-align: left;font-weight: 400;color: #1A5AB1;font-size: 16px;}
.box p.center{text-align: center;font-weight: bold;}
.ul-box{background: #FFF;padding:15px;display: block;height: auto;margin-top: 30px;height: auto;overflow: hidden;margin-bottom: 20px;}
.ul-box{width: ;}
.ul-box ul li{float: left;width: 14.2857%;text-align: center;list-style: none;text-align: center; }
.ul-box ul li a{display: block;margin: 0px auto;overflow: hidden;height: auto;text-align: center;}
.ul-box ul li a img{width: auto;}
.ul-box ul li a:hover{text-decoration: none;}
.ul-box ul li:nth-child(4n+2) a{margin-top: 120px;}
.ul-box ul li:nth-child(2n+3) a{margin-top: 180px;}
.ul-box ul li:nth-child(4) a{margin-top: 210px;}
.ul-box ul li:nth-child(7) a{margin-top: 0px;}
.foot{background: #244E8C;}
.foot_fr p,.foot_fr p a,.foot_er ul li p{color: #FFF;}
/*子栏目*/
.title{margin: 30px; display: grid;align-items: center;justify-content: center;height: 58px;background: url(../images/title-bg.png) no-repeat bottom center;}
.title-center{width: auto;height: 58px;display: block;overflow: hidden;}
.title-center .title-left{float: left;background: url(../images/title-left.png) top right;width: 187px;height:47.5px;}
.title-center .title-name{font-style: italic;-webkit-font-skew: 10deg;float: left;text-align:center;background: #436EDE;height: 27.5px;padding: 10px 20px;}
.title-center .title-right{float: right;background: url(../images/title-right.png) top left;width: 187px;height:47.5px;}
.title-center .title-name a,.title-center .title-name a:hover,.title-center .title-name a:visited{text-decoration: none; line-height: 27px;font-size: 24px;font-weight: bold;color: #FFF;}
.boxdiv{margin: 30px 30px 0px 30px;height: auto;overflow: hidden;}
.box01 h4{text-align: center;font-size: 22px;font-weight: bold;line-height: 150%;margin: 20px 0px;}
.box01 p{text-indent: 2em;font-size: 14px;text-align: left;color: #666666;}
.title01{ background: url(../images/title-bg02.png) no-repeat bottom left;height: 61px;}
.title01 h4{float: left; width: 110px;height: 61px;line-height: 61px;text-align: center;background: url(../images/title-bg01.png) no-repeat bottom left;color: #436EDE;font-size: 18px;font-weight:bold;margin: 0px 0px;}
.title01 .more{float: right;margin-right: 20px;line-height: 61px;color: #436EDE;font-size: 14px;}
.list{margin-top: 20px;list-style-type: circle;color: gray;}
.list li{line-height: 35px;text-align: left;text-indent: 1em; background: url(../images/disc.png) no-repeat left 50%;}
.list li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.piclist{ width: auto;overflow: hidden;height: auto;}
.piclist li{width: 23%;float: left;position: relative;text-align: center;margin: 0px 1%;}
.piclist li:nth-child(1){margin-left: 0px;}
.piclist li:nth-child(4){margin-right: 0px;}
.piclist li a img{width: 100%;height:372px;}
.piclist li:nth-child(2n) a img{margin-top: 70px;}
.piclist li a div{height:auto;background: #436EDE;width: 100%;position: absolute;bottom:0px;top:auto;}
.piclist li:nth-child(2n) a div{top:70px;bottom:auto;}
.piclist li a div p{margin: 20px;color: #FFF;font-size: 16px;text-align: left;line-height: 150%; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 设置显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;}
    
    
@media (min-width: 980px) and (max-width: 1200px){
	.body{padding-top: 20px;}
	.header{background-size: 150%;height: 420px;padding: 0px;}
	.logo{height: auto;}
	.logo-title{margin: 50px 0px 30px 0px;}
	.container{ background: none;}
	.ul-box{padding: 0px;margin: 30px 20px;}
	.ul-box ul li a img{width: 90%;}
}
@media (min-width: 768px) and (max-width: 979px){
	.body{padding-top: 20px;}
	.header{background-size: 150%;height: 420px;padding: 0px;}
	.logo{height: auto;}
	.logo-title{margin: 50px 0px 30px 0px;}
	.container{ background: none;}
	.box{background:url(../images/bg03.png) top center #E6F1FE;}
	.ul-box{padding: 0px;margin: 30px 20px;}
	.ul-box ul li a img{width: 90%;}
}
@media (max-width: 767px){
	.body{padding-top: 20px;}
	.header{background-size: 150%;height: 420px;padding: 0px;}
	.logo{height: auto;}
	.logo-title{margin: 30px auto;}
	.container{ background: none;}
	.box{background:url(../images/bg03.png) top center #E6F1FE;}
	.ul-box{padding: 0px;margin: 30px 20px;}
	.ul-box ul li a img{width: 90%;}
}
@media (max-width: 480px){
	body{padding-top: 0px;}
	.header{background-size: 150%;height: 240px;padding: 0px;}
	.boxdiv{margin: 0px 10px 0px 10px;}
	.box{margin: 10px;padding: 10px 20px; }
	.ul-box{padding: 0px;margin: 30px 20px;}
	.ul-box ul li a img{width: 90%;}
	.ul-box ul li:nth-child(4n+2) a{margin-top: 60px;}
	.ul-box ul li:nth-child(2n+3) a{margin-top: 100px;}
	.ul-box ul li:nth-child(4) a{margin-top: 120px;}
	.ul-box ul li:nth-child(7) a{margin-top: 0px;}
	.ul-box-ul li a{width: 95%;}
	.title-center .title-left{width: 70px;}
	.title-center .title-right{width: 70px;}
	.piclist li{width: 100%;margin: 20px 0px;}
	.piclist li:nth-child(2n) a img{margin-top: 0px;}
	.piclist li:nth-child(2n) a div{top:auto;bottom:0px;}
}