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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:15rem; overflow:hidden; margin-top:1.5rem; text-align:center;}
nav a{ display:inline-block; width:27.34375%; height:5rem; float:left; background:#0158b1; border-radius:0.5rem; margin:0 0 1.5rem 4.5%; text-align:center; font-size:1.2rem; color:#fff;}
nav em{ display:block; width:20.57%; margin:0.5rem auto 0;}
nav img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.yib h2{ background:url(/mobile/Images/Index/yib_h.gif) no-repeat center top; background-size:100% auto; text-align:center; font-size:1.9rem; font-weight:bold; color:#0158b1; padding:0.8rem 0;}
.yib h2 em{ display:block; color:#0158b1; font-weight:normal; font-size:1.2rem;}
.yib .m-cnt{ height:5rem; overflow:hidden; margin-top:1rem;}
.yib .m-cnt li{ width:26.5625%; height:2.8rem; border:2px solid #ccc; text-align:center; font-size:1.2rem; line-height:2.8rem; color:#222; float:left; margin-left:4.7%;}
.yib .m-cnt li.z-on{ background:#ea1919; color:#fff; border:2px solid #ea1919;}
.yib .con{ float:left; width:100%;}
.yib .con dl{ width:90.625%; margin:0 auto;}
.yib .con dt img{ display:block; width:100%;}
.yib .con dd p{ font-size:1.1rem; color:#666; line-height:1.8rem; padding-top:1rem;}
.yib .con dd span{ display:block; text-align:center; height:3rem; margin-top:3rem;}
.yib .con dd span a{ display:inline-block; width:3rem; height:3rem; background:#0158b1; border-radius:3rem; font-size:1.8rem; text-align:center; line-height:3rem; color:#fff; margin:0 2%;}
.yib .con dd span a.a01{ background:#ea1919;}

.pro h2{ background:url(/mobile/Images/Index/pro_h.jpg) no-repeat center top; background-size:100% auto; text-align:center; font-size:1.9rem; font-weight:bold; color:#fff; padding:2rem 0; margin-top:3.2rem;}
.pro h2 em{ display:block; color:#fff; font-weight:normal; font-size:1.2rem;}
.pro .m-cnt{ height:7.2rem; margin-top:1.2rem;}
.pro .m-cnt li{ width:25%; height:3rem; line-height:3rem; text-align:center; color:#666; font-size:1.2rem; float:left;}
.pro .m-cnt li.z-on{ color:#0158b1; font-weight:bold;}
.pro .con{ float:left; width:100%;}
.pro .con ul{ width:90.625%; margin:0 auto;}
.pro .con li{ width:46.55%; margin-bottom:1.5rem;}
.pro .con li img{ display:block; width:100%;}
.pro .con li em{ display:block; height:2.9rem; background:#f2f2f2 url(/mobile/Images/Index/pro_line.gif) no-repeat center top; background-size:100% 1px;; text-align:center; font-size:1.1rem; line-height:2.9rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666;}
.pro .con a:nth-child(2n-1) li{ float:left;}
.pro .con a:nth-child(2n) li{ float:right;}
.pro h3{ width:40.625%; margin:1rem auto 0; height:2.5rem; line-height:2.5rem; overflow:hidden; background:#ea1919; font-size:1rem; color:#fff; text-align:center;}

.ys{ border-top:5px solid #0158b1; background:url(/mobile/Images/Index/ys_bg.gif); background-size:3px 3px; margin:3.8rem 0 0 0; padding:1.9rem 0 3rem 0; position:relative;}
.ys h2{ text-align:center; font-weight:bold; color:#0158b1; font-size:2.5rem; background:url(/mobile/Images/Index/ys_h.gif) no-repeat center top; background-size:100% auto; padding-top:3.6rem;}
.ys h2 em{ font-size:3.2rem;}
.ys h2 i{ display:block; width:48.75%; margin:0 auto; font-size:1rem; font-weight:normal; line-height:1.6rem; color:#fff; height:1.6rem; background:url(/mobile/Images/Index/wit_h.png) no-repeat; background-size:100% auto;}
.ys .prev{ width:3rem; height:3rem; position:absolute; top:46rem; left:20%; z-index:1;}
.ys .next{width:3rem; height:3rem; position:absolute; top:46rem; right:20%;z-index:1;}
.ys .prev img,.ys .next img{ display:block; width:100%;}
.ys .con{ float:left; width:100%;}
.ys .nowarp{ width:90.625%; margin:2rem auto 0;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd h3{ margin-top:1.8rem; height:4.5rem;}
.ys .con dd h3 em{ display:inline-block; width:3.5rem; height:4rem; background:#0158b1; text-align:center; font-size:2.5rem; font-family:Impact; color:#fff; text-align:center; line-height:3.5rem; position:relative; float:left;}
.ys .con dd h3 em:before{ content:""; position:absolute; bottom:0.7rem; left:20%; width:60%; height:2px; background:#fff;}
.ys .con dd h3 span{ display:inline-block; width:81%; float:right; font-size:1.3rem; font-weight:bold; color:#ea1919;}
.ys .con dd h3 span i{ display:block; color:#222; padding-bottom:0.5rem; border-bottom:1px dashed #333; font-weight:normal;}
.ys .con dd p{ font-size:1.1rem; line-height:1.8rem; color:#666; margin-top:0.8rem;}
.ys .con dd h5{ font-size:3rem; font-family: Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; margin-top:2rem; color:#ea1919;}
.ys .con dd h5 em{ font-size:1.8rem; color:#0158b1;}

.wit{ margin-top:2.1rem;}
.wit h2{ text-align:center; font-weight:bold; color:#0158b1; font-size:1.7rem; background:url(/mobile/Images/Index/wit_h.gif) no-repeat center top;background-size:100% auto; padding-top:3.6rem;}
.wit h2 em{ font-size:2.2rem;}
.wit h2 i{ display:block; width:48.75%; margin:0 auto; font-size:1rem; font-weight:normal; line-height:1.6rem; color:#fff; height:1.6rem; background:url(/mobile/Images/Index/wit_h.png) no-repeat; background-size:100% auto;}
.wit .con{ float:left; width:100%;}
.wit .con dl{ width:90.625%; margin:2rem auto 0; background:url(/mobile/Images/Index/wit_bg.gif); background-size:4px 3px;}
.wit .con dt{ width:29%; float:left; padding:2rem 0 2rem 4%;}
.wit .con dt img{ border-radius:8.5rem; display:block; width:100%;}
.wit .con dd{ width:61%; float:right; padding:2rem 3% 0 0;}
.wit .con dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding-bottom:1rem; background:url(/mobile/Images/Index/wit_line.gif) no-repeat left bottom; background-size:2.8rem 3px;}
.wit .con dd p{ font-size:1rem; line-height:1.8rem; padding-top:1rem; color:#666;}
.wit .con dd p em{ color:#0158b1;}
.wit .m-cnt{ height:1rem; margin:3rem 0 0 30%;}
.wit .m-cnt li{ width:1rem; height:1rem; border-radius:1rem; background:#0158b1; float:left; margin-right:5%;}
.wit .m-cnt li.z-on{ background:#ea1919;}

.case h2{ background:url(/mobile/Images/Index/case_h.jpg) no-repeat center top;background-size:100% auto; text-align:center; font-size:2.2rem; font-weight:bold; color:#fff; padding:2rem 0; margin-top:3.6rem;}
.case h2 em{ display:block; color:#fff; font-weight:normal; font-size:1.2rem;}
.case .m-cnt{ width:90.625%; margin:1.6rem auto 0; height:9rem; overflow:hidden;}
.case .m-cnt li{ width:45.7%; border:2px solid #ccc; height:2.8rem; font-size:1.2rem; text-align:center; line-height:2.8rem; margin-bottom:1.5rem;}
.case .m-cnt li.z-on{ color:#fff; background:#ea1919; border:2px solid #ea1919;}
.case .m-cnt li:nth-child(2n-1){ float:left;}
.case .m-cnt li:nth-child(2n){ float:right;}
.case .con{ float:left; width:100%;}
.case .con dl{width:90.625%; margin:0 auto;}
.case .con dt img{ display:block; width:100%;}
.case .con dd h3{ text-align:center; font-size:1.2rem; font-weight:bold; color:#222; padding-top:1.3rem;}
.case .con dd p{ font-size:1.1rem; color:#666; line-height:1.8rem; text-align:center; padding-top:0.6rem;}

.g-about dt img{ display:block; width:100%; margin-top:3rem;}
.g-about dd h3{ width:25.3125%; margin:-3rem auto 0; position:relative; z-index:1;}
.g-about dd h3 img{ display:block; width:100%;}
.g-about dd p{ width:90.625%; margin:0 auto; font-size:1.1rem; color:#666; line-height:1.8rem; padding-top:1rem;}
.g-about dd p em{ color:#0158b1;}

.dy{ position:relative; margin-top:2.4rem;}
.dy h5{ width:33.33%; text-align:center; font-size:1.4rem; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; position:absolute; top:0; right:0; line-height:3.5rem;}
.dy .m-cnt{ height:3.5rem; background:#0158b1; line-height:3.5rem; margin-bottom:2rem;}
.dy .m-cnt li{ width:33.33%; line-height:3.5rem; float:left; color:#fff; text-align:center; font-size:1.4rem; position:relative;}
.dy .m-cnt li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#80acd8;}
.dy .m-cnt li.z-on{ background:#ea1919; position:relative;}
.dy .m-cnt li.z-on:before{ content:""; position:absolute; top:3.4rem; left:50%; margin-left:-0.5rem; width:1.7rem; height:0.75rem; background:url(/mobile/Images/Index/dy_jt.png) no-repeat center top; background-size:100% auto;}
/*.dy .m-cnt li.z-on:before{ content:""; position:absolute; top:3.5rem; left:50%; margin-left:-0.5rem; width:0; height:0;border-style: solid;border-width: 0.8rem 0.8rem 0 0.8rem;border-color: #ea1919 transparent transparent transparent;}*/
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:90.625%; margin:0 auto;}
.dy .con li{ font-size:1.2rem; line-height:3rem; height:3rem; overflow:hidden; color:#666;text-overflow:ellipsis;white-space:nowrap;}
.dy .con li em{ float:right;}


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;}}