/* CSS Document */
@charset "utf-8";
.container{ }

.pc_banenr{ display:block; }
.sj_banenr{ display:none; }
@media (max-width: 640px) {
	.pc_banenr{ display:none; }
	.sj_banenr{ display:block; }
}


.boxe1{ }
.boxe1 .sd{ float:left; width:68%; padding:2.5% 0; padding-left:2%; background:#f0f0f0; position: relative;}
.boxe1 .sd .swiper-container02{ position:relative; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li{ float:left; width:42%; margin:0 3% 2% 5%; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date{ float:left; color:#1e338c; border:1px solid #1e338c; line-height:28px; text-align:center; width:20%; padding:8px 0; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li:hover .date{ background:#1e338c; color:#fff; border:1px solid #fff; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date strong{ font-weight:bold; font-size:2.4rem; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date span{ display:block; font-size:2.0rem; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date02{ display:none; font-size:1.2rem; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text{ float:left; margin-left:2%; width:75%; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt01{ font-size:2.0rem; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt01 a{ color:#333; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt01 a:hover{ color:#1e338c; text-decoration:underline; }
.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt02{ font-size:1.4rem; line-height:1.5; }
.boxe1 .sd .swiper-container02 .swiper-button-next02, .boxe1 .sd .swiper-container02 .swiper-button-prev02{ width:34px; height:21px; position:absolute; opacity:1; left:0% !important; }
.boxe1 .sd .swiper-container02 .swiper-button-next02{ left:0; background:url(ico_16.svg) center no-repeat; margin-top:-30px; }
.boxe1 .sd .swiper-container02 .swiper-button-prev02{ left:0; background:url(ico_17.svg) center no-repeat; margin-top:0; }

.boxe1 .sd .swiper-container02 .swiper-button-next02_sj, .boxe1 .sd .swiper-container02 .swiper-button-prev02_sj{ display:none; width:34px; height:21px; position:relative; left:0; opacity:1; float:left; margin-right:10px; }
.boxe1 .sd .swiper-container02 .swiper-button-next02_sj{ background:url(ico_16.svg) center no-repeat; margin-top:6px; }
.boxe1 .sd .swiper-container02 .swiper-button-prev02_sj{ background:url(ico_17.svg) center no-repeat; margin-top:6px; }
.boxe1 .sd .more01, .boxe1 .sd .more02{ font-size:1.6rem; line-height:2; text-align:right; margin-right:2%; }
.boxe1 .sd .more02{ display:none; }
.boxe1 .sd .more01{position: absolute;right: 3%;bottom: 6%}
.boxe1 .mm{ float:right; width:30%; background:url(ico_31.jpg) center no-repeat; background-size:cover; text-align:center; height:180px; }
.boxe1 .mm .tt01{ font-size:2.2rem; line-height:2; padding-top:15%; }
.boxe1 .mm .tt01 a{ color:#333; }
.boxe1 .mm .tt02{ margin-top:10px; font-size:18px; line-height:2; border:1px solid #999; padding:0 2%; display:inline-block; }
@media (max-width: 1600px) {
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt01{font-size: 1.6rem}
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt02{margin-top: 2%;height: 44px;overflow: hidden;}
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date strong{font-size: 2rem}
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date span{font-size: 1.6rem}
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date{line-height: 20px;padding: 14px 0}
}


@media (max-width: 1200px) {
	.boxe1 .sd{float:none; width:100%;height: auto;padding: 4% 0}
	.boxe1 .mm { float:none; width:100%;height: auto;padding: 10% 0}
	.boxe1 .mm .tt01{padding-top: 0}

	.swiperBtn{margin-left: 2%}

	.boxe1 .sd .swiper-container02 .swiper-button-next02, .boxe1 .sd .swiper-container02 .swiper-button-prev02{ display:none; }
	.boxe1 .sd .more01{ display:none; }
	.boxe1 .sd .more02{ display:block; }
	.boxe1 .sd .swiper-container02 .swiper-button-next02_sj, .boxe1 .sd .swiper-container02 .swiper-button-prev02_sj{ display:block; }
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li{ margin:0 2%;width: 46%; }
}
@media (max-width: 640px) {
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li{ float:none; width:96%; margin-bottom: 1%}
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li:nth-child(3), .boxe1 .sd .swiper-container02 .swiper-slide02 ul li:nth-child(4){ display:none; }
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date{ display:none; }
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .date02{ display:block; }
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt01{ font-size:1.6rem; }
	.boxe1 .sd .swiper-container02 .swiper-slide02 ul li .text .tt02{ font-size:1.2rem; }
	.boxe1 .mm .tt01{ font-size:1.6rem; }
}

.boxe2{ }
.boxe2 ul li{ float:left; width:20%; padding:36px 0;position:relative; box-sizing: border-box;padding: 2%}
.boxe2 ul li:after{ width:100%; height:100%; position:absolute; content:""; left:0; top:0; z-index:0; }
.boxe2 ul li:nth-child(1):after{ background:url(ico_18.png) right bottom no-repeat; }
.boxe2 ul li:nth-child(2):after{ background:url(ico_19.png) right bottom no-repeat; }
.boxe2 ul li:nth-child(3):after{ background:url(ico_20.png) right bottom no-repeat; }
.boxe2 ul li:nth-child(4):after{ background:url(ico_21.png) right bottom no-repeat; }
.boxe2 ul li:nth-child(5):after{ background:url(ico_22.png) right bottom no-repeat; }
.boxe2 ul li a{ display:block; position:relative; z-index:3; }
.boxe2 ul li:nth-child(1){
	background: -webkit-linear-gradient(left, #0568c2 , #008dd2); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #0568c2 , #008dd2); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #0568c2 , #008dd2); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #0568c2 , #008dd2); /* 标准的语法 */
	 }
.boxe2 ul li:nth-child(2){
	background: -webkit-linear-gradient(left, #4f9d40 , #72b556); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #4f9d40 , #72b556); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #4f9d40 , #72b556); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #4f9d40 , #72b556); /* 标准的语法 */
	 }
.boxe2 ul li:nth-child(3){
	background: -webkit-linear-gradient(left, #54b0e1 , #89d2e4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #54b0e1 , #89d2e4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #54b0e1 , #89d2e4); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #54b0e1 , #89d2e4); /* 标准的语法 */
	 }
.boxe2 ul li:nth-child(4){
	background: -webkit-linear-gradient(left, #ea884f , #f0a05b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ea884f , #f0a05b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ea884f , #f0a05b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ea884f , #f0a05b); /* 标准的语法 */
	 }
.boxe2 ul li:nth-child(5){
	background: -webkit-linear-gradient(left, #e35364 , #ee6982); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e35364 , #ee6982); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e35364 , #ee6982); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e35364 , #ee6982); /* 标准的语法 */
	 }
.boxe2 ul li a{ color:#fff; }
.boxe2 ul li a:hover{ opacity:0.8; }
.boxe2 ul li .tt01{ font-size:2.0rem; line-height:1.5; }
.boxe2 ul li:hover .tt01{ text-decoration:underline; }
.boxe2 ul li .tt02{ font-size:1.4rem; line-height:2; padding-bottom:16px; opacity:0.5; display:inline-block; }
.boxe2 ul li span{display: block;width: 100px;height: 1px;background: rgba(255,255,255,.5)}
.boxe2 ul li .tt03{ font-size:1.6rem; line-height:1.5; margin-top:20px; }
.boxe2 ul li .tt04{ font-size:1.6rem; line-height:1.5; }
@media (min-width: 1920px) {
	.boxe2 ul li .tt01{ font-size:2.4rem; }
	}
@media (max-width: 1200px) {
	.boxe2 ul li{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		}
	.boxe2 ul li:nth-child(1), .boxe2 ul li:nth-child(2), .boxe2 ul li:nth-child(3){ width:calc( 100% / 3) }
	.boxe2 ul li:nth-child(4), .boxe2 ul li:nth-child(5){ width:calc( 100% / 2) }
}
@media (max-width: 640px) {
	.boxe2 ul li{ width:100% !important; }
}

.boxe3{ background:url(ico_23.jpg) center no-repeat; background-size:cover; padding:10% 0 10%; }
.boxe3 .mm{ color:#fff; width:70%; float:right; text-align:center; }
.boxe3 .mm .tt01{ font-size:3rem; }
.boxe3 .mm .tt02{ font-size:1.4rem; line-height:2; margin-top:10px; }
.boxe3 .mm .tt03{ }
.boxe3 .mm .tt03 ul li{ display:inline-block;  margin:0 2%;  position: relative; }
.boxe3 .mm .tt03 ul li a{ color: #fff; display: block; top:40px; position: relative; transition: all 0.4s linear 0s;   }
.boxe3 .mm .tt03 ul li a:hover{ color: #ccc; top: 30px;  }
.boxe3 .mm .tt03 ul li strong{ font-weight:bold; font-size:5.0rem; line-height:1.5; position:relative; }
.boxe3 .mm .tt03 ul li span{ display:block; }
.boxe3 .mm .swiper-container03{ padding-bottom:10%; }
.boxe3 .mm .swiper-container03 .swiper-pagination03 span{ width:15px; height:15px; }
.boxe3 .mm .swiper-container03 .swiper-pagination03 span.swiper-pagination-bullet-active{ background:#1e338c; }
@media (max-width: 1920px) {
	.boxe3 .mm .swiper-container03 .swiper-pagination03 span{ width:15px; height:15px; }
}
@media (max-width: 1440px) {
	.boxe3 .mm .swiper-container03 .swiper-pagination03 span{ width:10px; height:10px; }
}
@media (max-width: 750px) {
	.boxe3 .mm .tt01{ font-size:2.0rem; }
 
}
@media (max-width: 640px) {
	.boxe3 .mm .tt01{ font-size:2.0rem; }
	.boxe3 .mm .tt02{ font-size:1.2rem; padding:0 10%; }
	.boxe3 .mm{ width:100%; }
	.boxe3 .mm .tt03 ul li{ margin:0 3%; }
	.boxe3 .mm .tt03 ul li strong{ font-size:2.4rem; }
	.boxe3 .mm .tt03 ul li a{ top: 10px;  }

	.boxe2 ul li a{ display: block;padding-left: 3% }
	.boxe2 ul li .tt02{padding-bottom: 10px}
	.boxe2 ul li .tt03{margin-top: 15px;}
	.boxe2 ul li{padding: 3% 2%}

}
@media (max-width: 340px) {
	.boxe3 .mm .tt01{ font-size:1.8rem; }
	.boxe3 .mm .tt03 ul li { margin:0 2%; }
	.boxe3 .mm .tt03 ul li strong{ font-size:1.8rem; }
	.boxe3 .mm .tt03 ul li strong.year::after{ font-size:1.4rem; }

}

.boxe4{ }
.boxe4 img{ max-width:100%; }
.boxe4 .sd{ float:left; width:30%; }
.boxe4 .sd img{ width:100%; }
.boxe4 .sd span.img01{ display: block;  }
.boxe4 .sd span.img02{ display: none;  }
.boxe4 .sd:hover span.img01{ display: none;  }
.boxe4 .sd:hover span.img02{ display: block;  }
.hide_video01s{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99999999; }
.hide_video01{ width:80%; margin:0 auto; }
.hide_video01 .close01{ font-size:1.6rem; line-height:2; text-align:right; }
.hide_video01 .showbd{ }
.boxe4 .mm{ float:right; width:60%; padding:2% 5%; }
.boxe4 .mm .hd{ font-size:2.4rem; line-height:2; color:#333; }
.boxe4 .mm .bd{ font-size:1.4rem; line-height:2; color:#333; }
.boxe4 .mm .ft{ margin-top:2%; }
.boxe4 .mm .ft ul li{ float:left; text-align:center; margin-right:6%; margin-top:2%; transition:all 0.2s linear 0s; }
.boxe4 .mm .ft ul li:hover{ margin-top:0; }
.boxe4 .mm .ft ul li span{ display:block; font-size:1.4rem; line-height:2; }
@media (max-width: 1440px) {
	.boxe4 .sd{ width:35%; }
	.boxe4 .mm{ width:55%; }
}
@media (max-width: 1200px) {
	.boxe4 .sd{ float:none; width:90%; padding:2% 5%; }
	.boxe4 .sd img{width: 100%;height: auto}
	.boxe4 .mm{ float:none; width:90%; padding:2% 5%; }
	.boxe4 .mm .ft ul li{ width:23%; margin-right:2%; }
	.boxe4 .mm .ft ul li span{ font-size:1.2rem; }
}

.boxe5 .sd{ float:left; width:60%; background:url(ico_33.jpg) center no-repeat; background-size:cover; padding:2.6% 1%;box-sizing: border-box;position: relative; }
.boxe5 .sd .lf{ float:left; width:35%; }
.boxe5 .sd .lf ul li:before{ position:absolute; left:0; top:0; width:20%; height:100%; content:""; text-align:center; }
.boxe5 .sd .lf ul li{ float:left; width:38%; padding-left:12%; position:relative; font-size:1.6rem; line-height:5; color:#fff; }
.boxe5 .sd .lf ul li a{ color:#fff; }
.boxe5 .sd .lf ul li a:hover{ text-decoration:underline; }
.boxe5 .sd .lf ul li:nth-child(1){ background:#5bbde5; }
.boxe5 .sd .lf ul li:nth-child(2){ background:#7ec058; }
.boxe5 .sd .lf ul li:nth-child(3){ background:#1e9ed7; }
.boxe5 .sd .lf ul li:nth-child(4){ background:#9cca54; }
.boxe5 .sd .lf ul li:nth-child(5){ background:#148cc2; }
.boxe5 .sd .lf ul li:nth-child(6){ background:#f4a570; }
.boxe5 .sd .lf ul li:nth-child(7){ background:#e16375; }
.boxe5 .sd .lf ul li:nth-child(8){ background:#c68569; }
.boxe5 .sd .lf ul li:nth-child(9){ background:#e8465a; }
.boxe5 .sd .lf ul li:nth-child(10){ background:#bd6d4a; }
.boxe5 .sd .lf ul li:nth-child(1)::before{ content:"1"; background:#48afdf; }
.boxe5 .sd .lf ul li:nth-child(2)::before{ content:"2"; background:#8dc869; }
.boxe5 .sd .lf ul li:nth-child(3)::before{ content:"3"; background:#1889ce; }
.boxe5 .sd .lf ul li:nth-child(4)::before{ content:"4"; background:#a8d165; }
.boxe5 .sd .lf ul li:nth-child(5)::before{ content:"5"; background:#1073b5; }
.boxe5 .sd .lf ul li:nth-child(6)::before{ content:"6"; background:#f5b080; }
.boxe5 .sd .lf ul li:nth-child(7)::before{ content:"7"; background:#db4e5c; }
.boxe5 .sd .lf ul li:nth-child(8)::before{ content:"8"; background:#ce9379; }
.boxe5 .sd .lf ul li:nth-child(9)::before{ content:"9"; background:#e33747; }
.boxe5 .sd .lf ul li:nth-child(10)::before{ content:"10"; background:#c67d5c; }
@media (min-width: 1500px) {
	.boxe5 { height: 559px;overflow: hidden; }
	.boxe5 .sd{padding: 4.3% 0}
}
@media (max-width: 1440px) {
	.boxe5 .sd .lf ul li{ font-size:1.4rem; }
}
.boxe5 .sd .rg{ float:right; width:65%; position: relative;}
.boxe5 .sd .rg .hd{ font-size:2.4rem; line-height:40px; color:#333; padding-left: 4% }
.boxe5 .sd .rg .bd dl{ margin-top:2%; float:left; width:46%; padding:0 0 0 4%;font-size: 14px }
.boxe5 .sd .rg .bd dl dt{ margin-top:2%; font-size:1.8rem; line-height:2; color:#023f98; }
.boxe5 .sd .rg .bd dl dd{ font-size:1.2rem; line-height:1.5; color:#333; }
.boxe5 .sd .rg .ft{ border:1px solid #1e338c; font-size:1.5rem; line-height:2; display:inline-block; padding:0 2%; position: absolute;left: 4%;bottom: 0 }
.boxe5 .sd .rg .ft a{ color:#1e338c; }
@media (min-width: 1500px) {
	.boxe5 .sd .rg .bd dl dt{font-size: 2rem}
	.boxe5 .sd .rg .bd dl dd{font-size: 1.6rem;height: 25px;overflow: hidden;}
}
@media (max-width: 1440px) {
	.boxe5 .sd .rg .ft{ margin-top:4%; }
}



.boxe5 .mm{ float:right; width:40%; }
.boxe5 .mm img{ max-width:100%; width:100%; }
.boxe5 .mm .tel01{ font-size:2.4rem; line-height:94px; color:#fff; text-align:center; background:#60b0e3; }
.boxe5 .mm .tel01 span{ /*padding-left:34px; background:url(ico_13.png) left center no-repeat;*/ }
.boxe5 .mm .tel01 strong{ margin-left:10px; font-weight:normal; font-size:1.8rem; border:1px solid #fff; padding:2% 4%; }
.boxe5 .mm .tel01 strong a{  padding-right:50px; background:url(ico_14.png) right center no-repeat; display:inline-block; color:#fff; }
.boxe5 .mm .tel01 strong a:hover{ text-decoration:underline; }


@media (max-width: 1200px){
	.boxe5 .sd, .boxe5 .mm{ float:none; width:100%; }
	.boxe5 .sd .rg .ft{ margin-top:1%; }
	 }
@media (max-width: 640px){
	.boxe5 .sd .lf, .boxe5 .sd .rg{ float:none; width:100%; }
	.boxe5 .sd .rg{padding-top: 2%}
	.boxe5 .sd .rg .hd{ font-size:2.0rem; padding-left: 2%}
	.boxe5 .sd .rg .ft{ font-size:1.2rem; left: 2%;position: relative;}
	 }
@media (max-width: 640px) {
	.boxe5 .sd .rg .bd dl{float: none;width: 96%;padding:0 2%}
	.boxe5 .sd .rg .bd dl:nth-last-of-type(1),.boxe5 .sd .rg .bd dl:nth-last-of-type(2){display: none}
}
	 
.boxe6{ background:#f0f0f0;padding: 2.5% 0 }
.boxe6 .swiper-wrapper{ margin:0 auto; text-align:center; }
.boxe6 .swiper-wrapper img{max-width: 100%}
/*@media (max-width: 1200px){
	.boxe6{ padding: 3% 0 }
	 }*/
@media (max-width: 1200px){
	.boxe6{display: none}
}
@media (min-width: 750px) and (max-width:1200px){
	.boxe4 .sd{display: none}
}
@media (max-width: 500px){
	.boxe5 .mm .tel01{line-height: 50px;padding: 3% 0}
	.boxe5 .mm .tel01 strong{font-size: 1.6rem;}
	.boxe5 .mm .tel01 strong a{background-size: 18%;padding-right: 40px}
}


