/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:19.45rem; overflow:hidden;}

.bt{ text-transform: uppercase; font-size: 1rem; color: #575757; font-family: "Microsoft Yahei";  text-align: center; overflow: hidden;}
.bt a{ display: block; font-size: 1.75rem; color: #261712; font-family: "Microsoft Yahei"; letter-spacing: 0.4rem;}
.bt b{ color: #b6131a;}
/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:6rem; overflow:hidden; position:relative; background: #191113;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#474142;}
nav a{ color:#fff; font-size:1rem; width:33.3%; text-align:center; height:3rem; line-height:3rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3rem; top:0; right:0; background:#474142;}
nav a:nth-child(3n):before{ background:none;}
nav a:nth-child(1){ background: #b30000;}

/**/
.cho{ height: 46.15rem; overflow: hidden;}
.cho h2{ height: 8.25rem;}
.cho h2 a{margin-top: 2.6rem;}

.cho_q{ margin-bottom: 1.8rem; border-bottom: 1px solid #dbdbdb; height: 3.45rem; overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cho_q a{ display: block; width: 33.3%; float: left; text-align: center; font-size: 1.1rem; line-height: 3.45rem; color: #261712; height: 3.45rem;}

.cho_q .z-on{ font-weight: bold; color: #b6131a; background: url(/mobile/Images/Index/cho_qhb.gif) no-repeat center bottom;-webkit-background-size: 100% 0.5rem; -moz-background-size: 100% 0.5rem; -o-background-size: 100% 0.5rem; background-size: 100% 0.5rem;}

.cho_con{ width: 95%; margin: 0 auto; overflow: hidden;}
.cho_c{ width: 100%; margin: 0 auto;}
.cho_c ul li{ margin-right: 1rem; margin-bottom: 1rem; background: #e5e5e5; width: 48%; float: left; height: 9.1rem; overflow: hidden;}
.cho_c ul li em{ display: block; width: 3.25rem; height: 3rem; margin-top: 2.5rem; margin-left: 1.8rem;}
.cho_c ul li p{ margin-top: 2.3rem; font-size: 1rem; color: #261712; font-family: "Microsoft Yahei"; width: 8.5rem;}
.cho_c ul li p span{ display: block; font-size: 0.7rem; color: #261712; font-family: "Microsoft Yahei";}
.cho_c ul li p span b{ font-size: 2.3rem; color: #261712;}
.cho_c ul li:nth-child(2n){ margin-right: 0;}

.cho_c1 ul li em{ margin: 1.8rem auto 0;}
.cho_c1 ul li p{ line-height: 3rem; font-weight: bold; text-align: center; width: 100%; margin-top: 0;}

.cho_c2 ul li{ height: auto;}
.cho_c2 ul li em{ margin-top: 0.8rem;}
/**/
.ad{ height: 11.1rem; background: url(http://www.djzr88.com/mobile/Images/Index/ad_bj.jpg) no-repeat center top; overflow: hidden;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ad p{ margin-top: 7.1rem; margin-left: 14.3rem; font-size: 0.95rem; color: #fff; font-family: "Microsoft Yahei";}
.ad p span{ font-size: 1.1rem; font-weight: bold;}

/**/
.dep{ height: 47.1rem; overflow: hidden; position: relative; }
.dep h2{ height: 8.15rem;}
.dep h2 a{ margin-top: 3rem;}

.dep_con{ width: 87%; margin: 0 auto; overflow: hidden; height: 33.5rem; overflow: hidden;}
.dep_c{ width: 100%; overflow: hidden;}
.dep_c dl dt{ width: 100%; height:17.5rem; overflow: hidden;}
.dep_c dl dd span{ margin-top: 1.2rem; display: block; text-align: center; font-size: 1.1rem; color: #333; font-family: "Microsoft Yahei";}
.dep_c dl dd span a{ font-size: 1.3rem; color: #c00b12; display: block;}
.dep_c dl dd p{ margin-top: 1rem; font-size: 1rem; font-family: "Microsoft Yahei"; color: #666; text-align: center; line-height: 1.5rem;}

.dep_q{ width: 7.1rem; margin: 0 auto; overflow: hidden; height: 0.8rem;}
.dep_q a{ display: block; float: left; width: 0.8rem; height: 0.8rem; margin-right: 1.2rem; background: #222; border-radius: 100%;}
.dep_q .z-on{ background: #c00b12;}
.dep_q a:nth-child(4){ margin-right: 0;}

.dep .dep_l ,.dep .dep_r{ width: 1.5rem; height: 1.6rem; overflow: hidden; position: absolute; bottom: 4.2rem;}
.dep .dep_l{ left: 9.75rem;}
.dep .dep_r{ right: 9.75rem;}

/**/
.pro{ height: 38.05rem; background: #f4f4f4;}
.pro h2{ font-size: 15px; text-align: center; height: 7.6rem; overflow: hidden; font-family: Arial; text-transform: uppercase; color: #9a9695;}
.pro h2 a{ margin-top: 2.6rem; line-height: 2.3rem; display: block; font-size: 1.5rem; color: #261712; font-weight: bold;font-family: "Microsoft Yahei";}

.pro_q{ height: 4.55rem; width: 94%; margin: 0 auto; overflow: hidden;}
.pro_q a{ display: block; float: left; width: 25%; height: 4.55rem;}
.pro_q a em{ margin-top: 1.7rem; float: left; display: inline-block; width: 1.4rem; height: 1.4rem; vertical-align: middle;}
.pro_q a span{ float: left; vertical-align: middle; line-height: 4.55rem; display: inline-block; font-size: 1rem; color: #515151; font-family: "Microsoft Yahei";}
.pro_q .p02{ display: none;}
.pro_q .z-on span{ color: #c00b12;}
.pro_q .z-on .p02{ display: block;}
.pro_q .z-on .p01{ display: none;}

.pro_con{ height: 25.9rem; overflow: hidden; width: 94%; margin: 0 auto;}
.pro_cx{ height: 25.9rem; overflow: hidden; position: relative;}
.pro_ct{ width: 100%; margin: 0 auto; overflow: hidden;}
.pro_ct p{ width: 100%; height: 21.7rem; overflow: hidden;}
.pro_ct p span{ display: block; font-size: 1rem; color: #261712; text-align: center; line-height: 3.8rem;}

.pro_cx .swiper-button-prev ,.pro_cx .swiper-button-next{ width: 1.5rem; height: 1.6rem; overflow: hidden; position: absolute; bottom: 3.25rem;}
.pro_cx .swiper-button-prev{ left: 8.7rem; background: url(/mobile/Images/Index/dep_l.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.pro_cx .swiper-button-next{ right: 8.7rem; background: url(/mobile/Images/Index/dep_r.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.pro_cx .swiper-pagination{ position: absolute; bottom: 3.4rem;}
.pro_cx .swiper-pagination span{ width: 0.8rem; height: 0.8rem; margin-right: 1.2rem; background: #222;}
.pro_cx .swiper-pagination .swiper-pagination-bullet-active{ background: #c00b12}
/**/
.case{ height: 54rem; overflow: hidden; position: relative;}
.case h2{height: 8.7rem;}
.case h2 a{ margin-top: 3.5rem;}


.case_q{ height: 0.8rem; overflow: hidden; width: 7.2rem; margin: 0 auto;}
.case_q a{ width: 0.8rem; height: 0.8rem; overflow: hidden; display: block; float: left; margin: 0 1.4rem; background: #222; border-radius: 100%;}

.case_q a:nth-child(4){ margin-right: 0;}
.case_q .z-on{ background: #c00b12;}

.case_con{  width: 100%; overflow: hidden; margin: 0 auto;}
.case_c ul{  overflow: hidden;}
.case_c ul li{ width: 49%;  float:left; margin-bottom:10px;}
.case_c ul li h3{font-size: 0.8rem; color: #261712; font-family: "Microsoft Yahei"; text-align:center; padding-top:10px;}
.case_c ul li p{ padding-left:2%; padding-right:2%; }
.case_c ul li p b{ line-height: 2.2rem; display: block; font-size: 1.1rem; color: #bd0007; font-family: "Microsoft Yahei";}
.case .case_l ,.case .case_r{ bottom: 3.15rem; position: absolute; width: 1.5rem; height: 1.6rem; overflow: hidden;}
.case .case_l{ left: 9.7rem;}
.case .case_r{ right: 9.7rem;}


/**/
.cus{ height: 31.45rem; overflow: hidden; background: url(http://www.djzr88.com/mobile/Images/Index/cus_bj.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.cus h2{ font-size: 1rem; font-family: "moz-background-size Yahei"; color: #fff; height: 9.95rem; overflow: hidden; text-align: center;}
.cus h2 a{ margin-top: 3.4rem; display: block; font-size: 1.8rem; color: #fff; letter-spacing: 0.3rem;}

.cus_con{ position: relative; height: 21.5rem; width: 93%; margin: 0 auto; overflow: hidden;}
.cus_c dl dt{ width: 36.9%; margin-top: 1rem; height: 11.9rem; overflow: hidden; position: relative; z-index: 10;}
.cus_c dl dd{ height: 13.9rem; background: #fff; width: 75%; padding-left: 1.9rem; padding-right: 5.6rem; margin-right: -4.4rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.cus_c dl dd h3{ line-height: 2.6rem; margin-top: 1rem; font-size: 1.1rem; color: #656565; font-family: "Microsoft Yahei"; font-weight: bold;}
.cus_c dl dd h3 a{ color: #656565;}
.cus_c dl dd span{ display: block; line-height: 2.2rem; font-size: 1rem; font-family: "Microsoft Yahei"; border-top: 1px dashed #cbcbcb; border-bottom: 1px dashed #cbcbcb; color: #6e6e6e;}
.cus_c dl dd p{ margin-top: 1rem; font-size: 1rem; line-height: 1.3rem; font-family: "Microsoft Yahei"; color: #666;}
.cus_c dl dd p a{ margin-top: 2.2rem; background: url(/mobile/Images/Index/cus_btn.gif) no-repeat left top; display: block; width: 8.5rem; height: 2rem; overflow: hidden; font-size: 1rem; line-height: 2rem; color: #fff; padding-left: 1.1rem;-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;}

.cus_con .swiper-button-prev ,.cus_con .swiper-button-next{ width: 1.5rem; height: 1.6rem; overflow: hidden; position: absolute; bottom: 3.25rem;}
.cus_con .swiper-button-prev{ left: 8.7rem; background: url(/mobile/Images/Index/cus_l.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.cus_con .swiper-button-next{ right: 8.7rem; background: url(/mobile/Images/Index/cus_r.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.cus_con .swiper-pagination{ position: absolute; bottom: 3.4rem;}
.cus_con .swiper-pagination span{ width: 0.8rem; height: 0.8rem;  margin: 0 1.4rem;  background: #fff;}
.cus_con .swiper-pagination .swiper-pagination-bullet-active{ background: #c00b12}

/**/
.about{ background: #f4f4f4; height: 36.5rem; overflow: hidden;}
.about h2{ height: 8.75rem; overflow: hidden; text-align: center; font-size: 1.1rem; color: #65666b; font-family: "Microsoft Yahei";}
.about h2 a{ display: block; font-size: 1.75rem; color: #b30000; font-weight: bold; margin-top: 3.1rem;}
.about dl{ width: 94%; margin: 0 auto;}
.about dl dt{ width: 100%; height: 16.15rem; overflow: hidden;}
.about dl dd{ font-size: 1rem; color: #545454; line-height: 1.5rem; font-family: "Microsoft Yahei"; margin-top: 2rem;}

/**/
.sty{ height: 20.15rem; overflow: hidden; background: #f4f4f4; position: relative;}
.sty em{ display: block; font-size: 0.9rem; color: #fff; position: absolute; height: 2.5rem; top: 0; right: 1.8rem; line-height: 2.5rem;}
.sty_q{ margin-bottom: 1.2rem; height: 2.55rem; background: #16130c; overflow: hidden;}
.sty_q a{ display: inline-block; padding: 0 2.6rem; height: 2.55rem; overflow: hidden; line-height: 2.55rem; font-size: 0.8rem; color: #fff; font-weight: bold;}
.sty_q .z-on{ background: #b30000;}

.sty_con{ height: 16.4rem; width: 94%; margin: 0 auto; overflow: hidden;}
.sty_c{ height: 16.4rem; width: 100%; position: relative; overflow: hidden;}
.sty_x ul li{ float: left; width: 47%; margin-right: 5%; }

.sty_x ul li:nth-child(2){ margin-right: 0;}


.sty_c .swiper-button-prev ,.sty_c .swiper-button-next{ width: 1.5rem; height: 1.6rem; overflow: hidden; position: absolute; bottom: 3.25rem;}
.sty_c .swiper-button-prev{ left: 8.7rem; background: url(/mobile/Images/Index/dep_l.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.sty_c .swiper-button-next{ right: 8.7rem; background: url(/mobile/Images/Index/dep_r.png) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.sty_c .swiper-pagination{ position: absolute; bottom: 3.4rem;}
.sty_c .swiper-pagination span{ width: 0.8rem; height: 0.8rem;  margin: 0 1.4rem; background: #222;}
.sty_c .swiper-pagination .swiper-pagination-bullet-active{ background: #c00b12}

/**/
.new{ height: 19.5rem; overflow: hidden; width: 94%; margin: 0 auto;}
.new h2{ margin-top: 3rem; height: 4.3rem; font-family: Arial; font-size: 0.8rem; text-transform: uppercase; color: #585858;}
.new h2 a{ font-weight: bold; display: block; font-size: 1.2rem; color: #000; font-family: "Microsoft Yahei";}
.new ul li{ font-size: 0.9rem; font-family: Arial; color: #777;}
.new ul li a{ line-height: 2.5rem; color: #16130c; font-family: "Microsoft Yahei"; font-size: 0.9rem;}


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