@media screen and (max-width:1700px){}


@media screen and (max-width:1600px){
	/* iniside */
	.insideListDiv .bigList .img{position:relative; width:100%; overflow:hidden;}
	.insideListDiv .list .imgDiv{width:90%; height:100%; overflow:hidden;}
	.insideListDiv .list .imgDiv img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

}


@media screen and (max-width:1500px){
header nav .oneDep > a{position:relative; display:block; padding:36px 30px;}
	.subVisual{padding-top:210px; height:700px}
	.topTitDiv{padding-top:40px}

	.businessDiv .countryD .box1{right:0px}
	.businessDiv .countryD .box2{right:-200px}
	.businessDiv .countryD .box3{left:-110px}
	.cultureDiv .welfareD .listDiv .list .txtArea{padding:40px 0 0 10px}
	.csrDiv .topDiv .listDiv .list .txtArea{padding:40px 0 0 10px}
.zhuzhang .txt{padding: 40px 40px 40px 40px;}
}

@media all and (max-width:1400px) {
    .visionArea{margin:175px 0 0 /*240px*/ 0;}
    .cultureArea .txtArea{padding-top:175px;}
    .newsnsArea{padding:120px 50px 120px;}
    .newsnsArea .contArea{width:100%;}
    .newsnsArea .tab{width:100%;}
    .environmentDiv .groupDiv{background-size:auto}

}

@media screen and (max-width:1366px){
	.futureGrownDiv .supportDiv .swiper-button-prev{left:-25px}
	.futureGrownDiv .supportDiv .swiper-button-next{right:-25px}
}

@media all and (max-width:1280px) {
	.inner{width:90%}
	header nav{padding:0 80px 0 50px}
    header nav .oneDep > a{padding:36px 20px;}
    header .topUtils{right:15px;}
	header .topUtils .utils > a{padding:38px 10px}
	header .topUtils .language{margin:28px 0 0 5px}

	#wrap.type1 .subCon .headD h3#pageTitlArea{width:90%} /* 2020-03-16 추가 */
	#wrap.type2 .subCon:before{top:-150px; width:100%; height:150px; transition:top 0s ease}
	#wrap.type2 .subCon.on:before{top:-150px}
	#wrap.type2 .subCon .indicatorD{top:-90px}
	#wrap.type2 .subCon.on .indicatorD{top:-90px}
	#wrap.type2 .subCon .indicatorD .locationD{left:5%}
	#wrap.type2 .subCon .indicatorD .utillD{right:5%}
	.topTitDiv{padding-top:0}
	.noticePop{display:none !important}

	.topTitDiv .tit{font-size:55px; line-height:72px}
	

}

