
.t_anli_x{
	position: relative;
}
.t_anli_x:before {
	content: "";
	width: 90%;
	position: absolute;
	bottom: 0;
	right: 0;
	
	height: 1px;
	background: #e7e7e8;
}
.g-in { width: 24rem; margin:  0 auto; }
.mtit { text-align: center; }
.mtit p.t { font-size: 34px;font-weight: bold; color:#0f1523; }
.mtit p.t span { color:#2a4881; }
.mtit p.xian { display: block;height: 1px; width: 104px;margin: 16px auto 20px; background: #131b2e; }
.mtit p.c { font-size: 18px; color:#8e929b; letter-spacing: 6px; }
@media(max-width:1500px){
	.mtit p.t { font-size: 24px;font-weight: bold; color:#0f1523; }
	.mtit p.t span { color:#2a4881; }
	.mtit p.xian { display: block;height: 1px; width: 60px;margin: 4px auto 10px; background: #131b2e; }
	.mtit p.c { font-size: 14px; color:#8e929b; letter-spacing: 6px; }
}
@media(max-width:640px){
	.g-in { width: 100%; }
	.mtit p.t { font-size: 20px; }
	.mtit p.xian { width: 60px; }
	.mtit p.c { font-size: 14px; color:#8e929b; letter-spacing: 0px; }
}
@media(max-width:400px){
	.g-in { width: 100%; }
	.mtit p.t { font-size: 16px; }
	.mtit p.xian { width: 40px; }
	.mtit p.c { font-size: 12px; }
}
.a1 { padding:1.15rem 0 1.5rem; }
.a1a {margin-top:60px;}
.a1a ul li { float: left; width: 7.64rem;  }
.a1a ul li .pic {display: block; width: 100%; height: 4.22rem; overflow: hidden;}
.a1a ul li .pic img {transition: all 0.5s;}
.a1a ul li:hover .pic img { transform: scale(1.2); }
.a1a ul li.sign2 { margin-left:0.53rem; }
.a1a ul li.sign3 { float: right; }
.a1a ul li img { width: 100%;height: auto; }
.a1a ul li .con {display: block;margin-top:26px;}
.a1a ul li .con .t {display: block; font-size: 16px;color:#131b2e; font-weight: bold;}
.a1a ul li .con .p {margin-top:5px; font-size: 14px;color:#5b5e65;line-height: 20px;height: 40px;display: block;}
.a1a ul li .link { margin-top:5px; }
.a1a ul li .link a { font-size: 14px;color:#2a4881; display: inline-block; padding-left:15px; margin-right:30px; background: url(../image/a4.png) no-repeat left center; }
@media(max-width:1500px){
	.a1a {margin-top:30px;}
	.a1a ul li .con .p { font-size: 12px; }
	.a1a ul li .link a {font-size: 12px;margin-right:20px;}
}
@media(max-width:1200px){
	.a1a ul li .link a {font-size: 12px;margin-right:10px;}
}
@media(max-width:1100px){
	.a1a {margin-top:20px;}
	.a1a ul li .con .p { height: 60px; }
	.a1a ul li .con { margin-top:8px; }
	.a1a ul li .link a { display: block; width: 100%; margin: 0; line-height: 20px; }
}
@media(max-width:640px){
	.a1 { padding:0.5rem 0.2rem 0.4rem; width: 100%; box-sizing: border-box; }
	.a1a ul li {margin-bottom:20px; width: 100%; float: none; }
	.a1a ul li.sign2 { margin-left:0; }
	.a1a ul li.sign3 { float: none; }
	.a1a ul li .pic { height: auto; }
	.a1a ul li .con .p { height: auto; }
}
.a2 {position: relative; padding:1.55rem 0 1.36rem; overflow: hidden;  -webkit-background-size: cover;background-size: cover; }
.a2xx {overflow: hidden; position: relative;}
.a2xxx {height: 150%; width: 150%; position: absolute; left:-25%;top:-25%; background: url(../image/d1.jpg) no-repeat center; -webkit-background-size: cover;background-size: cover; }

.container_1 .a2xx>.active { animation: whirl 2s linear; }

@keyframes whirl {
	from {
	    transform: rotate(-10deg);
	}
	to {
	    transform: rotate(0deg);
	}
}




.a2 .mtit p.t {color:#fff;}
.a2 .mtit p.xian {background: #6a738a;}
.a2a {position: relative; width: 1400px; margin:1rem auto 0; padding-bottom:1.2rem; }
.a2a .hd {position: absolute; left:0;bottom:0;text-align: center; width: 100%;}
.a2a .hd li { cursor: pointer; display: inline-block; font-size: 0; width: 9px; height: 9px; margin:0 12px; background: #fff; opacity: 0.4; border-radius: 50%;}
.a2a .hd li.on,.a2a .hd li:hover {opacity: 1;}
@media(max-width:1500px){
	.a2a { width: 80%; }
	.a2a .bd ul li img {width: 100%;}
}
@media(max-width:640px){
	.a2 { padding:0.5rem 0.2rem 0.4rem; }
	.a2a {width: 100%;}
	.a2a {margin-top:0.2rem;padding-bottom:0.5rem;}
	.a2a .hd li { margin: 0 4px; }
}
.a3 { padding:1.4rem 0 0.5rem; }
.a3 .hd {text-align: center;}
.a3 .hd ul li {cursor: pointer; display: inline-block; margin: 0 15px;padding: 0 2px 12px; font-size: 18px;color:#8e929b;/* border-bottom: 1px solid #fff; */ position: relative;z-index: 99;}
.a3 .hd ul li:hover,.a3 .hd ul li.on {color:#494c52;border-bottom:1px solid #494c52;}
.a3 .bd { margin-top:65px; }
.a3 .bd ul li { float: left; width: 7.65rem;margin-bottom:0.45rem; }
.a3 .bd ul li .pic {position: relative; width: 7.65rem; height: 5.1rem; overflow: hidden;display: block; }
.a3a {display: none; position: absolute; left:0;top:0;width: 7.65rem; height: 5.1rem;background:rgba(0,0,0,0.8); }
.a3b { position: relative; display: block; width: 100%; height: 100%; vertical-align: top; text-align: center; box-sizing: border-box;}
.a3b { height: 210px; position: relative; top:50%; margin-top:-105px; }
.a3b .sear { display: block;width: 104px; height: 104px; background: url(../image/add.png) no-repeat center; margin: 0 auto; }
.a3b .tt { color:#cccccc; display: block; margin-top:15px; font-size: 18px;letter-spacing: 3px;}
.a3 .bd ul li img {transition: all 0.5s; max-width: 100%; height: auto;width: 100%; }
.a3 .bd ul li:hover img {transform: scale(1.2); }
.a3 .bd ul li:hover .a3a { display: block; }
.a3 .bd ul li.sign2,.a3 .bd ul li.sign5 { margin-left:0.5rem; }
.a3 .bd ul li.sign3,.a3 .bd ul li.sign6 { float: right; }
.a3 .bd ul li .t {color:#ccc; display: block; margin-top:10px;font-size: 18px;letter-spacing: 3px;}
.a3b .tt_x{
	display: block;
	margin: 12px 0 10px;
	font-size: 12px;
	text-transform: capitalize;
	color: #cccccc;
}
.a3b .tt_y{
	display: block;
	font-size: 12px;
	text-transform: capitalize;
	color: #cccccc;
}
.a3 .bd ul li .t .t1 { font-size: 16px;color:#333333; display: inline-block; }
.a3 .bd ul li .t .t2 { font-size: 14px;color:#888888; margin-left: 20px; display: inline-block; }
@media(max-width:1500px){
	.a3 .bd { margin-top:30px; }
	.a3 .bd ul li .t .t2 {text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size: 14px;color:#888888; margin-left: 0px; margin-top:2px; display:block; }
}
@media(max-width:1000px){
	.a3 .bd ul li { width: 49%; }
	.a3 .bd ul li .pic {position: relative; width: 100%; height: auto; overflow: hidden;display: block; }
	.a3 .bd ul li .pic .a3a {display: none; }
	.a3 .bd ul li:hover .pic .a3a {display: none; }
	.a3 .bd ul li.sign2,.a3 .bd ul li.sign5 { margin-left:0; }
	.a3 .bd ul li.sign3 { float: left; }
	.a3 .bd ul li.sign2,.a3 .bd ul li.sign4,.a3 .bd ul li.sign6 { float: right; }
}
@media(max-width:800px){
	.a3 .hd ul li { font-size: 14px; margin: 0 10px; }
	.a3 .bd { margin-top:20px; }
}
@media(max-width:640px){
	.a3 .hd ul li { font-size: 0.18rem; margin: 0 2px; }
	.a3 {padding:0.5rem 0.2rem 0.4rem; width: 6.4rem; box-sizing: border-box;}
}
@media(max-width:440px){
	.a3 .hd ul li { font-size: 0.18rem; margin: 0px; }
}
@media(max-width:400px){
	.a3 .hd { text-align: left; }
	.a3 .hd ul li { margin-top:10px; width: 30%;text-align: center; }
	.a3 .hd ul li.on { border: none; }
}
.a4 {background: #f6f6f6; padding:0.5rem 0 1.2rem;}
.a4a {margin-top:60px;}
.a4a ul li { float: left; width: 7.65rem; }
.a4a ul li .pic {display: block; width: 100%; height: 4.2rem; overflow: hidden;}
.a4a ul li .pic img {transition: all 0.5s;}
.a4a ul li:hover .pic img { transform: scale(1.2); }
.a4a ul li.sign2 { margin-left:0.53rem; }
.a4a ul li.sign3 { float: right; }
.a4a ul li img { width: 100%;height: auto; }
.a4a ul li .con {display: block;margin-top:26px;}
.dat { font-size: 14px;color:#8a8f9a; margin-top:10px; }
.a4a ul li .con .t {display: block; font-size: 16px;color:#131b2e;font-weight: bold;}
.a4a ul li .con .p {margin-top:5px; font-size: 14px;color:#5b5e65;line-height: 20px;height: 40px;display: block;overflow: hidden;}
@media(max-width:1500px){
	.a4a {margin-top:30px;}
	.a4a ul li .con .p { font-size: 12px; }
}
@media(max-width:1100px){
	.a4a {margin-top:20px;}
	.a4a ul li .con .p { height: 60px; }
	.a4a ul li .con { margin-top:8px; }
}


@media(max-width:640px){
	.a4 { padding:0.5rem 0.2rem 0.4rem; width: 100%; box-sizing: border-box; }
	.a4a ul li {margin-bottom:20px; width: 100%; float: none; }
	.a4a ul li.sign2 { margin-left:0; }
	.a4a ul li.sign3 { float: none; }
	.a4a ul li .pic { height: auto; }
	.a4a ul li .con .p { height: auto; }
}


