@charset "utf-8";

/*header*/
#header{position:absolute;left:0;top:45px;width:100%;z-index:99;}
#header.act{position:fixed;}
.head{position:relative;max-width:1660px;width:94%;margin:0 auto;transition:all 0.6s;}
#header.act .head{
	max-width:100%;width:100%;transform:translateY(-46px);
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.head .gnb{display:flex;justify-content:flex-end;margin:22px 0 10px;}
#header.act .head .gnb{}

.head .gnb>ul{display:flex;align-items:center;}
.head .gnb>ul>li{position:relative;padding:0 8px;}
.head .gnb>ul>li:after{
	display:block;content:"";
	width:1px;height:8px;background:rgba(255,255,255,0.8);
	position:absolute;right:0;top:3px;
}
.head .gnb>ul>li>a{display:block;font-family:"Montserrat";font-size:11px;color:rgba(255,255,255,0.8);font-weight:500;}
.head .gnb>ul>li.lang{padding-right:0;}
.head .gnb>ul>li.lang:after{display:none;}
.head .gnb>ul>li.lang>a{
	display:block;position:relative;
	padding-right:15px;
}
.head .gnb>ul>li.lang>a:after{
	display:block;content:"";
	width:4px;height:4px;
	border-right:2px solid #fff;border-bottom:2px solid #fff;
	transform:rotate(45deg);
	position:absolute;right:0;top:3px;
}
.head .gnb>ul>li.lang>ul{
	display:none;
	position:absolute;left:0;top:100%;z-index:100;
	width:100%;
	box-sizing:border-box;
	padding:8px;margin-top:8px;
	background:#457aa4;
}
.head .gnb>ul>li.lang>ul>li{margin-bottom:5px;}
.head .gnb>ul>li.lang>ul>li:last-child{margin-bottom:0;}
.head .gnb>ul>li.lang>ul>li a{display:block;font-family:"Montserrat";font-size:11px;color:rgba(255,255,255,0.8);font-weight:500;}

.head .boxwrap{
	display:flex;justify-content:space-between;
	position:relative;height:90px;padding:0 41px;
	box-sizing:border-box;
	box-shadow:1px 1px 0 rgba(255,255,255,0.6) inset,-1px -1px 0 rgba(255,255,255,0.6) inset;
	text-align:center;
}
#header.act .head .boxwrap{background:#fff;}
.head .boxwrap h1{margin:26px 0 0 0;}
.head .boxwrap h1 a{
	display:inline-block;
	width:280px;height:34px;
	text-indent:-9999px;
	background:url(../images/logo_off.png) no-repeat;
}
#header.act .head .boxwrap h1 a{
	background:url(../images/logo_on.png) no-repeat;
}
.head .boxwrap .nav_pc{width:calc(100% - 280px - 240px);}
.head .boxwrap .nav_pc>ul{display:flex;justify-content:center;}
.head .boxwrap .nav_pc>ul>li{margin:0 100px 0 0;}
.head .boxwrap .nav_pc>ul>li>a{
	display:inline-block;position:relative;
	font-size:17px;color:rgba(255,255,255,0.9);
	line-height:90px;
}
#header.act .head .boxwrap .nav_pc>ul>li>a{color:rgba(0,0,0,0.9);font-weight:500;}
.head .boxwrap .nav_pc>ul>li>a:after{
	display:block;content:"";
	position:absolute;left:50%;bottom:0;
	width:0%;height:4px;
	background:#336791;
	transform:translateX(-50%);transition:all 0.6s;
}
.head .boxwrap .nav_pc>ul>li:hover>a:after{width:100%;}
.head .boxwrap .nav_pc>ul>li.on>a:after{width:100%;}
.head .boxwrap .gnb_hidden{display:none;width:115px;margin:39px 50px 0 0;}
#header.act .head .boxwrap .gnb_hidden{display:block;}
.head .boxwrap .gnb_hidden>ul{display:flex;align-items:center;}
.head .boxwrap .gnb_hidden>ul>li{position:relative;padding:0 8px;}
.head .boxwrap .gnb_hidden>ul>li:after{
	display:block;content:"";
	width:1px;height:8px;background:rgba(0,0,0,0.8);
	position:absolute;right:0;top:3px;
}
.head .boxwrap .gnb_hidden>ul>li>a{display:block;font-family:"Montserrat";font-size:11px;color:rgba(0,0,0,0.8);font-weight:500;}
.head .boxwrap .gnb_hidden>ul>li.lang{padding-right:0;}
.head .boxwrap .gnb_hidden>ul>li.lang:after{display:none;}
.head .boxwrap .gnb_hidden>ul>li.lang>a{
	display:block;position:relative;
	padding-right:15px;
}
.head .boxwrap .gnb_hidden>ul>li.lang>a:after{
	display:block;content:"";
	width:4px;height:4px;
	border-right:2px solid #333;border-bottom:2px solid #333;
	transform:rotate(45deg);
	position:absolute;right:0;top:3px;
}
.head .boxwrap .gnb_hidden>ul>li.lang>ul{
	display:none;
	position:absolute;left:0;top:100%;z-index:1100;
	width:100%;
	box-sizing:border-box;
	padding:8px;margin-top:8px;
	background:#457aa4;
}
.head .boxwrap .gnb_hidden>ul>li.lang>ul>li{margin-bottom:5px;}
.head .boxwrap .gnb_hidden>ul>li.lang>ul>li:last-child{margin-bottom:0;}
.head .boxwrap .gnb_hidden>ul>li.lang>ul>li a{display:block;font-family:"Montserrat";font-size:11px;color:rgba(255,255,255,0.8);font-weight:500;}



