.demo-icon {
font: 24px/24px "icomoon"; text-align: center; color: rgb(153, 153, 153); text-transform: none; text-decoration: inherit; display: inline-block; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.cndns-right {
	top: 50%; right: 16px; margin-top: -100px; position: fixed; z-index: 100;
}
.cndns-right-meau {
	position: relative;
}
.cndns-right-btn {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 48px; height: 48px; text-align: center; margin-bottom: 6px; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.cndns-right-btn i {color: rgb(36, 187, 210); line-height: 48px; font-size: 26px;
}
.cndns-right-btn sup {
	border-radius: 50%; left: -12px; top: -12px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; display: block; position: absolute; min-width: 24px; background-color: rgb(36, 187, 210);
}
.cndns-right-btn p {
	color: rgb(36, 187, 210); line-height: 18px; padding-top: 5px; font-size: 14px; display: none;
}

@media (max-width: 768px) {
.cndns-right {
	top: 50%; right: 1px; margin-top: -100px; position: fixed; z-index: 100;
}

.cndns-right-btn {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 36px; height: 36px; text-align: center; margin-bottom: 6px; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.cndns-right-btn i {color: rgb(36, 187, 210); line-height: 36px; font-size: 22px;
}
.cndns-right-btn sup {
	border-radius: 50%; left: -12px; top: -12px; height: 24px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; display: block; position: absolute; min-width: 24px; background-color: rgb(36, 187, 210);
}
.cndns-right-btn p {
	color: rgb(36, 187, 210); line-height: 14px; padding-top: 2px; font-size: 12px; display: none;
}
}





.cndns-right-meau:hover .cndns-right-btn i {
	display: none;
}
.cndns-right-meau:hover .cndns-right-btn p {
	display: block;
}
.meau-car .cndns-right-btn {
	border-color: rgb(36, 187, 210); margin-bottom: 20px;
}
.cndns-right-meau.meau-car:hover .cndns-right-btn {
	background-color: rgb(36, 187, 210);
}
.cndns-right-meau.meau-car:hover .cndns-right-btn span {
	color: rgb(255, 255, 255); display: block;
}
.meau-sev .cndns-right-btn p {
	color: rgb(255, 255, 255);
}
.meau-sev .cndns-right-btn span {
	color: rgb(255, 255, 255);
}
.meau-top .cndns-right-btn span {
	line-height: 12px; padding-top: 10px; font-size: 12px; display: block;
}
.meau-top .cndns-right-btn i {
	color: rgb(36, 187, 210); display: block;
}
.cndns-right-meau.meau-top:hover .cndns-right-btn {
	background-color: rgb(36, 187, 210); color:#FFFFFF;
}
.cndns-right-meau.meau-top:hover .cndns-right-btn i {
	color: rgb(255, 255, 255); display: block;
}
.cndns-right-meau.meau-top:hover .cndns-right-btn i {
	color: rgb(255, 255, 255);
}
.cndns-right-box {
	top: -15px; right: 48px; padding-right: 25px; display: none; position: absolute;
}
.cndns-right-box .box-border {
	border-width: 4px 1px 1px; border-style: solid; border-color: rgb(36, 187, 210) rgb(204, 204, 204) rgb(204, 204, 204); padding: 10px; border-image: none; position: relative; box-shadow: 0px 3px 8px rgba(0,0,0,0.15); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .15); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}
.cndns-right-box .box-border .arrow-right {
	background: url("../img/arrow.png") no-repeat; top: 26px; width: 13px; height: 16px; right: -13px; display: block; position: absolute;
}
.cndns-right-box .box-border .sev-t span {
	color: rgb(211, 211, 211); font-size: 42px; margin-right: 20px; float: left; display: block;
}
.cndns-right-box .box-border .sev-t p {
	color: rgb(36, 187, 210); line-height: 28px; font-size: 20px; float: left;
}
.cndns-right-box .box-border .sev-t p i {
	color: rgb(170, 170, 170); font-size: 14px; display: block;
}
.cndns-right-box .box-border .sev-b {
border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: solid;
}
.cndns-right-box .box-border .sev-b h4 {
	color: rgb(102, 102, 102); font-size: 14px; font-weight: normal;
}
.cndns-right-box .box-border .sev-b li {
	width: 90.33%; float: left;
}
.cndns-right-box .box-border .sev-b li a {
	background: url("../img/q1.gif") no-repeat left 3px; color: rgb(153, 153, 153); line-height: 36px; padding-left: 43px; font-size: 13px; display: inline-block;
}
.cndns-right-box .box-border .sev-b li a:hover {
	color: rgb(36, 187, 210);
}
.meau-sev .cndns-right-box .box-border {
	width: 200px;
}
.meau-contact .cndns-right-box .box-border {
	width: 200px;
}
.cndns-right-meau:hover .cndns-right-box {
	display: block;
}
.meau-code .cndns-right-box {
	top: inherit; bottom: -35px;
}
.meau-code .cndns-right-box .box-border {
	width: 156px; text-align: center; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
.meau-code .cndns-right-box .box-border i {
	color: rgb(246, 110, 6); line-height: 16px; font-size: 16px; display: block;
}
.meau-code .cndns-right-box .box-border .arrow-right {
	top: inherit; bottom: 50px;
}
.meau-sev .cndns-right-btn .demo-icon {
	display: none;
}
.meau-sev:hover .cndns-right-btn {
	background: rgb(36, 187, 210);
}
.meau-zs .cndns-right-btn {
	border-color: rgb(36, 187, 210); color: rgb(255, 255, 255); margin-top: 80px; background-color: rgb(36, 187, 210);
}
.meau-zs .cndns-right-btn span {
	color: rgb(255, 255, 255);
}
.meau-zs .cndns-right-btn p {
	color: rgb(255, 255, 255);
}

.about {
	background: url("../img/background/slider2.jpg") fixed no-repeat top / cover rgb(22, 62, 89); width: 100%; height: 500px; text-align: center; color: rgb(255, 255, 255); overflow: hidden;
}

.about h1 {
	text-align: center; line-height: 38px; font-size: 28px; margin-top: 80px; color:#FFFFFF; padding-left:10px; padding-right:20px;
}
.about p {
	margin: 40px auto; width: 840px; text-align: left; color:#ffffff; line-height: 28px; font-size: 14px; padding-left:20px; padding-right:20px;
}
.about a {
	background: #139cd7; margin: 0px 8px; border-radius: 2px; transition:0.3s ease-in-out; width: 150px; height: 46px; color: rgb(255, 255, 255); line-height: 46px; font-size: 16px; display: inline-block; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;
}
.about a:hover {
	background:#1ea7e1;
}

@media screen and (max-width:480px)
{
.about h1 {
	text-align: center; line-height: 38px; font-size: 20px; margin-top: 30px; color:#FFFFFF; padding-left:10px; padding-right:20px;
}
.about p {
	margin: 15px; width: 95%;text-align:center; color:#ffffff; line-height: 28px; font-size: 14px;
}
}