@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;











	background-color:rgba(50,179,255,.001);











	width: 640px;











	height: 100%;











	color: #333;











	overflow-x: hidden;











	-webkit-overflow-scrolling: touch;











}























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: #e6f7fc;











}























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;











}























.container {











	padding-left: 0px;











	padding-right: 0px;











}























.empty {











	height: 20px;











	background: #fff;











	clear: both;











}























.clearfix {











	clear: both;











}



































/*   头部      */























.header {











    position: relative;











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











    border-radius:0px 0px 30px 30px;











	padding: 30px 15px 120px 15px;











	











}























.logo-cptu{ float:left;}











.logo-dh{ float:right;}











.logo-cptu img,.logo-dh img{ width: 54px; height: 54px;}























.header h1 {











width: 472px;











text-align: center;











     float: left;











     margin:0 11px;











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











	font-weight: bold;











	line-height:54px;











	











}























.header p {











	border-top: 1px solid #ccc;











	border-bottom: 1px solid #ccc;











	color: #ccc;











}























.banner {











    











	padding-bottom: 20px;











}























.banner .swiper {























	width: 610px;











	padding:0px 15px;











	margin: -40px auto 0px;











	position: relative;











}























.banner .swiper:before {











	content: '';











	display: block;











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











	width: 580px;











	height: 15px;











	position: absolute;











	bottom: -15px;











	left: 50%;











	z-index: 3;











	margin-left: -290px;











	border-top-left-radius: 15px;











	border-top-right-radius: 15px;











	opacity: .6;











}























.current-swiper {











	width: 580px;











	height: 272px;











	border-radius: 15px;











	margin: 0 auto;











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











	position: relative;











	z-index: 99;











}























.left-swiper {











	position: absolute;











	left: 0;











	right: auto;











	top: 50%;











	z-index: 1;











	margin-top: -115px;











}























.right-swiper {











	position: absolute;











	right: 0;











	left: auto;











	top: 50%;











	z-index: 1;











	margin-top: -115px;











}























.nocurrent-swiper {











	width: 490px;











	height: 230px;











	border-radius: 15px;











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











}























.banner .swiper img {











	width: 100%;











	height: 100%;











}























.banner .swiper-pagination {











	width: 100%;











}























.banner .swiper-pagination .swiper-pagination-bullet {











	width: 24px;











	height: 5px;











	border-radius: 0;











	margin: 0 5px;











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











}























.nav {











    margin: 25px 15px;











	padding: 20px 0;











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











	border-radius:10px;











	box-shadow: 0px 0px 15px 4px rgba(50,179,255,.1);











}























.nav ul {











	display: flex;











	flex-wrap: wrap;











}























.nav ul li {











	width: 25%;











	padding: 10px 0;











}























.nav ul li img {











	display: block;











	margin: 10px auto;











}























.nav ul li span {











	padding: 0 10px;











	text-align: center;











	display: block;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











	color: #777777;











	font-size: 26px;











}























.nav ul li span:hover{color: rgba(50,179,255,1);}























.menu-title {











	padding: 10px 0 20px;











}























.menu-title h3 a {











	color: #333;











	font-weight: bold;











	font-size: 28px;











}























.menu-title .more {











	float: right;











	line-height: 2;











	color: #666;











}























.menu-item {











    margin: 25px 15px;











	padding: 40px 20px;











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











	border-radius:10px;











	box-shadow: 0px 0px 15px 4px rgba(50,179,255,.1);











}























.hot-product .menu-content .swiper-container {











	padding: 0px 0px 0px 0px;











	margin-right: 10px;











}























.hot-product .menu-content .swiper-slide {











	width: 270px;











}























.hot-product .menu-content .swiper-slide img {











	width: 270px;











	height: 200px;











	border-radius: 7px;











	











}























.hot-product .menu-content .swiper-slide .info {











	











	position:absolute;











	top:160px;











	width: 270px;











    height: 40px;











    line-height: 40px;











	box-shadow: 2px 2px 24px rgba(50,179,255,.1);











	border-bottom-left-radius: 7px;











	border-bottom-right-radius: 7px;











}























.hot-product .menu-content .swiper-slide .info h4 {











    text-align: center;











	font-size:22px;











	color: #fff;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











}



































.hot-product .menu-content .last-slide {











	width: 95px;











}























.hot-product .menu-content .last-slide .icon {











	width: 25px;











	height: 25px;











	background: url(../img/more-icon.png) no-repeat center 50%/100% 100%;











	display: block;











	float: left;











	margin-top: 100px;











}























