/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:15rem; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:15rem; overflow:hidden;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:8.75rem; overflow:hidden; position:relative;
    background-color:#7c367c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7c367c), to(#50306e)); 
    background-image: -webkit-linear-gradient(left, #7c367c, #50306e); 
    background-image: -moz-linear-gradient(left,  #7c367c, #50306e); 
    background-image: -o-linear-gradient(left,  #7c367c, #50306e); 
    background-image: -ms-linear-gradient(left, #7c367c, #50306e); 
    background-image: linear-gradient(left, #7c367c, #50306e);}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#7a4b89; border-top: 1px solid #5a2d69;} 
nav a{ color:#fff; font-size:1.3rem; width:33%; text-align:center; height:4.4rem; line-height:4.4rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:4.4rem; top:0; right:0; background:#7a4b89; border-right: 1px solid #5a2d69;}
nav a:nth-child(3n):before{ background:none;}

/**/
.h{ height: 7.3rem; overflow: hidden; text-align: center; background: url(/mobile/Images/Index/h.jpg) no-repeat left top; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.h h2{ font-size: 1.3rem; color: #7a367c; font-weight: bold; font-family: "Microsoft Yahei"; margin-top: 1.5rem;}
.h h2 a{ display: block; font-size: 2rem; color: #7a367c; font-weight: bold; font-family: "Microsoft Yahei";}


/**/
.qua{ background: #f3f3f3; height: 24.05rem; overflow: hidden;}
.qua h2{ padding-top: 2.7rem; height: 8.65rem; overflow: hidden; text-align: center; font-size: 1.2rem; color: #343434;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.qua h2 b{ display: block; font-size: 1.7rem; overflow: hidden; color: #7d367c; line-height: 2.9rem;}

.qua_con{ width: 29rem; margin: 0 auto;}
.qua_con .con{ float: left; display: inline; width: 100%;}

.qua_c{ height: 11.65rem; overflow:hidden;}
.qua_c dl dt{ width: 9.65rem; height: 9.65rem; overflow: hidden;}
.qua_c dl dd{ height: 9.65rem; overflow: hidden; position: relative; margin-left: 1.2rem; width: 17.8rem; font-size: 1.2rem; line-height: 2.1rem; color: #555;}
.qua_c dl dd:before{ position: absolute; content: ""; width: 2.25rem; height: 2px; background: #bbb; bottom: 0; left: 0;}

.qua_q{ margin-left: 10.95rem; height: 0.7rem;}
.qua_q li{ margin-right: 0.5rem; float: left; width: 0.7rem; height: 0.7rem; border: 1px solid #959595; border-radius: 4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.qua_q .z-on{ width: 3.4rem; background: url(/mobile/Images/Index/que_qb.jpg) no-repeat left top; border: 0;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}


/**/
.pro{ height: 49.7rem; overflow: hidden; background: url(/mobile/Images/Index/pro_bj.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.pro h2{ height: 8.8rem; overflow: hidden; text-align: center; font-size: 1.2rem; color: #343434; font-family: "Microsoft Yahei";font-weight: normal; padding-top: 2.6rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro h2 a{ display: block; color: #7d367c; font-size: 1.9rem; line-height: 2.7rem; font-weight: bold;}

.pro_list{ margin: 0 auto; height: 6.8rem; width: 29rem; border: 2px solid #291c32; overflow: hidden; position: relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_list:before{ position: absolute; content: ""; width: 100%; height: 2px; background: #291c32; top: 50%; left: 0;}
.pro_list ul li{ width: 33.3%; float: left; line-height: 3.35rem; font-size: 1.4rem; color: #291c32; text-align: center;}
.pro_list ul li a{ color: #291c32;}

.pro_con{ width: 29rem; margin: 2.05rem auto 0;}
.pro_con ul li{ margin-bottom: 1.5rem; float: left; width: 13.8rem; height: 13.8rem; overflow: hidden; margin-right: 1.4rem; position: relative;}
.pro_con ul li em{ display: inline-block; width: 100%; position: absolute; height: 3.7rem; line-height: 3.7rem; overflow: hidden; text-align: center; bottom: 0; left: 0; font-size: 1.2rem; color: #010101;}
.pro_con ul li:nth-child(2n){ margin-right: 0;}
/**/
.case{ height: 22.55rem; overflow: hidden;}

.case h2{ font-size: 1.2rem; color: #343434; font-family: "Microsoft Yahei"; height: 8.85rem; overflow: hidden; text-align: center; font-weight: normal; padding-top: 2.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.case h2 a{ display: block; color: #7d367c; font-size: 1.9rem; line-height: 2.7rem; font-weight: bold;}

.case dl{ width: 29rem; margin: 0 auto;}
.case dl dt{ width: 13.8rem; height: 10.85rem; overflow: hidden;}
.case dl dt img{ width: 100%; border: 2px solid #b8b8b8;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.case dl dd{ width: 13.8rem; margin-left: 1.4rem;}
.case dl dd p{ font-size: 1.2rem; color: #555; line-height: 2.1rem;}
.case dl dd p a{ display: block; font-size: 1.3rem; color: #010101;}
.case dl dd span{ font-size: 1.1rem; overflow: hidden; line-height: 2.5rem; font-family: "Microsoft Yahei"; padding-left: 0.9rem; display: block; width: 10.3rem; height: 2.5rem; overflow: hidden; background: url(/mobile/Images/Index/case_btn.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.case dl dd span a{ color: #fff;}

/**/
.edgv{ height: 43.85rem; overflow: hidden; background: #f3f3f3;}
.edgv h2{ padding-top: 3rem; height: 9.5rem; overflow: hidden; text-align: center; background: url(/mobile/Images/Index/edgv_h.jpg) no-repeat left top; font-size: 1.2rem; color: #343434;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv h2 b{ display: block; font-size: 1.9rem; overflow: hidden; color: #7d367c;}

.edgv_con{ width: 29rem; margin: 0 auto; position: relative;}
.edgv_con .con{ float: left; display: inline; width: 100%;}

.edgv_c{ width: 29rem; margin: 0 auto;}
.edgv_c span{ display: block; width: 29rem; height: 14.5rem; overflow: hidden;}
.edgv_c dl{ height: 18.7rem; overflow: hidden; background: #fff; padding: 1.5rem 1.5rem 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv_c dl dt{ height: 4.1rem; overflow: hidden;}
.edgv_c dl dt em{ margin-top: 0.4rem; display: block; width: 3.3rem; height: 3.1rem; overflow: hidden;}
.edgv_c dl dt p{ font-size: 1.4rem; font-weight: bold; color: #000; width: 20.9rem; margin-left: 1.5rem;}
.edgv_c dl dd p{ font-size: 1.2rem; color: #555; font-family: "Microsoft Yahei"; line-height: 2.2rem; position: relative; padding-left: 1.8rem;}
.edgv_c dl dd p:before{ position: absolute; content: ""; width: 0.85rem; height: 0.85rem; border: 2px solid #555; border-radius: 10rem; top: 0.8rem; left: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv_c dl dd p em{ color: #7b367c;}


.e_q{ position: absolute; height: 0.7rem; bottom: 1rem; left: 10.9rem;}
.e_q li{ margin-right: 0.5rem; float: left; width: 0.7rem; height: 0.7rem; border: 1px solid #959595; border-radius: 4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.e_q .z-on{ width: 3.4rem; background: url(/mobile/Images/Index/que_qb.jpg) no-repeat left top; border: 0;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}


/**/
.ad{ height: 12.75rem; overflow: hidden; position: relative;}
.ad p{ font-size: 1.1rem; color: #fff; font-family: "Microsoft Yahei"; position: absolute; bottom: 2.3rem; left: 1.6rem;}
.ad p span{ font-size: 1.3rem; font-weight: bold; font-family: Arial; color: #fff;}


/**/
.cus{ height: 29.15rem; overflow: hidden;}

.cus h2{ padding-top: 1.9rem; height: 8.4rem; overflow: hidden; text-align: center; font-size: 1.2rem; color: #343434;-webkit-background-size:100% ;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cus h2 a{ display: block; font-size: 1.75rem; overflow: hidden; color: #7d367c; font-weight: bold; line-height: 3.8rem;}

.cus_con{ height: 13.95rem; overflow: hidden; position: relative;}
.cus_con .m-box{ float: left; width: 100%; display: inline;}

.cus_x{ height: 11.2rem; overflow: hidden; width: 29rem; margin: 0 auto; position: relative;}
.cus_x .no_ov{ width: 24.5rem; margin: 0 auto;}
.cus_x .prev ,.cus_x .next{ position: absolute; width: 1.75rem; height: 2.6rem; overflow: hidden; top: 3.3rem;}
.cus_x .prev{ left: 0;}
.cus_x .next{ right: 0;}

.cus_c dl dt{ width: 9.25rem; height: 9.2rem; overflow: hidden;}
.cus_c dl dd{ width: 14rem; margin-left: 1rem; font-size: 1.2rem; line-height: 2.2rem; color: #797979;}
.cus_c dl dd a{ display: block; font-size: 1.3rem; color: #4f4e4e; font-weight: bold;}

.cus_lo{ margin: 2.4rem auto 0; width: 24.7rem;}
.cus_lo ul li{ margin-right: 0.6rem; width: 12rem; height: 4.55rem; overflow: hidden; float: left; }
.cus_lo ul li:nth-child(2n){ margin-right: 0;}
.cus_q{ padding-left: 7.6rem; width: 100%; height: 2.75rem; overflow: hidden; position: absolute; background: #fff; top: 11.2rem; left: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cus_q:before ,.cus_q:after{ position: absolute; content: ""; width: 7.6rem; height: 2px; background: #797979; top: 1.35rem;}
.cus_q:before{ left: 0;}
.cus_q:after{ right: 0;}

.cus_q li{ float: left; width: 8.4rem; background: #fff; height: 2.75rem; overflow: hidden; text-align: center; font-size: 1.3rem; font-family: "Microsoft Yahei"; line-height: 2.55rem; border: 2px solid #797979; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cus_q .z-on{ border: 0; line-height: 2.75rem; color: #fff;background-color:#7c367c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7c367c), to(#50306e)); 
    background-image: -webkit-linear-gradient(left, #7c367c, #50306e); 
    background-image: -moz-linear-gradient(left,  #7c367c, #50306e); 
    background-image: -o-linear-gradient(left,  #7c367c, #50306e); 
    background-image: -ms-linear-gradient(left, #7c367c, #50306e); 
    background-image: linear-gradient(left, #7c367c, #50306e);}

.cus_tel{ height: 6.8rem; overflow: hidden; text-align: center;}
.cus_tel p{ font-size: 1.5rem; color: #7a367c; font-family: "Microsoft Yahei"; line-height: 5.2rem;}
.cus_tel p span{ font-weight: bold; font-family: Arial;}

/**/
.about{ height: 38.1rem; overflow: hidden; background: #e8e8e8;}
.about h2{ text-align: center; line-height: 5.15rem; font-size: 1.8rem; font-weight: bold; overflow: hidden; height: 5.15rem; background: url(/mobile/Images/Index/a_h.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.about h2 a{ color: #79367c;}
.about dl{ width: 29rem; height: 29.85rem; overflow: hidden; background: #fff; margin: 0 auto;}
.about dl dt{ width: 29rem; height: 11.55rem; overflow: hidden;}
.about dl dd{ width: 26.7rem; margin: 0 auto;}
.about dl dd span{ display: block; font-size: 1.4rem; overflow: hidden; line-height: 3rem; margin-top: 0.5rem; text-align: center; font-family: "Microsoft Yahei";}
.about dl dd span a{ color: #343434;}
.about dl dd p{ font-size: 1.2rem; color: #797979; line-height: 2.1rem; font-family: "Microsoft Yahei";}
.about dl dd p a{ color: #7c367c;}
.about dl dd em{ margin-top: 1.5rem; margin-left: 6.4rem; display: block;}
.about dl dd em a{ background: url(/mobile/Images/Index/a_btn2.gif) no-repeat left top; line-height: 2.6rem; padding-left: 1.3rem; display: inline-block; width: 7.7rem; height: 2.6rem; font-size: 1rem; color: #595959; overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.about dl dd em a:nth-child(1){ background: url(/mobile/Images/Index/a_btn.jpg) no-repeat left top; color: #fff; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}


/**/
.team{ height: 25.8rem; overflow: hidden; background: #e9e9e9;}
.team h2{ height: 6.15rem; text-align: center; line-height: 6.15rem; background: url(/mobile/Images/Index/t_h.jpg) no-repeat left top; color: #fff; font-size: 1.8rem; font-weight: bold; font-family: "Microsoft Yahei";}

.te_con{ width: 29rem; margin: 2rem auto 0;}

.t_q{ height: 3.5rem; overflow: hidden; border: 0.15rem solid #625969;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.t_q li{ width: 25%; height: 3.5rem; overflow: hidden; text-align: center; float: left; font-size: 1.3rem; color: #291c32; line-height: 3.2rem;}
.t_q .z-on{ background: url(/mobile/Images/Index/t_hb.jpg) no-repeat left top; color: #fff;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.te_x{ margin-top: 2rem; height: 12.2rem; width: 29rem; position: relative; overflow: hidden;}
.te_x .no_ov{ width: 24rem; margin: 0 auto;}
.te_x .prev ,.te_x .next{ position: absolute; width: 1.75rem; height: 2.6rem; overflow: hidden; top: 3.3rem;}
.te_x .prev{ left: 0;}
.te_x .next{ right: 0;}

.te_c ul li{ float: left; width: 11.55rem; height: 8.05rem; overflow: hidden; margin-right: 0.8rem;}
.te_c ul li img{ width: 100%; border: 0.1rem solid #d5d5d5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.te_c ul li:nth-child(2){ margin-right: 0;}

/**/
.new{ height: 18.1rem; overflow: hidden; position: relative;}
.new span{ position: absolute; display: block; width: 8rem; height: 3.65rem; line-height: 3.65rem; top: 0; right: 0; text-align: center; font-size: 1.3rem; font-family: Arial; color: #4d4d4d; text-transform: uppercase;}

.n_q{ height: 3.65rem; overflow: hidden; background: #f7f7f7;}
.n_q li{ font-size: 1.3rem; width: 25%; height: 3.65rem; float: left; line-height: 3.65rem; text-align: center; color: #3d3d3d;}
.n_q .z-on{ background: url(/mobile/Images/Index/t_hb.jpg) no-repeat left top; color: #fff;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.n_c{ width: 28rem; margin: 1rem auto 0;}
.n_c ul li{ padding-left: 2.2rem; font-size: 1.2rem; font-family: "Microsoft Yahei"; height: 3.2rem; overflow: hidden; line-height: 3.2rem; background: url(/mobile/Images/Index/n_lb.gif) no-repeat left center;-webkit-background-size:1.2rem; -moz-background-size:1.2rem; -o-background-size:1.2rem; background-size:1.2rem;}
.n_c ul li a{ color: #555;}
/*-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;
*/


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