@charset "utf-8";
/* CSS Document */

.container { padding-right: .9375rem; padding-left: .9375rem; margin-right: auto; margin-left: auto; position:relative;}
.container:before, .container:after { display: table; content: " "; }
.container:after { clear: both; }

@media (min-width: 34em) {
.container { max-width: 34rem; }
}

@media (min-width: 48em) {
.container { max-width: 45rem; }
}

@media (min-width: 62em) {
.container { max-width: 60rem; }
}

@media (min-width:1200px) {
.container { max-width: 72.25rem; }
}


.sg_s{ background:url(sg_s_bg.jpg) no-repeat center top;margin-top: -5px; position:relative;}
.sg_s a.container{ display:block; min-height:15rem;}
.sg_s_l{ background:url(sg_s_l.png) no-repeat center center; width:50%; background-size:contain; position:absolute; left:.9375rem; top:0; bottom:0;}
.sg_s_r{ background:url(sg_s_r.png) no-repeat center center; width:40%; background-size:contain; position:absolute; right:.9375rem; top:0; bottom:0;}

@media (min-width: 48em) {
	.sg_s a.container{ min-height:600px;}
}


.sgc .container{ padding-top:3rem; padding-bottom:3rem}
.sgc .hd{ text-align:center; margin-bottom:3rem;}
.sgc .hd h2{ font-size:2.5rem; line-height:2; font-weight:normal;}
.sgc .hd .sg_sub{ color:#e52727; font-size:1.5rem; position:relative; display:inline-block;}
.sgc .hd .sg_sub:before,.sgc .hd .sg_sub:after{ background:#e52727;}
.sgc .hd .sg_sub:before{ content:''; height:2px; position:absolute; width:40px; left:-50px; top:49%;}
.sgc .hd .sg_sub:after{ content:''; height:2px; position:absolute; width:40px; right:-50px; top:49%;}
.sgc .hd .sg_intro{ font-size:1rem;}
.sgc .bd ul:after{ content:''; clear:both; display:table;}

.sg_1{ background:url(sg_1_bg.jpg) no-repeat center top; background-size:cover;}
.sg_1 .hd h2{ color:#fff;}
.sg_1 .hd .sg_sub{color:#a4ccff; }
.sg_1 .hd .sg_sub:before,.sg_1 .hd .sg_sub:after{ background:#a4ccff;}
.sg_1 .hd .sg_intro{ color:#b7d5ff;}
.sg_1 .bd ul{ margin:0 -1.875rem;}
.sg_1 .bd ul li{ float:left; width:100%; padding:0 .5em; margin-bottom:1rem;}
.sg_1 .bd ul li .sg_1_c{ background:#e5edf7; padding:1.5rem; text-align:center; box-sizing:border-box; border-radius:10px;}
.sg_1 .bd ul li .pic{ text-align:center;}
.sg_1 .bd ul li .pic img{ -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.sg_1 .bd ul li h4{ font-size:1.5rem; font-weight:normal; line-height:2;}
.sg_1 .bd ul li p{ color:#4c4c4c; text-align:left; font-size:.8rem; margin-bottom:1rem;}
.sg_1 .bd ul li a{ display:block; font-size:1rem; padding:.5rem 1rem; border:1px solid #437bc3; border-radius:1rem;}
.sg_1 .bd ul li a:hover{ background:#437bc3; color:#fff;}
.sg_1 .bd ul li:hover .pic img{ -webkit-transform:rotateY(360deg);transform:rotateY(360deg);}

@media (min-width: 48em) {
	.sg_1 .bd ul li{ width:50%;}
}
@media (min-width: 62em) {
	.sg_1 .bd ul li{ width:25%;}
}

.sg_2{ background:url(sg_2_bg.jpg) no-repeat center top; background-size:cover;}
.sg_2 .bd ul{ background:#fff;}
.sg_2 .bd ul li{ float:left; width:100%; padding:1.5rem; text-align:center; box-sizing:border-box; margin-bottom:1rem;}
.sg_2 .bd ul li h4{ font-size:1.5rem; font-weight:normal; line-height:2;}
.sg_2 .bd ul li .pic{ text-align:center; padding:.5rem 0;}
.sg_2 .bd ul li .pic img{ -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.sg_2 .bd ul li p{ color:#4c4c4c; text-align:left; font-size:.8rem; margin-bottom:1rem;}
.sg_2 .bd ul li a{ display:block; font-size:1rem; padding:.5rem 1rem; border:1px solid #cbcbcb; border-radius:1rem;}
.sg_2 .bd ul li a:hover{ background:#437bc3; border-color:#437bc3; color:#fff;}
.sg_2 .bd ul li:hover .pic img{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}
@media (min-width: 48em) {
	.sg_2 .bd ul li{ width:50%;}
}
@media (min-width: 62em) {
	.sg_2 .bd ul li{ width:25%;}
}

.sg_3{ background:url(sg_3_bg.jpg) no-repeat center top; background-size:cover;}
.sg_3 h2{ color:#fff;}
.sg_3 h2 em{ display:block; font-style:normal; color:#ff9000;}
.sg_3 .bd ul li{ float:left; width:100%; padding:5rem 3rem; text-align:center; box-sizing:border-box; margin-bottom:1rem;}
.sg_3 .bd ul li .pic img{ -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.sg_3 .bd ul li.sg_3_1{ background:#d92856;}
.sg_3 .bd ul li.sg_3_2{ background:#0e7be0;}
.sg_3 .bd ul li p{ color:#fff; text-align:left; line-height:2; padding:3rem 0 1rem; font-size:1rem; color:rgba(255,255,255,.8);}
.sg_3 .bd ul li:hover .pic img{ -webkit-transform:scale(.9);transform:scale(.9);}
@media (min-width: 62em) {
	.sg_3 .bd ul li{ width:50%;}
}

.sg_4{ background:url(sg_4_bg.jpg) no-repeat center top; background-size:cover;}
.sg_4 .bd ul li{ float:left; width:50%; padding:.5rem; text-align:center; box-sizing:border-box; margin-bottom:1rem;}
.sg_4 .bd ul li img{ width:100%; -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.sg_4 .bd ul li .pic{ position:relative; overflow:hidden;}
.sg_4 .bd ul li .pic h4{ position:absolute; right:0; top:0; left:0; bottom:0; background:rgba(0,0,0,.5); text-align:center; color:#fff; font-weight:normal; font-size:2rem; letter-spacing:.5rem; opacity:0; -webkit-transition:all ease-in-out .5s;transition:all ease-in-out .5s;}
.sg_4 .bd ul li .pic h4 span{ position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
.sg_4 .bd ul li:hover .pic img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.sg_4 .bd ul li:hover .pic h4{ opacity:1;}
@media (min-width: 48em) {
	.sg_4 .bd ul li{ width:50%;}
}
@media (min-width: 62em) {
	.sg_4 .bd ul li{ width:33%;}
}