.hot-product .menu-content .last-slide .text {











	width: 21px;











	font-size: 21px;











	margin-left: 10px;











	line-height: 1.5;











	float: left;











	margin-top: 15px;











}























.product-center .tabs {











	border-bottom: 1px solid #eee;











	background: #fff;











	











	padding: 0 10px;











	display: flex;











	margin-bottom: 20px;











	overflow: hidden;











}























.product-center .tabs a {











	padding: 10px 26px;











	color: #999999;











	font-size: 26px;











	position: relative;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











	min-width: 150px;











	text-align: center;











}























.product-center .tabs a:before {











	content: '';











	display: block;











	position: absolute;











	left: 0;











	bottom: 0;











	width: 0;











	height: 1px;











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











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











	transition: all .3s ease-out;











}























.product-center .tabs a.active {











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











}























.product-center .tabs a.active:before {











	width: 100%;











}























.product-center .tabs-container {}























.product-center .swiper-slide {











	display: block;











}























.product-center .item {











	margin-bottom: 20px;











	width: 570px;











}























.product-center .item .img {











    margin-top: 15px;











	width: 570px;











	height: 300px;











	border-radius: 7px;











	overflow: hidden;











	position: relative;











}























.product-center .item .img img {











	width: 100%;











	height: 100%;











}























.product-center .item .img span {











	position: absolute;











	display: block;











	top: 0px;











	right: 0;











	width:175px;











	height: 300px;











	line-height: 300px;











	font-family:impact;











	font-size: 30px;











	font-weight: normal;











	text-align: center;











	color: #fff;











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











	white-space: nowrap;text-overflow: ellipsis;overflow: hidden;











}























.product-center .item h4 {











	margin: 10px auto;











	font-size: 26px;











	font-weight: normal;











	color: #333;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











	











}











.product-center .item p {











	font-size: 20px;











	line-height: 32px;











	color: #bbb;











	margin-bottom: 10px;











	display: -webkit-box;











	-webkit-box-orient: vertical;











	-webkit-line-clamp: 2;











	overflow: hidden;











}























.product-center .item b {











	font-size: 18px;











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











	margin-bottom: 10px;











}











.product-center .item:first-child {











	margin-right: 0px;











	margin-left: 0px;











}























.product-cat {











	border-top: 4px solid rgba(50,179,255,0.09);











	display: flex;











	flex-wrap: wrap;











	text-align: center;











	margin-bottom: 30px;











}























.product-cat a {











    color: #888888;











	font-size: 22px;











	min-width: 25%;











	padding: 5px 10px;











	border: 1px solid rgba(50,179,255,.09);











	background: #fff;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











	flex-grow: 1;











}























.tt {











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











	text-align: center;











	margin:25px 15px;











	padding: 20px 0;











	border-radius:10px;











	box-shadow: 2px 2px 24px rgba(50,179,255,.1);











}























.tt h4 {











	font-size: 22px;











	color: rgba(51, 51, 51, 1);











}























.tt p {











	font-size: 22px;











	color: #525252;











}























.tt a {











	    display: block;











	











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











	padding: 10px 25px;











	margin: 10px 135px;











	color: #fff;











	











	











text-align: left;}



































.tt span{











    float: left;











	display: block;











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











	border-radius: 10px;











	











	width: 80px; 











	height: 75px;











	line-height:36px;











	color: #fff;











	margin-right: 10px;











	text-align: center;











	











}























.tt b{























    font-family: impact;











    font-size: 30px;











	display: block;











}























.case {











    height:100%;











    margin:25px 15px;











	











	











}























.case .case-container {











    padding-bottom: 100px;











}























.case .swiper-slide1 {











   











	width: 570px;











	background: #fff;











	border-radius:7px;











	margin-bottom: 20px;











}























.case .swiper-slide4 {











    margin-top:240px;











	width: 570px;











	background: #fff;











	border-radius:7px;











	margin-bottom: 20px;











}



























































.case .swiper-slide .item-title {











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











	border-bottom-left-radius: 7px;











	border-bottom-right-radius: 7px;











}























.case .swiper-slide h4 {











   height: 40px;











   line-height: 40px;











   background: rgba(50,179,255,.8);











   text-align: center;











    margin-top: -40px;











	font-weight: normal;











	position: relative;











	











	color: #fff;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











	border-bottom-left-radius: 7px;











	border-bottom-right-radius: 7px;











}























