.sub_top{background-image: url("../img/s04_cn04_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 */

.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 > .span2 > .span_in2 *{ text-align: left;}
.section1 > .span2 > .span_in2 > .p_40{margin-bottom: 30px;}
.section1 > .span2 > .span_in2 > .p_40 span{color: #7e85a2;}
.section1 > .span2 > .span_in2 > .p_19{margin: 23px 0 37px 0;color:#8692ba; }
.section1 > .span2 > .span_in2 ul{border: 1px solid #cccccc;}
.section1 > .span2 > .span_in2 ul li{width: 50%;}
.section1 > .span2 > .span_in2 ul li .s1{height: 118px;display: table;width: 100%;}
.section1 > .span2 > .span_in2 ul li .s1 > span{display: table-cell;vertical-align: middle;}
.section1 > .span2 > .span_in2 ul li .s1 > span > *{text-align: center;}
.section1 > .span2 > .span_in2 ul li .s1 > span > h4{margin-bottom: 5px;}
.section1 > .span2 > .span_in2 ul .li1 .s1 > span > *{color: #3b4371;}
.section1 > .span2 > .span_in2 ul .li2 .s1 > span > *{color: #fff;}
.section1 > .span2 > .span_in2 ul .li2 .s1 > span > * > span{color: #e1f586;}
.section1 > .span2 > .span_in2 ul li .s2{height: 396px;line-height: 396px;text-align: center;position: relative;}
.section1 > .span2 > .span_in2 ul .li1 .s2{padding: 10px;}
.section1 > .span2 > .span_in2 ul .li2 .s2{text-align: left;padding-left: 7%;}
.section1 > .span2 > .span_in2 ul li .s2 img{display: inline;vertical-align: middle;}
.section1 > .span2 > .span_in2 ul .li1 .s2:BEFORE{content: "";position: absolute;border-right: 1px dashed #242424; width: 1px;height: 338px;right: -30px;top: 29px;}
.section1 > .span2 > .span_in2 ul .li1 .s2:AFTER{content: "";position: absolute;background: url("/img/common_etc/s04_cn02_icon.png");width: 54px;height: 54px;
background-position: 0 -560px;right: -57px;top: 50%;margin-top: -27px;}
.section1 > .span2 > .span_in2 ul .li2 .s2 span{position: absolute;bottom:5%;right: 5%;display: block;padding: 15px;border: 1px solid #cccccc;background: #fff;}
.section1 > .span2 > .span_in2 ul .li2 .s2 span .p1{font-weight: bold;margin-bottom: 3px;color: #343434;}
.section1 > .span2 > .span_in2 ul .li1 .s1{background: #edeef2;position: relative;}
.section1 > .span2 > .span_in2 ul .li1 .s1:AFTER{content:"";position: absolute;    border-top: 59px solid transparent;
    border-bottom: 59px solid transparent;
    border-left: 59px solid #edeef2; top: 0;
    right: -59px;}
.section1 > .span2 > .span_in2 ul .li2 .s1{background: #4b57a9;}

.section1 > .span3 > *{text-align: left;}
.section1 > .span3 > .p_40{margin-bottom: 30px;}
.section1 > .span3 > .p_40 span{color: #7e85a2;}
.section1 > .span3_1 .span_in1 > ul > li{max-width: 901px;margin: 0 auto;}
.section1 > .span3_1 .span_in1 > .p_40{margin-bottom: 30px;}
.section1 > .span3_1 .span_in1 .left_ul{margin: 10px 0 25px 0;}
.section1 > .span3_1 .span_in1 .left_ul li{width: 50%;padding-left: 7px;}
.section1 > .span3_1 .span_in1 .left_ul li p{display: inline-block;font-weight: bold;color: #505976;}
.section1 > .span3_1 .span_in1 .left_ul li .p_30{margin-right: 8px;}
.section1 > .span3_1 .span_in1 .left_ul li:FIRST-CHILD p{color:#575757; }
.section1 > .span3_1 .span_in1 .left_ul li:FIRST-CHILD .p_30{font-weight: normal;}
.section1 > .span3 > img{margin-bottom: 15px;}
.section1 > .span3 > .left_ul > li{width: 27.5%;} 
.section1 > .span3 > .left_ul > .li2{width: 45%;position: relative;border-left: 1px dashed #b9b9b9;border-right: 1px dashed #b9b9b9;}
.section1 > .span3 > .left_ul > li > p{height: 82px;}
.section1 > .span3 > .left_ul > li > p{width: 100%;display: table;}
.section1 > .span3 > .left_ul > li > p span{display: table-cell;vertical-align: middle;}

.section1 > .span0_1{padding: 45px 55px;background-repeat: no-repeat;text-align: center;    background-position-x: 80%;}
.section1 > .span0_1 h3{color: #fff;margin-bottom: 18px;}
.section1 > .span0_1 h4{color: #889bdf;}
.section1 > .span0_2{padding: 45px 55px;background: #d3d8dc;text-align: center;}
.section1 > .span0_2 > ul > li{padding: 0 20px;}
.section1 > .span0_2 > ul{margin-top: 35px;background: #fff;border-top: 2px solid #3b4465;border-bottom: 2px solid #3b4465;}
.section1 > .span0_2 > ul > li > *{display: inline-block;vertical-align: middle;}
.section1 > .span0_2 > ul > .li1{height: 60px;line-height: 60px;border-bottom: 1px solid #a5a3ae;}
.section1 > .span0_2 > ul > .li1 > *{width: 30%;color: #49426b;}
.section1 > .span0_2 > ul > .li2{height: 160px;}
.section1 > .span0_2 > ul > .li1 p{font-size: 33px;font-weight: bold;width: 19%;}
.section1 > .span0_2 .left_ul{width: 100%;height: 100%;}
.section1 > .span0_2 .left_ul li{width: 50%;height: 100%;display: table;}
.section1 > .span0_2 .left_ul li span{display:table-cell;vertical-align: middle; }
.section1 > .span0_2 h4{color: #898989;}
.section1 > .span0_2 .left_ul .custom{color: #fff;font-weight: normal;background: #3463bb;display: inline-block;padding: 18px 58px;margin-top: 15px;border-radius: 5px;position: relative;}
.section1 > .span0_2 .left_ul .custom:AFTER {content: "";position: absolute; width: 17px; height: 27px;background-position: 0 -646px;right: 30px;
    top: 50%;margin-top: -13.5px;background-image: url(/img/common_etc/s04_cn02_icon.png);}

.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;}


@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 ul li{float: none;width: 100%;}
	.section1 > .span2 > .span_in2 ul .li1 .s2:BEFORE,
	.section1 > .span2 > .span_in2 ul .li1 .s2:AFTER,
	.section1 > .span2 > .span_in2 ul .li1 .s1:AFTER{display: none;}
	.section1 > .span2 > .span_in2 ul .li2 .s2 span{width: 280px;bottom:10px;right: 10px;}
	
	
	.section1 > .span3 > .p_40{font-size: 28px;}
	.section1 > .span3_1 .span_in1 .left_ul li p{font-size: 13px;}
	.section1 > .span3_1 .span_in1 .left_ul li{padding-left: 3px;}
	.section1 > .span3_1 .span_in1 .left_ul li .p_30{margin-right: 0;font-size: 16px;}
	.section1 > .span2 > .span_in2 ul .li2 .s2{text-align: center;padding-left: 0;}
	.section1 > .span3 > img{display: none !important;}
	.section1 > .span3 > .left_ul > .li2,
	.section1 > .span3 > .left_ul > li{width: 100%;float: none;border: none;border: 1px solid #ccc;margin-bottom: 3px;padding: 0 20px;}
	.section1 > .span3 .m_el{max-width: 535px;height: 60px;line-height: 60px;text-align: center;color: #fff;background-color: #565c8c;margin: 15px auto;position: relative;}
	.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 .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_el1{background-color:#bfbfc7 ;}
	.section1 > .span3 .m_el1:AFTER{border-left-color: #bfbfc7;}
	.section1 > .span3 .m_el2{background-color:#969cbe ;}
	.section1 > .span3 .m_el2:AFTER{border-left-color: #969cbe;}
	.section1 > .span3 .m_el3{background-color:#565c8c ;}
	.section1 > .span3 .m_el3:AFTER{border-left-color:#565c8c ;}
	.section1 > .span3 > .left_ul > li > p{height: auto;}
	
	.section1 > .span0_2 > ul > .li1 p{font-size: 28px;}
	
	
}


@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 > .span2 > .span_in2 ul .li1 .s2{height: auto;line-height: normal;padding: 20px 10px;}
	.section1 > .span2 > .span_in2 ul .li2 .s2 span{width: 220px;}
	.section1 > .span2 > .span_in2 ul .li2 .s2 img{vertical-align: top;}
	.section1 > .span2 > .span_in2 ul li .s2{height: 336px;}
	
	.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;}
	
	.section1 > .span0_2 > ul > .li1 > *{width: auto;}
	.section1 > .span0_2 > ul > li{padding:0;}
	.section1 > .span0_2 .left_ul li{padding: 0 5px;}
	.section1 > .span0_2 .left_ul .custom{padding: 10px;font-size: 14px;}
    .section1 > .span0_2 .left_ul .custom:AFTER{display: none;}
    
    .section1 > .span3 > .left_ul > .li1 img, .section1 > .span3 > .left_ul > .li3 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 .li2 .s1 > span{padding-left: 30px;}
	
}