.m-nav{ position:relative;background: #0084fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0084fd 0%, #005fb7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0084fd), color-stop(100%,#005fb7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0084fd 0%,#005fb7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0084fd 0%,#005fb7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0084fd 0%,#005fb7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0084fd 0%,#005fb7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084fd', endColorstr='#005fb7',GradientType=0 ); /* IE6-9 */
}
.m-nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom:1px dashed #338ee2;}
.m-nav li{ font-size:1em; color:#fff; float:left; width:25%; line-height:270%; text-align:center;}
.m-nav li em{ width:11.25%; float:right; display:inline-block;}
.m-nav li em img{ width:100%; vertical-align:middle;}

.g-adv { height:auto;}
.g-adv .sclwrap_box ,.g-adv .m-box{ height:211px;overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt li{ float:left; display:inline;}
@media screen and (min-width:360px) {.g-adv .sclwrap_box ,.g-adv .m-box{ height:237px;}}
@media screen and (min-width:480px) {.g-adv .sclwrap_box ,.g-adv .m-box{ height:317px;}}
@media screen and (min-width:568px) {.g-adv .sclwrap_box ,.g-adv .m-box{ height:375px;}}
@media screen and (min-width:639px) {.g-adv .sclwrap_box ,.g-adv .m-box{ height:422px;}}

.hh3{ font-size:1.17em; color:#fff; height:1.35em; position:relative; font-weight:bold; padding:2.6% 0 2.6% 10%;background: #0083fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0083fd 1%, #005fb8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0083fd), color-stop(100%,#005fb8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0083fd 1%,#005fb8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083fd', endColorstr='#005fb8',GradientType=0 ); /* IE6-9 */
}
.hh3 em{ display:inline-block; width:4.375%; position:absolute; top:29%; left:4.7%;}
.hh3 em img{ width:100%;}
.pb{ height:113px; overflow:hidden; position:relative; padding-top:9%;}
.pb .nowarp{ margin-left:13%; height:113px;}
.pb .prev{left:4.325%; top:33%; width:7.1875%; position:absolute;}
.pb .next{right:4.325%;top:33%;width:7.1875%; position:absolute;}
.pb .prev img,.pb .next img{ width:100%;}
.pb .sclwrap_box .con{ display:inline; float:left;}
.pb .sclwrap_box ,.pb .m-box{ height:211px;overflow:hidden;}
.pb .m-box li{ width:40.4%; float:left; margin-right:3.4%;}
.pb .m-box a:last-child{ margin-right:0;}
.pb .m-box li img{ width:100%; border:1px solid #e5e5e5;}
.hh2{ font-size:1em; width:42.19%; color:#fff;text-align:center; margin:6% 0 0 16.875%; padding:1% 3%;background: #0083fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0083fd 1%, #005fb8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0083fd), color-stop(100%,#005fb8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0083fd 1%,#005fb8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083fd', endColorstr='#005fb8',GradientType=0 ); /* IE6-9 */}

.hh1{background: #0083fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0083fd 1%, #005fb8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0083fd), color-stop(100%,#005fb8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0083fd 1%,#005fb8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083fd', endColorstr='#005fb8',GradientType=0 ); /* IE6-9 */ border-top:1px dashed #d9d9d9; margin-top:2%; font-size:1.17em; color:#fff; font-weight:bold; height:2.52em; overflow:hidden; position:relative;}
.hh1 span{display:inline-block;width:32.5%;padding:2.7% 0 2.8% 10%; background:url(/mobile/Images/Index/bg1.png) no-repeat right top; -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.hh1 em{ display:inline-block; width:4.375%;position:absolute; top:29%; left:3.25%;}
.hh1 em img{ width:100%;}
.m-fen h4{background: #ebf2ff; /* Old browsers */
background: -moz-linear-gradient(top,  #ebf2ff 1%, #bfcde9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ebf2ff), color-stop(100%,#bfcde9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebf2ff 1%,#bfcde9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebf2ff 1%,#bfcde9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebf2ff 1%,#bfcde9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebf2ff 1%,#bfcde9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2ff', endColorstr='#bfcde9',GradientType=0 ); /* IE6-9 */ font-size:1em; color:#000; margin-top:1px; padding:2.5% 0;}
.m-fen h4 em{ display:inline-block; width:3.125%; padding: 0 5.79% 0 2.65%;}
.m-fen h4 em img{ width:100%;}
.m-fen ul{ position:relative;}
.m-fen ul:nth-child(3):before,.m-fen ul:nth-child(5):before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom:1px dashed #dae7ff;}
.m-fen li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; border-right:1px dashed #dae7ff;}
.m-fen a:nth-child(2n) li:before{border-right:0;}
.m-fen li{ width:50%; font-size:1em; color:#333; line-height:250%; float:left; position:relative;}
.m-fen li em{ width:5.5%; display:inline-block;margin:0 5% 0 6%;}
.m-fen li em img{ width:100%;}
.m-fen ul:nth-child(11) li:before{ border-right:0;}
.m-fen .hh2{ margin:2% 0 0 29.2%; text-align:center;}

.m-show{ height:auto; margin-top:4.3%;}
.m-show .hh1 span{ padding:3% 0 4% 10%;}
.m-show .hh2{ padding-left:1%; padding-right:0; margin:3% 0 0 30%;}
.m-show ul{ margin:2% 0 0 3.125%;}
.m-show li{ width:45.22%; float:left; margin-top:4%;}
.m-show a:nth-child(2n-1) li{ margin-right:5.5%;}
.m-show li p{ width:100%;}
.m-show li img{ width:100%; border:1px solid #d9d9d9;}
.m-show li span{ display:block; text-align:center; line-height:150%; font-size:1.2em; color:#595757;}

.gg1{ margin-top:6%; background:url(/mobile/Images/Index/gg1_bg.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.gg1 p{ font-size:1.25em; width:55%; text-align:center; padding:1% 0; color:#fff; font-weight:bold; background:url(/mobile/Images/Index/bg1.png) no-repeat right top;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.gg1 span{ display:block; font-weight:bold; color:#fff; width:51.57%; padding:7% 0 5.5% 40%; font-size:1em;}
.gg1 span em{ display:block;font-style:normal; font-size:1.58em; padding-left:10.5%; padding-top:2%;}

.m-ear{ background:url(/mobile/Images/Index/ear_bg.gif) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-ear h4{ font-size:1.25em; color:#1268d2; font-weight:bold; text-align:center; padding:7% 0 3% 0;}
.m-ear h4 span{ color:#221815; font-size:0.8em; display:block;}
.m-ear h4 b{ font-weight:normal;}
.m-ear p{ padding-left:10.5%; font-size:1em; color:#595757;}
.m-ear p i{ display:inline-block; width:4.7%; padding-right:2%;}
.m-ear p i img{ width:100%;}
.m-ear p span{ font-weight:bold; color:#0f57b3;}
.m-ear p em{ padding:0 3%;}

.m-lc{background:url(/mobile/Images/Index/lc_bg.jpg) center top no-repeat; background-size:100% auto; /*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover; */margin-top:3%; width:100%; height:auto;}
.m-lc h5{ font-size:1em; color:#fff; font-weight:bold; text-align:center; letter-spacing:0.5em; padding:2% 0 7% 0;}
.m-lc li{ background:url(/mobile/Images/Index/lc_bg2.png) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; width:29.7%; color:#0f5dd1; text-align:center;padding:9% 0;}
.m-lc li:nth-child(2){padding:7% 0 6% 0;}
.m-lc li:nth-child(2n-1){ float:left; margin:0 0 13.5% 10.5%;}
.m-lc li:nth-child(2n){ float:right; margin:0 10.5% 14.5% 0;}
.m-lc li:nth-child(3),.m-lc li:nth-child(4){ margin-bottom:12%;}
.m-lc li span{ font-size:1em; color:#f00; font-weight:bold;}
.hh4{ font-size:1em; color:#595757; padding:2.8% 0 0 7%;}
.hh4 span{ font-weight:bold; color:#1163cd;}

.case{ height:300px; margin-top:5.5%; margin-bottom:2%; position:relative; overflow:hidden;}
.case .sclwrap_box{ height:200px;}
.caseli li{ font-size:1em; background:#e0351b; color:#fff; width:28%; margin-right:0.5%; padding:0.3% 0 0.3% 5%; float:left;}
.caseli li:last-child{ margin-right:0;}
.caseli li.z-on{background: #0082fa; /* Old browsers */
background: -moz-linear-gradient(top,  #0082fa 1%, #0060b8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0082fa), color-stop(100%,#0060b8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0082fa 1%,#0060b8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0082fa 1%,#0060b8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0082fa 1%,#0060b8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0082fa 1%,#0060b8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082fa', endColorstr='#0060b8',GradientType=0 ); /* IE6-9 */
}
.caseb .prev{left:-12%; top:44%; width:10%; position:absolute;}
.caseb .next{right:-12%;top:44%;width:10%; position:absolute;}
.caseb .prev img,.caseb .next img{ width:100%;}
.caseb{ width:75.625%; margin-left:12.2%; padding-top:8.8%; height:auto; position:relative;}
.caseb .m-box{ width:100%;}
.caseb p,.caseb p img{ width:100%;}
.caseb .hh2{ width:55.79%;}

.m-adv{ height:auto;}
.m-adv h4{ font-size:1em; color:#fff; padding:10% 0 11.5% 15.625%; background:url(/mobile/Images/Index/ys_bg1.jpg) no-repeat center top;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-adv dl{ margin-top:5%;}
.m-adv dt{font-size:1.17em; color:#595757; font-weight:bold; height:2.8em; line-height:240%; padding-left:15%; position:relative;}
.m-adv dt i{ display:block; width:9.2%; position:absolute; top:0%; left:3.125%;}
.m-adv dt i img{ width:100%;}
.m-adv dt span{ color:#ff2400;}
.m-adv dd{ padding-left:15%; font-size:1em; color:#4c4948; line-height:150%; margin-bottom:2.8%;}
.m-adv dd img{ width:3.75%; margin-right:2%;}
.m-adv dd em{ padding:0 3%;}
.m-adv dl:nth-child(3){ margin-top:10%;}
.ap1{ width:100%; margin:8.5% 0 0 0;}
.ap1 img{ width:100%;}
.m-adv dl:nth-child(5){ margin-top:4%;}
.m-adv dl:nth-child(6){ margin-top:9%;}
.ap2{ width:100%; margin:10% 0 3% 0;}
.ap2 img{ width:100%;}

.gg2{ background:url(/mobile/Images/Index/gg_bg2.jpg) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; margin-top:3.5%;}
.gg2 p{ font-size:0.83em; font-weight:bold; color:#ff0000; padding:25% 0 2.5% 22%}
.gg2 p span{ font-size:1.5em; padding-left:3%;}

.m-cus .hh2{ margin-left:28%;}
.m-cus .hh1{ font-size:1em; margin-top:0; border-top:0;}
.m-cus .hh1 span{ width:32.19%; padding:2.3% 0 2.7% 10%;}
.m-cus dl{ margin-top:7%;}
.m-cus dt{ width:32%; float:left; margin-left:3.125%;}
.m-cus dt img{ border:1px solid #ddd; padding:3% 1.5%; width:100%;}
.m-cus dd{ width:56.875%; float:right; margin-right:3.125%;}
.m-cus dd h5{ font-size:0.9em; font-family:"宋体"; color:#221815; line-height:150%;}
.m-cus dd h5 span{ display:block; color:#1268d2;}
.m-cus dd p{ font-size:0.9em; font-family:"宋体"; line-height:125%; color:#595757; margin-top:3%;}
.m-cus dd em{ padding:0 3%;}
.m-cus dd p i{ display:block; margin-top:3%;font-family:"宋体";}

.m-pin{ margin-top:4%;}
.m-pin .hh1{ height:2.15em;}
.m-pin .hh1 span{ display:inline-block; width:65.3%; font-size:0.8em;}
.m-pin .hh1 em{ width:4.3%; padding:0 3% 0 0%;}
.m-pin .hh1 em img{ width:100%;}
.pin{ position:relative;}
.pin .nowarp{ margin-left:13%;}
.pin .prev{left:4.325%; top:40%; width:7.1875%; position:absolute;}
.pin .next{right:4.325%;top:40%;width:7.1875%; position:absolute;}
.pin .prev img,.pin .next img{ width:100%;}
.pin .sclwrap_box ,.pin .m-box{ height:245px;overflow:hidden;}
.pin .con ul{ width:85%; margin-top:11%;}
.pin li img{ width:100%;}
.pin li span{ display:block; text-align:center; line-height:200%; color:#666464;}
.pin .hh2{ width:78%; margin:1% 0 0 7%;}

.hono{ height:240px;margin-top:8%; overflow:hidden; position:relative;}
.hono .sclwrap_box,.hono .m-box{ height:240px; margin-top:4%;overflow:hidden;}
.hono1 li{ width:50%; float:left; color:#fff; text-align:center; font-weight:bold; padding:2% 0;background: #0083fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0083fd 1%, #005fb8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0083fd), color-stop(100%,#005fb8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0083fd 1%,#005fb8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083fd', endColorstr='#005fb8',GradientType=0 ); /* IE6-9 */}
.hono1 li.z-on{ background:#d10000;}
.hono .prev{left:3.325%; top:25%; width:7.1875%; position:absolute; z-index:99;}
.hono .next{right:3.325%;top:25%;width:7.1875%; position:absolute;z-index:99;}

.hono .prev img,.hono .next img{ width:100%;}
.hono2{ position:relative; z-index:99; background:#fff;}
.hono3{ position:relative; z-index:88;}
.hono2 .m-box{ margin-left:23%;}
.hono2 .m-box li{width:34.22%; float:left;margin-right:5%;}
.hono2 .m-box li img{ width:100%; border:0.5em solid #a1a1a1;}
.hono2 .m-box li span{ display:block; text-align:center; padding-left:7%; color:#595757; line-height:200%;}
.hono2 .m-box .hh2{ margin:3% 0 0 17%;}
.hono3 .m-box .hh2{ margin:3% 0 0 6%;}
.hono3 .m-box{ width:57.18%; margin-left:35%;}
.hono3 .m-box img{ width:57.18%;border:0.5em solid #a1a1a1;}
.hono3 .m-box span{ display:block; font-size:1em; padding-left:15%; color:#666; line-height:200%;}

.faq .sclwrap_box,.faq .m-box{ height:267px; overflow:hidden;}
.faq .m-cnt li{ width:33.3%; float:left; font-size:1em; color:#fff; font-weight:bold; display:inline; padding:2.1% 0; margin-top:3%; text-align:center;background: #0083fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0083fd 1%, #005fb8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0083fd), color-stop(100%,#005fb8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0083fd 1%,#005fb8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0083fd 1%,#005fb8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083fd', endColorstr='#005fb8',GradientType=0 ); /* IE6-9 */}
.faq .m-cnt li.z-on{ background:#d10000;}
.faq .m-box li{ border-bottom:1px dashed #8f8f8f; line-height:260%; margin:0 2.5%; color:#666;}
.faq .m-box li span{ width:1.6%; display:inline-block; padding:0 1.5%;}
.faq .m-box li img{ width:100%;}
.faq .m-box .con{ float:left;}
.faq .m-box dl{ margin:0 2.5%;border-bottom:1px dashed #8f8f8f; padding-bottom:3%;}
.faq .m-box dt{ font-size:1.17em; color:#1163ce; line-height:300%;}
.faq .m-box dt span,.faq .m-box dd em{ display:inline-block; width:6.25%; padding-right:2%;}
.faq .m-box dt span img,.faq .m-box dd em img{ width:100%}
.faq .m-box dd{ font-size:1em; color:#666464; line-height:180%;}
.faq .m-box .hh2{ margin-left:28%;}

.g-ser{ height:3.6em; width:93.75%; margin:0 auto; background:#7d72e8; background:url(/mobile/Images/Index/input_bg.gif) no-repeat center bottom; background-size:100% auto;position:relative;}
.m-ipt{ float:left; width:86.67%;}
.clear_word{ width:95%; height:2.5em; border-radius:5px 0 0 5px; background:#cee6ff; border:0; font-size:1em; color:#94c4f5; line-height:150%; padding-left:5%; float:left;}
.u-in{ width:12.5%; height:2em; border-radius:0 5px 5px 0; background:none;position:absolute;}
.g-ser .u-bt{float:left;position:relative; width:12.5%; height:2.5em; border-radius:0 5px 5px 0;background:#002e8b; }
.g-ser .u-bt:before {content: "";position:absolute; background:url(/mobile/Images/Index/big.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; width:55.5%; height:1.44em;top:20%; left:19%;}


@media screen and (min-width:360px) {.pb .sclwrap_box ,.pb .m-box,.pb,.pb .nowarp{ height:140px;}
	.m-fen .hh1 span{padding:2.7% 0 3.8% 10%;}
	.case{ height:320px;}
	.case .sclwrap_box{ height:210px;}
	.pin .sclwrap_box ,.pin .m-box{ height:280px;}
	.hono{ height:230px;}
	.hono .sclwrap_box,.hono .m-box{ height:186px;}
	.m-lc li{ padding:9% 0 10% 0;}
	.m-lc li:nth-child(2){padding:7% 0 8% 0;}
	.m-lc li:nth-child(3),.m-lc li:nth-child(4){ margin-bottom:15%;}
	.hh4{ padding:2.8% 0 0 6%;}
	.faq .sclwrap_box,.faq .m-box{ height:290px; overflow:hidden;}
}
@media screen and (min-width:480px) {.pb .sclwrap_box ,.pb .m-box,.pb,.pb .nowarp{ height:180px;}
	.case{ height:440px;}
	.case .sclwrap_box{ height:280px;}
	.pin .sclwrap_box ,.pin .m-box{ height:360px;}
	.hono{ height:307px;}
	.hono .sclwrap_box,.hono .m-box{ height:248px;}
	.faq .sclwrap_box,.faq .m-box{ height:360px; overflow:hidden;}
}
@media screen and (min-width:550px) {.pb .sclwrap_box ,.pb .m-box,.pb,.pb .nowarp{ height:220px;}
	.case{ height:500px;}
	.case .sclwrap_box{ height:300px;}
	.pin .sclwrap_box ,.pin .m-box{ height:420px;}
	.hono{ height:352px;}
	.hono .sclwrap_box,.hono .m-box{ height:284px;}
	.faq .sclwrap_box,.faq .m-box{ height:400px; overflow:hidden;}
	.m-ear h4{ padding-top:8%;}
	.m-adv h4{ padding-bottom:12%;}
	.gg1 span{ padding:8% 0 4.5% 40%;}
}
@media screen and (min-width:639px) {.pb .sclwrap_box ,.pb .m-box,.pb,.pb .nowarp{ height:226px;}
	.case{ height:554px; overflow:hidden;}
	.case .sclwrap_box{ height:324px;}
	.pin .sclwrap_box ,.pin .m-box,.pin .nowarp{ height:490px;}
	.hono{ height:410px;}
	.hono .sclwrap_box,.hono .m-box{ height:330px;}
	.m-lc li{ padding:9% 0 10% 0;}
	.m-lc li:nth-child(2){padding:7% 0 8% 0;}
	.m-lc li:nth-child(3),.m-lc li:nth-child(4){ margin-bottom:15%;}
	.faq .sclwrap_box,.faq .m-box{ height:510px; overflow:hidden;}
}


@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}
.social_nav3 a{width:62px;}