#main_con {font-size:18px; line-height:1.4}
.main_vi {height:87vh}

h3.tit {font-size:2.5em; font-weight:900;  }
h3.tit + span {color:#555; font-size:1.1em}
hr.line_hr {width:100%; height:1px; border-top:1px solid #ddd }


.main_product {padding:80px 0 80px 0;    }
.main_product h3 {font-weight:800; letter-spacing:-1.5px; margin-bottom:3px}
.main_product ul {margin-top:60px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between }
.main_product ul li { width:100%; position:relative;  box-sizing:border-box;  color:#333; font-size:18px; line-height:1.2; display:flex; justify-content:space-between }
.main_product ul li:first-child {line-height:1.3}
.main_product ul li span {color:#2a67bc; font-size:1.1em}
.main_product ul li b {font-size:2.2em; font-weight:800; margin-top:1px; display:inline-block; width:100%}
.main_product ul li div.img { width:50%; flex-shrink:0}
.main_product ul li  div.t {padding:55px 4%; box-sizing:border-box;  line-height:1.4;  display:flex; align-content:center;  flex-wrap:wrap; box-sizing:border-box;  width:50%; min-height:20vw }
.main_product ul li div.t p {margin-top:10px; width:100%}
.main_product ul li div.t a {position:relative; border:1px solid #333; margin-top:20px; color:#333  ; padding:11px 40px; font-size:1em; display:flex; align-items:center} 
.main_product ul li div.t a i {margin-left:5px}
.main_product ul li div.t a:after {  transition: all .3s;  content:''; width:0; height:100%; position:absolute; left:0; top:0; display:inline-block; background-color:#0A161A; z-index:-9}
.main_product ul li div.t a:hover:after {width:100%}
.main_product ul li div.t a:hover  {border:1px solid #0A161A; color:#fff}
 
.main_product ul li:nth-child(2n) div.img {order:1}
.main_product ul li:nth-child(2n) div.t {order:2}
 
@media all and (max-width:1410px) {
   .main_product {padding:80px 4% 80px 4%; box-sizing:border-box}
}

@media all and (max-width:900px) {
        #main_con {font-size:16px; }
		.main_vi {height:115vw}

        .main_product {padding:70px 4% 70px 4%; box-sizing:border-box}
        .main_product h3 {font-size:1.5em !important}
		.main_product ul {flex-wrap:wrap; align-items:stretch; margin-top:40px}
 		.main_product ul li {flex-wrap:wrap; font-size:16px}
		.main_product ul li:nth-child(n+2) {margin-top:35px}
		.main_product ul li b {font-size:1.6em;   }
		.main_product ul li div.img {order:1; width:100%; height:55vw; margin-bottom:14px}
		.main_product ul li div.t {order:2; width:100%; padding:0; min-height:auto }
  		.main_product ul li div.t a {font-size:.92em; margin-top:15px; padding:8px 30px}
       .main_product ul li:after {display:none}


}
.main_company {width:100%; text-align:center; display:inline-block; background:url('/common/img/background.jpg') no-repeat center; background-color:#333; background-size:100%; padding:120px 0; box-sizing:border-box; background-attachment: fixed; color:#fff; position:relative}
.main_company:after {background:rgba(0,0,0,.3); width:100%; height:100%; position:absolute; left:0; top:0; content:'';  }
.main_company .in {position:relative; z-index:99}
.main_company h3 {font-size:2.2em}
.main_company span {width:1px; height:30px;   display:inline-block; margin-top:25px; margin-bottom:30px; background-color:#fff;}
.main_company p {font-size:1.1em; line-height:1.5}


@media all and (max-width:900px) {
		.main_company { background-size:cover; padding:70px 0; box-sizing:border-box; box-sizing:border-box; background-attachment: none; text-align:center }
		.main_company h3 {font-size:1.6em; padding:0 6%; box-sizing:border-box}
 		.main_company  p {font-size:1.05em; margin-top:20px; padding:0 6%; box-sizing:border-box}
 		.main_company span {display:none}
}


.bottom_bn {  background-color:#0A161A;   }
.bottom_bn ul {  display:flex; justify-content:space-between;  position:relative; z-index:99; left:0; top:0; width:100%  }
.bottom_bn ul li {text-align:left; background-color:#0A161A; transition: all .3s; width:33%; display:flex; align-items:Center; justify-content:flex-start;   box-sizing:border-box; padding:40px 25px; border-right:1px solid rgba(255,255,255,.2); color:#fff; position:relative }
.bottom_bn ul li:first-child {  border-left:1px solid rgba(255,255,255,.2); }
.bottom_bn ul li:last-child {  width:49%; flex-shrink:0 }

.bottom_bn ul li h4 {font-size:1.4em; width:100%; margin-bottom:5px;}
.bottom_bn ul li p {width:100%}
.bottom_bn ul li span {display:inline-block; cursor:pointer; margin-top:7px; border:1px solid rgba(255,255,255,.6); padding:5px; width:100%; max-width:100px; text-align:Center;  font-size:17px}
.bottom_bn ul .one {width:90px; height:90px; margin-right:30px; flex-shrink:0 }
.bottom_bn ul .one p {border:1px solid rgba(255,255,255,.7); border-radius:50%;  width:100%; height:100%; display:flex; align-items:center; justify-content:center }
.bottom_bn ul .one i {font-size:30px}
.bottom_bn ul li:last-child:after {display:none}
.bottom_bn ul li b {font-size:20px; display:inline-block; margin-bottom:7px}
.bottom_bn ul li b:first-child {  margin-bottom:0}
 
@media all and (max-width:1300px) {
	.bottom_bn ul li {  padding:30px 15px;   }
	.bottom_bn ul .one {width:70px; height:70px; margin-right:20px; flex-shrink:0 }
 
}
@media all and (max-width:1000px) {
 
 		.bottom_bn ul {flex-wrap:wrap}
		.bottom_bn ul li {width:50%; flex-wrap:wrap; justify-content:center; padding:20px 3%; border-right:none; border-bottom:1px solid rgba(255,255,255,.2); }
		.bottom_bn ul li:first-child {  border-right:1px solid rgba(255,255,255,.2); }
		.bottom_bn ul li:last-child {width:100%}
 		.bottom_bn ul li:after {display:none}
		.bottom_bn ul li span {  display:none }

		.bottom_bn ul li h4 {font-size:1.3em; width:100%; margin-bottom:0;}
		.bottom_bn ul .one {width:60px; height:60px; margin-right:0  }
		.bottom_bn ul .one i {font-size:20px}
		.bottom_bn ul li .t {width:100%; text-align:center; padding-left:0; margin-top:10px }
		.bottom_bn ul li b {font-size:1.1em}
		.bottom_bn ul li b:first-child {margin-top:5px; }

}
footer {border-top:none;  background-color:#fff; }