@charset "utf-8";
/* 全局CSS定义 */
html{ margin: 0; padding: 0;}
body { font-family:"Microsoft YaHei UI", Helvetica,Arial,"Microsoft JhengHei",sans-serif; background: #fff; font-size:16px; color:#333; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:16px; font-weight: normal;}
table,td,tr,th{font-size:16px;}
@font-face { font-family: 'iconfont'; src: url("img/iconfont.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon'; src: url("img/icomoon.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'icomoon2'; src: url("img/icomoon_2.ttf"); font-weight: normal; font-style: normal; }

/* 链接颜色 */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #09f; text-decoration: none;}
a:active { color: #333;}




/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.c06c,.c06c:link,.c06c:visited{ color: #0062AF;}
.c06c:hover{ color: #f60;}
.cRed{ color: #f30;}

.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}

.pages{ height: 42px; line-height: 42px; clear:both; padding: 50px 0;text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0  5px; text-align:center; padding: 8px 14px;background: #fff; }
.pages a:hover,.pages strong{ color: #fff; background: #000; font-weight:normal;}



.Header{ margin: 0 auto;  padding: 25px 50px 16px; }
.Header .logo{ float:left;}
.Header .logo img{ width: 250px;}

/*=====
.Header .nav{ float:left; margin: 20px 0 0 100px;}
.Header .nav li{ font-size: 17px; font-weight:bold; float:left; margin-right: 50px; text-transform: uppercase;}
.Header .nav li a:hover{ color: #666;}
==========*/
.Header #nav{ height: 50px;  float:left; margin: 5px 0 0 80px;}
.Header #nav ul{ }
.Header #nav li{ position: relative; float:left; height: 74px; line-height: 50px; padding: 0 20px 0 20px;}
.Header #nav li h2{ text-transform:uppercase; font-size: 16px; font-weight:bold;}
.Header #nav li h2 a{ }
.Header #nav li h2 a:hover{ color: #999;}
.Header #nav li ul{ position: absolute; top: -999em;  width: 190px; height:auto; left: -20px;text-align:center; background: #000; padding: 10px 0;opacity: 0.8;}
.Header #nav li ul li{ background:none; line-height: 120%; width: auto; float:none; padding: 15px 22px; font-size: 15px; height:auto; text-align:left;}
.Header #nav .tag{ background:url(img/ico_nav.png) no-repeat right 20px; background-size: 12px; }

.Header #nav li:hover ul,#nav li.sfHover ul { top: 74px; z-index:999; }
.Header #nav li:hover ul a,#nav li.sfHover ul h2 a { color: #ccc; }
.Header #nav li ul a:hover { color: #999;}





.Header .r{ float:right; margin-top: 12px;}
.Header .r .sc{ height: 30px; line-height: 30px; float:right;border: 1px solid #E0E0E0; border-radius:27px; padding: 0 5px 0 12px;}
.Header .r .sc span{ float:right; padding-right: 35px; color: #999; display:block;}
.Header .r .sc span a,.Header .r .sc span a:visited{ margin: 0 5px; color: #999;}
.Header .r .sc span a:hover{ color: #5ABD01;}
.Header .r .sc .input{ float:right;  border: none; outline: none; border-right: none;  height: 28px; line-height: 28px; width: 130px; color: #999; color: #ccc;}
.Header .r .sc .but{float:right; background: url(img/sc_but.png) no-repeat 0 center; border: none; background-size: 15px; height: 30px; width: 30px; cursor: pointer;}


.Header .shareList{ float:right; padding: 2px 20px 0 0; }
.Header .shareList a { width:28px; height: 28px; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 28px; font-family: icomoon; font-size: 16px; border: 1px solid #ddd; display:block; float:left; margin-right: 7px; color: #666;}

.Header .shareList a:hover {border: 1px solid #09f; color: #09f; }
.Header .shareList .sharefb:before { content: '\e660'; }
.Header .shareList .sharetw:before { content: '\eb37'; }
.Header .shareList .sharein:before { content: '\ec5f'; }
.Header .shareList .sharegl:before { content: '\e60e'; }
.Header .shareList .shareyt:before { content: '\e632';}


/* 手机菜单 */

.mobile{ float:right; margin-top: 15px;}
.mobile .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 28px; background-size: 28px; padding-top: 22px; font-size: 12px; text-align:center;}

.meum2{ position: absolute; top: 67px; right: 0; width: 190px; z-index: 999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 24px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 125px; padding: 10px 0 10px 30px;}
.meum2 ul li{ line-height: 45px;}
.meum2 ul li a{ color: #fff; font-size: 16px;}



/*banner*/


/*banner*/
.c-banner{width: 100%;position: relative;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 17px;height: 17px;border-radius: 50%;display: inline-block;background-color: #fff;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px; }






.HomeProducts{ margin: 0 auto; padding: 35px 30px 50px; background:#F2F2F2;}
.HomeProducts h2,.HomeAbout .text h2{ font-size: 36px; text-align:center; font-weight:bold;}
.HomeProducts p{ text-align:center; line-height: 200%; padding: 10px 0 40px; margin: 0;}
.HomeProducts li{ float:left; width: 25%;}
.HomeProducts li span{ display:block;padding: 0 20px;}
.HomeProducts li span a{ display:block; background: #fff; font-style:normal;}
.HomeProducts li span a strong{ display:block; text-align:center; padding: 30px 0; border-top: 1px solid #EDEDED; margin: 0 20px;}
.HomeProducts li span img{ display:block; width: 100%;}


.HomeProducts .more{}
.HomeProducts .more a,.HomeAbout .more a{width: 140px; background: #fff; height: 42px; border: 1px solid #ddd; text-align: center; line-height: 42px; display:block;  margin: 40px auto 0; }
.HomeProducts .more a:hover,.HomeAbout .more a:hover{ background: #000; border: 1px solid #000; color: #fff;}

.HomeAbout{ padding: 50px;}
.HomeAbout .text{ float:left; width: 53%;}
.HomeAbout .text h2{ text-align:left; padding-bottom: 10px;}
.HomeAbout .text p{ line-height: 180%; margin: 0; padding: 10px 0;}
.HomeAbout .pic{ float:right; width: 45%;}
.HomeAbout .pic img{ width:100%;}
.HomeAbout .more a{ margin:0; background: #f6f6f6;}







/*---.ContentBanner{ background:url(img/banner.jpg) no-repeat center center; font-size: 28px; padding: 60px 50px; color: #fff; text-transform:uppercase; display:none }
-----*/
.ContentBanner img{ width: 100%; display:block;}



.Content{ padding: 50px; line-height: 200%; }
.Content h1,.Productslist h1{ font-size: 36px; font-weight:bold; padding-bottom: 15px; text-transform: capitalize;}

.Content .text{ float:left; width: 53%;}
.Content .text p{ line-height: 180%; margin: 0; padding: 10px 0;}
.Content .pic{ float:right; width: 45%; padding-top: 20px;}
.Content .pic img{ width:100%;}

.Content .fw{ padding-top: 35px;}
.Content .fw li{ float:left; width: 33.333%;}
.Content .fw li img{ width: 100%;}
.Content .fw li span{ padding: 10px; display:block;}







.Productslist{ padding: 30px;background:#F2F2F2;}
.Productslist h1{ padding-left: 20px;}
.Productslist .top{line-height: 200%;}
.Productslist .top p{ padding: 20px 0;}
.Productslist li{ float:left; width: 25%;}
.Productslist li span{ display:block;padding: 20px;}
.Productslist li span a{ display:block; background: #fff; font-style:normal;}
.Productslist li span a strong{ display:block; text-align:center; padding: 30px 0; margin: 0 15px; border-top: 1px solid #EDEDED; font-weight:normal;}
.Productslist li span a:hover{ box-shadow: 0 0 10px #ddd;}
.Productslist li span img{ display:block; width: 100%;}

.ContentMenu{}
.ContentMenu li{ float:left; width: }



.ProductsHome{ padding: 50px;}
.ProductsHomeTop{ padding: 30px 30px 0;}
.ProductsHomeTop h1{ font-size: 32px; font-weight:bold;}
.ProductsHomeTop .top{ line-height: 200%; margin: 0; padding: 0; font-size: 16px;}
.ProductsHome .pic{ float:left; width: 25%;}
.ProductsHome .pic img{ width: 100%; margin-top: 10px;}
.ProductsHome .text{ float:right; width: 73%;}
.ProductsHome .text h2{ font-size: 28px; font-weight:bold; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.ProductsHome .text h2 .more{ float:right; font-size: 16px; margin-top: 10px;font-weight:normal; color: #09f;}
.ProductsHome .text h2 .pdf{ float:right; font-size: 16px; background:url(img/ico_p.png) no-repeat 0 center; margin-top: 10px; padding: 0 30px 0 20px; color: #09f;}
.ProductsHome .text ul{  margin: 30px 0 0 20px;}
.ProductsHome .text ul .t{ background: #E9E9E9; line-height: 150%; font-weight:bold; margin-left: 0; padding: 10px 17px; font-size: 16px; text-indent: 0; list-style: none; margin-bottom: 15px;}
.ProductsHome .text ul li{ line-height: 160%; padding: 7px 0;list-style:disc; width: 50%; float:left; color: #ccc;}

.ProductsHome .text .r{ float:right;}
.ProductsHomeBg{ background:#F6F6F6;}



.BannerLinks{ background: #F6F6F6; padding: 40px 50px; line-height: 180%;}
.BannerLinks a{ margin: 0 10px;}
.BannerLinks .no{ margin-left: 0;}
.Productsview{ padding: 50px;}
.Productsview .pic{ width: 38%; float: left;}
.Productsview .pic img{ width: 100%;  box-shadow: 0 0 15px #ddd;}
.Productsview .pic li{ float:left; padding-top: 20px; width: 20%; }
.Productsview .pic li img{ width: 90%;}
.Productsview .pic .tishi{ clear:both; clear:both; text-align:center; padding: 20px 0; color: #999;}
.Productsview .pic .tishi span{background:url(img/sc_but.png) no-repeat center center; padding: 15px; background-size: 15px;}

.Productsview .miaoshu{ width: 58%; float:right; line-height: 200%; padding-top: 10px; word-wrap: break-word;}
.Productsview .miaoshu h1{ font-size:32px; font-weight:bold;}
.Productsview .miaoshu h2{ font-size: 22px; border-top: 1px solid #ddd; padding-top: 25px; margin-top: 25px; font-weight:bold;}
.Productsview .miaoshu .top{ padding-top: 20px; line-height: 250%;}
.Productsview .miaoshu p{ margin: 0; padding:0;}
.Productsview .miaoshu .add{ padding-top: 35px;}
.Productsview .miaoshu .add .send{ display:block; float:left; background: #000;width: 175px; text-align:center; height: 50px;  border: none; border-radius: 50px;font-size: 20px; color: #fff;cursor: pointer;}
.Productsview .miaoshu .add .send:hover{ border: 1px solid #555; background: #555;}



.Productsview .body{ padding-top: 50px;}
.Productsview .body .title{ border-bottom: 1px solid #ddd; height: 50px; padding-left: 5px;}
.Productsview .body .title li{ float:left; line-height: 50px; font-size: 20px; margin-right: 25px; }
.Productsview .body .title li a{ display:block; padding: 0 45px;}
.Productsview .body .title .tag_a0{ display:block; font-weight:bold; border: 1px solid #ddd; border-bottom: none;}
.Productsview .body .title .tag1{ background: url(img/tag_1.png) no-repeat 15px center; background-size: 20px;}
.Productsview .body .title .tag2{ background:url(img/tag_2.png) no-repeat 15px center; background-size: 22px;}
.Productsview .body .title .tag3{ background:url(img/tag_3.png) no-repeat 15px center; background-size: 20px;}
.Productsview .body .title .tag4{ background:url(img/tag_4.png) no-repeat 15px center; background-size: 22px;}
.Productsview .body .title .tag1 .tag_a0{ background: #F6F6F6 url(img/tag_1.png) no-repeat 15px center; background-size: 20px;}
.Productsview .body .title .tag2 .tag_a0{ background: #F6F6F6 url(img/tag_2.png) no-repeat 15px center; background-size: 22px;}
.Productsview .body .title .tag3 .tag_a0{ background: #F6F6F6 url(img/tag_3.png) no-repeat 15px center; background-size: 20px;}
.Productsview .body .title .tag4 .tag_a0{ background: #F6F6F6 url(img/tag_4.png) no-repeat 15px center; background-size: 22px;}
.Productsview .body .box0{ display:block;}
.Productsview .body .box1{ display:none;}

.Productsview .body .box0{ line-height: 200%; padding: 30px 0 60px; font-size: 16px; word-wrap:break-word;}
.Productsview .body .box0 p{ margin: 0; padding: 15px 0;}
.Productsview .body .box0 img{ width:100%;}
.Productsview .body .box0 h3{ font-size: 22px; font-weight:bold; margin-top: 25px;}

.Productsview .body .box0 table{border-collapse:collapse; clear:both; margin-top: 35px; width:100%;}
.Productsview .body .box0 table td{ border: 1px solid #ddd; line-height: 180%; font-size: 14px; padding: 3px 10px; text-align:left; background:#F6F6F6; word-wrap:break-word;}
.Productsview .body .box0 table td p{ margin: 0; padding: 0;}
.Productsview .body .box0 table td img{ max-width: 50%; display:block; margin: auto;}
.Productsview .body .box0 .table1{ margin-top: 0;}
.Productsview .body .box0 .tr td{ color: #fff; font-weight:bold; background: #065DAC; border: 1px solid #065DAC;}
.Productsview .body .box0 ol{ margin-top: 10px;}
.Productsview .body .box0 ol li{list-style:disc; list line-height: 180%; margin-left: 15px; padding: 0;}
.Productsview .body .box0 .tr2 td{ background: #ddd; font-weight:bold; text-align:center;}
.Productsview .body .down{ margin-top: 10px;}
.Productsview .body .down ul li{ border-bottom: 1px solid #ddd; background:url(img/ico_p.png) no-repeat 0 center; padding-left: 25px; line-height: 45px;}
.Productsview .body .box0 .bg{ background: #F6F6F6; padding: 20px; margin-top: 15px;}

.Productsview .body .next{ clear:both; border-top: 1px solid #ddd; padding: 20px 0;} 

.Productsview .body .next{ margin-top: 45px; border-top: 1px solid #ddd; line-height: 40px; padding-top: 20px;}
.Productsview .body .next a,.Productsview .body .next a:visited{ color: #09f;}
.Productsview .body .next a:hover{ color:#03F;}

.ProductslistRelated h3{ font-size: 28px; font-weight:bold; padding: 10px 0 20px 20px;}













.ContactNow{ background: #F6F6F6; padding: 50px 0; margin-top: 30px; width: 100%;}
.ContactNow table{ width: 95%; }
.ContactNow table th{ text-align: right; padding: 10px 0; width: 150px;}
.ContactNow table td{ padding: 10px;color: #666;}
.ContactNow table .input{ height: 35px; border: 1px solid #ccc; font-size: 15px; text-indent: 10px; color: #666;}
.ContactNow table .but{ background:#000; border:none; cursor: pointer; height: 45px; width: 160px; text-align:center; line-height: 45px; font-weight: bold; font-size: 16px; color: #fff; margin-right: 25px;}
.ContactNow table .but:hover{ background: #f90;}
.ContactNow table textarea{ border: 1px solid #ccc; font-size: 15px;color: #666;}



.Foot{ clear:both; background: #1F1F1F; padding: 50px;}
.Foot a,.Foot a:visited{ color: #999;}
.Foot a:hover{color: #fff;}
.Foot ul { float:left; width: 25%;}
.Foot ul li{ line-height: 35px; list-style:disc;}
.Foot .us li{ height: 35px; line-height: 25px; font-size: 14px; text-transform:capitalize; color: #999; list-style:none;}
.Foot .us li span{ font-family: icomoon2; font-size: 16px; float:left; margin-right: 10px; }
.Foot .us .email:before { content: '\e945'; color: #fff;}
.Foot .us .tel:before { content: '\e942'; color: #fff;}
.Foot .us .add:before { content: '\e947'; color: #fff;}
.Foot .us strong{ color: #fff;}
.Foot .us .shareList{ height: 70px; margin-top: 10px;}
.Foot .us .shareList a { width: 35px; height: 35px; border-radius: 50%; display: inline-block; position: relative; z-index: 10; text-align: center; line-height: 35px; font-family: icomoon; font-size: 18px; color: #fff; background: #333; margin-right: 10px;}
.Foot .us .shareList a:hover { background: #1A55A7; }
.Foot .us .shareList li{ float:left; padding-right: 20px;}
.Foot .us .shareList .sharefb:before { content: '\e660'; }
.Foot .us .shareList .sharetw:before { content: '\eb37'; }
.Foot .us .shareList .sharein:before { content: '\ec5f'; }
.Foot .us .shareList .sharegl:before { content: '\e60e'; }
.Foot .us .shareList .shareyt:before { content: '\e632';}
.Foot .us .shareList .shareyemial:before { content: '\e6da'; font-family:"iconfont"; font-size: 18px;}
.Foot .us .shareList .shareywhatsapp:before { content: '\e86a'; font-family:"iconfont"; font-size: 18px;}
.Foot .us .shareList .shareyskype:before { content: '\e80c'; font-family:"iconfont"; font-size: 18px;}

.Foot ul .t{ font-size: 18px; font-weight:bold; color: #fff; height: 55px; text-transform:uppercase; list-style:none;}
.FootBottom{ clear:both; padding: 30px 0; text-align:center; font-size: 13px; color: #999; background: #000;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.7);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;width:330px;margin:0 auto;top:150px;margin:0 auto;left:50%;margin-left:-150px;position:absolute;z-index:101;padding:30px 40px 34px;text-align:center;color:#fff;font-weight:700}
.reveal-modal .close-reveal-modal{font-size:38px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:700;cursor:pointer}
.reveal-modal img{ width: 330px;}





/* 手机屏幕定义 */
@media (max-width: 767px) {
.hxs { display: none !important;}
.c-banner .jumpBtn{bottom: 10px;}
.c-banner .jumpBtn ul li{width: 12px;height: 12px;}


.Header{ margin: 0 auto;  padding: 10px; }
.Header .logo img{ width: 150px; margin-top: 10px;}
.mobile{ float:right; margin-top: 18px;}


.HomeProducts{ padding: 20px 5px; background: #fff;}
.HomeProducts h2,.HomeAbout .text h2{ font-size: 26px;}
.HomeProducts p{ line-height: 150%; padding: 10px 0 20px;}
.HomeProducts li{width: 100%;}
.HomeProducts li span{padding: 0;}
.HomeProducts li span em strong{ padding: 20px 0;margin: 0 20px;}

.HomeAbout{ padding: 20px 5px; background: #f7f7f7;}
.HomeAbout .text{ float:none; width: 100%;}
.HomeAbout .text h2{ text-align: center; padding-bottom: 10px;}
.HomeAbout .text p{ line-height: 150%;}
.HomeAbout .pic{ float: none; width: 100%;}


.Content{ padding: 7px; line-height: 180%;}
.Content h1,.Productslist h1{ font-size: 26px; padding: 20px  0 10px;}

.Content .text{ float: none; width: 100%;}
.Content .pic{ float: none; width: 100%; }

.Content .fw{ padding-top: 0;}
.Content .fw li{ float: none; width: 100%;}
.Content .fw li span{ padding: 10px 0;}




.Productslist{ padding: 0;}
.Productslist .top{ padding: 7px;}
.Productslist .top p{ line-height: 180%; margin:0; padding: 0;}
.Productslist li{ float: none; width: 100%;}
.Productslist li span{ display:block;padding: 0 7px;}
.Productslist li span a strong{padding: 20px 0;}





.BannerLinks{ padding: 7px; line-height: 180%;}
.BannerLinks a{ margin: 0 10px;}
.BannerLinks .no{ margin-left: 0;}



.ProductsHome{ padding: 10px; margin-top: 15px;}
.ProductsHomeTop{ padding: 20px 10px 0;}
.ProductsHomeTop h1{ font-size: 24px;}
.ProductsHome .pic{ float: none; width: 100%;}
.ProductsHome .pic img{ width: 90%; display:block; margin:auto;}
.ProductsHome .text{ float:none; width: 100%;}
.ProductsHome .text h2{ font-size: 22px; padding: 15px 0;}
.ProductsHome .text h2 .pdf{ display:none;}
.ProductsHome .text ul{ float:none; width: 100%; margin-top: 20px;}
.ProductsHome .text ul li{line-height: 160%; }
.ProductsHome .text ul .t{ font-size: 16px;}
.ProductsHomeBg{ padding: 20px 10px; background: #fff;}


.Productsview{ padding: 7px;}
.Productsview .pic{ width: 100%; float:none;}
.Productsview .miaoshu{ width: 100%; float: none; line-height: 180%;}
.Productsview .miaoshu h1{ font-size:22px; padding-top: 30px;}
.Productsview .miaoshu .add{ padding-top: 25px;}
.Productsview .miaoshu .add .send{ margin:auto; float:none;}


.Productsview .body{ padding-top: 0;}
.Productsview .body .text{ line-height: 180%; padding: 10px 0; font-size: 14px;}
.Productsview .body .text h3{ font-size: 16px;}
.Productsview .body .text p{ margin: 0; padding: 10px 0;}
.Productsview .body .text table{ margin-top: 25px;}
.Productsview .body .text table td{ line-height: 180%; padding: 5px; font-size: 12px;}
.Productsview .body .text .tr td{ font-size: 12px;}

.Productsview .body .title{ border-bottom: 1px solid #ddd; height: 40px; padding-left: 0;}
.Productsview .body .title li{ padding: 0; margin: 0;}
.Productsview .body .title .tag4{ font-weight:bold; font-size: 20px; background: #065DAC; color: #fff; float:none; text-indent: 10px;}
.Productsview .body .box1{ display:block;}
.Productsview .body .box1 img{ width:100%;}

.FootBottom{ font-size:12px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.hsm {display: none !important;}


}
/* PC屏幕定义 */
@media (min-width: 992px) and (max-width: 1199px) {
.hmd {display: none !important;}
}
@media (min-width: 1200px) {
.hlg {display: none !important;}
}






/* top定义 */

.cd-top {
  display: inline-block;
  height: 70px;
  width: 70px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(img/ico_20.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:5px; 
}
.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 {

  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 70px;
    width: 70px;
    right: 20px;
    bottom: 20px;
  }
}