.sub_top{background-image: url("../img/s04_cn06_01.jpg");height: 440px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}
.sub_top .sub_top_txt .p1{ font-size: 24px;color: #fff;letter-spacing: -1px; margin-bottom: 13px;}

h1,h2,p{text-align: center;}

/* common_etc */
.p_19{font-size: 19px;color: #343434;font-weight: bold;}
.p_21{font-size: 21px;color: #343434;font-weight: bold;}
.p_20{font-size: 20px;color: #343434;font-weight: bold;}
.p_23{font-size: 23px;color: #343434;font-weight: bold;}
.section1 > .span{padding: 60px 55px;background-position-x: right;background-position-y:top; }
.section1 > .span1{background: url("/img/common_etc/s04_cn02_01.gif") repeat;text-align: center;}
.section1 > .span1 > h1{margin: 10px 0 40px 0;color: #6568c9;}
.section1 > .span1 > ul{max-width: 869px;margin: 0 auto;}
.section1 > .span1 > ul li{width: 49.5%;font-weight: bold;}
.section1 > .span1 > ul .li1 .span_in1{background:url("/img/common_etc/s04_cn02_02.jpg") no-repeat;height: 175px;background-position: center;}
.section1 > .span1 > ul .li2 .span_in1{background:url("/img/common_etc/s04_cn02_03.jpg") no-repeat;height: 175px;background-position: center;}
.section1 > .span1 > ul .li1{margin-right: 1%;border: 1px solid #717fac;}
.section1 > .span1 > ul .li2{border: 1px solid #e9554b;}
.section1 > .span1 > ul li .span_in2{height: 88px;background: #fff;display: table;width: 100%;}
.section1 > .span1 > ul li .span_in2 > *{display: table-cell;vertical-align: middle;}
.section1 > .span1 > ul li .span_in2 > h4{width: 22%;text-align: center;color: #3e4a84;position: relative;}
.section1 > .span1 > ul li .span_in2 > h4:AFTER{position: absolute;content: "";border-right:1px solid #ccd1e5;width: 1px;height: 38px; right: 0;top: 50%;margin-top: -19px;}
.section1 > .span1 > ul .li2 .span_in2 > h4{color: #ef634c;}
.section1 > .span1 > ul li .span_in2 > p{width: 78%;text-align: left;padding:0 10px;font-size: 15px;}
.section1 > .span1 > ul li .span_in2 > p span{background: #ffe0de;color: #f24e4d;padding: 0 3px;}
.section1 > .span1 > ul li .span_in2 > p .span_custom{background: #e2e9f3;color: #3d508a;}
.section1 > .span1 > .span_in3{display: inline-block;background:#fefefe; padding: 17px 80px;border-radius:100px;position: relative;z-index: 1; }
.section1 > .span1 > .span_in3:AFTER{position: absolute;content: "";background:url("/img/common_etc/s04_cn02_icon.png");background-position: 0 -30px;
width:140px;height: 72px; top: 23px;right: 150px;z-index: -1; }
.section1 > .span1 > .span_in3 > *{color:#322e7b;text-align: center;}
.section1 > .span1 > .span_in3 > h4{margin-bottom: 5px;}
.section1 > .span1 > .span_bg{width: 31px ;height: 27px;background: url("/img/common_etc/s04_cn02_icon.png");background-position: 0 0;margin: 20px auto 14px auto;}
.m_br{display: none;}

.section1 > .span2{border-bottom: 1px solid #e1e1e1;}
.section1 > .span2 > .span_in1{position: relative;text-align: center;border: 3px solid #ccd1e7;padding: 35px 0;margin-bottom: 55px;}
.section1 > .span2 > .span_in1 > h2{position: absolute;background: #fff;width: 357px;height: 40px;top: -20px;left: 50%;margin-left: -178.5px;}
.section1 > .span2 > .span_in1 ul li{display: inline-block;width: 233px;height: 233px;border: 1px solid #bebfc3;border-radius:50%;vertical-align: top;overflow: hidden;
-webkit-box-shadow: 5px 5px 10px 0px rgba(190,191,195,0.10);
    -moz-box-shadow: 5px 5px 10px 0px rgba(190,191,195,0.10);
    box-shadow: 5px 5px 10px 0px rgba(190,191,195,0.10);}
.section1 > .span2 > .span_in1 ul li *{color:#5f6ba5; }
.section1 > .span2 > .span_in1 ul li p span{color:#f37670; }
.section1 > .span2 > .span_in1 ul .li3 .p2{color: #46508b;}
.section1 > .span2 > .span_in1 ul li .p1{height: 35%;background: #43496b;color: #fff;padding-top: 45px;margin-bottom: 22px;}
.section1 > .span2 > .span_in1 ul .li3 .p1{color:#f55851; }
.section1 > .span2 > .span_in1 ul .icon_li{background:url("/img/common_etc/s04_cn02_icon.png");width: 38px;height: 65px;background-position:0 -493px; 
border: none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin: 84px 30px 0 30px;}

/* common_etc */

.section1 > .span2 > .span_in2 > *{text-align: left;}
.section1 > .span2 > .span_in2 h1{margin-bottom: 40px;}
.section1 > .span2 > .span_in2 > h4{color:#8c93bd ;margin:20px 0 40px 0; }
.section1 > .span2 > .span_in2 h1 span{color:#7e85a2; }
.section1 > .span2 > .span_in2 ul{border: 1px solid #cccccc;}
.section1 > .span2 > .span_in2 ul .li1{width: 65%;height: 377px;line-height: 377px;text-align: center;position: relative;}
.section1 > .span2 > .span_in2 ul .li1:AFTER{content: "";position: absolute;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;
border-left: 25px solid #fff;top: 50%;right: -25px;background: none;margin-top: -20px;}
.section1 > .span2 > .span_in2 ul .li1 img{display: inline;vertical-align: middle;}
.section1 > .span2 > .span_in2 ul .li2{width: 35%;height: 377px;text-align: center;display: table;background-repeat: repeat;}
.section1 > .span2 > .span_in2 ul .li2 > span{display: table-cell;vertical-align: middle;}
.section1 > .span2 > .span_in2 ul .li2 *{color: #fff;}
.section1 > .span2 > .span_in2 ul .li2 h4{font-weight: normal;}
.section1 > .span2 > .span_in2 ul .li2 .icon{background:url("/img/common_etc/s04_cn02_icon.png");width: 100px;height: 46px;background-position:0 -671px;display: block;margin: 10px auto;}
.section1 > .span2 > .span_in2 ul .p_23{line-height: 27px;position: relative;z-index: 1;}
.section1 > .span2 > .span_in2 ul .p_23:AFTER{position: absolute;content: "";background:url("/img/common_etc/s04_cn02_icon.png");background-position: 0 -718px;
width:114px;height: 52px; top: 13px;right: 18px;z-index: -1;}


.p_40{font-size: 40px;color: #343434;font-weight: bold;line-height: 42px;}
.p_51{font-size: 51px;color: #343434;font-weight: bold;}
.p_24{font-size: 24px;color: #343434;font-weight: bold;}
.p_30{font-size: 30px;font-weight: bold;}
.p_14{font-size: 14px;}

.section1 > .span3 > h1{margin-bottom: 30px;text-align: left;}
.section1 > .span3 > h1 span{color:#7e85a2; }
.section1 > .span3 > ul{margin-top: 18px;}
.section1 > .span3 .li1{width:43%;border-right: 1px dashed #b0b0b0;}
.section1 > .span3 .li2{width:57%;}

.section1 > .span4{background-repeat: repeat;padding: 40px;}
.section1 > .span4 ul{max-width: 874px;margin: 33px auto 0 auto;}
.section1 > .span4 ul li{width: 20%;border-left: 1px solid #e6e7e9;background-color: #fff;height: 190px;padding-top: 104px;position: relative;}
.section1 > .span4 ul li > *{text-align: center;}
.section1 > .span4 ul .li1{border: none;}
.section1 > .span4 ul li:AFTER {position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");left: 50%;top: 30px;}
.section1 > .span4 ul .li1:AFTER {width: 69px;height: 60px;background-position: 0 -119px;margin-left: -34.5px;}
.section1 > .span4 ul .li2:AFTER {width: 66px;height: 68px;background-position: 0 -192px;margin-left: -33px;}
.section1 > .span4 ul .li3:AFTER {width: 68px;height: 62px;background-position: 0 -271px;margin-left: -34px;}
.section1 > .span4 ul .li4:AFTER {width: 64px;height: 61px;background-position: 0 -348px;margin-left: -32px;}
.section1 > .span4 ul .li5:AFTER {width: 50px;height: 66px;background-position: 0 -422px;margin-left: -25px;}

.section1 > .span0{background-repeat: repeat;text-align: center;}
.section1 > .span0 > h1{color: #fff;text-align: left;}
.section1 > .span0 > h1 span{color:#b3b8d6 ;}
.block_li{display: none;}
.section1 > .span0 ul{margin: 65px 0 20px 0;}
.section1 > .span0 .li{display: inline-block;width: 190px;height: 190px;vertical-align: top;border-radius:50%;margin-left: 33px;}
.section1 > .span0 .li h4{color: #444a6c;text-align: center;}
.section1 > .span0 .li span{display: inline-block;width: 20px;height: 20px;border: 2px solid #fff;margin:47px auto 15px auto;position: relative; }
.section1 > .span0 .li span:AFTER{position: absolute;content: "";background-image: url("/img/common_etc/s04_cn02_icon.png");left: -7px;top: -15px;background-position: 0 -774px;
width: 35px;height: 29px;}
.section1 > .span0 .li1{background: #ccd3ed;margin-left: 0;}
.section1 > .span0 .li2{background: #f3e7d9;}
.section1 > .span0 .li3{background: #ccd3ed;}
.section1 > .span0 .li4{background: #f3e7d9;}

@media only screen and (max-width: 1023px) {
	.p_40{font-size: 28px;}
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.sub_top br{display:block;}
	.section1 > .span{padding: 40px 20px;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	
	/* common_etc */
	.section1 > .span1 > .span_in3:AFTER{top: 40px;right: 120px;}
	.m_br{display: block;}
	.section1 > .span1 > ul li .span_in2 > p{font-size: 12px;width: 100%;display: block;}
	.section1 > .span1 > ul li .span_in2 > h4{font-size: 14px;width: 100%;display: block;    margin: 5px 0;}
	.section1 > .span1 > ul li .span_in2 > h4 br{display: none;}
	.section1 > .span1 > ul li .span_in2{height: 98px;}
	.section1 > .span1 > ul li .span_in2 > h4:AFTER{display: none;}
	
	.section1 > .span2 > .span_in1 ul li{width: 180px;height: 180px;}
	.section1 > .span2 > .span_in1 ul li .p1{padding-top: 30px;margin-bottom: 12px;}
	.section1 > .span2 > .span_in1 ul li p br{display: block;}
	.section1 > .span2 > .span_in1 ul .icon_li{    margin: 0;background: none;width: 10px;}
	.section1 > .span2 > .span_in1 ul .p_20{font-size: 16px;}
	.section1 > .span2 > .span_in1 ul .p_21{font-size: 17px}
	.section1 > .span2 > .span_in1 ul .p_23{font-size: 18px;}
	.section1 > .span2 > .span_in1 > h2{top: -15px;height: 30px;}
	
	/* common_etc */
	
	
	.section1 > .span2 > .span_in2 h1{margin-bottom: 30px;}
	
	.section1 > .span3 p br{display: block;}
	.section1 > .span3 > img{display: none !important;}
	.section1 > .span3 > ul .li1{margin-right: 0;margin-bottom: 4px;}
	.section1 > .span3 .li1{width: 100%;border: 1px solid #ccc;padding: 0 20px 15px 20px;}
	.section1 > .span3 .li2{width: 100%;border: 1px solid #ccc;padding: 0 20px 15px 20px;}
	.section1 > .span3 > ul li > .span p{font-size: 14px;}
	.section1 > .span3 .m_el{    height: 60px;line-height: 60px;text-align: center;color: #fff;margin: 15px auto;position: relative;font-weight: bold;}
    .section1 > .span3 .m_el:before { content: "";position: absolute;width: 0;height: 0; border-top: 30px solid transparent;border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;top: 0;left: 0px;}
	.section1 > .span3 .m_el:AFTER {content: "";position: absolute;width: 0;height: 0;border-top: 30px solid transparent;border-bottom: 30px solid transparent;
    border-left: 30px solid #000;top: 0;right: 0px;background: #fff;}
    .section1 > .span3 .li1 .m_el{background:#969cbe ;}
    .section1 > .span3 .li1 .m_el:AFTER{border-left-color:#969cbe ;}
    .section1 > .span3 .li2 .m_el{background:#565c8c; ;}
    .section1 > .span3 .li2 .m_el:AFTER{border-left-color:#565c8c ;}
    
    .section1 > .span2 > .span_in2 ul .li1{float: none;width: 100%;height: auto;padding:20px 10px;line-height: normal;}
    .section1 > .span2 > .span_in2 ul .li2{float: none;width: 100%;height: auto;padding:50px 10px;}
    .section1 > .span2 > .span_in2 ul .p_23{font-size: 20px;display: inline-block;}
    .section1 > .span2 > .span_in2 ul .p_23 br{display: block;}
	.section1 > .span2 > .span_in2 ul .p_23:AFTER{right: -20px;}
	.section1 > .span2 > .span_in2 ul .li1:AFTER{border-right: 29px solid transparent;border-left: 29px solid transparent;    top: unset;    right: unset;border-bottom:none;
		border-top: 36px solid #fff;left: 50%;bottom: -36px;margin-left: -29px;}
	
	
	.section1 > .span0 .li{width: 130px;height: 130px;margin-left: 10px;}
	.section1 > .span0 .li span{ margin: 24px auto 15px auto;}
	.section1 > .span0 ul{margin: 40px 0 20px 0;}
}


@media only screen and (max-width: 640px) {
	
	/* common_etc */
	.section1 > .span1 > ul li .span_in2{height: 150px;}
	.section1 > .span1 > .span_in3{padding: 17px 20px;margin-top: 25px;}
	.section1 > .span1 > .span_in3 > h4{font-size: 14px;}
	.section1 > .span1 > .span_in3 > h3{font-size: 17px;}
	.section1 > .span1 > .span_in3:AFTER{top: 38px;right: 40px;}
	.section1 > .span1 .span_bg{display: none;}
	.section1 > .span1 > ul .li1 .span_in1,
	.section1 > .span1 > ul .li2 .span_in1{background-size:cover;height: 94px; }
	
	.section1 > .span2 > .span_in1 > h2{width: 237px;margin-left: -118.5px;}
	.section1 > .span2 > .span_in1 ul .icon_li{display: none;}
	.section1 > .span2 > .span_in1 ul li{width: 100px;height: 100px;}
	.section1 > .span2 > .span_in1 ul .p_20{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul .p_21{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul .p_23{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul h4{font-size: 9px;line-height: 14px;}
	.section1 > .span2 > .span_in1 ul li .p1{padding-top: 15px;margin-bottom: 5px;}
	
	/* common_etc */
	
	.section1 > .span4 ul li{height: 220px;}
	.p_14{font-size: 11px;}
	
	.section1 > .span4 ul li{float: none;width: 100%;height: 80px;padding: 0;border-left: none;border-bottom: 1px solid #e6e7e9 !important;}
	.section1 > .span4 ul li > *{text-align: left;padding-left:90px;}
	.section1 > .span4 ul li:AFTER{top: 10px;left: 40px;}
	.section1 > .span4 ul li h4{padding-top: 20px;}
	
	.block_li{display: block;}
	.section1 > .span0 .li{width: 130px;height: 130px;margin-left: 0px;}
	.section1 > .span0 .li span{ margin: 24px auto 15px auto;}
	.section1 > .span0 .li1,
	.section1 > .span0 .li2{margin-bottom: 10px;}
	.section1 > .span0 .li2,
	.section1 > .span0 .li4{margin-left: 30px;}
	
	.section1 > .span3 > ul .li1 img{width: 60%;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	/* common_etc */
	.section1 > .span1 > .span_in3 > h3{font-size: 24px;}
	.section1 > .span1 > .span_in3:AFTER{right: 140px;top: 20px;}
	
	.section1 > .span2 > .span_in1 ul li{width: 200px;height: 200px;}
	.section1 > .span2 > .span_in1 ul li .p1{padding-top: 35px;}
	.section1 > .span2 > .span_in1 ul .icon_li{    margin: 67.5px 30px 0 30px;}
	
	/* common_etc */
	
	.section1 > .span2 > .span_in2 ul .p_23{font-size: 20px;}
	.section1 > .span2 > .span_in2 ul .p_23:AFTER{right: 4px;}
	
}