@charset "utf-8";

* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
body {font-family:"Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none;background: #fff;overflow-x: hidden;min-width: 1200px;color: #333;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin-bottom: 0;}
li{list-style-type:none;}
img{border:none; vertical-align:middle;max-width: 100%}
a {text-decoration: none;}
a:focus, button:focus {outline:none !important;}
i,em,label {font-style: normal;font-weight: normal;}
input,select,textarea {outline: none;font-family: "Microsoft Yahei";}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.trans {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.form-control {display: block; width: 100%;background-color: #fff;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.wrapper {width: 1100px;margin: 0 auto;position: relative;}
@font-face {font-family: "iconfont";
  src: url("../fonts/iconfont.eot"); /* IE9*/
  src: url("../fonts/iconfont.eot-#iefix")  format('embedded-opentype'), /* IE6-IE8 */
  url("../fonts/iconfont.woff") format('woff'), /* chrome, firefox */
  url("../fonts/iconfont.ttf") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url("../fonts/iconfont.svg") format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*** header ***/
.navbar {width: 100%;height: 35px;background-color: #f3f3f3;}
.navbar span {display: inline;float: left;color: #282828;font-size: 14px;line-height: 35px;}
.navbar .navbar_right {float: right;}
.navbar .navbar_right ul li {float: left;height: 35px;padding: 5px 0px;margin-left: 13px;box-sizing: border-box;position: relative;}
.navbar .navbar_right ul li a {display: block;width: 31px;height: 25px;background-image: url(../images/navbar_icon.png);background-repeat: no-repeat;}
.navbar .navbar_right ul li a.qq {background-position: -31px 0px;}
.navbar .navbar_right ul li a.wechat {background-position: -62px 0px;}
.navbar .navbar_right ul li a.phone:hover {background-position: 0px -25px;}
.navbar .navbar_right ul li a.qq:hover {background-position: -31px -25px;}
.navbar .navbar_right ul li a.wechat:hover {background-position: -62px -25px;}
.navbar .navbar_right ul li .show {display: none;position: absolute;left: 0px;top: 100%;z-index: 19;width: 120px;height: 120px;border:1px solid #dcdcdc;}
.navbar .navbar_right ul li:hover .show {display: block;}
.wechat_pop {display: none;position: fixed;top: 25%;left: 50%;border-radius: 7px;border: 1px solid #dadee7;box-shadow: rgba(0,0,0,0.5) 0px 0px 15px 1px;border: 1px solid rgb(218,222,231);margin-left: -181px;z-index: 10000;}
.wechat_warp {width: 260px;padding:40px 25px 15px;position: relative;background: #fff;border-radius: 5px;}
.wechat_warp>img {width: 260px;height: 260px;}
.close {position: absolute; right: -2px; top: -2px;z-index: 1000;cursor: pointer;}
.wechat_warp>p {width: 100%;margin: 0 auto;color: #282828;text-align: center;font-size: 18px;padding: 10px 0px 5px;}

.header-top{padding:30px 0}
.header-logo img{display:block;width:264px}
.header-text{margin-left:20px;padding-top:4px}
.header-text span{display:block;color:#666;font-size:12px;line-height:22px;}
.header-text span b {color: #d60000}
.header-tel{padding-left:80px;height:63px;background:url("../images/header-tel.png") no-repeat}
.header-tel span{display:block}
.header-tel .tel-name{padding-top:6px;color:#999;font-size:16px}
.header-tel .tel-num{color:#d60000;font-weight:700;font-size:20px}
.nav{height:45px;background:#C20C0C;line-height:45px}
.nav li{float:left;position: relative;z-index: 1000}
.nav li a{display:block;margin:0 1px;width:120px;color:#fff;text-align:center;font-size: 16px;}
.nav li:hover{background:#e62828;color:#fff}
.nav .active a{background:#e62828;color:#fff}
.nav .nav-box {position: relative;}
.nav .spot {display: block; position: absolute; top: -8px; left: 75px; border-bottom: none; border-top: 7px solid #e62828; border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); transition: left .4s; animation: spot .5s ease-in-out infinite alternate; -o-animation: spot .5s ease-in-out infinite alternate;	/* Opera */ -moz-animation: spot .5s ease-in-out infinite alternate;	/* Firefox */ -webkit-animation: spot .5s ease-in-out infinite alternate;	/* Safari 和 Chrome */ }
.nav .nav-box li:nth-child(1):hover ~ .spot {left: 60px;}
.nav .nav-box li:nth-child(2):hover ~ .spot {left: 182px;}
.nav .nav-box li:nth-child(3):hover ~ .spot {left: 304px;}
.nav .nav-box li:nth-child(4):hover ~ .spot {left: 426px;}
.nav .nav-box li:nth-child(5):hover ~ .spot {left: 548px;}
.nav .nav-box li:nth-child(6):hover ~ .spot {left: 670px;}
.nav .nav-box li:nth-child(7):hover ~ .spot {left: 792px;}
.nav .nav-box li:nth-child(8):hover ~ .spot {left: 914px;}
.nav .nav-box li:nth-child(9):hover ~ .spot {left: 1036px;}
.nav li:nth-child(1).active ~ .spot {left: 60px;}
.nav li:nth-child(2).active ~ .spot {left: 182px;}
.nav li:nth-child(3).active ~ .spot {left: 304px;}
.nav li:nth-child(4).active ~ .spot {left: 426px;}
.nav li:nth-child(5).active ~ .spot {left: 548px;}
.nav li:nth-child(6).active ~ .spot {left: 670px;}
.nav li:nth-child(7).active ~ .spot {left: 792px;}
.nav li:nth-child(8).active ~ .spot {left: 914px;}
.nav li:nth-child(9).active ~ .spot {left: 1036px;}
@keyframes spot {from {top: -8px;}to {top: -15px;}}
@-o-keyframes spot {from {top: -8px;}to {top: -15px;}}/* Opera */
@-moz-keyframes spot {from {top: -8px;}to {top: -15px;}}/* Firefox */
@-webkit-keyframes spot {from {top: -8px;}to {top: -15px;}}/* Safari 和 Chrome */
.nav .dropdown-menu{position:absolute;top:45px;left:0;z-index:100000;display:none;background:#e62828}
.nav .dropdown-menu a:hover{background:#C20C0C}
.nav li:hover .dropdown-menu{display:block}


/*** footer ***/
.footer{margin-top:50px;padding-bottom:30px;background:#1e1e1e}
.footer-nav{padding-top:25px;text-align:center}
.footer-nav a{display:inline-block;color:#d2d2d2;font-size:14px;transition:all .3s}
.footer-nav a:hover{color:#fff}
.footer-nav a:after{content: '';display:inline-block;vertical-align: middle;margin:0 25px;width: 1px;height: 13px;background: #d2d2d2}
.footer-nav a:last-of-type:after {display: none;}
.footer-cont {padding-top: 15px;}
.footer-logo {width: 230px;margin-top: 20px;margin-right: 50px;}
.footer-text{width: 670px;margin-top:30px;color:#d2d2d2;text-align:left;font-size:14px}
.footer-text p{padding-bottom:9px}
.footer-text p span {margin-right: 15px;}
.footer-text .gjc {color: #555}
.footer-code {border:1px solid #a1a1a1;position: relative;width: 125px;margin-top: 20px;}
.footer-code img {display: block;padding: 10px;padding-bottom: 15px;width: 100%;box-sizing: border-box;}
.footer-code p {font-size: 12px;color: #fff;text-align: center;position: absolute;bottom: -7px;width: 100%;height: 15px;line-height: 15px;}
.footer-code p span {background: #1e1e1e;padding: 0 15px;}
.footer-code .line {display: block;position: absolute;width: 100%;bottom: 0;left: 0;}
.footer-code .line:after,.footer-code .line:before,.footer-code:after,.footer-code:before{position:absolute;display:block;width:12px;height:12px;content:''}
.footer .footer-code:before{top:-2px;left:-2px;border-top:3px solid #a1a1a1;border-left:3px solid #a1a1a1}
.footer .footer-code:after{top:-2px;right:-2px;border-top:3px solid #a1a1a1;border-right:3px solid #a1a1a1}
.footer .footer-code .line:before{bottom:-2px;left:-2px;border-bottom:3px solid #a1a1a1;border-left:3px solid #a1a1a1}
.footer .footer-code .line:after{right:-2px;bottom:-2px;border-right:3px solid #a1a1a1;border-bottom:3px solid #a1a1a1}

/* clearfix */
.owl-carousel .owl-wrapper:after{clear:both;display:block;visibility:hidden;height:0;content:".";line-height:0}
.owl-carousel{position:relative;display:none;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{position:relative;display:none;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{position:relative;overflow:hidden;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url("grabbing.png") 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{display:inline-block;font-size:0px;border-radius: 3px;width: 50px;height: 80px;transition: all .3s;background-color: rgba(0,0,0,.2);background-position: center center;background-repeat: no-repeat;position: absolute;z-index: 1000;}
.owl-theme .owl-controls .owl-buttons .owl-prev {background-image: url("../images/prev.png");}
.owl-theme .owl-controls .owl-buttons .owl-next {background-image: url("../images/next.png");}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{background-color: rgba(0,0,0,.6);}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;margin:5px 7px;width:10px;height:10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#ccc}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#e62828}
.owl-theme .owl-controls .owl-page span.owl-numbers{padding:2px 10px;width:auto;height:auto;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#FFF;font-size:12px}
.owl-item.loading{min-height:150px;background:url("AjaxLoader.gif") no-repeat center center}
.slide-banner .owl-pagination {width: 100%; text-align: center; position: absolute; bottom: 5px; }
/*** index main ***/
.slide-banner {position: relative;overflow: hidden;}
.slide-banner .owl-prev {top: 50%;left: 50px;margin-top: -40px}
.slide-banner .owl-next {top: 50%;right: 50px;margin-top: -40px}
.banner{display: block;height:700px;background-repeat: no-repeat;background-position: center top;background-size: auto 100%;}
.notice{height:40px;color:#666;font-size:14px;line-height:40px;margin-top: 15px;}
.notice a{margin-right:10px;color:#666;font-size:14px}
.notice a:hover{color:#C20C0C}
/* indes public */
.index-title {text-align: center;color: #333;padding: 25px 0;width: 100%;overflow: hidden;}
.index-title h3{position:relative;z-index: 1;font-weight:400;font-size:28px}
.index-title h3 span{position:relative;z-index:1000;padding:0 20px;font-size: 30px;color: #c20c0d;font-weight: bold;display:inline-block;}
.index-title h3 span:before{position:absolute;top:50%;right:100%;display:block;width:960px;height:1px;background:#eee;content:''}
.index-title h3 span:after{position:absolute;top:50%;left: 100%;display:block;width:960px;height:1px;background:#eee;content:''}
.index-title p{padding-top:5px;color:#999;font-size:15px}
.index-title strong {padding-top:10px;color:#ccc;font-size:26px;}

/* 首页友情链接 */
.index-links{padding-top:80px}
.index-links .links-title{border-left:2px solid #c20c0c}
.index-links .links-title span{padding-left:5px;color:#666;font-size:18px}
.index-links .cont{padding-top:20px;}
.index-links .cont a{margin-right:25px;color:#666;font-size:15px;transition:all .3s}
.index-links .cont a:hover{color:#C20C0C}
/* 活动类型 */
.index-leixing{margin-bottom:20px}
.index-leixing li{float:left;text-align: center;padding: 15px 0px;margin-right:4%;margin-bottom:35px;width:22%;background:#f9f9f9;transition:all .3s}
.index-leixing li:hover{background:#c20c0c}
.index-leixing li:hover .iconfont,.index-leixing li:hover span{color:#fff}
.index-leixing li:nth-child(4n){margin-right:0}
.index-leixing li a {display: block;}
.index-leixing li span{display:inline-block;vertical-align: middle;color:#999;text-align:center;font-size:18px;transition:all .3s}
.index-leixing .iconfont{display:inline-block;vertical-align: middle;color:#555;margin:0px 5px 0px ;text-align:center;font-size:60px;transition:all .3s}
/* 首页优势 */
.index-youshi{padding-top:30px}
.index-youshi .item{margin-bottom:20px}
.index-youshi .item .text{box-sizing:border-box;width:50%}
.index-youshi .item .text .title{margin-bottom:20px;color:#e62828;font-size:28px}
.index-youshi .item .text .title i{float:left;display:inline-block;width:100px;height:100px;background:url("../images/index-youshi-icon.png") no-repeat;color:#C20C0C;text-align:center;font-weight:700;font-style:normal;font-size:50px;font-family:楷体;line-height:100px}
.index-youshi .item .text .title span{float:left;display:inline-block;box-sizing:border-box;padding:15px 0 0 25px;height:100px;color:#333;font-size:14px}
.index-youshi .item .text .title span b{display:block;padding-bottom:3px;font-size:30px}
.index-youshi .item .text li{padding-bottom:10px;padding-left:20px;color:#666;font-size:14px;line-height:25px}
.index-youshi .item .text li:before{padding-right:8px;color:#ccc;content:'\e6ee';font-style:normal;font-size:12px;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.index-youshi .item .img{width:50%}
.index-youshi .item .img img{display:block;width:100%}
/* 首页流程 */
.index-liucheng{padding:20px 0;}
.index-content .index-liucheng {background-color: #faeced}
.index-liucheng .index-title h3 span:before,.index-liucheng .index-title h3 span:after {background: #e3e3e3}
.index-liucheng .item{position:relative;box-sizing:border-box;width:50%}
.index-liucheng .item .icon .radius{position:absolute;z-index:1000;display:block;box-sizing:border-box;width:23px;height:23px;border:1px solid #c20c0c;border-radius:50%;background:#fff}
.index-liucheng .item .icon .radius:before{display:block;box-sizing:border-box;margin:0 auto;margin-top:3px;width:15px;height:15px;border:1px solid #c20c0c;border-radius:50%;content:''}
.index-liucheng .item .icon{position:relative;width:116px;height:122px;background:url("../images/index-lcbg.png") no-repeat}
.index-liucheng .item .icon:before{display:block;height:122px;color:#c20c0c;text-align:center;font-style:normal;font-size:50px;font-family:iconfont!important;line-height:122px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.index-liucheng .item .icon-lc1:before {content: "\e6e3";}
.index-liucheng .item .icon-lc2:before {content: "\e6e1";}
.index-liucheng .item .icon-lc3:before {content: "\e6fa";}
.index-liucheng .item .icon-lc4:before {content: "\e6e4";}
.index-liucheng .item .icon-lc5:before {content: "\e6fb";}
.index-liucheng .item .icon-lc6:before {content: "\e700";}
.index-liucheng .item .icon-lc7:before {content: "\e6fe";}
.index-liucheng .item .text{box-sizing:border-box;width:400px;color:#333}
.index-liucheng .item .text .title{padding-top:13px;padding-bottom:6px;font-size:16px}
.index-liucheng .item .text p{color:#666;font-size:14px}
.index-liucheng .fl{padding-top:83px;padding-right:30px;border-right:1px solid #e3e3e3}
.index-liucheng .fr{padding-top:88px;padding-left:30px}
.index-liucheng .fl .icon{float:right}
.index-liucheng .fl .text{float:right;padding-right:20px;text-align:right}
.index-liucheng .fl .radius{top:50px;right:-42px}
.index-liucheng .fr .radius{top:50px;left:-42px}
.index-liucheng .fr .icon{float:left}
.index-liucheng .fr .text{float:left;padding-left:20px;text-align:left}
/* 首页案例 */
.index-anli{padding:30px 0px}
.index-anli li{float:left;margin-right:3%;margin-bottom:30px;width:31%;box-shadow:4px 4px 7px 1px rgba(206,206,206,.4)}
.index-anli li:nth-child(3n){margin-right:0}
.index-anli li .img{position:relative;overflow:hidden;width:100%;height:210px}
.index-anli li .img img{display:block;width:100%}
.index-anli li:hover .img .info{top:0}
.index-anli li .img .info{position:absolute;top:-220px;box-sizing:border-box;padding:20px 15px 0;width:100%;height:220px;background:rgba(0,0,0,.6);color:#fff;transition:all .3s}
.index-anli li .img .info p{padding-bottom:10px;padding-left:25px;font-size:14px}
.index-anli li .text{height:50px;color:#999;text-align:center;line-height:50px}
.index-anli li .text a{display:block;color:#666;transition:all .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-anli li:hover .text a{background:#c20c0c;color:#fff}
/* 首页留言 */
.index-liuyan {padding:20px 0;position: relative;}
.index-content .index-liuyan:after {content: '';display: block;position: absolute;left: 0px;top: 0px;z-index: 2;width: 100%;height: 100%;background-color: #c20b1f;opacity: 0.08}
.index-liuyan .img{width:648px;height:508px;background:url("../images/index-liuyan.png") no-repeat}
.index-liuyan .form{box-sizing:border-box;margin-top:30px;padding-left:30px;width:452px;position: relative;z-index: 19}
.index-liuyan .form li{float:left;margin-bottom:20px;width:100%;height:40px}
.index-liuyan .form b{padding-left:5px;color:red;line-height:35px}
.index-liuyan .form span{float:left;display:block;width:80px;color:#666;font-size:16px;line-height:35px}
.index-liuyan .form input{float:left;display:block;box-sizing:border-box;padding-left:8px;width:300px;height:100%;border:1px solid #ccc;border-radius:2px;background-color: transparent;}
.index-liuyan .form .formcode input {width: 170px;}
.index-liuyan .form .formcode img {width: 130px;height: 40px;}
.index-liuyan .form .submit{display:block;margin:0 auto;margin-top:25px;width:150px;height:45px;border:none;background:#C20C0C;color:#fff;text-align:center;font-size:16px;line-height:45px;cursor:pointer;transition:all .3s}
.index-liuyan .form .submit:hover{background:#e62828}
/* 首页新闻 */

.index-news-list .item{width:30%;margin-right: 3%;}
.index-news-list .item:last-child{margin-right: 0;}
.index-news-list .item .title{margin-bottom:10px;height:45px;border-bottom:1px solid #eee;line-height:45px}
.index-news-list .item .title h3{display:inline;padding-left:8px;border-left:3px solid #c20c0c;font-size:18px}
.index-news-list .item .title h3 a{color:#c20c0c}
.index-news-list .item .title h3 a:hover{color:#ef6868}
.index-news-list .item .title .gengduo{float:right;color:#999;font-weight:400;font-size:14px}
.index-news-list .item li{height:45px;border-bottom:1px dashed #eee;line-height:45px}
.index-news-list .item li a{display:block;color:#666;font-size:14px}
.index-news-list .item li a:hover{color:#C20C0C}
.index-news-list .item li .spana{float:left;display:block;overflow:hidden;width:75%;text-overflow:ellipsis;white-space:nowrap}
.index-news-list .item li .time{float:right;display:block;width: 25%;font-size: 12px;}
/* 首页关于 */
.index-guanyu{padding:20px 0}
.index-guanyu-text{padding:0 20px 30px;color:#666;text-indent:2em;font-size:14px;line-height:30px}
.index-guanyu li{float:left;margin-right:5%;width:30%}
.index-guanyu li:nth-child(3n){margin-right:0}
.index-guanyu li img{display:block;width:100%}
/* 首页证书 */
.index-zhengshu{margin:50px auto;}
.slide-zhengshu{position:relative;padding: 30px 0px 10px;background:url(../images/zhengshu_bg.jpg) no-repeat center;}
.index-zhengshu .item{margin:0 auto;width:237px;border:1px solid #999;padding: 10px;}
.index-zhengshu .item .img-bg{position:relative;overflow:hidden;width:100%;height:332px;background:url("../images/zhengshu-bg.png") no-repeat;background-position:center bottom;background-size:100% auto}
.index-zhengshu .item .img{position:absolute;bottom:27px;width:100%}
.index-zhengshu .item .img img{display:block;margin:0 auto;width:207px}
.index-zhengshu .item p{color:#333;text-align:center;font-size:16px}
.slide-zhengshu .owl-prev {top: 120px;left: -70px;}
.slide-zhengshu .owl-next {top: 120px;right: -70px;}
.slide-zhengshu .owl-theme .owl-controls .owl-pagination {height: 20px;}
/*** list-banner ***/
.list-banner-img {display: block;height:450px;background-position: center bottom;background-repeat: no-repeat;box-shadow: inset 0 -10px 10px #fff;}
.list-banner-img h3 {text-align: center;color: #fff;font-size: 64px;padding-top: 150px;font-weight: normal;}
.list-banner-img h4 {text-align: center;color: #fff;font-size: 35px;font-weight: normal;padding-top: 50px;}



/*** fix ***/
.fixed{position:absolute;top:680px;right:0;z-index:10000000000;box-sizing:border-box;padding-bottom:20px;width:150px;border:5px solid #c20c0c;background:#fff}
.fixed .img-1{display:block;margin:0 auto;padding:10px 0 15px}
.fixed .img-2{display:block;margin:0 auto;width:80%}
.fixed .but a{display:block;margin:0 auto;margin-bottom:10px;width:80%;height:30px;background:#C20C0C;color:#fff;text-align:center;font-size:14px;line-height:30px;transition:all .3s}
.fixed .but a:hover{background:#e62828}
.fixed .text{padding-top:6px;font-weight:700}
.fixed .text p{color:#98511b;text-align:center}
.fixed .text .p2{font-size:14px}
.back-top {display: block;width: 48px;height: 48px;background: url("../images/back-top.png") no-repeat;position: fixed;bottom: 80px;right: 60px;z-index: 199;background-color: rgba(0,0,0,.3);border-radius: 3px;cursor: pointer;transition: all .3s;}
.back-top:hover {background-color: rgba(0,0,0,.5);}