/* 
* @Author: Administrator
* @Date:   2018-07-12 15:32:50
* @Last Modified by:   wangguo
* @Last Modified time: 2018-10-09 11:07:32
*/
.pageheader{
    height:auto;
}
section {

    margin: 0 auto;

}
h3.text-c.size20{
    margin:40px 0;
    padding-top:120px;
    margin-top:0;
}
.container.c1 ul, .container.c3 ul, .container.c4 ul{
    overflow:hidden;
    
    margin:0;
    padding:0;
}
.container.c1 ul li, .container.c3 ul li{
    float:left;
    width:20%;
    text-align:center;
    padding:15px;
}
.container.c1 ul li .m, .container.c3 ul li .m{
    width:100%;
    max-width:158px;
    display:inline-block;
    transition: transform 0.5s;
}
.container.c1 ul li .m p.text-c, .container.c3 ul li .m p.text-c{
    padding-top:15px;
}
.container.c1 ul li p{
    font-size:16px;
}
.container.c1 ul li .m:hover {
    border-radius:10px;
    box-shadow: 0 0 23px 0 rgba(0,0,0,0.18);
    padding:0;
    z-index:2;
    position:relative;
    color:#4990f9;

}
.container.c3 ul{
    background-color:#f5f5f5;
}
.container.c3 ul li{
    transition: transform 0.5s;
    background-color:#f5f5f5;
    border-top:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    min-height:290px;
}
.container.c3 ul li:hover {
    background-color:#fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.18);
    padding:0;
    z-index:2;
    position:relative;

}
.qkl-c4bg{
    background:url(../images/qkl-fbg.png) no-repeat scroll center center /cover;
    padding-top:20px;
    padding-bottom:10px;
}
i.b{
    display:inline-block;
    width:20px;
    height:6px;
    background-color:#4990f9;
}
.container.c4 ul{
    overflow:hidden;
}
.container.c4 ul li{
    text-align:center;
}
.container.c4 ul li p{
    display:inline-block;
    height:160px;
    max-width:282px;
    background-position:center center;
    background-size:262px 160px;
    background-repeat:no-repeat;
    padding:20px;
    color:#fff;
}
.container.c4 ul li.l1 p{
    background-image:url(../images/qkl-f1.png);
}
.container.c4 ul li.l2 p{
    background-image:url(../images/qkl-f2.png);
}
.container.c4 ul li.l3 p{
    background-image:url(../images/qkl-f3.png);
}
.container.c4 ul li.l4 p{
    background-image:url(../images/qkl-f4.png);
}

.qkl-i{
    display:inline-block;
    width:64px;
    height:64px;
    background-repeat:no-repeat;
    background-size:cover;
}
.qkl-i1{
    background-image:url(../images/qkl-i1.png);
}
.qkl-i2{
    background-image:url(../images/qkl-i2.png);
}
.qkl-i3{
    background-image:url(../images/qkl-i3.png);
}
.qkl-i4{
    background-image:url(../images/qkl-i4.png);
}
.qkl-i5{
    background-image:url(../images/qkl-i5.png);
}
.qkl-ii1{
    background-image:url(../images/qkl-ii1.png);
}
.qkl-ii2{
    background-image:url(../images/qkl-ii2.png);
}
.qkl-ii3{
    background-image:url(../images/qkl-ii3.png);
}
.qkl-ii4{
    background-image:url(../images/qkl-ii4.png);
}
.qkl-ii5{
    background-image:url(../images/qkl-ii5.png);
}

.container.c1 ul li .m:hover .qkl-i1{
    background-image:url(../images/qkl-i11.png);
}
.container.c1 ul li .m:hover .qkl-i2{
    background-image:url(../images/qkl-i22.png);
}
.container.c1 ul li .m:hover .qkl-i3{
    background-image:url(../images/qkl-i33.png);
}
.container.c1 ul li .m:hover .qkl-i4{
    background-image:url(../images/qkl-i44.png);
}
.container.c1 ul li .m:hover .qkl-i5{
    background-image:url(../images/qkl-i55.png);
}
.container.c3 ul li:hover .qkl-ii1{
    background-image:url(../images/qkl-ii11.png);
}
.container.c3 ul li:hover .qkl-ii2{
    background-image:url(../images/qkl-ii22.png);
}
.container.c3 ul li:hover .qkl-ii3{
    background-image:url(../images/qkl-ii33.png);
}
.container.c3 ul li:hover .qkl-ii4{
    background-image:url(../images/qkl-ii44.png);
}
.container.c3 ul li:hover .qkl-ii5{
    background-image:url(../images/qkl-ii55.png);
}


@media screen and (max-width: 736px) {
    .container.c1 ul li, .container.c3 ul li{
    float:left;
    width:50%;
}
    .container.c1 ul li:last-child, .container.c3 ul li:last-child{
    width:100%;
}
     .container.c2 img, .container.c5 img, .container.c6 img{
    border-radius:10px;
}

}
@media screen and (min-width: 737px) 
{
   
.container.c2 .r, .container.c5 .l, .container.c6 .r{
    margin-bottom:0;
    font-size:18px;
    width:60%;
    position:absolute;
    z-index:2;
    top:50%;
    margin-top:-80px;
    background-color:#fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.18);
}
.container.c2 .r, .container.c6 .r{
    right:0;
}
.container.c2 .l{
    left:0;
}
.container.c2 p, .container.c6 p{
    margin-bottom:0;
    padding:50px 70px;
}
.container.c5 p{
    margin-bottom:0;
    padding:25px 70px;
}
}