@charset "utf-8";


#mainvis{
	background:#000;
	position:relative;
}
#mainvis .clist{
	justify-content:center;
	flex-wrap:nowrap;
	height:900px;
	overflow:hidden;
	align-items: center;
}
#mainvis .mbox{
	background:url(../img/mbg.jpg) center top no-repeat;
}
#mainvis #mboxs1 .mboxs-inner{
	padding:15px;
}
#mainvis #mboxs1 .app{
	background:#b50303;
	margin:15px 0 0 0;
}
#mainvis #mboxs1 .app h2{
	color:#fff;
	text-align:center;
	padding:5px;
	font-size:1.25em;
	font-weight:bold;
	border:#fff solid;
	border-width:1px 1px 0 1px;
}
#mainvis #mboxs1 .app h2:last-of-type{
	border:#fff solid 1px;
}

#mainvis #mboxs2{
	background:#000;
	color:#fff;
	text-align:center;
}
#mainvis #mboxs2 .mboxs-inner{
	padding:15px 0;
}
#mainvis #mboxs2 h1{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 5px 0;
}
#mainvis #mboxs2 h1 span{
	font-size:0.83em;
}
#mainvis #mboxs2 p{
	font-weight:bold;
	font-size:1.63em;
}
#mainvis #mboxs2 p span{
	display:inline-block;
	font-size:0.77em;
	width:1em;
	line-height:1em;
	padding:0 5px 0 0;
}
#mainvis #mboxs2 p strong{
	font-size:1.92em;
}
#mainvis .ebtn{
	position:absolute;
	right:calc(50% - 350px);
	bottom:-30px;
}


/*------------------------------*/
#main{
	background:url(../img/bg1.jpg) left top repeat;
}
#main h2{
	font-size:1.38em;
	font-weight:bold;
	text-align:center;
	color:#cc0000;
	margin:0 0 60px 0;
}
#main h2 span{
	display:block;
	margin:10px 0 0 0 ;
}

#mf1 p{
	text-align:center;
	margin:60px 0 -30px 0;
}
#mf2{
	background:
	url(../img/bg3.png) left bottom no-repeat,url(../img/bg2.png) center top /cover no-repeat;
}
#mf2 .mf-inner{
	padding:20px 0 60px 0;
}
#mf2 h2{
	text-align:center;
	margin:0 0 20px 0;
}
#mf2 .clist{
	justify-content:space-between;
}
#mf2 .cbox{
	text-align:center;
	background:#fff;
	border-radius:10px;
	width:350px;
	margin:150px 0 0 0;
	position:relative;
}
#mf2 .cbox-inner{
	padding:130px 20px 60px 20px;
}
#mf2 .cbox h3{
	font-size:1.88em;
	font-weight:bold;
	color:#c00;
	line-height:1.3em;
	margin:0 0 20px 0;
}
#mf2 .cbox:nth-child(2) h3{
	margin: 30px 0;
}
#mf2 .cbox .cimg{
	position:absolute;
	top:-150px;
}

#mf3{
	background:#fff;
}
#mf3 .mf-inner{
	padding:80px 0;
}
#mf3 ul{
	display:flex;
	justify-content:center;
}
#mf3 ul li{
	margin:0 10px;
}

#mf4{
	background:url(../img/sch6.png) right top no-repeat, url(../img/sch8.png) center bottom /cover no-repeat;
	position:relative;
}
#mf4 .mf-inner{
	padding:80px 0 280px 0;
}
#mf4 h2{
	color:#fff;
}
#mf4 .clist{
	justify-content:space-between;
}
#mf4 .cboxs{
	position:relative;
	color:#fff;
	width:700px;
}
#mf4 .ctext{
	width:360px;
}
#mf4 .cboxs:nth-of-type(1) .ctext{
	padding:50px 0 90px 0;
}
#mf4 .cboxs:nth-of-type(2) .ctext{
	margin:0 0 0 auto;
	padding:80px 0 60px 0;
}
#mf4 .cboxs:nth-of-type(3) .ctext{
	padding:120px 0 60px 0;
}
#mf4 .cboxs h3{
	margin-bottom:20px;
	font-size:1.88em;
	font-weight:bold;
}
#mf4 .cboxs .cimg{
	position:absolute;
	top:0;
	right:0;
}
#mf4 .cboxs:nth-of-type(even) .cimg{
	right:auto;
	left:0;
}


#mf4 .abs{
	position:absolute;
	right:0;
	bottom:-12.5vw;
}

