/*自定义样式*/

.wrap img{ width:100%; font-family: "Microsoft Yahei";}
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }

/*banner*/
.g-adv{ height:42.5rem; width: 100%;  overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{height: 42.5rem; width: 100%; overflow:hidden;}
.g-adv .m-box li{ height: 42.5rem; overflow: hidden; width: 100%;}
.g-adv .m-box li img{display: block; height: 42.5rem; width: 100%; }

/*案例*/
.g-case{padding-top: 2.4rem; position: relative; background: #f2f2f2; height:40.4rem;}

.m-h2{ margin:0 auto 0.75rem; height: 6.75rem; position: relative; width: 100%; text-align: center;}
.m-h2 b{display: block; height: 4.0rem; color: #333;font-weight: bold;font-size: 1.8rem; line-height: 4.0rem; background:url(/mobile/Images/Index/tic.gif) no-repeat center bottom; background-size: 1.8rem 0.15rem;}
.m-h2 em{color: #29166f; display: block; font-size: 1.2rem; line-height: 2.75rem; letter-spacing: 0.7rem; }

.case_pic{ width:93.75%; margin: 0 auto;}
.case01 ul li{position: relative; background: #fff; margin-right: 0.6rem; width:31.83%; height:23.9rem; float: left; position: relative; text-align: center;}
.case01 ul li span{margin:0.75rem auto; width: 2.45rem; padding-top: 0.9rem; height: 6.7rem;display: block; overflow: hidden; color: #29166f; border: 1px solid #29166f; font-size: 1.2rem; line-height: 1.2rem;}
.case01 ul li em{position: absolute;bottom: 0rem;left:0rem;width: 100%; display: block; height: 14.2rem; }
.case01 ul a:nth-child(3) li{ margin-right: 0rem;}
.case01 ul li.cs_li span{ padding-top: 1.3rem; height: 6.3rem;}


.g-case .jt{ width:3.2rem; height:3.2rem; position: absolute; top:36.4rem; z-index: 10;}
.case_prev{left:30%;}
.case_next{right:30%;}

.case_pagin{height:0.7rem; text-align: center; padding-top: 3.0rem;clear: both;}
.case_pagin span{width:0.7rem; height:0.7rem; margin:0 0.6rem 0; opacity: 1;background: #0194dc;vertical-align: top; transition :all 0.5s ease;  border-radius: 100%; display:inline-block;}
.case_pagin span.swiper-pagination-bullet-active{width:0.7rem; height:0.7rem; border-radius: 100%;background: #29166f;  transition:all 0.5s ease;}

/*m-pro*/
.m-pro{width:100%;padding-top:2.4rem; height:53rem; overflow:hidden; background:url(/mobile/Images/Index/pro_bg.jpg) no-repeat center top; background-size: 100% 0.85rem;}
.m-pro .m-h2{margin: 0 auto 1.2rem; }

.pro_t{width: 93.75%; margin: 0 auto 1.8rem;}
.pro_t dl{border: 1px solid #d9d9d9; border-top: 0rem; height: 3.35rem; overflow: hidden; line-height: 3.35rem;}
.pro_t dt{float: left;width: 30%; padding-left: 0.8rem; border-right: 1px solid #d9d9d9; color: #222; font-size: 1.3rem; font-weight: bold;background:url(/mobile/Images/Index/pro_ic.gif) no-repeat 7.6rem center; background-size:0.5rem 0.7rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_t dd{ float: left; width:35%;text-align: center;  color: #666; font-size: 1.1rem;}
.pro_t dd.pro_dd1{ background:url(/mobile/Images/Index/pro_ic2.gif) no-repeat right center; background-size: 0.6rem 1.0rem;}
.pro_t dl.pro_dl{height: 6.5rem;border-top: 1px solid #d9d9d9;}
.pro_t dl.pro_dl dt{line-height: 6.5rem;}
.pro_t dd.pro_dd2{border-bottom: 1px solid #d9d9d9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}


.pro_c ul{overflow: hidden; width:93.75%; margin:0 auto;}
.pro_c ul li{line-height: 0rem;float: left; text-align: center; height: 11.2rem; width:47.5%;}
.pro_c ul li img{width: 100%; border: 1px solid #e2e2e2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_c ul li span{color: #666;display: block;  font-size:1.1rem; height:2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:2.5rem;}
.pro_c ul li:nth-child(2n){float: right;}

.pro_c p{height: 2.9rem; margin: 0.8rem auto 0;width: 42.33%; line-height: 2.9rem;font-size: 1.2rem; color: #29166f; text-align: center;border:1px solid #29166f; }

/*anli*/
.m-anli{position: relative; padding-top: 2.3rem; height:68.2rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/al_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100% 70.5rem;}
.m-anli .m-h2{margin: 0 auto 1.25rem;}
.m-anli .m-h2 b{color: #fff;background:url(/mobile/Images/Index/tic2.gif) no-repeat center bottom; background-size: 1.8rem 0.15rem;}
.m-anli .m-h2 em{color: #fff;  letter-spacing: 0.3rem;}

.m-anli dl{font-family:"Microsoft Yahei"; width: 93.75%; margin: 0 auto 0.8rem; height: 8.6rem;}
.m-anli dl dt{float: left; width:26.5%; height:7.95rem; overflow: hidden;}
.m-anli dl dt img{border-radius: 100%;}
.m-anli dl dd{float: right; height: 8.6rem; border-bottom: 1px solid #ececec;  width:67.33%;position: relative;}
.m-anli dl dd h3{color: #29166f; font-size:1.2rem; line-height:3.0rem; font-weight: bold; }
.m-anli dl dd p{color: #666;font:1.2rem/1.9rem "Microsoft Yahei";}
.m-anli dl.z-on dd{border: 0px;}

.anli_t{height: 20.4rem; width:100%; margin: 0 auto;}
.anli_t dl{float: left; text-align: center; width:33.33%;}
.anli_t dl dt{float: none; margin: 0 auto; border: 0.25rem solid #fff; border-radius: 100%; width:8.0rem; height: 8.0rem;}
.anli_t dl dd{float: none; width: 90%; border:0px;}
.anli_t dl dd h3{color: #fff; font-size: 1.2rem; line-height: 2.6rem; font-weight: bold;}
.anli_t dl dd p{color: #fff; font-size: 1.0rem; line-height: 1.5rem;}

/*m-hor*/
.g-pro{position: relative; padding-top: 0.7rem; height:44.3rem; width:100%; overflow:hidden; background:url(/mobile/Images/Index/pz_bg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size:100% 8.6rem;}
.g-pro .m-h2{margin: 0 auto 3.0rem;}
.g-pro .m-h2 b{color: #fff;background:url(/mobile/Images/Index/tic2.gif) no-repeat center bottom; background-size: 1.8rem 0.15rem;}
.g-pro .m-h2 em{color: #fff;  letter-spacing: 0.3rem;}

.m-pz .c-list{margin:0 auto; width: 93.75%; height:8.15rem; overflow:hidden; }
.m-pz .c-list li{ float:left; text-align:center; margin-bottom: 1.0rem; margin-right: 1.05rem; width:30.83%; height:2.75rem; color:#666; font:1.2rem/2.75rem "Microsoft Yahei"; overflow:hidden; background:url(/mobile/Images/Index/pz_ic2.jpg) no-repeat left top; background-size:100%;}
.m-pz .c-list .z-on{ color: #0194dc; background:url(/mobile/Images/Index/pz_ic1.jpg) no-repeat left top; background-size: 100%;}
.m-pz .c-list li:nth-child(3n),.m-pz .c-list a:nth-child(3n) li{margin-right: 0rem;}

.pro_nav{margin:0 auto; width: 93.75%; height:8.15rem; overflow:hidden;}
.pro_nav p{float:left; text-align:center; margin-bottom: 1.0rem; margin-right: 1.05rem; width:30.83%; height:2.75rem; color:#666; font:1.2rem/2.75rem "Microsoft Yahei"; overflow:hidden; background:url(/mobile/Images/Index/pz_ic2.jpg) no-repeat left top; background-size:100%;}
.pro_nav p.cur{ color: #0194dc; background:url(/mobile/Images/Index/pz_ic1.jpg) no-repeat left top; background-size: 100%;}
.pro_nav p.nones{margin-right: 0rem;}

.pro_con{ width:93.75%; margin: 0 auto; position: relative;}
.pro_con dl{ margin:0 auto; width:100%;  overflow:hidden;}
.pro_con dl dt{ margin: 0 auto 1.1rem; width:92.5%; height: 16.7rem; overflow:hidden;}
.pro_con dd{width: 100%;}
.pro_con dd h3{color: #222; font-size: 1.2rem; line-height: 2.8rem; text-align: center; font-weight: bold;}
.pro_con dd p{ color:#666; font:1.1rem/1.5rem "Microsoft Yahei";}
.pro_con dd p a{ color: #0194dc;}

.pro_con .jt{position:absolute; z-index:999; width:2.75rem; height:2.75rem; overflow:hidden; top:7.0rem;}
.pro_con .jt img{display: block; width: 100%;z-index:999;}
.pro_con .kh2_prev{left: 0%;z-index:999;}
.pro_con .kh2_next{right:0%;z-index:999;}


/*about*/
.m-about{height: 33.0rem; overflow: hidden;}
.m-about h2{margin: 0 auto 1.9rem; color: #fff; text-align: center; background: #29166f; height: 4.3rem; line-height: 4.3rem; font-size: 1.8rem; font-weight: bold;}

.m-about dl{width:93.75%; margin:0 auto;}
.m-about dl dt{ margin: 0 auto; width:96.67%; height:15.0rem; overflow:hidden;}
.m-about dd{width: 100%;}
.m-about dd h3{color: #222; font-size: 1.2rem; line-height: 3.3rem; text-align: center; font-weight: bold;}
.m-about dd p{ color:#666; font:1.1rem/1.9rem "Microsoft Yahei";}
.m-about dd p a{ color: #0194dc;}


/*m-new*/
.m-new{position: relative; height:19.6rem;width:100%;}
.m-new .new_m{position: absolute;right:0rem;top:0rem; width: 15%; height: 3.4rem; line-height:3.4rem; font-size:1.4rem; color: #fff; display: inline-block;}

.m-new .m-cnt{margin:0 auto 0.6rem; width:100%; height: 3.4rem; overflow:hidden;background:url(/mobile/Images/Index/new_bg.jpg) no-repeat center top; background-size: 100% 3.4rem;}
.m-new .m-cnt li{position: relative; float:left; text-align: center; height: 3.4rem; width: 30%; font-size: 1.4rem;line-height: 3.4rem; color: #fff;}
.m-new .m-cnt li.z-on{background: #29166f; height: 3.4rem;}
.m-new .m-cnt li:nth-child(1):before{position: absolute; content: ""; right: 0rem;top:0rem; height: 100%; width: 1px; background: #292929;}
.m-new .m-cnt li:nth-child(2):after{position: absolute; content: ""; left: 0rem;top:0rem; height: 100%; width: 1px; background: #727272;}

.m-new .sclwrap_box,.m-new .m-box{ height:12.5rem; overflow:hidden;}
.m-new .con{float:left; width:100%; display:inline;}
.new_c {width: 100%;}
.new_c ul{margin:0 auto;  width:89.53125%; overflow: hidden; }
.new_c ul li{padding-left: 1.0rem; overflow: hidden; line-height:3rem; font-size: 1.1rem; height:3rem; border-bottom: 1px dashed #e3e3e3; color: #666;background:url(/mobile/Images/Index/new_ic.gif) no-repeat left center; background-size:0.35rem 0.35rem;}






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