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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ width:30rem; height:7.6rem; overflow:hidden; margin:0 auto; position:relative;}
nav a{ color:#fff; background: #221816; font-size:1.2rem; font-weight: normal; margin-right: 0.3rem; margin-bottom: 0.3rem; width:9.75rem; text-align:center; height:3rem; line-height:3rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:nth-child(3n){ margin-right: 0;}

/**/
.tel{ height: 3.95rem; overflow: hidden;background: #9ebddd;}
.tel p{ background: url(../images/tel.gif) no-repeat 4.8rem center; padding-left: 2rem; text-align: center; font-size: 1.2rem; color: #000; font-family: "Microsoft Yahei"; line-height: 3.95rem;-webkit-background-size:1.25rem 1.25rem ; -moz-background-size: 1.25rem 1.25rem; -o-background-size: 1.25rem 1.25rem; background-size: 1.25rem 1.25rem;}
.tel p span{ font-size: 1.4rem; color: #dc2b19; font-family: Arial; font-weight: bold;}

/**/
.per{ height: 49.2rem; overflow: hidden; background: url(../style/per_h.jpg) no-repeat center top;-webkit-background-size: 100% 10.35rem; -moz-background-size: 100% 10.35rem; -o-background-size: 100% 10.35rem; background-size: 100% 10.35rem;}
.per h2{ height: 8.35rem; overflow: hidden; text-align: center; font-size: 1.4rem; color: #333; font-family: "Microsoft Yahei"; line-height: 7.6rem;}

.per dl{ width: 30rem; margin: 0 auto;}
.per dl dt{ height: 16.3rem; overflow: hidden;}
.per dl dd{ margin-top: 1.7rem;}
.per dl dd p{ padding-left: 2.5rem; margin-bottom: 0.8rem; font-size: 1.1rem; font-family: "Microsoft Yahei"; line-height: 1.5rem; color: #333; background: url(../style/per_p.gif) no-repeat left top; margin-left: 0.6rem;}
.per dl dd p em{ color: #221816;}
.per dl dd span{ margin-left: 2.7rem; font-size: 1.3rem; color: #333; line-height: 3rem; display: block;}
.per dl dd span b{ color: #221816;}

.per_tel{ margin: 0 auto; background: #221816; width: 21.65rem; height: 2.25rem; overflow: hidden;}
.per_tel p{ padding-left: 2.2rem; float: left; font-size: 1.3rem; font-family: Arial; clear: #fff; text-align: center; color: #fff; line-height: 2.25rem; width: 15.15rem; background: url(../style/phone.png) no-repeat 2.2rem center;-webkit-background-size: 1.4rem 1.4rem; -moz-background-size: 1.4rem 1.4rem; -o-background-size: 1.4rem 1.4rem; background-size: 1.2rem 1.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.per_tel span{ color: #fff; text-align: center; float: left; width: 6.5rem; background: #cf0006; height: 2.25rem; vertical-align: top; line-height: 2.25rem; display: inline-block; font-size: 1.1rem; font-family: "Microsoft Yahei";}

/**/
.str{ height: 41.95rem; overflow: hidden; background: url(../style/str_bj.jpg) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.str h2{ height: 8.55rem; overflow: hidden; text-align: center; font-size: 1.4rem; color: #333; padding-top: 2.8rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.str h2 span{ display: block; width: 20.15rem; margin: 0 auto;}

.str ul{ width: 24.1rem; margin: 0 auto;}
.str ul li{ width: 8.95rem; float: left; height: 15.9rem; margin-right: 6rem;}
.str ul li p{ line-height: 1.1rem; text-align: center; font-size: 1.1rem; color: #555; font-family: "Microsoft Yahei";}
.str ul li p span{ display: block; font-size: 1.1rem; color: #221816; font-family: "Microsoft Yahei";}
.str ul li p span b{ font-size: 2.9rem; font-family: Arial; line-height: 2.9rem;}

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

/**/
.join{ height: 36.95rem; overflow: hidden;}

.join h2{overflow: hidden; text-align: center; font-size: 1.45rem; color: #333; font-family: "Microsoft Yahei"; text-align: center; padding-top: 2.1rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.join h2 span{ display: block; width: 22.75rem; margin: 0 auto;}

.join_t{ height: 22.4rem; overflow: hidden; display: block;}

.join_con{ height: 33.75rem; overflow: hidden;}
.join_con .con{ float: left; display: inline; width: 100%;}

.join_c{ height: 8rem; overflow: hidden;}
.join_c dl{ width: 30rem; margin: 0 auto;}
.join_c dl dt{ padding-top: 1rem; width: 5.5rem; height: 5.5rem; overflow: hidden; border-radius: 100%; text-align: center; font-size: 1.3rem; color: #fff; background: #221816;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.join_c dl dd{ width: 23.3rem;  font-size: 1.1rem; line-height: 1.5rem; color: #666; font-family: "Microsoft Yahei";}
.join_c dl dd b{ line-height: 2.4rem; display: block; font-size: 1.3rem; color: #333;}

.join_q{ margin-left: 12rem;}
.join_q li{ margin-top: 0.1rem; width: 0.7rem; height: 0.7rem; background: #666; border-radius: 100%; float: left; margin-right: 0.75rem;}
.join_q .z-on{ background: #cf0006; width: 0.9rem; height: 0.9rem; margin-top: 0;}

/**/
.pro{ height: 47.55rem; overflow: hidden; background: #f1f1f1; position: relative;}
.pro span{ top: 3.05rem; right: 1rem; display: block; position: absolute; color: #a3bddb; font-size: 1.1rem; font-family: "Microsoft Yahei"; line-height: 3rem;}

.pro_q{ background: url(../style/pro_lh.gif) repeat-x; height: 3.4rem; overflow: hidden; margin-top: 2.65rem;-webkit-background-size: 0.5rem 3.4rem; -moz-background-size: 0.5rem 3.4rem; -o-background-size: 0.5rem 3.4rem; background-size: 0.5rem 3.4rem;}
.pro_q li{ background: url(../style/pro_hd1.gif) no-repeat 1rem center; font-size: 1.1rem; line-height: 3.45rem; color: #fff; font-family: "Microsoft Yahei"; float: left; padding: 0 1.7rem; height: 3.4rem;-webkit-background-size:0.25rem 0.25rem; -moz-background-size:0.25rem 0.25rem; -o-background-size:0.25rem 0.25rem; background-size:0.25rem 0.25rem;}
.pro_q .z-on{ margin-top: 0; background: #ba8944 url(../style/pro_hd2.gif) no-repeat 1rem 1.65rem; -webkit-background-size:0.25rem 0.25rem; -moz-background-size:0.25rem 0.25rem; -o-background-size:0.25rem 0.25rem; background-size:0.25rem 0.25rem;}

.pro_c{ width: 29.1rem; margin: 1.55rem auto 0; overflow: hidden;}
.pro_c ul li{ line-height: 0; width: 14rem; height: 19.5rem; overflow: hidden; float: left; margin-right: 0.9rem;}
.pro_c ul li p{ text-align: center; font-size: 1.1rem; font-family: "Microsoft Yahei"; color: #333; line-height: 3rem;}

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

/**/
.pol{ height: 45.05rem; overflow: hidden;}

.pol h2{ height: 8.7rem; overflow: hidden; text-align: center; font-size: 1.3rem; color: #585858; font-family: "Microsoft Yahei"; background: url(../style/pol_hw.jpg) no-repeat center top; padding-top: 3rem;-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;}

.pol_con{ width: 30rem; margin: 0 auto;}
.pol_con ul li{ position: relative; width: 14.5rem; height: 10.45rem; overflow: hidden; float: left; margin-right: 1rem; margin-bottom: 1rem; line-height: 0;}
.pol_con ul li p{ font-size: 1.1rem; line-height: 2.25rem; color: #fff; width: 14.5rem; position: absolute; bottom: 0; left: 0; height: 2.25rem; background: url(../style/pol_wb.gif) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.pol_con ul li p span{ margin-left: 1.7rem; vertical-align: top; display: inline-block; width: 2.25rem; height: 2.25rem;}
.pol_con ul li:nth-child(2n){ margin-right: 0;}

/**/
.edgv{ height: 49.1rem; overflow: hidden; background: url(../style/edgv_bj.jpg) no-repeat center top; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.edgv h2{ line-height: 2rem; padding-top: 2.5rem; height: 8.15rem; overflow: hidden; text-align: center; font-size: 1.45rem; color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv h2 span{ display: block;}

.edgv_con{ width: 30rem; margin: 0 auto;}
.edgv_con .con{ float: left; display: inline; width: 100;}

.edgv_q{ height: 8.25rem; overflow: hidden;}
.edgv_q li{ font-size: 1.2rem; color: #fff; line-height: 3rem; margin-right: 0.7rem; margin-bottom: 0.9rem; width: 9.5rem; height: 3rem; overflow: hidden; float: left; border: 1px solid #bccfe3; border-radius: 0.5rem; text-align: center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv_q .z-on{ background: #fff; color: #221816; border: 0;}
.edgv_q li:nth-child(3n){ margin-right: 0;}

.edgv_c{ height: 29.55rem; overflow: hidden; background: #fff;}
.edgv_c dl dt{ height: 18.6rem; overflow: hidden;}
.edgv_c dl dd{ width: 27.4rem; margin: 0 auto;}
.edgv_c dl dd p{ height: 6rem;font-size: 1rem; color: #333; line-height: 1.5rem; font-family: "Microsoft Yahei"; margin-top: 1.4rem;overflow:hidden;}
.edgv_c dl dd a{ margin: 0.7rem auto 0; display: block; width: 8rem; height: 2.25rem; background:#cf0006; text-align: center; font-size: 1.1rem; line-height: 2.25rem; color: #fff;}

/**/
.sty{ height: 25.9rem; overflow: hidden;}

.sty h2{ margin: 0 auto; width: 14.25rem; height: 8.95rem; overflow: hidden; padding-top: 2.2rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.sty_con{ height: 16.9rem; overflow: hidden; width: 30rem; margin: 0 auto; position: relative;}
.sty_con .con{ float: left; display: inline; width: 100%;}
.sty_con .nowarp{ width: 30rem; margin: 0 auto;}
.sty_con .prev ,.sty_con .next{ position: absolute; width: 2.1rem; height: 2.1rem;  bottom: 2.9rem; z-index: 10;}
.sty_con .prev{ left: 12.4rem;}
.sty_con .next{ right: 12.4rem;}

.sty_c{ height: 10.3rem; overflow: hidden;}
.sty_c dl dt{ width: 15rem; overflow: hidden; height: 10.3rem;}
.sty_c dl dd{ width: 13.75rem;}
.sty_c dl dd p{ height: 8rem; font-size: 1.1rem; color: #333; font-family: "Microsoft Yahei"; line-height: 1.4rem;}
.sty_c dl dd p a{ margin-bottom: 0.5rem; line-height: 1.7rem; font-size: 1.2rem; color: #221816; font-weight: bold; display: block;}
.sty_c dl dd span{ background: #cf0006; line-height: 2.25rem; display: block; width: 8rem; height: 2.25rem; overflow: hidden; text-align: center; font-size: 1.1rem; text-align: center; font-family: "Microsoft Yahei"; color: #fff;}

/**/
.about{ height: 33.2rem; overflow: hidden; background: #f1f1f1;}
.about dl{ width: 30rem; margin: 3.15rem auto 0;}
.about dl dt{ width: 30rem; height: 16.9rem; overflow: hidden; background: url(../style/a_tb.gif) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.about dl dt img{ width: 29.25rem; display: block; margin: 0.3rem auto 0;}
.about dl dd{ margin-top: 1.2rem; font-size: 1.1rem; color: #333; line-height: 1.4rem; font-family: "Microsoft Yahei";}
.about dl dd a{ display: block; width: 8rem; height: 2.25rem; overflow: hidden; text-align: center; font-size: 1.1rem; font-family: "Microsoft Yahei"; color: #fff; line-height: 2.25rem; background: #221816; margin: 2rem auto 0;}

/**/
.hon{ height: 25.65rem; overflow: hidden;}

.hon_q{ margin-top: 1.3rem; height: 5.1rem; overflow: hidden; margin-left: 9.8rem;}
.hon_q li{ line-height: 5.1rem; height: 5.1rem; font-size: 1.1rem; font-family: "Microsoft Yahei"; color: #333; float: left; padding-right: 1.7rem; margin-right: 1.75rem; background: url(../style/hon_qs.gif) no-repeat right center;-webkit-background-size: 0.1rem 1.25rem; -moz-background-size: 0.1rem 1.25rem; -o-background-size: 0.1rem 1.25rem; background-size: 0.1rem 1.25rem;}
.hon_q li:nth-child(2){ background: none;}
.hon_q .z-on{ color: #221816; font-weight: bold;}

.hon_con{ width: 30rem; margin: 0 auto; height: 19.25rem; overflow: hidden; position: relative;}
.hon_con .m-box{ float: left; display: inline; width: 100%;}
.hon_con .prev ,.hon_con .next{ position: absolute; width: 2.1rem; height: 2.1rem;  bottom: 3.05rem; z-index: 10;}
.hon_con .prev{ left: 12.4rem;}
.hon_con .next{ right: 12.4rem;}

.hon_c{ width: 30rem; margin: 0 auto; overflow: hidden;}
.hon_c ul li{ float: left; width: 14.25rem; line-height: 0; overflow: hidden; margin-right: 1.3rem;}
.hon_c ul li span{ display: block; text-align: center; font-size: 1.1rem; line-height: 2.7rem; color: #333; font-family: "Microsoft Yahei";}
.hon_c ul li:nth-child(2){ margin-right: 0;}

/**/
.new{ height: 17.4rem; overflow: hidden; position: relative;}
.new .con{ float: left; display: inline; width: 100%;}
.new span{ top: 0.4rem; right: 1rem; display: block; position: absolute; color: #a3bddb; font-size: 1.1rem; font-family: "Microsoft Yahei"; line-height: 3rem;}

.n_q{ background: url(../style/n_hb.gif) repeat-x; height: 3.4rem; overflow: hidden;-webkit-background-size: 0.5rem 3.4rem; -moz-background-size: 0.5rem 3.4rem; -o-background-size: 0.5rem 3.4rem; background-size: 0.5rem 3.4rem;}
.n_q li{ background: url(../style/pro_hd1.gif) no-repeat 1rem center; font-size: 1.1rem; line-height: 3.45rem; color: #fff; font-family: "Microsoft Yahei"; float: left; padding: 0 1.7rem; height: 3.4rem;-webkit-background-size:0.25rem 0.25rem; -moz-background-size:0.25rem 0.25rem; -o-background-size:0.25rem 0.25rem; background-size:0.25rem 0.25rem;}
.n_q .z-on{ margin-top: 0; background: #ba8944 url(../style/pro_hd2.gif) no-repeat 1rem 1.65rem; -webkit-background-size:0.25rem 0.25rem; -moz-background-size:0.25rem 0.25rem; -o-background-size:0.25rem 0.25rem; background-size:0.25rem 0.25rem;}

.new_c{ width: 30rem; margin: 1.2rem auto 0;}
.new_c ul li{ font-size: 1.2rem; color: #666; line-height: 2.5rem; height: 2.5rem; font-family: "Microsoft Yahei"; background: url(../style/n_l.gif) no-repeat left center; padding-left: 2rem; -webkit-background-size: 0.55rem 0.55rem; -moz-background-size: 0.55rem 0.55rem; -o-background-size: 0.55rem 0.55rem; background-size: 0.55rem 0.55rem;}
.new_c ul li a{ color: #666;}
/*-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;
        }
    }
    
.per .mt5{height:16.3rem;}