/* banner */
.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}

/* nav */
.m_nav{ height:7.25em;overflow: hidden; padding: 2em 0 0 2em;}
.m_nav a li{ float:left;  color:#333;  text-align:center;  margin-right: 10%; margin-bottom: 1.5em; line-height: 1.5em;
font-weight:bold;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}
.m_nav a:nth-child(3n) li{margin-right: 0;}

/* 产品 */
.g_pro{height: auto; overflow:hidden;}
.g_pro h2{margin-bottom: 8%;}
.g_pro h2 em{display: block;width: 23%;margin: 0 auto;}
.g_pro h2 em img{display: block;width: 100%;}
.g_pro h2 p{text-align: center;font-size: 1.5em;color: #333333;position: relative;}
.g_pro .u_lst1{margin: 0 3%;}
.g_pro .u_lst1 li{float: left; width: 47%;margin-right: 6%;margin-bottom: 6%;}
.g_pro .u_lst1 li img{display: block;width: 100%;}
.g_pro .u_lst1 a:nth-child(2n) li{margin-right: 0;}
.g_pro .u_lst1 li em{display: block;width: 100%;height: 1.66em;line-height: 1.66em;text-align: center;background: #22BFC7; color: #fff;}



/* 胜为产品直通车 */
.g_ztc{height: 15em;}
.g_ztc h2{
background:#22BFC7; margin-bottom: 1.5em; 
width:100%;height:3.25em;line-height: 3.25em;text-align: center;color: #fff;font-size: 1em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.g_ztc .m-cnt {margin: 0 3%;overflow: hidden;}
.g_ztc .m-cnt li { color: #333333; border: 1px solid #c1c1c1;margin-right: 5%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    width: 29%;
}
.g_ztc .m-cnt li:last-child{margin-right: 0;}
.g_ztc .m-cnt li.z-on { color: #fff; position: relative;background: #22BFC7;border: none;}
.g_ztc .sclwrap_box,.g_ztc .m-box { height: 11.66em;}


.g_ztc .u_lst2 li{width: 27%; float: left;color: #333333;font-size: 1em;height: 3em;line-height: 3em;overflow: hidden; position: relative; margin-left: 3%; padding-left: 3%;}
.g_ztc .u_lst2 li a{color: #333;}
.g_ztc .u_lst2 li:before{
background:url(/mobile/images/Index/ico1.jpg) no-repeat; display: block; 
content:"";position:absolute;width:0.6em;height:0.125em;left:0;top:1.5em;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　}


/* 优势 */
.g_ys{width:100%;overflow: hidden;
background:url(/mobile/images/Index/ysbg.jpg) no-repeat; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

}

.g_ys h2{padding-left: 14%; width: 72.5%;}
.g_ys h2 img{width: 100%;display: block;}
.m_ys1,.m_ys2,.m_ys3,.m_ys4{padding-left: 13%;}
.m_ys1 h3,.m_ys2 h3,.m_ys3 h3,.m_ys4 h3{color: #22BFC7;font-size:1.25em;color: #22BFC7;font-weight: bold; margin-bottom: 0.5em;}
.m_ys1 p,.m_ys2 p,.m_ys1 p,.m_ys4 p{color: #333333;font-size: 1em;line-height: 1.41em;margin-bottom: 0.8em;}
.m_ys1 .ysimg1,.m_ys2 .ysimg2,.m_ys3 .ysimg3,.m_ys4 .ysimg4{width: 100%; margin-bottom: 0;}
.m_ys1 .ysimg1 img,.m_ys2 .ysimg2 img,.m_ys3 .ysimg3 img,.m_ys4 .ysimg4 img{width: 100%;display: block;}
.m_ys3 .ysimg3{padding-top: 1em;}


/* 小广告1 */
.xban{width: 100%;height: 8.33333333em;}
.xban img{width: 100%;display: block;}
.xban .btn1{width: 33.75%;left:19%;top:55%;display: block;}
.xban .btn1 img{display: block;width: 100%;}

/* 小广告2 */
.xban2{width: 100%;height: 8.33333333em;}
.xban2 img{width: 100%;display: block;}
.xban2 .btn1{width: 33.75%;left:13%;top:62%;display: block;}
.xban2 .btn1 img{display: block;width: 100%;}


/* 成功案例 */
.g_an{height: 34em;padding-top: 3em;}
.g_an h2{width: 100%;margin-bottom: 6%;}
.g_an h2 img{width: 100%;display: block;}
.g_an .m-cnt {margin: 0 3% 6% 3%;overflow: hidden;}
.g_an .m-cnt li { color: #333333; border: 1px solid #333333;margin-right: 5%;
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    width: 29%;
}
.g_an .m-cnt li:last-child{margin-right: 0;}
.g_an .m-cnt li.z-on { color: #fff; position: relative;background: #22BFC7;border: none;}
.g_an .sclwrap_box,.g_an .m-box { height: 24.5em;}


.g_an .u_lst3 li{float: left; width: 43%;margin-right: 3%;margin-left: 3%; margin-bottom: 8%; }
.g_an .u_lst3 li img{display: block;width: 100%;}
.g_an .u_lst3 a:nth-child(2n) li{margin-right: 0;}
.g_an .u_lst3 li em{display: block;width: 100%;height: 1.66em;line-height: 1.66em;text-align: center;background: #22BFC7; color: #fff;}

.g_an .u_lst4 li{float: left; width: 43%;margin-right: 3%;margin-left: 3%; margin-bottom: 8%; }
.g_an .u_lst4 li img{display: block;width: 100%;border: 1px solid #ccc;    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_an .u_lst4 a:nth-child(2n) li{margin-right: 0;}
.g_an .u_lst4 li em{display: block;width: 100%;height: 1.66em;line-height: 1.66em;text-align: center;color: #333;}


.g_an .u_dlst2{ height: 10.5em;  clear: both; margin: 0 3%; margin-bottom:1.25em; }
.g_an .u_dlst2 dt{ width: 32%; float: left; margin-right: 3%; position: relative;}
.g_an .u_dlst2 dt img{display: block; width: 100%; }
.g_an .u_dlst2 dt img{ width: 100%; }
.g_an .u_dlst2 dd{float: left; width: 60%;}
.g_an .u_dlst2 h3{height: 1.25em; font-size: 1em; font-weight: normal; line-height: 1.25em; overflow: hidden; font-weight: bold;  margin-bottom: 5%; }
.g_an .u_dlst2 h3 a{ font-size: 1.08em; color: #333; height: 1.25em; line-height: 1.25em; overflow: hidden;}
.g_an .u_dlst2 p{ font-size: 1em; color: #666666; height: 6.4em; line-height: 1.6em; overflow: hidden;}

.g_an .u_dlst2 span a{  height: 1.6em; line-height:1.6em; display: block; float: left; color: #22BFC7; text-align: center; font-size: 1em; margin-top: 2%; }






/* 资讯 */
.g_zx{height: 17.666em;margin-top: 12%;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 14em;}
.g_zx .m-cnt{background: #333333;overflow: hidden;}
.g_zx .m-cnt li { color: #fff;background: #333333;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    width: 50%;}
.g_zx .m-cnt li.z-on { color: #fff; background: #22BFC7;}


.zx-c .u_lst7{padding-top: 1%;}
.zx-c .u_lst7 li{ margin: 0 3% 0 0;  height:2.5em; line-height: 2.5em; font-size: 1em; color: #333; position: relative; padding-left: 8%; overflow: hidden;}
.zx-c .u_lst7 li:before{
content: "";position: absolute;width: 0.8em;height: 0.8em;border: 1px solid #4b4b4b;border-radius: 85em; left:3%;top:35%;

}
.zx-c .u_lst7 li a{color: #333; }
.zx-c .u_lst7 li:last-child{ border-bottom: none;}


.m_mnav{margin: 0 3% 8% 3%;}
.m_mnav a{display: block;color: #333333; border: 1px solid #333333;margin-right: 6%;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    display: inline;
    float: left;
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    width: 29%; }

.m_mnav a:last-child{margin-right: 0;}
.m_mnav a:hover,.m_mnav .cur{background: #22BFC7;color: #fff;border: none;}









@media screen and (min-width:320px) {
  body { font-size:75%;}
}
@media screen and (min-width:360px) {
  body { font-size:87%;}
}
@media screen and (min-width:480px) {
  body { font-size:112%;}

}
@media screen and (min-width:568px) {
  body { font-size:131%;}

}
@media screen and (min-width:639px) {
  body { font-size:150%;}
}




/* 最小宽度为320象素用以下样式 */
@media screen and (min-width:320px) {
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{height:150px;}
.m_nav a li{width: 23%;height: auto; }
.g_ztc .m-cnt,.g_ztc .m-cnt li,.g_an .m-cnt,.g_an .m-cnt li,.g_zx .m-cnt,.g_zx .m-cnt li,.m_mnav,.m_mnav a{ height: 39px; line-height: 39px; }
.g_ys h2{height: 110px;padding-top: 18px;}
.m_ys1{height: 205px;}
.m_ys2{height: 240px;}
.m_ys3{height: 237px;}
.m_ys4{height: 205px;}
.m_ys4 .ysimg4{padding-top: 13px;}
.g_ys{height: 1015px;}

}

/* 最小宽度为360象素用以下样式 */
@media screen and (min-width:360px) {
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{height:168px;}
.m_nav a li{width: 23%;height: auto; }
.g_ztc .m-cnt,.g_ztc .m-cnt li,.g_an .m-cnt,.g_an .m-cnt li,.g_zx .m-cnt,.g_zx .m-cnt li,.m_mnav,.m_mnav a{ height: 42px; line-height: 42px; }
.g_ys h2{height: 123px;padding-top: 20px;}
.m_ys1{height: 229px;}
.m_ys2{height: 268px;}
.m_ys3{height: 265px;}
.m_ys4{height: 229px;}
.m_ys4 .ysimg4{padding-top: 14px;}
.g_ys{height: 1136px;}
}

/* 最小宽度为400象素用以下样式 */
@media screen and (min-width:400px) {
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{height:187px;}
.m_nav a li{width: 23%;height: auto; }
.g_ztc .m-cnt,.g_ztc .m-cnt li,.g_an .m-cnt,.g_an .m-cnt li,.g_zx .m-cnt,.g_zx .m-cnt li,.m_mnav,.m_mnav a{ height: 48px; line-height: 48px; }
.g_ys h2{height: 137px;padding-top: 21px;}
.m_ys1{height: 256px;}
.m_ys2{height: 300px;}
.m_ys3{height: 296px;}
.m_ys4{height: 256px;}
.m_ys4 .ysimg4{padding-top: 16px;}
.g_ys{height: 1268px;}

}


/* 最小宽度为480象素用以下样式 */
@media screen and (min-width:480px) {
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{height:225px;}
.m_nav a li{width: 23%;height: auto; }
.g_ztc .m-cnt,.g_ztc .m-cnt li,.g_an .m-cnt,.g_an .m-cnt li,.g_zx .m-cnt,.g_zx .m-cnt li,.m_mnav,.m_mnav a{ height: 58px; line-height: 58px; }
.g_ys h2{height: 165px;padding-top: 26px;}
.m_ys1{height: 307px;}
.m_ys2{height: 360px;}
.m_ys3{height: 355px;}
.m_ys4{height: 307px;}
.m_ys4 .ysimg4{padding-top: 19px;}
.g_ys{height: 1522px;}

}

/* 最小宽度为568象素用以下样式 */
@media screen and (min-width:568px) {
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{height:267px;}
.m_nav a li{width: 23%;height: auto;}
.g_ztc .m-cnt,.g_ztc .m-cnt li,.g_an .m-cnt,.g_an .m-cnt li,.g_zx .m-cnt,.g_zx .m-cnt li,.m_mnav,.m_mnav a{ height: 69px; line-height: 69px; }
.g_ys h2{height: 195px;padding-top: 31px;}
.m_ys1{height: 364px;}
.m_ys2{height: 427px;}
.m_ys3{height: 421px;}
.m_ys4{height: 364px;}
.m_ys4 .ysimg4{padding-top: 23px;}
.g_ys{height: 1806px;}

}

/* 最小宽度为639象素用以下样式 */
@media screen and (min-width:639px) {
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{height:300px;}
.m_nav a li{width: 23%;height: auto; }
.g_ztc .m-cnt,.g_ztc .m-cnt li,.g_an .m-cnt,.g_an .m-cnt li,.g_zx .m-cnt,.g_zx .m-cnt li,.m_mnav,.m_mnav a{ height: 78px; line-height: 78px; }
.g_ys h2{height: 220px;padding-top: 35px;}
.m_ys1{height: 410px;}
.m_ys2{height: 480px;}
.m_ys3{height: 474px;}
.m_ys4{height: 410px;}
.m_ys4 .ysimg4{padding-top: 26px;}
.g_ys{height: 2030px;}


}
.g-fang .tit{ text-align:center; color: #22bfc7;
    font-size: 1.8em;font-weight:bold; text-transform:uppercase;}

.g-fang{ background:url(../images/fang_bg.jpg) no-repeat center bottom; background-size:100% 100%; padding:1.2rem 0;}
.g-fang .p{ text-align:center; margin:2rem 0 1rem;}
.g-fang .p li{ overflow:hidden; display:inline-block; width:42%; height:3rem; text-align:left; background:#fff; border:1px solid #ccc; margin:0 1.8% 1.5rem; font-size:1rem; line-height:3rem; color:#333;}
.g-fang .p span{display:block; width:1.6rem; height:1.5rem; float:left; margin:0.8rem 3% 0 10%; overflow:hidden;}
.g-fang .p em,.g-fang .p i,.g-fang .p img{ display:block; width:100%;}
.g-fang .p .z-on{ background:#22bfc7; color:#fff;}
.g-fang .p .z-on em{ display:none;}
.g-fang dt img{ display:block; width:100%;}
.g-fang dt em{ display:block; width:93.75%; margin:-2rem auto 0; position:relative; z-index:1; background:#22bfc7; color:#fff; text-align:center; line-height:4rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1.2rem;}
.g-fang dd{ width:93.75%; margin:2.8rem auto 0;}
.g-fang dd span{ display:block; float:left; width:23.5%; margin-right:1.6%; height:6em; border:1px solid #cdcdcd; box-sizing:border-box; background:#fff; text-align:center; font-size:0.96rem; color:#333;}
.g-fang dd span em{ display:block; width:40%; margin:0 auto; padding-top:0.9rem;}
.g-fang dd span em img{ display:block; width:100%;}
.g-fang dd span:last-child{ margin-right:0;}

.g-fang .sclwrap_box{ height:33em;}

.g-pro{ padding:2.5rem 0 2rem;}
.g-pro p{ margin:1.6rem auto 0; width:93.75%;}
.g-pro p a{ display:block; width:48.33%; height:3.8rem; line-height:3.8rem; text-align:center; background:#2a2a2a; color:#fff; font-size:1.2rem; text-transform:uppercase; margin-bottom:1rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.g-pro p a:nth-child(2n-1){ float:left;}
.g-pro p a:nth-child(2n){ float:right;}
.g-pro ul{ width:93.75%; margin:0 auto;}
.g-pro li{ width:48.33%; margin-top:1rem; position:relative; border:1px solid #ebebeb; box-sizing:border-box;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; text-align:center; font-size:1.1rem; line-height:2.4rem; height:2.4rem; overflow:hidden; color:#666; position:absolute; bottom:0; width:100%;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_ztc .m-cnt {
    height: auto;
}


.procolumn .sclwrap_box {
    height: 32rem;
}

.g_ztc .m-cnt li {
    float: left;
    width: 31%;
    margin: 0 1.66%;
    margin-bottom: 1rem;
    font-size: 0.8rem;
}


.g-ys{ position:relative; background:url(/mobile/images/yinz_bg.jpg) no-repeat center top; background-size:100% 100%; padding:0.5em 0 3em;}
.g-ys .tit{ color:#fff;}
.m-ys{ width:93.75%; margin:1.5rem auto 0; overflow:hidden;}
.m-ys dt img{ display:block; width:100%;}
.m-ys dd h3{ font-size:2.14rem; font-weight:bold; color:#dc2821; padding-top:1.8rem;}
.m-ys dd h3 em{ display:block; font-size:1.5rem; color:rgba(255,255,255,0.8);}
.m-ys dd p{ font-size:1rem;color:rgba(255,255,255,0.8); margin-top:0.5rem; padding-left:4%; line-height:1.6rem; position:relative;}
.m-ys dd p:before{ content:""; position:absolute; top:0.54rem; left:0; width:0.5rem; height:0.5rem; border-radius:0.5rem; background:#dc2821;}
.g-ys .swiper-pagination{ bottom:1.3em;width:100%;}
.g-ys .swiper-pagination-bullet{ background:#fff; opacity:1; margin:0 3%; width:0.5rem; height:0.5rem; border-radius:0.5rem;}
.g-ys .z-on{ background:#22bfc7; }

.g-ys .tit {
text-align: center;
color: #fff;
font-size: 2rem;
font-weight: bold;
text-transform: uppercase;
padding-top:0.8em;
}


.m-ys ul li {
cursor: pointer;
}
.m-ys ul li {
background: #FFF;
opacity: 1;
display: inline-block;
margin: 0 4%;
width: 1em;
height: 1em;
border-radius: 1em;
}
.g-ys .sclwrap_box,.g-ys .swiper-wrapper,.g-ys .swiper-slide
{
    
   height:33em;
   
 }
 
 
 .m-ys dd h5 span:before {
content: "";
position: absolute;
top: 0.34em;
left: 0;
width: 0.5em;
height: 0.5em;
border-radius: 0.5em;
background: #22bfc7;
}

.m-ys h5 {
    width: 100%;
    height: 10em;
    margin-top: 2em;
    color: rgba(255, 255, 255, 0.8);
}
.m-ys h5 em  i {
    display: block;
    color: #22BFC7;
    font-size: 1.5em;
    padding-bottom: 0.2em;
    font-weight: bold;
}
.m-ys h5 i em {
    display: block;
    width: 100%;
    height: 3em;
}
.m-ys h5 em {

   display: block;


   font-size: 1.4em;
color: rgba(255, 255, 255, 0.8);
   

   padding-bottom: 0.2em;

}
.m-ys h5 span {font-size: 1em;
color: rgba(255, 255, 255, 0.8);
margin-top: 0.5rem;
padding-left: 4%;
line-height: 1.8em;
position: relative;}

.m-fang .swiper-wrapper{display:block; width:100%; height:auto;}