﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
html{max-width: 620px; margin: 0 auto;position: relative;overflow-x: hidden;}
body{ color:#333; font-size:14px;  background:#fff; font-family:"微软雅黑";}
a{text-decoration:none; color:#333;}
a:hover{color:#f94143;}
img,ul,li,em{list-style:none; font-style:normal;}
a,button,input,textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*-webkit-user-modify:read-write-plaintext-only; */
}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.fl{float:left;}
.fr{float:right;}

.clear{clear:both;}
.swiper-wrapper img{display: block;max-width: 100%;}

.page_box{ margin:0 10px;}


/*顶部*/
.head_top{height:32px; line-height:32px; font-size:14px; background:#1463AA; color:rgba(255,255,255,0.9); padding:0 10px; box-sizing:border-box;}
.head_top li{float:left; margin-right:30px; padding-left:25px;}
.head_top li:first-child{ background:url(../images/huangguan.png) no-repeat left center; background-size:19px auto;}
.head_top li:last-child{ background:url(../images/xin.png) no-repeat left center; background-size:15px auto;}


/* 头部 */
.header{padding:15px 15px 15px 10px;background:url(../images/headerbg.jpg) no-repeat center; background-size:cover;}

/*LOGO*/
.header .logo{ float:left; padding-top:0px; font-size:19px; color:#111; font-weight:bold;}
.header .logo a span{display:block; font-size:12px; margin-top:2px; letter-spacing:-0.8px; font-weight:normal; color:#999;}

.header .menu{display: block;float: right;height: 30px;}
.header .menu img{height:30px; margin-top:10px;}


/*轮播图*/
#banner{ margin:0 0px; border-radius:0px;}
#banner img{}

/*分页器*/
	#banner .swiper-pagination-bullet{width: 6px;height: 6px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.5); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.9);color: #fff;width: 20px;border-radius: 6px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:8px;}
	

/*导航*/
/*.menu_nav{ background:#f94143; height:74px;}
.menu_nav li{width:25%; box-sizing:border-box; line-height:36px; float:left; text-align:center; font-size:14px; color:#fff; border-bottom:solid 1px rgba(255,255,255,0.15); border-right:solid 1px rgba(255,255,255,0.15);}
.menu_nav li:nth-child(4n){border-right:0;}
.menu_nav li:nth-child(5),.menu_nav li:nth-child(6),.menu_nav li:nth-child(7),.menu_nav li:nth-child(8){border-bottom:0;}
*/

/*导航*/
.menu_nav{}
.menu_nav li{width:25%; float:left; text-align:center; margin-bottom:10px; font-size:13px; color:#444;}
.menu_nav li .menu_ico{width:48px; height:48px; border-radius:100%; background:#9FC139; display:block; margin:auto; margin-bottom:5px;}

.menu_nav li .menu_ico1{ 
background:url(../images/menu_ico1.png) no-repeat center center #fb3838;
background-size:50% auto;
}
.menu_nav li .menu_ico2{ background:url(../images/menu_ico2.png) no-repeat center center #fb3838; background-size:58% auto;}
.menu_nav li .menu_ico3{ background:url(../images/menu_ico3.png) no-repeat center center #FD8054; background-size:62% auto;}
.menu_nav li .menu_ico4{ background:url(../images/menu_ico4.png) no-repeat center center #00C9C2; background-size:50% auto;}
.menu_nav li .menu_ico5{ background:url(../images/menu_ico5.png) no-repeat center center #25D7A7; background-size:63% auto;}
.menu_nav li .menu_ico6{ background:url(../images/menu_ico6.png) no-repeat center center #3F9CFC; background-size:65% auto;}
.menu_nav li .menu_ico7{ background:url(../images/menu_ico7.png) no-repeat center center #7A89FC; background-size:53% auto;}
.menu_nav li .menu_ico8{ background:url(../images/menu_ico8.png) no-repeat center center #FD6848; background-size:58% auto;}




/*首页标题1*/
.index_title{ padding:15px 0 10px 0;}
.title_z{ font-size:20px; text-align:center; margin-bottom:0px;}
.title_z:after{content:"";display: block;width:15px;background:#f94143;height: 2px; margin:5px auto 5px auto;}
.title_f{ font-size:13px; text-align:center; text-transform:uppercase; color:#999;}

/* 横线 */
.xian{height: 8px;background: #f2f2f2;}

/*首页关于我们*/
.index_about{}
.index_about img{width:100%; margin-bottom:5px;}
.index_about p{line-height:22px; text-align:justify;}

.index_about .aa{display: block;float: left;width:46%; margin:0  2% 10px 2%; height:60px; border-radius:3px; padding-left:70px; box-sizing:border-box;line-height: 60px;font-size: 16px;transition: all 0.2s;}

.index_about .a1{background:url(../images/ab1.png) no-repeat 15px center #eee;color: #666;}
.index_about .a1:hover{background:url(../images/ab01.png) no-repeat 15px center #f94143; color:#fff;}
.index_about .a2{background:url(../images/ab2.png) no-repeat 15px center #eee;color: #666;}
.index_about .a2:hover{background:url(../images/ab02.png) no-repeat 15px center #f94143; color:#fff;}
.index_about .a3{background:url(../images/ab3.png) no-repeat 15px center #eee;color: #666;}
.index_about .a3:hover{background:url(../images/ab03.png) no-repeat 15px center #f94143; color:#fff;}
.index_about .a4{background:url(../images/ab04.png) no-repeat 15px center #f94143;color: #fff;}
.index_about .a4:hover{background:url(../images/ab04.png) no-repeat 15px center #f94143; color:#fff;}


/*加载更多*/
.btn-more{ width:66%; margin:20px auto; border:solid 1px #e8e8e8; background:#f8f8f8; line-height:32px; text-align:center; border-radius:32px;}
.dixian{font-size:12px; text-align:center; color:#999; margin:10px auto;}

/*产品分类*/
#pxkc{}
#pxkc img{width:100%; display:block; border-radius:5px 5px 0 0;}
#pxkc .txt{  background:#fff; padding:0 12px 10px 12px; border-radius:0px 0px 5px 5px; border:solid 1px #e8e8e8; border-top:0; margin-bottom:15px;}
#pxkc .txt h3{font-size:16px; line-height:40px; color:#f94143;}
#pxkc .txt p{line-height:22px; color:#666; text-align:justify;}

/*分页器*/
#pxkc .swiper-pagination-bullet{width: 8px;height: 8px; display: inline-block; border-radius: 50%; background:#ccc; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
#pxkc .swiper-pagination-bullet-active{background:#f94143;color: #fff;width: 20px;border-radius: 8px;opacity: 1.0;}
#pxkc .swiper-pagination{bottom:-2px;}



.pic_list_auto{}
.pic_list_auto li{ margin-bottom:15px; text-align:center;}
.pic_list_auto li img{width:100%; border-radius:5px;}


/*工程案例*/
.slideTxtBox{}
.slideTxtBox .hd{ }
.slideTxtBox .hd ul{width:300px; margin:auto;height:50px;}
.slideTxtBox .hd ul li{ float:left; margin:0 5px; width:90px; height:32px;line-height:30px; text-align: center; background:rgba(255,255,255,0.8); border-radius:32px;cursor: pointer; border:solid 1px #ddd; box-sizing:border-box;}
.slideTxtBox .hd ul li.on{ background:#f94143;border:solid 1px #f94143; color:#fff;}
.slideTxtBox .hd ul li img{margin-right:8px;vertical-align: middle;}
.slideTxtBox .hd ul li img:nth-child(2) {display:none;}
.slideTxtBox .hd ul li.on img:nth-child(1) {display:none;}
.slideTxtBox .hd ul li.on img:nth-child(2) {display:inline-block;}


/*收缩菜单*/
.faq_box{margin-bottom:15px; clear:both;}
.v{float:right;width:44px;height:16px;overflow:hidden;display:NONE;}
.v01{background:url(../images/jian01.png) no-repeat;}
.v02{background:url(../images/jian01_on.png) no-repeat;}
.vtitle{ padding:5px 0px 5px 0px; background:#F8F8F8;  cursor:pointer;  font-size:15px;}
.vtitle span{display:inline-block; background:#f94143; color:#fff; width:25px; line-height:25px;border-radius:100%; font-size:14px; text-align:center; margin-right:5px; vertical-align:middle;}
.vtitle em{margin:10px 10px 0 0;}
.vcon{padding:0px 0px; background:#fff; display:none;}
.vcon_box{  padding:10px 0px; line-height:25px; font-size:13px; box-sizing:border-box; border-top:solid 1px #ddd; width:100%; margin:auto;}
.vcon_box .tit1{background:url(../images/jr_tit1.jpg) no-repeat left 8px; font-size:15px;padding-left:20px; height:36px;font-weight:bold;}
.vcon_box .tit2{background:url(../images/jr_tit2.jpg) no-repeat left 8px; font-size:15px;padding-left:20px; height:36px;font-weight:bold;}




/* 文章列表 */
.news_list{margin:0px 8px 20px 8px;}
.news_list li{line-height:38px;  background:url(../images/arr1.jpg) no-repeat 3px center; padding-left:15px; border-bottom:dotted 1px #CCCCCC; font-size:15px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.news_list li span{font-size:12px; color:#CCC; float:right; margin-left:10px;}




/*首页客服电话*/
.kefu_dh{ width: 92%;height: 46px;line-height: 46px; border: 1px solid; margin:0px 10px; position: relative;color: #f94143; border-radius:5px; overflow:hidden;}
.kefu_dh label{ padding-left: 10px; padding-top: 8px; float: left; width: 28px; line-height: 16px;}
.kefu_dh a.bddh{ font-size: 22px;  padding-left: 15px; color: #f94143; font-weight:bold;}
.kefu_dh a.ljzx{ width: 96px;height: 48px; position: absolute; top: 0;right: -1px;text-align: center;font-size: 16px;color: #fff; background: #f94143;}



/* 图片列表 */
.tu_list{text-align: center;}
.tu_list li {width: 47%;float: left;margin:0 1.5% 10px 1.5%;}
.tu_list a{display: block;}
.tu_list .tu_img{border: 0px solid #ccc;}
.tu_list img{width: 100%;height: 140px;display: block; border-radius:3px;}
@media screen and (max-width:768px){
	.tu_list img{width: 100%;height: 130px;display: block;}
}
@media screen and (max-width:425px){
	.tu_list img{width: 100%;height: 120px;display: block;}
}
@media screen and (max-width:375px){
	.tu_list img{width: 100%;height: 110px;display: block;}
}
@media screen and (max-width:320px){
	.tu_list img{width: 100%;height: 100px;display: block;}
}
.tu_list p{ margin-top: 5px; height:20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center;}


.tu_list2{text-align: center;}
.tu_list2 li {width: 33.3%;float: left;}
.tu_list2 a{display: block;}
.tu_list2 .tu_img{border: 0px solid #ccc;}
.tu_list2 img{width: 94%;height: 90px;}
@media screen and (max-width:768px){
	.tu_list2 img{height: 95px;}
}
@media screen and (max-width:425px){
	.tu_list2 img{height: 90px;}
}
@media screen and (max-width:375px){
	.tu_list2 img{height: 85px;}
}
@media screen and (max-width:320px){
	.tu_list2 img{height: 80px;}
}
.tu_list2 p{ margin-top: 0px; height:30px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center; font-size:12px;}


.zl_tu_list{text-align: center;}
.zl_tu_list li {width: 33.3%;float: left;}
.zl_tu_list a{display: block;}
.zl_tu_list .tu_img{border: 0px solid #ccc;}
.zl_tu_list img{width: 90%;height: 120px;}
@media screen and (max-width:768px){
	.zl_tu_list img{height: 140px;}
}
@media screen and (max-width:425px){
	.zl_tu_list img{height: 130px;}
}
@media screen and (max-width:375px){
	.zl_tu_list img{height: 120px;}
}
@media screen and (max-width:320px){
	.zl_tu_list img{height: 110px;}
}
.zl_tu_list p{ margin-top: 0px; height:30px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align: center; font-size:12px;}




.more_1{ text-align:center;}
.more_1 a{ text-transform:uppercase; display:inline-block; line-height:30px; width:46%; background:#f8f8f8; border:solid 1px #e8e8e8; border-radius:30px; color:#333;}
.more_1 a:hover{ background:#f94143;  border:solid 1px #f94143;color:#fff;}


/* 文章列表 */
.news_list{}
.news_list dl{ padding:15px 5px; border-bottom:solid 1px #dedede; transition: all .3s;}
.news_list dt{ width:33%; overflow:hidden}
.news_list dt img{width:100%;}
.news_list dd{width:62%;}
.news_list dd h5{ font-size:15px; overflow: hidden; font-weight:normal; text-overflow: ellipsis;white-space: nowrap;}
.news_list dd .news_list_date {line-height: 26px; margin-bottom:5px; font-size:12px; padding-left: 17px;background: url(../images/news_list_date.png) left center no-repeat; color: #9f9f9f;}


.news_list .news_more {width: 80px;height:26px;line-height:26px;background: #ddd; display: block;text-align: center;margin-top:5px; font-size:12px; color:#666;}
.news_list .news_more:hover{ background:#1463AA; color:#fff;}

/* 通栏图片 */
.img {margin-top: 20px;}
.img img{width: 100%;display: block;}


/*文章分页*/
.art_list{ margin:0 10px;}
.art_list dl{ height:105px; border-bottom:dotted 1px #ddd; margin-top:15px; overflow:hidden;}
.art_list dt{ width:84px; height:74px; background:#f2f2f2; float:left; margin-right:15px; text-align:center; padding-top:10px; color:#666; border-radius:8px;}
.art_list dt span{ font-size:22px; height:36px; line-height:36px; color:#666; display:block;}
.art_list dd{}
.art_list dd h4{ font-size:16px; margin-bottom:10px; padding-top:3px; line-height:26px; font-weight:normal;}
.art_list dd p{ line-height:24px; color:#777;}
.art_list dd p a{color:#ff8404;}



/*底部*/
.end{ font-size:11px; line-height:18px;color:#888; padding:10px 10px; text-align:center; background:#f2f2f2;text-shadow: 0px 0px #bbb,0 1px #fff; padding-bottom:10px;}

#footer{width: 100%; height: 50px; background:#f94143;position: fixed;bottom: 0; left: 0; z-index: 999;font-size: 12px; border-top: 0px solid #e8e8e8;}
#footer a{text-decoration:none;  width:20%; height:50px; float:left; display:block; text-align:center; color:#fff; font-size:12px;background: url(../images/nav_line.png) no-repeat right center;}

#footer ul li{ padding-top:28px;}

#footer li.home{ background:url(../images/home_bot0.png) no-repeat center 6px; background-size:20px auto;}
#footer li.tel{ background:url(../images/tel_bot0.png) no-repeat center 6px; background-size:20px auto;}
#footer li.bot_1{ background:url(../images/bot_1.png) no-repeat center 6px; background-size:18px auto;}
#footer li.bot_2{ background:url(../images/bot_2.png) no-repeat center 6px; background-size:20px auto;}
#footer li.bot_3{ background:url(../images/bot_3.png) no-repeat center 6px; background-size:20px auto;}


/*二级页面*/
.page_ban{position:relative; height:135px; border-radius:0px; overflow:hidden; margin:0 0px;}
.page_ban .ban_bg{width: 100%;height: 100%; background:rgba(0,0,0,0.3); position: absolute;left: 0; top: 0;}
.page_ban img{width:100%; display:block;}
.page_ban h3{font-size:20px; width: 100%; text-align:center; font-weight:normal; position: absolute; left: 0; top: 50%; margin-top:-10px;color: #fff;}
/*.page_ban h3:after{content:"";display: block;width:25px;background:#fff;height: 2px; margin:15px auto 0px auto;}
*/

/* 位置导航 */
.weizhi{line-height: 36px;background: url(../images/home_64.png) no-repeat 10px 9px #f2f2f2;background-size: auto 18px;text-indent: 35px; font-size:12px; color:#888;}
.weizhi a{color:#888;}

/* 同级导航 */
.sub_nav{margin: 15px 6px;text-align: center;}
.sub_nav li{float: left;margin-bottom: 6px;}
.sub_nav li a{font-size: 14px; background: #f2f2f2;display: block;color: #555;margin: 0 5px;padding:8px 0;border-radius: 3px; }
.sub_nav li.currclass a{background: #f94143; color:#fff;}
.sub2 li{width:50%;}
.sub3 li{width:33.3%;}
.sub4 li{width:25%;}

/* 图文分页 */
.pic_art_list{}
.pic_art_list dl{ padding:10px 0px; border-bottom:solid 1px #eee; transition: all .3s;}
.pic_art_list dt{ width:38%; overflow:hidden}
@media screen and (max-width:768px){
	.pic_art_list dt{height: 95px;}
}
@media screen and (max-width:425px){
	.pic_art_list dt{height: 90px;}
}
@media screen and (max-width:375px){
	.pic_art_list dt{height: 85px;}
}
@media screen and (max-width:320px){
	.pic_art_list dt{height: 80px;}
}
.pic_art_list dt img{width:100%; height:100%;  display:block; border-radius:3px;}
.pic_art_list dd{width:58%;}
.pic_art_list dd h5{ font-size:15px; line-height:24px;}
.pic_art_list dd .time{ font-size:12px; font-family:Helvetica Neue,Helvetica,Arial,sans-serif; color: #aaa;margin-top:5px;}




/*新闻详情*/
.navbar{line-height:44px; text-align:center; font-size:16px;  border-bottom: 1px solid #e3e3e3; position:fixed; left:0; top:0; width:100%; background:#fff; z-index:99;}
.navbar .back{width: 25px; position: absolute;top: 0;left: 0; padding:10px 15px 9px 10px;}
.navbar .back img{width:100%; display:block;}

/* 新闻内容页 */
.dot {background: url(../images/dot.png) no-repeat center;height: 25px; margin-bottom:15px; background-size:auto 100%;}
.newsCon{overflow: hidden;background: #f8f8f8; width:95%; margin:auto; padding:20px 15px 0px 15px; box-sizing:border-box; border-radius:5px;}

.ntitle{}
.ntitle h2{font-size: 20px;}
.ntitle span{font-size: 12px; color: #aaa;margin:10px 0 25px; display:block; font-family:Helvetica Neue,Helvetica,Arial,sans-serif;}

.ptitle{text-align: center;margin:10px 0;}
.ptitle h1{font-size: 20px;}


.neirong{line-height: 28px; text-align:justify;overflow: hidden;}
.neirong img{max-width: 99%;height: auto !important;   border-radius:5px;}
.neirong p{margin-bottom: 15px;font-size: 15px;}

.page_box{ margin:0 10px;}

.neirong table{ border:1px solid #ddd; border-collapse:collapse;   font-size:14px; line-height:25px;}
.neirong table td{padding:5px; border:1px solid #ddd;}


/* 点击返回 */
.more{ margin:15px auto;}
.more a{width:80%; margin:auto; text-align:center; line-height:32px; background:#f8f8f8; border:solid 1px #ddd; color:#888; border-radius:100px; font-size:14px; display:block;}
.more a:hover{background: #f94143; color:#fff; border:solid 1px #f94143;}

/* 分页 */
.mypages{margin-bottom:10px; text-align:center; height:50px; line-height:50px;}
.mypages a{ background:#E1DFE0; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}
.mypages a.curr,.mypages a:hover{background:#1463AA;  color:#FFFFFF;}


/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 64px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}





/*联系我们单页*/
.lianxi{}
.lianxi .right{}
.lianxi .right h2{font-size:18px; margin:15px 0 5px;}
.lianxi .right h5{font-size:14px; font-weight:normal; color:#888;}
.lianxi .right p{margin-top:15px; line-height:25px;}

.lianxi .right .ewm{ margin-top:25px; }
.lianxi .right .ewm div{ height:129px;}
.lianxi .right .ewm img{ width:129px; height:129px;  border:1px solid #eaeaea; margin-right:10px;}
.lianxi .right .ewm .txt2{ display:table; padding-left:12px;}
.lianxi .right .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}




/* 表单样式 */
.index_form_box{width:86%; margin:auto;}
.index_form_box div{margin-top:10px;}
.index_form_box input[type=text]{width: 100%; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}
input:focus{border:1px solid #ccc;}
textarea:focus{border:1px solid #ccc;}
.textarea textarea{width: 100%;height: 90px;font-size: 14px;border-radius: 5px;border:1px solid #ddd;padding-left: 2%;padding-top: 5px;}

.index_form_box select{width: 100%; height:34px; box-sizing:border-box; background:#f2f2f2; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}


#formyzm{margin-top:10px;}
#formyzm input{ width:160px;line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}
#formyzm img{width:80px; padding:10px 10px;}

.submit input {cursor: pointer; border-radius: 3px;background: #F90;opacity: 0.8;color: #fff;border:1px solid #fff;display: block;width:100%; height: 45px;font-size: 18px;}
.submit input:hover{background: #f80;opacity: 1.0;}
.submit {padding-top: 15px;}





/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 66px;
  right: 10px;border-radius: 50%; z-index:999999;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #f94143;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 5px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#f94143;transition: all 0.3s ease 0s;}


.ff {
    margin: 0 auto;
    width: 200px;
}
