@charset "utf-8";































/* CSS Document */































html {















	font-family:"Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;















	-ms-text-size-adjust: 100%;















	-webkit-text-size-adjust: 100%;















	font-size: 100%;















}































body {















	margin: 0 auto;















	font-size: 1.4rem;















	line-height: 1.5;















	color: #333333;















	width: 640px;















	height: 100%;















	overflow-x: hidden;















	-webkit-overflow-scrolling: touch;















	background-color: white;















}































article,















aside,















details,















figcaption,















figure,















footer,















header,















hgroup,















main,















nav,















section,















summary {















	display: block;















}































audio,















canvas,















progress,















video {















	display: inline-block;















	vertical-align: baseline;















}































audio:not([controls]) {















	display: none;















	height: 0;















}































[hidden],















template {















	display: none;















}































svg:not(:root) {















	overflow: hidden;















}































a {















	background: transparent;















	text-decoration: none;















	-webkit-tap-highlight-color: transparent;















	color: #333;















}































a:active {















	outline: 0;















}































a:active {















	color: #333;















}































abbr[title] {















	border-bottom: 1px dotted;















}































b,















strong {















	font-weight: bold;















}































dfn {















	font-style: italic;















}































mark {















	background: #ff0;















	color: #000;















}































small {















	font-size: 80%;















}































sub,















sup {















	font-size: 75%;















	line-height: 0;















	position: relative;















	vertical-align: baseline;















}































sup {















	top: -0.5em;















}































sub {















	bottom: -0.25em;















}































img {















	border: 0;















	vertical-align: middle;















}































hr {















	-moz-box-sizing: content-box;















	box-sizing: content-box;















	height: 0;















}































pre {















	overflow: auto;















	white-space: pre;















	white-space: pre-wrap;















	word-wrap: break-word;















}































code,















kbd,















pre,















samp {















	font-family: monospace, monospace;















	font-size: 1em;















}































button,















input,















optgroup,















select,















textarea {















	color: inherit;















	font: inherit;















	margin: 0;















}































button {















	overflow: visible;















}































button,















select {















	text-transform: none;















}































button,















html input[type="button"],















input[type="reset"],















input[type="submit"] {















	-webkit-appearance: button;















	cursor: pointer;















}































button[disabled],















html input[disabled] {















	cursor: default;















}































button::-moz-focus-inner,















input::-moz-focus-inner {















	border: 0;















	padding: 0;















}































input {















	line-height: normal;















}































input[type="checkbox"],















input[type="radio"] {















	box-sizing: border-box;















	padding: 0;















}































input[type="number"]::-webkit-inner-spin-button,















input[type="number"]::-webkit-outer-spin-button {















	height: auto;















}































input[type="search"] {















	-webkit-appearance: textfield;















	-moz-box-sizing: border-box;















	-webkit-box-sizing: border-box;















	box-sizing: border-box;















}































input[type="search"]::-webkit-search-cancel-button,















input[type="search"]::-webkit-search-decoration {















	-webkit-appearance: none;















}































fieldset {















	border: 1px solid #c0c0c0;















	margin: 0 2px;















	padding: 0.35em 0.625em 0.75em;















}































legend {















	border: 0;















	padding: 0;















}































textarea {















	overflow: auto;















	resize: vertical;















}































optgroup {















	font-weight: bold;















}































table {















	border-collapse: collapse;















	border-spacing: 0;















}































td,















th {















	padding: 0;















}































html,















button,















input,















select,















textarea {















	font-family: "Helvetica Neue",Helvetica,Roboto,Segoe UI,Arial,sans-serif;















	background: white;















}































h1,















h2,















h3,















h4,















h5,















h6,















p,















figure,















form,















blockquote {















	margin: 0;















}































ul,















ol,















li,















dl,















dd {















	margin: 0;















	padding: 0;















}































ul,















ol {















	list-style: none outside none;















}































h1,















h2,















h3 {















	line-height: 2;















	font-weight: normal;















}































h1 {















	font-size: 1.8rem;















}































h2 {















	font-size: 1.6rem;















}































h3 {















	font-size: 1.4rem;















}































input::-moz-placeholder,















textarea::-moz-placeholder {















	color: #cccccc;















}































input:-ms-input-placeholder,















textarea:-ms-input-placeholder {















	color: #cccccc;















}































input::-webkit-input-placeholder,















textarea::-webkit-input-placeholder {















	color: #cccccc;















}































