@charset "utf-8";

@media screen and (max-width:699px){
    /*visual*/
    .swiper-pagination{display:none; }
    .main-slider .swiper-slide{background-image: url("../img/main_visual.png"); background-repeat: no-repeat; background-size: cover; padding: 140px 0 125px; text-align: center;}
    .swiper-slide p:first-child{font-size:30px; line-height: 90px; color:#fff; font-weight: 700; }
    .swiper-slide p:last-child{font-size:15px; line-height: 90px; color:#feca07;}
    
    /*section*/
    section h3{color:#232324; font-size:25px; line-height: 20px;}
    section h3:not(.sub_title):after{content: ""; display: block ; width:85px; height:3px; background-color: #416ab3;}
    
    /*main-section1*/ 
    .main-section1 {padding:60px 0 70px; text-align: center;}
    .main-section1 h3:after{margin: 20px auto 40px;}
    .main-section1 p span{display: block; color: #333; font-size: 15px; line-height: 30px;word-break: keep-all;}
    .section1 > db
    /*main-section2*/
    .main-section2{position: relative ; width:100%; height:300px; background-color: rgba(65,106,179,1);}
    .main-section2 ul:after{clear:both; content:""; display: block;}
    .main-section2 ul li {width:50%; float:left; height:300px ; position: relative;}
    .sec-visul{width:100%; height:300px; position:absolute ;left:0; top:0; background-color: #375ea8; display: block; cursor: pointer;} 
    .sec-visul2{width:100%; height:300px; position:absolute ;left:0; top:0; }
    .sec-visul2:after{display: block; content:""; width:100%; height:300px; background-image: url('../img/index_img_01.png'); left:0; top:0; position: absolute; opacity: 0.2;z-index: -1;}
    .sec-visul img{padding: 60px 0 40px; width: 25%;}
    .plus_button { border:1px solid #fff; height:30px; width:30px; position:relative; display:block; margin:25px auto 20px; }
    .plus_button:after, 
    .plus_button:before{content:""; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-color: #fff;}
    .plus_button:after{height:23px; width:1px;  }
    .plus_button:before{width:23px; height:1px;  }
    .main-section2 ul li .sec-visul2 .sec-he-01{font-size:20px; line-height: 40px; color:#fff; font-weight: 700; padding-top:30px; text-align: center;}
    .main-section2 ul li .sec-visul2 .sec-te-01{font-size:18px; line-height: 50px; color:#fff; font-weight: 500;text-align: center;  }
    .sec-ex-01{color:#fff; font-size: 12px; line-height: 20px; text-align: center; padding: 0px 10px; word-break: keep-all;}
    .sec-ex-01 span{display:block; }
    .sec-visul2{z-index: -10; }
    .sec-visul{background-color: rgba(17, 44, 126, 0.2); text-align: center; cursor: pointer;}
    .sec-visul .sec-he-01{font-size:20px; color:#fff; line-height:35px; font-weight: 700;}
    .sec-visul .sec-te-01{font-size:18px; color:#fff; line-height:35px; }
    .main-section2 ul li:hover .sec-visul{opacity: 0; }
    .main-section2 ul li:hover .sec-visul2{display: block; z-index: 10; }
    
    /*main-section3*/

    .main-section3 div:nth-of-type(2){width:100%; height:500px; background-image: url("../img/index_img_02.png"); background-size: cover ; background-position:center; background-repeat: no-repeat; background-color: rgba(00,00,00,.7); background-blend-mode: multiply;}
    .main-section3 div:nth-of-type(2){}
    .main-section3 div:nth-of-type(2) h3{padding:30px 0;  }
    .main-section3 div:nth-of-type(2) h3:after{margin:30px auto 0; }
    .main-section3 div:nth-of-type(2) h3{font-size:25px !important; line-height:10px; color:#fff; text-align: center;}
    .main-section3 div:nth-of-type(2) ul li{width:80%; margin:0 auto 20px;}
    .main-section3 div:nth-of-type(2) ul li:after{clear:both; content:""; display: block;}
    .main-section3 div:nth-of-type(2) ul li div{display:none; }
    .main-section3 div:nth-of-type(2) ul li a{line-height:24px; display: block; color:#fff; font-size: 14px; float: left;}
    .main-section3 div:nth-of-type(2) > a{width:150px; height:40px; margin:0 auto; font-size:14px; line-height: 40px; text-align: center; border:1px solid #fff; display: block; margin-top:40px; color:#fff;}
    .main-section3 ul li a{width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    /*main-section4*/
    .main-section4{width:100%; background-color: #f6f6f6; padding:50px; }
    .main-section4 h3{text-align: center;padding-top:30px; }
    .main-section4 h3:after{margin:30px auto 50px;}
    .main-section4 ul:after{clear: both; content: ""; display: block;}
    .main-section4 ul li{width:48%; float:left; margin-right:4%; margin-bottom:40px; }
    .main-section4 ul li:nth-child(2n){margin-right:0; }
    .main-section4 ul li a{background-color: #fff ; display: block; box-sizing: border-box; padding: 20px;}
    .main-section4 ul li a p:first-child{padding-bottom:40px; font-size:14px; line-height: 30px; color:#232324 ; font-weight: 700;}
    .main-section4 span{display: block;}
    .main-section4 ul li a:after{clear: both; content: ""; display: block;}
    .main-section4 ul li a p:nth-of-type(2){font-size:10px; line-height: 30px; color:#c0c0c0 ; float:left; }
	.main-section4 ul li a > i{float:right; font-size:30px; color:#416ab3; }
    .main-section4 ul li a p{    overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ /* -webkit-line-clamp: 1; */ /* -webkit-box-orient: vertical; */ width: 500px; white-space: nowrap;}

}

@media screen and (min-width:700px) and (max-width:1178px){

    /*visual*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:130px; }
    .main-slider .swiper-slide{background-image: url("../img/main_visual.png"); background-repeat: no-repeat; background-size: cover; padding: 240px 0 225px; text-align: center;}
    .swiper-pagination .swiper-pagination-bullet{border:4px solid rgba(255,255,255,0.5); background-color: transparent; width: 15px;  height: 15px; }
    .swiper-pagination .swiper-pagination-bullet-active{border:4px solid rgb(254,202,7);}
    .swiper-slide p:first-child{font-size:40px; line-height: 90px; color:#fff; font-weight: 700;margin-bottom:40px; }
    .swiper-slide p:last-child{font-size:25px; line-height: 90px; color:#feca07;}
    
    /*section*/
    section h3{color:#232324; font-size:30px; line-height: 20px;}
    section h3:not(.sub_title):after{content: ""; display: block ; width:85px; height:3px; background-color: #416ab3;}
    
    /*main-section1*/ 
    .main-section1 {padding:80px 0 90px; text-align: center;}
    .main-section1 h3:after{margin: 20px auto 40px;}
    .main-section1 p span{display: block; color: #333; font-size: 16px; line-height: 30px;}
    
    /*main-section2*/
    .main-section2{position: relative ; width:100%; height:460px; background-color: rgba(65,106,179,1);}
    .main-section2 ul:after{clear:both; content:""; display: block;}
    .main-section2 ul li{width:50%; float:left; height:460px ; position: relative;}
    .sec-visul{width:100%; height:460px; position:absolute ;left:0; top:0; background-color: #375ea8; display: block; cursor: pointer;} 
    .sec-visul2{width:100%; height:460px; position:absolute ;left:0; top:0; }
    .sec-visul2:after{display: block; content:""; width:100%; height:460px; background-image: url('../img/index_img_01.png'); left:0; top:0; position: absolute; opacity: 0.2;z-index: -1;}
    .sec-visul img{padding:130px 0 40px;}
    .plus_button { border:1px solid #fff; height:60px; width:60px; position:relative; display:block; margin:65px auto 130px; }
    .plus_button:after, 
    .plus_button:before{content:""; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-color: #fff;}
    .plus_button:after{height:23px; width:1px;  }
    .plus_button:before{width:23px; height:1px;  }
    .main-section2 ul li .sec-visul2 .sec-he-01{font-size:25px; line-height: 50px; color:#fff; font-weight: 700; padding-top:50px; text-align: center;}
    .main-section2 ul li .sec-visul2 .sec-te-01{font-size:25px; line-height: 50px; color:#fff; font-weight: 500;text-align: center; padding-bottom:30px; }
    .sec-ex-01{color:#fff; font-size: 14px; line-height: 26px; text-align: center; padding: 0px 30px; word-break: keep-all;}
    .sec-ex-01 span{display:block; }
    .sec-visul2{z-index: -10; }
    .sec-visul{background-color: rgba(17, 44, 126, 0.2); text-align: center; cursor: pointer;}
    .sec-visul img{padding-top:95px; }
    .sec-visul .sec-he-01{font-size:27px; color:#fff; line-height:35px; font-weight: 700;}
    .sec-visul .sec-te-01{font-size:20px; color:#fff; line-height:35px; }
    .main-section2 ul li:hover .sec-visul{opacity: 0; }
    .main-section2 ul li:hover .sec-visul2{display: block; z-index: 10; }
    
    /*main-section3*/
    .main-section3:after{clear: both; content: ""; display: block;}
    .sub-visual{width:50%; height:500px; background-image: url("../img/index_img_02.png"); background-size: cover ; background-position:center; background-repeat: no-repeat; float:left; }
    .main-section3 div:nth-of-type(2){float:left; width:50%;  }
    .main-section3 div:nth-of-type(2) h3{padding:40px 0 0 20px; margin-bottom:30px;  }
    .main-section3 div:nth-of-type(2) h3:after{margin-top:30px; }
    .main-section3 div:nth-of-type(2) h3{font-size:30px !important; line-height:10px;}
    .main-section3 div:nth-of-type(2) ul li{margin-bottom:20px; padding-left: 20px;}
    .main-section3 div:nth-of-type(2) ul li:after{clear:both; content:""; display: block;}
    .main-section3 div:nth-of-type(2) ul li div{display:none; }
    .main-section3 div:nth-of-type(2) ul li a{line-height:24px; display: block; color:#888; font-size: 14px; float: left;}
    .main-section3 div:nth-of-type(2) > a{width:207px; height:64px; margin:0 auto; font-size:14px; line-height: 64px; text-align: center; border:1px solid #232324; display: block; margin-top:40px; }
    .main-section3 ul li a{width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    /*main-section4*/
    .main-section4{width:100%; background-color: #f7f7f7; padding-bottom:50px; }
    .main-section4 h3{text-align: center;padding-top:30px; }
    .main-section4 h3:after{margin:30px auto 50px;}
    .main-section4 ul:after{clear: both; content: ""; display: block;}
    .main-section4 ul li{width:48%; float:left; margin-right:4%; margin-bottom:40px; }
    .main-section4 ul li:nth-child(2n){margin-right:0; }
    .main-section4 ul li a{background-color: #fff ; display: block; box-sizing: border-box; padding: 40px;}
    .main-section4 ul li a p:first-child{padding-bottom:40px; font-size:20px; line-height: 30px; color:#232324 ; font-weight: 700;}
    .main-section4 span{display: block;}
    .main-section4 ul li a:after{clear: both; content: ""; display: block;}
    .main-section4 ul li a p:nth-of-type(2){font-size:16px; line-height: 30px; color:#c0c0c0 ; float:left; }
	.main-section4 ul li a > i{float:right; font-size:40px; color:#416ab3; }
    .main-section4 ul li a p{    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    width: 500px;
    white-space: nowrap;}

}

@media screen and (min-width:1179px) and (max-width:1569px){
    /*visual*/
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom:130px; }
    .main-slider .swiper-slide{background-image: url("../img/main_visual.png"); background-repeat: no-repeat; background-size: cover; padding: 340px 0 325px; text-align: center;}
    .swiper-pagination .swiper-pagination-bullet{border:4px solid rgba(255,255,255,0.5); background-color: transparent; width: 15px;  height: 15px; }
    .swiper-pagination .swiper-pagination-bullet-active{border:4px solid rgb(254,202,7);}
    .swiper-slide p:first-child{font-size:80px; line-height: 90px; color:#fff; font-weight: 700;margin-bottom:40px; }
    .swiper-slide p:last-child{font-size:27px; line-height: 90px; color:#feca07;}
    
    /*section*/
    section h3{color:#232324; font-size:50px; line-height: 90px;}
    section h3:not(.sub_title):after{content: ""; display: block ; width:85px; height:3px; background-color: #416ab3;}
    
    /*main-section1*/ 
    .main-section1 {padding:110px 0 160px; text-align: center;}
    .main-section1 h3:after{margin: 20px auto 40px;}
    .main-section1 p span{display: block; color: #333; font-size: 20px; line-height: 30px;}
    
    /*main-section2*/
    .main-section2{position: relative ; width:100%; height:460px; background-color: rgba(65,106,179,1);}
    .main-section2 ul:after{clear:both; content:""; display: block;}
    .main-section2 ul li{width:50%; float:left; height:460px ; position: relative;}
    .sec-visul{width:100%; height:460px; position:absolute ;left:0; top:0; background-color: #375ea8; display: block; cursor: pointer;} 
    .sec-visul2{width:100%; height:460px; position:absolute ;left:0; top:0; }
    .sec-visul2:after{display: block; content:""; width:100%; height:460px; background-image: url('../img/index_img_01.png'); left:0; top:0; position: absolute; opacity: 0.2;z-index: -1;}
    .sec-visul img{padding:130px 0 40px;}
    .plus_button { border:1px solid #fff; height:60px; width:60px; position:relative; display:block; margin:65px auto 130px; }
    .plus_button:after, 
    .plus_button:before{content:""; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-color: #fff;}
    .plus_button:after{height:23px; width:1px;  }
    .plus_button:before{width:23px; height:1px;  }
    .main-section2 ul li .sec-visul2 .sec-he-01{font-size:35px; line-height: 50px; color:#fff; font-weight: 700; padding-top:50px; text-align: center;}
    .main-section2 ul li .sec-visul2 .sec-te-01{font-size:28px; line-height: 50px; color:#fff; font-weight: 500;text-align: center; padding-bottom:30px; }
    .sec-ex-01{color:#fff; font-size: 17px; line-height: 26px; text-align: center; padding: 0px 50px; word-break: keep-all;}
    .sec-ex-01 span{display:block; }
    .sec-visul2{z-index: -10; }
    .sec-visul{background-color: rgba(17, 44, 126, 0.2); text-align: center; cursor: pointer;}
    .sec-visul img{padding-top:95px; }
    .sec-visul .sec-he-01{font-size:27px; color:#fff; line-height:35px; font-weight: 700;}
    .sec-visul .sec-te-01{font-size:20px; color:#fff; line-height:35px; }
    .main-section2 ul li:hover .sec-visul{opacity: 0; }
    .main-section2 ul li:hover .sec-visul2{display: block; z-index: 10; }
    
    /*main-section3*/
	.main-section3 i{font-size:30px;}
    .main-section3:after{clear: both; content: ""; display: block;}
    .sub-visual{width:50%; height:820px; background-image: url("../img/index_img_02.png"); background-size: cover ; background-position:center; background-repeat: no-repeat; float:left; }
    .main-section3 div:nth-of-type(2){float:left; width:50%;  }
    .main-section3 div:nth-of-type(2) h3{padding:50px 0 0 50px; margin-bottom:45px;  }
    .main-section3 div:nth-of-type(2) h3:after{margin-top:30px; }
    .main-section3 div:nth-of-type(2) ul li{margin-bottom:40px; }
    .main-section3 div:nth-of-type(2) ul li:after{clear:both; content:""; display: block;}
    .main-section3 div:nth-of-type(2) ul li div{width: 70px; height: 70px; background-color: #feca07; border-radius: 50%; line-height: 70px; text-align: center; margin-left: 50px;  margin-right: 30px;float: left;}
    .main-section3 div:nth-of-type(2) ul li a{line-height:30px; display: block; color:#888; font-size: 18px; float: left;}
    .main-section3 div:nth-of-type(2) > a{width:207px; height:64px; margin:0 auto; font-size:14px; line-height: 64px; text-align: center; border:1px solid #232324; display: block; margin-top:100px; }
    .main-section3 ul li a{width:400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    
    /*main-section4*/
    .main-section4{width:100%; background-color: #f7f7f7; padding-bottom:126px; }
    .main-section4 h3{text-align: center;padding-top:100px; }
    .main-section4 h3:after{margin:50px auto;}
    .main-section4 ul:after{clear: both; content: ""; display: block;}
    .main-section4 ul li{width:48%; float:left; margin-right:4%; margin-bottom:40px; }
    .main-section4 ul li:nth-child(2n){margin-right:0; }
    .main-section4 ul li a{background-color: #fff ; display: block; box-sizing: border-box; padding: 40px;}
    .main-section4 ul li a p:first-child{padding-bottom:40px; font-size:22px; line-height: 30px; color:#232324 ; font-weight: 700;}
    .main-section4 span{display: block;}
    .main-section4 ul li a:after{clear: both; content: ""; display: block;}
    .main-section4 ul li a p:nth-of-type(2){font-size:16px; line-height: 30px; color:#c0c0c0 ; float:left; }
	.main-section4 ul li a > i{float:right; font-size:40px; color:#416ab3; }
    .main-section4 ul li a p{    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    width: 500px;
    white-space: nowrap; }


}

@media screen and (min-width:1570px){
	/*visual*/
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom:130px; }
	.main-slider .swiper-slide{background-image: url("../img/main_visual.png"); background-repeat: no-repeat; background-size: cover; padding: 340px 0 325px; text-align: center;}
	.swiper-pagination .swiper-pagination-bullet{border:4px solid rgba(255,255,255,0.5); background-color: transparent; width: 15px;  height: 15px; }
	.swiper-pagination .swiper-pagination-bullet-active{border:4px solid rgb(254,202,7);}
	.swiper-slide p:first-child{font-size:80px; line-height: 90px; color:#fff; font-weight: 700;margin-bottom:40px; }
	.swiper-slide p:last-child{font-size:27px; line-height: 90px; color:#feca07;}

	/*section*/
	section h3{color:#232324; font-size:50px; line-height: 90px;}
	section h3:not(.sub_title):after{content: ""; display: block ; width:85px; height:3px; background-color: #416ab3;}

	/*main-section1*/ 
	.main-section1 {padding:110px 0 160px; text-align: center;}
	.main-section1 h3:after{margin: 20px auto 40px;}
	.main-section1 p span{display: block; color: #333; font-size: 18px; line-height: 30px;}

	/*main-section2*/
	.main-section2{position: relative ; width:100%; height:460px; background-color: rgba(65,106,179,1);}
	.main-section2 ul:after{clear:both; content:""; display: block;}
	.main-section2 ul li{width:50%; float:left; height:460px ; position: relative;}
	.sec-visul{width:100%; height:460px; position:absolute ;left:0; top:0; background-color: #375ea8; display: block; cursor: pointer;} 
	.sec-visul2{width:100%; height:460px; position:absolute ;left:0; top:0; }
	.sec-visul2:after{display: block; content:""; width:100%; height:460px; background-image: url('../img/index_img_01.png'); left:0; top:0; position: absolute; opacity: 0.2;z-index: -1;}
	.sec-visul img{padding:130px 0 40px;}
	.plus_button { border:1px solid #fff; height:60px; width:60px; position:relative; display:block; margin:65px auto 130px; }
	.plus_button:after, 
	.plus_button:before{content:""; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background-color: #fff;}
	.plus_button:after{height:23px; width:1px;  }
	.plus_button:before{width:23px; height:1px;  }
	.main-section2 ul li .sec-visul2 .sec-he-01{font-size:35px; line-height: 50px; color:#fff; font-weight: 700; padding-top:50px; text-align: center;}
	.main-section2 ul li .sec-visul2 .sec-te-01{font-size:28px; line-height: 50px; color:#fff; font-weight: 500;text-align: center; padding-bottom:30px; }
	.sec-ex-01{color:#fff; font-size: 17px; line-height:26px; text-align: center;}
	.sec-ex-01 span{display:block; }
	.sec-visul2{z-index: -10; }
	.sec-visul{background-color: rgba(17, 44, 126, 0.2); text-align: center; cursor: pointer;}
	.sec-visul img{padding-top:95px; }
	.sec-visul .sec-he-01{font-size:27px; color:#fff; line-height:35px; font-weight: 700;}
	.sec-visul .sec-te-01{font-size:20px; color:#fff; line-height:35px; }
	.main-section2 ul li:hover .sec-visul{opacity: 0; }
	.main-section2 ul li:hover .sec-visul2{display: block; z-index: 10; }

	/*main-section3*/
	.main-section3 i{font-size:30px;}
	.main-section3:after{clear: both; content: ""; display: block;}
	.sub-visual{width:50%; height:820px; background-image: url("../img/index_img_02.png"); background-size: cover ; background-position:center; background-repeat: no-repeat; float:left; }
	.main-section3 div:nth-of-type(2){float:left; width:50%;  }
	.main-section3 div:nth-of-type(2) h3{padding:100px 0 0 100px; margin-bottom:45px;  }
	.main-section3 div:nth-of-type(2) h3:after{margin-top:30px; }
	.main-section3 div:nth-of-type(2) ul li{margin-bottom:40px; }
	.main-section3 div:nth-of-type(2) ul li:after{clear:both; content:""; display: block;}
	.main-section3 div:nth-of-type(2) ul li div{width:96px; height:96px; background-color:#feca07 ; border-radius: 50% ; line-height: 96px; text-align: center;margin-left:100px; margin-right:30px; float:left }
	.main-section3 div:nth-of-type(2) ul li a{line-height:30px; display: block; color:#888; font-size: 18px; float: left;}
	.main-section3 div:nth-of-type(2) > a{width:207px; height:64px; margin:0 auto; font-size:14px; line-height: 64px; text-align: center; border:1px solid #232324; display: block; margin-top:100px; }
	.main-section3 ul li a{width:550px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	/*main-section4*/
	.main-section4{width:100%; background-color: #f7f7f7; padding:50px; }
	.main-section4 h3{text-align: center;padding-top:100px; }
	.main-section4 h3:after{margin:50px auto;}
	.main-section4 ul:after{clear: both; content: ""; display: block;}
	.main-section4 ul li{width:580px; float:left; margin-right:40px; margin-bottom:40px; }
	.main-section4 ul li:nth-child(2n){margin-right:0; }
	.main-section4 ul li a{background-color: #fff ; display: block;}
	.main-section4 ul li a p:first-child{padding:40px; font-size:22px; line-height: 30px; color:#232324 ; font-weight: 700;}
	.main-section4 span{display: block;}
	.main-section4 ul li a:after{clear: both; content: ""; display: block;}
	.main-section4 ul li a p:nth-of-type(2){padding:0 0 40px 40px; font-size:16px; line-height: 30px; color:#c0c0c0 ; float:left; }
	.main-section4 ul li a > i{float:right; padding-right:40px; font-size:40px; color:#416ab3; }
	.main-section4 ul li a p{    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    width: 500px;
    white-space: nowrap; }


}