.case img {











	display: block;











	width: 570px;











	height: 300px;











	border-radius: 7px;











}























.case .swiper-slide4 img {











	display: block;











	width: 570px;











	height: 300px;











	border-radius: 7px;











}



































.case .swiper-slide p {











	line-height: 98px;











	padding-top: 0;











	text-align: center;











	color: #636363;











	font-size: 1.1em;











	margin: 0;











}























.case .swiper-slide2{











    float: left;











   











	width: 270px;











	background: #fff;











	border-radius:7px;











}











.case .swiper-slide2 img {











	display: block;











	width: 270px;











	height: 210px;











	border-radius: 7px;











}











.case .swiper-slide3{











    float: right;











    width: 270px;











	background: #fff;











	border-radius:7px;











}























.case .swiper-slide3 img {











	display: block;











	width: 270px;











	height: 210px;











	border-radius: 7px;











}











.case .swiper-slide .item-title {











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











}



































}























.ys {











	











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











  











}











.ys .menu-title{position: relative;}











.ys .menu-title h3{line-height: 30px;}























.ys .menu-title h3 a {











	display: block;











	text-align: center;











	color: #fff;











	











	z-index: 0;











}











.ys .menu-title h3 span {











	display: block;











	font-family: "times new roman";











	text-align: center;











	color: #fff;











	font-style: italic;











	text-transform: uppercase;











	z-index: 0;











}























.ys-cptu{z-index: 5; position: absolute;top:805px; left: 75px;}











.ys-dh{z-index: 5; position: absolute;top:805px; right: 75px;}











.ys-cptu img,.ys-dh img{ width: 54px; height: 54px;}























































































































.ys .online {











	background: url(../img/ys.png) no-repeat 0 center;











	padding-left: 195px;











	position: absolute;











	right: 15px;











	top: 15px;











	color: #fff;











	font-size: 16px;











}























.ys .online p {











	font-size: 23px;











	font-weight: bold;











	line-height: 1;











}























.ys .online span {











	background: #fff;











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











	padding: 2px 5px;











}























.ys .swiper-container {}























.ys .swiper-slide {











	box-shadow: 2px 2px 20px rgba(50,179,255,.1);











	border-radius: 7px;











	overflow: hidden;











	position: relative;











}























.ys .swiper-slide .img {











	











	











	border-radius: 7px;











	











}











.ys .swiper-slide .imgsm {











	











	











	border-radius: 50%;











	width: 120px;











	height: 160px;











	margin: 50px auto 0px;











	











}























.ys .swiper-slide .imgsm img {











	











	width: 120px;











	height: 120px;











	border-radius: 50%;











}























.ys .swiper-slide .imgsm span {











	display: block;











	text-align: center;











	color: #fff;











	line-height: 36px;











	font-size: 24px;











	white-space: nowrap;











	text-overflow: ellipsis;











	overflow: hidden;











}























.ys .swiper-slide .img img {











	border-radius: 7px;











	width: 570px;











	height: 325px;











}























.ys .swiper-slide .info {











	position: relative;











	width: 550px;











	height: 345px;











	background: #fff;











	padding: 20px;











	margin: -50px 10px 0px;











	border-radius: 7px;











	z-index: 2;











}























.ys .swiper-slide h4 {











	font-size: 26px;











	font-weight: normal;











	line-height: 2.5;











	white-space: nowrap;











	text-overflow: ellipsis;











	overflow: hidden;











	











}























.ys .swiper-slide h4 span {











	float: right;











	font-weight: 100;











	font-family: Arial;











}























.ys .swiper-slide p {











	color: #999;











	font-size: 22px;











	display: -webkit-box;











	-webkit-box-orient: vertical;











	-webkit-line-clamp: 3;











	overflow: hidden;











}























.ys .swiper-slide a {











	display: block;











	text-align: center;











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











	border-radius:45px;











	color: #fff;











	font-size: 20px;











	margin-top: 10px;











	width: 145px;











	line-height: 45px;











	line-height: 45px;











}























.ys .swiper-pagination {











	width: 100%;











	position: relative;











	padding: 20px 0 0 0;











}























.ys .swiper-pagination .swiper-pagination-bullet {











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











}



































.about {











	position: relative;











	background: #fff;











}















































.about .menu-title a {











	color: #fff;











	position: relative;











	z-index: 2;











}























.about .menu-content {











	position: relative;











	z-index: 2;











}