#mf5{
	position:relative;
	z-index:9;
}
#mf5 .mf-frame{
	width:1170px;
}
#mf5 #cbox51 .app{
	display:table;
	margin:0 auto 60px auto;
	padding:0 10px 20px 10px;
	font-size:2.75em;
	font-weight:bold;
	line-height:1em;
	border-bottom:#cc0000 solid 4px;
	position:relative;
}
#mf5 #cbox51 .app:before {
  content: "";
  display:block;
  width:44px;
  height:41px;
  background:url(../img/int3.jpg) center center no-repeat;
  position:absolute;
  top:calc(100% - 4px);
  left:150px
}
#mf5 #cbox51 .app br{
	display:none;
}
#mf5 #cbox52{
	background:url(../img/int2.png) left 30px no-repeat;
}
#mf5 #cbox52 .cboxs{
	width:560px;
	margin:0 0 60px auto;
	text-align:center;
}
#mf5 #cbox52 .cboxs:nth-of-type(1){
	margin-right:70px;
}

#mf5 #cbox52 .cboxs:last-of-type{
	width:800px;
	margin:0 auto;
}

#mf5 #cbox52 h3{
	display:table;
	font-size:1.88em;
	font-weight:bold;
	color:#c00;
	margin:0 auto 20px auto;
	position:relative;
}
#mf5 #cbox52 h3:before{
	content:"";
	display:block;
	width:1px;
	height:50px;
	background:#c00;
	transform:rotate(-30deg);
	position:absolute;
	left:-30px;
	top:-8px;
}
#mf5 #cbox52 h3:after{
	content:"";
	display:block;
	width:1px;
	height:50px;
	background:#c00;
	transform:rotate(30deg);
	position:absolute;
	right:-30px;
	top:-8px;
}

#mf6{
	background-size:contain;
	position:relative;
	background:url(../img/mess6.png) center top /contain no-repeat, 
	url(../img/mess3.png) calc(50% + 400px) top /auto 100% no-repeat, 
	url(../img/mess5.png) right top /auto 100% no-repeat,
	url(../img/mess4.png) left top /auto 100% no-repeat #b50303;
}

#mf6 .mf-inner{
	padding:170px 0 130px 0;
}
#mf6 h2{
	color:#fff;
	margin:0 0 60px 0;
	text-align:left;
}
#mf6 .cbox{
	width:500px;
	color:#fff;
}
#mf6 .cbox p{
	margin:0 0 30px 0;
}

#mf7 .mf-inner{
	padding:80px 0;
}
#mf7 .cbox{
}

#mf7 .cboxs{
	width:950px;
	position:relative;
}
#mf7 .cboxs-inner{
	padding:25px;
	padding-left:100px;
}
#mf7 .qbox{
	border:#000 solid 4px;
	margin:0 0 20px 35px;
}
#mf7 .qbox:before{
	content:"";
	display:block;
	width:34px;
	height:35px;
	background:url(../img/qa2.jpg) center center no-repeat;
	position:absolute;
	left:-34px;
	top:22px;
}
#mf7 .qbox h3{
	font-size:1.5em;
	font-weight:bold;
}
#mf7 .qbox h3:before{
	content:"";
	width:42px;
	height:40px;
	background:url(../img/icq.png) center center no-repeat;
	position:absolute;
	left:30px;
	top:18px;
}

#mf7 .abox{
	background:#c00;
	color:#fff;
	margin:0 35px 60px auto;
}
#mf7 .abox:before{
	content:"";
	position:absolute;
	right:-35px;
	top:28px;
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 0 17.5px 35px;
border-color: transparent transparent transparent #c00;
}
#mf7 .abox p{
	line-height:1.6em;
}
#mf7 .abox p:before{
	content:"";
	width:38px;
	height:41px;
	background:url(../img/ica.png) center center no-repeat;
	position:absolute;
	left:30px;
	top:24px;
}

#mf8{
	background:url(../img/rec.png) center top /cover no-repeat;
}
#mf8 .mf-inner{
	padding:100px 0;
}
#mf8 h2{
	color:#000;
	text-align:center;
	font-size:1.88em;
	margin:0 0 60px 0;
}
#mf8 .cbox{
	background:#fff;
	width:1020px;
	margin:0 auto;
}
#mf8 .cbox-inner{
	padding:60px 80px;
}
#mf8 table{
	width:100%;
}
#mf8 table tr{
	border-bottom:#ccc solid 1px;
}
#mf8 table tr:last-of-type{
	border:none;
}
#mf8 table th,
#mf8 table td{
	padding:20px;
}
#mf8 table th{
	font-weight:bold;
	width:230px;
	vertical-align:top;
}