.head .boxwrap .btn_menu{
	display:flex;flex-wrap:wrap;justify-content:flex-end;
	width:240px;height:60px;
	background-color:#f4dc34;
	margin:14px 0 0 0;
	cursor:pointer;
	border-radius:30px;
	box-shadow:0 3px 5px rgba(0,0,0,0.3);
}
.head .boxwrap .btn_menu>div{
	width:100%;
	font-size:17px;
	line-height:60px;
	font-weight:500;
	color:#232323;
}
.head .boxwrap .btn_menu>div a {font-size:17px;
	line-height:60px;
	font-weight:500;
	color:#232323;}
.head .boxwrap .btn_menu>div:nth-child(2){width:75%;}
#header.act .head .boxwrap .btn_menu>div{background:#f4dc34;border-radius:30px;}

.head.on .boxwrap{background:#fff;}
.head.on .boxwrap h1 a{background:url(../images/logo_on.png) no-repeat;}
.head.on .boxwrap .nav_pc>ul>li>a{color:#333;font-weight:500;}
.head.on .boxwrap .nav_pc>ul>li.on>a{color:#336791;}
.head.on .boxwrap .btn_menu>div{background:#f4dc34;border-radius:30px;}


.sub_menu{
	display:none;
	position:absolute;left:0;top:100%;z-index:1000;
	width:100%;min-height:74px;box-sizing:border-box;
	padding:25px 0 25px 0;
	background:#f1f1f1;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.sub_menu .sub_wrap{overflow:hidden;display:none;}
.sub_menu .sub_wrap>ul{display:flex;width:1000px;margin:0 auto;padding-left:120px;border-right:1px solid #ccc;}
.sub_menu .sub_wrap>ul>li{box-sizing:border-box;}
.sub_menu .sub_wrap>ul.m4>li{width:25%;}
.sub_menu .sub_wrap>ul.m3>li{width:33.333%;}
.sub_menu .sub_wrap>ul.m2>li{width:50%;}
.sub_menu .sub_wrap:nth-child(1)>ul{}
.sub_menu .sub_wrap:nth-child(2)>ul{}
.sub_menu .sub_wrap:nth-child(3)>ul{}
.sub_menu .sub_wrap:nth-child(4)>ul{}
.sub_menu .sub_wrap:nth-child(5)>ul{}
.sub_menu .sub_wrap:nth-child(6)>ul{}
.sub_menu .sub_wrap:nth-child(7)>ul{}


#header.act .sub_menu .sub_wrap>ul{
	display:flex;width:800px;margin:0 auto;padding-left:0;border-right:1px solid #ccc;
	transform: translateX(-15px);
}
#header.act .sub_menu .sub_wrap:nth-child(1)>ul{}
#header.act .sub_menu .sub_wrap:nth-child(2)>ul{}
#header.act .sub_menu .sub_wrap:nth-child(3)>ul{}
#header.act .sub_menu .sub_wrap:nth-child(4)>ul{}
#header.act .sub_menu .sub_wrap:nth-child(5)>ul{}
#header.act .sub_menu .sub_wrap:nth-child(6)>ul{}
#header.act .sub_menu .sub_wrap:nth-child(7)>ul{}

.sub_menu .sub_wrap>ul>li{
	position:relative;
	padding-left:20px;
	border-left:1px solid #ccc;
}
.sub_menu .sub_wrap>ul>li:last-child{margin-right:0;}
.sub_menu .sub_wrap>ul>li:before{
	display:none;content:"";
	width:7px;height:3px;
	background:#336791;
	position:absolute;left:0;top:11px;
}
.sub_menu .sub_wrap>ul>li>a{font-size:16px;color:#000;}
.sub_menu .sub_wrap>ul>li:hover>a{font-size:16px;color:#336791;}
.sub_menu .sub_wrap>ul>li>ul{margin-top:10px;}
.sub_menu .sub_wrap>ul>li>ul>li{margin-bottom:5px;}
.sub_menu .sub_wrap>ul>li>ul>li>a{font-size:15px;color:rgba(0,0,0,0.7);}
.sub_menu .sub_wrap>ul>li>ul>li:hover>a{color:#336791;border-bottom:1px solid #336791;}


.allmenu{
	display:none;
	position:absolute;left:0;top:0;
	width:100%;
	background:#090c23 url(/images/common/all_cloud.png) no-repeat right 150%;
}
.allmenu h1{margin:37px 0 0 41px}
.allmenu h1 a{
	display:inline-block;
	width:225px;height:19px;
	text-indent:-9999px;
	background:url(/images/common/logo1.png) no-repeat;background-size:cover;
}
.allmenu .btn_x{
	position:absolute;right:41px;top:31px;
	width:26px;height:26px;
	transform:rotate(45deg);
	cursor:pointer;
}
.allmenu .btn_x:before{
	display:block;content:"";
	width:100%;height:3px;
	background:#457aa4;
	position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);
}
.allmenu .btn_x:after{
	display:block;content:"";
	width:3px;height:100%;
	background:#457aa4;
	position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);
}
.allmenu .allmenuwrap{max-width:1400px;width:100%;margin:40px auto 70px;}
.allmenu .allmenuwrap .boxwrap{display:flex;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.1);}
.allmenu .allmenuwrap .boxwrap>h2{width:285px;font-size:22px;color:#fff;}
.allmenu .allmenuwrap .boxwrap>ul{display:flex;width:calc(100% - 285px);}
.allmenu .allmenuwrap .boxwrap>ul>li{width:25%;position:relative;box-sizing:border-box;padding-left:15px;}
.allmenu .allmenuwrap .boxwrap:nth-child(1)>ul>li:first-child{width:50%;}
.allmenu .allmenuwrap .boxwrap>ul>li:before{
	display:block;content:"";
	width:7px;height:3px;
	background:#336791;
	position:absolute;left:0;top:11px;
}
.allmenu .allmenuwrap .boxwrap>ul>li>a{font-size:16px;color:#fff;font-weight:300;}
.allmenu .allmenuwrap .boxwrap>ul>li>ul{margin-top:10px;}
.allmenu .allmenuwrap .boxwrap>ul>li>ul>li{}
.allmenu .allmenuwrap .boxwrap>ul>li>ul>li>a{font-size:15px;color:rgba(255,255,255,0.5);font-weight:300;}



/* visual */
#visual{overflow:hidden;width:100%;height:100vh;background:#000;transform:translateZ(0); min-width:1500px;}
#visual .swiper-container,
#visual .swiper-wrapper{width:100%;height:100%;}
#visual .swiper-slide{}
#visual .swiper-slide .bgarea{position:relative;width:100%;height:100%;transition:all 2s;transform:scale(1.05);perspective:800px;}
#visual .swiper-slide.swiper-slide-active .bgarea{transform:scale(1);}
#visual .swiper-slide.v1 .bgarea{background:url(../images/visual1.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v2 .bgarea{background:url(../images/visual2.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v3 .bgarea{background:url(../images/visual3.jpg) no-repeat center;background-size:cover;}
#visual .swiper-slide.v1 .v1_svg{position:absolute;left:0;top:18%;width:100%;height:100%;z-index:10;perspective:800px;}
#visual .swiper-slide.v1 .v1_svg svg{width:102%;height:100%;perspective:800px;}
#visual .swiper-slide.v1 .v1_svg svg .point{opacity:0;transform:translateY(10px) scale(1);transition:all 1s;}
#visual .swiper-slide.v1 .v1_svg svg .line{opacity:0.7;}

#visual .swiper-slide.swiper-slide-active .v1_svg svg .point{opacity:1;transform:translateY(0) scale(1);transition:all 1s;}
#visual .swiper-slide.swiper-slide-active .v1_svg svg .line{stroke-dasharray:1000;stroke-dashoffset:1000;}
#visual .swiper-slide.swiper-slide-active .v1_svg svg .line{
	-webkit-animation:visual_ani1 2s linear 0.6s;animation-fill-mode: forwards;

}
#visual .swiper-slide.swiper-slide-active .v1_svg svg .line2{stroke-dasharray:1000;stroke-dashoffset:1000;}
#visual .swiper-slide.swiper-slide-active .v1_svg svg .line2{-webkit-animation:visual_ani1 2.5s linear 0.5s;animation-fill-mode: forwards;}
#visual .swiper-slide.swiper-slide-active .v1_svg svg .line3{stroke-dasharray:1000;stroke-dashoffset:1000;}
#visual .swiper-slide.swiper-slide-active .v1_svg svg .line3{-webkit-animation:visual_ani1 3s linear 0.5s;animation-fill-mode: forwards;}
@keyframes visual_ani1 {
	0%{opacity:0.7;stroke-dasharray:1000;stroke-dashoffset:1000;}
	100%{opacity:0.7;stroke-dashoffset: 0}
}

#visual .swiper-slide .conarea{
	box-sizing:border-box;
	position:absolute;left:50%;top:50%;transform:translate(-45%,-50%);
	max-width:1400px;width:94%;
	padding:40px 0 0 0;
}
#visual .swiper-slide .conarea h3 {font-size:45px;color:#fff;text-shadow:0 3px 5px rgba(0,0,0,0.3); font-weight:500; line-height:60px;}
#visual .swiper-slide .conarea h4 {font-size:40px;color:#fff000;text-shadow:0 3px 5px rgba(0,0,0,0.3); font-weight:800; line-height:60px; font-style:italic;}
#visual .swiper-slide .conarea p{
	margin:20px 0 50px;
	font-size:25px;color:rgba(255,255,255,0.8);text-shadow:0 3px 5px rgba(0,0,0,0.3);font-weight:300;line-height:160%;
}
#visual .swiper-slide .conarea .btns{}
#visual .swiper-slide .conarea .btns a{
	display:inline-block;box-sizing:border-box;
	height:62px;
	padding:0 40px 0 40px;
	background:rgba(43,72,137,0.75);
	font-size:15px;color:#fff;line-height:62px;font-weight:500;
	font-family:"Montserrat";
}
#visual .swiper-slide .conarea .btns a span{display:block;position:relative;}
#visual .swiper-slide.v3 .conarea .btns a{background:#264081}

#visual .custom_page{position:absolute;left:0;bottom:125px;width:100%;text-align:center;}
#visual .custom_page .swiper-pagination{position:relative;display:inline-block;vertical-align:middle;}
#visual .swiper-pagination-bullet{
	display:inline-block;box-sizing:border-box;vertical-align:middle;
	width:6px;height:6px;
	margin:0 10px;
	opacity:1;
	background:#fff;
}
#visual .swiper-pagination-bullet-active{
	width:12px;height:12px;
	background:0;
	border:2px solid #fff;
}
#visual .custom_page .swiper-ctr{position:relative;z-index:10;display:inline-block;vertical-align:middle;padding:0 10px;}
#visual .custom_page .swiper-ctr a{display:inline-block;}
#visual .custom_page .swiper-ctr a.btn_play{display:none;}
#visual .vprev{
	position:absolute;left:1.6%;top:50%;z-index:10;
	width:38px;height:60px;
	background:url(../images/vprev.png);background-size:cover;
	transform:translateY(-50%);
	cursor:pointer;
}
#visual .vnext{
	position:absolute;right:1.6%;top:50%;z-index:10;
	width:38px;height:60px;
	background:url(../images/vnext.png);background-size:cover;
	transform:translateY(-50%);
	cursor:pointer;
}
#visual .scroll{
	box-sizing:border-box;
	position:absolute;left:50%;bottom:0px;z-index:10;
	transform:translateX(-50%);
	text-align:center;padding-bottom:59px;
	font-family:"Montserrat";font-size:15px;color:#fff;font-weight:600;
}
#visual .scroll .tit {writing-mode: vertical-rl;transform: rotate(180deg); padding-right:3px}
#visual .scroll:after{
	display:block;content:"";
	width:1px;height:49px;
	background:#fff;
	position:absolute;left:50%;bottom:0;margin-left:-0.5px;
}
#visual .scroll .mouse{
	position:relative;
	width:29px;height:45px;
	margin:15px auto 0;
	border:2px solid #fff;border-radius:15px;	
}
#visual .scroll .mouse:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#fff;
	position:absolute;left:50%;bottom:15px;margin-left:-0.5px;
}




