

/*proda s*/


    .bt {
        color: #000;
        border-left: 7px solid #99cc33;
        font-size: 26px;
        margin: 25px 0 30px;
        padding: 0px 0 0px 10px;
        border-bottom: 1px solid #eee;
        font-weight: bold;
    }
    
    .bt .btl {
        line-height: 40px;
    }
    
    .clear {
        clear: both
    }
    
    .bt .btl em {
        display: inline-block;
        font-style: normal;
        color: #c1c1c1;
        margin-left: 10px;
        font-size: 16px;
        letter-spacing: 0px;
        text-transform: uppercase;
        font-weight: normal;
        ;
    }
    
    .bt .btr {}


.pro_da { width:1200px; margin:0px auto;}
.pro_da table { line-height:30px; text-align:center;}

.pro_da table tr td { padding:5px 20px; text-align:center; font-size:16px; }
.pro_da table tr:nth-child(2n) { background:#f4f4f4;}
.pro_da table tr:nth-child(1) { background:#8ec21f; color:#fff; font-size:20px !important; font-weight:900; line-height:70px; height:70px;}
.pro_da table tr:nth-child(1) td {font-size:20px !important;}
    .product {
        padding: 90px 0 140px;
    }
    
    .pro_tit {
        height: 80px;
    }
    
    .pro_tit h2 {
        font-size: 32px;
        color: #333;
        line-height: 40px;
    }
    
    .pro_tit h2 a {
        color: #333;
    }
    
    .pro_tit h2 a:hover,
    .pro01 a:hover,
    .pro_l a:hover span {
        color: #95c52e;
    }
    
    .pro_tit h2 i {
        display: block;
        font-size: 20px;
        color: #333;
        font-weight: normal;
        font-style: initial;
    }
    
    .pro_tit em {
        width: 275px;
        height: 70px;
        display: block;
        line-height: 0;
        overflow: hidden;
    }
    
    .pro_tit em img {
        width: 275px;
        height: 70px;
    }
    
    .service {
        background:url(http://www.tkw58.com/resource/images/8e4c9c665d194edba8045c295965bb51_2.jpg?ver=1) no-repeat center 0;
        height: 846px;
        overflow: hidden;
        padding-top: 100px;
    }
    
    .service dl {
        width: 240px;
        float: left;
        height: 473px;
        position: relative;
        overflow: hidden;
        margin-top: 55px;
    }
    
    .service dl dt {
        width: 100px;
        height: 100px;
        line-height: 0;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        top: 50px;
        left: calc(50% - 50px);
        z-index: 5;
        box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
    }
    
    .service dl dt img {
        width: 100px;
        height: 100px;
    }
    
    .service dl dd {
        width: 240px;
        height: 473px;
        text-align: center;
        overflow: hidden;
        position: relative;
        color: #333;
    }
    
    .service dl dd span {
        display: block;
        width: 240px;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .2s;
        transition: all .2s;
        overflow: hidden;
    }
    
    .service dl dd span img {
        width: 240px;
        height: 473px;
    }
    
    .service dl dd .fuw_desc {
        width: 240px;
        height: 273px;
        padding-top: 200px;
        position: relative;
        z-index: 2;
    }
    
    .service dl dd h5 {
        font-size: 26px;
        font-weight: normal;
        height: 40px;
        line-height: 40px;
    }
    
    .service dl dd p {
        font-size: 16px;
        line-height: 25px;
        height: 110px;
        padding: 12px 0 0;
    }
    
    .service dl dd p i {
        display: block;
        font-style: initial;
    }
    
    .service dl dd em {
        display: block;
        width: 35px;
        height: 35px;
        line-height: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .service dl dd em img {
        width: 35px;
        height: 70px;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    
    .service dl dd {
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-property: color;
        transition-property: color;
        transition: all 0.3s;
    }
    
    .service dl dd:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(142, 195, 31, 0.9);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    
    .service dl:hover dd:before,
    .service dl.cur dd:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    
    .service dl:hover dd,
    .service dl.cur dd {
        color: #fff;
    }
    
    .service dl:hover dd h5,
    .service dl.cur dd h5 {
        font-weight: bold;
    }
    
    .service dl:hover dd em img,
    .service dl.cur dd em img {
        margin-top: -35px;
    }
    
    .service dl:hover span,
    .service dl.cur dd span {
        height: 473px;
    }
    
    .serv_bot {
        padding: 64px 0 0 160px;
    }
    
    .serv_bot a {
        display: block;
        float: left;
        width: 268px;
        height: 68px;
        line-height: 68px;
        background: #fff;
        font-size: 16px;
        color: #333;
        font-weight: bold;
        border-radius: 60px;
        margin-right: 40px;
    }
    
    .serv_bot em {
        display: block;
        width: 40px;
        height: 35px;
        line-height: 0;
        float: left;
        overflow: hidden;
        margin: 19px 10px 0 35px;
    }
    
    .serv_bot em img {
        width: 40px;
        height: 70px;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    
    .serv_bot a:hover,
    .serv_bot a.cur {
        box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
    }
    
    .serv_bot a:hover em img,
    .serv_bot a.cur em img {
        margin-top: -35px;
    }

    .blk-main {
        width: 100%;
    }
    
    .blk {
        width: 1200px;
        margin: 0 auto 100px auto;
    }
    
    .content1 {
        width: 1200px;
        margin: 0 auto;
    }
    
    .p12-aboutinfo-1 {
        display: inline-block;
        width: 100%;
        background: #fff;
        margin-bottom: 38px;
    }



/*proda e*/

