#main_con {font-size:18px; line-height:1.4}
hr.main_hr {height:120px}


.main_vi {width:100%; height:100vh;  display:inline-block; overflow:hidden; position:relative}
.main_vi iframe {height:100vh}
.main_vi .t {position:absolute; z-index:99; left:50%; top:50%;  transform: translate(-50%, -50%); color:#fff}
.main_vi .t h3 {font-size:4.5em; font-weight:500; font-family:Roboto Condensed; text-shadow:3px 3px 5px rgba(0,0,0,.15)}
.main_vi .t p {font-size:1.2em; line-height:1.7; margin-top:30px}


.intro {position:relative}
.intro div.t {text-align:center; margin-top:40px; font-size:2.1em; line-height:1.5; letter-spacing:-1px; font-family: 'SUIT-Regular';}
.intro div.t h3 {color:#0a2f8e; font-weight:700; font-family: 'SUIT-Regular';  letter-spacing:-1px;}
.intro iframe {border:0; margin-top:50px}


.x_bn { color:#fff; position:Relative}
.x_bn .in {width:100%; max-width:1300px; margin:0 auto; padding:120px 0; position:relative; z-index:99}
.x_bn span {font-size:1.2em}
.x_bn h3 {font-size:2.5em; margin-top:10px;   font-weight:700}
.x_bn p {font-size:1.2em; line-height:1.6;  margin-top:30px; font-weight:300}
.x_bn img {position:absolute; right:11%; bottom:-142px}


 .tit {font-size:2.5em;  font-weight:600; letter-spacing:-2px; margin-top:7px; margin-bottom:30px; text-align:center}


.main_customer {padding:145px 0 120px 0; background-color: #f5f8ff;}
.main_customer .in {max-width:1300px; display:flex; justify-content:space-between}
.main_customer .in h3 {font-size:1.5em; margin-bottom:15px}

.main_customer .in .notice_box {width:34%; background-color:#fff;  border:1px solid #ddd; box-sizing:border-box; padding:30px; position:relative}
.main_customer .in .notice_box li {margin-bottom:5px; font-size:1.05em; color:#333; width:100%; display:flex; align-items:Center; justify-content:space-between}
.main_customer .in .notice_box li span {color:#888; font-size:.95em}
.plus {position:absolute; right:-1px; top:-1px; background-color:#0a2f8e;  color:#fff !important; width:45px;  display:flex; align-items:center; justify-content:center; height:45px;  }


.main_customer .in .bn {width:32%; border-top:1px solid #ddd;   box-sizing:border-box;   }
.main_customer .in .bn ul { width:100%; height:100%;  display:flex; flex-wrap:wrap }
.main_customer .in .bn li {width:50%; height:50%; background-color:#fff;  border-bottom:1px solid #ddd;  box-sizing:border-box;  text-align:center; display:flex; flex-wrap:wrap;  align-content:center;  justify-content:center; font-size:1.2em; cursor:pointer  }
.main_customer .in .bn li:nth-child(1) { border-right:1px solid #ddd;}
.main_customer .in .bn li:nth-child(3) { border-right:1px solid #ddd;}


.main_customer .in .bn li p {width:100%; margin-top:8px; text-align:center}
.main_customer .in .bn li i {font-size:26px; color:#333}

.main_customer .in .call {position:relative; background-color:#0a2f8e; width:34%; border:1px solid #ddd; box-sizing:border-box; padding:30px}
.main_customer .in .call  * {color:#fff}
.main_customer .in .call .t1 {font-size:2.7em; line-height:1; font-weight:500}
.main_customer .in .call .t2 {margin-top:11px; font-size:1.1em}
.main_customer .in .call .t3 {margin-top:5px}
.main_customer .in .call  img {position:absolute; right:33px; bottom:43px}


@media all and (max-width:1301px) {

	 .x_bn .in {padding-left:3%; padding-right:3%}

}
@media all and (min-width:900px) {
	.x_bn {background:url('/common/img/bn_bg.png') no-repeat center;  background-size:cover; background-attachment: fixed;   }
}


@media all and (max-width:900px) {
		hr.main_hr {height:80px}
		.main_vi .t {width:100%; box-sizing:border-box; padding:0 5%}
		.main_vi .t h3 {font-size:3em; line-height:1.1 }
		.main_vi .t p {font-size:1em; line-height:1.5 }
		.main_vi .t p br {display:none}

		.intro img {width:170px}
		.intro div.t { margin-top:20px; font-size:1.4em; box-sizing:border-box; padding:0 3% }
		 .intro div.t p + p {display:none}
		.intro iframe { margin-top:15px}

 
	     .x_bn {background:url('/common/img/bn_bg.png') no-repeat center;  background-size:cover;     }

		.x_bn .in {padding:100px 5% 130px 5%; box-sizing:border-box}
		.x_bn img {  width:90%; right:5%; bottom:-100px}
		.x_bn h3 {font-size:2em}
		.x_bn p {font-size:1em}
		.tit {font-size:2em}

		.main_customer .in {flex-wrap:wrap; width:100%}
		.main_customer .in .notice_box {width:100%}
		.main_customer .in .notice_box li {  font-size:1em; }

		.main_customer .in .bn {width:100%; border:1px solid #ddd; border-top:none}
		.main_customer .in .bn li {height:100px;  font-size:1em; }
		.main_customer .in .call {width:100%}
		.main_customer .in .call br {display:none}
		.main_customer .in .call img {display:none}
		.main_customer .in .call .t2 {font-size:1em}

}