@charset "UTF-8";

.pages {
	width: 100%;
}
.wraps {
	width: 1200px;
	margin: 0 auto;
}

/* headers */
.headers {
	background-color: #fcf7f7;
	border-bottom: 1px dashed #e1e1e1;
}
.header-wraps {
	height: 35px;
}
.nav-txt {
	margin: 10px 20px 0 0;
}
.nav-txt span {
	float: left;
	font: 14px/14px "微软雅黑";
	height: 14px;
	color: #7d7d7d;
	padding: 0 10px;
	border-right: 1px solid #ccc;
}
.nav-txt span.last-span {
	border-right: none;
}
.nav-phone {
	font: 14px/35px Arial,"微软雅黑";
	color: #7d7d7d;
	padding-left: 30px;
	position: relative;
	letter-spacing: 1px;
}
.nav-phone:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 22px;
	height: 22px;
	background: url(../images/icons.jpg) no-repeat 0 0;
}


/* navs */
.navs {
	height: 80px;
	position: relative;
}
.navs h1 {
	font-size: 0;
}
.navs img {
	/* width: 60px; */
	height: 60px;
	margin-top: 5px;
}
.navs-desc {
	margin-top: 30px;
}
.navs-desc a {
	float: left;
	color: #313131;
	height: 25px;
	font: 15px/1 "微软雅黑";
	margin-left: 26px;
}
.navs-desc a.active {
	color: #0ea3ff;
	border-bottom: 2px solid #0ea3ff;
}
.navs-desc a:hover {
	color: #0ea3ff;
}

/*地域*/
.navs .city{ 
    width: 60px;
    margin-left: 15px;
    height: 70px; 
}
.navs .city .value{ 
    height: 20px;
    position: relative;
    z-index: 2; 
    
}
.navs .akarea{
	width:70px;
    text-align: right;
	height:94px;
	position: absolute;
    color: red;
    line-height: 94px;
    left: 0;
    top: 0;
    padding-right: 15px;
    cursor: pointer;
    font-size: 15px;
}
.navs .city .akarea:after {
	content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-top: #999 6px solid;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    transition: transform .2s;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
}
.navs .city:hover .akarea:after{ 
	transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
}

