@charset "UTF-8";


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

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ height:13.55rem; overflow:hidden; position:relative; background: #fff; margin-left: 0.75rem; padding-top: 1.25rem; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
nav a{ margin-right: 0.5rem; margin-bottom: 0.6rem; border-radius: 0.5rem; color:#fff; background: #2e62c8; font-size:1.2rem; width: 23%; height: 4.95rem; text-align:center; line-height:1.8rem; overflow:hidden; display:block; float:left; position:relative;}
nav em{ display: block; width: 2.15rem; height: 2.15rem; margin: 0.4rem auto 0;}
nav img{ display: block; width: 2.15rem; height: 2.15rem; margin: 0.4rem auto 0;}
nav a:nth-child(1){background: #e62129;}
nav a:nth-child(4n){ margin-right: 0;}

/**/
.sol{ height: 22.55rem; background: #f7f7f7;}
.sol h2{ background: url(../Images/Index/sol_h.gif) no-repeat left top; padding-top: 1.8rem; text-align: center; height: 7rem; 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%;}
.sol h2 a{ display: block; font-size: 1.5rem; font-weight: bold; color: #323232; font-family: "Microsoft Yahei"}
.sol h2 em{ color: #e62129;}
.sol h2 span{ color: #b2b2b2; text-transform: uppercase; font-family: Arial; font-size: 1.2rem;}

.sol_c ul{ margin-left: 0.7rem;}
.sol_c ul li{ background: #fff; border: 1px solid #dbdbdb; float: left; margin-right: 0.5rem; margin-bottom: 0.6rem; width: 48%; height: 6.25rem;}
.sol_c ul li em{ margin-top: 0.5rem; margin-left: 1.3rem; display: block; width: 5.2rem; height: 5.2rem; float: left;}
.sol_c ul li em img{ width: 5.2rem;}
.sol_c ul li span{ margin-left: 1.4rem; margin-top: 1.5rem; display: block; float: left; width: 35%; font-size: 1.2rem; color: #5b5b5b; font-family: "Microsoft Yahei";}
.sol_c ul li:nth-child(2n){ margin-right: 0;}

/**/
.pro{ height: 61.05rem; overflow: hidden;}

.pro h2{ background: url(../Images/Index/pro_h.gif) no-repeat left top; padding-top: 1.8rem; text-align: center; height: 6.45rem; 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%;}
.pro h2 a{ display: block; font-size: 1.5rem; font-weight: bold; color: #323232; font-family: "Microsoft Yahei"}
.pro h2 em{ color: #e62129;}
.pro h2 span{ color: #b2b2b2; text-transform: uppercase; font-family: Arial; font-size: 1.2rem;}

.pro_con{ width: 96%; margin: 0 auto; height: 56.6rem; overflow: hidden;}
.pro_con .con{ flolt:left; width:100%; display: inline-block;}

.pro_q{ height: 2.4rem; overflow: hidden;}
.pro_q li{ width: 23%; height: 2.4rem; overflow: hidden; background: #757575; border-radius: 1.5rem; font-size: 1.2rem; line-height: 2.4rem; text-align: center; color: #fff; float: left; margin-right: 0.4rem;}
.pro_q .z-on{ background: #e62129;}
.pro_q li:nth-child(4){ margin-right: 0;}

.pro_c{ height: 51.2rem; overflow: hidden;}

.p_w{ height: 4rem; overflow: hidden; position: relative;}
.p_w p{ padding-top: 0.6rem;width: 82%; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; font-family: "Microsoft Yahei"; font-size: 1.2rem; color: #5b5b5b; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.p_w p a{ padding: 0 0.25rem; line-height: 2.2rem; font-size: 1.2rem; color: #5b5b5b; font-family: "Microsoft Yahei";}
.p_w span{ position: absolute; width: 13%; height: 1.6rem; display: block; border: 1px solid #e62129; top: 1rem; right: 0; text-align: center; font-size: 1.2rem; color: #e62129;}
.p_w span a{ color: #e62129;}

.p_c{ height: 47.2rem; overflow: hidden;}
.p_c dl{ height: 25.1rem; overflow: hidden; background: #f7f7f7;}
.p_c dl dt{ height: 18.05rem; overflow: hidden;}
.p_c dl dd{ padding: 0 0.8rem; height: 6.95rem; font-size: 1.1rem; color: #7f7f7f; font-family: "Microsoft Yahei"; line-height: 1.5rem; border: 1px solid #e3e3e3; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.p_c dl dd a{ line-height: 2.7rem; display: block; font-size: 1.3rem; font-weight: bold; color: #323232; font-family: "Microsoft Yahei";}
.p_c dl dd a img{ width: 1.4rem; vertical-align: middle;}
.p_c ul{ margin-top: 1.2rem;}
.p_c ul li{ line-height: 0; overflow: hidden; width: 48%; float: left; margin-right: 0.9rem; position: relative; border: 1px solid #e3e3e3; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

.p_c ul li span{ display: block; width: 100%; position: absolute; background: url(../Images/Index/pro_wb.png) repeat; bottom: 0; left: 0; text-align: center; font-size: 1.2rem; color: #fff; line-height: 2.15rem; -webkit-background-size: 0.5rem 2.15rem; -moz-background-size: 0.5rem 2.15rem; -o-background-size: 0.5rem 2.15rem; background-size: 0.5rem 2.15rem;}

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

/**/
.case{ height: 45.15rem; overflow: hidden; background: #f7f7f7;}

.case h2{ font-size: 1.2rem; color: #323232; font-family: "Microsoft Yahei"; text-align: center; height: 6.45rem; overflow: hidden; background: url(../Images/Index/case_h.gif) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.case h2 a{ margin-top: 1.5rem; display: block; font-size: 1.5rem; color: #e62129; font-weight: bold;}

.case_con{ width: 96%; margin: 0 auto; position: relative;}
.case_con span{ position: absolute; display: block; width: 6rem; height: 2.85rem; background: #757575; text-align: center; font-size: 1.2rem; color: #fff; line-height: 2.85rem; right: 0; top: 0;}
.case_con span a{ color: #fff;}

.case_con .con{ flolt:left; width:100%; display: inline-block;}
.case_q{ height: 4.4rem;}
.case_q li{ text-align: center; font-size: 1.2rem; color: #fff; line-height: 2.85rem; width: 6rem; height: 2.85rem; float: left; background: #757575; margin-right: 0.15rem;}
.case_q .z-on{ background: #e6212b;}

.case_c{ height: 34.3rem; overflow: hidden;}
.case_c p{ margin-bottom: 0.4rem; width: 100%;  line-height:0; overflow: hidden; position: relative;}
.case_c p em{ width: 100%; font-weight: bold; line-height: 2.4rem; position: absolute; text-align: center; font-size: 1rem; color: #fff; background: url(../Images/Index/case_wb.png) repeat; height: 2.4rem; bottom: 0; left: 0;}

.case_c ul li{ width: 48%; float: left; margin-right: 0.5rem; line-height: 0;}
.case_c ul li em{ display: block;height:3rem;overflow:hidden; line-height: 1.5rem; font-size: 1.1rem; color: #5b5b5b; text-align: center;}
.case_c ul li:nth-child(2){ margin-right: 0;}

/**/
.ad{ position: relative; height: 7.25rem; overflow: hidden; background: url(../Images/Index/ad_bj.jpg) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.ad p{ font-size: 1.1rem; font-family: "Microsoft Yahei"; color: #fff; position: absolute; top: 3.5rem; left: 19rem;}
.ad p span{ font-family: Arial;}

/**/
.edgv{ height: 39.75rem; overflow: hidden; position: relative;}
.edgv h2{ font-size: 1.2rem; color: #323232; font-family: "Microsoft Yahei"; text-align: center; height: 5.95rem; overflow: hidden; background: url(../Images/Index/edgv_h.gif) no-repeat left top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}
.edgv h2 b{ margin-top: 1rem; display: block; font-size: 1.5rem; color: #e62129;}

.edgv .e01 ,.edgv .e02{ display: block; position: absolute; bottom: 1.4rem; width: 3.25rem; height: 3.3rem; overflow: hidden;}
.edgv .e01{ left: 8.4rem;}
.edgv .e02{ right: 8.4rem;}

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

.edgv_c{ height: 29.45rem; overflow: hidden;}
.edgv_c dl dt{ width: 100%; height: 18.8rem;}
.edgv_c dl dd{ width: 93%; margin: 1.6rem auto 0;}
.edgv_c dl dd p{ padding-left: 0.9rem; font-size: 1.2rem; color: #323232; font-family: "Microsoft Yahei"; line-height: 1.8rem; background: url(../Images/Index/edgv_wb.gif) no-repeat left center;-webkit-background-size: 0.4rem 0.4rem; -moz-background-size: 0.4rem 0.4rem; -o-background-size: 0.4rem 0.4rem; background-size: 0.4rem 0.4rem;}

.edgv_q{ margin-left: 43%;}
.edgv_q li{ width: 1.3rem; height: 1.3rem; background: #747474; border-radius: 2rem; float: left; margin-right: 0.45rem;}
.edgv_q .z-on{ background: #2f61c6;}
.edgv_q li:nth-child(4){ margin-right: 0;}

/**/
.new{ height: 31.15rem; overflow: hidden; position: relative;}
.new span{ display: block; height: 3.85rem; line-height: 3.85rem;  position: absolute; top: 0; right: 0.7rem; font-size: 1.2rem; color: #fff;}
.new span a{ color: #fff; width:1.3rem;  display:inline-block;}
.new span img{ vertical-align: middle;}

.n_q{ height: 3.85rem; overflow: hidden; background: #5b5b5b;}
.n_q li{ width: 8.5rem; height: 3.85rem; text-align: center; font-size: 1.2rem; font-family: "Microsoft Yahei"; float: left; color: #fff; line-height: 3.85rem;}
.n_q .z-on{ background: #e62129;}

.n_c{ width: 95%; margin: 0 auto;}
.n_c dl{ margin-top: 1rem; margin-bottom: 1.1rem; height: 7.55rem; overflow: hidden;}
.n_c dl dt{ width: 40%; height: 7.55rem; overflow: hidden;}
.n_c dl dd{ width: 55%;}
.n_c dl dd p{ font-size: 1rem; color: #555; font-family: "Microsoft Yahei";}
.n_c dl dd p a{ line-height: 1.5rem; display: block; font-size: 1.1rem; color: #2b2b2b; font-family: "Microsoft Yahei"; font-weight: bold;}
.n_c dl dd em{ display: block; width: 1.35rem; margin-top: 0.3rem;}

.n_c ul li{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: url(../Images/Index/n_wb.gif) no-repeat left center; padding-left: 1rem; height: 2.95rem; border-bottom: 1px dashed #b8b8b8; font-size: 1.2rem; line-height: 2.95rem; font-family: "Microsoft Yahei";-webkit-background-size: 0.55rem 0.85rem; -moz-background-size: 0.55rem 0.85rem; -o-background-size: 0.55rem 0.85rem; background-size: 0.55rem 0.85rem;}
.n_c ul li a{ color: #555;}
.n_c i{ display: block; width: 30%; margin: 1rem auto 0; height: 2.5rem; background: #2f61c6; border-radius: 1.2rem; line-height: 2.5rem; font-size: 1.2rem; color: #fff; text-align: center;}
/**/
.about{ height: 31.8rem; overflow: hidden;}
.about dl dt{ width: 100%; height: 16.65rem; overflow: hidden;}
.about dl dd{ width: 28.8rem; margin: 0 auto;}
.about dl dd p{ text-align: center; font-size: 1.2rem; color: #555; line-height: 1.8rem; font-family: "Microsoft Yahei";}
.about dl dd p a{ display: block; font-size: 1.5rem; color: #2b2b2b; font-family: "Microsoft Yahei"; line-height: 4.1rem; text-align: center; font-weight: bold;}
.about dl dd span{ display: block; width: 10.85rem; height: 2.5rem; background: #2f61c6; border-radius: 2rem; margin: 1rem auto 0; text-align: center; font-size: 1.2rem; color: #fff; line-height: 2.5rem;}
.about dl dd span a{ color: #fff;}
/*-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;
        }
    }