@charset "utf-8";
.x1{ width:100%; padding:30px 0}
.x1 .lt{ width:698px; float:left}
.x1 .lt img{ width:100%}
.x1 .rt{ width:664px; float:right; padding-top:0}
.x1 .rt h3{ font-size:30px; color:#2f318b}
.x1 .rt h3 a{ color:#2f318b; display:block; line-height:36px}
.x1 .rt h3 a i{ font-size:22px; color:#333333; font-weight:normal; display:inline-block; vertical-align:top; margin-left:20px}
.x1 .rt .intro{ font-size:16px; text-align:justify; color:#333; line-height:2.5; margin-top:15px}
@media (max-width:16000px) {
	.x1 .lt{ width:610px;}
	.x1 .rt{ width:550px; margin-top:0}
	.x1 .rt .intro{ font-size:14px}
}
@media (max-width:1200px) {
	.x1{ padding:30px 0}
	.x1 .lt{ width:100%}
	.x1 .rt{ width:100%}
	.x1 .rt h3{ font-size:20px}
	.x1 .rt h3 a i{ font-size:14px}
	.x1 .rt .intro{ font-size:12px; line-height:2; margin-top:10px}
}

.x2{ width:100%; background:#f6f6f6; padding:30px 0}
.x2 .nr{ position:relative}
.x2 .top{ width:100%}
.x2 .top h3{ font-size:30px; color:#2f318b; line-height:36px; border-bottom:1px solid #c9c9c9;}
.x2 .top h3 i{ display:inline-block; vertical-align:top; position:relative; padding-bottom:10px}
.x2 .top h3 i:after{ content:""; display:block; width:100%; height:3px; background:#036ab3; position:absolute; left:0; bottom:-2px}
.x2 .top h3 a{ display:block; float:right; font-size:14px; color:#888888; font-weight:normal}
.x2 .swiper02{ width:100%; overflow:hidden; margin-top:20px}
.x2 .swiper02 .swiper-slide{ width:100%}
.x2 .swiper02 .swiper-slide a{ display:block; width:100%; background:#fff}
.x2 .swiper02 .swiper-slide a .pic{ width:700px; float:right}
.x2 .swiper02 .swiper-slide a .pic img{ width:100%}
.x2 .swiper02 .swiper-slide a .title{ width:700px; float:left; box-sizing:border-box; padding:70px 40px}
.x2 .swiper02 .swiper-slide a .title h3{ font-size:30px; color:#333333; font-weight:normal}
.x2 .swiper02 .swiper-slide a .title .s1{ margin-top:20px}
.x2 .swiper02 .swiper-slide a .title .s1 span{ display:inline-block; vertical-align:top; background:#f6cd0d; color:#fff; padding:5px 15px; font-size:15px; font-weight:bold; border-radius:5px}
.x2 .swiper02 .swiper-slide a .title .s2{ font-size:15px; color:#666; line-height:2; margin-top:10px}
.x2 .swiper02 .swiper-slide a .title .s3{ margin-top:20px}
.x2 .swiper02 .swiper-slide a .title .s3 span{ display:inline-block; vertical-align:top; background:#f6cd0d; color:#fff; padding:5px 15px; font-size:15px; font-weight:bold; border-radius:5px}
.x2 .swiper02 .swiper-slide a .title .s4{ font-size:15px; color:#666; line-height:2; margin-top:10px; font-weight:bold}
.x2 .nr .prev02{ background:url(prev.png) center center no-repeat; width:50px; height:50px; background-size:100%; position:absolute; left:-60px; top:50%; margin-top:-25px; border:1px solid #ccc; cursor:pointer; outline:none}
.x2 .nr .prev02:hover{ background:url(prev.png) center center no-repeat #f6cd0d; background-size:100%; border:1px solid #f6cd0d}
.x2 .nr .next02{ background:url(next.png) center center no-repeat; width:50px; height:50px; background-size:100%; position:absolute; right:-60px; top:50%; margin-top:-25px; border:1px solid #ccc; cursor:pointer; outline:none}
.x2 .nr .next02:hover{ background:url(next.png) center center no-repeat #f6cd0d; background-size:100%; border:1px solid #f6cd0d}
@media (max-width:16000px) {
	.x2 .swiper02 .swiper-slide a .pic{ width:600px}
	.x2 .swiper02 .swiper-slide a .title{ width:600px; padding:30px}
	.x2 .swiper02 .swiper-slide a .title .s2{ font-size:14px}
	.x2 .swiper02 .swiper-slide a .title .s4{ font-size:14px}
}
@media (max-width:1200px) {
	.x2{ padding:30px 0}
	.x2 .top h3{ font-size:20px}
	.x2 .top h3 a{ font-size:12px}
	.x2 .swiper02{ margin-top:10px}
	.x2 .swiper02 .swiper-slide a .pic{ width:100%}
	.x2 .swiper02 .swiper-slide a .title{ width:100%; padding:5%}
	.x2 .swiper02 .swiper-slide a .title h3{ font-size:18px}
	.x2 .swiper02 .swiper-slide a .title .s1{ margin-top:10px}
	.x2 .swiper02 .swiper-slide a .title .s1 span{ font-size:14px; font-weight:normal;}
	.x2 .swiper02 .swiper-slide a .title .s2{ font-size:12px;}
	.x2 .swiper02 .swiper-slide a .title .s3{ margin-top:10px}
	.x2 .swiper02 .swiper-slide a .title .s3 span{ font-size:14px; font-weight:normal;}
	.x2 .swiper02 .swiper-slide a .title .s4{ font-size:12px}
	.x2 .nr .prev02{ display:none}
	.x2 .nr .next02{ display:none}
}

.x3{ width:100%; background:#fff; padding:30px 0 25px}
.x3 .top{ width:100%;}
.x3 .top h3{ font-size:30px; color:#2f318b; line-height:36px; border-bottom:1px solid #c9c9c9;}
.x3 .top h3 i{ display:inline-block; vertical-align:top; position:relative; padding-bottom:10px}
.x3 .top h3 i:after{ content:""; display:block; width:100%; height:3px; background:#036ab3; position:absolute; left:0; bottom:-2px}
.x3 .top h3 a{ display:block; float:right; font-size:14px; color:#888888; font-weight:normal}
.x3 .item{ width:23.5%; float:left; margin-right:2%; margin-top:35px}
.x3 .item:nth-child(4n){ margin-right:0}
.x3 .item .pic{ width:100%; position:relative; overflow:hidden}
.x3 .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.x3 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.x3 .item .title a{ display:block; padding:8px; text-align:center; font-size:16px; color:#333333}
@media (max-width:16000px) {
	
}
@media (max-width:1200px) {
	.x3{ padding:30px 0}
	.x3 .top h3{ font-size:20px}
	.x3 .top h3 a{ font-size:12px}
	.x3 .item{ width:49%; margin-right:2%; margin-top:2%}
	.x3 .item:nth-child(2n){ margin-right:0}
}
@media (max-width:640px) {
	.x3 .item{ width:49%; margin-right:2%; margin-top:2%}
	.x3 .item:nth-child(3n){ margin-right:2%}
	.x3 .item:nth-child(2n){ margin-right:0}
	.x3 .item .title a{ font-size:14px}
}


.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{ width:600px; position:absolute; left:50%; margin-left:-300px; top:50%; transform:translateY(-50%)}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:750px) {
	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}









.x4{ width:100%; background:#fff; padding:0 0 30px 0}
.x4 .top{ width:100%;}
.x4 .top h3{ font-size:30px; color:#2f318b; line-height:36px; border-bottom:1px solid #c9c9c9;}
.x4 .top h3 i{ display:inline-block; vertical-align:top; position:relative; padding-bottom:10px}
.x4 .top h3 i:after{ content:""; display:block; width:100%; height:3px; background:#036ab3; position:absolute; left:0; bottom:-2px}
.x4 .top h3 a{ display:block; float:right; font-size:14px; color:#888888; font-weight:normal}
.x4 .item{ width:18.4%; float:left; margin-right:2%; margin-top:2%}
.x4 .item:nth-child(5n){ margin-right:0}
.x4 .item .pic{ width:100%; position:relative; overflow:hidden; border:1px solid #c0bfbf; box-sizing:border-box}
.x4 .item:hover .pic{ border:1px solid #30328c}
.x4 .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.x4 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.x4 .item .title a{ display:block; padding:8px; text-align:center; font-size:18px; color:#333333}
@media (max-width:16000px) {
	
}
@media (max-width:1200px) {
	.x4{ padding:30px 0}
	.x4 .top h3{ font-size:20px}
	.x4 .top h3 a{ font-size:12px}
	.x4 .item{ width:32%; margin-right:2%; margin-top:2%}
	.x4 .item:nth-child(5n){ margin-right:2%}
	.x4 .item:nth-child(3n){ margin-right:0}
}
@media (max-width:640px) {
	
}


.x5{ width:100%; background:#fff; padding:0 0 30px 0}
.x5 .top{ width:100%;}
.x5 .top .nr{ }
.x5 .top h3{ font-size:30px; color:#2f318b; line-height:36px;}
.x5 .top h3:after{}
.x5 .top h3 a{ display:block; float:right; font-size:20px; color:#888888; font-weight:normal}
.x5 .nr{ width:1200px;}
.x5 .nr .lt{ width:790px; float:left; margin-top:20px;}
.x5 .nr .lt .ihd{ border-bottom:1px solid #c9c9c9}
.x5 .nr .lt .ihd h3{ font-size:22px; line-height:48px;  float:left; font-weight:normal; color:#333333; position:relative}
.x5 .nr .lt .ihd h3:after{ content:""; display:block; width:100%; height:3px; background:#036ab3; position:absolute; left:0; bottom:-2px}
.x5 .nr .lt .ihd a{ display:block; float:right; line-height:48px; color:#333; font-size:14px}
.x5 .nr .lt .ibd{ width:100%; margin-top:25px}
.x5 .nr .lt .ibd .item01{ width:325px; float:left; overflow:hidden; height:272px;}
.x5 .nr .lt .ibd .item01 .swiper05{ width:100%; height:100%; position:relative; overflow:hidden}
.x5 .nr .lt .ibd .item01 .swiper05 .swiper-slide{ position:relative; width:100%; height:100%}
.x5 .nr .lt .ibd .item01 .swiper05 img{ width:100%; height:100%}
.x5 .nr .lt .ibd .item01 .swiper05 p{ position:absolute; background:rgba(00,00,00,0.5); left:0; bottom:0; width:100%; line-height:54px; color:#fff; font-size:16px; padding:0 70px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; box-sizing:border-box}
.x5 .nr .lt .ibd .item01 .swiper05 .pagination05{ width:60px; text-align:center; font-size:0; height:54px; position:absolute; bottom:0; right:0; z-index:2; left:auto}
.x5 .nr .lt .ibd .item01 .swiper05 .pagination05 span{ display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; opacity:1; border-radius:100%; margin:0 3px;margin-top:22px; }
.x5 .nr .lt .ibd .item01 .swiper05 .pagination05 span.swiper-pagination-bullet-active{ background:#036ab3}
.x5 .nr .lt .ibd .item02{ width:445px; float:right}
.x5 .nr .lt .ibd .item02 .a{ width:100%; border-bottom:1px dashed #bcbcbc; padding-bottom:15px}
.x5 .nr .lt .ibd .item02 .a .time{ width:62px; height:62px; float:left; background:#eeeeee; border-radius:5px; overflow:hidden}
.x5 .nr .lt .ibd .item02 .a .time .p1{ display:block; text-align:center; line-height:38px; background:#036ab3; color:#fff; font-size:26px}
.x5 .nr .lt .ibd .item02 .a .time .p2{ display:block; text-align:center; line-height:24px;  color:#666666; font-size:12px}
.x5 .nr .lt .ibd .item02 .a .tilte{ width:calc(100% - 80px); float:right}
.x5 .nr .lt .ibd .item02 .a .tilte h3{ font-size:18px; color:#333333; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.x5 .nr .lt .ibd .item02 .a .tilte h3 a{ color:#333}
.x5 .nr .lt .ibd .item02 .a:hover .tilte h3 a{ color:#f6cd0d}
.x5 .nr .lt .ibd .item02 .a .tilte .intro{ font-size:14px; color:#7f7f7f; padding-top:5px}
.x5 .nr .lt .ibd .item02 ul li{ font-size:14px; color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border-bottom:1px dashed #bcbcbc; padding:10px 0; line-height:24px}
.x5 .nr .lt .ibd .item02 ul li a{ color:#333}
.x5 .nr .lt .ibd .item02 ul li:hover a{ color:#f6cd0d}
.x5 .nr .rt{ width:380px; float:right; margin-top:20px}
.x5 .nr .rt .ihd{ border-bottom:1px solid #c9c9c9}
.x5 .nr .rt .ihd h3{ font-size:22px; line-height:48px;  float:left; font-weight:normal; color:#333333; position:relative}
.x5 .nr .rt .ihd h3:after{ content:""; display:block; width:100%; height:3px; background:#036ab3; position:absolute; left:0; bottom:-2px}
.x5 .nr .rt .ihd a{ display:block; float:right; line-height:48px; color:#333; font-size:14px}
.x5 .nr .rt .ibd{ width:100%; margin-top:25px}
.x5 .nr .rt .ibd ul li{ font-size:14px; color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border-bottom:1px dashed #bcbcbc; padding:10px 0; line-height:24px}
.x5 .nr .rt .ibd ul li a{ color:#333}
.x5 .nr .rt .ibd ul li:hover a{ color:#f6cd0d}
@media (max-width:1200px) {
	.x5{ padding:0 0 30px 0}
	.x5 .nr{ width:92%;}
	.x5 .top h3{ font-size:20px}
	.x5 .nr .lt{ width:100%; margin-top:10px}
	.x5 .nr .lt .ihd h3{ font-size:18px; line-height:38px}
	.x5 .nr .lt .ihd a{ font-size:12px; line-height:38px}
	.x5 .nr .lt .ibd{ margin-top:20px}
	.x5 .nr .lt .ibd .item01{ width:100%}
	.x5 .nr .lt .ibd .item01 .swiper05 p{ line-height:40px; font-size:14px}
	.x5 .nr .lt .ibd .item01 .swiper05 .pagination05{ height:40px;}
	.x5 .nr .lt .ibd .item01 .swiper05 .pagination05 span{ margin-top:15px}
	.x5 .nr .lt .ibd .item02{ width:100%; margin-top:20px}
	.x5 .nr .lt .ibd .item02 .a .tilte h3{ font-size:16px}
	.x5 .nr .lt .ibd .item02 .a .tilte .intro{ font-size:12px}
	.x5 .nr .lt .ibd .item02 ul li{ font-size:14px}
	
	
	.x5 .nr .rt{ width:100%; margin-top:15px}
	.x5 .nr .rt .ihd h3{ font-size:18px; line-height:38px}
	.x5 .nr .rt .ihd a{ font-size:12px; line-height:38px}
	.x5 .nr .rt .ibd{ margin-top:10px}
	.x5 .nr .rt ul li{ font-size:14px}
}