* {















	-webkit-box-sizing: border-box;















	-moz-box-sizing: border-box;















	box-sizing: border-box;















}















































.re{position: relative;}















































.touying{box-shadow: 2px 2px 2px 2px rgba(1,195,255,.3);}















































.container {















	padding-left: 15px;















	padding-right: 15px;background: #fcfcfc;































}















































/*   头部      */































.header {















	text-align: center;padding-top:8px;















}































.header .logo-img{width:95px;height: 95px;background: #fff;border-radius: 50%;margin:0 auto;position: absolute;z-index: 4;left:50%;margin-left:-44px;top:95px;box-shadow: 0px 2px 5px #ccc;}































.header .logo-img img {















	margin:16px auto 0 auto;















	width: 65%;















}















































.header .banner_bg img{position: absolute;z-index: 3;top:89px;left:0px; }































.header h1 {



font-weight: bold;



color: #666666;



line-height: 33px;



overflow: hidden;



height: 35px;



width: 500px;



margin: auto;



margin-bottom: 5px;



font-size: 1em;

	

	padding-top: 9px;

}































.header p {



color: #000;



padding-top: 0px;



width: 90%;



overflow: hidden;



margin:0 auto;



height: 42px;



font-weight: bold;



font-size: 1.5em;

}















.bnpic .swiper-slide img{border-bottom-left-radius:8px;border-bottom-right-radius:8px; }































.none{display: none;}















































/*this is nav*/































.nav {















	padding: 10px 0;















	box-shadow: 0px 0px 8px #f6f6f6;















	height: 190px;















	background: #fff;















	border-radius: 5px;















	















}































.nav ul {















	display: flex;















	flex-wrap: wrap;width:101%;















}































.nav ul li {















	width: 24%;text-align: center;















	padding: 3px 0;margin-right: 1%; background: url(../images/navline.jpg) no-repeat center top;















	margin-top: 15px;















}































.nav ul li p {















	display: block;















	margin: auto;font-family: arial;color: #dadada;text-transform: uppercase;font-size: 17px;















}































.nav ul li span {















	padding: 0 10px;















	text-align: center;















	display: block;















	white-space: nowrap;















	overflow: hidden;















	text-overflow: ellipsis;















	color: #919191;















	font-size: 24px; height: 37px;line-height: 47px;















}















.pt15{padding-top: 15px;}















































/*nav end*/















































































/*products*/















.hot-product{background: #FFF;border-radius: 10px;}































.menu-title {















	padding: 10px 0  0px;text-align: center;















}































.menu-title h3 a {















	color: #797979;















	font-weight: bold;















	font-size: 30px;















}































.menu-title i{width:45px;height: 1px;background: #c2c2c2;display: inline-block;margin:0px 10px;vertical-align:middle;}















































































































































































































/* pro 切换*/































.product-center{background:rgba(50,175,255,1);border-radius:8px; padding-bottom: 76px;} 















.product-center .swiper-pagination-bullet{margin: 0 2px;background: rgba(255,255,255,1);}















.product-center .swiper-pagination-bullet-active {















	opacity: 1;















	background:#fff;















}















.ysml{ padding-left: 269px;margin-top: 15px;}















/*pro 切换结束 */















#topProducts{ height: 170px; color: #fff;} 















#topProducts .swiper-slide{text-align: center;}































#topProducts .swiper-wrapper{width:80%;}















.yss{ width: 610px; margin: auto; height: 232px; padding-top: 49px;}































#topProducts .active-nav{















    















font-size: 24px;font-weight: bold;background: url(../img/ysbj.png) no-repeat  right;  height: 145px;















 animation: myfirst .3s;















-moz-animation: myfirst .3s;	/* Firefox */















-webkit-animation: myfirst .3s;	/* Safari 和 Chrome */















-o-animation: myfirst .3s;	















}































@keyframes myfirst















{















from {height:0;}















to {height: 145px;}















}































@-moz-keyframes myfirst /* Firefox */















{















from {height:0;}















to {height: 145px;}















}































@-webkit-keyframes myfirst /* Safari 和 Chrome */















{















from {height:0;}















to {height: 145px;}















}































@-o-keyframes myfirst /* Opera */















{















from {height:0;}















to {height: 145px;}















}















 















































.yswd{ width:340px; float: left; }















#topProducts span{display: block; float: left; color: #fff; font-size: 20px; margin-top: 15px;margin-left: 21px;}















#topProducts span b{  font-size: 20px;font-weight: no-repeat  }















#topProducts em{ display: block; float: left; width:22px; line-height: 22px;font-style: normal;margin-top: -38px;margin-left: 52px;}































.active-nav b{ color: rgba(50,175,255,1);font-weight:normal; }















.active-nav em{color: rgba(50,175,255,1);font-weight:normal;  font-size: 20px; display: block; }















.ysb{width:85px;  background: url(../img/ysbja.png) no-repeat right; height: 145px; overflow: hidden;}















.ysb b{ font-weight:normal; }















.ysb em{font-weight:normal;  font-size: 20px; display: block; }















.ysbt{float: right;}















.ysbt h3{background: url(../img/ysbt.png) no-repeat right 36px; font-size: 26px; color: #ffffff; height: 93px;margin-top: 27px;margin-right: 21px;line-height: 40px;text-align: right;}















.ysbt h3 p{ text-transform: uppercase; font-size: 20px; }















.ys_end{ width:570px;margin: auto;}















.ysnrlist{width:570px; margin: auto;border-radius:10px;background: #fff;}















.ysnrlist img{ width:570px; border-top-left-radius:10px;border-top-right-radius:10px;}















.ysnrlist ul{width:570px;margin: auto;padding: 42px;}















.ysnrlist ul li{background: url(../img/syjt.png) no-repeat left 11px; font-size: 20px; color: #919191;padding-left: 28px;line-height: 34px;}



































#swiper-container3{margin-top: 30px;}































































.swiper-button-next, .swiper-button-prev {















	position: absolute;















	top: 50%;















	width: 32px;















	height: 20px;















	margin-top: -12px;















	z-index: 10;















	cursor: pointer;















 















	background-position: center;















	background-repeat: no-repeat















}































/*products end*/































/*产品开始*/































.pdo {















	width: 610px; border-radius:5px;box-shadow:0px 0px 8px #f7f7f7; margin: auto; background: #fff;















	padding-bottom: 47px;















	padding-top: 36px;















}















.pdo h3{ width:610px; text-align: center; line-height: 33px;margin-bottom: 0px;}















.pdo h3 a{ display: block; font-size: 24px; font-weight: bold; color: #666666;}















.pdo h3 p{ font-size: 20px; color: #bababa; text-transform: uppercase; }































.pdo .tabs {















	padding: 22px 52px 0px 98px;















	background: #fff;















	border-radius: 7px;















	margin-bottom: 5px;















}































.pdo .tabs a {















	margin: 0px 12px;















	position: relative;















	display: inline-block;















	padding: 16px 0;















	color: #898989;















	border-bottom: solid 1px #ccc; white-space: nowrap;































	width: 112px;















	overflow: hidden;















	height: 58px;















	text-align: center;





	text-overflow:ellipsis;

	

	white-space:nowrap;









}































.pdo .tabs a.active {















border-bottom-color: rgba(50,175,255,1);















	color: rgba(50, 175, 255, 1);















}















































.pdo .tabs a:before {















	content: '';















	display: block;















	position: absolute;















	left: 50%;















	bottom: -1px;















	width: 0px;















	height: 2px;















	margin-left: 0px;















	 















	-webkit-transition: all .3s ease-out;















	transition: all .3s ease-out;















}































.pdo .tabs .active:before {















	width: 112px;















	margin-left: -56px;















}















.pdo ul{}















.pdo ul li{}















.pdo ul li img{}















.pdo ul li span{background:rgba(50,175,255,1);}















.pdo ul li span a{ text-align: center; color: #fff; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}















.cp_list{ width: 610px; margin: auto; }















.cp_list li{ float: left; width:250px;margin-right: 0px;height: 200px;margin-left: 37px;margin-top: 20px;margin-bottom: 14px;}















.cp_list li img{ width:250px; height: 161px; border-top-left-radius: 8px;border-top-right-radius: 8px;}















.cp_list li span{ display: block; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;height: 39px;line-height: 39px;}















.cp_list li i{ display: block; float: left; width:70%;font-style: normal; height: 39px; overflow: hidden; padding-left: 15px;}















.cp_list li em{ display: block; float: right;width:30%; text-align: center;}















.cp_list li em img{ width:20px; height: 17px; }















.cp_more{margin-top: 26px;}















.cp_more span{ width: 192px; height: 37px; line-height: 37px; border: solid 1px #e2e2e2;border-radius: 19px;display: block;margin: auto;background: url(../img/jjgdbj.png) no-repeat 140px 11px; font-size: 16px;margin-top: 20px;}















.cp_more span a{ color: #bababa; font-size: 16px; padding-left: 26px; display: block; }































/*产品结束*/































































/*案例开始*/































.incase {















	padding-bottom: 20px; width: 610px; margin: auto;padding-top: 41px;















}















.incase h3{ width:610px; text-align: center; line-height: 33px;margin-bottom: 15px;}















.incase h3 a{ display: block; font-size: 24px; font-weight: bold; color: #666666;}















.incase h3 p{ font-size: 20px; color: #bababa; text-transform: uppercase;}















































.incase .swiper {















	width: 610px;















	margin: 0 auto;















	position: relative;















}































.incase .swiper:before {















	content: '';















	display: block;















	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));















	width: 500px;















	height: 15px;















	position: absolute;















	bottom: -15px;















	left: 50%;















	z-index: 3;















	margin-left: -252px;















	border-top-left-radius: 15px;















	border-top-right-radius: 15px;















	opacity: .6;















}































.incase .current-swiper {















	width: 500px;















	height: 299px;















	border-radius: 15px;















	margin: 0 auto;















	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);















	position: relative;















	z-index: 99;















}































.incase .left-swiper {















	position: absolute;















	left: 0;















	right: auto;















	top: 50%;















	z-index: 1;















	margin-top: -115px;















}































.incase .right-swiper {















	position: absolute;















	right: 0;















	left: auto;















	top: 50%;















	z-index: 1;















	margin-top: -115px;















}































.incase .nocurrent-swiper {















	width: 490px;















	height: 250px;















	border-radius: 15px;















	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);















}































.incase .swiper img {















	width: 100%;















	height: 100%;















}































.incase .swiper-pagination {















	width: 100%;















}































.incase .swiper-pagination .swiper-pagination-bullet {















	width: 24px;















	height: 5px;















	border-radius: 0;















	margin: 0 5px;















	background: rgba(50, 179, 255, 1);















}















.incase span{ font-size: 20px;  color: #666666; }















.incase span a{color: #666666;font-size: 20px; }















.incase em{ display: block; background:rgba(50, 175, 255, 1); height: 40px;position: relative;top:-40px; text-align: center;font-style: normal;color: #fff;line-height: 40px;padding: 0 5px;}















.incase em a{ color: #fff; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}















/*案例结束*/































































































































































































































































/*gg*/































.gg{height: 188px;background:rgba(50,175,255,1);   















 















border-radius: 5px;















}































.gg_zi{color:#FFF;text-align: center;padding-top: 25px; }















.gg_zi h4{font-size: 24px;font-weight: bold;margin-top: 7px;}















.gg_zi  p{font-size: 20px;margin-top: 5px;}















.pt30{padding-top: 25px;}































.gg_bt{margin-top: 55px;}















































.ys{padding-top: 50px;}















.semi-circle{















  width:270px;text-align: center;















  height:270px; margin:0 auto;















 background:rgba(1, 195, 255, 1); 















 box-shadow: 2px 2px 20px rgba(1, 195, 255, .5);















  border-radius:50%; /* 左上、右上、右下、左下 */















}















.semi-circle img{padding-top: 20px;}















/*简介开始 */















.about{ padding-top: 39px; }















.jjpic{ width:220px;height: 220px; margin: auto;box-shadow:0px 0px 8px #f6f6f6;border-radius: 50%;margin-bottom: -93px;z-index: 15;position: relative;background: #fff;}















.jjpic img{ width:220px;height: 220px;border-radius: 50%;}















.jjnr{ width:610px; background: #fff;box-shadow:0px 0px 8px #f6f6f6;border-radius:5px; height: 340px; 















 }















.jjnr h3{ text-align: center;padding-top: 110px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}















.jjnr h3 a{font-size: 24px;color: #666666;font-weight:bold;}















.jjnr p{ text-align: center; font-size: 20px; color: #9e9e9e;line-height: 30px; overflow: hidden; width: 547px;margin: auto;text-align: left;margin-top: 5px;height: 90px;}















.jjnr span{ width: 192px; height: 37px; line-height: 37px; border: solid 1px #e2e2e2;border-radius: 19px;display: block;margin: auto;background: url(../img/jjgdbj.png) no-repeat 140px 11px; font-size: 16px;margin-top: 20px;}















.jjnr span a{ color: #bababa; font-size: 16px; padding-left: 26px; display: block; }































































/*ys end */































.gg_an{width: 415px;height: 59px;border-radius: 40px; display: block; position: relative;z-index: 3;margin:-47px auto 0;text-align: center;line-height: 60px;}































.gg_an a{color:rgba(1, 195, 255, 1);border-left: 1px solid rgba(1, 195, 255, 1);padding-left: 30px;margin-left: 30px;}















.ggtelbj{background: #f5fafd;}















.gg_an span{ display: block;background: url(../img/ggtelbt.jpg) no-repeat 44px; float: left;padding-left: 92px;font-size: 16px;color: #4c4c4c;}















.gg_an em{display: block;float: left;padding-left: 5px;font-size: 24px;color: #4c4c4c;font-style: normal;}































/*ys */































.ys-center{padding:20px 20px;position: relative;z-index: 2;margin-top: -160px;height: 540px;}































/*ys end*/































/*news kaishi*/















.index_news{ background: #fff; border-radius: 5px;padding-top: 40px;box-shadow: 0px 0px 8px #f7f7f7;margin: auto;width: 610px;padding-bottom: 28px;}















.index_news h3{ text-align: center; background:url(../img/xwbtbj.png) no-repeat center top; line-height: 24px;}















.index_news h3 span{ display: block; font-size: 24px; color: #606060; text-transform: uppercase; padding-top: 78px;}















.index_news h3 a{ display: block; font-size: 24px;color: #666666;margin-top: 10px;font-weight: bold;}















.index_news dl{ width:583px; margin:auto; }















.index_news dl dt h4 a{ height: 34px; line-height: 34px; width:452px; overflow: hidden; color: #666666;display: block;text-align: center;margin: auto;font-weight: normal;margin-top: 25px; white-space:nowrap; text-overflow:ellipsis;}















.index_news dl dt p{ height: 47px; width: 452px; overflow: hidden;color: #9e9e9e; line-height: 24px; margin: auto;text-align: center;font-size: 20px;margin-top: 12px;}















.index_news dl dd{ margin-top: 38px; }















.index_news dl dd li{ width:583px; height: 162px; background: #fff;box-shadow:0px 0px 10px #f4f4f4;margin-top: 23px;}































.index_nslf{ float: left; width: 154px; height: 128px; border-radius: 8px;box-shadow: 0px 0px 8px #f7f7f7;margin-top: 17px;margin-left: 15px;}















.index_nslf img{width: 154px; height: 128px; border-radius: 8px;box-shadow: 0px 0px 8px #f7f7f7;}















.index_nsrt{ width:370px; float: left;margin-left: 22px;margin-top: 19px;}















.index_nsrt h4 a{ font-size: 20px; color: #6c6a6a; height: 30px; line-height: 30px; width:370px; font-weight: normal;display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}















.index_nsrt p{ height: 50px; width: 370px; margin: auto; line-height: 25px;  font-size: 20px;color: #9e9e9e;margin-top: 5px;overflow: hidden;}















.index_nsrt span{width: 31px; height: 1px; background: #dddddd; line-height: 0px; display: block; float: left;margin-top: 21px;}















.index_nsrt em{ display: block;float: right; margin-top: 5px;}















.sbj{top:712px;}















.in_newsgd{ margin:auto;}















.in_newsgd span{ width: 192px; height: 37px; line-height: 37px; border: solid 1px #e2e2e2;border-radius: 19px;display: block;margin: auto;background: url(../img/jjgdbj.png) no-repeat 140px 11px; font-size: 16px;margin-top: 39px;}















.in_newsgd span a{ color: #bababa; font-size: 16px; padding-left: 26px; display: block;}































/*news end*/















/*footer*/































.in_footer{padding-top: 15px;padding-bottom: 135px;}















.in_footernr{width:610px;background: #fff;margin: auto;box-shadow:0px 0px 8px #f7f7f7; height: 182px;border-radius:5px;display: flex;}















.in_footernr p{font-size: 20px;color: #6c6a6a;line-height: 26px;padding-top: 35px;padding-left: 21px;float: left; width:488px;}















.in_footernr span{display: block;padding-top: 38px;margin-left: 23px;float: right;}















.in_footernr span img{width: 98px;height: 98px;}















.dbnr{width:640px;bottom:0; z-index: 999;position: fixed;}















.dbpic{ width: 640px; height: 100px;top: 100px;position: relative;z-index: 99;}















.dbbj{ background:rgba(50, 175, 255, 1);margin: auto; height: 135px; width: 640px; position: relative;border-radius:50% 50% 0 0; }















.dbbj ul{position: relative;z-index: 1000}















.dbbj ul li{ float: left; text-align: center;}















.dbnav1{ width: 59px; left: 97px;position: relative;top: -11px;}















.dbnav1 span{height: 59px;border-radius:50%; display: block;width: 59px;background: #fdfdfd;overflow: hidden;}















.dbnav1 span img{ width:34px; height: 36px; margin: auto; margin-top: 8px;-webkit-filter: drop-shadow(rgb(50, 175, 255) 55px 0px);filter: drop-shadow(rgb(50, 175, 255) 55px 0px);margin-left: -109px;}















.dbnav1 a{ display: block; text-align: center; color: #fff;font-size: 20px; }































.dbnav2{ width: 59px; left: 157px;position: relative;top: -22px;}















.dbnav2 span{height: 59px;border-radius:50%; display: block;width: 59px;background: #fdfdfd;overflow: hidden;}















.dbnav2 span img{ width:34px; height: 36px; margin: auto; margin-top: 8px;-webkit-filter: drop-shadow(rgb(50, 175, 255) 55px 0px);filter: drop-shadow(rgb(50, 155, 255) 55px 0px);margin-left: -109px;}















.dbnav2 a{ display: block; text-align: center; color: #fff;font-size: 20px; }































.dbnav3{ width: 59px; left: 215px;position: relative;top: -22px;}















.dbnav3 span{height: 59px;border-radius:50%; display: block;width: 59px;background: #fdfdfd;overflow: hidden;}















.dbnav3 span img{ width:34px; height: 36px; margin: auto; margin-top: 8px;-webkit-filter: drop-shadow(rgb(50, 175, 255) 55px 0px);filter: drop-shadow(rgb(50, 175, 255) 55px 0px);margin-left: -109px;}















.dbnav3 a{ display: block; text-align: center; color: #fff;font-size: 20px; }































.dbnav4{ width: 59px; left: 269px;position: relative;top: -11px;}















.dbnav4 span{height: 59px;border-radius:50%; display: block;width: 59px;background: #fdfdfd;overflow: hidden;}















.dbnav4 span img{ width:34px; height: 36px; margin: auto; margin-top: 8px;-webkit-filter: drop-shadow(rgb(50, 175, 255) 55px 0px);filter: drop-shadow(rgb(50, 175, 255));margin-left: -109px;}















.dbnav4 a{ display: block; text-align: center; color: #fff;font-size: 20px; }















.dbbj p{ text-align: center; font-size: 20px; color: #fff;padding-top: 90px;}







.icona {



display: inline-block;



width: 62px;



height: 59px;



overflow: hidden;

}















.icona > .icona {





 /*-20px为图标宽度，必须是负值*/





 /*20px为图标宽度*/



  /*20px为图标宽度*/



background: url(../img/sy.png) no-repeat center;   /*图标png文件设置在包裹内的div中切必须是块级元素，有宽高*/

}







.icona1 {



display: inline-block;



width: 63px;



height: 59px;



overflow: hidden;

}















.icona1 > .icona1 {



position: relative;



 /*-20px为图标宽度，必须是负值*/



 /*20px为图标宽度*/



  /*20px为图标宽度*/



background: url(../img/cp.png) no-repeat center;   /*图标png文件设置在包裹内的div中切必须是块级元素，有宽高*/

}







.icona2 {



display: inline-block;



width: 62px;



height: 59px;



overflow: hidden;

}















.icona2 > .icona2 {



position: relative;



 /*-20px为图标宽度，必须是负值*/



 /*20px为图标宽度*/



  /*20px为图标宽度*/



background: url(../img/dh.png) no-repeat center;   /*图标png文件设置在包裹内的div中切必须是块级元素，有宽高*/

}







.icona3 {



display: inline-block;



width: 62px;



height: 59px;



overflow: hidden;

}















.icona3 > .icona3 {



position: relative;







     /*-20px为图标宽度，必须是负值*/



 /*20px为图标宽度*/



  /*20px为图标宽度*/



background: url(../img/lx.png) no-repeat center;   /*图标png文件设置在包裹内的div中切必须是块级元素，有宽高*/

}























#kefu-ball {















	background: rgba(50, 175, 255, 1);















	position: fixed;















	right: 0;















	bottom: 30%;















	border-radius: 50%;















	z-index: 99999;















	box-shadow: 0px 0px 20px 0px rgba(50, 175, 255, .6);















}















































/*footer end*/