body{ background:#fff;}

nav a{ display:inline-block; width:33.33%; height:2.625rem; line-height:2.625rem; text-align:center; font-size:1rem; color:#fff; float:left; position:relative; border-top:1px solid #03aae3;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#017ece+0,014396+100 */
background: #017ece; /* Old browsers */
background: -moz-linear-gradient(top,  #017ece 0%, #014396 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017ece), color-stop(100%,#014396)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #017ece 0%,#014396 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #017ece 0%,#014396 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #017ece 0%,#014396 100%); /* IE10+ */
background: linear-gradient(to bottom,  #017ece 0%,#014396 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ece', endColorstr='#014396',GradientType=0 );}
nav a:before{ content:""; position:absolute; bottom:0; right:0; background:url(/mobile/Images/Index/nav_line.png) no-repeat right top; background-size:1px 2.67rem; width:1px; height:95%;}
nav a:nth-child(3n):before{ background:none;}

.ban .m-box li img{ width:100%; display:block;}

.m-sou2{width:24.083rem; border:1px solid #7e7e7e; box-sizing:border-box; font-size:1rem;height:2.33rem; line-height:2.33rem;position:relative; margin:0.5rem auto 1.2rem;}
.m-sou2 .u-in{ width:6.15rem; height:2.33rem; border-radius:0; font-size:1rem;float:right; background:url(/mobile/Images/Index/sou2.gif) no-repeat left top; background-size:100% auto;cursor:pointer; position:relative; z-index:6;}
.m-sou2 .u-key{width:16.7083rem;height:2.13rem; line-height:2.13rem;padding:0 0 0 1rem;border:0; font-family: Arial, Helvetica, sans-serif; border-radius:0;box-shadow:none;float:left; color:#bfbfbf; background:#fff; font-size:1rem; z-index:6;}
.m-sou2 .u-bt{display:block;width:6.15rem; border-radius:0; height:2.33rem; position:absolute; top:0; right:0; z-index:3;}

.g-pro{ border-bottom:1px solid #999; padding-bottom:0.8rem;}
.g-pro li{ width:43.4375%; float:left; margin-left:4%;}
.g-pro li img{ display:block; width:100%; border:1px solid #999; box-sizing:border-box;}
.g-pro li em{ display:block; height:2rem; line-height:2rem; font-size:1rem; color:#000; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.g-fen{ margin-top:1.16rem;}
.tit1{ background:#da251c; font-size:1.25rem; text-align:center; height:2.33rem; line-height:2.33rem; overflow:hidden; color:#fff; border:1px solid #9d0000;}
.g-fen ul{ padding-left:4%;}
.g-fen li{ width:7.7083rem; height:2.625rem; font-size:1rem; float:left; color:#fff; line-height:2.625rem; text-align:center; margin:1rem 0 0 1.25%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#017ece+0,014396+100 */
background: #017ece; /* Old browsers */
background: -moz-linear-gradient(top,  #017ece 0%, #014396 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017ece), color-stop(100%,#014396)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #017ece 0%,#014396 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #017ece 0%,#014396 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #017ece 0%,#014396 100%); /* IE10+ */
background: linear-gradient(to bottom,  #017ece 0%,#014396 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ece', endColorstr='#014396',GradientType=0 ); /* IE6-9 */}


.guan1{ position:relative; margin:1.25rem 0 1.25rem 0;}
.guan1 h2 img{ display:block; width:100%;}
.guan1 p{ font-size:1.16rem; color:#fff; position:absolute; font-weight:bold; text-shadow:0.1rem 0.1rem 0.1rem #333; top:1.16rem; left:26%;}
.guan1 p em{ font-size:1.08rem; display:block; font-weight:normal; padding-top:0.4rem;}

.g-coop .tit1{ font-size:1rem;}
.coop{ position:relative; margin-top:1rem;}
.coop .prev{ position:absolute; top:0.42rem; width:0.92rem; height:3.75rem; left:0;}
.coop .next{ position:absolute; top:0.42rem; width:0.92rem; height:3.75rem; right:0;}
.coop .prev img,.coop .next img{ display:block; width:100%;}
.coop .nowarp{ width:89.84375%; margin:0 auto;}
.coop .con{ float:left; width:100%;}
.coop .con li{ width:49.5%;}
.coop .con li img{ display:block; width:100%; border:2px solid #d1d1d2; box-sizing:border-box;}
.coop .con li em{display:block; height:2rem; line-height:2rem; font-size:1rem; color:#333; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.coop .con a:nth-child(2n-1) li{ float:left;}
.coop .con a:nth-child(2n) li{ float:right;}

.g-pinz{ background:#f1f5f2;}
.g-pinz h3{ font-size:1.5rem; text-align:center; font-weight:bold; color:#fff; background:url(/mobile/Images/Index/pinz_h.jpg) no-repeat center top; background-size:100% auto; height:6.083rem; line-height:6.083rem; margin-top:0.4rem;}
.g-pinz dl{ padding:0.5rem 4.6%; border-bottom:1px solid #e0d4c2;}
.g-pinz dt{ background:#0158aa; height:2.5rem; width:2.5rem; color:#fff; text-align:center; line-height:2.5rem; font-family:Impact; font-size:1.92rem; float:left;}
.g-pinz dd{ width:20.625rem; float:right; color:#333; line-height:1.5rem; font-size:1rem;}
.g-pinz dd h4{ font-size:1.08rem; font-weight:bold; color:#0158aa;}
.g-pinz dl:last-child{ border:0;}

.guan2{ position:relative;}
.guan2 h2 img{ display:block; width:100%;}
.guan2 p{ line-height:1.75rem; font-size:1rem; color:#fff; position:absolute; top:1.33rem; left:8%;}

.g-ys{ background:#d5e6f3; padding:1.33rem 0 1rem 0;}
.g-ys h3{ background:url(/mobile/Images/Index/ys_h.gif) no-repeat center top; background-size:100% auto; font-size:0.92rem; color:#666; text-align:center; padding:1rem 0 0 0;}
.g-ys h3 p{ font-size:1.08rem; font-weight:bold; color:#0077c1; background:url(/mobile/Images/Index/ys_line.gif) no-repeat center center; background-size:100% auto; margin-top:1rem;}
.ys{ position:relative; margin-top:1rem;}
.ys .prev{ position:absolute; top:5.42rem; width:0.92rem; height:3.75rem; left:0;}
.ys .next{ position:absolute; top:5.42rem; width:0.92rem; height:3.75rem; right:0;}
.ys .prev img,.ys .next img{ display:block; width:100%;}
.ys .nowarp{ width:75%; margin:0 auto; background:#fff;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd{ width:76.678%; margin:0 auto;}
.ys .con dd h4{ font-size:1rem; font-weight:bold; color:#0158aa;}
.ys .con dd p{ font-size:0.8rem; line-height:1.25rem; color:#666; padding-top:0.5rem;}

.g-cn .tit1,.g-about .tit1,.g-alb .tit1{ font-size:1rem;}
.g-cn li{ width:33.33%; float:left; margin-top:1rem; font-size:0.8rem; color:#666; text-align:center;}
.g-cn li em{ display:block; width:73.2%; margin-left:29%;}
.g-cn li em img{ display:block; width:100%;}
.g-cn li span{ display:block; position:relative; margin-top:-1.2rem;}

.wit{ margin-top:1.5rem; height:22rem; overflow:hidden; margin-bottom:0.5rem;}
.cnt2{ height:3rem; font-size:1rem; line-height:3rem; overflow:hidden;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#017ece+0,014396+100 */
background: #017ece; /* Old browsers */
background: -moz-linear-gradient(top,  #017ece 0%, #014396 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017ece), color-stop(100%,#014396)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #017ece 0%,#014396 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #017ece 0%,#014396 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #017ece 0%,#014396 100%); /* IE10+ */
background: linear-gradient(to bottom,  #017ece 0%,#014396 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ece', endColorstr='#014396',GradientType=0 );}
.cnt2 li{ width:50%; color:#fff; text-align:center; float:left; height:3rem; line-height:3rem;}
.cnt2 li.z-on{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea3528+0,d11c15+100 */
background: #ea3528; /* Old browsers */
background: -moz-linear-gradient(top,  #ea3528 0%, #d11c15 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea3528), color-stop(100%,#d11c15)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ea3528 0%,#d11c15 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ea3528 0%,#d11c15 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ea3528 0%,#d11c15 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ea3528 0%,#d11c15 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea3528', endColorstr='#d11c15',GradientType=0 ); /* IE6-9 */}
.wit2{ position:relative; margin-top:1.75rem; margin-bottom:12rem;}
.wit2 .prev{ position:absolute; top:3.2083rem; width:0.92rem; height:3.75rem; left:0;}
.wit2 .next{ position:absolute; top:3.2083rem; width:0.92rem; height:3.75rem; right:0;}
.wit2 .prev img,.wit2 .next img{ display:block; width:100%;}
.wit2 .no_ov{ width:86.71875%; margin:0 auto; background:#fff;}
.wit2 .page{ float:left; width:100%;}
.wit2 .page li{ width:46.48%; border:1px solid #c2c2c2; box-sizing:border-box;}
.wit2 .page li img{ display:block; width:100%;}
.wit2 .page li em{ display:block; height:2rem; line-height:2rem; color:#333; font-size:0.67rem; background:#f1f1f1; font-weight:bold;white-space:nowrap;text-overflow:ellipsis; text-align:center;}
.wit2 .page a:nth-child(2n-1) li{ float:left;}
.wit2 .page a:nth-child(2n) li{ float:right;}
.wit2:nth-child(2) .page li  img{ height:10.16rem;}


.g-about dl{ margin:1.58rem auto 0; width:80%;}
.g-about dt{ background:url(/mobile/Images/Index/about_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-about dt img{ display:block; width:79.6875%; margin:0 0 0 2rem; padding:0.75rem 0 0.8rem 0;}
.g-about dd h4{ font-size:1rem; font-weight:bold; line-height:3rem; height:rem; overflow:hidden; color:#000;}
.g-about dd p{ color:#666; font-size:0.92rem;}
.g-about dd span{ display:block; height:1.54rem; overflow:hidden; margin-top:0.8rem;}
.g-about dd span a{ display:inline-block; text-align:center; color:#fff; background:url(/mobile/Images/Index/about_btn1.gif) no-repeat center top; background-size:100% auto; width:5.92rem; font-size:0.8rem; height:1.54rem; line-height:1.54rem;}
.g-about dd span a.f-fr{ background:url(/mobile/Images/Index/about_btn2.gif) no-repeat center top; background-size:100% auto; width:9.17rem;}

.g-alb{ margin-top:1rem;}
.alb{ position:relative; margin-top:1rem;}
.alb .prev{ position:absolute; top:1.5rem; width:0.92rem; height:3.75rem; left:0;}
.alb .next{ position:absolute; top:1.5rem; width:0.92rem; height:3.75rem; right:0;}
.alb .prev img,.alb .next img{ display:block; width:100%;}
.alb .nowarp{ width:90.3125%; margin:0 auto;}
.alb .con{ float:left; width:100%;}
.alb .con li{ width:45.67%;}
.alb .con li img{ display:block; width:100%; border:0.17rem solid #ccc; box-sizing:border-box;}
.alb .con li em{display:block; height:2rem; line-height:2rem; font-size:1rem; color:#333; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.alb .con a:nth-child(2n-1) li{ float:left;}
.alb .con a:nth-child(2n) li{ float:right;}

.dy{ margin-top:1rem; border-bottom:1px solid #adadad; padding-bottom:1rem;}
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:90.625%; margin:1rem auto 0;}
.dy .con li{ font-size:0.8rem; height:1.5rem; line-height:1.5rem; overflow:hidden; color:#666; border-bottom:1px dashed #aeaeae; overflow:hidden;}


@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:83%;}
}
@media screen and (min-width:375px) {
	html { font-size:88%;}
}
@media screen and (min-width:400px) {
	html { font-size:96%;}
}
@media screen and (min-width:414px) {
	html { font-size:100%;}
}
@media screen and (min-width:480px) {
	html { font-size:112%;}
}
@media screen and (min-width:568px) {
	html { font-size:120%;}
}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}