@charset "utf-8";
.main_cont {position: relative; display: inline-block; vertical-align: top; z-index: 3;}

#mcont1 .mvisual {width:100%; height:860px;}
#mcont1 .mvisual .main-photo__skin,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
#mcont1 .mvisual .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block; width:100%; height:100%;}
#mcont1 .mvisual .photo_list--wrap .slick-slide .photo_list--item picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover;}
#mcont1 .mvisual .photo_list--wrap .slick-slide .photo_list--item .picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover;}
#mcont1 .mvisual .photo_list--wrap .slick-dots {position:absolute; bottom:75px;  left:50%; margin-left:-620px; }
#mcont1 .mvisual .photo_list--wrap .slick-dots:after {display:block; clear:both; visibility:hidden; content:'';}
#mcont1 .mvisual .photo_list--wrap .slick-dots li {float:left;width: auto;height: auto;margin:0 8px;}
#mcont1 .mvisual .photo_list--wrap .slick-dots li button {width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,0.5); font-size:0;}
#mcont1 .mvisual .photo_list--wrap .slick-dots li.slick-active button {border:2px solid #fff;background:none;}

#main_vis {position: relative; background-color: rgba(0,0,0,1);}
#main_vis .vis_slider {position: relative;z-index:1;width:100%;height: 515px;}
#main_vis .vis_slider .main-photo__skin,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
#main_vis .vis_slider .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item {display:inline-block; width:100%; height:100%;}
#main_vis .vis_slider .photo_list--wrap {position:relative; z-index:1;}
#main_vis .vis_slider .photo_list--wrap .slick-slide .photo_list--item picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover;background-position: center;}
#main_vis .vis_slider .photo_list--wrap .slick-slide .photo_list--item .picture {display:block; width:100%; height:100%;background-repeat: no-repeat; background-size:cover;background-position: center;}
#main_vis .control {display:inline-block;position: absolute;top: 135px;right: 4.921968%;z-index: 4;width:auto;margin: 0;}
#main_vis .control button {display:block;overflow:visible; width: 55px; height: 55px; border: 1px solid #fff; border-radius: 50%; background:none;}
#main_vis .control button:before,
#main_vis .control button:after {display:none;}
#main_vis .control button:after{display:block; opacity:0; position:absolute;top: -3px;left: -3px;right:auto;bottom:auto;width:100%;height:100%;border-radius:50%;border:3px solid #fff;content:'';-webkit-transition: all .3s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .3s ease-in-out;}
#main_vis .control button[data-control="prev"]{background: url('/images/ctla/main/icn_prev.png')no-repeat center;}
#main_vis .control button[data-control="next"]{background: url('/images/ctla/main/icn_next.png')no-repeat center; margin: 0 auto 10px;}
#main_vis .control button[data-control="stop"],
#main_vis .control button[data-control="play"] {width: 11px;height: 11px;margin:0 auto;border:none;border-radius: 0;}
#main_vis .control button[data-control="stop"]{background: url('/images/ctla/main/icn_vispause.png')no-repeat;}
#main_vis .control button[data-control="play"]{background: url('/images/ctla/main/icn_visplay.png')no-repeat;}
#main_vis .control button:hover:after,
#main_vis .control button:focus:after {opacity:1;}
#main_vis .control button[data-control="stop"]:hover:after,
#main_vis .control button[data-control="stop"]:focus:after,
#main_vis .control button[data-control="play"]:hover:after,
#main_vis .control button[data-control="play"]:focus:after {opacity:0;}
#main_vis .control .paging {display:block;float: none;width: 100%;height: 100%;margin:15px 0;text-align:center;}
#main_vis .control .paging .total {display:block;width: 100%;height: 100%;}
#main_vis .control .paging .total span {display:inline-block; font-size:14px; text-align:center; color:#fff; line-height:1;}
#main_vis .control .paging .total .current {font-weight:600;border-bottom:1px solid #fff;}
#main_vis .control .paging .total .line {display:block; margin:5px 0;}
#main_vis .control .paging .total .current:before,
#main_vis .control .paging .total .count:before {display:inline-block; content:'0';}

#main_vis .vis_content {position: absolute;top: 0;left: 0;padding: 85px 0 0 8.343337%;z-index: 1;box-sizing: border-box;}
#main_vis .vis_content .text_box {color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.1);}
#main_vis .vis_content .text_box .eng_title {position: relative; display: inline-block; margin: 0 0 19px; font-size: 16px; font-style: italic; word-spacing: 1px;}
#main_vis .vis_content .text_box .eng_title::after {position: absolute; display: block; content: ""; right: -167px; bottom: 8px; width: 158px; height: 1px; box-shadow: 1px 1px 1px rgba(0,0,0,.1); background-color: rgba(255,255,255,.35);}
#main_vis .vis_content .text_box .slogan {max-width: 550px;line-height: 1.309523;margin: 0;font-family:'nmj', serif;font-size: 42px;font-weight: 800;word-break: keep-all;}
#main_vis .vis_content .text_box .h4_txt {margin:5px 0 60px;font-size:20px; color:#fff; font-family:'nmj', serif;}
#main_vis .vis_content .text_box .text_q {display: inline-block;position: relative;margin: 0 0 10px 15px;font-family: 'nmj', serif;font-size: 23px;font-weight: 600;}
#main_vis .vis_content .text_box .text_q::before {position: absolute;display: block;content: "";top: -20px;left: -20px;width: 37px;height: 26px;background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url('/images/ctla/main/deco_textq1.png');}
#main_vis .vis_content .text_box .text_a {display: block;max-width: 590px;line-height: 1.714285;padding: 0 0 0 4px;font-size: 14px;font-weight: 600;word-break: keep-all;}
#main_vis .vis_content .text_box img {display: block;}