#mf9{
	background:#fff;
	font-size:1.25em;
}
#mf9 .mf-inner{
	padding:80px 0;
}
#mf9 #form p{
	text-align:center;
	font-weight:bold;
	margin:0 0 30px 0;
}
#mf9 #form dl{
	margin:0 0 40px 0;
}
#mf9 #form dl dt{
	font-weight:bold;
	line-height:1em;
	margin:0 0 5px 0;
}
#mf9 #form dl dt span{
	margin:0 0 0 5px;
}

#mf9 #form input[type="text"],
#mf9 #form textarea{
	width:100%;
	background:#eee;
	border:none;
	padding:10px;
}
#mf9 #form .sbtn{
	text-align:center;
}
#mf9 #form .sbtn input{
	display:inline-block;
	width:380px;
	line-height:1em;
	background:#fff url(../img/ic2.png) calc(100% - 20px) center no-repeat;
	border:#c00 solid 5px;
	color:#c00;
	font-weight:bold;
	padding:20px;
	margin:0 10px;
}
#mf9 #form .sbtn input:hover{
	cursor:pointer;
	opacity:0.7;
}

















@media screen and (max-width: 850px) {

#mainvis{
	background:url(../img/smp/mi1.jpg) center center /cover  no-repeat;
}
#mainvis .mf-inner{
	padding:15.63vw;
}
#mainvis .clist{
	height:auto;
}
#mainvis .clist > p{
	display:none;
}
#mainvis .mbox{
	background-size:cover;
}
#mainvis #mboxs1 .mboxs-inner{
	padding:1.88vw;
	text-align:center;
}
#mainvis #mboxs1 .app{
	margin:1.88vw 0 0 0;
}
#mainvis #mboxs1 .app h2{
	padding:0.78vw;
	font-size:1.2em;
}


#mainvis #mboxs2 .mboxs-inner{
	padding:1.88vw;
}
#mainvis #mboxs2 h1{
	font-size:1.2em;
}
#mainvis #mboxs2 p{
	font-size:1.2em;
}
#mainvis #mboxs2 p span{
	font-size:0.92em;
	padding:0 0.78vw 0 0;
}
#mainvis #mboxs2 p strong{
	font-size:1.88em;
}
#mainvis .ebtn{
	width:25%;
	right:1.56vw;
	bottom:-3vw;
}


/*------------------------------*/

#main h2{
	font-size:1.2em;
	margin:0 0 7.81vw 0;
}
#main h2 span{
	margin:1.56vw 0 0 0 ;
}



#mf1 p{
	margin:3.13vw 3.13vw -6.25vw 3.13vw;
}
#mf2{
	background:url(../img/smp/bg2.png) center top /cover no-repeat;
}
#mf2 .mf-inner{
	padding:10vw 3.13vw 0 3.13vw;
}
#mf2 h2{
	margin:0 0 8.13vw 0;
}
#mf2 .cbox{
	text-align:left;
	width:100%;
	margin:0 0 7.81vw 0;
}
#mf2 .cbox-inner{
	padding:3.13vw;
}
#mf2 .cbox .ctext{
	width:50%;
	margin:0 0 0 auto;
}
#mf2 .cbox h3{
	font-size:1.5em;
	margin:0 0 2vw 0;
}
#mf2 .cbox:nth-child(2) h3{
	margin:0 0 2vw 0;
}
#mf2 .cbox .ctext p{
	font-size:0.9em;
	line-height:1.5em;
}
#mf2 .cbox .ctext p br{
	display:none;
}
#mf2 .cbox .cimg{
	width:49%;
	top:-1.56vw;
	left:-2.06vw;
}

#mf3 .mf-inner{
	padding:9.38vw 3.13vw;
}
#mf3 ul{
	flex-wrap:wrap;
}
#mf3 ul li{
	margin:3.13vw 0;
}

#mf4{
	background:url(../img/smp/sch8.png) center bottom /cover no-repeat;
}
#mf4 .mf-inner{
	padding:9.38vw 3.13vw 35vw 3.13vw;
}

#mf4 .clist{
	display:block;
}
#mf4 .cboxs{
	position:relative;
	color:#fff;
	width:auto;
}
#mf4 .ctext{
	width:50%;
	line-height:1.5em;
}
#mf4 .cboxs:nth-of-type(1) .ctext{
	padding:7.8vw 0 10vw 0;
}
#mf4 .cboxs:nth-of-type(2) .ctext{
	margin:0 0 0 auto;
	padding:12vw 0;
}
#mf4 .cboxs:nth-of-type(3) .ctext{
	padding:9vw 0;
}
#mf4 .cboxs h3{
	margin-bottom:10px;
	font-size:1.2em;
}
#mf4 .cboxs p{
	font-size:0.9em;
}
#mf4 .cboxs .cimg{
	width:64%;
	position:absolute;
	top:0;
}