/*  */
.titlearea{text-align:left;}
.titlearea h3{font-size:50px;color:#000802;font-weight:600; letter-spacing:-2px;}
.titlearea p{margin:5px 0 0;font-size:20px;color:#565656;}

.titlearea2{text-align:center;}
.titlearea2 h3{font-size:50px;color:#fff;font-weight:600; letter-spacing:-2px;}
.titlearea2 p{margin:5px 0 0;font-size:20px;color:#fff;}



.section {width:100%; min-width:1500px;}


/* section1 */
.section1{position:relative;padding:80px 0 80px; height:810px; background:url(../images/section1_logo.png) 80% 50px no-repeat; }
.section1:after{
	display:block;content:"";
	width:100%;height:447px;
	background:url(../images/section1_bg.jpg) right top no-repeat;
	position:absolute;right:0; top:270px;
}
/* sec02 */
#sec02 {position:relative; width:1200px; height:100%; z-index:10; margin:0 auto;}
#sec02 .sec02_cont {height:100%;}
#sec02 .product-container {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%;}
#sec02 .product-container:after {content:""; display:block; clear:both;}
#sec02 .product-container .right {width:550px;}
#sec02 .product-container .left {width:650px; margin-top:20px}
#sec02 .product-container .left {box-shadow:7px 7px 7px rgba(0,0,0,0.3); width:650px; height:465px; overflow:hidden;}
#sec02 .product-container .left img {z-index:10;}

#sec02 .product-container .right .right_inner {margin-top:140px;}
#sec02 .product-container .right .title_slide {}
#sec02 .product-container .right .item {position:relative; height:300px}
#sec02 .product-container .right .product-tit {text-align:left; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sec02 .product-container .right .product-tit .b-tit {margin-bottom:45px; font-size:40px; font-weight:600; padding-left:70px; line-height:1em; color:#fff; opacity:0; -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px); transition:all 0.4s 0.5s; position:relative;}
#sec02 .product-container .right .product-tit .b-tit:after {position:absolute; content:''; width:600px; height:1px; background-color:#fff; top:65px; left:-50px; z-index:11;}
#sec02 .product-container .right .product-tit .s-txt {display:block; max-width:630px; padding-left:70px; font-size:20px; font-weight:300; line-height:1.5em; color:#fff; opacity:0; margin:0 auto; word-break:keep-all; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); transition:transform 0.35s 0.65s, opacity 0.8s 0.65s;}
#sec02 .product-container .right .slick-active.item .product-tit .b-tit {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
#sec02 .product-container .right .slick-active.item .product-tit .s-txt {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}

#sec02 .product-control {position:relative; width:100%; max-width:446px; height:75px; margin:100px auto 0;}
#sec02 .product-control.pc {display:block;}
#sec02 .product-control.mobile {display:none;}
#sec02 .product-control button {position:absolute; top:0; width:75px; height:75px; vertical-align:top; text-indent:-9999px;}
#sec02 .product-control button.product-prev {left:-35px; background:url('../images/ico_product_prev.png')center center/75px 75px no-repeat;}
#sec02 .product-control button.product-next {right:-35px; background:url('../images/ico_product_next.png')center center/75px 75px no-repeat;}
#sec02 .product-control .product-count {display:block; width:100%; height:100%; text-align:center; color:#999; font-family:'Titillium Web', sans-serif;}
#sec02 .product-control .product-count .prdt-tit {font-size:25px; font-weight:600;}
#sec02 .product-control .product-count ul {margin-top:5px; margin-left:50%; -webkit-transform:translateX(-25px); -ms-transform:translateX(-25px); transform:translateX(-25px);}
#sec02 .product-control .product-count ul:after {content:""; display:block; clear:both;}
#sec02 .product-control .product-count ul li {float:left;}
#sec02 .product-control .product-count ul li span {position:relative; margin:0 10px;}
#sec02 .product-control .product-count ul li span.current:after {content:"/"; display:block; position:absolute; top:0; right:-14px;}

#sec02 .more-info-btn {display:block; position:absolute; top:43%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:270px; height:50px; padding:17px 32px; text-align:left; background:#da2128; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-box-shadow:0px 15px 15px 0px rgba(0,0,0,0.25); box-shadow:0px 15px 15px 0px rgba(0,0,0,0.25); z-index:1; color:#fff;}
#sec02 .more-info-btn:after {content:""; display:block; position:absolute; top:0; right:-10px; width:10px; height:50px; background:url('../img/main/img_morebtn_bg.png')center center no-repeat;}
#sec02 .more-info-btn span {display:block; position:relative; font-size:16px; font-weight:500; line-height:1em; color:#fff;}
#sec02 .more-info-btn span:after {content:""; display:block; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:all 0.3s; transition:all 0.3s; width:6px; height:2px; background:#fff;}
#sec02 .more-info-btn:hover span:after {width:12px;}

#sec02 .product-dots {width:100%; margin:0 auto;  position:absolute; bottom:80px; left:0;}
#sec02 .product-dots ul {padding:40px 0;}
#sec02 .product-dots ul:after {content:""; display:block; clear:both;}
#sec02 .product-dots ul li {float:left; margin:5px;}
#sec02 .product-dots ul li:first-child {margin:5px 5px 5px 115px;}
#sec02 .product-dots ul li a {display:block; -webkit-box-sizing:border-box; box-sizing:border-box;text-indent:-9999px;width:18px; height:18px; border-radius:50%; background-color:#b3b3b3;}
#sec02 .product-dots ul li.slick-active a {display:block; position:relative; width:20px; height:20px; border-radius:50%;border:3px solid #07ace8; background-color:#fff;}

/*
#sec02 .product-dots{position:absolute; right:265px; top:505px; height:10px; font-size:0;}
#sec02 .product-dots ul li {display:inline-block; width:18px; height:18px; border-radius:50%; background-color:#b3b3b3; margin-left:15px; text-indent:-9999px;}
#sec02 .product-dots ul li.slick-active:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:24px; height:24px; border-radius:50%;border:3px solid #07ace8;}
*/

#sec02 .product-container .right .item .btn a {display:inline-block; min-width:160px; height:45px; border:1px solid rgba(255,255,255,.5); line-height:43px; text-align:center; color:#fff; vertical-align:middle; cursor:pointer; overflow:visible; white-space:nowrap; margin-top:50px; position:absolute; left:70px; top:190px;
-ms-transition:border 0.5s ease background-color 0.5s ease; 
-o-transition:border 0.5s ease, background-color 0.5s ease; 
-moz-transition:border 0.5s ease, background-color 0.5s ease 
-webkit-transition:border 0.5s ease, background-color 0.5s ease; 
transition:border 0.5s ease, background-color 0.5s ease;
opacity:0; -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px); transition:all 0.4s 0.5s;}
#sec02 .product-container .right .slick-active.item .btn a {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
#sec02 .product-container .right .item .btn a:hover,
#sec02 .product-container .right .item .btn:focus {border-color:#00b1e6; background-color:#00b1e6; color:#ffffff; text-decoration:none}





/* section2 */
.section2 {background:url(../images/section2_bg.jpg) center top no-repeat; padding:85px 0; height:580px; position:relative;}
.section_area {width:1200px; margin:0 auto;}

.main-info-grid-con{position:absolute; top:0px; bottom:0px; min-width:1200px; margin:0 auto;}
.main-info-grid-con ul{display:table; width:100%; height:100%;}
.main-info-grid-con li{display:table-cell; width:33.3333%; position:relative; height:100%;}
.main-info-grid-con li:after,
.main-info-grid-con li:first-child:before{position:absolute; top:0px; right:0; width:1px; height:100%; background:rgba(255,255,255,.1); content:"";}
.main-info-grid-con li:first-child:before{right:auto; left:0;}

.main-info-wrapper{position:relative; z-index:1; margin:0 auto}
.main-info-list-con{margin-bottom:3%; margin-bottom:6vh}
.main-info-list-con li{float:left; width:33.3333%; text-align:center;}
.main-info-list-con li dl .main-info-tit{color:#fff; font-size:25px; letter-spacing:-0.3px; margin-bottom:3%;}
.main-info-list-con li .main-info-tit .icon i{font-size:36px;}
.main-info-list-con li .main-info-tit strong{display:block; font-weight:400; margin-top:20px;}
.main-info-list-con li .main-info-number{color:#fff; font-size:50px; letter-spacing:-0.25px;}
.main-info-list-con li .main-info-number span {font-size:25px; padding-left:10px;}
.main-info-list-con li .main-info-detail-txt p{margin-top:2%; color:#fff; font-size:15px; letter-spacing:-0.5px; line-height:25px;}






/* section3 */
.section3{position:relative;padding:80px 0;}
.section3:after{
	display:block;content:"";
	width:100%;height:50%;
	background:#f5f5f5;
	position:absolute;left:0;bottom:0;
}
.section3 .conwrap{margin:30px 0 0;}
.section3 .conwrap ul{display:flex;width:100%;}
.section3 .conwrap ul li{
	overflow:hidden;
	width:calc((100% - 0px) / 3);
	margin-right:30px;
}
.section3 .conwrap ul li:last-child{margin-right:0;}
.section3 .conwrap ul li .thumbwrap{overflow:hidden;position:relative;}
.section3 .conwrap ul li .thumbwrap .thumb{}
.section3 .conwrap ul li .thumbwrap .thumb img{transform-origin:50% 0%;transform:scale(1.1);transition:all 0.6s ease-out;}
.section3 .conwrap ul li:hover .thumbwrap .thumb img{transform:scale(1);transition:all 0.6s ease-out;}
.section3 .conwrap ul li .thumbwrap .ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.section3 .conwrap ul li .thumbwrap span{display:flex;position:absolute;right:0;bottom:0;}
.section3 .conwrap ul li .thumbwrap span:after{
	display:block;content:"";
	width:64px;height:100%;
	position:absolute;right:0;top:0;
	background:#f5f5f5;transition:all 0.4s ease-out;
}
.section3 .conwrap ul li .thumbwrap span .txts{
	box-sizing:border-box;
	position:relative;z-index:1;width:131px;
	padding:0 0 0 25px;
	font-size:18px;color:#fff;line-height:64px;
	transform-origin:right center;
	transform:translateX(64px);opacity:0;
}
.section3 .conwrap ul li .thumbwrap span .arr{
	position:relative;z-index:2;
	width:64px;height:64px;
}
.section3 .conwrap ul li .thumbwrap span .arr:after{
	display:block;content:"";
	width:6px;height:6px;
	border-right:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;
	transform:rotate(-45deg) translate(-50%,-50%);
	position:absolute;left:50%;top:50%;margin:-3px 0 0;transition:all 0.4s ease-out;
}
.section3 .conwrap ul li:hover .thumbwrap span:after{width:100%;background:#336791;}
.section3 .conwrap ul li:hover .thumbwrap span .txts{transform:translateX(0);opacity:1;transition:all 0.4s ease-out 0.1s;}
.section3 .conwrap ul li:hover .thumbwrap span .arr:after{border-right:2px solid #fff;border-bottom:2px solid #fff;}

.section3 .conwrap ul li .infowrap{margin:32px 0 0;word-break:keep-all;}
.section3 .conwrap ul li .infowrap .cate{display:flex;justify-content:space-between;}
.section3 .conwrap ul li .infowrap .cate .txt{
	display:inline-block;box-sizing:border-box;
	min-width:92px;height:31px;
	padding:0 15px;
	text-align:center;line-height:29px;font-family:"Montserrat";font-size:14px;font-weight:500;
}
.section3 .conwrap ul li .infowrap .cate.meetup .txt{border:1px solid #ed1c40;color:#ed1c40;}
.section3 .conwrap ul li .infowrap .cate.webinar .txt{border:1px solid #555;color:#555;}
.section3 .conwrap ul li .infowrap .cate.evt .txt{border:1px solid #6a4cb4;color:#6a4cb4;}
.section3 .conwrap ul li .infowrap .cate.conference .txt{border:1px solid #336791;color:#336791;}
.section3 .conwrap ul li .infowrap .cate .img{}
.section3 .conwrap ul li .infowrap h4{margin:20px 0 10px;font-size:23px;color:#2c2c2c; font-weight:500;}
.section3 .conwrap ul li .infowrap p{font-size:17px;color:#2c2c2c;}





@keyframes arrAni{
	0%{transform:translateX(0px);}
	35%{transform:translateX(3px);}
	70%{transform:translateX(0px);}
	100%{transform:translateX(-3px);}
}





/**/
#bg_black{
	display:none;
	position:fixed;left:0;top:0;z-index:1500;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
.contactus_layer{
	display:none;
	position:fixed;left:50%;top:50%;z-index:1500;
	transform:translate(-50%,-50%);
	max-width:1200px;width:94%;
}
.contactus_layer .btn_close{display:flex;justify-content:flex-end;margin:0 0 10px;cursor:pointer;}
.contactus_layer h4{position:relative;font-size:28px;color:#000;text-align:center;font-weight:500;}
.contactus_layer h4:after{
	display:block;content:"";
	width:30px;height:2px;
	background:#000;
	margin:15px auto 50px;
}
.contactus_layer .textarea{
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#fff;
	width:100%;height:300px;
}
.contactus_layer .textarea textarea{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:35px;
	border:0;outline:0;resize:none;
	font-size:15px;line-height:170%;
}
.contactus_layer .agreechk{margin:25px 0 50px;}
.contactus_layer .agreechk input{display:inline-block;vertical-align:top;width:18px;height:18px;margin-top:5px}
.contactus_layer .agreechk label{display:inline-block;vertical-align:top;margin:0 40px 0 10px;font-size:16px;color:#333;}
.contactus_layer .conwrap{
	overflow-y:scroll;box-sizing:border-box;
	position:relative;background:#f1f1f1;
	height:700px;padding:75px 100px;
}
.contactus_layer .conwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.contactus_layer .conwrap ul li{
	width:48%;
	text-align:left;
	margin:0 0 15px;
}
.contactus_layer .conwrap ul li .tit{margin-bottom:10px;font-size:16px;color:#000;}
.contactus_layer .conwrap ul li .tit span{display:inline-block;vertical-align:middle;margin-left:5px;color:#f9253b;}
.contactus_layer .conwrap ul li .ipt{
	box-sizing:border-box;
	width:100%;height:58px;
	border:1px solid #ddd;background:#fff;
	padding:0 25px;
	font-size:16px;outline:0;
}
.contactus_layer .conwrap ul li .ipt:focus{border:2px solid #4579a3;}



.selectbox {
  position: relative;box-sizing:border-box;
  width:100%;height:58px;
  border: 1px solid #ddd;background:#fff;
  z-index: 1;font-size:16px;
}
.selectbox:before {
  content: "";
  position: absolute;
  top: 50%;
  right:25px;
  width:8px;
  height:8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform:translateY(-55%) rotate(45deg);
}
.selectbox label {
  position: absolute;
  top:1px;
  left:25px;
  padding: .9em 0;
  z-index: -1;
}
.selectbox select {
  width: 100%;
  height: auto;
  line-height:56px;
  font-family: inherit;
  border: 0;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contactus_layer .conwrap ul li .con{padding:17px 0;}
.contactus_layer .conwrap ul li .con input[type="checkbox"]{
	position:absolute; 
	width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}
.contactus_layer .conwrap ul li .con input[type="checkbox"] + label { 
	display: inline-block; 
	position: relative; padding-left:40px; margin-right:40px;
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.contactus_layer .conwrap ul li .con input[type="checkbox"] + label:before { 
	display:block;content: ''; 
	position: absolute; left: 0; top: -4px; 
	width: 28px; height: 28px; 
	text-align: center; 
	border: 1px solid #ddd;background:#fff; 
}
.contactus_layer .conwrap ul li .con input[type="checkbox"]:checked + label:after { 
	display:block;content: ''; position: absolute; top:-3px; left:1px;
	width:28px;height:28px;
	background:url(/images/page/bg_chk.gif) no-repeat center;
	background-size:cover;
}
.contactus_layer .conwrap ul li .con input[type="text"]{
	margin-left:-30px;
	width:350px; height:46px; 
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:0 20px ;outline:0;
} 
.contactus_layer .conwrap ul li button{display:inline-block;border:0;outline:0;}
.contactus_layer .conwrap ul li .cal{display:flex;justify-content:space-between;}
.contactus_layer .conwrap ul li .cal .w1{width:calc(97% - 58px);}
.contactus_layer .conwrap ul li .cal .w2{width:38%;}
.contactus_layer .conwrap ul li.w100{width:100%;}
.contactus_layer .conwrap ul li textarea{
	width:100%; height:240px; 
	border:1px solid #ddd;background:#fff;
	box-sizing:border-box;
	padding:15px;resize:none;outline:0;
}
.contactus_layer .conwrap .send{margin:40px 0;}
.contactus_layer .conwrap .send button{
	display:block;
	width:250px;height:60px;margin:0 auto;
	background:#457aa4;border:0;outline:0;
	font-family:"Montserrat";font-size:19px;color:#fff;font-weight:500;
}



.partner_layer{
	display:none;
	position:fixed;left:50%;top:50%;z-index:1500;
	transform:translate(-50%,-50%);
	max-width:1200px;width:94%;
}
.partner_layer .btn_close{display:flex;justify-content:flex-end;margin:0 0 10px;cursor:pointer;}
.partner_layer h4{position:relative;font-size:28px;color:#000;text-align:center;font-weight:500;}
.partner_layer h4:after{
	display:block;content:"";
	width:30px;height:2px;
	background:#000;
	margin:15px auto 50px;
}
.partner_layer .textarea{
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#fff;
	width:100%;height:300px;
}
.partner_layer .textarea textarea{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:35px;
	border:0;outline:0;resize:none;
	font-size:15px;line-height:170%;word-break:keep-all;
}
.partner_layer .agreechk{margin:25px 0 50px;}
.partner_layer .agreechk input{display:inline-block;vertical-align:top;width:18px;height:18px;margin-top:5px}
.partner_layer .agreechk label{display:inline-block;vertical-align:top;margin:0 40px 0 10px;font-size:16px;color:#333;}
.partner_layer .conwrap{
	overflow-y:scroll;box-sizing:border-box;
	position:relative;background:#f1f1f1;
	height:700px;padding:75px 100px;
}
.partner_layer .conwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.partner_layer .conwrap ul li{
	width:48%;
	text-align:left;
	margin:0 0 15px;
}
.partner_layer .conwrap ul li .tit{margin-bottom:10px;font-size:16px;color:#000;}
.partner_layer .conwrap ul li .tit span{display:inline-block;vertical-align:middle;margin-left:5px;color:#f9253b;}
.partner_layer .conwrap ul li .ipt{
	box-sizing:border-box;
	width:100%;height:58px;
	border:1px solid #ddd;background:#fff;
	padding:0 25px;
	font-size:16px;outline:0;
}
.partner_layer .conwrap ul li .ipt:focus{border:2px solid #4579a3;}
.partner_layer .conwrap ul li .con{padding:17px 0;}
.partner_layer .conwrap ul li .con input[type="checkbox"]{
	position:absolute; 
	width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}
.partner_layer .conwrap ul li .con input[type="checkbox"] + label { 
	display: inline-block; 
	position: relative; padding-left:40px; margin-right:40px;
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
}
.partner_layer .conwrap ul li .con input[type="checkbox"] + label:before { 
	display:block;content: ''; 
	position: absolute; left: 0; top: -4px; 
	width: 28px; height: 28px; 
	text-align: center; 
	border: 1px solid #ddd;background:#fff; 
}
.partner_layer .conwrap ul li .con input[type="checkbox"]:checked + label:after { 
	display:block;content: ''; position: absolute; top:-3px; left:1px;
	width:28px;height:28px;
	background:url(/images/page/bg_chk.gif) no-repeat center;
	background-size:cover;
}
.partner_layer .conwrap ul li .con input[type="text"]{
	margin-left:-30px;
	width:350px; height:46px; 
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:0 20px ;outline:0;
} 
.partner_layer .conwrap ul li button{display:inline-block;border:0;outline:0;}
.partner_layer .conwrap ul li .cal{display:flex;justify-content:space-between;}
.partner_layer .conwrap ul li .cal .w1{width:calc(97% - 58px);}
.partner_layer .conwrap ul li .cal .w2{width:38%;}
.partner_layer .conwrap ul li.w100{width:100%;}
.partner_layer .conwrap ul li textarea{
	width:100%; height:240px; 
	border:1px solid #ddd;background:#fff;
	box-sizing:border-box;
	padding:15px;resize:none;outline:0;
}
.partner_layer .conwrap .send{margin:40px 0;}
.partner_layer .conwrap .send button{
	display:block;
	width:250px;height:60px;margin:0 auto;
	background:#457aa4;border:0;outline:0;
	font-family:"Montserrat";font-size:19px;color:#fff;font-weight:500;
}







/* animation */
/*
.titlearea h3{opacity:0;transform:translateY(40px);transition:all 1s;}
.titlearea p{opacity:0;transform:translateY(40px);transition:all 1s 0.2s;}

.titlearea.in-view h3{opacity:1;transform:translateY(0px);}
.titlearea.in-view p{opacity:1;transform:translateY(0px);}


.section1 .conwrap ul li{opacity:0;transform:translateY(60px);}
.section1 .conwrap ul li:nth-child(1){transition:all 1s;}
.section1 .conwrap ul li:nth-child(2){transition:all 1s 0.2s;}
.section1 .conwrap ul li:nth-child(3){transition:all 1s 0.4s;}
.section1 .conwrap ul li:nth-child(4){transition:all 1s 0.6s;}
.section1 .conwrap.in-view ul li{opacity:1;transform:translateY(0);}
*/

.section2 .conwrap .model{opacity:1;transform:translateY(0px);transition:all 0s;}
.section2 .conwrap.in-view .model{opacity:1;transform:translateY(0);}

/*
.section3 .searchwrap{opacity:0;transform:translateY(60px);transition:all 1s;}
.section3 .in-view .searchwrap{opacity:1;transform:translateY(0);}

.section3 .community>div{opacity:0;transform:translateY(60px);}
.section3 .community>div:nth-child(1){transition:all 1s 0.4s;}
.section3 .community>div:nth-child(2){transition:all 1s 0.6s;}
.section3 .in-view .community>div{opacity:1;transform:translateY(0);}

.section4 .cases .conwrap ul li{perspective:800px;}
.section4 .cases .conwrap ul li .txts{
	transform:rotateX(-180deg);transform-origin:center top;
	backface-visibility:hidden;
}
.section4 .cases .conwrap ul li:nth-child(1) .txts{transition:all 1s cubic-bezier(.5,.07,.47,1.45)}
.section4 .cases .conwrap ul li:nth-child(2) .txts{transition:all 1s 0.2s cubic-bezier(.5,.07,.47,1.45);}
.section4 .cases .conwrap ul li:nth-child(3) .txts{transition:all 1s 0.4s cubic-bezier(.5,.07,.47,1.45);}
.section4 .cases .conwrap.in-view ul li .txts{transform:rotateX(0);}
.section4 .cases .conwrap .more{opacity:0;transform:translateY(40px);transition:all 1s 0.6s;}
.section4 .cases .conwrap.in-view .more{opacity:1;transform:translateY(0);}


.section5 .conwrap>div h3{opacity:0;transform:translateY(40px);}
.section5.in-view .conwrap>div h3{opacity:1;transform:translateY(0);}
.section5.in-view .conwrap>div:nth-child(1) h3{transition:all 1s}
.section5.in-view .conwrap>div:nth-child(2) h3{transition:all 1s 0.2s}

.section5 .conwrap .bbs1{opacity:0;transform:translateY(60px);transition:all 1s 0.4s}
.section5 .conwrap .bbs2{opacity:0;transform:translateY(60px);transition:all 1s 0.6s}
.section5.in-view .conwrap .bbs1{opacity:1;transform:translateY(0);}
.section5.in-view .conwrap .bbs2{opacity:1;transform:translateY(0);}
*/


.section2 .conwrap .model .line1{	stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line1{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}
.section2 .conwrap .model .line2{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line2{animation:ani1 1s infinite linear;animation-fill-mode: forwards; }
.section2 .conwrap .model .line3{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line3{animation:ani1 1s infinite linear;animation-fill-mode: forwards; }
.section2 .conwrap .model .line4{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line4{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}

.section2 .conwrap .model .line5{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line5{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}
.section2 .conwrap .model .line6{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line6{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}
.section2 .conwrap .model .line7{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line7{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}

.section2 .conwrap .model .line8{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line8{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}
.section2 .conwrap .model .line9{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line9{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}
.section2 .conwrap .model .line10{stroke-dasharray:10;stroke-dashoffset:100;}
.section2 .conwrap.in-view .model .line10{animation:ani1 1s infinite linear;animation-fill-mode: forwards;}


@keyframes ani1 {
	0%{stroke-dasharray:10;stroke-dashoffset:100;}
	100%{stroke-dashoffset: 0}
}