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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:6.85rem; overflow:hidden; margin-top:3rem; background:#333; position:relative;}
nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#fff;}
nav a{color:#fff; font-size:1.2rem; width:25%; text-align:center; height:3.425rem; line-height:3.425rem; overflow:hidden; display:inline-block;float:left; position:relative;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b3b3b+0,0d0d0d+100 */
background: #3b3b3b; /* Old browsers */
background: -moz-linear-gradient(top,  #3b3b3b 0%, #0d0d0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3b3b3b 0%,#0d0d0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3b3b3b 0%,#0d0d0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
}
nav a:before{ content:""; position:absolute; top:0%; right:0; width:1px; height:100%; background:#fff;}
nav a:nth-child(4n):before{ background:none;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.tit1{ text-align:center; font-size:1.7rem; color:#3e3e3e; font-weight:bold;}
.tit1 em{ display:block; background:url(/mobile/Images/Index/h.png) no-repeat center center; background-size:100% 0.65rem; width:87.5%; margin:0 auto; font-size:1rem; color:#999; font-weight:normal; margin-top:0.5rem;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.g-pro{ margin:3rem 0 0 0;}
.g-pro ul{width:87.5%; margin:1rem auto 0;}
.g-pro li{ width:48.2%;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; width:100%; height:2.8rem; background:#565656; text-align:center; line-height:2.8rem; font-size:1.2rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#fff;}
.g-pro li i{ display:block; color:#e62714;width:100%; height:2.8rem;text-align:center; line-height:2.8rem; font-size:1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}
.g-pro p{ color:#565656; font-size:1.1rem; text-align:center; line-height:2rem; margin:1rem 0 1.5rem 0;}
.g-pro p a{ display:inline-block; color:#565656; padding-left:3%;}
.amore{ text-align:center; background:#e73b29; height:2.7rem; line-height:2.7rem; color:#fff; font-size:1.2rem; color:#fff;}

.g-ys{ margin-top:3.1rem; padding:3.2rem 0 2rem 0; background:#e3e1eb; }
.g-ys .tit1 em{ background:url(/mobile/Images/Index/h2.png) no-repeat center center; background-size:100% auto;}
.g-ys dl{ width:88%; margin:1.2rem auto 0; height:3.1rem; overflow:hidden; border-bottom:1px solid #ebb0b0;}
.g-ys dt{ width:8.5%; height:3.1rem; float:left; background:url(/mobile/Images/Index/ys01.gif) no-repeat left top; background-size:100% auto; font-size:1.6rem; text-align:center; line-height:3.1rem; color:#fff;}
.g-ys dd{ width:90%; float:right; font-size:1.2rem; color:#333;}
.g-ys dd em{ display:block; font-size:0.65rem; color:#565656;}

.td{ width:93.75%; margin:3.1rem auto 0;}
.cnt4{ height:3.5rem; overflow:hidden; margin:1rem auto 0;}
.cnt4 li{ width:23.33%; float:left; height:3.5rem; background:url(/mobile/Images/Index/td_bg2.gif) no-repeat; background-size:100% auto;margin-right:1.4%; text-align:center; font-size:1.2rem; line-height:3.5rem; color:#fff;}
.cnt4 li em{ color:#bababa;}
.cnt4 li.z-on{ background:url(/mobile/Images/Index/td_bg1.gif) no-repeat center top; background-size:100% auto;}
.cnt4 li.z-on em{ color:#f6b2aa;}
.td dl{ width:93.17%; margin:1.05rem auto 0;}
.td dt img{ display:block; width:100%;}
.td dd h3{ margin-top:1.5rem; font-size:1.5rem; color:#444; height:4.8rem; overflow:hidden;}
.td dd h3 em{ display:inline-block; width:23.6%; float:left;}
.td dd h3 em img{ display:inline-block; width:100%;}
.td dd p{ font-size:1.2rem; line-height:1.8rem; color:#555; background:url(/mobile/Images/Index/dy_jt.gif) no-repeat left 0.4rem; background-size:0.35rem 0.65rem; padding-left:5%;}

.g-case{ background:url(/mobile/Images/Index/solu_bg.jpg) no-repeat center top; background-size:100% auto; padding:3rem 0 2rem 0; margin-top:2.5rem;}
.case1{ width:93.75%; margin:1rem auto 0; overflow:hidden;}
.case1 dl{ width:48.17%;}
.case1 img{ display:block; width:100%;}
.case1 dd{ display:block;background:#e62812; color:#fff; text-align:center; font-size:1.2rem; padding-bottom:0.8rem;}
.case1 dd em{ display:block; font-size:2.5rem; font-family:Impact;}
.case1 dd p{ padding:0 5%; font-size:1rem; line-height:1.8rem; margin-top:0.5rem;}
.case1 dd i{ display:block; width:1.4rem; height:1.4rem; margin:0.6rem auto 0;}
.case1 dl:nth-child(2n-1){ float:left;}
.case1 dl:nth-child(2n){ float:right;}
.arr{ height:2rem; overflow:hidden; margin-top:1.6rem; position:relative;}
.arr:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ccc;}
.arr .prev{ width:1.8rem; height:1.8rem; border:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:1.8rem;font-size:2rem; font-family:"宋体"; position:absolute; top:0; left:40%; margin-top:0; background:#e3e1eb;}
.arr .next{width:1.8rem; height:1.8rem; border:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:1.8rem;font-size:2rem; font-family:"宋体";background:#e3e1eb; position:absolute; top:0; right:40%; margin-top:0;}


.g-about{ padding:3rem 0 0 0; background:url(/mobile/Images/Index/about_bg.gif) repeat-x center top; background-size:0.25rem 19.25rem;}
.g-about dl{ width:86.875%; margin:1.2rem auto 0;}
.g-about dt img{ display:block; width:100%; margin-top:1rem; border:0.2rem solid #eee; box-sizing:border-box;}
.g-about dd{font-size:1.2rem; line-height:1.8rem; padding:1rem 0 0 0; color:#666;}
.g-about .amore{ height:3.6rem; line-height:3.6rem; margin-top:1rem;}

.honor{margin:3.1rem 0 0 0;}
.tabs2{ width:93.75%;margin:0 auto; height:2.8rem; overflow:hidden; border:2px solid #eee; box-sizing:border-box;}
.tabs2 li{ width:25%; height:2.8rem; line-height:2.8rem; float:left; font-size:1.2rem; color:#444; text-align:center;}
.tabs2 li.cur02{ color:#fff; background:#333; font-weight:bold;}
.tabs2 h5{ font-size:1.2rem; color:#333; text-transform:uppercase; line-height:2.8rem; float:right; padding-right:5%;}
.honor2{ width:96%;height:13rem; margin:0 auto; overflow:hidden;}
.honor3{ position:relative; margin:1.6rem auto 0; width:100%; overflow:hidden;}
.honor3 .swiper-slide ul{ width:88%;  margin:0 auto;overflow:hidden;}
.honor3 .swiper-slide a:nth-child(2n-1) li{ float:left;}
.honor3 .swiper-slide a:nth-child(2n) li{ float:right;}
.honor3 .swiper-slide li{ width:48%;}
.honor3 .swiper-slide li img{ display:block; width:100%;}
.honor3 .swiper-slide li em{display:block; width:100%; height:2.3rem; line-height:2.3rem; font-size:1.2rem; color:#000; text-align:center; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#eee;}
.honor3 .swiper-button-next{ color:#666; font-size:1.5rem; font-family:"宋体"; background:none; right:0.1rem; width:1.5rem; top:36%; border:1px solid #ccc; height:1.5rem; text-align:center; line-height:1.5rem; box-sizing:border-box;overflow:hidden;}
.honor3 .swiper-button-prev{ color:#666; font-size:1.5rem; font-family:"宋体"; background:none;left:0;width:1.5rem;top:36%; border:1px solid #ccc; height:1.5rem; text-align:center; line-height:1.5rem;box-sizing:border-box; overflow:hidden;}



.dy{width:93.75%; margin:3rem auto 0; position:relative; overflow:hidden;height:31rem;}
.dy p{ width:66.67%; margin:1rem auto 0;}
.dy p img{ display:block; width:100%;}
.dy .swiper-slide ul{ margin-top:0.6rem;}
.dy .swiper-slide li{ font-size:1.2rem;height:3rem; line-height:3rem; overflow:hidden; color:#555; background:url(/mobile/Images/Index/dy_jt.gif) no-repeat left 1.2rem; background-size:0.35rem 0.65rem; padding-left:4%; border-bottom:1px dashed #ccc;}
.dy .swiper-slide li em{ float:right;}
.cnt3{height:2.8rem; overflow:hidden; border:2px solid #eee; box-sizing:border-box;}
.cnt3 li{ width:25%; height:2.8rem; line-height:2.8rem; float:left; font-size:1.2rem; color:#444; text-align:center;}
.cnt3 li.cur01{ color:#fff; background:#333; font-weight:bold;}
.dy h5{font-size:1.2rem; color:#333; text-transform:uppercase; line-height:2.8rem; float:right; padding-right:5%;}


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