/*：源码地址唯一出处: https://www.17sucai.com*/.btn-1,.btn-2,.btn-3{    line-height: normal;    color: #fff;    text-transform: capitalize;    font-size: 16px;    padding: 15px 30px 14px;    display: inline-block;    font-weight: normal;    position: relative;    z-index: 1;}.btn-2:before,.btn-3:before,.btn-1:before{    content: "";    left: 0;    right: 0;    top: 0;    bottom: 0;    border: 2px solid;    position: absolute;    z-index: -1;}.btn-2:hover,.btn-3:hover,.btn-2.active,.btn-3.active,.btn-1:hover,.btn-1.active{    background-color: transparent;    color: #fff;}.btn-2{    padding: 13px 20px;}.btn-2{    padding: 10px 20px 13px;}button.btn-3{    font-family: "Merriweather",serif;}/*btn 1 with 3d effect*/.btn-1.effect{    height: 50px;    line-height: 50px;    color: #fff;    text-transform: capitalize;    font-size: 16px;    padding: 0px;    display: inline-block;    font-weight: normal;    position: relative;}.btn-1.effect span {    display: block;    padding: 0 30px;    width: 100%;    position: relative;    transform-origin: 50% 0 0;    -webkit-transform-origin: 50% 0 0;    -moz-transform-origin: 50% 0 0;    -o-transform-origin: 50% 0 0;    -ms-transform-origin: 50% 0 0;    transform-style: preserve-3d;    -webkit-transform-style: preserve-3d;    -moz-transform-style: preserve-3d;    -o-transform-style: preserve-3d;    -ms-transform-style: preserve-3d;    transition: transform 0.3s ease 0s;    -webkit-transition: transform 0.3s ease 0s;    -moz-transition: transform 0.3s ease 0s;    -o-transition: transform 0.3s ease 0s;    -ms-transition: transform 0.3s ease 0s;}.btn-1.effect span::before {    content: attr(data-hover);    height: 100%;    left: 0;    position: absolute;    top: 100%;    right: 0;    color: #fff;    text-align: center;    transform: rotateX(-90deg);    -webkit-transform:rotateX(-90deg);    -moz-transform:rotateX(-90deg);    -ms-transform:rotateX(-90deg);    -o-transform:rotateX(-90deg);    transform-origin: 50% 0 0;    -webkit-transform-origin: 50% 0 0;    -moz-transform-origin: 50% 0 0;    -ms-transform-origin: 50% 0 0;    -o-transform-origin: 50% 0 0;    transition: background 0.3s ease 0s;    -webkit-transition: background 0.3s ease 0s;    -moz-transition: background 0.3s ease 0s;    -o-transition: background 0.3s ease 0s;    -ms-transition: background 0.3s ease 0s;    width: 100%;}.btn-1.effect:hover span, .btn-1:focus span {    transform: rotateX(90deg) translateY(-22px);    -webkit-transform:rotateX(90deg) translateY(-22px);    -moz-transform:rotateX(90deg) translateY(-22px);    -ms-transform:rotateX(90deg) translateY(-22px);    -o-transform:rotateX(90deg) translateY(-22px);    transform-style: preserve-3d;    -webkit-transform-style: preserve-3d;    -moz-transform-style: preserve-3d;    -o-transform-style: preserve-3d;    -ms-transform-style: preserve-3d;}.heading-1{    float: left;    width: 100%;    position: relative;    text-align: center;    padding-bottom: 2px;    margin-bottom: 50px;}.heading-1 h2{    line-height: 34px;    text-transform: capitalize;    display: inline-block;    position: relative;    padding-bottom: 8px;}.heading-1 h2:before{    content: "";    left: 0;    right: 0;    bottom: 0;    position: absolute;    height: 2px;    width: 105px;    margin: 0 auto;} .heading-1 h2:after{    content: "";    left: 0;    right: 0;    bottom: -2px;    position: absolute;    height: 1px;    width: 65px;    margin: 0 auto;} /**/.heading-2{    float: left;    width: 100%;    text-align: left;    margin-bottom: 21px;}.heading-2 h2{    line-height: 33px;    text-transform: capitalize;    padding-bottom: 11px;    position: relative;    float: left;    width: 100%;}.heading-2 h2:before{    content: "";    left: 0;    bottom: 0;    position: absolute;    height: 1px;    width: 45px;}.heading-2 h2:after{    content: "";    left: 0;    bottom: 2px;    position: absolute;    height: 2px;    width: 85px;}/**/.heading-3 {    float: left;    position: relative;    width: 100%;    margin-bottom: 40px;}.heading-3 h4 {    float: left;    line-height: normal;    padding-bottom: 16px;    position: relative;}.heading-3 h4:before{    content: "";    left: 0;    bottom: 0;    position: absolute;    height: 2px;    width: 25px;}.heading-3 h4:after{    content: "";    left: 25px;    bottom: 0px;    position: absolute;    height: 2px;    width: 25px;    background: #c4c4c4;}.footer-hd{    float: left;    width: 100%;    text-align: left;}.footer-hd h5{    line-height: 20px;    color: #fff;    text-transform: capitalize;    padding-bottom: 16px;    position: relative;    float: left;    width: 100%;}.footer-hd h5:before{    content: "";    left: 0;    bottom: 0;    position: absolute;    height: 1px;    width: 25px;}.footer-hd h5:after{    content: "";    left: 0;    bottom: 2px;    position: absolute;    height: 2px;    width: 45px;}.social-wrap-2{    float: left;   }.social-wrap-2 li{    float: left;}.social-wrap-2 li a{    display: block;    height: 39px;    width: 39px;    line-height: 39px;    color: #9a9a9a;    text-align: center;    font-size: 20px;    border: 1px solid #777978;    position: relative;    z-index: 2;}.social-wrap-2 li a:before{    content: "";    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;    -webkit-transform: scale(0);    -moz-transform:  scale(0);    -ms-transform:  scale(0);    -o-transform:   scale(0);    z-index: -1;}.social-wrap-2 li a:hover{    color: #fff;}.social-wrap-2 li a:hover:before{    -webkit-transform: scale(1);    -moz-transform:  scale(1);    -ms-transform:  scale(1);    -o-transform:   scale(1);}/*pagination*/.kf-pagination{    float: left;    width: 100%;    text-align: center;    line-height: normal;    margin-bottom: 26px;}.kf-pagination .pagination{    margin: 0;    line-height: normal;}.kf-pagination .pagination >li:last-child >a, .pagination >li:last-child >span,.kf-pagination .pagination >li:first-child >a, .pagination >li:first-child >span {    border-bottom-left-radius: 0px;    border-top-left-radius: 0px;    border-bottom-right-radius: 0px;    border-top-right-radius: 0px;    width: 100px;    background-color: #eeeeee;}.kf-pagination .pagination >li:first-child >a{    padding-right: 15px;}.kf-pagination .pagination >li:last-child >a{    padding-left: 15px;}.kf-pagination .pagination >li:first-child a span,.kf-pagination .pagination >li:last-child a span{    margin:0 3px;     overflow: hidden;}.kf-pagination .pagination >li >a{    background-color: #fff;    border-width: 1px;    border-style: solid;    border-color: #eeeeee;    color: #666666;    font-family: 'Lato', sans-serif;    text-align: center;    font-size: 20px;    text-transform: uppercase;    float: left;    line-height: normal;    margin-left: -1px;    padding:12px 0 14px;    position: relative;    text-decoration: none;    height: 52px;    width: 52px;}.kf-pagination .pagination >li:first-child a:before{    position: absolute;    top: 0;    bottom: 0;    left: -20px;    content: "";    width: 0;    height: 0;    background-color: #fff;    border-style: solid;    border-width: 26px 20px 26px 0;    border-color: transparent #eeeeee transparent transparent;}.kf-pagination .pagination >li:last-child a:before{    position: absolute;    top: 0;    bottom: 0;    right: -20px;    content: "";    width: 0;    height: 0;    border-style: solid;    background-color: #fff;    border-width: 26px 0 26px 20px;    border-color: transparent transparent transparent #eeeeee;}.kf-pagination .pagination >li a span{    position: relative;    top: 2px;}.kf-pagination .pagination >li >a:hover span,.kf-pagination .pagination >li >a:hover{    color: #fff;}/*：源码地址唯一出处: https://www.17sucai.com*/