@import url("global.css");
.banner{
	width:100%;
	height:730px;
    background:url(../images/banner.jpg) no-repeat center top;
}
.banner_con{
	width:1200px;
	margin:0 auto;
}
.banner_con .logo{
	padding:40px 0 0 20px;
}
.summary_box{padding:10px 0;background-color: #196dde;}
.summary{ margin: 0 auto; width:1120px;padding:15px 40px;font-size: 18px; color:#fff; display: flex;justify-content: space-between;align-items: center;}
.summary img{margin-right:30px;margin-top: 10px;}
.summary p{ line-height: 1.8; text-indent: 2em;}


.block_title{ margin-top: 30px;height: 100px; text-align: center;}
.block_title strong{font-size: 0;}
.block_title.t01{ background: url(../images/tbg01.png) no-repeat center center;}
.block_title.t02{ background: url(../images/tbg02.png) no-repeat center center;}

/*pic*/
.leftLoop{ position:relative; padding-bottom: 60px;} 
.leftLoop .hd{} 
.leftLoop .hd .prev,.leftLoop .hd .next{ position: absolute;top:40%; display:block;  width:40px; height:40px; cursor:pointer; background:url("../images/icoLeft.png") no-repeat; transform: translateY(-50%);} 
.leftLoop .hd .prev{left:-80px}
.leftLoop .hd .next{right:-80px; background:url("../images/icoRight.png") no-repeat; } 

.leftLoop .hd ul{position: absolute;width:100%; bottom:0; text-align: center;} 
.leftLoop .hd ul li{ display:inline-block;width:41px; height:8px; overflow:hidden; background:#e4e4e4; margin-right:10px; text-indent:-999px; cursor:pointer; 
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} 
.leftLoop .hd ul li.on{ background:#4d9df7;} 

.leftLoop .bd{ margin-left: -20px;}
.leftLoop .bd ul li{ box-sizing: border-box; width:590px; margin-left: 20px;float:left;display:_inline;  }
.leftLoop .bd ul li div{padding:30px; min-height: 240px; height: auto; border: 1px solid #d5e7ff;background: #f4f9ff;}
.leftLoop .bd ul li div h1{font-size: 24px;margin-bottom:15px; padding-bottom: 15px; background: url(../images/title_bg.jpg) no-repeat left bottom; color:#338eeb}
.leftLoop .bd ul li div p{font-size: 16px; margin-bottom:10px;text-align:justify; line-height: 1.5;}
.leftLoop .bd ul li div:hover{ background: #eaf4ff; border: 1px solid #d5e7ff;}



.list01{
	padding:10px 0;
}
.list01 li{
	background:#f7f7f7;
	font-size:16px;
	line-height:27px; height: 242px; width: 1200px; margin: 20px 0;
	float: left;
}
.list01 li a{
	color:#333;
}
.list01 li .pic{float: left;}
.list01 li .pic img{width:409px; height: 242px;}
.list01 li .info{padding:30px; float: left; width:710px;}
.list01 li .info h1{font-size: 24px; margin:20px 0;}


.more{width:100%; text-align: center;display: block;margin: 0 0 43px 0;font-size:0}
.more1{margin:10px;}

.footer{border-top-color: #338eeb !important;}

/*活动预告长图链接*/
.yg_banner{margin-bottom:30px;padding:20px;border: 1px solid #d5e7ff;background: #f4f9ff;}
.yg_banner dl{display: flex;justify-content: space-between;align-items: center;padding:50px 0 50px 280px;background: url(../images/rili.png) no-repeat left 20px center; background-size: auto 100%;}
.yg_banner dt{font-size: 1.75rem;color: #2c8de7;font-weight:bold;}
.yg_banner dd{margin-right: 30px;}
.yg_banner dd a{display: block;padding:0.5em 1.5em; background-color: #2c8de7;color: #fff;border-radius: 10px;font-size: 1.3rem;}
.yg_banner dd a:hover{ background-color: #c00;text-decoration: underline;}
@media (max-width:1200px){
	.yg_banner dl{flex-direction: column;align-items: baseline;padding-left: 35%;background-size: auto 80%;}
	.yg_banner dt{font-size: 1.4rem;}
	.yg_banner dd{margin-right: 0;margin-top: 15px;}
}
@media (max-width:800px){
	.yg_banner dl{padding-top:50vw;padding-left:0;padding-bottom:20px;background-size: 80% auto; background-position: top center;align-items: center;text-align: center;}
	.yg_banner dd{margin-right: 0;margin-top: 15px;font-size: 1.2rem;}
}