.about .info {











	











	background: #fff;











	border-radius: 7px;











	box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, .1);











	padding-bottom: 50px;











}























.about .info h3 {











    float: left;











    padding: 15px 20px;











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











	border-radius:10px;











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











	text-align: center;











	margin-right: 20px;











}























.about .info span {











  











    











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











	











	











}























.about .info b {











     display: block;











     font-family: impact;











     font-weight:normal;











     font-size: 36px;











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











	











	











}















































.about .info h3 a{color: rgba(255,255,255,1);}



































.about .info h4 {











	padding: 5px 0;





white-space: nowrap;text-overflow: ellipsis;overflow: hidden;





}























.about .info p {











    font-size: 22px;











	line-height: 35px;











	color: #9e9e9e;











	display: -webkit-box;











	-webkit-box-orient: vertical;











	-webkit-line-clamp: 3;











	overflow: hidden;











}























.about .img {











	width: 570px;











	margin: 0 auto;











	box-shadow: 0px 5px 8px rgba(50,179,255,.1);











}























.about .img img {











	width: 570px;











	height: 290px;











	border-radius: 7px;











}























.news {











	padding-bottom: 60px;











}























.news .tabs {











    border-bottom: 1px solid #eeeeee;











	











}























.news .tabs a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;











    font-size: 26px;











	margin:0px 38px;











	position: relative;











	display: inline-block;











	padding: 10px 0;











}























.news .tabs a.active {











	











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











}























.news .tabs a i {











	display: block;











	opacity: 0;











	width: 45px;











	height: 53px;











	overflow: hidden;











	position: absolute;











	left: 0;











	top: 0;











	transform: rotateZ(180deg);











	-webkit-transform: rotateZ(180deg);











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











	transition: all .3s ease-out;











}























.news .tabs a i:before {











	content: '';











	display: block;











	width: 100%;











	height: 100%;











	position: relative;











	left: -45px;











	border-right: 20px solid transparent;











	-webkit-filter: drop-shadow(rgb(50,179,255) 45px 0px);











	filter: drop-shadow(rgb(50,179,255) 45px 0px);











	background: url(../img/news-ico.png) no-repeat center center;











}























.news .tabs a.active i {











	opacity: 1;











	transform: rotateZ(0);











	-webkit-transform: rotateZ(0);











}























.news .tabs a:before {











	content: '';











	display: block;











	position: absolute;











	left: 50%;











	bottom: 0px;











	width: 0px;











	height: 2px;











	margin-left: 0px;











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











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











	transition: all .3s ease-out;











}























.news .tabs .active:before {











	width: 40px;











	margin-left: -20px;











}























.news .items {











	padding: 25px 10px;











	height: 230px;











	background: #fff;











	margin-top: 10px;











	border-radius: 7px;











	box-shadow: 0px 5px 8px rgba(50,179,255,.1);











	margin-bottom: 18px;











}























.news .items .img {











	float: left;











	margin-right: 20px;











}























.news .items .img img {











	width: 190px;











	height: 130px;











	border-radius: 7px;











}























.news .items .info {}























.news .items h4 {











	font-size: 24px;











	margin-bottom: 20px;











	white-space: nowrap;











	overflow: hidden;











	text-overflow: ellipsis;











}























.news .items p {











	font-size: 20px;











	color: #bbb;











	margin-bottom: 20px;











	display: -webkit-box;











	-webkit-box-orient: vertical;











	-webkit-line-clamp: 2;











	overflow: hidden;











}























.news .items b {











	











	text-align: center;











	padding: 10px 30px;











	











	border-radius:45px;











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











	font-size: 18px;











	color: #fff;











}























.footer {











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











	margin:25px 15px 100px 15px;











	padding: 40px 20px;











	border-radius: 10px;











	box-shadow: 0px 0px 15px 4px rgba(50,179,255,.1);























	position: relative;



































}























.footer .info {











	











	











	display: flex;











}























.footer .info p {











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











	margin-right: 20px;











	font-size: 20px;



	width:430px;







}























