@charset "utf-8";

/* section1 */
.section1{height:710px; margin-top:125px; padding-top:98px; text-align:center; box-sizing:border-box;}
.section1 .inner{margin-bottom:-179px;}
.section1 .inner img{margin-bottom:-20px;}
.section1 .inner .con{display:flex; justify-content:center; align-items:center; padding-top:100px; border-top:2px solid #292929; text-align:left;}
.section1 .inner .con p{margin-right:126px; font-size:28px; line-height:42px;}
.section1 .inner .con a{display:inline-block; width:375px; height:80px; background-color:#2057d4; border-radius:50px; font-family:"NSB"; font-size:24px; color:#fff; line-height:80px; text-align:center; transition:background-color ease .5s;}
/* .section1 .inner .con a:hover{background-color:#446dbb;} */

/* section2 */
.section2{height:842px;}
.section2 .inner{width:1902px; margin:0 auto; padding:471px 0 0 78px;}
.section2 .inner .con{display:flex;}
.section2 .inner .con > img{margin-right:177px;}
.section2 .inner .con div .tit{width:876px; height:58px; margin-bottom:75px; background:url(/Assets/img/client/tit01.gif) 0 0 no-repeat; text-indent:-9999px;}
.section2 .inner .con div .txt{margin-bottom:174px; font-size:30px; line-height:60px;}
.section2 .inner .con div a{display:inline-block; width:342px; height:85px; background-color:#3768d8; border:1px solid #fff; font-size:24px; color:#fff; line-height:85px; text-align:center; transition:background-color ease .5s;}
/* .section2 .inner .con div a:hover{background-color:#183b8b;} */
.section2 .inner .con div a span{padding-right:44px; background:url(/Assets/img/common/link_ico01.png) right center no-repeat;}

/* section3 */
.section3{height:1483px; background-color:#2057d4;}
.section3 .inner{display:flex; width:1902px; margin:0 auto; padding:541px 164px 0 180px; box-sizing:border-box;}
.section3 .inner .con1{margin-right:140px;}
.section3 .inner .con1 .tit{width:638px; height:66px; margin-bottom:100px; background:url(/Assets/img/client/tit02.gif) 0 0 no-repeat; text-indent:-9999px;}
.section3 .inner .con1 .txt{font-size:30px; color:#fff; line-height:58px;}
.section3 .inner .con1 .txt span{position:relative; z-index:10;}
.section3 .inner .con1 .txt span:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:17px; background-color:#0e42b7; z-index:-1;}
.section3 .inner .con1 .btn{margin-top:180px; font-size:0;}
.section3 .inner .con1 .btn p{margin-bottom:55px; font-family:"GSM"; font-size:30px; color:#90b2fe;}
.section3 .inner .con1 .btn a{display:inline-block; width:286px; height:100px; background-color:#3768d8; border:1px solid #fff; font-size:28px; line-height:100px; color:#fff; text-align:center; transition:background-color ease .5s;}
.section3 .inner .con1 .btn a:nth-child(3){margin-left:20px;}
.section3 .inner .con1 .btn a span{position:relative; padding-left:57px;}
.section3 .inner .con1 .btn a span:before{content:""; display:block; position:absolute; top:50%; left:0; width:37px; height:37px; transform:translateY(-50%); background:url(/Assets/img/client/sns_ico.png) 0 0 no-repeat;}
.section3 .inner .con1 .btn a:nth-child(2) span:before{background-position:0 0;}
.section3 .inner .con1 .btn a:nth-child(3) span:before{background-position:0 -37px;}
.section3 .inner .con2{text-align:center;}
.section3 .inner .con2 p{margin-top:70px; font-family:"GSM"; font-size:26px; color:#90b2fe;}

/* section4 */
.section4{height:1040px;}
.section4 .inner{display:flex; align-items:center; width:1902px; margin:0 auto; padding:208px 0 0 175px; box-sizing:border-box;}
.section4 .inner .con{margin-right:165px;}
.section4 .inner .con .tit{width:737px; height:73px; margin-bottom:115px; background:url(/Assets/img/client/tit03.gif) 0 0 no-repeat; text-indent:-9999px;}
.section4 .inner .con .txt{font-size:30px; line-height:60px;}
.section4 .inner .con .btn{margin-top:96px;}
.section4 .inner .con .btn a{display:inline-block; width:375px; height:80px; background-color:#70a440; border-radius:50px; font-family:"NSB"; font-size:24px; line-height:80px; color:#fff; text-align:center;}
.section4 .inner .con .btn a:nth-child(2){margin-left:30px;}
.section4 .inner .con .btn p{margin-top:45px; font-family:"GSM"; font-size:26px; color:#a3ca7f;}

/* section5 */
.section5{height:820px; background-color:#2057d4;}
.section5 .inner{display:flex; align-items:center; width:1902px; margin:0 auto; padding:180px 0 0 177px; box-sizing:border-box;}
.section5 .inner .con{margin-right:300px; color:#fff;}
.section5 .inner .con .tit{width:533px; height:57px; margin-bottom:184px; background:url(/Assets/img/client/tit05.gif) 0 0 no-repeat; font-family:"GSB"; text-indent:-9999px;}
.section5 .inner .con .tit span{margin-left:45px; font-family:"GSM"; font-size:20px;}
.section5 .inner .con .txt{font-family:"GSL"; font-size:30px; line-height:58px;}
.section5 .inner ul li{position:relative; width:600px; height:100px; font-family:"NSB"; font-size:30px; background-color:#fff; border-radius:50px; line-height:100px; text-align:center; z-index:10;}
.section5 .inner ul li:after{content:""; display:block; position:absolute; top:0; left:0; width:600px; height:100px; background-color:#fff; border-radius:50px; z-index:0;}
.section5 .inner ul li:before{content:""; display:block; position:absolute; bottom:-27px; left:27px; width:600px; height:100px; background-color:#1a46aa; border-radius:50px; z-index:-1; transition:all ease .5s;}
/* .section5 .inner ul li:hover:before {bottom:-22px; left:22px;} */
.section5 .inner ul li:first-child{margin-bottom:39px;}
.section5 .inner ul li a{position:relative; z-index:10; color:#2057d4;}
.section5 .inner ul li a span{display:inline-block; width:95px; text-align:center;}
.section5 .inner ul li:nth-child(2) span{width:40px;}


@media screen and (max-width:1920px){
	
	/* section1 */
	.section1{height:355px; padding-top:49px;}
	.section1 .inner img{width:836px; margin-bottom:-11px;}
	.section1 .inner .con p{font-size:24px; line-height:38px;}
	.section1 .inner .con a{width:300px; height:60px; font-size:24px; line-height:60px;}
	
	/* section2 */
	.section2{height:612px;}
	.section2 .inner{width:1200px; padding:371px 0 0 78px;}
	.section2 .inner .con{align-items:start;}
	.section2 .inner .con > img{width:473px; margin-right:120px;}	
	.section2 .inner .con div .tit{width:460px; height:40px; margin-bottom:45px; background-size:100%;}
	.section2 .inner .con div .txt{margin-bottom:72px; font-size:20px; line-height:38px;}
	.section2 .inner .con div a{width:272px; height:60px; font-size:20px; line-height:60px;}
	
	/* section3 */
	.section3{height:auto;}
	.section3 .inner{width:1200px; padding:340px 82px 80px 90px;}
	.section3 .inner .con1 .tit{width:440px; height:47px; margin-bottom:45px; background-size:100%;}
	.section3 .inner .con1 .txt{font-size:20px; line-height:38px;}
	.section3 .inner .con1 .btn{margin-top:90px;}
	.section3 .inner .con1 .btn p{margin-bottom:35px; font-size:20px;}
	.section3 .inner .con1 .btn a{width:200px; height:60px; font-size:20px; line-height:60px;}	
	.section3 .inner .con2 a img{height:425px;}
	.section3 .inner .con2 p{margin-top:35px; font-size:16px;}
	
	/* section4 */
	.section4{height:auto;}
	.section4 .inner{width:1200px; padding:100px 0 80px 90px;}
	.section4 .inner .con{margin-right:115px;}
	.section4 .inner .con .tit{width:537px; height:53px; margin-bottom:45px; background-size:100%;}
	.section4 .inner .con .txt{font-size:20px; line-height:38px;}
	.section4 .inner .con .btn a{width:300px; height:60px; font-size:24px; line-height:60px;}
	.section4 .inner .con .btn p{margin-top:35px; font-size:16px;}
	.section4 .inner > img{height:328px;}
	
	/* section5 */
	.section5{height:auto;}
	.section5 .inner{width:1200px; padding:100px 0 80px 90px;}
	.section5 .inner .con{margin-right:275px;}
	.section5 .inner .con .tit{width:433px; height:46px; margin-bottom:90px; background-size:100%;}
	.section5 .inner .con .txt{font-size:20px; line-height:38px;}
	.section5 .inner ul li{width:400px; height:80px; font-size:20px; line-height:80px;}
	.section5 .inner ul li:before{bottom:-17px; left:17px; width:400px; height:80px;}
	.section5 .inner ul li:after{width:400px; height:80px;}
	
}


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

	/* section1 */
	.section1{height:318px; margin-top:72px;}
	.section1 .inner img{width:736px; margin-bottom:-10px;}
	.section1 .inner .con{padding-top:50px;}
	.section1 .inner .con p{font-size:20px; line-height:32px;}
	.section1 .inner .con a{width:250px; height:50px; font-size:20px; line-height:50px;}
	
	/* section2 */
	.section2{height:420px;}
	.section2 .inner{width:720px; padding:230px 0 0;}
	.section2 .inner .con{align-items:center;}
	.section2 .inner .con > img{width:273px; margin-right:60px;}
	.section2 .inner .con div .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; background:none; text-indent:inherit;}
	.section2 .inner .con div .tit span{color:#14bcc1;}
	.section2 .inner .con div .txt{font-family:"GSM"; font-size:16px; line-height:26px;}
	.section2 .inner .con div .txt br{display:none;}
	.section2 .inner .con div a{width:232px; height:50px; font-size:18px; line-height:50px;}
	
	/* section3 */
	.section3{height:670px;}
	.section3 .inner{align-items:center; width:720px; padding:230px 0 0;}
	.section3 .inner .con1{margin-right:60px;}
	.section3 .inner .con1 .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; background:none; color:#fff; text-indent:inherit;}
	.section3 .inner .con1 .tit span{color:#d9f12d;}
	.section3 .inner .con1 .txt{font-family:"GSM"; font-size:16px; line-height:26px;}
	.section3 .inner .con1 .txt br{display:none;}
	.section3 .inner .con1 .btn{margin-top:45px;}
	.section3 .inner .con1 .btn p{font-family:"GSM"; font-size:16px;}
	.section3 .inner .con1 .btn a{width:170px; height:50px; font-size:18px; line-height:50px;}
	.section3 .inner .con1 .btn a span{padding-left:40px;}
	.section3 .inner .con1 .btn a span:before{width:27px; height:27px; background-size:100%;}
	.section3 .inner .con1 .btn a:nth-child(3) span:before{background-position:0 -27px;}
	.section3 .inner .con2 a img{height:325px;}
	.section3 .inner .con2 p{font-size:14px;}
	
	/* section4 */
	.section4{height:auto;}
	.section4 .inner{align-items:start; width:720px; padding:100px 0;}
	.section4 .inner .con{margin-right:60px;}
	.section4 .inner .con .tit{width:auto; height:auto; font-family:"GSB"; font-size:30px; background:none; text-indent:inherit;}
	.section4 .inner .con .tit span{color:#70cf1b;}
	.section4 .inner .con .txt{font-family:"GSM"; font-size:16px; line-height:26px;}
	.section4 .inner .con .txt br{display:none;}
	.section4 .inner .con .btn{margin-top:45px;}
	.section4 .inner .con .btn a{width:250px; height:50px; font-size:20px; line-height:50px;}
	.section4 .inner .con .btn p{font-size:14px;}
	.section4 .inner > img{height:228px;}
	
	/* section5 */
	.section5{height:auto;}
	.section5 .inner{width:720px; padding:100px 0;}
	.section5 .inner .con{margin-right:60px;}
	.section5 .inner .con .tit{width:auto; height:auto; margin-bottom:45px; font-family:"GSB"; font-size:30px; background:none; color:#fff; text-indent:inherit;}
	.section5 .inner .con .tit span{margin-left:20px; font-size:16px;}
	.section5 .inner .con .txt{font-family:"GSM"; font-size:16px; line-height:26px;}
	.section5 .inner ul li{width:354px; height:60px; font-size:18px; line-height:60px;}
	.section5 .inner ul li:before{width:354px; height:60px;}
	.section5 .inner ul li:after{width:354px; height:60px;}
	
}

@media screen and (max-width:768px){
	
	/* section1 */
	.section1{height:auto; margin-top:56px; padding-top:30px; border-bottom:none;}
	.section1 .inner{margin:0;}
	.section1 .inner img{max-width:100%; margin-bottom:-8px; padding:0 16px; box-sizing:border-box;}
	.section1 .inner .con{display:block; width:auto; padding-top:30px; border-top:1px solid #292929; text-align:center;}
	.section1 .inner .con p{margin:0 0 15px; font-family:"GSM"; font-size:16px; line-height:24px;}
	.section1 .inner .con a{width:180px; height:40px; font-family:"GSM"; font-size:16px; line-height:42px;}
	
	/* section2 */
	.section2{height:auto; border-top:none;}
	.section2 .inner{width:auto; padding:50px 16px;}
	.section2 .inner .con{display:block; text-align:center;}
	.section2 .inner .con > img{width:236px; margin:0 0 40px;}
	.section2 .inner .con div .tit{margin-bottom:20px; font-size:24px;}
	.section2 .inner .con div .txt{margin-bottom:30px; font-size:15px; line-height:24px;}
	.section2 .inner .con div a{width:220px; height:40px; font-family:"GSM"; font-size:16px; line-height:44px;}
	.section2 .inner .con div a span{padding-right:24px; background-size:14px; background-position:top 0 right 1px;}
	
	/* section3 */
	.section3{height:auto;}
	.section3 .inner{display:block; position:relative; width:auto; padding:360px 16px 50px; text-align:center;}
	.section3 .inner .con1{margin:0;}
	.section3 .inner .con1 .tit{margin-bottom:20px; font-size:24px;}
	.section3 .inner .con1 .txt{margin-bottom:30px; font-size:15px; line-height:24px;}
	.section3 .inner .con1 .txt span:before{height:8px;}
	.section3 .inner .con1 .btn{margin-top:0;}
	.section3 .inner .con1 .btn p{margin-bottom:20px; font-size:15px;}
	.section3 .inner .con1 .btn a{width:150px; height:40px; font-family:"GSM"; font-size:16px; line-height:44px;}
	.section3 .inner .con1 .btn a:nth-child(3){margin-left:10px;}
	.section3 .inner .con1 .btn a span{padding-left:26px;}
	.section3 .inner .con1 .btn a span:before{top:calc(50% - 2px); width:18px; height:18px;}
	.section3 .inner .con1 .btn a:nth-child(3) span:before{background-position:0 -18px;}
	.section3 .inner .con2{position:absolute; top:50px; left:50%; transform:translateX(-50%); width:100%;}
	.section3 .inner .con2 a img{height:235px; margin-left:-65px;}
	.section3 .inner .con2 p{margin-top:20px;}
	
	/* section4 */
	.section4 .inner{display:block; width:auto; padding:50px 16px 50px; text-align:center;}
	.section4 .inner .con{margin-right:0;}
	.section4 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section4 .inner .con .txt{margin-bottom:30px; font-size:15px; line-height:24px;}
	.section4 .inner .con .btn{margin:0 0 40px; display:block;}
	.section4 .inner .con .btn a{width:180px; height:40px; font-family:"GSM"; font-size:16px; line-height:42px;}
	.section4 .inner .con .btn p{margin-top:20px;}
	
	/* section5 */
	.section5 .inner{display:block; width:auto; padding:50px 16px; text-align:center;}
	.section5 .inner .con{margin:0 0 20px;}
	.section5 .inner .con .tit{margin-bottom:20px; font-size:24px;}
	.section5 .inner .con .tit span{font-size:14px;}
	.section5 .inner .con .txt{font-size:15px; line-height:24px;}
	.section5 .inner ul li{width:300px; height:40px; margin:0 auto; font-family:"GSM"; font-size:16px; line-height:40px;}
	.section5 .inner ul li:first-child{margin-bottom:20px;}
	.section5 .inner ul li:before{bottom:-10px; left:10px; width:300px; height:40px;}
	.section5 .inner ul li:after{width:300px; height:40px;}
	.section5 .inner ul li a span{width:10px !important;}
}