@charset "utf-8";
/* section style */

/* 2´Ü ÅؽºÆ®-À̹ÌÁö ¼½¼Ç */
.wr-section.typeNews {}
.wr-section.typeNews .gridWrapper:after {clear:both; display:table; content:''}
.wr-section.typeNews .gridWrapper .textArea {float:left; /*width:55%*/ width:46%}
.wr-section.typeNews .gridWrapper .textArea p {/*color:#555; line-height:1.75;*/ margin-bottom:0px}
.wr-section.typeNews .gridWrapper .imgArea {float:right; /*width:40%*/ width:50%}
.wr-section.typeNews .gridWrapper .imgArea img {display:block; width:100%}
.wr-section.typeNews .gridWrapper .textArea ul li{line-height:2.5; border-bottom: 1px dotted #ccc; width:43%; margin-right:3%; float:left;}
h2.h2tit{margin-top:30px; font-size:18px;}
h2.h2tit_notop{margin-bottom:20px; font-size:18px;}


/* 2´Ü ÅؽºÆ®¼½¼Ç */
.wr-section.typeImgTitle {}
.wr-section.typeImgTitle .imgWrapper {margin:auto auto 60px auto; text-align:center}
.wr-section.typeImgTitle .imgWrapper .img_top {position:relative; width:120px; height:120px; margin:auto auto 30px auto; border-radius:50%; background:#f1f1f1; overflow:hidden}
.wr-section.typeImgTitle .imgWrapper .img_top img {display:block; width:100%}
.wr-section.typeImgTitle .imgWrapper h3 {font-size:22px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:15px}
.wr-section.typeImgTitle .imgWrapper p {font-size:16px; color:#666}
.wr-section.typeImgTitle > .inner > ul > li {margin-bottom:40px}
.wr-section.typeImgTitle > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeImgTitle > .inner > ul > li p {color:#888; line-height:1.75; min-height:50px}



/* ´ëÇ¥Àλ縻*/
.wr-section.typeBasicGrid2 {}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea {margin-bottom:20px}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea img {display:block; width:100%}
.wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeBasicGrid2 > .inner > ul > li p {color:#888; line-height:1.75}


/* 3´Ü ÅؽºÆ®*/
.wr-section.typeBasicGrid3 {}
.wr-section.typeBasicGrid3 > .inner > ul > li .imgArea {margin-bottom:20px; }
.wr-section.typeBasicGrid3 > .inner > ul > li .imgArea img {display:block; width:100%}
.wr-section.typeBasicGrid3 > .inner > ul > li h4 {font-size:20px; font-weight:600; color:#000; margin-bottom:10px; margin-top:40px;}
.wr-section.typeBasicGrid3 > .inner > ul > li p {color:#888; line-height:1.75}


/* ºñÁî´Ï½º ¼øȯ ¼½¼Ç */
.wr-section.typeBusiness {/* border:5px solid #eee; */ box-sizing:border-box;}
.wr-section.typeBusiness .circleWrapper {position:relative; margin:0 10px; min-height:700px}
.wr-section.typeBusiness .circleWrapper:after {clear:both; display:table; content:''}
.wr-section.typeBusiness .circleWrapper > div {position:absolute; padding:0 10px}
.wr-section.typeBusiness .circleWrapper > .planBox {width:30%}
.wr-section.typeBusiness .circleWrapper > .planBox:first-child {left:0}
.wr-section.typeBusiness .circleWrapper > .planBox.right {right:0}
.wr-section.typeBusiness .circleWrapper > .planBox.bottom {bottom:0px; left:50%; width:40%; margin-left:-20%;}
.wr-section.typeBusiness .circleWrapper > .circle {left:30%; width:40%}
.wr-section.typeBusiness .circleWrapper > .planBox .item {margin-bottom:50px; text-align:center}
.wr-section.typeBusiness .circleWrapper > .planBox .item .iconArea {margin:0 auto; width:110px; height:60px; border-radius:50%; overflow:hidden}
.wr-section.typeBusiness .circleWrapper > .planBox .item .iconArea img {display:block; width:100%}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc:before {display:block; width:10%; margin:15px auto; content:''; border:1px solid #194482; /*border-radius:6px*/}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc h3 {font-size:18px; font-weight:normal; color:#194482; margin-bottom:10px}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc p {line-height:1.75; color:#777; width:80%; margin:0 auto;}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc p.eng {font-size:13px}
.wr-section.typeBusiness .circleWrapper > .circle {display:table; margin-top:90px; height:460px; background:url(../../img/images/circle_process_bg.jpg) center no-repeat; background-size:85%}
.wr-section.typeBusiness .circleWrapper > .circle h3 {display:table-cell; font-size:23px; font-weight:600; color:#194482; text-align:center; vertical-align:middle; line-height:25px; letter-spacing:-1px}


/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
.wr-section.typeProcess {}
.wr-section.typeProcess > .inner > ul > li {position:relative; text-align:center}
.wr-section.typeProcess > .inner > ul > li:after {position:absolute; top:25%; right:-5px; font-family:'FontAwesome'; font-size:30px; color:#dedede; content:'\f105'; margin-top:-9px}
.wr-section.typeProcess > .inner > ul > li:last-child:after {display:none; content:''}
.wr-section.typeProcess > .inner > ul > li .iconArea {margin:auto auto 20px auto; max-width:140px}
.wr-section.typeProcess > .inner > ul > li .iconArea img {display:block; width:100%}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:16px; font-weight:600; color:#555; letter-spacing:-1px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:before{display:block; width:20px; height:2px; margin:15px auto; content:''; background:#666}
.wr-section.typeProcess > .inner > ul > li .infoArea p {color:#888; line-height:1.75}



/* media query */
@media screen and (max-width:1024px) {

/* ºñÁî´Ï½º ¼øȯ ¼½¼Ç */
.wr-section.typeBusiness .circleWrapper > div {position:static}
.wr-section.typeBusiness .circleWrapper > .planBox {width:auto !important; margin:0 -15px !important}
.wr-section.typeBusiness .circleWrapper > .planBox.bottom {bottom:inherit}
.wr-section.typeBusiness .circleWrapper > .planBox:after {clear:both; display:table; content:''}
.wr-section.typeBusiness .circleWrapper > .planBox .item {float:left; width:50%; padding:0 15px}
.wr-section.typeBusiness .circleWrapper > .circle {position:static; width:100%; height:560px; margin:0 0 50px 0; background-size:60%}

/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
.wr-section.typeProcess > .inner > ul > li {margin-bottom:30px}


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


/* 2´Ü ÅؽºÆ®-À̹ÌÁö ¼½¼Ç */
.wr-section.typeNews .gridWrapper .textArea {float:none; width:100%}
.wr-section.typeNews .gridWrapper .textArea p {font-size:12px}
.wr-section.typeNews .gridWrapper .imgArea {float:none; width:100%; margin-bottom:30px}


/* 2´Ü ÅؽºÆ®¼½¼Ç */
.wr-section.typeImgTitle .imgWrapper {margin-bottom:40px}
.wr-section.typeImgTitle .imgWrapper h3 {font-size:18px}
.wr-section.typeImgTitle .imgWrapper p {font-size:14px}
.wr-section.typeImgTitle > .inner > ul > li {margin-bottom:40px}
.wr-section.typeImgTitle > .inner > ul > li h4 {font-size:15px}
.wr-section.typeImgTitle > .inner > ul > li h4.hidden {display:none;}
.wr-section.typeImgTitle > .inner > ul > li p {font-size:12px}

/* ´ëÇ¥Àλ縻*/
.wr-section.typeBasicGrid2 > .inner > ul > li {margin-bottom:40px}
.wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:15px}
.wr-section.typeBasicGrid2 > .inner > ul > li p {font-size:12px}

/* 3´Ü ÅؽºÆ®*/
.wr-section.typeBasicGrid3 > .inner {margin-top:-100px!important;}
.wr-section.typeBasicGrid3 > .inner > ul > li {margin-bottom:0px; }
.wr-section.typeBasicGrid3 > .inner > ul > li h4 {font-size:15px; }
.wr-section.typeBasicGrid3 > .inner > ul > li p {font-size:12px}

/* ºñÁî´Ï½º ¼øȯ ¼½¼Ç */
.wr-section.typeBusiness .circleWrapper > .planBox {margin:0}
.wr-section.typeBusiness .circleWrapper > .planBox .item {float:none; width:100%; margin-bottom:30px}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc:before {margin:20px auto; border-color:#ccc}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc h3 {font-size:16px}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc p {font-size:13px}
.wr-section.typeBusiness .circleWrapper > .planBox .item .desc p.eng {font-size:11px}
.wr-section.typeBusiness .circleWrapper > .circle {height:670px; margin:0 0 35px 0; background-size:90%}
.wr-section.typeBusiness .circleWrapper > .circle h3 {font-size:16px}

/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
.wr-section.typeProcess > .inner > ul > li {margin-bottom:50px}
.wr-section.typeProcess > .inner > ul > li:last-child {margin-bottom:0}
.wr-section.typeProcess > .inner > ul > li:after {font-size:40px; color:#aaa; top:inherit; bottom:-44px; right:50%; margin-right:-12px; content:'\f107'}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:14px; margin-bottom:5px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:before {display:none}
.wr-section.typeProcess > .inner > ul > li .infoArea p {font-size:12px}



}


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

/* ºñÁî´Ï½º ¼øȯ ¼½¼Ç */
.wr-section.typeBusiness .circleWrapper > .circle {height:300px}
.wr-section.typeBusiness .circleWrapper > .planBox .item .iconArea {height:0px; border-radius:50%; overflow:hidden}

}