* {word-break:keep-all;}
.owl-carousel {touch-action: manipulation;}
.inner {height: 100%; display: flex; justify-content: center; align-items: center;}
.main_visual {position: relative;height: 100%;} 
.main_visual .owl-carousel, 
.main_visual .owl-carousel .owl-stage-outer, 
.main_visual .owl-carousel .owl-stage, 
.main_visual .owl-carousel .owl-item, 
.main_slide {width: 100%;height: 100%;}
.owl-item.active .main_slide {animation-duration: 4s; animation-name: zoom-b;}
.main_slide img {height: 100%;object-fit: cover;}
/* .main_slide {height: 960px;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat; background-position: center center;} */
.main_slide1 {background-image: url("/skin/default/img/main/main_slide1.jpg");}
.main_slide2 {background-image: url("/skin/default/img/main/main_slide2.jpg");}
.slide_text{ height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;position: absolute;z-index: 10;width: 100%;left: 0;top: 0;}
.st1 {font-weight: 700;font-size: 40px;color: #fff;text-align: center;margin-bottom: 40px;font-family: "Titillium Web";}
.st2 {font-weight: 700;font-size: 100px;color: #fff;text-align: center;font-family: "Titillium Web";}
.st2 a {color: #fff;}

.mouse-icon {border: 3px solid #fff;border-radius: 16px;height: 38px;width: 24px;display: block;z-index: 20;position: absolute;left: 50%;bottom: 40px;margin: 0 0 0 -12px;}
.mouse-icon:before {position: absolute;left: 50%;top: -25px;content: "";width: 47px;height: 11px;margin-left: -23px;background-image: url("/skin/default/img/main/scroll_txt.png");}
.mouse-icon:after {content: "";display: block;width: 5px;height: 7px;position: absolute;margin-left: -2.5px;bottom: -17px;background: url(/wp-content/uploads/2018/11/scroll_down_arrow.gif) no-repeat 0 0;left: 50%;}
.mouse-icon .wheel {-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;-webkit-animation-name: drop;animation-name: drop;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-play-state: running;}
.mouse-icon .wheel {position: relative;border-radius: 10px;background: #fff;width: 6px;height: 6px;top: 4px;margin-left: auto;margin-right: auto;}
.max_con {max-width: 1920px;margin: 0 auto;height: 100%;}

.main_title {text-align: center;font-size: 70px;color: #000;font-weight: 700;font-family: "Titillium Web";margin-bottom: 120px;}
.main_title.white {color: #fff;margin-bottom: 45px;}
.main_title_mid {text-align: center;font-size: 18px;color: #fff;line-height: 1.5;}

.section2 {background-color: #f8f9f9;position: relative;}
.section2:after {width: 460px;height: 389px;background-image: url('/skin/default/img/main/our_company_bg02.png');background-repeat: no-repeat;background-position: left 0;content: "";display: block;position: absolute;right: 0;top: 50%;z-index: 0;}
.section2 ul {border-top: 2px solid #000;}
.section2 ul li {border-bottom: 1px solid #ddd;}
.section2 ul li a {padding: 25px 0;display: table;width: 100%;}
.section2 ul li .date {display: table-cell;vertical-align: middle;width: 15%;}
.section2 ul li .txt {display: table-cell;vertical-align: middle;width: 85%;font-size: 18px;color: #333333;font-weight: 400;}
.section2 ul li .date span {display: block;color: #2d9fd2;text-align: center;}
.section2 ul li .date span.d {font-size: 54px;font-weight: 600;font-family: "Titillium Web";}
.section2 ul li .date span.ym {font-size: 15px;font-weight: 600;font-family: "Titillium Web";}

.new_more {text-align: center;margin-top: 50px;}
.new_more button {outline:none;width: 245px;height: 58px;font-size: 15px;color: #2d9fd2;font-weight: 600;border: 1px solid #2d9fd2;border-radius: 30px;text-align: center;display: inline-block;background-color: transparent;cursor:pointer;}

.parter_wrap {position: relative;margin: 0 auto;}
.parter_wrap .owl-carousel .owl-item img {width: auto;max-width: 100%;margin: 0 auto;display: block;border-radius: 10px;}
.partenr_item { background-color: #fff; border-radius: 10px;} 
.partner_nav {position: absolute;top: 50%;width: 100%;}
.partner_nav a {display: block;overflow: hidden;position: absolute;top: 50%;z-index: 50;white-space: nowrap;width: 40px;height: 40px;margin-top: -20px;}
.partner_nav a.prev {background-repeat: no-repeat;background-image: url("/skin/default/img/main/partner_prev.png");left: -60px;}
.partner_nav a.next {background-repeat: no-repeat;background-image: url("/skin/default/img/main/partner_next.png");right: -60px;}

.borad_title {position: relative;font-size: 26px;font-weight: 600;color: #000;margin-bottom: 20px;}
.borad_title a {position: absolute;right: 0;bottom: 0;font-size: 15px;font-weight: 600;color: #2d9fd2;}
.media_wrap {height: 355px;position: relative;z-index: 20;}
.media_wrap iframe {width: 100%;height: 100%;}

.pipe_wrap:before {display: table;content: "";}    
.pipe_wrap:after {display: table;content: "";clear: both;} 
.pipe_wrap {height: 100%;}
.pipe_item {float: left;width: 25%;height: 100%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;}
.pipe_item.on:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(6 104 157 / 70%);content: "";}
.pipe_item.item1 {background-image: url("/skin/default/img/main/pipe_bg01.jpg");}
.pipe_item.item2 {background-image: url("/skin/default/img/main/pipe_bg02.jpg");}
.pipe_item.item3 {background-image: url("/skin/default/img/main/pipe_bg03.jpg");}
.pipe_item.item4 {background-image: url("/skin/default/img/main/pipe_bg04.jpg");}
.pipe_cont{display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;bottom: 30%;z-index: 10;}
.pipe_tit {font-weight: 700;font-size: 30px;color: #fff;margin-bottom: 30px;text-align: center;}
.pipe_txt {text-align: center;font-size: 16px;color: #fff;margin-bottom: 30px;line-height: 1.5;opacity: 0;display: none;padding: 0 30px;}
.pipe_item.on .pipe_txt {animation: fadeInUp 1s;-moz-animation: fadeInUp 1s; /* Firefox */-webkit-animation: fadeInUp 1s; /* Safari and Chrome */-o-animation: fadeInUp 1s; /* Opera */display: block;opacity: 1;}
.pipe_item.on .pipe_tit {animation: fadeInUp 1s;-moz-animation: fadeInUp 1s; /* Firefox */-webkit-animation: fadeInUp 1s; /* Safari and Chrome */-o-animation: fadeInUp 1s; /* Opera */}
.pipe_title {position: absolute;left: 0;top: 280px; z-index: 10; width: 100%;}
.pipe_link {display: block;}

.global_popup .txc-image {max-width:100% !important; height:auto !important;}
.global_popup table {width:100% !important;}
.global_popup td {height:auto }
.global_popup td p {margin:0;}

@-webkit-keyframes zoom-a {
	0% { background-size: 110% auto; }
	100% { background-size: 100% auto; }
}
@-moz-keyframes zoom-a {
	0% { background-size: 110% auto; }
	100% { background-size: 100% auto; }
}
@-o-keyframes zoom-a {
	0% { background-size: 110% auto; }
	100% { background-size: 100% auto; }
}
@keyframes zoom-a {
	0% { background-size: 110% auto; }
	100% { background-size: 100% auto; }
}

@-webkit-keyframes zoom-b {
  0% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@-moz-keyframes zoom-b {
  0% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@-o-keyframes zoom-b {
  0% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}
@keyframes zoom-b {
  0% {
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
}

@media (max-height: 939px) {
	.pipe_cont {bottom: 20%;}
}
@media (max-width: 1459px) {
	.main_title {font-size: 50px;}
	.st2 {font-size: 60px;}
}
@media (max-width: 1429px) {

}
@media (max-width: 1359px) {
	.pipe_tit {font-size: 25px;}
	.section2 ul li .date span.d {font-size: 34px;}
	.section2 ul li .txt {font-size: 16px;}
}
@media (max-width: 1199px) {
	.partner_nav a.next {right: -50px;}
	.partner_nav a.prev {left: -50px;}
	.st1 {font-size: 30px;}
	.st2 {font-size: 70px;}
	.pipe_tit {font-size: 20px;}
	.pipe_title {top: 200px;}
	.main_title {font-size: 40px;}

}
@media (max-width: 991px) {
	.section2:after {width: 230px;height: 298px;-webkit-background-size: 230px auto;background-size: 230px auto;}
	.section2 ul li {padding: 10px 0;}
	.section2 ul li .date span.d {font-size: 35px;}
	.section2 ul li .date span.ym {font-size: 12px;}
	.section2 ul li .txt {font-size: 15px;}
	.new_more {margin-top: 25px;}
	.new_more button {width: 150px;height: 40px;font-size: 13px;}
	.borad_title {font-size: 20px;margin-bottom: 15px;}
	.borad_title a {font-size: 13px;}
	.st1 {font-size: 25px;margin-bottom: 20px;}
	.main_title_mid {font-size: 16px;}
	.pipe_txt {font-size: 14px;margin-bottom: 15px;}
	.pipe_tit {font-size: 18px;margin-bottom: 15px;}
	.main_title.white {margin-bottom: 20px;}
	.pipe_title {top: 140px;}
	.section2 ul li .txt {font-size: 14px;}
	.section2 ul li .date span.d {font-size: 30px;}
	.main_title {font-size: 30px;margin-bottom: 60px;}
	.pipe_link img {width: 30px;}
	.mouse-icon {bottom: 20px;}	
	.pipe_txt {display: block;opacity: 1;padding: 0 20px;}	
	.global_popup {width: 100% !important;max-width:100%;height: 100% !important;left: 0 !important;top: 0 !important;padding: 20px;}
}
@media (max-width: 767px) {	
	.pipe_item {height: 350px;width: 100%;}
	.section2:after {display: none;}
	.section2 ul li .date {width: 20%;}
	.section2 ul li .txt {width: 80%;line-height: 1.3;}
	.st1 {font-size: 16px;}
	.st2 {font-size: 40px;}
	.section2 ul li a {padding: 0 15px;}
	.parter_wrap {max-width:255px;}
	.pipe_cont {bottom: 30%;}

	.pipe_title {position: relative;top: auto;}
	.main_title.white {color: #000;}
	.main_title_mid {color: #000;margin-bottom: 20px;}
	.section1,.section2 {padding: 50px 0;}
	.section2 ul li a {padding: 0;}
	.section2 ul li .date span.d {font-size: 20px;}
	.section2 ul {margin-bottom: 20px;}
	.main_title {font-size: 25px;margin-bottom: 30px;}
}