@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:83%;}
	.g-xj dt{ line-height:170%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
	.case{ height:17em;}
	.case .sclwrap_box ,.case .m-box{ height:16.5em;overflow:hidden;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.u-lx p{width:75.125%;}
	.case{ height:15.5em;}
	.case .sclwrap_box ,.case .m-box{ height:15.5em;}
}

.banner{ margin:0.7em 0 0.5em 0;}
.banner .sclwrap_box,.banner .m-box{ height:11.67em;overflow:hidden;}
.banner .m-box li img{ width:100%; display:block;}

.m-nav li{ width:25.78125%; float:left; height:5.8em; border-radius:0.5em;background: #0094fd; /* Old browsers */
background: -moz-linear-gradient(top,  #0094fd 0%, #0071c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0094fd), color-stop(100%,#0071c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0094fd 0%,#0071c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0094fd 0%,#0071c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0094fd 0%,#0071c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0094fd 0%,#0071c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0094fd', endColorstr='#0071c3',GradientType=0 ); /* IE6-9 */
 font-size:1.08em; color:#fff; text-align:center; margin:2% 0 4.5% 6%; font-weight:500;}
.m-nav li span{ display:block; width:70%; margin:0.5em auto 0.3em;}
.m-nav li span img{ width:100%; display:block;}

.g-hot{ margin-top:1%;}
.g-hot h3{ font-size:1.16em; text-align:center; background:url(/mobile/Images/Index/hot_bg.gif) repeat-x center 0.3em; background-size:6.25% auto; font-weight:bold; text-align:center; color:#0065ad; background:#fff; }
.g-hot h3 a{ color:#0065ad; background:#fff;}
.g-hot h3 em{ display:block; font:1em "Times New Roman"; font-weight:normal; text-transform:uppercase; background:url(/mobile/Images/Index/hot_line.gif) repeat-x center center; background-size:1px auto; margin-top:0.4em; color:#bcbcbc;}
.g-hot h3 em a{ color:#bcbcbc;}
.g-hot h3 i{ display:block; color:#0065ad; font-weight:normal; margin-top:0.8em;}
.g-hot li{ width:39.0625%; float:left; margin-top:4%;}
.g-hot a:nth-child(1) li{ margin:4% 13% 0 5%;}
.g-hot li img{ width:100%; display:block;}
.g-hot li span{ display:block; font-size:1em; color:#0065ad; text-align:center; line-height:200%; margin-top:5%;}
.g-hot p{ font-size:1.16em; text-align:center; color:#0065ad; }
.g-hot p span{ display:block; font-size:1em;font-weight:bold; color:#d40604; margin:2% 0 1.5em 0;}
.g-hot h4{ font-size:1.16em; text-align:center; line-height:2em; height:2em; margin:1.2em 0 0 0; overflow:hidden;}
.g-hot h4 a{ display:inline-block; width:31.25%; height:2em; overflow:hidden;background: #0089eb; /* Old browsers */
background: -moz-linear-gradient(top,  #0089eb 1%, #0065ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0089eb), color-stop(100%,#0065ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0089eb 1%,#0065ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089eb', endColorstr='#0065ac',GradientType=0 ); /* IE6-9 */
 color:#fff; border-radius:0.1em; font-weight:300;}
.g-hot h4 a:nth-child(1){ margin-right:10%;}
.g-hot dl{ width:37.5%; float:left; border:1px solid #bcbcbc; border-radius:0.2em; height:8.33em; overflow:hidden; margin:1.2em 0 0 8.2%; font-size:1em; color:#333;}
.g-hot dl dd{ line-height:8.33em; text-align:center;}
.g-hot dl:nth-child(6) dd{ padding:0.3em 4% 0 11%; font-size:1.08em; line-height:140%; text-align:left;}

.g-water{ margin-top:4%;}
.g-water p{ font-size:1em; color:#333; line-height:167%; margin:2.7% 10% 0 0;}
.g-water p span{ width:1.5625%; float:left; margin:2.5% 4% 5% 6%;}
.g-water p span img{ width:100%; display:block;}

.tit{ height:2.3em; line-height:2.3em; overflow:hidden; color:#fff; font-size:1.16em; padding-left:4.7%;background: #0089eb; /* Old browsers */
background: -moz-linear-gradient(top,  #0089eb 1%, #0065ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0089eb), color-stop(100%,#0065ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0089eb 1%,#0065ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089eb', endColorstr='#0065ac',GradientType=0 ); /* IE6-9 */}
.tit i{ font-size:0.86em; color:#fff; padding-left:3%; text-transform:uppercase;}

.g-xj{margin:5% auto 0;background:url(/mobile/Images/Index/xj_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-xj dt{ font-size:1em; text-align:center; color:#fff; font-weight:100; line-height:160%;}
.g-xj dd{ font-size:1em; color:#333; margin:0 auto; line-height:210%; padding:5% 8% 10% 8%;}

.maket{ width:90.625%; margin:0.7em auto 0;}
.maket .sclwrap_box ,.maket .m-box{ height:42.5em;overflow:hidden;}
.maket .m-cnt{ height:2.04em; overflow:hidden; border-bottom:2px solid #0065ad;overflow:hidden;}
.maket .m-cnt li{ float:left; width:50%; font-size:1.42em; line-height:1.5em; height:2.04em; overflow:hidden; color:#fff; text-align:center; font-weight:bold; color:#0065ad;}
.maket .m-cnt li.z-on{ background:url(/mobile/Images/Index/maket_bg.gif) no-repeat right top; background-size:100% auto; color:#fff;}
.maket .con{ width:100%; float:left;}
.maket .con h5{ font-size:1em; font-family:"Times New Roman"; color:#bebebe; text-transform:uppercase; line-height:150%;}
.maket .con dl{ margin-top:3.5%;}
.maket .con dt{ width:100%;}
.maket .con dt img{ display:block; width:100%;}
.maket .con dd{ margin-top:10.5%;}
.maket .con dd p{ font-size:1em; color:#333; font-weight:400; padding-bottom:5%; margin-top:3%; background:url(/mobile/Images/Index/maket_line.jpg) no-repeat center bottom; background-size:100% auto; line-height:145%;}
.maket .con dd p span{ display:inline-block; float:left; width:7.1%; margin:0em 2% 0 0;}
.maket .con dd p span img{ width:100%;}

.tit2{ height:2.67em; line-height:2.67em; font-weight:200; overflow:hidden; color:#fff; font-size:1em; padding-left:4.7%;background: #0089eb; /* Old browsers */
background: -moz-linear-gradient(top,  #0089eb 1%, #0065ac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0089eb), color-stop(100%,#0065ac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0089eb 1%,#0065ac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0089eb 1%,#0065ac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089eb', endColorstr='#0065ac',GradientType=0 ); /* IE6-9 */}
.tit2 i{ font-size:0.86em; color:#fff; padding-left:3%; text-transform:uppercase;}
.tit2 span{ font:1em Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; height:2.67em; line-height:2.67em; overflow:hidden; padding-right:5%;}

.g-fen .tit2{ margin-bottom:4%;}
.g-fen p{ line-height:2.42em;font-size:1em; overflow:hidden; padding-left:4.6875%;}
.g-fen p a{ color:#333; padding-right:5%; display:inline-block; }

.g-case{ margin-top:3%;}
.case{ height:15.5em; position:relative; margin-top:2.29em;}
.case .sclwrap_box ,.case .m-box{ height:15.5em;overflow:hidden;}
.case .nowarp{ width:58.5%; margin:0 auto;}
.case .prev{ width:7.4%; position:absolute; top:2.3em; left:9%;}
.case .next{ width:7.4%; position:absolute; top:2.3em; right:9%;}
.case .prev img,.case .next img{ width:100%;}
.case .con{ width:100%; float:left;}
.case .con img{ width:100%; border:0.2em solid #8b8b8b; box-sizing:border-box;}
.case .con span{ display:block; text-align:center; line-height:200%; color:#333; margin-top:2%;}

.g-wit ul{ margin:7.5% 6.25% 0 6.25%;}
.g-wit li{ width:43.8%;}
.g-wit li img{ width:100%; display:block;}

.g-about{ margin-top:7%;}
.g-about dl{ margin:1em 6.25% 0 4.25%;}
.g-about dt{ width:41.5%; border:0.25em solid #ccc; float:left;}
.g-about dt img{ width:100%; display:block;}
.g-about dd{ width:52.1%; float:right;}
.g-about dd h4{ font-size:1em; color:#0065ad;}
.g-about dd p{ font-size:1em; color:#333; line-height:125%; margin-top:6%;}
.g-about dd em{ font-size:1em; color:#0065ad; margin-top:8%; display:block;}
.g-about h5{ height:2.33em; font-size:1em; color:#fff; line-height:2.33em; margin:6% 0 0 4.25%; overflow:hidden;}
.g-about h5 a{ display:inline-block; width:27.8125%; font-size:1em; height:2.33em; line-height:2.33em; margin-right:7%; text-align:center; overflow:hidden; color:#fff;background: #0075f4; /* Old browsers */
background: -moz-linear-gradient(top,  #0075f4 1%, #0075f4 49%, #005dc1 50%, #005dc1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0075f4), color-stop(49%,#0075f4), color-stop(50%,#005dc1), color-stop(100%,#005dc1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0075f4 1%,#0075f4 49%,#005dc1 50%,#005dc1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0075f4 1%,#0075f4 49%,#005dc1 50%,#005dc1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0075f4 1%,#0075f4 49%,#005dc1 50%,#005dc1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0075f4 1%,#0075f4 49%,#005dc1 50%,#005dc1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075f4', endColorstr='#005dc1',GradientType=0 ); /* IE6-9 */}