.main_cont_wrap {}
.main_cont_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
.main_cont_wrap .group{float:left;position: relative;height: 450px;padding:60px 45px 0;}
.main_cont_wrap .group strong {display:block; font-size:25px; color:#222; font-weight:600; line-height: 1.3;}
.main_cont_wrap .group .contxt {margin:30px 0 0;padding-right: 30px;}
.main_cont_wrap .group .contxt p {margin:0;font-size: 16px;color:#1b110b;line-height:1.6;}
.main_cont_wrap .group .contxt ul {}
.main_cont_wrap .group .contxt ul li {min-height:25px;margin: 0 0 10px;padding-left:35px;background:url(/images/ctlaeng/main/list_bg.png)no-repeat left top;font-size: 16px;color:#1b110b;line-height:1.6;}
.main_cont_wrap .group .links {position:absolute; left:45px; bottom:70px; }
.main_cont_wrap .group .links a {display:block; min-width: 185px; height: 34px;margin-bottom: 5px;border-radius: 3px;background:#5f6475;color:#fff;font-size: 13px;font-weight: 600;text-align: left;box-shadow: 1px 1px 1px rgba(0,0,0,.15);}
.main_cont_wrap .group .links a span {display:block;height: 100%;line-height: 34px;background: url(/images/ctlaeng/main/icn_to2.png)no-repeat 90% center;padding: 0 55px 0 15px;vertical-align:middle;}
.main_cont_wrap .group.group1 {width:45%;background: url(/images/ctlaeng/main/box_bg01.jpg)no-repeat center;background-size:cover;}
.main_cont_wrap .group.group1:after {display:block;position:absolute;right:0;bottom:0;content:'';width:282px;height:228px;background: url(/images/ctlaeng/main/box_bg03.png)no-repeat right bottom;background-size: 85% auto;}
.main_cont_wrap .group.group2 {width:30%;background:#e5e5e5 url(/images/ctlaeng/main/bg_obj1.png)no-repeat 90% bottom; background-size:25%}
.main_cont_wrap .group.group3 {width:25%;background:#fff url(/images/ctlaeng/main/box_bg02.jpg)no-repeat right 88%;}

@media only screen and (max-width: 1499px) {
	.main_cont_wrap .group {float:none;padding: 35px 40px 50px;height: auto;min-height: 300px;}
	.main_cont_wrap .group.group1 {width:100%;}
	.main_cont_wrap .group.group2 {width:100%;background-size: 120px auto;background-position:right bottom;}
	.main_cont_wrap .group.group3 {width:100%;}
	.main_cont_wrap .group .links {display: block;position:static;max-width: 230px;margin: 40px 0 0;}


}

@media only screen and (max-width: 1399px) {
	#main_vis .vis_content {padding: 85px 0 0 45px;}
	#main_vis .vis_content .control {top: 131px; right: 50px;}
	#main_vis .vis_slider .item1 img {right: 137px;}
	#main_vis .vis_slider .item2 img {right: 49px;}
}


@media only screen and (max-width: 1023px) {
	#main_vis .vis_content {padding: 85px 0 0 16px;}
	#main_vis .vis_content .control {right: 30px;}
	.main_cont_wrap .group {padding: 35px 30px 50px;}


}

@media only screen and (max-width: 767px) {
	#main_vis .vis_slider {height: 310px;}
	#main_vis .vis_slider .item {min-height: 310px;}

	#main_vis .control {display:block;top:auto;right:auto;bottom: 40px;width:100%;}
	#main_vis .control button {display:inline-block; position:absolute;margin:0; }
	#main_vis .control button[data-control="prev"] {left:15px; bottom:-20px;margin:0;}
	#main_vis .control button[data-control="next"] {right:15px;bottom: -20px;margin:0;}
	#main_vis .control button[data-control="stop"],
	#main_vis .control button[data-control="play"] {right:50%;margin-right:-45px;bottom: 5px;display: block;}
	#main_vis .control .paging {display:inline-block;margin:0 auto;}
	#main_vis .control .paging .total {display:block;width: 100%;height: 100%;}
	#main_vis .control .paging .total span {display:inline-block; }
	#main_vis .control .paging .total .line {display:inline-block; margin:0 5px;}

	#main_vis .vis_content {display: block;width: 100%;padding: 55px 0 0;}
	#main_vis .vis_content .text_box .eng_title {display: block;margin: 0 auto 19px;text-align: center;}
	#main_vis .vis_content .text_box .eng_title::after {bottom: -14px; left: 50%; margin-left: -79px;}
	#main_vis .vis_content .text_box .slogan {max-width: 290px; line-height: 1.421052; margin: 42px auto 0; font-size: 19px; text-align: center; letter-spacing: -1px; word-spacing: 1px;}
	#main_vis .vis_content .text_box .h4_txt {display:none;}
	#main_vis .vis_content .text_box .text_q {display: none;}
	#main_vis .vis_content .text_box .text_a {display: none;}
	
	.main_cont_wrap .group {padding: 35px 15px 50px;}
	.main_cont_wrap .group.group1:after {width:200px; height:162px; background-size:200px 162px;}
	.main_cont_wrap .group.group2 {background-size:120px auto;}
}

@media only screen and (max-width: 560px){
	.main_cont_wrap .group.group1:after {display: none;background-size: 142px auto;z-index: 1;}
	.main_cont_wrap .group.group2 {background-size: 100px auto;}
}