@charset "utf-8";

#mainWrapper{overflow:hidden;}
.enVisual{position:relative;width:100%;height:590px;overflow:hidden;z-index:1;}
.enVisual .slide{width:100%;height:100%;}
.enVisual .slide div{height:100%;}
.enVisual .slide .item img{position:relative;}
.enVisual .slide .item.slick-active img{z-index:1;/*animation:move_fade 5s 1;*/}
.enVisual .slide .item.reset-animation img{animation:none;}
.enVisual .copy{position:absolute;top: 55px;width:100%;text-align:center;color:#fff;z-index:1000;text-shadow:1px 2px 1px rgb(0 0 0 / 50%);}
.enVisual .copy h2{font-size:45px;}
.enVisual .copy p{font-size:25px;margin-top:20px;}
.enVisual .copy .link{margin-top:60px;display:inline-block;}
.enVisual .copy .link li{float:left;margin:0 20px;}
.enVisual .copy .link li a{display:table-cell;width:301px;height: 180px;text-align:center;vertical-align:middle;font-size:38px;color:#fff;font-weight:600;line-height:1.3;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.enVisual .copy .link li a span{display:block;font-size:28px;}
.enVisual .copy .link li a:after{content:'';display:block;width:29px;height:0;margin:0 auto;background:url('../imgs/main/more.png') no-repeat;opacity:0;}
.enVisual .copy .link li a:hover{text-decoration:none;background: url('../imgs/main/link_bg.png') no-repeat 100% 50%;background-size:cover;transition:all .4s;}
.enVisual .copy .link li a:hover:after{opacity:1;height:29px;margin-top:28px;transition:all .2s;}
.enVisual .copy .link li.list1 a:hover{background-color:#4940f8;border-color:#4940f8;}
.enVisual .copy .link li.list2 a:hover{background-color:#009792;border-color:#009792;}
.enVisual .copy .link li.list3 a:hover{background-color:#1383e3;border-color:#1383e3;}
.enVisual .ctrl{position:absolute;bottom: 50px;right:0;width:100%;text-align:center;z-index:1000;}
.enVisual .ctrl button{width:30px;height:30px;text-indent:-9999px;overflow:hidden;vertical-align:top;}
.enVisual .ctrl button.slick-play{display:none;background:url('../imgs/main/mainVisual_play.png') no-repeat 50%;}
.enVisual .ctrl button.slick-stop{background:url('../imgs/main/mainVisual_stop.png') no-repeat 50%;}
.enVisual .ctrl .dots{display:inline-block;margin-top:10px;}
.enVisual .ctrl .dots li{position:relative;display:inline-block;overflow:hidden;border-radius:100px;}
.enVisual .ctrl .dots li button{width:10px;height:10px;border-radius:100px;border:1px solid #fff;margin:0 4px;}
.enVisual .ctrl .dots li.slick-active button{background:#fff;}
.con1{padding:50px 0;background:#fff;}
.con1 .linkList{text-align:center;}
.con1 .linkList h2{font-size:28px;color:#222;margin:0 0 40px;}
.con1 .linkList ul li{position:relative;float:left;width:20%;}
.con1 .linkList ul li a{display:block;height:110px;padding-top:10px;font-size:18px;color:#383838;font-weight:500;line-height:1.3;border-left:1px solid #e1e1e1;box-sizing:border-box;}
.con1 .linkList ul li:first-child a{border-left:0;padding:0;}
.con1 .linkList ul li a:after{position:absolute;bottom:15px;left:calc(50% - 17px);content:'';display:block;width:37px;height:28px;background:url('../imgs/main/main_arr1.png') no-repeat;}
.con1 .linkList ul li a:hover:after{animation:ani_hover 1s infinite;}
.con1 .linkBox{margin:50px 0 10px;}
.con1 .linkBox h2{font-size:28px;color:#222;margin:0 0 40px;text-align:center;}
.con1 .linkBox ul li{position:relative;float:left;width:calc(33.33% - 10px);margin-left:15px;}
.con1 .linkBox ul li:first-child{margin:0;}
.con1 .linkBox ul li a{display:table-cell;width:100vw;height:182px;vertical-align:middle;padding:0 60px 0 30px;font-size:23px;color:#fff;font-weight:600;line-height:1.3;word-break:keep-all;background-size:cover !important;}
.con1 .linkBox ul li.list1 a{background:url('../imgs/main/linkBox1.jpg') no-repeat 100% 100%;}
.con1 .linkBox ul li.list2 a{background:url('../imgs/main/linkBox2.jpg') no-repeat 100% 100%;}
.con1 .linkBox ul li.list3 a{background:url('../imgs/main/linkBox3.jpg') no-repeat 100% 100%;}
.con1 .linkBox ul li a:after{position:absolute;bottom:calc(50% - 6px);right:30px;content:'';display:block;width:20px;height:13px;background:url('../imgs/main/main_arr3.png') no-repeat;}
.con1 .linkBox ul li a:hover:after{animation:ani_hover 1s infinite;}
@keyframes ani_hover{
	50%{transform:translateX(20px);}
}
@keyframes move_fade{
	0%{transform:scale(1.2) rotate(.001deg);}
	100%{transform:scale(1);}
}
.con2{padding:100px 0;background:url('../imgs/main/con2_bg.jpg') no-repeat 50% 0;background-size:cover;}
.con2 h2{font-size:50px;color:#fff;font-weight:400;text-align:center;}
.con2 ul{margin-top:70px;}
.con2 ul li{position:relative;float:left;width:25%;}
.con2 ul li a{display:block;padding:50px 0 0 43px;height:178px;font-size:23px;color:#000;font-weight:600;word-break:keep-all;}
.con2 ul li a span{display:block;margin:18px 30px 0 0;font-size:14px;font-weight:300;}
.con2 ul li a:after{position:absolute;bottom:34px;right:40px;content:'';display:block;width:20px;height:13px;background:url('../imgs/main/main_arr2.png') no-repeat;}
.con2 ul li.list1 a:after{background:url('../imgs/main/main_arr3.png') no-repeat;}
.con2 ul li.list1 a{background:#003269;color:#fff;}
.con2 ul li.list2 a{background:#ebf6f6;}
.con2 ul li.list3 a{background:#e2edf7;}
.con2 ul li.list4 a{background:#fff;}
.con2 ul li a:hover:after{animation:ani_hover 1s infinite;}

@media all and (max-width:1024px) {
	.enVisual .copy{width:94%;left:3%;word-break:keep-all;}
	.enVisual .copy h2{font-size:42px;}
	.enVisual .copy p{font-size:20px;}
	.enVisual .copy .link li{width:calc(33.33% - 20px);margin:0 0 0 30px;}
	.enVisual .copy .link li:first-child{margin:0;}
	.enVisual .copy .link li a{height: 190px;}
	.enVisual .copy .link li a:hover:after{margin-top:20px;}
	.con1{padding:60px 3%;}
	.con1 .linkList ul li{width:50%;}
	.con1 .linkList ul li:first-child{width:100%;}
	.con1 .linkList ul li br{display:none;}
	.con1 .linkList ul li a{padding-top:20px;height:120px;border-bottom:1px solid #e1e1e1;}
	.con1 .linkList ul li:first-child a{padding-top:20px;border:1px solid #e1e1e1;}
	.con1 .linkList ul li:nth-child(2n+1) a{border-right:1px solid #e1e1e1;}
	.con2{padding:80px 3%;}
	.con2 h2{font-size:42px;}
	.con2 ul li{width:50%;}
}
@media all and (max-width:768px) {
	.enVisual{height: 590px;}
	.enVisual .copy{top:80px;}
	.enVisual .copy p br{display:none;}
	.con1{padding:30px 3%;}
	.con1 .linkList h2, .con1 .linkBox h2{margin:0 0 30px;}
	.con1 .linkBox{margin:30px 0 0;}
	.con1 .linkBox ul li{float:none;width:100%;margin:0;}
	.con1 .linkBox ul li a{height:150px;}
	.con2{padding:50px 3%;}
}
@media all and (max-width:640px) {
	.enVisual{height: 580px;}
	.enVisual .copy{top: 30px;}
	.enVisual .copy h2{font-size: 28px;line-height:1.3;}
	.enVisual .copy p{font-size:16px;margin-top:10px;}
	.enVisual .copy .link{display:block;margin-top: 20px;}
	.enVisual .copy .link li{margin:15px 0;width:100%;float:none;}
	.enVisual .copy .link li a{width:1000px;height: 100px;font-size:28px;}
	.enVisual .copy .link li a span{font-size:20px;}
	.enVisual .copy .link li a:after{width:21px;background-position:50% 50%;}
	.enVisual .copy .link li a:hover:after{height:21px;margin-top:12px;}
	.enVisual .ctrl{bottom:10px;}
	.con1 .linkList ul li{float:none;width:100%;}
	.con1 .linkList ul li a{border-right:1px solid #e1e1e1;}
	.con2 h2{font-size:36px;}
	.con2 ul{margin-top:40px;}
	.con2 ul li{width:100%;}
	.con2 ul li a{height:auto;padding:40px 30px;}
	.con2 ul li a span{margin:10px 0 15px;}
}
@media all and (max-width:460px) {
	.enVisual{height: 590px;}
}