/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:7.4rem; margin-top:1px; text-align:center; overflow:hidden; background:#2b83e4; position:relative;}
nav a{color:#fff; font-size:1.2rem; width:33.33%; height:3.7rem; line-height:3.7rem; float:left; display:inline-block; position:relative;}
nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#4190e7; border-bottom:1px solid #2a72c4;}
nav a:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#4190e7; border-right:1px solid #2a72c4;}
nav a:nth-child(3n):before{ background:none; border:0;}

.tit1{ text-align:center; font-size:1.2rem; color:#666;}
.tit1 em{ display:block; width:42.5%;font-size:1.3rem; font-weight:bold; color:#2b83e4; margin:0 auto 0.3rem; border-bottom:0.15rem solid #eee; padding-bottom:0.2rem;}
.tit1 em img{ display:block; width:100%;}
.tit1 i{ display:block; font-size:0.85rem; color:#555; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}

.g-par{ margin-top:1.8rem;}
.par{ width:90.625%; margin:1rem auto 0; position:relative;}
.par .prev{ width:2.15rem; height:2.15rem; position:absolute; top:1.1rem; left:0;}
.par .next{width:2.15rem; height:2.15rem; position:absolute; top:1.1rem; right:0;}
.par .prev img,.par .next img{ display:block; width:100%;}
.par .nowarp{ width:77.67%; margin:0 auto;}
.par .con{ float:left; width:100%;}
.par .con li{ width:47.63%;}
.par .con li img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box; box-shadow:0.2rem 0.2rem 0.2rem #eee;}
.par .con li em{display:block;text-align:center; height:2.75rem; line-height:2.75rem; color:#666; overflow:hidden; font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap;}
.par .con a:nth-child(2n-1) li{ float:left;}
.par .con a:nth-child(2n) li{ float:right;} 

.pro{ background:#f3f3f3; padding:1.8rem 0 2rem 0; margin:1rem 0 0 0; height:23.3rem; overflow:hidden;}
.pro .tit1 em{ width:33.125%;}
.pro1{ width:90.625%; margin:1rem auto 0;}
.pro1 li{ width:42.5%; background:url(/mobile/Images/Index/pro-bg2.jpg) no-repeat center top; background-size:100% auto; height:2.8rem; font-size:1.2rem; line-height:2.8rem; padding-left:5%; margin-bottom:1rem; box-shadow:0rem 0.2rem 0.2rem #666;}
.pro1 li.z-on{background:url(/mobile/Images/Index/pro-bg1.jpg) no-repeat center top; background-size:100% auto;}
.pro1 li:nth-child(2n-1) { float:left;}
.pro1 li:nth-child(2n) { float:right;}
.pro2{ width:90.625%; margin:1.5rem auto 0; position:relative; height:25rem; overflow:hidden;}
.pro2 .prev{ width:2.15rem; height:2.15rem; position:absolute; top:2.1rem; left:0;}
.pro2 .next{width:2.15rem; height:2.15rem; position:absolute; top:2.1rem; right:0;}
.pro2 .prev img,.pro2 .next img{ display:block; width:100%;}
.pro2 .no_ov{ width:77.67%; margin:0 auto;}
.pro2 .page{ float:left; width:100%;}
.pro2 .page li{ width:48.2%;}
.pro2 .page li img{ display:block; width:100%; border:0.15rem solid #ccc; box-sizing:border-box; box-shadow:0.2rem 0.2rem 0.2rem #eee;}
.pro2 .page li em{display:block;text-align:center; height:2.75rem; line-height:2.75rem; color:#666; overflow:hidden; font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap;}
.pro2 .page a:nth-child(2n-1) li{ float:left;}
.pro2 .page a:nth-child(2n) li{ float:right;} 

.apc{ margin-top:1.8rem;}
.apc .tit1 em{ width:56.875%;}
.apc .con{ float:left; width:100%;}
.apc .con p{width:90.375%; margin:1rem auto 0; position:relative;}
.apc .con img{ display:block; width:100%; border:0.2rem solid #ccc; box-sizing:border-box;}
.apc .con em{display:block;text-align:center; height:2.75rem; line-height:2.75rem; color:#fff; overflow:hidden; font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap; position:absolute; bottom:0; left:0; background:rgba(51,61,79,0.8); width:100%;}
.apc .m-cnt{width:90.375%; margin:1rem auto 0;}
.apc .m-cnt li{ width:50%; height:3.5rem; border:1px solid #ccc; box-sizing:border-box; float:left; line-height:3.5rem; font-size:1.2rem; color:#333;}
.apc .m-cnt li span{ display:inline-block; width:10.67%; float:left; margin:1rem 4% 0 26%;}
.apc .m-cnt li img{ display:block; width:100%;}
.apc .m-cnt li b{ display:block;}
.apc .m-cnt li i{ display:none;}
.apc .m-cnt li.z-on{ background:#197cd9; color:#fff;}
.apc .m-cnt li.z-on b{ display:none;}
.apc .m-cnt li.z-on i{ display:block;}

.vs{ margin-top:1.8rem;}
.vs .tit1{ background:#f3f3f3; padding:1.8rem 0 1rem;}
.vs .tit1 em{ display:block; width:43.125%;}
.vs .nowarp{ width:91.40625%; margin:0rem auto 0;}
.vs .con{ width:100%; float:left;}
.vs1 h2{ font-size:1.3rem; font-weight:bold; color:#2b83e4; line-height:4rem;}
.vs1 h2 i{ display:inline-block; width:2.15rem; height:2.75rem; float:left; margin-right:4%;margin-top:0.8rem;}
.vs1 h2 i img{ display:block; width:100%;}
.vs1 h2 em{ font-size:0.95rem; text-transform:uppercase; color:#878d98; padding-left:5%; font-weight:normal;}
.vs3{ background:#f1f1f1; padding:2rem 0;}
.vs3 dl{ width:93.5%; margin:0 auto;}
.vs3 dt{ font-size:1.2rem; color:#555; line-height:2rem; border-bottom:2px solid #cfcfcf; width:60%;}
.vs3 dt em{ display:inline-block; width:1.25rem; height:1.25rem; float:left; margin:0.5rem 0.2rem 0 0;}
.vs3 dt em img{ display:block; width:100%;}
.vs3 dd{ font-size:1.1rem; line-height:1.8rem; color:#666; padding-top:0.5rem;}
.vs3 dl:nth-child(1){ width:85%;}
.vs3 dl:nth-child(1) dt{ border-bottom:2px solid #eba600; width:90%;}
.vs3 dl:nth-child(1) dd{ width:90%;}
.vs3 h3{width:93.5%; margin:1rem auto;}
.vs3 h3 img{ display:block; width:100%;}
.vs .con:nth-child(2) .vs3 dt{ width:80%;}
.arr{ width:33.5%; margin:1.8rem auto; height:2.15rem; position:relative; padding:0 30%;}
.arr:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-top:1px dashed #666;}
.arr .prev{ width:2.15rem; height:2.15rem; float:left;z-index:9; position:relative;}
.arr .next{ width:2.15rem; height:2.15rem; float:right; z-index:9;position:relative;}
.arr .prev img,.arr .next img{ display:block; width:100%;}

.g-ser{ height:41.5rem; padding:1.8rem 0 0 0; background:url(/mobile/Images/Index/service_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-ser .tit1 em{ width:82.8125%;}
.g-ser p{ font-size:1.2rem; color:#333; line-height:2.6rem; background:url(/mobile/Images/Index/true1.png) no-repeat 12% center; background-size:1.05rem 0.9rem; padding-left:18%;}
.g-ser p b{ font-size:1.5rem; color:#df4039;}

.ys .tit1{margin:1.8rem 0 0;}
.ys .tit1 em{ width:37.8125%;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{ display:block; width:100%; margin:1rem 0 2rem;}
.ys .con dd{ width:93.75%; margin:0 auto;}
.ys .con dd h3{ height:7.8rem; overflow:hidden; margin-bottom:1.58rem;}
.ys .con dd h3 span{ display:inline-block; float:left; width:26.67%; height:7.8rem; padding-top:1rem; border:0.2rem solid #eee; box-sizing:border-box; text-align:center; color:#eba600; font-family:"Times New Roman", Times, serif; text-align:center; font-size:2.8rem;}
.ys .con dd h3 span em{ display:block; font-size:1.5rem; color:#242f44; font-family:"Microsoft Yahei";}
.ys .con dd h3 i{ display:inline-block; width:70.7%; float:right; font-size:1.2rem; font-weight:bold; color:#eba600; padding-top:2rem;}
.ys .con dd h3 i b{ display:block; color:#2b83e4; padding-top:0.3rem;}
.ys .con dd p{ font-size:1.2rem; color:#333; line-height:2.4rem; position:relative; padding-left:4%;}
.ys .con dd p:before{ content:""; position:absolute; top:1rem; left:0; width:0; height:0; border-left:0.5rem solid #ccc; border-top:0.3rem solid rgba(0,0,0,0);border-bottom:0.3rem solid rgba(0,0,0,0);}
.ys .con dd p b{ color:#2b83e4;}

.guan1 img{ display:block; width:100%;}

.g-wit{ margin:1.8rem 0 0 0; border-bottom:1px solid #ccc; padding-bottom:1rem;}
.g-wit .tit1 em{ width:18.75%;}
.wit{ position:relative; width:93.75%; margin:1rem auto 0;}
.wit .prev{ width:2.15rem; height:2.15rem; position:absolute; top:9.4rem; left:0;}
.wit .next{ width:2.15rem; height:2.15rem; position:absolute; top:9.4rem; right:0;}
.wit .prev img,.wit .next img{ display:block; width:100%;}
.wit .nowarp{ width:80%; margin:0 auto; background:#f4f4f4; padding-bottom:2rem;}
.wit .con{ float:left; width:100%;}
.wit .con dl{ width:81.25%; margin:2rem auto 0;}
.wit .con dt em{ display:inline-block; width:51.79%; float:left;}
.wit .con dt em img{ display:block; width:100%;}
.wit .con dt span{ display:inline-block; width:48.2%; float:left; background:url(/mobile/Images/Index/wit_bg.gif) no-repeat; background-size:100% auto; text-align:center; line-height:1.8rem; font-size:1.2rem; height:5.5rem; padding-top:1rem;}
.wit .con dt span b{ display:block;}
.wit .con dd h3{ font-size:1.2rem; font-weight:bold; padding:2.2rem 0 0.8rem 0; color:#666;}
.wit .con dd p{ font-size:1.2rem; color:#666; line-height:1.8rem;} 
.wit .con dd em{ color:#2b83e4; font-size:1.2rem; display:block; line-height:1.8rem;}

.g-about{ margin:1.8rem 0 0 0;}
.g-about .tit1 em{ width:23.59375%;} 
.about{ width:93.75%; margin:1rem auto 0;}
.about .m-cnt{ height:3.6rem; overflow:hidden; border:1px solid #ccc; box-sizing:border-box;}
.about .m-cnt li{ width:50%; float:left; height:3.6rem; text-align:center; line-height:3.6rem; font-size:1.2rem; color:#333;}
.about .m-cnt li.z-on{ font-weight:bold; color:#2b83e4; background:#f2f2f2;}
.about .con{ float:left; width:100%;}
.about .con dl{ background:#f4f4f4; margin-top:1.5rem; padding-bottom:3rem;}
.about .con dt img{ display:block; width:100%;}
.about .con dd{ padding:1.5rem 5% 0 5%;}
.about .con dd h3{ font-size:1.2rem; font-weight:bold; padding:1rem 0 0.8rem 0; color:#333;}
.about .con dd p{ font-size:1.2rem; color:#666; line-height:2.5rem;}
.about .con h5{ height:3rem; overflow:hidden; margin-top:1rem;}
.about .con h5 a{ display:inline-block; width:32%; height:3rem; text-align:center; border:1px solid #2b83e4; font-weight:bold; font-size:1.2rem; color:#2b83e4; box-sizing:border-box; line-height:3rem; margin-right:3%;}
.about .con h5 em{ display:inline-block; width:1.15rem; height:1.15rem; float:right; margin:0.9rem 9% 0 0;}
.about .con h5 a:last-child{ border:1px solid #ccc; color:#333; font-weight:normal;}
.about .con h5 em img{ display:block; width:100%;}

.honor{ width:93.75%; margin:1.5rem auto 0; height:17.5rem; overflow:hidden;}
.honor1{ height:3.6rem; overflow:hidden; border:1px solid #ccc; box-sizing:border-box;}
.honor1 li{ width:33.33%; float:left; height:3.6rem; text-align:center; border-right:1px solid #ccc; box-sizing:border-box; line-height:3.6rem; font-size:1.2rem; color:#333;}
.honor1 li:last-child{ border:0;}
.honor1 li.z-on{ font-weight:bold; color:#2b83e4; background:#f2f2f2;}
.honor2{ position:relative; margin-top:1.5rem; height:12rem; overflow:hidden;}
.honor2 .prev{ width:2.15rem; height:2.15rem; position:absolute; top:3.4rem; left:0;}
.honor2 .next{ width:2.15rem; height:2.15rem; position:absolute; top:3.4rem; right:0;}
.honor2 .prev img,.honor2 .next img{ display:block; width:100%;}
.honor2 .no_ov{ width:80%; margin:0 auto;}
.honor2 .page{ float:left; width:100%;}
.honor2 .page li{ width:48.33%;}
.honor2 .page li img{ display:block; width:100%;}
.honor2 .page li em{display:block;text-align:center; height:2.75rem; line-height:2.75rem; color:#666; overflow:hidden; font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap;}
.honor2 .page a:nth-child(2n-1) li{ float:left;}
.honor2 .page a:nth-child(2n) li{ float:right;} 

.dy{ background:#f1f1f1; padding:2rem 0; position:relative;}
.dy .m-cnt{ width:93.75%; margin:0 auto; height:2.8rem; border-bottom:1px solid #ccc;}
.dy .m-cnt li{ width:22%; float:left; height:2.8rem; margin-right:5%; font-size:1.2rem; color:#333;}
.dy .m-cnt li.z-on{ font-weight:bold; color:#197cd9; border-bottom:0.2rem solid #197cd9;}
.dy h4{ width:1.15rem; height:1.15rem; position:absolute; top:2.3rem; right:5%;}
.dy h4 img{ display:block; width:100%;}
.dy .con{ float:left; width:100%;}
.dy .con dl{width:83.75%; margin:1.8rem auto 0; background:#fff; padding:5%;}
.dy .con dt{ width:55.2%; float:left;}
.dy .con dt img{ display:block; width:100%;}
.dy .con dd{ width:40%; float:right;}
.dy .con dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding-top:1rem; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.dy .con dd p{ font-size:1.1rem; color:#666; line-height:1.6rem; padding-top:0.3rem;}
.dy .con dd em{ display:block; color:#2b83e4;line-height:1.6rem;font-size:1.1rem; padding-top:0.3rem;}

html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}