.footer .info a{ color:#fff;}











.footer .info .qrcode {











	











	width: 118px;











	height: 118px;











}























.footer .info .qrcode img {











	width: 118px;











	height: 118px;











}















































.footer-bar {











	position: relative;











	











	bottom: 0;











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











	width: 640px;











	z-index: 999;











	box-shadow: 0px 0px 20px 0px rgba(50,179,255,.1);











}















































.footer-bar ul {











	display: flex;











	justify-content: space-around;











}























.footer-bar li {











	/* width: 25%; */











	padding: 10px 0;











}























.footer-bar li img {











	display: block;











	margin: auto;











}























.footer-bar li span {











	color: rgba(102, 102, 102, 1);











}























#kefu-ball{











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











	position: fixed;











	right: 0;











	bottom: 30%;











	border-radius: 50%;











	z-index: 99999;











	box-shadow: 0px 0px 20px 0px rgba(50,179,255,.1);











}



































.footer-bar .gotop {











	z-index: 99999;











	display: block;











	width: 42px;











	height: 42px;











	











	position: absolute;











	left: 50%;











	top: -16px;











	margin-left: -16px;











	border-radius: 50%;











	box-shadow: 0px 0px 20px 0px rgba(50,179,255,.1);











	background: #fff;











}























.footer-bar .gotop:before {











	z-index: 99999;











	content: '';











	display: block;











	width: 100%;











	height: 100%;











	position: relative;











	left: -45px;











	border-right: 20px solid transparent;











	-webkit-filter: drop-shadow(rgb(50,179,255) 45px 0px);











	filter: drop-shadow(rgb(50,179,255) 45px 0px);











	background: url(../img/gotop.png) no-repeat center center;











}























.menu-content h3 b{











	margin: 0 auto;











	display: inline-block;











	width: 15px;











	height: 15px;











	text-align: center;











	background: #fff;











	border-radius: 50%;











}



































.footer-box{











	position: fixed;











	bottom: 0;











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











	width: 640px;











	z-index: 99999;











	box-shadow: 0px 0px 20px 0px rgba(50,179,255,.1);











}




.ys {
	background: #32b3ff;
  }
  .ys .menu-title {
	position: relative;
  }
  .ys .menu-title h3 {
	line-height: 30px;
  }
  .ys .menu-title h3 a {
	display: block;
	text-align: center;
	color: #fff;
	z-index: 0;
  }
  .ys .menu-title h3 span {
	display: block;
	font-family: "times new roman";
	text-align: center;
	color: #fff;
	font-style: italic;
	text-transform: uppercase;
	z-index: 0;
  }
  .ys-cptu {
	z-index: 5;
	position: absolute;
	top: 805px;
	left: 75px;
  }
  .ys-dh {
	z-index: 5;
	position: absolute;
	top: 805px;
	right: 75px;
  }
  .ys-cptu img,
  .ys-dh img {
	width: 54px;
	height: 54px;
  }
  .ys .online {
	background: url(../img/ys.png) no-repeat 0 center;
	padding-left: 195px;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff;
	font-size: 16px;
  }
  .ys .online p {
	font-size: 23px;
	font-weight: bold;
	line-height: 1;
  }
  .ys .online span {
	background: #fff;
	color: #32b3ff;
	padding: 2px 5px;
  }
  .ys .bd{
	  height: 830px;
	  overflow: hidden;
  }
  .ys .bd li {
	box-shadow: 2px 2px 20px rgba(50, 179, 255, 0.1);
	border-radius: 7px;
	overflow: hidden;
	position: relative;
  }
  .ys .bd li .img {
	border-radius: 7px;
  }
  .ys .bd li .imgsm {
	border-radius: 50%;
	width: 120px;
	height: 160px;
	margin: 50px auto 0px;
  }
  .ys .bd li .imgsm img {
	width: 120px;
	height: 120px;
	border-radius: 50%;
  }
  .ys .bd li .imgsm span {
	display: block;
	text-align: center;
	color: #fff;
	line-height: 36px;
	font-size: 24px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  }
  .ys .bd li .img img {
	border-radius: 7px;
	width: 570px;
	height: 325px;
  }
  .ys .bd li .info {
	position: relative;
	width: 550px;
	height: 345px;
	background: #fff;
	padding: 20px;
	margin: -50px 10px 0px;
	border-radius: 7px;
	z-index: 99;
  }
  .ys .bd li h4 {
	font-size: 26px;
	font-weight: normal;
	line-height: 2.5;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
  }
  .ys .bd li h4 span {
	float: right;
	font-weight: 100;
	font-family: Arial;
  }
  .ys .bd li p {
	color: #999;
	font-size: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
  }
  .ys .bd li a {
	display: block;
	text-align: center;
	background: #d42220;
	border-radius: 45px;
	color: #fff;
	font-size: 20px;
	margin-top: 10px;
	width: 145px;
	line-height: 45px;
  }