@media all and (max-width:1220px) {
    /*.fullpageArea section:nth-child(2){background:url("../images/section2_bg_tablet.gif") repeat-y right 0}*/
    .visionAreaBg{width:300px;}
    .visionArea .txtArea.on{left:140px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 570px;}
    .visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{left:140px; width:calc(100vw - 440px);}
    .visionArea .mTxt{font-size:80px;}
    .visionArea .mTxt.active{top:-45px; font-size:110px;}
    .cultureArea .txtArea{padding-top:130px;}

    .newsnsArea .contArea .newsArea .list .txtArea{padding:30px 260px 30px 35px;}
    .newsnsArea .contArea .newsArea .list .txtArea .subject{font-size:20px;}
    .newsnsArea .contArea .newsArea .list .txtArea .txt{padding-top:18px; font-size:15px;}
    .newsnsArea .contArea .newsArea .list.active .txtArea{padding:35px 60px 35px 35px; width:calc(100% - 380px);}
	.newsnsArea .contArea .newsArea .list.active .txtArea .date{bottom:35px; left:35px}
    .newsnsArea .contArea .newsArea .list .img{width:380px;}

    #wrap .irArea .stockArea .company h3{font-size:18px;}
    .irArea .stockArea .company .txt1{font-size:16px;}
    #wrap .irArea .stockArea .stockInfo h3{font-size:18px;}
    #wrap .irArea .stockArea .announce h3{font-size:18px;}
    .irArea .stockArea .announce .txt1{font-size:16px;}
    #wrap .irArea .stockArea .report h3{font-size:18px;}
    .irArea{padding-top:100px;}
    .irArea .tit{font-size:40px;}
    .irArea .txt{padding-top:25px; font-size:16px;}
    .irArea .stockArea{display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
    .irArea .stockArea .sectL{float:none;}
    .irArea .stockArea .sectR{float:none; margin-left:15px;}
    .irArea .stockArea .company{padding:38px 30px 0 30px; width:290px; height:400px;}
    .irArea .stockArea .stockInfo{margin-left:15px; padding:38px 30px 0 30px; width:290px; height:400px;}
    .irArea .stockArea .stockInfo .stockNum{font-size:40px;}
    .irArea .stockArea .stockInfo .btnView{margin-top:20px;}
    .irArea .stockArea .stockInfo .info{margin-top:70px;}
    .irArea .stockArea .announce{padding:30px; width:290px; height:200px;}
    .irArea .stockArea .announce .rollBtn{top:25px; right:20px;}
    .irArea .stockArea .announce .date{padding-top:15px;}
    .irArea .stockArea .report{margin-top:20px; padding:30px; width:290px; height:180px;}
    .irArea .stockArea .report .txt1{padding:18px 0 50px; background-size:22px 10px;}

	footer .familyCont{position:absolute; bottom:60px; right:50px}
}

@media screen and (max-width:1217px){
	.businessDiv .countryD .mapDiv{background-size:cover}
	.businessDiv .countryD .mapDiv .mapImg{width:100%}
	.withGrownDiv .introduceArea .list:nth-child(3) .imgArea{top:-80px}
	.withGrownDiv .introduceArea .list:nth-child(3).active .imgArea{top:-180px}
}

@media screen and (max-width:1200px){
	
}

@media all and (max-width:1180px) {

	/* footer .familyCont{position:absolute; bottom:60px; right:50px} 2020-10-14 삭제  */

}

@media all and (max-width:1024px) {
    #mainMovie{display:none;}
    #sectionMovie{display:none;}
    .onAir{bottom:25px; right:15px;}
    .onAir .stepDiv{display:none !important;}
    .onAir .iconDiv{display:block !important; margin:0; width:50px; height:50px; background:url("../images/main_fixed_onAir_m.png") no-repeat 0 0; background-size:50px 50px;}
    
    .visionAreaBg{width:300px;}
    .visionArea .txtArea.on{left:50px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 490px;}
    .visionArea .swipeArea .swiper-button-prev{}
    .visionArea .swipeArea .swiper-button-next{left:800px;}
    .visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{left:50px; width:calc(100vw - 350px);}
    .cultureArea .txtArea{padding-top:120px;}
    .cultureArea .txtArea .tit{font-size:40px;}
    .cultureArea .txtArea .txt{padding-top:20px; font-size:16px;}
    .cultureArea .videoArea .quarter .list{padding-top:45%;}
    .cultureArea .videoArea .quarter .list:nth-child(1) > a{padding:55px 10px 0; background:url("../images/main_culture_icon1.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(2) > a{padding:55px 10px 0; background:url("../images/main_culture_icon2.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(3) > a{padding:55px 10px 0; background:url("../images/main_culture_icon3.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(4) > a{padding:55px 10px 0; background:url("../images/main_culture_icon4.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list .mainTxt{font-size:22px;}
    .cultureArea .videoArea .quarter .list .hideObj .subTxt{padding-top:15px; font-size:15px;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox{margin-top:30px;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox span{padding:17px 0; width:100%; height:50px; font-size:14px;}
    .cultureArea .videoArea .slideCont .fp-slidesContainer .slide:nth-child(1){opacity:1;}

    .newsnsArea{padding:100px 50px 100px;}
    .newsnsArea .tab .tabBtn{padding:0 16px; font-size:36px;}
    .newsnsArea .tab .moreBtn{font-size:16px;}
    .newsnsArea .contArea{margin:30px auto 0;}
    .newsnsArea .contArea .newsArea .list{height:140px;}
    .newsnsArea .contArea .newsArea .list.active{height:250px;}
    .newsnsArea .contArea .newsArea .list.active .txtArea{width:100%;}
    .newsnsArea .contArea .newsArea .list.active .img{display:none;}

}

@media all and (max-width:981px) {
	:placeholder-shown{font-size:14px}
	::-webkit-input-placeholder {font-size:14px}
	:-moz-placeholder {font-size:14px}
	::-moz-placeholder {font-size:14px}
	:-ms-input-placeholder {font-size:14px}
	:placeholder-shown {font-size:14px}

	header{top:-45px; height:45px;}
	header:before{top:45px}
	header h1{top:10px; left:5%; width:78px; height:30px; background:url('../images/m_logo.png') no-repeat; background-size:78px auto;}
	header.color h1{background:url("../images/logo_color.png") no-repeat 0 0; background-size:78px auto;}
	header.bgType h1{background:url("../images/logo_color.png") no-repeat 0 0; background-size:78px auto;}
	header.color .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header.bgType .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header nav{display:none}
	header .topUtils{display:none}
	header .allMenuBtn{display:block; position:absolute; top:11px; right:5%; width:21px; height:23px; background:url('../images/m_allMenuBtn.png') no-repeat center right; background-size:16px auto}

	header.on h1{background:url('../images/m_logo_on.png') no-repeat; background-size:78px auto}
	header.on .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header.up{top:0; background:#fff; border-bottom:1px solid #ddd}
	header.up h1{background:url('../images/m_logo_on.png') no-repeat; background-size:78px auto}
	header.up .allMenuBtn{background:url('../images/m_allMenuBtn_on.png') no-repeat center right; background-size:16px auto}
	header.default{top:0; background:none; border-bottom:none}
	header.default h1{background:url('../images/m_logo.png') no-repeat; background-size:78px auto;}
	header.default .allMenuBtn{background:url('../images/m_allMenuBtn.png') no-repeat center right; background-size:16px auto}
	#mHeader{display:block; position:fixed; top:0; right:-100%; width:100%; height:100%; z-index:11}
	#mHeader .allMenuD{position:absolute; top:0; right:0; padding-bottom:50px; width:80%; min-width:260px; height:100%; background:#fff; z-index:10}
	#mHeader .allMenuD .topArea{position:relative; width:100%; height:45px; border-bottom:1px solid #d3d4d4}
	#mHeader .allMenuD .topArea h2{position:absolute; top:15px; left:15px; width:78px; height:15px; background:url('../images/m_logo_on.png') no-repeat; background-size:78px 15px}
	#mHeader .allMenuD .topArea .language{position:absolute; top:15px; right:15px}
	#mHeader .allMenuD .topArea .language > a{position:relative; display:inline-block; padding:3px 10px; font-family:'Metropolis-Medium'; font-size:12px; line-height:1; color:#888}
	#mHeader .allMenuD .topArea .language > a:after{content:''; display:block; position:absolute; top:4px; left:-2px; width:1px; height:9px; background:#ddd}
	#mHeader .allMenuD .topArea .language > a:first-child:after{display:none}
	#mHeader .allMenuD .topArea .language > a.on{color:#000}
	#mHeader .allMenuD .mGnb{height:calc(100% - 45px); height:-webkit-calc(100% - 45px); overflow-y:auto}
	#mHeader .allMenuD .mGnb .oneDepth{border-bottom:1px solid #d3d4d4}
	#mHeader .allMenuD .mGnb .oneDepth > a{display:block; padding:22px 40px 22px 15px; font-weight:700; font-size:18px; color:#222; background:url('../images/allMenuD_oneDepth_open.png') no-repeat right 15px top 50%; background-size:17px 9px}
	#mHeader .allMenuD .mGnb .oneDepth.on > a{background:url('../images/allMenuD_oneDepth_close.png') no-repeat right 15px top 50%; background-size:17px 9px}
	#mHeader .allMenuD .mGnb .oneDepth .twoDepth{display:none; padding:20px 15px; background:#f0f0f0; border-top:2px solid #bfd715}
	#mHeader .allMenuD .mGnb .oneDepth .twoDepth a{display:block; font-size:16px; line-height:36px; color:#222}
	#mHeader .allMenuD .recruitBanner{display:block; padding:35px 20px 40px; margin:20px auto 50px; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); height:200px; background:url('../images/recruitBanner_bg.jpg') no-repeat center; background-size:cover}
	#mHeader .allMenuD .recruitBanner p{padding-bottom:30px; font-weight:300; font-size:20px; line-height:26px; color:#222; background:url('../images/recruitBanner_arrow.png') no-repeat left bottom; background-size:28px 8px}
	#mHeader .allMenuD .recruitBanner p span{display:block}
	#mHeader .allMenuD .noticeBtn{position:absolute; bottom:0; right:0; width:100%}
	#mHeader .allMenuD .noticeBtn:after{content:''; display:block; clear:both}
	#mHeader .allMenuD .noticeBtn a{float:left; width:50%; height:50px; font-weight:700; font-size:13px; line-height:50px; text-align:center}
	#mHeader .allMenuD .noticeBtn a.standing{color:#fff; background:#222}
	#mHeader .allMenuD .noticeBtn a.location{color:#222; background:#bfd715}
	#mHeader .allMenuD .closeBtn{position:absolute; top:11px; right:0; width:26px; height:26px; background:url('../images/allMenuD_closeBtn.png') no-repeat center; background-size:16px}
	footer{padding:40px 5% 50px; height:auto;}
	footer .utilCont{padding:0}
	footer .utilCont a{margin:2px 20px 3px 0; font-size:14px}
	footer .utilCont .utils{padding-bottom:20px;}
	footer .utilCont .copyright{font-size:12px; letter-spacing:-0.5px}
	footer .familyCont{position:relative; bottom:auto; right:auto}
	footer .familyCont .ccm{height:40px; background-position:left center}
	footer .familyCont > div > a{padding:13px 16px 12px; font-size:13px;}
	footer .familyCont .slideBox{padding:25px 30px 25px; width:auto; border-radius:20px}
	footer .familyCont .slideBox .siteDiv .oneD{padding-bottom:15px; margin-bottom:15px; width:290px}
	footer .familyCont .slideBox .siteDiv .oneD .tit{width:33.33%; font-size:13px}
	footer .familyCont .slideBox .siteDiv .oneD .twoD{width:100%}
	footer .familyCont .slideBox .siteDiv .oneD .twoD p{width:33.33%; font-size:13px}
	footer .familyCont .slideBox .siteDiv .oneD .twoD p:nth-child(n+4){margin-top:12px}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD{width:66.66%}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD p{width:50%}
	footer .familyCont .slideBox .siteDiv .oneD .tit + .twoD p:nth-child(n+3){margin-top:12px}
	footer .familyCont .slideBox .closeBtn{bottom:14px; right:18px}

	.subVisual{padding:230px 5% 0; height:560px; background-size:cover !important; background-position:center !important}
	.subVisual.csr3{background:url('../images/m_subVisual_csr3.jpg') no-repeat}
	.subVisual h3{font-size:35px; line-height:42px}
	.subVisual .headText{margin-top:15px; font-size:28px; line-height:1; word-break:keep-all}
	.subCon{padding:0 0 70px}
	.subCon .indicatorD .locationD{display:none; left:5%}
	.subCon .indicatorD .utillD{right:5%}
	#wrap.type1 .headD{padding:0 5%; margin-bottom:46px}
	#wrap.type1 .headD h3{font-size:35px; line-height:40px}
	#wrap.type1 .headD .headText{margin-top:18px; font-size:14px; line-height:22px; word-break:keep-all}
	#wrap.type1 .subCon{padding:115px 0 70px}
	#wrap.type1 .subCon .indicatorD{top:60px}
	#wrap.type1 .subCon .headD h3#pageTitlArea{width:100%} 
	#wrap.type2 .subCon:before{position:relative; top:0; width:100%; height:80px}
	#wrap.type2 .subCon.on:before{top:0}
	#wrap.type2 .subCon .indicatorD{top:15px}
	#wrap.type2 .subCon.on .indicatorD{top:15px}
	#wrap.type2 .subCon .indicatorD .locationD{left:5%; display:none}
	#wrap.type2 .subCon .indicatorD .utillD{right:5%}

	.weizi{position:absolute; top:-50px; z-index: 1; height:50px;}
	.weizi .pd {padding:15px 20px;}
	.weizi {width: -webkit-calc(100% - 20px);}
    .title h1{font-size:28px;}

.zhuzhang{position: relative;width:100%;}
.zhuzhang .tp {width: 100%;}
.zhuzhang .txt{position: relative;width:100%; height:initial; right: 0; bottom:0; padding:30px; background:#fff;}
.zhuzhang.yj{float: initial;}
.zhuzhang.yj .tp{float: initial;}
.zhuzhang .txt.yjt{right:initial; left:0;}
.zhuzhang .txt h2{font-size: 20px;}

}

@media all and (max-width:940px) {
	.irArea .stockArea{margin:30px auto; word-break:keep-all}
    .irArea .stockArea .sectL{width:100%;}
    .irArea .stockArea .sectR{margin-left:0; width:100%;}
    .irArea .stockArea .company{float:none; margin:auto; width:380px; height:240px; background:url('../images/m_main_ir_company.jpg') no-repeat center; background-size:cover}
	.irArea .stockArea .company img{display:none}
    .irArea .stockArea .stockInfo{display:flex; flex-wrap:wrap; justify-content:space-between; float:none; margin:20px auto 0; width:380px; height:240px;}
    #wrap .irArea .stockArea .stockInfo h3{padding:0;}
    .irArea .stockArea .stockInfo .stockNum{padding:0;}
    .irArea .stockArea .stockInfo .info{margin-top:0; padding-top:25px; width:100%;}
    .irArea .stockArea .stockInfo .btnView{display:none;}
    .irArea .stockArea .stockInfo .info .list{padding-top:11px;}
    .irArea .stockArea .announce{margin:20px auto 0; width:380px; height:190px;}
    .irArea .stockArea .report{margin:20px auto 0; width:380px; height:190px; border:2px solid #b4d41b; background:#b4d41b;}
    .irArea .stockArea .report .txt1{padding:18px 0 0;background:none;}
}

@media all and (max-width:758px) {
	.subTitD{text-align:right}
	.subTitD .title, .subTitD .title2{text-align:left}
	.subTitD .title2 + .btnA{position:relative; top:0}


    .foot-nav a{font-size: 14px;line-height: 22px;}
    footer .kefu a{right: inherit; left: 0; font-size: 15px;}


    #fp-nav{display:none;}
	.mainSection2{height:568px !important}
	.mainSection2 .fp-tableCell{height:568px !important}
    .visionAreaBg{display:none;}
    .visionArea{margin:120px 0 0 /*240px*/ 0;}
    .visionArea .title{font-size:16px; line-height:1}
	.visionArea .title span{display:inline}
    .visionArea .mTxt{font-size:45px; top:30px}
    .visionArea .mTxt.active{top:30px; left:0; font-size:45px; color:#222;}
    .visionArea .txt{padding-top:80px; font-size:15px; line-height:22px}
    .visionArea .btnMore{margin-top:40px; font-size:18px;}
    .visionArea .swipeArea{position:static; margin-top:60px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 50px;}
    .visionArea .swipeArea .swiper-button-prev{top:500px; width:80px; height:80px; background-size:80px 80px; display:none !important}
    .visionArea .swipeArea .swiper-button-next{top:500px; left:650px; width:80px; height:80px; background-size:80px 80px; display:none !important}
    .visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{width:calc(100vw - 0px); left:15px}
    /*.visionArea .swipeArea .swiper-slide{}*/

    .newsnsArea .contArea .newsArea .list{height:auto;}
    .newsnsArea .contArea .newsArea .list .txtArea{padding:35px 60px 35px 35px; height:100%;}
    .newsnsArea .contArea .newsArea .list .txtArea .txt{display:block;}
    .newsnsArea .contArea .newsArea .list .txtArea .date{position:relative; top:auto; right:auto; padding-top:20px; transform:translate(0, 0);}
    .newsnsArea .contArea .newsArea .list.active{background:#fff; height:auto}
    .newsnsArea .contArea .newsArea .list.active .txtArea{padding:35px 60px 35px 35px; height:100%;}
	.newsnsArea .contArea .newsArea .list.active .txtArea .date{bottom:auto; left:auto; padding-top:20px}
    .newsnsArea .contArea .newsArea .list.noImg.active .txtArea{padding:35px 60px 35px 35px; height:100%;}

    .mainSection3{height:1000px !important;}
    .cultureArea .txtArea{padding-top:70px;}
    .cultureArea .videoArea .quarter{flex-wrap:wrap; margin-top:200px; height:calc(100% - 200px);}
    .cultureArea .videoArea .quarter .list{padding-top:0; width:100%; height:25%; border-left:0; border-top:1px solid rgba(255,255,255,0.2);}
    .cultureArea .videoArea .quarter .list:nth-child(1) > .tb{background:none; background-size:35px auto; padding-top: 50px;}
    .cultureArea .videoArea .quarter .list:nth-child(1).on > .tb{background:url("../images/home/main_culture_icon1.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(2) > .tb{background:none; background-size:35px auto; padding-top: 50px;}
    .cultureArea .videoArea .quarter .list:nth-child(2).on > .tb{background:url("../images/home/main_culture_icon2.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(3) > .tb{background:none; background-size:35px auto; padding-top: 50px;}
    .cultureArea .videoArea .quarter .list:nth-child(3).on > .tb{background:url("../images/home/main_culture_icon3.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list:nth-child(4) > .tb{background:none; background-size:35px auto; padding-top: 50px;}
    .cultureArea .videoArea .quarter .list:nth-child(4).on > .tb{background:url("../images/home/main_culture_icon4.png") no-repeat center 0; background-size:35px auto;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox a{display:inline-block; width: 45%;}
    .cultureArea .videoArea .quarter .list .hideObj .squreBox .tb{width:55%;}
    .cultureArea .videoArea .quarter .list .mainTxt{font-size:20px;}

	.mainSection4{height:568px !important}
	.mainSection4 .fp-tableCell{height:568px !important}

.banner h1{font-size:46px; line-height:1.3;}
.banner h4{font-size:20px; line-height:1.3;}
.zhuangli .shuju ul li h1{color: #1a3c34;font-size:40px; line-height:1;}
.zhuangli .shuju ul li h1 span{font-size: 24px;}
.zhuangli .shuju ul li h4{font-size: 18px;}

.chanpin .pos{padding:20px;}
.chanpin .pos .bk span{font-size: 12px;}
.chanpin .pos h3{font-size: 18px;}
.cpyoushi .bian{padding:15px;}

.rongyu .nr{padding:0 30px;}

	
}



@media all and (max-width:600px) {
	
}

@media all and (max-width:500px) {
    .onlyMob{display:block;}

    .visionArea{margin:50px 0 0 0;}
    .visionArea .title{font-size:15px;}
    .visionArea .mTxt{font-size:40px;}
    .visionArea .txt{padding-top:80px; font-size:15px; line-height:22px;}
    .visionArea .txtArea.on{left:15px;}
    .visionArea .btnMore{margin-top:30px; font-size:16px;}
    .visionArea .swipeArea .swiper-container{padding:0 15px 0 15px;}
    .visionArea .swipeArea .swiper-slide{width:270px !important; height:200px;}
    .visionArea .swipeArea .swiper-slide .hover{top:140px; left:15px; padding:0; width:calc(100% - 30px);}
    .visionArea .swipeArea .swiper-slide .hover .tit{color:#fff; font-size:16px; line-height:20px;}
    .visionArea .swipeArea .swiper-slide .hover .txt1{display:none;}
    .visionArea .swipeArea .swiper-button-prev{top: 370px;width: 40px;height: 40px;background-size: 40px 40px;}
    .visionArea .swipeArea .swiper-button-next{top: 370px;width: 40px;height: 40px;background-size: 40px 40px;}
    .visionArea .swipeArea .swiper-slide .hover.on{top:140px; box-shadow:10px 10px 30px 0px rgba(0,0,0,0); background:none;}
    .visionArea .swipeArea .swiper-slide .hover.on .tit{color:#fff;}
	.visionArea .swipeArea .swiper-container-horizontal > .swiper-pagination-progressbar{top:230px; bottom:auto}

    .cultureArea .txtArea{padding:60px 15px 0;}
    .cultureArea .txtArea .tit{font-size:32px;}
    .cultureArea .txtArea .txt{font-size:15px; line-height:19px;}

    .newsnsArea{padding:60px 15px;}
    .newsnsArea .tab .tabBtn{padding:0; font-size:27px;}
    .newsnsArea .tab .tabBtn:nth-child(1){margin-right:25px;}
    .newsnsArea .tab .moreBtn{top:4px;}
    .newsnsArea .contArea .newsArea .list{height:auto;}
    .newsnsArea .contArea .newsArea .list .txtArea{padding:25px 15px;}
    .newsnsArea .contArea .newsArea .list .txtArea .gubun{font-size:14px;}
    .newsnsArea .contArea .newsArea .list .txtArea .subject{padding-top:10px; font-size:17px; line-height:23px;}
    .newsnsArea .contArea .newsArea .list .txtArea .txt{display:none;}
    .newsnsArea .contArea .newsArea .list .txtArea .date{position:static; padding-top:14px; font-size:14px;}
    .newsnsArea .contArea .newsArea .list.active{height:auto;}
    .newsnsArea .contArea .newsArea .list.active .txtArea{padding:25px 15px;}
    .newsnsArea .contArea .newsArea .list.active .txtArea .txt{display:none;}
    .newsnsArea .contArea .newsArea .list.active .txtArea .date{padding-top:14px;}
    .newsnsArea .contArea .newsArea .list.noImg.active .txtArea{padding:25px 15px;}


    .irArea{padding:60px 15px 10px;}
    .irArea .tit{font-size:32px;}
    .irArea .txt{padding-top:20px;font-size:15px;}
    #wrap .irArea .stockArea .company h3{font-size:16px;}
    .irArea .stockArea .company .txt1{font-size:13px;}
    #wrap .irArea .stockArea .stockInfo h3{font-size:16px;}
    .irArea .stockArea .stockInfo .stockNum{font-size:30px;}
    .irArea .stockArea .company{padding:25px; width:100%; height:170px;}
    .irArea .stockArea .stockInfo{margin-top:10px; padding:25px; width:100%; height:170px;}
    .irArea .stockArea .announce{margin-top:10px; padding:20px 18px; width:calc(50% - 3px); height:110px; float:left; border:2px solid #fff;}
    #wrap .irArea .stockArea .announce h3{font-size:16px;}
    .irArea .stockArea .stockInfo .info{margin-top:15px; padding-top:15px;}
    .irArea .stockArea .stockInfo .info .list p{font-size:14px;}
    .irArea .stockArea .stockInfo .info .list span{font-size:14px;}
    .irArea .stockArea .announce .rollBtn{display:none;}
    .irArea .stockArea .announce .rollCont{display:none;}
    .irArea .stockArea .announce .notice{padding-top:12px; font-size:13px; line-height:17px;}
    .irArea .stockArea .report{margin-top:10px; padding:20px; float:right; width:calc(50% - 5px); height:110px;}
    .irArea .stockArea .report .img{display:none;}
    #wrap .irArea .stockArea .report h3{font-size:16px;}
    .irArea .stockArea .report .txt1{padding:12px 0 0 0; font-size:13px; line-height:17px;}

	
}

@media all and (max-width:430px) {
	footer .utilCont{width:290px}
	footer .utilCont a:nth-child(4){margin-left:0; margin-top:15px}
	
}

@media all and (max-width:320px) {
	.irArea .stockArea .announce .notice br{display:none}
}