@charset "utf-8";

 .top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}
a.fixed_top {width:65px; line-height:65px; text-align:center;  background-color:#555;  color:#fff !important; border-radius:3px; font-size:15px; display:inline-block; position:fixed; bottom:10%; right:2%; z-index:9999999; display:none}

.footer_site_map {width:100%;  display:inline-block;background-color:#111; font-size:1rem; color:#fff; box-sizing:border-box;   line-height:1.5em;}
.footer_site_map ul {display:flex;  margin:0 auto} 
.footer_site_map ul li {width:16.6666%; border-right:1px solid rgba(255,255,255,.15); font-size:1rem; line-height:1.4em;  box-sizing:border-box; text-align:center} 
.footer_site_map ul li:last-child {border-right:none} 
.footer_site_map ul li a {color:rgba(255,255,255,.7)}
.footer_site_map ul li a:hover {text-decoration:underline}
.footer_site_map ul li b { font-size:1.2rem; margin-bottom:10px; display:block; line-height:1.4em; margin-top:25px} 
.footer_site_map ul li ul {display:block; margin-bottom:25px;} 
.footer_site_map ul li ul li {width:100%; padding-left:0; padding-bottom:5px; border-right:none} 

 

footer {width:100%; background-color:#000; font-size:.97rem; color:rgba(255,255,255,.9);  box-sizing:border-box; line-height:1.5em ; padding-top:30px;}
footer img{width:170px}
footer > div{max-width:95%; margin:0 auto;}
footer > div > div:first-child{margin-right:3%}
footer div {width:100%; margin:0 auto; text-align:left;}
footer ul {text-align:left; margin-bottom:5px;  }
footer ul li {display:inline-block;  }
footer ul li:after {content:''; width:1px; height:10px; margin-top:5px; display:inline-block; background:rgba(255,255,255,.3); margin:0 10px; }
footer ul li a{color:rgba(255,255,255,.9) !important}

footer ul li:last-child:after {display:none}
footer p.copy  {letter-spacing:0; text-align:left; margin-top:30px; }


h2.tit {font-size:2.8rem; font-weight:800; line-height:1.7em}

 .main_con {width:100%; background-color:#fff; display:inline-block; padding:80px 5% 80px 5%;  box-sizing:border-box; }
  .main_con + section {   background:url('/htm/magron/img/contact_pc.png') no-repeat; background-size:cover; background-attachment: fixed; } 
/* .main_con + section {   background:url('/htm/magron/img/21819706 (1).jpg') no-repeat; background-size:cover; background-attachment: fixed; }*/
 .main_con + section * {color:#fff}


 .swiper-wrapper {  display:flex; align-items:stretch !important; padding-bottom:60px}
	 
	.swiper-slide {
			text-align: left;
			font-size: 1rem;
			 
           background-color: #f9f9f9; 
 			 overflow:hidden;
			box-sizing:border-box; 
			display:inline-block; 
			transition: all 0.3s ease-out; 
		 

		 }
.swiper-slide .in_box {width:100%;  display:inline-block;  box-sizing:border-box; margin-top:-30px;  padding:50px 40px 115px 40px; position:relative; z-index:99;  }


.swiper-slide .w_bg {width:100%; position:absolute; background-color:#fff; height:40px; left:0; top:0; display:inline-block;  }
 
.swiper-slide img  { width:100%}

.swiper-slide h3  { display:inline-block; margin:10px 0 15px 0; font-size:1.7rem; font-weight:600; color:#555;  }
.swiper-slide p  {  width:100%;  line-height:1.5em; font-size:1.07rem; color:#777; }
.swiper-slide p.no  {font-family: 'Montserrat', sans-serif; width:100% ;display:inline-block;    letter-spacing:0; font-size:90px;  line-height:70px; font-weight:800; color:#ddd; padding-left:30px; position:relative; z-index:99; font-style:italic; }
 
.swiper-slide-active  p.no {color:#2649d3}
.swiper-slide-active   {background-color: #f0f3ff; }
.swiper-slide-active h3 {color:#111; width:100%;  font-weight:700 }
.swiper-slide-active p  {color:#333}

.swiper-slide_bottom {width:100%; display:flex; align-items:center; justify-content:space-between; position:absolute; bottom:27px; box-sizing:border-box; padding:0 40px; z-index:999}
.bottom_logo {display:none}
.swiper-slide_bottom a { font-size:3rem; font-weight:100;  color:#fff !important; width:50px; line-height:42px; height:50px; text-align:Center; display:none; border-radius:5px; text-align:center; background-color:#2649d3; margin-top:2px; transition: all ease 3s; }

.swiper-slide_bottom a:hover {
  transform: rotate( 900deg );
}
 

.swiper-slide-active .bottom_logo {color:rgba(38,73,211,.05); font-weight:800; font-size:3.5rem; font-family: 'Montserrat', sans-serif; display:inline-block; width:auto; line-height:1em } 
.swiper-slide-active a  {display:inline-block} 


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction  {position:static; margin-top:20px;}




.one { 
-webkit-animation: rotate-center 13s ease-in-out infinite;
	        animation: rotate-center 13s ease-in-out infinite;}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


  a.ani_btn {font-size:1.2rem; border:1px solid rgba(255,255,255,1); padding:0 60px;  height:50px; line-height:50px; display:inline-block; margin-top:30px; position:relative; overflow:hidden; transition: all 0.3s ease-out;color:#fff}
  a.ani_btn:hover {border:1px solid #2649d3}
  a.ani_btn:after {content:'go'; background-color:#2649d3;  color:#fff;  width:0; line-height:45px; height:100%; position:absolute; left:-10px; top:0;  font-size:0; transition: all 0.3s ease-out; text-align:center}
  a.ani_btn:hover:after {  width:100%;   position:absolute; left:0; top:0;  font-size:1.3rem}

.rgba_bg {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); display:inline-block; left:0; top:0}


/* agree */
.private_h3{font-size:1.2rem; font-weight:700; line-height:1.4em; color:#333; width:100%; float: left; margin-bottom:5px;}
.private {width:100%; height:200px; float:left; overflow-y:scroll; border:1px solid #ddd; box-sizing:border-box; padding:20px; font-size:15px; line-height:1.4em; color:#666; margin-bottom:2em}
.private strong {font-weight:500}
.private p{font-size:15px !important; text-align:left !important}
.fBlue {color:#0072bc;}
.fOrange {color:orange;}




@media (max-width:900px){
footer{padding:2em 0 !important}
footer ul{text-align:center}
footer div{flex-direction:column; text-align:center}
footer div div{width:100% !important}
footer div div:first-child{margin-bottom:2em}
footer div div img{width:180px}
footer p.copy{text-align:center}
footer .bm30{margin-bottom:1em !important}
}


@media (max-width:600px){
footer div div p{font-size:.9rem}
}


@media (max-width:500px){
footer ul{font-size:.9rem}
footer div div p{font-size:.8rem}
footer div div img{width:130px}
}

@media (max-width:380px){
footer div div:first-child {margin-bottom: 1.3em;}
footer div div img{width:100px}
footer ul li{font-size: 0.7rem;}
footer div div p{font-size: .7rem;}
}