.main_con {width:100%;   margin:0 auto; max-width:1300px;  margin-top:100px }


.section1 {width:90%; display:flex; height:800px; }
.section1 .left_img {width:100%; position:relative;   }
.section1 .left_img div.img1 {width:40%; position:absolute; height:100%; top:0;  background:url('/common/img/main_no1_img.png') no-repeat center; background-size:cover; background-color:#ddd;   }
.section1 .left_img div.img1 + div.img1 {z-index:9999; opacity:.4;}



.section1 .left_img .text { position:absolute;  left:35%;  top:100px;  width:394px; padding:90px 0 80px 100px; z-index:99; color:#fff;  height:350px; }
.section1 .left_img .text h3 {position:relative;  z-index:999; font-size:3.5rem;  font-weight:800;  }
.section1 .left_img .text p {position:absolute; z-index:999; top:260px;  left:100px;  white-space:nowrap;  font-size:1.685em; line-height:1.5 }
.section1 .left_img .text:before {content:''; width:100%; position:absolute; top:0; left:0; height:100%;  background-color:#0e247a;  }

.section1 .left_img .text.type2 {   z-index:9;  color:#111 }
  
.section1 .fixed_text {position:absolute; z-index:999; bottom:-140px;  left:0;  white-space:nowrap;  font-size:6em; line-height:1.5; font-weight:900; color:#ddd; font-family:'Montserrat' }



.section2 {font-size:1.15em; line-height:1.43; width:61%; display:flex; margin-left:auto; margin-top:-100px;  }
.section2 .img2 {width:50%; margin-left:auto; flex-shrink:0; margin-left:3%; position:relative}
.section2 .img2 p {width:100%; height:100%; position:absolute; left:0; top:0; background:url('/common/img/main_company_img.png') no-repeat center; background-size:cover; z-index:9999}

.section2 .left_text b {font-size:1.3em; color:#111}
.section2 .left_text {padding-bottom:90px}


@media all and (max-width:1310px) {
		.section1 {width:100%; display:flex; height:auto; }
		.section1 .left_img div.img1 {width:100%;  position:static; height:250px; background-attachment: local;  }
		.section1 .left_img div.img1 + div.img1 {display:none}

		.section1 .left_img .text { position:relative;  left:0; top:0; width:100%; padding:40px 4%; box-sizing:border-box; background-color:#0e247a; height:auto  }
		.section1 .left_img .text  h3 {font-size:3em; margin-bottom:10px}
		.section1 .left_img .text p {position:static;  white-space:normal;  font-size:1.3em;   }
		.section1 .left_img .text br {display:none}
		.section1 .left_img .text.type2 { display:none  }
		.section1 .left_img .text:before { display:none;   }
		.section1 .fixed_text  { bottom:auto; top:100px;  left:auto; right:3%;     color:rgba(255,255,255,.5)  }

		.section2 {  width:100%; display:flex; box-sizing:border-box;  height:auto; margin-top:0; }
		.section2 .img2 {width:35%;  }
		.section2  .left_text {padding:100px 4%}
 
}


@media all and (max-width:900px) {
		.section1 .fixed_text  {font-size:3em; right:5%; top:160px; }
		.section1 .left_img .text  h3 {font-size:2em;  }
		.section1 .left_img .text p {font-size:1em}
		.section2 .left_text {padding:40px 4%}
		.section2 {font-size:1em}
		.section2 .left_text b  {font-size:1.2em}
 

}



.main_product {width:100%; margin:100px 0 0 0; padding:90px 0 120px 0; box-sizing:border-box;  display:inline-block; position:relative; overflow:hidden;   background:url('/common/img/main_product_list_bg.png') no-repeat; background-size:cover; background-attachment: fixed;}
.main_product .in {max-width:1700px}

.main_product_list * {transition: all 0.3s ease-out;}

.main_product_list {justify-content: center;}
.main_product_list li {margin:0 10px;   width:25%; padding-bottom:0;   text-align:center; background-color:#fff; box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); position:relative; }
.main_product_list li:before {width:0; height:5px;   position:absolute; top:-5px; background-color:#0d2997; content:'';  left:0; transition: all 0.3s ease-out; }
.main_product_list li:hover:before {width:100%; }


.main_product_list li .img_bg_box {width:100%; height:200px; background:url('/common/img/product1_img2.png') no-repeat center; }
.main_product_list li:nth-child(2) .img_bg_box { background:url('/common/img/product2_img3.png') no-repeat center;  }
.main_product_list li:nth-child(3) .img_bg_box { background:url('/common/img/main_list_img3.jpg') no-repeat center;  }
.main_product_list li:nth-child(4) .img_bg_box { background:url('/common/img/product4_img2.png') no-repeat center;  }
.main_product_list li:nth-child(5) .img_bg_box { background:url('/common/img/product5_img2.png') no-repeat center;  }
.main_product_list li:hover .img_bg_box {opacity:.9}

.main_product_list li h3 {font-size:1.5em; margin:30px 0 0 0}
.main_product_list li p {display:none; padding:0 5%; font-size:1.1em; box-sizing:border-box; width:100%}
.main_product_list li a {background-color:#111; padding:10px 0; color:#fff; width:100%; display:inline-block; margin-top:30px; }
.main_product_list li:hover a {background-color:#0e247a;   }

@media all and (max-width:1310px) {
	 .main_product_list   {flex-wrap:wrap; padding:0 3%; box-sizing:border-box; }
	  .main_product_list li { width:23%; margin:0 1%}
/*       .main_product_list li:nth-child(n+4) {margin-top:15px}
	  .main_product_list li:nth-child(4)   {margin-left:17%}
 */

}

@media all and (max-width:900px) {
			.main_product {  margin:70px 0 0 0; padding:50px 0; }
			.main_product_list { justify-content:space-between}
			.main_product_list li {padding-bottom:20px; width:48%; margin:0;  }
			.main_product_list li:nth-child(n+3) {margin-top:20px}
			.main_product_list li:nth-child(4)   {margin-left:0}
			.main_product_list li:nth-child(5)   {margin-left:25%}
			.main_product_list li .img_bg_box {height:150px}
			.main_product_list li h3 {font-size:1.3em; margin:20px 0 10px 0}
			.main_product_list li p {font-size:1em}
			.main_product_list li a { display:none }

}

.main_tit {font-size:3.3em; text-align:center; width:100%; margin-bottom:40px; line-height:.95; position:relative}
.main_tit  * {font-family:'Montserrat'}
.main_tit  span {width:100%; display:inline-block; font-size:1rem; font-weight:400; color:#000; letter-spacing:0}
.main_tit p {position:relative; z-index:99; display:inline-block; padding:0; }

 
@media all and (max-width:900px) {
   .main_tit {font-size:2em;  }

}

.map_wrap {margin-top:-5px; width:100%; display:inline-block; background-color:#fff; padding:60px 0 90px 0 }
.map_wrap .border_box {border:1px solid #ddd; width:100%; box-sizing:border-box}

.map_wrap .map_box {background-color:#fff; box-sizing:border-box; padding:30px;  margin-top:-3px}
.map_wrap .map_box .img {width:20%; display:flex; align-items:center}
.map_wrap .map_box .text {width:40%;  margin-left:30px; border-left:1px solid #ddd;   padding-left:30px; }
 .map_wrap .map_box .text h3 {font-size:1.5em}
.map_wrap .map_box .text p {font-size:1.05em; line-height:1.4; color:#222}


@media all and (max-width:1310px) {
		.map_wrap {padding-bottom:50px}
		.map_wrap .border_box {border:none;  }

		.map_wrap .map_box {padding:30px 5% 0 5%}
		.map_wrap .map_box .img {display:none}
		.map_wrap .map_box .text {  font-size:1em; width:100%; margin-left:0; border-left:none;  padding-left:0; }
		.map_wrap .map_box .text:last-child {margin-top:20px}

		.map_wrap .map_box .text h3 {font-size:1.3em}

}



.swiper-container {
  width: 100%;   
  height:calc(100vh - 80px);
  overflow:hidden;   
}

.swiper-slide {
  flex-wrap:wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color:#fff;
 box-sizing:border-box; 
}
.rgba_bg  {positioN:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); display:inline-block }
.rgba_bg + div {position:relative; z-index:99}
.swiper-wrapper  h2 {font-size:5em; margin:10px 0 15px 0; text-shadow:2px 2px 5px rgba(0,0,0,.5)}
.swiper-wrapper h3 {  font-size:1.5em; font-weight:400; margin-top:-10px; text-shadow:2px 2px 5px rgba(0,0,0,.5)}
.swiper-wrapper p {font-size:1.3em; line-height:1.4; text-shadow:2px 2px 5px rgba(0,0,0,.5)}
.swiper-wrapper a {margin-top:30px}
.swiper-wrapper a.basic_btn {line-height:48px; font-size:1.2em; width:180px}


@media all and (max-width:900px) {
 
	.swiper-container { height:60vh;}

	.swiper-wrapper  h2 {font-size:2.5em; margin:0px 0 15px 0; }
	.swiper-wrapper h3 {  font-size:1.1em;  }
	.swiper-wrapper p {font-size:1.1em;  }
	.swiper-wrapper a.basic_btn { font-size:1em; }

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {display:none}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {display:none}
 }

footer {margin-top:0}