.ui-nowrap {max-width:100%; overflow:hidden ;white-space:nowrap; text-overflow:ellipsis; }
.ui-nowrap-multi { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.ui-nowrap-multi5 { display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:9; }
.img1 {width: 100%;padding-top: 100%;}
.img2 {width: 100%;padding-top: 50%;}
.imgcover-img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.m_nav{ background: #3caee3;}
.m_nav li{position: relative; float:left;font-weight: bold;  color:#fff; width:33.33333333333333333%; text-align:center; }
.m_nav li{height: 3.5rem;padding-top: 0.7rem; font-weight: bold;
 font-size: 1.1rem;	border-bottom: 1px solid #fff;border-right: 1px solid #fff;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_nav li em{display: block;font-weight: normal;font-size: 0.7rem;color: #fff;text-transform: uppercase;}
.m_nav a:nth-child(3n) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 16.2rem;}
.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;}


/* 成功案例 */
.g_an{height: 14.4rem; padding-top: 3rem;}
.g_an .sclwrap_box,.g_an .m-box {height: 8rem;}
.g_an h2{text-align: center;color: #3f3f3f;font-size: 1.6rem;font-weight: normal; height: 4.6rem;}
.g_an h2 em{display: block; color: #ccc;font-size: 1rem;text-transform: capitalize; font-weight: bold;}
.g_an h2 b{color: #252525;}
.m_an{position: relative;}
.m_an .prev, .m_an .next {
    height:1.9rem;
    position: absolute;
    text-align: center;
    top:2.5rem;
    width: 1.9rem;
    z-index: 99;
}
.m_an .prev {left: 3%;}
.m_an .next {right: 3%;}
.m_an .prev img,.m_an .next img{width: 100%;}
.m_an .nowarp {
    margin: 0 5% 0 5%;
    overflow: hidden;
    position: relative;
    width: 89.125%;
}
.m_an .u_lst2 {float: left; display: inline; width: 100%;   }
.m_an .u_lst2 li{width:50%;float: left;position: relative;}
.m_an .u_lst2 li:last-child img{ margin-right: 0;border-left: none;}
.m_an .u_lst2 li img{width: 100%;display: block;border: 1px solid #e5e5e5;
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;  }


/* 彩盛产品中心 */
.g_cpfl{background:url(../../Mobile/Images/Index/cpbg.jpg) no-repeat;background-size: 100%;height: 64.4rem;}
.g_cpfl h2{text-align: center;color: #fff;font-size: 1.6rem;font-weight: normal; padding-top: 1.7rem; height: 5.2rem;}
.g_cpfl h2 em{display: block; color: #edf7ff;font-size: 1rem;font-weight: bold;text-transform: capitalize;}
.g_cpfl h2 b{color: #fff;}
.g_cpfl .m_fl{height: 7.6rem;background: #fff; margin-bottom: 1.1rem;}
.g_cpfl .m_fl li{height: 3.8rem;line-height: 3.8rem;text-align: center;width: 33.33333333333333%;font-size: 1.1rem;color: #3d424c;border: 0.1rem solid #dcdcdc;float: left; border-right: none;border-bottom: none;   box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.g_cpfl .m_fl li a{color: #3d424c}
.g_cpfl .m_fl li:nth-child(12){position: relative; font-size: 1.1rem;color: #38ade3;font-weight: bold;}
.g_cpfl .m_fl li:nth-child(3n){border-right: 0.1rem solid #dcdcdc;}
.g_cpfl .m_fl li:nth-child(1):before{content: "";position: absolute;/*background:url(../../Mobile/Images/Index/flico.jpg) no-repeat;*/background-size: 100%; width: 1.1rem;height: 1.1rem;left:5%;top:1.5rem;}
.g_cpfl .m_cp {margin-left: 4%;}
.g_cpfl .m_cp dl{position: relative; float: left;width: 47%;margin-right: 3%;margin-bottom: 0.7rem;}
.g_cpfl .m_cp dt,.g_cpfl .m_cp dt img{width: 100%;display: block;}
.g_cpfl .m_cp dd{position: absolute; left:55%;top:1.2rem;}
.g_cpfl .m_cp dd h3{font-size: 0.9rem;font-weight: bold;color: #3f3f3f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.g_cpfl .m_cp dd h3 em{display: block;color:#3f3f3f;font-weight: normal;}
.g_cpfl .m_cp dd:before{content: "";position: absolute;background:url(../../Mobile/Images/Index/flico.jpg) no-repeat;background-size: 100%; width: 1.1rem;height: 1.1rem;left:5%;top:3.5rem;}

.g_lc{background:url(../../Mobile/Images/Index/lcbg.jpg) no-repeat;background-size: 100%;height: 29.4rem;}
.g_lc h2{text-align: center;color: #fff;font-size: 1.6rem;font-weight: normal; padding-top: 1.7rem; height: 7.8rem;}
.g_lc h2 em{display: block; color: #edf7ff;font-size: 1rem;font-weight: bold;text-transform: capitalize;}
.g_lc h2 b{color: #fff;}
.g_lc ul{margin-left: 7%;}
.g_lc li{float: left;width: 24%;margin-right: 10%;font-size: 1.1rem;color: #252525;text-align: center;height: 9.5rem;}
.g_lc li:nth-child(3n){margin-right: 0;}
.g_lc li em,.g_lc li em img{display: block;width: 100%;}
.lcimg,.lcimg img{width: 100%;display: block;}


/* 优势 */
.g_ys {height:26.5rem; background:url(../../Mobile/Images/Index/ysbg.jpg) no-repeat;background-size: 100%;height: 49.5rem;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 38rem;}
.g_ys h2{text-align: center;color: #3f3f3f;font-size: 1.6rem;font-weight: normal; height: 7.6rem;}
.g_ys h2 em{display: block; color: #cccccc;font-size: 1rem;font-weight: bold;margin-bottom: 0.8rem;text-transform: capitalize;}
.g_ys h2 b{color: #3f3f3f;display: block;}
.g_ys .m-cnt {position: relative;background: #39ade3; height: 3.3rem;line-height:3.3rem; margin-bottom: 0.6rem;}
.g_ys .m-cnt li { color: #fff; position: relative; text-align: center;font-weight: bold;
    display: inline;height:3.3rem; line-height:3.3rem;  border-right: 1px solid #fff;
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    float: left;
    font-size: 1.1rem;
    text-align: center;
    width:25%;}
.g_ys .m-cnt li:nth-child(4n){border-right: none;}
.g_ys .m-cnt li.z-on {position: relative; color: #fff;background: #0e6eb8;}
.con{float: left; display: inline;}
.g_ys dt{margin: 0 1.5%;width: 97%}
.g_ys dt img{width: 100%;display: block;}
.g_ys dt em{display: block;width: 100%;height: 4rem;line-height: 4rem;text-align: center;font-size: 1rem;color: #252525;}
.g_ys dd{margin: 1rem 4% 0;}
.g_ys dd h3{height: 4rem;font-size: 1.1rem;color: #333;font-weight: bold;}
.g_ys dd h3 em{display: block;font-size: 1rem;color: #cccccc;font-weight: bold;}
.g_ys dd p{position: relative;padding-left: 6%;font-size: 1rem;line-height: 2rem;color: #252525;}
.g_ys dd p:before{content: "";position: absolute;width: 0.7rem;height: 0.7rem;background: #38ade3;border-radius: 50%;background: #38ade3;left:0;top:0.7rem;}


/* 荣誉证书 */
.demo-box {background: #e9eef1;/* height: 38rem;*/height:34.2rem;  width: 100%;  overflow: hidden;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:22rem;overflow: hidden;}
.demo-box h2{background:url(../../Mobile/Images/Index/antit.jpg) no-repeat;background-size: 100%; text-align: center;color: #fff;font-size: 1.6rem;font-weight: normal; height: 5rem; padding-top: 1.9rem;margin-bottom: 1rem;}
.demo-box h2 em{display: block; color: #edf7ff;font-size: 1rem;font-weight: bold;text-transform: capitalize;}
.demo-box h2 b{color: #fff;display: block;}
.demo-box .column-list {/*height:7.6rem;*/height:3.8rem; margin: 0 5% 1.4rem;background: #fff;}
.demo-box .column-list li{position: relative; width: 33.3333333333333%; height: 3.8rem;line-height: 3.8rem;text-align: center; float: left; font-size: 1.1rem;color: #000000;border: 0.1rem solid #dcdcdc; border-right: none;border-bottom: none;     box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.demo-box .column-list li.z-on { color: #38ade3;}

.demo-box .box-style { padding: 0 5% 0 5%;position: relative; width: 90%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 1.9rem;
    position: absolute;
    text-align: center;
    top: 8rem;
    width: 1.9rem;
    z-index: 99;
}
.demo-box .box-style .prev { left: 1.5%;}
.demo-box .box-style .next {right: 1.5%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .page { width: 100%; float: left; display: inline;}
.demo-box .box-style .page li{float: left; width: 100%;}
.demo-box .box-style .page li em{display: block; height: 3rem; line-height:3rem; text-align: center; color: #333333; font-size: 1rem;text-align: center; }
.demo-box .box-style .page li img{width: 100%; display: block;}


/* 荣誉证书 */
.demo-box2 {height: 17.6rem;  width: 100%;  overflow: hidden; }
.demo-box2 .box-style .sclwrap_box,.demo-box2 .box-style {height:13rem;}
.demo-box2 .column-list {height: 3.2rem;line-height: 3.2rem; border-bottom: 0.1rem solid #c1c1c1;  margin: 0 4% 2rem;}
.demo-box2 .column-list li{position: relative; width: 23%; margin-right: 15%; float: left; font-size: 1.1rem;color: #333333;text-align: center; }
.demo-box2 .column-list li:nth-child(3){margin-right: 0;}
.demo-box2 .column-list li.z-on { color: #26a3de;font-weight: bold;border-bottom: 0.2rem solid #3daee2;}
.demo-box2 .box-style {position: relative; width: 92%; padding: 0 4%;float: left; display: inline;}
.demo-box2 .box-style .prev, .demo-box2 .box-style .next {
    height: 1.9rem;
    position: absolute;
    text-align: center;
    top: 4rem;
    width: 1.9rem;
    z-index: 99;
}
.demo-box2 .box-style .prev { left: 1.5%;}
.demo-box2 .box-style .next {right: 1.5%;}
.demo-box2 .box-style .prev img,.demo-box2 .box-style .next img{width: 100%;}
.demo-box2 .box-style .page { width: 100%; float: left; display: inline;}
.demo-box2 .box-style .page li{float: left; width: 48%; margin-right: 3%; position: relative;}
.demo-box2 .box-style .page li:nth-child(2){margin-right: 0;}
.demo-box2 .box-style .page li em{display: block; height: 3rem; line-height:3rem; text-align: center; color: #333333; font-size: 1.2rem;text-align: center; }
.demo-box2 .box-style .page li img{width: 100%; display: block;}


/* 走进*/
/* .g_zj{height: 40.2rem;} */
.g_zj h2{background:url(../../Mobile/Images/Index/abtit.jpg) no-repeat;background-size: 100%; text-align: center;color: #fff;font-size: 1.6rem;font-weight: normal; height: 5rem; padding-top: 1.9rem;margin-bottom: 2rem;}
.g_zj h2 em{display: block; color: #edf7ff;font-size: 1rem;font-weight: bold;text-transform: capitalize;}
.g_zj h2 b{color: #fff;display: block;}
.g_zj dl{padding-left: 6%;}
/* .g_zj dt{width: 52%; float: right;} */
.g_zj dt img{display: block;width: 100%;}
/* .g_zj dd{float: left;width: 48%} */
.g_zj dd b{position: relative; display: block;padding-top: 0.7rem;height: 2.2rem;font-size: 0.8rem;font-weight: bold;color: #38ade3; padding-left: 40%;}
.g_zj dd b:before{content: "";position: absolute;width: 6rem;height: 1px;background: #38ade3;right: 0;top:2rem;}
.g_zj dd h3{height: 3.6rem;font-size: 1.7rem;line-height: 2.4rem;color: #1f1715;font-weight: bold;}
.g_zj dd p{color: #747474;font-size: 1rem;height: 15.3rem; line-height: 1.7rem;overflow: hidden; padding-right: 15%;}
.g_zj dd span{display: block;font-size: 1rem;}
.g_zj dd span a{color: #38ade3;}


/*资讯*/
.g_zx{height:27rem;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 23.5rem;}
.g_zx p{width: 90%;margin: 0 5%}
.g_zx p img{width: 100%;display: block;}
.zx-c .u_lst7{padding-top: 1.2rem;margin: 0 5%; }
.zx-c .u_lst7 li{position: relative;padding-left: 5%; height:3rem; line-height: 3rem;border-bottom: 1px dashed #cdcdcd; font-size: 1.1rem; color: #000000; overflow: hidden;}
.zx-c .u_lst7 li a{color: #000000; }
.zx-c .u_lst7 li:before{content: "";position: absolute; background: #38ade3; width: 0.7rem;height: 0.7rem;left:0;top:1.1rem;border-radius: 50%;}

.til02 {position: relative;overflow: hidden;height:3.3rem;line-height:3.3rem; background: #32abe2;font-weight: bold; }
.til02 li,.til02{height:3.3rem;line-height:3.3rem;}
.til02 li { color: #fff;font-weight: bold;text-align: center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right: 1px solid #fff;
    display: inline;
    float: left;
    font-size: 1.1rem;
    text-align: center;
    width: 33.33333333333%;}
.til02 li.z-on { background: #0e6eb8;}












html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}