#mf4 .abs{
	display:none;
}



#mf5 .mf-inner{
	padding:9.38vw 3.13vw;
}
#mf5 .mf-frame{
	width:auto;
}

#mf5 #cbox51{
	margin-bottom:20px;
	position:relative;
}
#mf5 #cbox51 .app{
	display:block;
	width:50%;
	margin:0 auto 9.38vw auto;
	padding:0 1vw;
	font-size:1.5em;
	line-height:1.3em;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
}
#mf5 #cbox51 .app:before {
  top:100%;
  left:calc(50% - 22px);
}
#mf5 #cbox51 .app br{
	display:inline-block;
}

#mf5 #cbox52{
	background:none;
}
#mf5 #cbox52 .cboxs{
	width:auto;
	margin:0 0 9.38vw 0;
}
#mf5 #cbox52 .cboxs:nth-of-type(1){
	margin-right:0;
}

#mf5 #cbox52 .cboxs:last-of-type{
	width:auto;
}

#mf5 #cbox52 h3{
	font-size:1.4em;
	margin-bottom:3vw;
}
#mf5 #cbox52 h3:before{
	height:25px;
	left:-5vw;
	top:0;
}
#mf5 #cbox52 h3:after{
	height:25px;
	right:-5vw;
	top:0;
}
#mf5 #cbox52 p{
	text-align:left;
	font-size:0.9em;
}

#mf6{
	background:url(../img/smp/mess4.jpg) center top /cover no-repeat;
	position:relative;
}

#mf6 .mf-inner{
	padding:22vw 3.13vw 9.38vw 3.13vw;
}
#mf6 h2{
	margin:0 0 9.38vw 0;
}
#mf6 .cbox{
	width:auto;
}
#mf6 .cbox p{
	margin:0 0 5vw 0;
}
#mf6 .ctext{
	width:47vw;
}
#mf6 .pchide span{
	position:absolute;
}
#mf6 .pchide span img{
	width:100%;
}
#mf6 .abs1{
	right:0;
	top:9vw;
	width:50vw;
}
#mf6 .abs2{
	left:0;
	right:0;
	top:0;
}


#mf7 .mf-inner{
	padding:12.5vw 3.13vw;
}

#mf7 .cboxs{
	width:auto;
}
#mf7 .cboxs-inner{
	padding:3.5vw;
	padding-left:90px;
}
#mf7 .qbox{
	margin:0 0 3.13vw 35px;
}
#mf7 .qbox:before{
	top:3.7vw;
}
#mf7 .qbox h3{
	font-size:1.4em;
}

#mf7 .abox{
	margin:0 35px 9vw 35px;
}

#mf8 .mf-inner{
	padding:12.5vw 3.13vw;
}
#mf8 h2{
	font-size:1.5em;
	margin:0 0 9vw 0;
}
#mf8 .cbox{
	width:auto;
}
#mf8 .cbox-inner{
	padding:9vw;
}
#mf8 table,
#mf8 table tr,
#mf8 table th,
#mf8 table td{
	display:block;
	width:auto;
}
#mf8 table tr{
	padding:3.13vw;
}
#mf8 table th,
#mf8 table td{
	padding:0;
}
#mf8 table th{
	margin-bottom:2vw;
}

#mf9{
	font-size:1.2em;
}
#mf9 .mf-inner{
	padding:12.5vw 3.13vw;
}
#mf9 #form p{
	margin:0 0 4vw 0;
}
#mf9 #form dl{
	margin:0 0 4vw 0;
}
#mf9 #form dl dt{
	margin:0 0 0.78vw 0;
}
#mf9 #form dl dt span{
	margin:0 0 0 0.78vw;
}

#mf9 #form input[type="text"],
#mf9 #form textarea{
	padding:1.5vw;
}

#mf9 #form .sbtn input{
	width:65vw;
	padding:3vw;
	margin:0 1.5vw;
}


}







@media screen and (max-width: 640px) {
#mf7 .cboxs-inner {
	padding-left: 13vw;
}#mf7 .qbox h3:before {
	width: 6.56vw;
	height: 6.25vw;
	left: 3.13vw;
	top: 3.13vw;
	background-size:cover;
}

#mf7 .abox p::before {
	width: 5.94vw;
	height: 6.41vw;
	left: 4.69vw;
	top: 3.75vw;
	background-size:cover;
}






}