/*-----------------------------------------------------------------------------------------------------------------------*/
/*.ban{ height:15rem; overflow:hidden;}*/
.wrap img{width:100%;}
/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:6.95rem; overflow:hidden; position:relative; background: #d5111e;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#463e3f; border-bottom: 1px solid #463e3f;}
nav a{ color:#fff; font-size:1.2rem; font-weight:bold; width:33.3%; text-align:center; height:3.5rem; line-height:3.5rem; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3.5rem; top:0; right:0; background:#73c567; border-right:1px solid #2f8422;}
nav a:nth-child(3n):before{ background:none;}

/**/
.pro{ height: 950px;width: 93.75%; margin: 0 auto; overflow: hidden;}
.pro h2{ margin-bottom: 1.95rem; margin-top: 2.5rem; text-align: center; font-size: 1.5rem; color: #fff; font-family: "Microsoft Yahei"; height: 3.65rem; background: #d5111e; font-weight: bold; line-height: 3.65rem;}
.pro h2 a{ color: #fff;}
.pro h2 span{ margin-right: 0.9rem; font-size: 1rem; font-weight: normal; color: #b8d5b4;}
.pro h2 span a{ color: #b8d5b4;}

.pro_list{ overflow: hidden; }
.pro_list li{ font-size: 1.2rem; color: #333; text-align: center; line-height: 2.2rem; margin-right: 1.8%; float: left; width:32%; height: 2.35rem; overflow: hidden; background: url(../images/index/pro_lb.gif) repeat-x; margin-bottom: 0.8rem; border: 1px solid #dadada; border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_list li:nth-child(3n){ margin-right: 0;}
.pro_list .cur{ font-weight: bold;}

.pro_c{ width: 30.7rem; margin: 0 auto;}
.pro_c h3{ font-size: 1.2rem; color: #6e6e6e; height: 4.5rem; overflow: hidden; line-height: 4.5rem; font-family: Arial;}
.pro_c h3 a{ font-size: 1.2rem; color: #020202; font-weight: bold; font-family: "Microsoft Yahei"}
.pro_c ul{ height: 30.35rem; overflow: hidden;}
.pro_c ul a{ display: inline-block; margin-right: 2.5rem; float: left;}
.pro_c ul li{ line-height: 0; width: 13.95rem; height: 14.5rem;}
.pro_c ul li img{ width: 13.95rem;}
.pro_c ul li span{ font-size: 1.2rem; color: #3f3f3f; display: block; line-height: 3.25rem; overflow: hidden; text-align: center;}
.pro_c a:nth-child(2n){ margin-right: 0;}
.pro_c p{ height: 3.15rem; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; font-size: 1.2rem; color: #888; font-family: "Microsoft Yahei"; line-height: 3.05rem; text-align: center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.pro_c p img{ width: 0.95rem; height: 0.95rem; vertical-align: middle; margin-right: 0.9rem;}

/**/
.ad{ height: 8.4rem; overflow: hidden; position: relative;}
.ad p{ position: absolute; left: 0.8rem; top: 5.1rem; font-size: 0.9rem; color: #000; font-family: "Microsoft Yahei";    margin-top: 25px;}
.ad p b{ font-size: 1.15rem; color: #d5111e;}
.ad span{width:44.7%;  display: inline-block; position: absolute; top: 5.05rem; left: 16.95rem;margin-top: 20px;}
.ad span a{ margin-right: 4%; display: inline-block; width:48%; height: 1.85rem; border: 1px solid #696969; text-align: center; font-size: 0.8rem; color: #000; line-height: 1.85rem; box-sizing:border-box;}
.ad span a:nth-child(2){ margin-right: 0; border-color: #d5111e; color: #d5111e;}


/**/
.edgv{ height: 54.05rem; overflow: hidden;}
.edgv h2{ height: 11.85rem; font-size: 1rem; color: #212121; overflow: hidden; text-align: center; background: url(../images/index/edgv_h.jpg) no-repeat left top; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edgv h2 b{ display: block; font-size: 1.5rem; color: #020202; margin-top: 6.9rem;}

.edgv_c{ width: 30.7rem; margin: 0 auto; height: 36.5rem; overflow: hidden;}
.edgv_c dl{ width:30.7rem; margin-top: 1.75rem;  padding-bottom:1.5rem; overflow: hidden;}
.edgv_c dl dt{ background: url(../images/index/edgv_wb.jpg) no-repeat left top; height: 4.65rem; overflow: hidden;-webkit-background-size:7rem 4.65rem ; -moz-background-size: 7rem 4.65rem; -o-background-size: 7rem 4.65rem; background-size: 7rem 4.65rem;}
.edgv_c dl dt b{ margin-top: 1.15rem; display: block; width: 2.5rem; height: 2.4rem; text-align: center; line-height: 2.4rem; color: #fff; text-align: center; font-size: 1.2rem;}
.edgv_c dl dt p{ width: 27rem; font-size: 1rem; color: #333; font-family: "Microsoft Yahei"; margin-top: 0.6rem; margin-left: 0.8rem;}
.edgv_c dl dt p em{ display: block; font-size: 1.7rem; color: #020202; font-weight: bold;}
.edgv_c dl dd{margin-top: 1.5rem; margin-left:10.5%;}
.edgv_c dl dd p{ font-size: 1rem; color: #666; font-family: "Microsoft Yahei"; position: relative; line-height: 1.75rem; padding-left: 0.9rem;}
.edgv_c dl dd p b{ color: #000;}
.edgv_c dl dd p:before{ position: absolute; content: ""; width: 0.2rem; height: 0.2rem; background: #7f7f7f; border-radius: 5rem; top: 0.8rem; left: 0;}
.edgv_c span{ width: 30.65rem; display: block;}

.edgv_q{ padding-left: 4.6rem; width: 13.5rem; margin: 0 auto; position: relative; height: 3.1rem; overflow: hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.edgv_q li{ margin-top: 0.4rem; margin-right: 0.7rem; width: 0.7rem; height: 0.7rem; background: #4c4f57; border-radius: 5rem; float: left;}
.edgv_q .cur{ background: #57a54b;}

.edgv_q:before{ position: absolute; content: ""; width: 2.95rem; height: 3.1rem; overflow: hidden; background: url(../images/index/ed_qb1.jpg) no-repeat left top; left: 0; top: 0; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edgv_q:after{ position: absolute; content: ""; width: 2.95rem; height: 3.1rem; overflow: hidden; background: url(../images/index/ed_qb2.jpg) no-repeat left top; right: 0; top: 0; -webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}


/**/
.about{ height: 35.55rem; overflow: hidden; background: url(../images/index/a_bj.jpg) no-repeat left top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.about h2{ height: 9.85rem; overflow: hidden; text-align: center; font-size: 1rem; color: #fff;}
.about h2 a{ display: block; font-size: 1.5rem; font-weight: bold; color: #fff; margin-top: 3.1rem;}
.about dl{ width: 93.75%; margin: 0 auto;}
.about dl dt{ height: 15.75rem; overflow: hidden;}
.about dl dd a{ margin-top: 1rem; background: url(../images/index/a_wb.gif) no-repeat left bottom; display: block; font-size: 1.2rem; color: #fff; line-height: 2.25rem; font-family: "Microsoft Yahei"; -webkit-background-size:1.6rem 0.1rem ; -moz-background-size: 1.6rem 0.1rem; -o-background-size: 1.6rem 0.1rem; background-size: 1.6rem 0.1rem;}
.about dl dd p{ margin-top: 1rem; font-size: 0.9rem; line-height: 1.55rem; color: #fff;}

/**/
.ser{ height: 18.85rem; overflow: hidden;}

.s_q{ margin-left: 5.1rem; height: 4.95rem; margin-top: 2rem; overflow: hidden;}
.s_q li{ line-height: 5.1rem; height: 5.1rem; width: 7.5rem; text-align: center; float: left; font-size: 1rem; color: #333; font-family: "Microsoft Yahei"; background: url(../images/index/s_b.gif) no-repeat right center;-webkit-background-size:0.4rem 0.8rem ; -moz-background-size: 0.4rem 0.8rem; -o-background-size: 0.4rem 0.8rem; background-size: 0.4rem 0.8rem;}
.s_q li:nth-child(3){ background: none;}
.s_q .cur{ color: #020202; font-weight: bold;}

.ser_con ul{ width: 30.7rem; margin: 0 auto;}
.ser_con ul li{ width: 14.45rem; height: 9.6rem; overflow: hidden; float: left; margin-right: 1.7rem;}
.ser_con ul li:nth-child(2){ margin-right: 0;}

/**/
.new{ height: 26.4rem; margin:0 auto; width:93.75%; overflow: hidden;}
.new h2{ height: 7.6rem; overflow: hidden; text-align: center; font-size: 1rem; color: #212121; font-family: "Microsoft Yahei"; background: url(../images/index/n_h.jpg) no-repeat center top;-webkit-background-size:100% ; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.new h2 a{ font-size: 1.5rem; font-weight: bold; color: #57a54b; display: block; margin-top: 1.4rem;}

.new_con p{ height: 3.15rem; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; font-size: 1.2rem; color: #888; font-family: "Microsoft Yahei"; line-height: 3.05rem; text-align: center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.new_con p img{ width: 0.95rem; height: 0.95rem; vertical-align: middle; margin-right: 0.9rem;}

.n_q{ height: 4.1rem; width: 100%; margin: 0 auto;}
.n_q li{ font-size: 1rem; color: #333; float: left; margin-right: 1.4rem; line-height: 4.1rem;}
.n_q .cur{ font-weight: bold; color: #57a54b;}

.new_con ul{ width: 100%; margin: 0 auto; height: 11.5rem; overflow: hidden;}
.new_con ul li{ height: 2.1rem; color: #666; font-size: 1rem; line-height: 2.1rem; font-family: "Microsoft Yahei";}
.new_con ul li a{ color: #666; display:block; overflow:hidden;     text-overflow: ellipsis;    white-space: nowrap;}
/*-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;
        }
    }