/*网站头部*/
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.tobu{
    padding-left: 4%;
}
.haoma{
    background: url(../images/ma.png) 15px center  no-repeat;
    width: 100%;
    display: inline-block;
    color: #ffffff;
    padding: 10% 4% 9% 25%;
}
.fenlei{
    margin-top: 6%;
}
.fenlei .col-md-3{
   padding: 0px;
}
.fenlei li{
    display: inline-block;
    cursor: pointer;
}
.fenlei li:nth-child(4) .kuang{
    background: #124ad8;
        padding: 9% 5%;
}
.fenlei li:nth-child(4) .fenlei_zi{ color: #fff;
    text-align: left;
    font-size: 1.8rem;
    font-weight: 600;}
    .fenlei li:nth-child(4) .fenlei_img{ color: #fff;
    font-size: 1.8rem;
    text-align: left;
    font-weight: 600;}
.kuang{
    background: #f1f4fd;
    margin: 0 2.4%;
    padding: 5% 5%;
    box-sizing: border-box;
}
.fenlei_img{
    font-size: 1.8rem;
    line-height: 2;
    font-family: "Microsoft Yahei";
    color: #124ad8;
    text-align: center;
    font-weight: 600;
}
.fenlei_zi{
    font-size: 1.4rem;
    line-height: 1.7;
    font-family: "Microsoft Yahei";
    color: #111c38;
    margin-top: 4%;
    text-align: center;
}
.fenlei li:hover .kuang{
    /*background: #124ad8;*/
    
}
.fenlei li:hover .fenlei_img{
    /*color: #fff;*/
    /*text-align: left;*/
}
.fenlei li:hover .fenlei_zi{
    /*color: #fff;*/
    /*text-align: left;*/
    /*font-weight: 600*/
}
.nei{
    padding: 4% 12% 0 12%;
}
.abnt img{
    width: 100%;
    height: auto;
}
.aby_t{
    font-size: 1.2rem;
    font-family: "Microsoft Yahei";
    color: #7a86a6;
    text-transform: uppercase;
    padding-top: 6%;
}
.aby_y{
    color: #111c38;
    font-size: 2rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 2.7%;
    line-height: 2;
}
.aby_g{
    color: #111c38;
    font-size: 2.2rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase; 
}
.aby_h{
    color: #111c38;
    font-size: 1.4rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase; 
    line-height: 2;
    padding-top: 4%;
}
.aby_m{
    width: 160px;
    height: 40px;
    text-align: center;
    color: #fff;
    background: #124ad8;
    font-size: 1.4rem;
    line-height: 3;
    font-family: "Microsoft Yahei";
    margin-top: 4%;
}
.aby_m a{
    color: #fff;
}
.aby{
    margin-left: 4%;
}
/*产品展示*/
.cpp_t{
    color: #111c38;
    font-size: 2rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase; 
    line-height: 1.8;  
}
.cpp_y{
    color: #7a86a6;
    font-size: 1.2rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;  
}
.fene{
    width: 16%;
    float: right;
    margin-top: 2%;
}
.fene_t{
    float: left;
    width: 88%;
}
.fenbgg li{
    float: left;
    width: 46%;
    text-align: center;
}
.fenbgg li a{
    color: #111c38;
    font-size: 1.4rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;  
}
.fene_m{
    background: url(../images/more.jpg) no-repeat;
    float: right;
    width: 5%;
    background-size: 100% 100%;
    height: 13px;
    margin-top: 1.4%;
    margin-right: 15px;
}
.xian{
    border-top: #e4e7ed 1px solid;
    margin: 1.5% 15px 0;
}
.liebing_img{
    border:#7a86a6 1px solid;
}
.liebing_img img{
    width: 100%;
    height: auto;
}
.liebing{
    margin-top: 1.5%;
}
.liebing_tt{
    color: #111c38;
    font-size: 1.4rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase; 
    text-align: center;
    line-height: 4;
}
.liebing_tt a{
    color: #111c38;
}
.liebing li:hover .liebing_img{
    border:#124ad8 1px solid;
}
.liebing li:hover .liebing_tt a{
    color: #124ad8;
}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.nei2{
    background: url(../images/nei2.jpg) top center no-repeat;
    background-size: 100% 100%;
    margin-top: 4%;

}
.x-seo{
    text-align: left;
}
.x-copyright{
    text-align: right;
}
/*优势*/
.you_t{
    color: #ffffff;
    font-size: 2rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;  
}
.you_y{
    color: #ffffff;
    font-size: 2.2rem;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;    
}
.you{
    padding-top: 1%;
    color: #6b6f7b;
}
.you a{
    color: #6b6f7b;  
}
.youshi{
    margin-top: 4%;
}
.youshi li{
    text-align: center;  
}
.youshi_tt{
    font:400 16px/40px "Microsoft Yahei";
    color:rgba(255, 255, 255, 0.9)
}
.huyu{
    background: rgba(255, 255, 255, 0.2);
    padding:28% 15%;
}
.liyouu{
    padding:0 17% 5% 17%;
}
.youshi_nei{
    font:400 12px/23px "Microsoft Yahei";
    padding-top: 10%;
    color:rgba(255, 255, 255, 0.7)
}
.hutu{
    padding: 12% 8%;
    border: #e5e5e5 1px solid;
}
.xww{
    margin-top: 3%;
}
.xwwgyt{
    background: url(../images/shu.png) left center no-repeat;
    padding-left: 17px;
}
.xww_tt a{
    font:400 15px/30px "Microsoft Yahei";
    color: #111c38;
}
.xwwgyt_zhi{
    font:400 13px/20px "Microsoft Yahei";
    color: #7a86a6; 
}
.xwwnei{
    font:400 13px/22px "Microsoft Yahei";
    color: #111c38; 
    padding-top: 5.5%;
}
.xww_morew{
    font:400 14px/20px "Microsoft Yahei";
    color: #111c38;   
    padding-top: 5.5%;
}
.xww_morew a{
    color: #111c38; 
}
.xww li:hover:hover .xww_morew a{
    color: #124ad8;
}
.xww li:hover .hutu{
    border: #124ad8 1px solid;
}
.nei5{
    background: #111c38;
    margin-top: 2%;
    padding: 4% 0;
}
.lainxih{
    font:400 14px/28px "Microsoft Yahei";
    color: #a0a4af;
    padding-top: 2%;
}
.dolong{
    width: 30%;
}
.dolong img{
    width: 100%;
    height: auto;
}
.xoau{
    border-bottom: #313c59 1px solid;
    margin-top: 4%;
}
.youshi_ing{
    height: 41px;
}
@media(max-width:1600px){

    .fene{
        width: 19%
    }
    .liyouu{
        padding: 0 12% 5% 15%;
    }



}
@media(max-width:1440px){
    .fene {
        width: 26%;
    }
}
@media(max-width:1024px){
    .x-menu{
        width: 71.75%;
        float: left;
        margin-left: 0%;
    }
    .fenlei_zi{
        font-size:12px;
    }
    .aby_g{
        font-size: 2rem;
    }
    .aby_h{
        font-size: 1.2rem;
    }
    .nei{
        padding: 4% 5% 0 3%; 
    }
    .xww_tt{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; 
    }
    .x-message-wrap .x-submit{
        width: 89.689441%
    }
    .fenlei li{
        margin-bottom: 2%;
    }
    .haoma{
        background:none;
        padding: 10% 4% 9% 9%;
    }
    .container-fluid{
        padding:0px;
    }
}
@media(max-width:768px){
    .kuang{
        padding: 5% 1%;
    }
    .fene{
        width: 39%;
    }
    .nei2{
        background:#2357d2;
    }
    .liyouu{
        padding: 0 3% 3% 3%;
    }
    .huyu{
        background: rgba(255, 255, 255, 0.2);
        padding: 15% 6%;
    }
    .youshi li{
        margin-bottom: 2%;
    }
    .hutu{
        padding: 5% 4%;
    }
    .xww li{
        margin-bottom: 2%;
    }
    .x-message-wrap{
        margin-top: 2%;
    }
    .nei5 .col-sm-12{
       float: right;
    }
    .x-message-wrap .x-textarea{
      margin-top: 2%;
    }
    .x-message-wrap .x-submit{
        width: 98%;
        position: absolute;
        bottom: -32px;
        right: 6px;
    }
    .xoau{
        margin-top: 8%;
    }
    .x-copyright{
        text-align: center;
    }
    .x-seo{
        text-align: center;
    }
}
@media(max-width:768px){
    .fene{
        display: none;
    }
    .huyu{
        padding: 4%;
    }
    .xoau{
        margin-top: 12%;
    }
}


@media(max-width:375px){
   .kuang{height:130px;} 
}