@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size:14px; list-style:none; text-decoration:none; font-family:微软雅黑}
.box{ width:100%; min-width:1400px; margin:0 auto;color:#333; }
.head-top{ height:25px; background-color:#f4f4f4; padding-left:5%; padding-right:5%;}
.box-middle{ width:1300px; margin:0 auto}
.head-top-left{ width:28%; float:left; text-align:left; height:25px; line-height:25px;}
.head-top-left li{ width:33%; float:left; font-size:12px; text-align:left;}
.head-top-left:after{ content:""; display:block; height:0; visibility:hidden; clear:both; }
.head-top-right{ width:50%; float:right;}
.head-top-right input{ border:none; border-radius:5px; height:20px; line-height:20px;}
.crile{ height:25px; width:25px; background-color:#cbcbcb; border-radius:50%; float:right; color:#fff; text-align:center; line-height:25px;}
.head-left img{ width:32%;}
.head-left{ width:25%; float:left}
.head-right{ width:52%; float:left;margin-left:23%;}
.nav li{ width:12.6%; text-align:right; float:left; font-weight:bold;}
.nav:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.nav { margin-top:35px; }
.nav a{ color:#777;}
.nav a:hover{ color:#325aa0}
.cc11{ position:absolute; top:5%; color:#F00; font-weight:bold; left:85%; display:}
.home{ position:absolute;margin-top: 35px;  margin-left:544px;}
.middle{ margin-top:20px;}
.crile1 {
    height: 25px;
    width: 50px;
    background-color: #cbcbcb;
    border-radius: 50%;
    float: right;
    color: #fff;
    text-align: center;
    line-height: 25px;
}
/*轮播图*/
.banner{height:330px;overflow:hidden;}
.banner .d1{    width: 1300px;  height: 335px;display: block;position: absolute; margin:0 auto}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}
.banner .d2 ul{float:left;position:absolute;left:56%;top:30px;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer; background-image:url(../../images/img1.png); background-repeat:no-repeat;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../../images/img1_1.png) no-repeat center;}
.middle:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.middle-left{ width:26%; float:left; padding:0 2%;}
.middle-left img{ width:100%;margin-top: 10px;}
.middle-head{ width:100%; background-image:url(../images/bj_1.png); background-repeat:no-repeat; height:35px; line-height:53px; border-bottom:2px solid #8788aa; padding-bottom:2px;}
.middle-head-text{ color:#4b5774; font-size:18px; font-weight:bold; text-indent:1.2em;}
.middle-head-text1{ color:#333; font-size:16px; font-weight:bold;}
.company-img li{ width:46%; padding:0 2%; float:left; margin-top:15px;}
.middle-center{ width:26%; float:left; padding:0 2%;}
.middle-right{ width:36%; float:left; padding:0 2%;}
.middle-left-text{ line-height:25px; text-indent:2em;}
.middle-left-text a{ color:#333;}
.middle-left-text a:hover{ color:#F00;}
.middle-center-text{  height:94px; line-height:94px; border-radius:10px; text-align:center; font-size:18px; font-weight:bold;}
.middle-center a{ background-color:#c1cfed; display:block; color:#333; margin-top:10px;}
.middle-center a:hover{ background-color:#325aa0; color:#fff;}
.prime-img li{ width:30%; padding:0 1.5%; text-align:center; float:left}
.prime-img img{ width:100%; }
.prime-img p{ text-align:center; height:30px; line-height:30px;}
.prime-img:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.prime-img{ margin-top:20%;}
.middle-right-text dd{ width:74%; float:left; padding:0 2%; height:30px; line-height:30px}
.middle-right-text dt{ width:18%; float:left; text-align:right; padding:0 2%; height:30px; line-height:30px;}
.middle-right-text{ margin-top:5px;}
.middle-right-text a{ color:#333;}
.middle-right-text a:hover{ color:#325aa0;}
.middle-right-text:after{ content:""; display:block; height:0; visibility:hidden; clear:both}
.middle-right-text1{ height:35px; line-height:35px; background-image:url(../../images/tell.png); background-size:8%; background-repeat:no-repeat; background-color:#f6f6f6; padding:10px 0; padding-left:29%; background-position:18% 50%; font-size:18px; color:#4b6242; font-weight:bold}
.middle-right-text2{ height:35px; line-height:20px;  padding:10px 0; padding-left:19%;   color:#333; }
/*小轮播图*/
#foucsBox {padding: 0; width: 468px; height: 240px; overflow: hidden; zoom: 1; position: relative; }
#foucsBox .imgCon { width: 468px; height: 240px; margin: 0; padding: 0; position: relative; list-style: none; }
#foucsBox .imgCon li { float: left; width: 468px; height: 240px;; }
#foucsBox .imgCon li img { border: 0; margin-top:10px;}
#foucsBox .imgCon li .imgTitle { width: 503px; position: absolute; bottom: 8px; text-align: center; z-index: 2; }
#foucsBox .imgCon li .imgTitle a { color: #fff; display: block; text-decoration: none; font-family: "Microsoft Yahei","黑体"; font-weight: normal; font-size: 12px; zoom: 1; }
#foucsBox .showPage { width: 503px; height: 30px; position: absolute; bottom: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 1; }
#foucsBox .foucs { width: 259px; height: 22px; position: absolute; text-align: center; z-index: 3; }
#foucsBox .foucs span { display: inline-block; width: 7px; height: 7px; margin: 0 5px; line-height: 0; font-size: 0; background: url(../images/bg.png) -160px -90px no-repeat; cursor: pointer; overflow: hidden; }
#foucsBox .foucs span.f { background: url(../images/bg.png) -170px -90px no-repeat; }
#foucsBox .foucsButton { width: 28px; height: 28px; padding: 7px; margin-top: -52px; position: relative; z-index: 4; }
#foucsBox .foucsButton span { display: inline; width: 7px; height: 30px; margin: 7px 5px 0; cursor: pointer; overflow: hidden; background: url(../images/bg.png) 0 0 no-repeat; }
#foucsBox .foucsButton img { display: none; cursor: pointer; border-width: 0px; vertical-align: middle; width: 50px; height: 28px; }
#foucsBox .lBtn { float: left; }
#foucsBox .lBtn span { float: left; background-position: 0 -90px; }
#foucsBox .rBtn { float: right; }
#foucsBox .rBtn span { float: right; background-position: -30px -90px; }
#foucsBox .btnHover { width: 146px; background: #408ED6; overflow: hidden; }
#foucsBox .btnHover img { display: inline; }
/*结束*/
.end{ background-color:#2f529b; width:1100px;  margin:0 auto; padding-top:20px; padding-bottom:20px;}
.end ul{ width:75%; float:left;height:245px; margin-top:11px!important;}
.end ul li{ width:14.5%; margin:0 1%; text-align:center; height:30px; line-height:30px; color:#fff; float:left; font-weight:bold; border-bottom:1px solid #fff;  }
.end ul li:nth-child(4){ width:9%;}
.end ul li:nth-child(5){ width:12.5%;}
.end ul li:nth-child(6){ width:18%;}
.end ul:after{display:block; content:""; height:0; clear:both; visibility:hidden; }
.end-nav{ width:100%; background-color:#2f529b; margin-top:35px;}
.end ul li ul{ width:100%!important; float:none; margin-top:10px; }
.end ul li ul li{ width:100%!important; border-bottom:none!important; font-weight:normal;}
.end-right{ width:20%; float:left; height:100px; background-color:#fff; padding:1% 2%; margin-top:1%; }
.end-right-img{ width:100px; height:100px; float:left;}
.end-right-img img{ width:100%;}
.end-right-text{ width:54%!important; float:left!important; color:#333; height:113px!important;}
.ebd-right-text:after{ content:""; display:block; height:0; visibility:hidden; clear:both}
.end-right-text li{ width:100%!important; border:none!important; color:#333!important; font-size:13px!important; font-weight:normal!important; height:25px!important; line-height:25px!important; }
.end-right p{ font-size:14px; color:#fff!important; line-height:30px; font-weight:bold}
.sef{ width:100%; min-width:1400px; margin:0 auto; height:auto; min-height:750px;}

.company-img li img {
    width: 155px; height: 125px
}

.middle-center .product-box {
    width: 348px;
    height: auto;
    overflow: hidden;
}

    .middle-center .product-box a {
        width: 164px;
        float: left;
        height: 125px;
        margin: 10px 10px 0 0;
        position: relative;
        overflow: hidden;
    }

        .middle-center .product-box a img {
            width: 100%;
            height: 100%;
            border: 0;
        }

.middle-center .product-name {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    transition: all 0.7s;
}

    .middle-center .product-name .num {
        text-align: left;
        width: 18%;
        padding-left: 2%;
        float: left;
        font-size: 22px;
        font-weight: bold;
        transition: all 0.7s;
    }

    .middle-center .product-name .pTitle {
        text-align: center;
        width: 80%;
        float: left;
        transition: all 0.5s;
        letter-spacing: 2px;
    }

.middle-center .product-name1 {
        background-color:rgba(67, 115, 216, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorStr='#992f529b',endColorStr='#992f529b');
}

.middle-center .product-box a:hover .product-name {
    height: 100%;
}

    .middle-center .product-box a:hover .product-name .num {
        line-height: 125px;
    }

    .middle-center .product-box a:hover .product-name .pTitle {
        line-height: 125px;
    }