@charset "utf-8";
.reseachTitle{position:relative; background:#c4e539 url("/corporate/news_center/research/graphic/018/mvBg.png") no-repeat center; margin-bottom:20px; height:620px;}
.reseachTitle header{width:1160px; height:620px; margin:0 auto; position:relative;}
.reseachTitle header .content{width:100%; height:410px; position:relative;}
.reseachTitle header .content h1,
.reseachTitle header .content > div{position:absolute; left:0;}
.reseachTitle .abstruct{width:768px; margin:10px auto; background:#fff url("/corporate/news_center/research/graphic/018/icnMemo.png") no-repeat 97.5% center; border-radius:20px; padding:25px 120px 25px 25px; position:relative;}
.reseachTitle .abstruct p{font-size:15px; line-height:2; font-weight:bold;}
.bg1{background:url("/corporate/news_center/research/graphic/018/bg01.png"); margin-bottom:10px;}
.bg2{background:url("/corporate/news_center/research/graphic/018/bg02.png"); margin-bottom:10px;}
section{padding:50px 0; max-width:940px; margin:0 auto;}
section h2{width:740px; margin:0 auto 50px;}
section h3{width:740px; margin:120px auto 30px;}
section h2+h3{margin:0 auto 30px;}
section .subBox{margin:0 auto 70px;}
section .commentBox{background:#fff url("/corporate/news_center/research/graphic/018/icn-scale.png") no-repeat 30px center; border-radius:20px; padding:25px 25px 25px 110px; border:3px #c4e569 solid; margin:70px auto 0; width:780px;}
section .commentBox p{font-size:14px; line-height:2; font-weight:bold;}
section.sec01{max-width:840px;}
section.sec02 .graph{max-width:900px; margin:0 auto 70px;}
section.sec02 .ranking{max-width:880px; margin:0 auto 70px;}
section.sec03 .graph{max-width:768px; margin:0 auto 70px;}
section.sec03 .ranking{max-width:880px; margin:0 auto 70px;}
section.sec04 .ranking{max-width:810px; margin:30px auto 70px;}
main.reserachContent .relBox .abBox.chartA,
main.reserachContent .relBox .abBox.chartB,
main.reserachContent .relBox .abBox.chartC,
main.reserachContent .relBox .abBox.chartD{width:366px; height:366px; left:calc(50% - 183px); top:auto !important;}
main.reserachContent .relBox .abBox.chartA{bottom:45px;}
main.reserachContent .relBox .abBox.chartB{bottom:45px;}
main.reserachContent .relBox .abBox.chartC{bottom:74px;}
main.reserachContent .relBox .abBox.chartD{bottom:14px;}

@media (max-width: 767px){
.reseachTitle{background:#c4e539 url("/corporate/news_center/research/graphic/018/mvBg.png") no-repeat center; background-size:cover;margin-bottom:10px; height:120vw;}
.reseachTitle header{width:100vw; height:100%; overflow:hidden;}
.reseachTitle header .content{width:160vw; height:60vw; position:relative; left:-30vw;}
.reseachTitle .abstruct{width:calc(100vw - 30px); margin:10px auto; background:#fff url("/corporate/news_center/research/graphic/018/icnMemo.png") no-repeat center 10px; background-size:40px auto; border-radius:10px; padding:60px 15px 15px 15px;}
.reseachTitle .abstruct p{font-size:14px; line-height:1.5;}
.bg1{background:url("/corporate/news_center/research/graphic/018/bg01.png"); background-size:200px auto; margin-bottom:10px;}
.bg2{background:url("/corporate/news_center/research/graphic/018/bg02.png"); background-size:200px auto; margin-bottom:10px;}
section{padding:40px 10px; max-width:none;}
section h2{width:100%; margin:0 auto 20px;}
section h3{width:100%; margin:50px auto 10px;}
section h2+h3{margin:0 auto 20px;}
section .subBox{margin:0 auto 20px;}
section .commentBox{background:#fff url("/corporate/news_center/research/graphic/018/icn-scale.png") no-repeat center 10px; background-size:24px auto; border-radius:10px; padding:60px 15px 15px 15px; border:3px #c4e569 solid; margin:0 5px 0; width:auto;}
section .commentBox p{font-size:13px; line-height:1.5;}
section.sec01{max-width:none;}
section.sec02 .graph{max-width:none; margin:0 auto 30px;}
section.sec02 .ranking{max-width:none; margin:0 auto 30px;}
section.sec03 .graph{max-width:none; margin:0 auto 30px;}
section.sec03 .ranking{max-width:none; margin:0 auto 30px;}
section.sec04 .ranking{max-width:none; margin:0 auto 30px;}

main.reserachContent .relBox .abBox.chartA,
main.reserachContent .relBox .abBox.chartB,
main.reserachContent .relBox .abBox.chartC,
main.reserachContent .relBox .abBox.chartD{width:48vw; height:48vw; left:calc(50% - 24vw); top:auto !important;}
main.reserachContent .relBox .abBox.chartA{bottom:2.65vw;}
main.reserachContent .relBox .abBox.chartB{bottom:2.65vw;}
main.reserachContent .relBox .abBox.chartC{bottom:4.00vw;}
main.reserachContent .relBox .abBox.chartD{bottom:1.65vw;}


}