@media screen and (max-width: 1080px) {

	.section1 {
		height: calc(100vh - 51px);
		margin-top: 51px;
	}
}
@media screen and (max-width: 1024px){
	.section1 .text {
		position: static !important;
		width: 100%;
		transform: translateY(0) !important;
		padding: 0 !important;
	}
	.section1 {
	    width: 100%;
	    height: 406px;
		overflow: inherit;
		/* background: url('../images/main_visual.jpg') no-repeat center top; */
	    /* background-size: auto auto; */
		background-size: cover;
		padding: 90px 40px 0 40px;
	}
	.section2 .conWrap {
		padding-bottom: 0;
	}
	.edu .t1 {
		margin-top: 44px;
	}

	.contact .t1 {
		margin-top: 44px;
	}
	.bizConbox {
		padding: 0;
		background: none;
	}
	.tit_p1 {
		font-size: 34px;
	}
	.section3 .tit {
		padding-top: 80px;
	}
	.section3 {
		background: #e5e5e5;
	}
	.pageTopbox {
		width: 100%;
	}
	.section1 .videoWrap {
	    display: none;
	}
	.section1 .text {
	    width: 100%;
	    top: 30%;
	    padding: 90px 40px 0 40px;
	}
	.section1 .tab {
		display: none;
	}
	.section1 .scroll {
		display: none;
	}
	.page_num{
		display:none;
	}
	.pageTop {
		display: none;
	}
	.section2 .conWrap .tit {
	    padding-top: 80px;
	    margin-bottom: 40px;
	}
	.section2 .box ul li.intro {
	    width: 33.333333%;
	    height: 280px;
	    /* background: url('../images/company_img1.jpg') no-repeat left top; */
	        background-size: auto auto;
	    background-size: cover;
	    padding: 30px 30px 0 0;
	}
	.section2 .box ul li.row_box {
		width: 33.333333%;
	}
	.section2 .box ul li.intro .t2 {
	    display: none;
	}
	.section2 .box ul li .bar1 {
	    display: block;
	    width: 20px;
	    height: 1px;
	    background: #fff;
	    margin: 0 auto 25px auto;
	}
	.section2 .box ul li .over {
	    display: block;
	    background: none;
	    padding: 0px;
	}
	.section2 .box ul li .over .wrap {
	    display: none;
	}
	.section2 .box ul li.invest {
	    text-align: center;
	    position: relative;
	    width: 25%;
		height: 150px;
		background: #2e373d;
		padding-top: 30px;
	}
	.section2 .box ul li .bar2 {
	    display: block;
	    width: 20px;
	    height: 1px;
	    /* background: #2783cd; */
	    margin: 0 auto 40px auto;
	}
	.section2 .box ul li.invest .t1 {
	    font-size: 20px;
	    position: absolute;
	    left: 0;
	    top: 100px;
	    width: 100%;
	}
	.section2 .box ul li.invest .t2 {
	    display: none;
	}
	.section2 .box ul li.invest .icon {
	    display: block;
	    width: 100%;
	    height: 35px;
	    margin-bottom: 10px;
	    background: url('../images/a2feiji.png') no-repeat center top;
	    background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.distribution {
	    width: 25%;
	    /* height: 150px; */
	    background: #fff;
	    padding-top: 30px;
	    border-top: 1px solid #e5e5e5;
	    border-right: 0;
	}
	.section2 .box ul li.distribution .icon {
	    display: block;
	    width: 100%;
	    height: 40px;
	    margin-bottom: 10px;
	    background: url('../images/a2di.png') no-repeat center top;
	    background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.distribution .t1 {
	    font-size: 20px;
	}
	.section2 .box ul li.distribution .t2 {
	    display: none;
	}
	.section2 .box ul li.contact {
	    width: 33.333333%;
	    /* height: 150px; */
	    /* background: #fff; */
	    padding-top: 30px;
	}
	.section2 .box ul li.contact .icon {
	    display: block;
	    width: 100%;
	    height: 70px;
	    margin-bottom: 10px;
	    background: url('../images/a2rili.png') no-repeat center top;
	        background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.contact .t1 {
	    font-size: 20px;
	    margin-bottom: 0px;
	}
	.section2 .box ul li.contact .t2 {
	    display: none;
	}
	.section2 .box ul li.edu {
	    width: 33.333333%;
	    height: 280px;
	    background: #003876;
	    padding-top: 30px;
	}
	.section2 .box ul li.news {
		width: 66.666666%;
		height: 279px;
		border-top: 1px solid #eee;
	}
	.section2 .box ul li.edu .icon {
	    display: block;
	    width: 100%;
	    height: 70px;
	    margin-bottom: 10px;
	    background: url('../images/a2hua.png') no-repeat center top;
	        background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.edu .t1 {
	    font-size: 20px;
	    margin-bottom: 0px;
	}
	.section2 .box ul li.edu .t2 {
	    display: none;
	}
	/* .section2 .box ul li.news {
	    display: none;
	} */
	.section3 .search_bar .btn_search span {
	    padding: 0 0px;
	}
	.section3 .search_bar {
	    width: 66.666666%;
	    height: auto;
	    padding: 0 75px;
	    margin-bottom: 15px;
	    background: none;
	}
	.section3 .search_bar .txt {
	    display: none;
	}
	.section3 .search_bar input {
	    float: left;
	    width: 85%;
	    height: 40px;
	    font-size: 15px;
	    color: #888;
	    background: #fff;
	    padding-left: 20px;
	}
	.section3 .search_bar .btn_search {
	    float: left;
	    width: 15%;
	    height: 40px;
	    font-size: 15px;
	    color: #fff;
	    background: #003876;
	    text-align: center;
	    line-height: 40px;
	}
	.section3 .bizCon.pc {
	    display: none;
	}
	.section3 .bizCon.mobile {
	    display: block;
	    width: 100%;
	    height: auto;
	    padding: 0 75px;
	    margin-bottom: 40px;
	    position: relative;
	}
	.section3 .bizCon.mobile .wrap {
	    display: block;
	    width: 100%;
	    height: 320px;
	    position: relative;
	}
	.section3 .bizCon.mobile .slide_wrap {
	    width: 100%;
	    height: 320px;
	    position: relative;
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;
	    top: 0;
	    display: none;
		padding-top: 60px;
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list ul {
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(237,23,75,0.9);
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list ul {
		display: none !important;
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list ul li{
		padding: 10px 0;
		text-align: center;
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list ul li a{
		color: #fff;
		font-size: 14px;
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list:nth-child(1){
		display: block;
	} 
	.section3 .bizCon.mobile .slide_wrap .slide_list .desc {
		/* display:none; */
	    width: 100%;
	    height: auto;
	    font-size: 15px;
	    color: #888;
	    text-align: center;
	    letter-spacing: -0.5px;
	    padding: 15px 20px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    background: rgba(0,0,0,0.6);
	    line-height: 1.5;
	}
	.section3 .bizCon.mobile .tab {
	    width: 100%;
	    height: auto;
	    position: absolute;
	    left: 0;
	    top: 0;
	    overflow: ;
	}
	.section3 .bizCon.mobile .tab li {
	    float: left;
	    width: 33%;
	    height: 60px;
	    margin-right: 0.5%;
	    position: relative;
	}
	.section3 .bizCon.mobile .tab li:last-child {
	    margin-right: 0;
	}
	.section3 .bizCon.mobile .tab li a {
	    display: block;
	    width: 100%;
	    height: 60px;
	    font-family: noto_m;
	    font-size: 15px;
	    color: #c5c5c5;
	    line-height: 16px;
	    text-align: center;
	    padding-top: 15px;
	    background: rgba(0,0,0,0.6);
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	.section3 .bizCon.mobile .tab li a.on {
	    color: #fff;
	    background: rgba(237,23,75,0.9);
	        background-size: auto auto;
		background-size: 7px auto;
	}
	.section4 .conWrap {
	    padding: 50px 75px;
	}
	.section4 .sum {
	    height: 170px;
	}
	.section4 .sum li.cs1 {
	    background-position: 90% 120px;
	    background-size: auto auto;
	    background-size:30px;
	}
	.section4 .sum li.cs2 {
	    background-position: 90% 120px;
	    background-size: auto auto;
	    background-size: 25px;
	}
	.section4 .sum li.cs3 {
	    background-position: 90% 120px;
	        background-size: auto auto;
	    background-size: 20px;
	}
	.section4 .sum li.cs4 {
	    background-position: 90% 120px;
	        background-size: auto auto;
	    background-size: 30px;
	}
	.section4 .sum li a {
	    padding: 15px 0 0 15px;
	}
	.section4 .sum li .tit p {
	    font-size: 16px;
	    line-height: 18px;
	}
	.section4 .sum li .con {
	    font-size: 12px;
	    line-height: 18px;
	}
	.section1 .text .p2 {
		font-size: 16px;
		line-height: 1.5;
	}
	.section1 .text .p1 span {
		font-size: 48px;
	}
	.section1 .text img {
		width: 196px;
	}
	.section1 .text .vis_logo {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 991px){
    html
    {
        overflow-x: hidden;
        overflow-y: auto;
    }
}
@media screen and (max-width: 760px){
	.section4 .conWrap {
	    padding: 0;
	}
	.section4 .sum {
	    height: 160px;
	    border-left: 0;
	    margin-left: 1%;
	}
	.section4 .sum li {
	    width: 49%;
	    height: 160px;
	    border-right: 1px solid #e5e5e5;
	    border-bottom: 1px solid #e5e5e5;
	}
	.section4 .sum li a {
	    padding: 15px 0 0 15px;
	}
	.section4 .sum li .tit {
	    height: 30px;
	    background: url('../images/bar3.png') no-repeat left bottom;
	        background-size: auto auto;
	    background-size: 15px;
	    margin-bottom: 5px;
	}
	.section4 .sum li .tit p {
	    font-size: 16px;
	}
	.section4 .sum li .con {
	    font-size: 12px;
	    line-height: 18px;
	}
	.section4 .sum li.cs1 {
	    background-position:90% 110px;
	    background-size: auto auto;
	    background-size: 30px;
	}
	.section4 .sum li.cs2 {
	    background-position: 90% 107px;
	    background-size: auto auto;
	    background-size: 25px;
	    border-right: 0;
	}
	.section4 .sum li.cs3 {
	    background-position: 89% 110px;
	    background-size: auto auto;
	    background-size: 20px;
	}
	.section4 .sum li.cs4 {
	    background-position: 90% 113px;
	    background-size: auto auto;
	    background-size: 30px;
	    border-right: 0;
	}
	.footer_wrap .footer2 .copyright .text p {
		line-height: 1.5;
	}
	.footer_wrap .footer2 .copyright .text p br{
	    display: block;
	}
}
@media screen and (max-width: 640px){
	/* .section1 .phtext{
		display: block;
	} */
	/* .section1 .text{
		display: none;
	} */
	.tit_p1 {
		font-size: 22px;
		margin-bottom: 14px;
	}
	.section1 {
	    width: 100%;
	    /* height: 770px; */
	    margin-top: 52px;
		overflow: inherit;
		background: url('../images/main_visual.jpg') no-repeat center top;
	    /* background-size: auto auto; */
	    background-size: cover;
	}
	.section1 .text {
	    width: 100%;
		top: 50%;
		transform: translateY(-50%);
	    padding: 0 10px 0 10px;
	}
	/* .section1 .text img{
		width: 80%;
	} */
	.section2 .conWrap .tit {
	    padding-top: 50px;
	    margin-bottom: 20px;
	}
	.section2 .conWrap .tit img {
	    width: 180px;
	}
	.section2 .box ul li.intro {
	    width: 100%;
	    height: 150px;
	    background-size: auto auto;
	    background-size: cover;
		padding: 0;
		background: url('../images/company_img1.jpg') no-repeat left top;
	}
	.section2 .box ul div.invest {
		height: 150px;
		width: 50%;
		float: left;
		background: #2e373d;
	}
	.section2 .box ul div.distribution {
		height: 150px;
		width: 50%;
		float: left;
	}
	.section2 .box ul li.row_box{
		width: 100%;
	}
	.section2 .box ul li.intro .text {
		left: auto;
		right: -64px;
		width: 180px;
		top: 60%;
	}
	.section1 .text img {
		width: 170px;
	}
	.section1 .text .p1 span {
		font-size: 32px;
		letter-spacing: 2px;
	}
	.section1 .text .p1 {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.section2 .box ul li.intro .text .t1 {
		padding-top: 34px;
	}
	.section2 .box ul li.news {
		display: none;
	}
	.section2 .box ul li.intro::before {
		display: none;
	}
	.section2 .box ul li.intro .logo {
	    width: 80px;
	    margin-bottom: 8px;
	}
	.section2 .box ul li.intro .t1 {
	    font-size: 16px;
	    margin-bottom: 0px;
	}
	.section2 .box ul li.invest {
	    width: 50%;
	    height: 150px;
	    background: #2e373d;
	    padding-top: 30px;
	}
	.section2 .box ul li.invest .icon {
	    display: block;
	    width: 100%;
	    height: 30px;
	    margin-bottom: 10px;
	        background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.invest .t1{
		font-size: 18px;
	}
	.section2 .box ul li.distribution {
	    width: 50%;
	    height: 150px;
	    background: #fff;
	    padding-top: 30px;
	    border: 0;
	}
	.section2 .box ul li.distribution .icon {
	    display: block;
	    width: 100%;
	    height: 35px;
	    margin-bottom: 15px;
	        background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.distribution .t1 {

	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.section2 .box ul li.contact {
	    width: 50%;
	    height: 150px;
	    background: #fff;
	    padding-top:20px;
	}
	.section2 .box ul li.contact .icon {
	    display: block;
	    width: 100%;
	    height: 40px;
	    margin-bottom: 15px;
	        background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li.contact .t1 {
	    font-size: 18px;
	    margin-bottom: 0px;
	}
	.section2 .box ul li .bar2 {
		background: #2783cd;
		margin: 0 auto 20px auto;
	}
	.section2 .box ul div.distribution {
		padding-top: 20px;
	}
	.section2 .box ul li.edu {
	    width: 50%;
	    height: 150px;
	    background: #003876;
	    padding-top: 20px;
	}
	.section2 .box ul div.invest {
		padding-top: 20px;
	}
	.section2 .box ul li.edu .icon {
	    display: block;
	    width: 100%;
	    height:40px;
	    margin-bottom: 15px;
	        background-size: auto auto;
	    background-size: contain;
	}
	.section2 .box ul li .arrow1 {
		display: none;
	}
	.section2 .box ul li .arrow2 {
		display: none;
	}
	.section2 .box ul li.edu .t1 {
	    font-size: 18px;
	    margin-bottom: 0px;
	}
	.section2 .conWrap {
	    padding-bottom: 0px;
	}
	.section3 {
	    background: none;
	    background-color: #e5e5e5;
	}
	.section3 .tit {
	    padding-top: 50px;
	    margin-bottom: 20px;
	}
	.section3 .tit img {
	    width: 330px;
	}
	.section3 .tit .img_s{
		display: none;
	}
	.section3 .tit .img_d{
		display: inline-block;
	}
	.section3 .search_bar {
	    width: 100%;
	    height: auto;
	    padding: 0 20px;
	    margin-bottom: 10px;
	}
	.section3 .bizCon.mobile {
	    display: block;
	    width: 100%;
	    height: auto;
	    padding: 0 20px;
	    margin-bottom: 40px;
	    position: relative;
	}
	.section3 .bizCon.mobile .wrap {
	    display: block;
	    width: 100%;
	    height: 320px;
	    position: relative;
	}
	.section3 .bizCon.mobile .slide_wrap {
	    width: 100%;
	    height: 320px;
	    position: relative;
	}
	.section3 .bizCon.mobile .slide_wrap .slide_list .desc {
	    width: 100%;
	    height: auto;
	    font-size: 12px;
	    color: #888;
	    text-align: center;
	    letter-spacing: -0.5px;
	    padding: 15px 20px;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    background: rgba(0,0,0,0.6);
	}
	.edu .t1 {
		margin-top: 16px;
	}
	.contact .t1 {
		margin-top: 16px;
	}
	.invest .icon{
		display: block !important;
	}
	.distribution .icon{
		display: block !important;
	}

	.section1{
		width: 100%;
		height: 430px;
		background: url(/ko/common/img/ko/main/mobile/main_visual.jpg) no-repeat center;
		background-size: cover;
		padding: 110px 10px 0 10px;
	}
}

/*轮换大图*/
.bannerSwiper{  width: 100%; height:770px;}
.bannerSwiper a{ display:block; height:100%; width:100%; background-position:center top; background-repeat:no-repeat; background-size:auto 100% ;}
.bannerSwiper .swiper-pagination-bullets{ bottom: 36px;}
.bannerSwiper .swiper-pagination-bullet{ background:#fff; width: 30px; height: 6px; border-radius: 0;opacity:1;}
.bannerSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #2783cd;}

.advantagesSwiper{ margin: 0 50px 0 50px; padding-bottom: 50px;}
.advantagesSwiper .item h2{ font-size: 16px; height: 40px; line-height: 40px;  background: #2783cd; color: #fff; text-align: center;}
.advantagesSwiper .item img{ width:100%;}

@media (max-width: 992px) {
    .bannerSwiper{ height:200px;}
	.bizConbox{ width: 100%;}
	.advantagesSwiper{ padding-top: 15px;}
	.advantagesSwiper{ margin: 0 15px 0 15px;}
}