.navs .panel{ position:absolute; left:180px; top:80px; border:#e1dedf 1px solid; width:430px; background:#fff; box-shadow:rgba(0,0,0,.1) 1px 4px 10px 3px; display:none; z-index:999999;}
.navs .panel .hot{ padding:10px 0; border-bottom:#e1dedf 1px solid; background:#fafafa; }
.navs .panel .hot span{ display:block; font-size:#333; font-weight:bold; font-size:14px; line-height:20px; margin-left:15px; }
.navs .panel .hot p{ overflow:hidden; padding-top:10px; margin-left:15px; }
.navs .panel .hot a{ float:left; line-height:20px; font-size:14px; color:#fe5a00; margin-right:18px; }
.navs .panel .hot a:last-child{ margin-right:0; }
.navs .panel .tab .tab-head{ margin-left:17px; overflow:hidden; padding-top:16px; }
.navs .panel .tab .tab-head li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; }
.navs .panel .tab .tab-head li.active,.navs .panel .tab .tab-head li:hover{ color:#fe5a00; }
.navs .panel .tab .tab-head li:last-child{ margin-right:0; }
.navs .panel .tab .tab-body li{ display:none; }
.navs .panel .tab .tab-body li.active{ display:block; }
.navs .panel .tab .clickTab{ margin-left:17px; overflow:hidden; padding-top:16px; }
.navs .panel .tab .clickTab li{ float:left; font-size:14px; color:#333; margin-right:40px; line-height:20px; cursor:pointer; }
.navs .panel .tab .clickTab li.cur,.navs .panel .tab .clickTab li:hover{ color:#fe5a00; }
.navs .panel .tab .clickTab li:last-child{ margin-right:0; }
.navs .panel .tab .textTab li{ display:none; }
.navs .panel .tab .textTab li.cur{ display:block; }
.navs .citylist{ margin-left:17px; }
.navs .citylist .line{ overflow:hidden; }
.navs .citylist .line span{ float:left; font-size:14px; color:#333; margin-right:10px; line-height:20px; margin-top:15px; width:12px; }
.navs .citylist .line a{ float:left; font-size:14px; color:#333; margin-right:14px; line-height:20px; margin-top:15px; }
.navs .citylist .line a:hover{ color:#fe5a00; }
.navs .citylist .more{ border-top:#e3dedd 1px solid; margin-right:17px; margin-top:15px; padding:15px 0; line-height:20px;}
.navs .citylist .more a{ color:#333; font-size:14px; }
.navs .citylist .more a:hover{ color:#fe5a00; }
.navs .city:hover .panel{ display:block; }
/*地域*/
/* banner */
.banner img {
	width: 100%;
}


/* menus */
.menus {
	background-color: #3acdf8;
}
.menus-navs {
	height: 140px;
}
.menus-navs h3 {
	float: left;
	width: 170px;
	font: 20px/140px "微软雅黑";
	color: #fff;
	text-align: center;
	height: 140px;
	cursor: pointer;
	border-right: 1px solid #39cdfb;
	background-color: #01b9ef;
	position: relative;
	transition: .3s;
}
.menus-navs h3.last-h3 {
	border-right: none;
	width: 174px;
}
.menus-navs h3:after {
	content: "";
	position: absolute;
	bottom: 22px;
	left: 76px;
	width: 18px;
	height: 17px;
	background: url(../images/guide.jpg) no-repeat;
	border-radius: 50%;
}
.menus-navs h3:hover {
	background-color: #3acdf8;
	margin-top: -3px;
	margin-left: -3px;
}


/* mains */
.mains {
	margin-top: 40px;
}
.mains-left {
	width: 760px;
}
.left-intro {
	box-sizing: border-box;
}
/*收费表格*/
.Pricetable{width:auto; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
.Pricetable td{border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-align:center; height:26px;}
.Pricetable .Trbg{background:#f5f5f5;}
.Pricetable .One{width:150px;}
.Pricetable .Two{width:250px;}
.Pricetable .Three{width:180px;}
.Pricetable .Four{width:100px;}
.Pricetable .Five{width:300px;}
.Pricetable tr .jg{ height:50px;}
.left-intro>h3 {
	font: 27px/95px "微软雅黑";
	text-align: center;
	color: #323033;
}
.ak-technology {
	width: 380px;
	margin: 0 auto;
	text-align: center;
	font: 16px/1 "微软雅黑";
	color: #22272a;
	position: relative;
	height: 16px;
}
.ak-technology:before, .ak-technology:after {
	content: "";
	position: absolute;
	top: 8px;
	width: 70px;
	height: 1px;
	background-color: #363a43;
}
.ak-technology:before {
	left: -5px;
}
.ak-technology:after {
	right: 0;
}
.left-intro>a {
	display: block;
	width: 200px;
	height: 46px;
	margin: 0 auto;
	margin-top: 58px;
	background-color: #01a1ff;
	color: #fff;
	font: 16px/46px "微软雅黑";
	text-align: center;
	border-radius: 5px;
}
.left-intro>a:hover {
	text-decoration: underline;
}
.left-imgs {
	margin-top: 10px;
	margin-left: -40px;
}
.left-imgs li {
	float: left;
	width: 360px;
	height: 192px;
	margin: 21px 0 0 40px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.four-img, .four-img img {
	width: 360px;
	height: 192px;
}
.left-imgs li:hover .four-img {
	transform: scale(1.2);
	transition: 1s;
}
.left-imgs .mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
}
.mask-txt {
	position: absolute;
	left: 24px;
	bottom: 34px;
	color: #fff;
}
.mask-txt>h3 {
	font: 23px/31px "微软雅黑";
}
.mask-txt>h4 {
	font: 14px/22px Arial,"微软雅黑";
	color: #efefef;
	padding-bottom: 7px;
}
.mask-txt>p {
	font: 16px/24px "微软雅黑";
	color: #efefef;
}

.mains-right {
	width: 415px;
	margin-top: 30px;
}
.right-contact {
	height: 184px;
	box-sizing: border-box;
	border: 1px solid #ebefee;
	padding: 40px 19px 0;
}
.right-contact li {
	float: left;
	width: 125px;
	text-align: center;
}
.top-icon-wrap {
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	border-right: 1px solid #e7e7e7;
}
.right-contact .li-third .top-icon-wrap {
	border-right: none;
}
.top-icon {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	background: url(../images/icons.jpg) no-repeat 0 -27px;
}
.right-contact .li-second .top-icon {
	background-position: -100px 0;
}
.right-contact .li-third .top-icon {
	background-position: -54px -50px;
}
.right-contact li>a {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	background-color: #99d386;
	font: 13px/30px Arial,"微软雅黑";
	color: #fff;
	margin-top: 33px;
}.right-contact li>a:hover {
	text-decoration: underline;
}
.right-contact .li-second>a {
	background-color: #facd89;
}
.right-contact .li-third>a {
	background-color: #67c4ff;
}

.ak-notice {
	width: 100%;
	height: 164px;
	box-sizing: border-box;
	border: 1px solid #ebefee;
	margin-top: 10px;
	padding: 0 15px;
}
.notice-header {
	height: 50px;
	border-bottom: 1px solid #e7e7e7;
}
.notice-header>h3 {
	font: 16px/49px Arial,"微软雅黑";
	color: #333;
	margin-left: 5px;
}
.notice-header>h3 span {
	font: 12px/49px Arial;
	margin-left: 5px;
}
.notice-header>a {
	font: 13px/49px Arial;
	color: #333;
	margin-right: 5px;
}
.notice-header>a:hover {
	text-decoration: underline;
}
.notice-list {
	padding: 10px 0 0;
	display: inline-block;
	width:25%;
}
.notice-list a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: 13px/31px "微软雅黑";
	padding: 0 10px 0 15px;
	color: #6a6a6a;
	position: relative;
}
.notice-list a:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 13px;
	width: 3px;
	height: 3px;
	background-color: #cdcdcd;
}
.notice-list a:hover {
	color: #5cabff;
}

#ak-problem {
	height: 380px;
}


/* hot-search */
.hot-search {
	margin-top: 20px;
	padding-bottom: 50px;
}
.hot-search>h3 {
	font: 30px/90px "微软雅黑";
	color: #343434;
}
.hot-list {
	margin-left: -20px;
}
.hot-list a {
	float: left;
	padding: 0 20px;
	margin-left: 20px;
	margin-top: 20px;
	background-color: #eff3f2;
	height: 36px;
	font: 14px/36px "微软雅黑";
	color: #303231;
}
.hot-list a:hover {
	text-decoration: underline;
}


/* news-scode */
.news-scode {
	background-color: #f5f5f5;
	padding: 30px 0 20px;
}
.news {
	width: 600px;
	background-color: #fff;
	padding: 20px 50px 0 20px;
	box-sizing: border-box;
}
.news-title {
	height: 16px;
	padding-bottom: 23px;
	border-bottom: 1px solid #e4e4e4;
}
.news-title>a {
	float: left;
	font: 16px/1 "微软雅黑";
	color: #999;
	padding: 0 34px;
	border-right: 0px solid #949494;
}
.news-title a.news-title-1 {
	padding-left: 2px;
}
.news-title a.news-title-2 {
	border-right: none;
}
.news-title a.active {
	color: #232323;
}
.news-title a:hover {
	color: #232323;
}
.news-list {
	padding: 10px 0 30px;
}
.news .akwelfare {
	display: none;
}
.news-list li {
	height: 90px;
	margin-top: 23px;
}
.news-img, .news-img img {
	width: 90px;
	height: 90px;
}
.news-desc {
	margin-left: 20px;
	width: 420px;
}
.news-desc>h3 {
	font: 16px/26px "微软雅黑";
	color: #2d2d2d;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-desc>p {
	margin-top: 15px;
	font: 14px/24px "微软雅黑";
	color: #909090;
}
.news-desc>p a {
	color: #67c4ff;
}
.news-desc>p a:hover {
	text-decoration: underline;
}

.scode {
	width: 415px;
	height: 439px;
}
.scode-img {
	width: 100%;
	height: 356px;
	background-color: #fff;
	text-align: center;
}
.scode-img img {
	width: 340px;
	height: 356px;
}
.scode>p {
	font: 18px/83px "微软雅黑";
	color: #2d2d2d;
	text-align: center;
}


/* ak-service */
.ak-service {
	background-color: #f5f5f5;
	padding: 20px 0 30px;
}
.ak-map {
	width: 372px;
	background-color: #fff;
	box-sizing: border-box;
	height: 433px;
	padding: 0 18px;
}
.map-title {
	font: 16px/58px "微软雅黑";
	color: #5d5d5d;
	border-bottom: 1px solid #e6e6e6;
	height: 58px;
}
.map-img {
	margin-top: 27px;
}
.map-img, .map-img img {
	width: 336px;
	height: 276px;
}
.ak-map>p {
	font: 14px/1 "微软雅黑";
	height: 14px;
	color: #323232;
	padding-left: 25px;
	position: relative;
	margin-top: 10px;
}
.ak-map>p:before {
	content: "";
	position: absolute;
}
.ak-map>p.first-p:before {
	left: 7px;
	top: 2px;
	width: 10px;
	height: 10px;
	background: url(../images/icons.jpg) no-repeat -48px 0;
}
.ak-map>p.second-p:before {
	left: 4px;
	top: -1px;
	width: 16px;
	height: 16px;
	background: url(../images/icons.jpg) no-repeat 0 -84px;
}

.ak-platform {
	width: 808px;
	background-color: #fff;
	height: 433px;
	box-sizing: border-box;
	padding: 0 24px;
}
.platform-list {
	padding: 15px 0 0;
	margin-left: -20px;
}
.platform-list li {
	float: left;
	width: 240px;
	height: 140px;
	margin-left: 20px;
	margin-top: 20px;
	background-color: #f8f8f8;
	position: relative;
	box-sizing: border-box;
	padding-left: 16px;
}
.platform-list li>h3 {
	font: 16px/44px "微软雅黑";
	color: #ff9800;
}
.platform-list li>p {
	font: 14px/22px "微软雅黑";
	color: #666;
}
.platform-list li:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}
.platform-list li.p-1:after {
	width: 99px;
	height: 73px;
	/* background: url(../images/plat-1.jpg) no-repeat; */
}
.platform-list li.p-2:after {
	width: 100px;
	height: 87px;
	background: url(../images/plat-2.jpg) no-repeat;
}
.platform-list li.p-3:after {
	width: 64px;
	height: 72px;
	background: url(../images/plat-3.jpg) no-repeat;
}
.platform-list li.p-4:after {
	width: 99px;
	height: 65px;
	background: url(../images/plat-4.jpg) no-repeat;
}
.platform-list li.p-5:after {
	width: 55px;
	height: 72px;
	background: url(../images/plat-5.jpg) no-repeat;
}
.platform-list li.p-6:after {
	width: 79px;
	height: 96px;
	background: url(../images/plat-6.jpg) no-repeat;
}


/* index-citys */
.index-citys {
	margin-top: 80px;
	padding: 0 130px 0;
	box-sizing: border-box;
	position: relative;
	height: 334px;
}
.index-citys>a {
	position: absolute;
	top: 111px;
	width: 50px;
	height: 112px;
}
.index-citys .left-btn {
	left: 40px;
	background: url(../images/left.jpg) no-repeat;
}
.index-citys .right-btn {
	right: 40px;
	background: url(../images/right.jpg) no-repeat;
}
.index-citys .left-btn.active {
	background: url(../images/left-active.jpg) no-repeat;
}
.index-citys .right-btn.active {
	background: url(../images/right-active.jpg) no-repeat;
}
.citys-center {
	width: 940px;
	height: 334px;
	position: relative;
	overflow: hidden;
}
.citys-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 10780px;
}
.citys-list>li {
	float: left;
	margin-right: 80px;
	position: relative;
	width: 260px;
	height: 334px;
	cursor: pointer;
}
.city-mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
}
.city-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	height: 50px;
	font: 22px/50px "微软雅黑";
	width: 100%;
	text-align: center;
}
.citys-sub-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 6;
	display: none;
}
.citys-sub-list:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.citys-sub-list .sub-details {
	display: inline-block;
	vertical-align: middle;
}
.sub-details li {
	font: 14px/24px "微软雅黑";
	color: #fff;
}
.sub-mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #317b9d;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 5;
	display: none;
}
.citys-list>li:hover .citys-sub-list {
	display: block;
}
.citys-list>li:hover .sub-mask {
	display: block;
}


/* phone-address */
.phone-address {
	padding-left: 130px;
	box-sizing: border-box;
	height: 140px;
}
.phone-address:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.phone-address-wrap {
	display: inline-block;
	vertical-align: middle;
}
.phone-address-wrap>p {
	font: 14px/30px Arial,"微软雅黑";
	color: #626262;
}


/* footer */
.footer {
	background-color: #011b34;
	color: #fff;
}
.footer-top {
	height: 220px;
	border-bottom: 1px solid #bcc1c5;
	box-sizing: border-box;
	padding: 40px 30px;
}
.footer-left {
	width: 310px;
	height: 140px;
	box-sizing: border-box;
	border-right: 1px solid #b3c1c2;
}
.footer-logo {
	margin-top: 25px;
}
.footer-left p {
	font: 14px/64px "微软雅黑";
	/* padding-left: 16px; */
}
.footer-center {
	width: 520px;
	height: 140px;
	box-sizing: border-box;
	border-right: 1px solid #b3c1c2;
}
.footer-center dl {
	width: 258px;
	text-align: center;
}
.footer-center dl dd a, .footer-center dl dd {
	font: 14px/28px "微软雅黑";
	color: #fff;
}
.footer-center dl dd a:hover {
	text-decoration: underline;
}
.footer-center .center-right dd a {
	font: 14px/38px "微软雅黑";
}
.footer-center .center-left {
	padding-left: 10px;
	box-sizing: border-box;
}
.footer-center .center-right {
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
}
.footer-center .center-right dt {
	padding-left: 35px;
}
.footer-center dt {
	font: 14px/1 "微软雅黑";
	padding-bottom: 20px;
}
.help-left {
	margin-right: 20px;
}

.footer-right {
	width: 310px;
	height: 140px;
	box-sizing: border-box;
}
.footer-right>div {
	float: left;
}
.footer-right img {
	width: 80px;
	height: 80px;
}
.footer-right .scode-img-1 {
	margin: 10px 10px 0 20px;
}
.footer-right .scode-img-2 {
	margin-top: 30px;
        margin-right:10px;
}

.footer-btm, .footer-link {
	text-align: center;
}
.record-copyright {
	display: inline-block;
	vertical-align: top;
	padding: 20px 0 5px;
}
.record-copyright a, .record-copyright p {
	font: 14px/24px Arial,"微软雅黑";
	color: #fff;
}
.record-copyright a {
	margin-right: 15px;
}
.record-copyright a:hover {
	text-decoration: underline;
}
.link-wrap {
	display: inline-block;
	vertical-align: top;
	padding: 5px 0 20px;
}
.link-wrap h4 {
	font: 14px/24px Arial,"微软雅黑";
	color: #fff;
}
.link-list a {
	float: left;
	font: 14px/24px Arial,"微软雅黑";
	color: #fff;
	margin-right: 15px;
}
.link-list a:hover {
	text-decoration: underline;
}

.addfixed{
	position:fixed;
	top:0;
	left:50%;
	z-index: 999;
	padding-right:25px;
	box-sizing: border-box;
        background:#fff;
        height:75px;
        margin-left:-600px;
}

/****无创*****/

.ak-product{
	width:100%;
	background: #eee;
	margin-bottom: 30px;
}
.ak-product .pro-title {
	text-align: center;
}
.ak-product .pro-title >h2{
	margin:0 auto;
	width:200px;
	border-radius: 5px;
	box-shadow:2px 2px 5px #333;
	background-color: #FFFFFF;
	padding:15px;
	font-size: 20px;
	position: relative;
}
.ak-product .pro-title >h2:after{
	content: "";
    position: absolute;
    left: 40%;
    bottom: -16px;
    width: 50px;
    height: 4px;
    background-color: #0780f9;
}
.ak-product .pro-title >p{
	margin-top:30px;
	font-size: 16px;
	color:#aaa;
	position: relative;
}
.ak-product .pro-content{
	margin:30px 0 0px 15px;
	text-align: center;
	padding-bottom: 15px;
}
.ak-product .pro-content li{
	float: left;
    width: 18%;
    background: #FFFFFF;
    margin: 10px;
    cursor: pointer;
}
.ak-product .pro-content li>h2{
	padding-bottom: 20px;
}
.ak-product .pro-content li:hover h2{
	background: #0780f9;
}
.ak-product .pro-content li:hover h2>span{
	background: #FFFFFF;
	color:#0780f9;
}
.ak-product .pro-content li span{
	margin-top:20px;
	display: inline-block;
	color:#FFFFFF;
    width:80px;
    height:80px;
    line-height:80px;
    border-radius: 80px;
    background: #0780f9;
    font-size: 20px;
    font-weight: bold;
}
.ak-product .pro-content li>p{
    width:100%;
    height:10px;
    background: #0780f9;
}
.ak-product .pro-content li>div{
	height: 100px;
	font-size:16px;
	line-height: 20px;
	padding:20px;
	text-align: justify;
}
.pro-cose{
	width:100%;
	margin-top:40px;
	font-size:16px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
.pro-cose td{
	border-width: 1px;
    padding: 10px;
    border-style: solid;
    border-color: #666666;
    text-align: center;
}
.pro-cose td a{
	padding:5px 20px;
	border-radius:5px;
	background-color: #0780f9;
	color:#FFF;
}
.pro-cose td span{
	display: inline-block;
	width:200px;
	padding:25px;
	border-radius:2px;
	background-color: #0f5aa5;
	color:#FFF;
}
.pro-cose img{
	width:30px;
}

.list_liuch{height:215px;padding:25px;}
.list_liuch li{width:13%;height:180px;background:#fff;position:relative;padding:10px;margin-right:22px;list-style: none;text-align: center;}
.list_liuch li div{background-image:url(../images/btn_liuch1.png);margin:10px 0 10px 45px;width:50px;height:50px;display:block;}
.list_liuch li:hover div{background-image:url(../images/btn_liuch2.png);}
.list_liuch li .tt{font-size:80%;padding:10px 0;height:48px;overflow:hidden;}
.list_liuch li .bt{font-size:105%;}
.list_liuch li:hover{background:#06c;color:#fff;}
.list_liuch1 div{background-position:0 0;}
.list_liuch2 div{background-position:0 -51px;}
.list_liuch3 div{background-position:0 -101px;}
.list_liuch4 div{background-position:0 -151px;}
.list_liuch5 div{background-position:0 -203px;}
.list_liuch6 div{background-position:0 -253px;}
.pro-content1 li{

	text-align: center;
	float: left;
 	width:23%;
 	margin:40px 0 20px 20px;
}
.pro-content1 li>div{
	padding:15px;
	text-align: left;
 	background: #FFFFFF !important;
 	height:390px;
 	font-size: 15px;
 	border-radius: 15px;
}
.pro-content1 li>div p{
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding:10px; 
}
.pro-content1 li>div p:before{
	position: absolute;
	top:15px;
	left:4px;
	content: '';
	width:4px;
	height:15px;
	background: #0780f9;
}
.pro-content1 li>h2{
	margin-top:20px;
	margin-left:100px;
	width:60px;
	height:60px;
	border-radius:60px; 
	padding:2px;
 	background-color:  #084b8e;
}
.pro-content1 li>h2>div{
	line-height: 25px;
	width:48px;
	height:48px;
	border-radius:48px; 
	padding:5px;
 	border:1px dashed #FFFFFF;
 	color:#FFFFFF;
}