.home .part3 .box{background: #fff;}
.home .part3 .box .img-box{position:relative;text-align: center;}
.home .part3 .box .img-box img{width:420px;vertical-align: middle;}

.home .part3 .box .img-box .img-kdp{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #132178;
    font-size: 14px;
    font-weight: bold;
    color:white;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20%;
    bottom: 20%
}
    .home .part3 .box .info .btn {
        border-radius: 0;
        height: 40px;
        line-height: 35px;
        padding-left: 40px;
    }
	    .home .part3 .box .info .btn:after {
        top: 45%;
    }
	    .home .btn:hover:after {
        right: 10px;
        background: url(../images/icon-right1-white.png) no-repeat center / 100% 100%;
    }

.home .part3 .box .img-box span{position: absolute;background: #132178;color: #fff;text-align: center;border-radius: 50%;}
.home .part3 .box p{color: #999;}
.home .btn {
    position: relative;
    display: inline-block;
    color: #c20e25;
    font-family: "HelveticaLt";
    font-weight: bold;
    color: #c20e25;
    background: #fff;
    border: 1px solid #D3D3D3;
    box-shadow: #dfdfdf 1px 1px 3px 1px;
}
.home .btn:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/icon-right1-blue.png) no-repeat center / 100% 100%;
    transition: all .5s;
}
.home .btn-box{text-align: center;}
.products .part1 li .btn:after{background: url("http://www.kofon-motion.com/template/pc/skin/image/icon/icon-right2-blue.png") no-repeat center/100% 100%;}
.product-list li .img-box{text-align: center;}
.product-list li .img-box img{max-height: 100%;max-width: 100%;}
.product-list li .tit{font-family: "HelveticaLt";font-weight: bold;color: #c20e25;}
.product-list li .tit a{color:#c0021b;}

@media (min-width: 1400px) {    
	   .home:before{top:50%;left: 50%;transform:translate(-50%,-70%);width:1664px;height:714px;background: url("http://www.kofon-motion.com/template/pc/skin/image/bg-img.png") no-repeat center/cover; }
    .home .btn-box{margin-top: 50px;}
    .home .btn{padding:0 60px 0 20px;height:50px;;line-height: 45px;border-radius: 5px;font-size: 16px;}
    .home .btn:after{right:20px;width: 25px;height:10px;transition: all .5s;}
    .home .btn:hover:after{right:10px;background: url("../images/icon-right1-white.png") no-repeat center/100% 100%;}
    .home .btn:hover{background: #c20e25;color: #fff;}
	.home .part3 .box{float: left;width: 49%;margin-right: 2%;padding-bottom: 25px;}
    .home .part3 .box:nth-child(2n){margin-right: 0;}
    .home .part3 .box .img-box{height:230px;line-height: 230px; overflow:hidden}
    .home .part3 .box .img-box img{transition: all .3s;}

    .home .part3 .box .img-box .img-kdp{
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #132178;
        font-size: 14px;
        font-weight: bold;
        color:white;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 20%;
        bottom: 20%
    }

    .home .part3 .box .img-box span{right:7%;bottom:10%;width: 70px;height:70px;line-height: 70px;font-size: 24px; transition: all .3s;}
    .home .part3 .box:hover .img-box img,.home .part3 .box:hover .img-box span{transform: scale(1.06);}
    .home .part3 .box .info{padding: 20px 15px 0;}
    .home .part3 .box .info h6{font-size: 21px;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .home .part3 .box .info .btn{border-radius: 0;height:40px;line-height: 35px;padding-left: 40px;}
    .home .part3 .box .info .btn:after{top:45%;}
    /* .content-box{width: 70%;min-width: 960px;} */
    .box{border-color:#E9E9E9;-moz-box-shadow:0 0 3px 3px #E9E9E9; -webkit-box-shadow:0 0 3px 3px #E9E9E9; box-shadow:0 0 3px 3px #E9E9E9;}
    /* .part-title1{font-size: 35px;height:40px;line-height: 40px;margin-bottom: 40px;} */
    .part-title1{font-size: 35px;height:40px;line-height: 40px;margin-bottom: 20px;}
    .text{line-height: 25px;margin-bottom: 15px;font-size: 16px;}
    /*产品*/
    .products .part1 li{float:left;width: 49%;height:80px;margin-right: 2%;margin-bottom: 10px;}
    .products .part1 li:nth-child(2n){margin-right: 0;}
    .products .part1 li .btn{height:80px;line-height: 75px;border-radius: 0;font-size: 22px;color: #333;border-color: #F6F6F6;font-weight: normal;box-shadow: none; }
    .products .part1 li .btn:hover{color: #fff;}
    .products .part1 li .btn:after{width: 23px;height:17px;}
    .products .part1 li .btn:hover:after{background: url("http://www.kofon-motion.com/template/pc/skin/image/icon/icon-right2-white.png") no-repeat center/100% 100%;}
    .product-list li{float: left;width: 23.875%;margin-right: 1.5%;margin-bottom: 20px;padding: 20px 12px;height:470px;margin-top: -10px;background: #fff;border:1px solid #EBEBEB;}
    .product-list li:hover{-moz-box-shadow: 0 0 3px 3px #E9E9E9;-webkit-box-shadow: 0 0 3px 3px #E9E9E9;box-shadow: 0 0 3px 3px #E9E9E9;}
    .product-list li:nth-child(4n){margin-right: 0;}
    .product-list li .img-box{height:160px;overflow: hidden;line-height: 160px;}
    .product-list li .img-box img{transition: all .3s;vertical-align: middle;}
    .product-list li:hover .img-box img{transform: scale(1.1)}
    .product-list li .tit{margin: 10px 0;font-size: 16px;text-align: center;line-height:18px;}
    .product-list li .tit .icon-more{display: none;}
    .product-list li .desc{line-height: 25px;}
    .product-list li .size{margin: 35px 0 20px;color: #999;font-size: 16px;}
    .size-box .btn{display: inline-block;width: 45px;height:45px;padding: 0;line-height: 45px;font-size:16px;text-align: center;margin-right: 10px;border-radius: 8px;}
    .size-box .btn:last-child{margin-right: 0;}
    .size-box .btn:after,.size-box .btn:hover:after{background: transparent;}
    .product-list li .btn-view{height:40px;line-height: 35px;border-radius: 0;/*margin-top: 190px;*/}

    /* .company.about .part1.content-box{padding-right:430px;} */
    

}
@media (min-width: 1270px) and (max-width: 1400px){
    .home .part3 .box{float: left;width: 32%;margin-right: 2%;padding-bottom: 25px;}
        .home .part3 .box:nth-child(3n){margin-right: 0;}
        .home .part3 .box .img-box{height:230px;line-height: 230px;}
        .home .part3 .box .img-box img{transition: all .3s;}
        /* .home .part3 .box .img-box img:after{
            content: "KDP";
            width: 40px;
            height: 40px;
            border-radius: 20px;
            background: #132178;
            font-size: 18px;
            font-weight: bold;
            color:white;
            position: absolute
        } */

        .home .part3 .box .img-box .img-kdp{
            width: 60px;
            height: 60px;
            border-radius: 30px;
            background: #132178;
            font-size: 14px;
            font-weight: bold;
            color:white;
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            right: 20%;
            bottom: 20%
        }
        .home .part3 .box .img-box span{right:7%;bottom:10%;width: 70px;height:70px;line-height: 70px;font-size: 24px; transition: all .3s;}
        .home .part3 .box:hover .img-box img,.home .part3 .box:hover .img-box span{transform: scale(1.06);}
        .home .part3 .box .info{padding: 20px 15px 0;}
        .home .part3 .box .info h6{font-size: 21px;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .home .part3 .box .info .btn{border-radius: 0;height:40px;line-height: 35px;padding-left: 40px;}
        .home .part3 .box .info .btn:after{top:45%;}
	.home:before{top:50%;left: 50%;transform:translate(-50%,-70%);width:1664px;height:714px;background: url("http://www.kofon-motion.com/template/pc/skin/image/bg-img.png") no-repeat center/cover; }
    .home .btn-box{margin-top: 50px;}
    .home .btn{padding:0 60px 0 20px;height:50px;;line-height: 45px;border-radius: 5px;font-size: 16px;}
    .home .btn:after{right:20px;width: 25px;height:10px;transition: all .5s;}
    .home .btn:hover:after{right:10px;background: url("../images/icon-right1-white.png") no-repeat center/100% 100%;}
    .home .btn:hover{background: #c20e25;color: #fff;}
        /* .content-box{width: 70%;min-width: 960px;} */
        .box{border-color:#E9E9E9;-moz-box-shadow:0 0 3px 3px #E9E9E9; -webkit-box-shadow:0 0 3px 3px #E9E9E9; box-shadow:0 0 3px 3px #E9E9E9;}
        /* .part-title1{font-size: 35px;height:40px;line-height: 40px;margin-bottom: 40px;} */
        .part-title1{font-size: 35px;height:40px;line-height: 40px;margin-bottom: 20px;}
        .text{line-height: 25px;margin-bottom: 15px;font-size: 16px;}
        .picture{display: block;margin: 40px auto;}
        /*首页*/
        
        /*产品*/
        .products .part1 li{float:left;width: 49%;height:80px;margin-right: 2%;margin-bottom: 10px;}
        .products .part1 li:nth-child(2n){margin-right: 0;}
        .products .part1 li .btn{height:80px;line-height: 75px;border-radius: 0;font-size: 22px;color: #333;border-color: #F6F6F6;font-weight: normal;box-shadow: none; }
        .products .part1 li .btn:hover{color: #fff;}
        .products .part1 li .btn:after{width: 23px;height:17px;}
        .products .part1 li .btn:hover:after{background: url("http://www.kofon-motion.com/template/pc/skin/image/icon/icon-right2-white.png") no-repeat center/100% 100%;}
        .product-list li{float: left;width: 23.875%;margin-right: 1.5%;margin-bottom: 20px;padding: 20px 12px;height:520px;margin-top:-10px;background: #fff;border:1px solid #EBEBEB;}
        .product-list li:hover{-moz-box-shadow: 0 0 3px 3px #E9E9E9;-webkit-box-shadow: 0 0 3px 3px #E9E9E9;box-shadow: 0 0 3px 3px #E9E9E9;}
        .product-list li:nth-child(4n){margin-right: 0;}
        .product-list li .img-box{height:160px;overflow: hidden;line-height: 160px;}
        .product-list li .img-box img{transition: all .3s;vertical-align: middle;}
        .product-list li:hover .img-box img{transform: scale(1.1)}
        .product-list li .tit{margin: 20px 0;font-size: 16px;line-height:18px;}
        .product-list li .tit .icon-more{display: none;}
        .product-list li .desc{line-height: 25px;}
        .product-list li .size{margin: 35px 0 20px;color: #999;font-size: 16px;}
        .size-box .btn{display: inline-block;width: 45px;height:45px;padding: 0;line-height: 45px;font-size:16px;text-align: center;margin-right: 10px;border-radius: 8px;}
        .size-box .btn:last-child{margin-right: 0;}
        .size-box .btn:after,.size-box .btn:hover:after{background: transparent;}
        .product-list li .btn-view{height:40px;line-height: 35px;border-radius: 0;/*margin-top: 190px;*/}
        
    
}
@media (max-width: 1220px){
    /* .content-box{width: 70%;min-width: 960px;} */
    .home .part3 .box{float: left;width: 32%;margin-right: 2%;padding-bottom: 25px;}
    .home .part3 .box:nth-child(3n){margin-right: 0;}
    .home .part3 .box .img-box{height:230px;line-height: 230px;}
    .home .part3 .box .img-box img{transition: all .3s;}

    .home .part3 .box .img-box .img-kdp{
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #132178;
        font-size: 14px;
        font-weight: bold;
        color:white;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 20%;
        bottom: 20%
    }

    .home .part3 .box .img-box span{right:7%;bottom:10%;width: 70px;height:70px;line-height: 70px;font-size: 24px; transition: all .3s;}
    .home .part3 .box:hover .img-box img,.home .part3 .box:hover .img-box span{transform: scale(1.06);}
    .home .part3 .box .info{padding: 20px 15px 0;}
    .home .part3 .box .info h6{font-size: 21px;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .home .part3 .box .info .btn{border-radius: 0;height:40px;line-height: 35px;padding-left: 40px;}
    .home .part3 .box .info .btn:after{top:45%;}
	.box{border-color:#E9E9E9;-moz-box-shadow:0 0 3px 3px #E9E9E9; -webkit-box-shadow:0 0 3px 3px #E9E9E9; box-shadow:0 0 3px 3px #E9E9E9;}
    .part-title1{font-size: 35px;height:40px;line-height: 40px;margin-bottom: 40px;}
    .text{line-height: 25px;margin-bottom: 15px;font-size: 16px;}
    .picture{display: block;margin: 40px auto;}
    
    /*产品*/
    .products .part1 li{float:left;width: 49%;height:80px;margin-right: 2%;margin-bottom: 10px;}
    .products .part1 li:nth-child(2n){margin-right: 0;}
    .products .part1 li .btn{height:80px;line-height: 75px;border-radius: 0;font-size: 22px;color: #333;border-color: #F6F6F6;font-weight: normal;box-shadow: none; }
    .products .part1 li .btn:hover{color: #fff;}
    .products .part1 li .btn:after{width: 23px;height:17px;}
    .products .part1 li .btn:hover:after{background: url("http://www.kofon-motion.com/template/pc/skin/image/icon/icon-right2-white.png") no-repeat center/100% 100%;}
    .product-list li{float: left;width: 23.875%;margin-right: 1.5%;margin-bottom: 20px;padding: 20px 12px;height:520px;margin-top:-10px;background: #fff;border:1px solid #EBEBEB;}
    .product-list li:hover{-moz-box-shadow: 0 0 3px 3px #E9E9E9;-webkit-box-shadow: 0 0 3px 3px #E9E9E9;box-shadow: 0 0 3px 3px #E9E9E9;}
    .product-list li:nth-child(4n){margin-right: 0;}
    .product-list li .img-box{height:160px;overflow: hidden;line-height: 160px;}
    .product-list li .img-box img{transition: all .3s;vertical-align: middle;}
    .product-list li:hover .img-box img{transform: scale(1.1)}
    .product-list li .tit{margin: 20px 0;font-size: 16px;line-height:18px;}
    .product-list li .tit .icon-more{display: none;}
    .product-list li .desc{line-height: 25px;}
    .product-list li .size{margin: 35px 0 20px;color: #999;font-size: 16px;}
    .size-box .btn{display: inline-block;width: 45px;height:45px;padding: 0;line-height: 45px;font-size:16px;text-align: center;margin-right: 10px;border-radius: 8px;}
    .size-box .btn:last-child{margin-right: 0;}
    .size-box .btn:after,.size-box .btn:hover:after{background: transparent;}
    .product-list li .btn-view{height:40px;line-height: 35px;border-radius: 0;margin-top: 30px;}
   
}
@media (max-width: 768px){
.home .part3 .box{padding: .2rem .2rem .45rem;margin-bottom: .3rem;}
    .home .part3 .box .img-box{height:3.5rem;line-height: 3.5rem; overflow:hidden;}
    .home .part3 .box .img-box img{max-width: 100%;max-height: 100%;}

    .home .part3 .box .img-box .img-kdp{
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #132178;
        font-size: 14px;
        font-weight: bold;
        color:white;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 20%;
        bottom: 20%
    }

    .home .part3 .box .img-box span{right:1.15rem;bottom:.7rem;width:1rem;height:1rem;line-height: 1rem;font-size: .32rem; }
    .home .part3 .box .info{padding-top: .25rem;}
    .home .part3 .box .info h6{font-size:.3rem;margin-bottom: .1rem;}
    .home .part3 .box .info .btn{font-size:.24rem;border-radius: 0;height:.8rem;line-height: .75rem;}
    .home .part3 .box .info .btn:after{top:.32rem;}
.home:before{top:.3rem;right:0;width:7.43rem;height:18.28rem;background: url("http://www.kofon-motion.com/template/pc/skin/image/bg-img-wap.png") no-repeat center/cover; }
    .home .btn-box{margin-top: .55rem;}
    .home .btn{padding:0 .75rem 0 .3rem;height:.8rem;font-size:.26rem;line-height: .75rem;border-radius: 3px;}
    .home .btn:after{right:.2rem;width: .25rem;height:.1rem;}
    .products .part1 li{margin-bottom:.2rem;height:.95rem;}
    .products .part1 li .btn{height:.95rem;line-height: .9rem;border-radius: 0;font-size: .3rem;color: #333;border-color: #F6F6F6;font-weight: normal;box-shadow: none;}
    .products .part1 li .btn:after{width: .48rem;height:.35rem;background:url("../images/icon-right2-white.png") no-repeat center/100% 100%; }
    /* .product-list li{background: #fff;padding: .35rem .25rem;border-bottom:1px solid #F3F3F3;} */
    .product-list li{background: #fff;padding: .3rem .25rem;border-bottom:1px solid #F3F3F3;}
    /* .product-list.list1 li{height:1.5rem;overflow: hidden;transition: all .3s;} */
    .product-list.list1 li{height:1.4rem;overflow: hidden;transition: all .3s;}
    .product-list.list1 li.active{height:5.6rem;}
    .product-list.list1 li .img-box{float: left;height:.85rem;}
    .product-list.list2 li .img-box{height:2.1rem;margin-bottom: .2rem;}
    .product-list.list2 li .img-box img{width: 100%;height:100%;}
    .product-list.list1 li .img-box img{height:100%;width: auto;margin-right: 35px}
    .product-list.list1 li .tit{position:relative;height:.85rem;line-height:.85rem;margin-bottom: .2rem;font-size: .34rem;}
    .product-list.list1 li .tit .icon-more{position: absolute;right: -.1rem;top: 50%;width: .6rem;height: .6rem;margin-top: -.3rem;background: url(http://www.kofon-motion.com/template/pc/skin/image/icon/icon-nav-more.png) no-repeat center/.29rem .17rem;transition: all .3s;}
    .product-list.list1 li.active .tit .icon-more{transform: rotate(180deg);}
    .product-list li .desc{line-height: .4rem;}
    .product-list li .size{color: #999;font-size: .24rem;margin: .2rem 0;}
    .size-box .btn{display: inline-block;width: .8rem;height:.8rem;text-align: center;line-height: .75rem;font-size: .28rem;color: #333;padding: 0;margin-right: .15rem;}
    .size-box .btn:after{background: transparent;}
    .product-list li .btn-view{background: #c20e25;color: #fff;border-radius: 0;/*margin-top:160px;*/}
    .product-list li .btn-view:after{background: url("../images/icon-right1-white.png") no-repeat center/100% 100%;}
    .popover-body{font-size: .22rem;color: #333;padding:.1rem;border-radius: 3px;}
    
}