/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */

@charset "utf-8";
/* CSS Document */

@media (max-width:767px) {
	.side-float-l,.side-float-r {
		display: none
	}

	.root .body .banner {
		position: relative;
		border-bottom: 7px solid #f0f0f0
	}

	.root .body .banner .banner-wrap {
		position: relative
	}

	.root .body .banner .banner-wrap .swiper-wrapper {
		height: 175px
	}

	.root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 100%
	}

	.root .body .banner .banner-wrap .swiper-pagination {
		position: absolute;
		bottom: 10px;
		left: 0;
		width: 100%;
		text-align: center
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #555;
		margin: 0 5px;
		opacity: .8;
		border: 1px solid #fff;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
		background: #fff
	}

	.root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		display: none;
		margin-top: -40px;
		opacity: .3
	}

	.root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-button-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
		left: 20px
	}

	.root .body .banner .banner-wrap .swiper-button-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
		right: 20px
	}

	.root .body .banner .notice {
		display: block;
		height: 40px;
		line-height: 40px;
		background: #fff;
		padding-left: 80px;
		width: 100%;
		position: relative;
		z-index: 1
	}

	.root .body .banner .notice .swiper-container {
		width: 100%;
		height: inherit;
		line-height: inherit;
		background-color: #fff;
		white-space: nowrap;
		overflow: hidden
	}

	.root .body .banner .notice .swiper-container a {
		color: #666;
		float: left;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 70%;
		min-width: 150px;
		font-size: 13px;
		vertical-align: middle
	}

	.root .body .banner .notice .swiper-container a:hover {
		color: #42aaff
	}

	.root .body .banner .notice .swiper-container span {
		float: left;
		width: 30%;
		text-align: center;
		color: #999;
		font-size: 13px;
		min-width: 65px;
		vertical-align: middle
	}

	.root .body .banner .notice .nt-left {
		width: 70px;
		background-color: #42aaff;
		height: inherit;
		line-height: inherit;
		font-size: 13px;
		color: #fff;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0
	}

	.root .body .banner .notice .nt-left:after {
		display: block;
		content: '';
		border-style: solid;
		border-color: transparent transparent transparent #42aaff;
		border-width: 7px;
		position: absolute;
		top: 50%;
		margin-top: -7px;
		left: 100%
	}

	.root .body .banner .notice .nt-left .notice-icon {
		background: url(/template/moban/static/images/notice.png) no-repeat center;
		background-size: 100%;
		padding: 0 8px;
		vertical-align: middle;
		margin-right: 5px
	}

	.root .body .banner .notice .nt-right {
		width: 100px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background: #ddd;
		display: none
	}

	.root .body .banner .notice .nt-right .prev {
		float: left;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
	}

	.root .body .banner .notice .nt-right .next {
		float: left;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
	}
	
	
	/*行业案例*/
	.root .body .Industry{
		padding: 10px 0 20px 0;
		margin: 0 0 20px 0;
		height: 580px;
		background-color: #efefef;
	}
	
	.root .body .Industry .Industrys-w {
		padding: 20px 0 25px 0;
	}
.indsou {margin-top:20px;}
.indsou li {float:left;width:182px; height:120px; position:relative}
.indsou li.li1 { height:120px;}
.indsou li .cons { position:absolute; z-index:1;bottom:0.2%;left:3%;text-align:left;color:#014f99;font-size:12px;}
.indsou li .cons h1 {font-size:18px;font-weight:Bold;margin-bottom:-5px}
.indsou li.li1 .cons {bottom:0.2%;color:#014f99;}
.indsou li .bg { position:absolute; z-index:1;top:0;left:0;width:100%; height:100%;}
.indsou li:Hover .bg { background:rgba(0,0,0,0.6)}
.indsou li:Hover .cons {color:#fff}
li {list-style-type:none;}
	
	.root .body .news-center {
		padding: 10px 0 0 0;
		border-bottom: 7px solid #f0f0f0
	}

	.root .body .news-center .tit {
		text-align: center;
		padding-bottom: 10px
	}

	.root .body .news-center .tit .zh {
		font-size: 16px;
		height: 24px;
		line-height: 24px;
		color: #42aaff;
		font-weight: 700;
		position: relative
	}

	.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #42aaff;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .news-center .tit .zh:after {
		right: 50%;
		margin-right: -120px
	}

	.root .body .news-center .tit .zh:before {
		left: 50%;
		margin-left: -120px
	}

	.root .body .news-center .tit .en {
		display: none;
		font-size: 12px;
		color: #c3c3c3;
		padding-top: 0
	}

	.root .body .news-center .news-content {
		overflow: hidden;
		position: relative;
		padding-left: 120px
	}

	.root .body .news-center .swiper-container {
		overflow: hidden;
		float: left;
		position: absolute;
		top: 0;
		left: 0
	}

	.root .body .news-center .swiper-wrapper .swiper-slide {
		background-color: #f7f7f7;
		width: 120px;
		height: 76px;
		margin-bottom: 9px;
		float: none
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a {
		display: block;
		padding: 5px;
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a img {
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-pagination {
		float: right;
		width: 100%;
		overflow: hidden
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch {
		margin-bottom: 9px;
		overflow: hidden;
		background-color: #f7f7f7;
		position: relative;
		min-height: 76px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch a {
		text-decoration: none
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
		display: none;
		background-color: #f1f1f1;
		font-size: 14px;
		text-align: center;
		padding-top: 5px;
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
		display: inline-block
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
		display: inline-block
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
		padding: 6px 7px 6px 7px;
		float: none
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		width: 100%;
		color: #444;
		font-size: 12px;
		font-weight: 700;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
		color: #999;
		line-height: 22px;
		height: 44px;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-moz-line-clamp: 2;
		-ms-line-clamp: 2;
		-o-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .products {
		padding: 10px 0;
		background-color: #fff;
		border-bottom: 7px solid #f0f0f0
	}

	.root .body .products .tit {
		text-align: center;
		padding-bottom: 10px
	}

	.root .body .products .tit .zh {
		font-size: 16px;
		height: 24px;
		line-height: 24px;
		color: #42aaff;
		position: relative;
		font-weight: 700
	}

	.root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #42aaff;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .products .tit .zh:after {
		right: 50%;
		margin-right: -120px
	}

	.root .body .products .tit .zh:before {
		left: 50%;
		margin-left: -120px
	}

	.root .body .products .tit .en {
		display: none;
		font-size: 14px;
		color: #c3c3c3;
		padding-top: 5px
	}

	.root .body .products .products-list {
		position: relative
	}

	.root .body .products .swiper-container {
		width: 100%;
		height: 175px
	}

	.root .body .products .swiper-slide {
		width: 100%
	}

	.root .body .products .swiper-slide a {
		width: 100%;
		text-decoration: none;
		display: block;
		margin: 0 auto
	}

	.root .body .products .products-wrap {
		width: 100%;
		margin: 0 auto;
		border-radius: 10px;
		overflow: hidden;
		position: relative
	}

	.root .body .products .products-wrap .p-images {
		width: 100%
	}

	.root .body .products .products-wrap .p-images img {
		width: 100%;
		height: 175px
	}

	.root .body .products .products-wrap .p-summary {
		padding: 7px;
		background-color: rgba(0,0,0,.4);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center
	}

	.root .body .products .products-wrap .p-summary .ps-tit {
		font-size: 14px;
		color: #fff
	}

	.root .body .products .products-wrap .p-summary .ps-tit span {
		display: inline-block;
		width: auto
	}

	.root .body .products .products-wrap .p-summary .ps-sum {
		display: none
	}

	.root .body .products .swiper-pagination {
		display: none;
		padding: 15px 0;
		text-align: center
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch {
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: #999;
		border-radius: 50%;
		margin: 0 5px
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
		background-color: #42aaff
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch:hover {
		cursor: pointer
	}

	.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		margin-top: -40px;
		opacity: .3;
		display: none
	}

	.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .products .swiper-products-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center
	}

	.root .body .products .swiper-products-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center
	}

	.root .body .aboutus {
		padding: 0 0 40px 0;
		background: 0 0
	}
	
	.about-tit{
		text-align: center;
		padding: 20px 0 120px 0;
		height: 24px;
		line-height: 24px;
		color: #333;
		position: relative
	}
	
	.about-tit i{
	width: 30px;
    height: 2px;
    margin: 15px auto 15px auto;
    background: #014f99;
		display: block;}

	.root .body .aboutus .aboutus-w {
		padding: 15px 10px;
		background-color: #fff;
		box-shadow: none
	}

	.root .body .aboutus .tit .zh {
		font-size: 16px;
		color: #333;
		padding-bottom: 2px;
		margin-right: 10px;
		font-weight: 700;
		vertical-align: bottom
	}

	.root .body .aboutus .tit .en {
		vertical-align: bottom;
		font-size: 12px;
		color: #999
	}

	.root .body .aboutus .au-wrap {
		color: #666;
		font-size: 16px
	}

	.root .body .aboutus .au-wrap .au-summary {
		margin-bottom: 20px;
		width: 100%;
		line-height: 28px
	}

	.root .body .aboutus .au-wrap .au-summary .au-font {
		margin: 10px 0 15px 0;
		font-size: 14px;
		color: #999;
		height: 150px;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-moz-line-clamp: 7;
		-ms-line-clamp: 7;
		-o-line-clamp: 7;
		line-clamp: 7;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a {
		display: inline-block;
		height: 30px;
		width: 100px;
		font-size: 14px;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		color: #fff;
		background-color: #014f99
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
		background-color: #1397fd
	}

	.root .body .aboutus .au-wrap .au-video {
		height: 270px;
		width: 100%
	}

	.root .body .aboutus .au-wrap .au-video #my-video {
		width: 100%!important;
		height: 100%!important
	}

	.root .body .aboutus .au-wrap .au-video video {
		width: 100%;
		height: 100%
	}
}

@media (min-width:768px) {
	.side-float-l {
		display: block;
		position: fixed;
		left: 80px;
		top: 120px;
		z-index: 1000;
		background-color: #fff
	}

	.side-float-r {
		display: block;
		position: fixed;
		right: 80px;
		top: 120px;
		z-index: 1000;
		background-color: #fff
	}

	.root .body .banner {
		height: 405px;
		position: relative
	}

	.root .body .banner .banner-wrap {
		position: relative
	}

	.root .body .banner .banner-wrap .swiper-wrapper {
		height: 365px
	}

	.root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
		height: 100%
	}

	.root .body .banner .banner-wrap .swiper-pagination {
		position: absolute;
		bottom: 45px;
		left: 0;
		width: 100%;
		text-align: center
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #555;
		margin: 0 5px;
		opacity: .8;
		border: 1px solid #fff;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
		background: #fff
	}

	.root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		margin-top: -40px;
		opacity: .3
	}

	.root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-button-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
		left: 20px
	}

	.root .body .banner .banner-wrap .swiper-button-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
		right: 20px
	}

	.root .body .banner .notice {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -373px;
		bottom: 0;
		height: 55px;
		line-height: 55px;
		background: #ddd;
		width: 746px;
		box-shadow: 1px 3px 3px #ddd;
		z-index: 1
	}

	.root .body .banner .notice .swiper-container {
		width: 524px;
		height: inherit;
		line-height: inherit;
		background-color: #fff;
		padding-left: 20px;
		overflow: hidden;
		float: left
	}

	.root .body .banner .notice .swiper-container a {
		color: #666;
		float: left;
		max-width: 384px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.root .body .banner .notice .swiper-container a:hover {
		color: #42aaff
	}

	.root .body .banner .notice .swiper-container span {
		float: left;
		color: #999;
		width: 120px;
		text-align: center
	}

	.root .body .banner .notice .nt-left {
		width: 100px;
		background-color: #42aaff;
		height: inherit;
		line-height: inherit;
		font-size: 16px;
		color: #fff;
		text-align: center;
		position: relative
	}

	.root .body .banner .notice .nt-left:after {
		display: block;
		content: '';
		border-style: solid;
		border-color: transparent transparent transparent #42aaff;
		border-width: 10px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 100%
	}

	.root .body .banner .notice .nt-left .notice-icon {
		background: url(/template/moban/static/images/notice.png) no-repeat center;
		padding: 2px 11px;
		vertical-align: middle;
		margin-right: 5px
	}

	.root .body .banner .notice .nt-right {
		width: 122px;
		height: 100%
	}

	.root .body .banner .notice .nt-right .prev {
		float: left;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
	}

	.root .body .banner .notice .nt-right .next {
		float: left;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
	}

	.root .body .news-center {
		width: 746px;
		margin: 0 auto;
		padding: 40px 0
	}

	.root .body .news-center .tit {
		text-align: center;
		padding-bottom: 20px
	}

	.root .body .news-center .tit .zh {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		color: #42aaff;
		position: relative
	}

	.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #42aaff;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .news-center .tit .zh:after {
		right: 50%;
		margin-right: -140px
	}

	.root .body .news-center .tit .zh:before {
		left: 50%;
		margin-left: -140px
	}

	.root .body .news-center .tit .en {
		font-size: 14px;
		color: #c3c3c3;
		padding-top: 5px
	}

	.root .body .news-center .news-content:after,.root .body .news-center .news-content:before {
		display: table;
		line-height: 0;
		content: "";
		clear: both
	}

	.root .body .news-center .swiper-container {
		overflow: hidden;
		float: left;
		height: 225px;
		width: 400px;
		border: 3px solid #eee;
		box-shadow: 1px 1px 5px #ccc
	}

	.root .body .news-center .swiper-wrapper .swiper-slide {
		background-color: #0e0e0e
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a {
		display: block;
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a img {
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-pagination {
		float: right;
		width: 320px;
		height: 225px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch {
		height: 50px;
		margin-bottom: 9px;
		overflow: hidden;
		background-color: #f7f7f7;
		box-shadow: 1px 1px 5px #ccc
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
		width: 65px;
		height: 100%;
		background-color: #f1f1f1;
		font-size: 14px;
		text-align: center;
		padding-top: 5px;
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
		display: inline-block;
		border-bottom: 1px solid #c9c9c9
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
		display: inline-block
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
		width: 255px;
		padding: 6px 7px 0 7px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #444;
		font-size: 12px;
		font-weight: 700
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
		background-color: #56b1fc;
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date {
		background-color: #42aaff;
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date .month {
		border-bottom: 1px solid #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .title {
		color: #fff
	}

	.root .body .products {
		padding: 40px 0;
		background-color: #fff
	}

	.root .body .products .tit {
		text-align: center;
		padding-bottom: 40px
	}

	.root .body .products .tit .zh {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		color: #42aaff;
		position: relative
	}

	.root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #42aaff;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .products .tit .zh:after {
		right: 50%;
		margin-right: -140px
	}

	.root .body .products .tit .zh:before {
		left: 50%;
		margin-left: -140px
	}

	.root .body .products .tit .en {
		font-size: 14px;
		color: #c3c3c3;
		padding-top: 5px
	}

	.root .body .products .products-list {
		position: relative
	}

	.root .body .products .swiper-container {
		height: 360px;
		margin-left: -16px;
		width: 779px
	}

	.root .body .products .swiper-slide a {
		text-decoration: none;
		display: block;
		width: 235px;
		height: 360px;
		margin: 0 auto
	}

	.root .body .products .products-wrap {
		width: 235px;
		height: 360px;
		margin: 0 auto;
		background-color: #fff;
		transition: all .3s linear 0s;
		-webkit-transition: all .3s linear 0s;
		-moz-transition: all .3s linear 0s;
		-o-transition: all .3s linear 0s;
		-ms-transition: all .3s linear 0s
	}

	.root .body .products .products-wrap:hover {
		background-color: #f7f7f7;
		transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-o-transform: translateY(-6px);
		-ms-transform: translateY(-6px)
	}

	.root .body .products .products-wrap:hover .p-summary .ps-tit span {
		border-bottom: 1px solid #42aaff;
		width: 100%
	}

	.root .body .products .products-wrap .p-images {
		width: 235px;
		height: 210px
	}

	.root .body .products .products-wrap .p-images img {
		width: 100%;
		height: 100%
	}

	.root .body .products .products-wrap .p-summary {
		padding: 0 15px
	}

	.root .body .products .products-wrap .p-summary .ps-tit {
		font-size: 16px;
		color: #333;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px
	}

	.root .body .products .products-wrap .p-summary .ps-tit span {
		display: inline-block;
		height: 50px;
		border-bottom: 1px solid #42aaff;
		width: auto
	}

	.root .body .products .products-wrap .p-summary .ps-sum {
		color: #999;
		font-size: 14px;
		line-height: 22px;
		height: 44px;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-moz-line-clamp: 2;
		-ms-line-clamp: 2;
		-o-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .products .swiper-pagination {
		padding: 15px 0;
		text-align: center
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch {
		list-style: none;
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: #999;
		border-radius: 50%;
		margin: 0 5px
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
		background-color: #42aaff
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch:hover {
		cursor: pointer
	}

	.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		margin-top: -40px;
		opacity: .3;
		display: none
	}

	.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .products .swiper-products-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center
	}

	.root .body .products .swiper-products-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center
	}

	.root .body .aboutus {
		padding: 105px 0 40px 0;
		background-color: #efefef
	
	}
	
	.about-tit{
		text-align: center;
		padding-bottom: 40px;
		height: 24px;
		line-height: 24px;
		color: #333;
		position: relative
	}
	
	.about-tit i{
	width: 30px;
    height: 2px;
    margin: 15px auto 15px auto;
    background: #014f99;
		display: block;}

	.root .body .aboutus .aboutus-w {
		padding: 35px 35px 55px 35px;
	}

	.root .body .aboutus .tit .zh {
		font-size: 24px;
		color: #333;
		padding-bottom: 2px;
		margin-right: 10px
	}

	.root .body .aboutus .tit .en {
		font-size: 14px;
		color: #999
	}

	.root .body .aboutus .au-wrap {
		color: #666;
		font-size: 16px
	}

	.root .body .aboutus .au-wrap .au-summary {
		margin-bottom: 20px;
		width: 100%;
		line-height: 28px
	}

	.root .body .aboutus .au-wrap .au-summary .au-font {
		max-height: 145px;
		margin: 45px 0 45px 0;
		padding: 0;
		word-break: break-all;
		display: -webkit-box;
		display: -moz-box;
		-webkit-line-clamp: 5;
		-moz-line-clamp: 5;
		-ms-line-clamp: 5;
		-o-line-clamp: 5;
		line-clamp: 5;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a {
		display: inline-block;
		height: 30px;
		width: 100px;
		font-size: 14px;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		color: #fff;
		background-color: #014f99
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
		background-color: #1397fd
	}

	.root .body .aboutus .au-wrap .au-video {
		height: 270px;
		width: 100%
	}

	.root .body .aboutus .au-wrap .au-video #my-video {
		width: 100%!important;
		height: 100%!important
	}

	.root .body .aboutus .au-wrap .au-video video {
		width: 100%;
		height: 100%
	}
}

@media (min-width:992px) {
	.side-float-l {
		display: block;
		position: fixed;
		left: 80px;
		top: 120px;
		z-index: 1000;
		background-color: #fff
	}

	.side-float-r {
		display: block;
		position: fixed;
		right: 80px;
		top: 120px;
		z-index: 1000;
		background-color: #fff
	}

	.root .body .banner {
		height: 445px;
		position: relative
	}

	.root .body .banner .banner-wrap {
		position: relative
	}

	.root .body .banner .banner-wrap .swiper-wrapper {
		height: 400px
	}

	.root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
		height: 100%
	}

	.root .body .banner .banner-wrap .swiper-pagination {
		position: absolute;
		bottom: 45px;
		left: 0;
		width: 100%;
		text-align: center
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #555;
		margin: 0 5px;
		opacity: .8;
		border: 1px solid #fff;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
		background: #fff
	}

	.root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		margin-top: -40px;
		opacity: .3
	}

	.root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-button-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
		left: 50px
	}

	.root .body .banner .banner-wrap .swiper-button-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
		right: 50px
	}

	.root .body .banner .notice {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -496px;
		bottom: 0;
		height: 64px;
		line-height: 64px;
		background: #ddd;
		width: 992px;
		box-shadow: 1px 3px 3px #ddd;
		z-index: 1
	}

	.root .body .banner .notice .swiper-container {
		width: 757px;
		height: inherit;
		line-height: inherit;
		background-color: #fff;
		padding-left: 40px;
		overflow: hidden;
		float: left
	}

	.root .body .banner .notice .swiper-container a {
		color: #666;
		float: left;
		max-width: 775px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.root .body .banner .notice .swiper-container a:hover {
		color: #42aaff
	}

	.root .body .banner .notice .swiper-container span {
		float: left;
		color: #999;
		width: 145px;
		text-align: center
	}

	.root .body .banner .notice .nt-left {
		width: 100px;
		background-color: #42aaff;
		height: inherit;
		line-height: inherit;
		font-size: 16px;
		color: #fff;
		text-align: center;
		position: relative
	}

	.root .body .banner .notice .nt-left:after {
		display: block;
		content: '';
		border-style: solid;
		border-color: transparent transparent transparent #42aaff;
		border-width: 10px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 100%
	}

	.root .body .banner .notice .nt-left .notice-icon {
		background: url(/template/moban/static/images/notice.png) no-repeat center;
		padding: 2px 11px;
		vertical-align: middle;
		margin-right: 5px
	}

	.root .body .banner .notice .nt-right {
		width: 135px;
		height: 100%
	}

	.root .body .banner .notice .nt-right .prev {
		float: left;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
	}

	.root .body .banner .notice .nt-right .next {
		float: left;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
	}

	.root .body .news-center {
		width: 992px;
		margin: 0 auto;
		padding: 40px 0
	}

	.root .body .news-center .tit {
		text-align: center;
		padding-bottom: 30px
	}

	.root .body .news-center .tit .zh {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		color: #42aaff;
		position: relative
	}

	.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #42aaff;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .news-center .tit .zh:after {
		right: 50%;
		margin-right: -140px
	}

	.root .body .news-center .tit .zh:before {
		left: 50%;
		margin-left: -140px
	}

	.root .body .news-center .tit .en {
		font-size: 14px;
		color: #c3c3c3;
		padding-top: 5px
	}

	.root .body .news-center .news-content:after,.root .body .news-center .news-content:before {
		display: table;
		line-height: 0;
		content: "";
		clear: both
	}

	.root .body .news-center .swiper-container {
		overflow: hidden;
		float: left;
		height: 304px;
		width: 540px;
		border: 3px solid #eee;
		box-shadow: 1px 1px 5px #ccc
	}

	.root .body .news-center .swiper-wrapper .swiper-slide {
		background-color: #0e0e0e
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a {
		display: block;
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a img {
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-pagination {
		float: right;
		width: 420px;
		height: 304px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch {
		height: 65px;
		margin-bottom: 15px;
		overflow: hidden;
		background-color: #f7f7f7;
		box-shadow: 1px 1px 5px #ccc
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
		width: 72px;
		height: 100%;
		background-color: #f1f1f1;
		font-size: 16px;
		text-align: center;
		padding-top: 8px;
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
		display: inline-block;
		border-bottom: 1px solid #c9c9c9;
		padding: 2px 0
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
		display: inline-block;
		padding: 2px 0
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
		width: 348px;
		padding: 13px 10px 0 10px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #444;
		font-size: 14px;
		font-weight: 700
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
		background-color: #56b1fc;
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date {
		background-color: #42aaff;
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .date .month {
		border-bottom: 1px solid #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-visible-switch .content .title {
		color: #fff
	}

	.root .body .products {
		padding: 40px 0;
		background-color: #fff
	}

	.root .body .products .tit {
		text-align: center;
		padding-bottom: 40px
	}

	.root .body .products .tit .zh {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		color: #42aaff;
		position: relative
	}

	.root .body .products .tit .zh:after,.root .body .products .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #42aaff;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .products .tit .zh:after {
		right: 50%;
		margin-right: -140px
	}

	.root .body .products .tit .zh:before {
		left: 50%;
		margin-left: -140px
	}

	.root .body .products .tit .en {
		font-size: 14px;
		color: #c3c3c3;
		padding-top: 5px
	}

	.root .body .products .products-list {
		position: relative
	}

	.root .body .products .swiper-container {
		height: 360px;
		margin-left: -16px;
		width: 1025px
	}

	.root .body .products .swiper-slide a {
		text-decoration: none;
		display: block;
		width: 317px;
		height: 360px;
		margin: 0 auto
	}

	.root .body .products .products-wrap {
		width: 317px;
		height: 360px;
		margin: 0 auto;
		background-color: #fff;
		transition: all .3s linear 0s;
		-webkit-transition: all .3s linear 0s;
		-moz-transition: all .3s linear 0s;
		-o-transition: all .3s linear 0s;
		-ms-transition: all .3s linear 0s
	}

	.root .body .products .products-wrap:hover {
		background-color: #f7f7f7;
		transform: translateY(-6px);
		-webkit-transform: translateY(-6px);
		-moz-transform: translateY(-6px);
		-o-transform: translateY(-6px);
		-ms-transform: translateY(-6px)
	}

	.root .body .products .products-wrap:hover .p-summary .ps-tit span {
		border-bottom: 1px solid #42aaff;
		width: 100%
	}

	.root .body .products .products-wrap .p-images {
		width: 317px;
		height: 210px
	}

	.root .body .products .products-wrap .p-images img {
		width: 100%;
		height: 100%
	}

	.root .body .products .products-wrap .p-summary {
		padding: 0 15px
	}

	.root .body .products .products-wrap .p-summary .ps-tit {
		font-size: 16px;
		color: #333;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px
	}

	.root .body .products .products-wrap .p-summary .ps-tit span {
		display: inline-block;
		height: 50px;
		border-bottom: 1px solid #42aaff;
		width: auto
	}

	.root .body .products .products-wrap .p-summary .ps-sum {
		color: #999;
		font-size: 14px;
		line-height: 22px;
		height: 44px;
		word-break: break-all;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-moz-line-clamp: 2;
		-ms-line-clamp: 2;
		-o-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .products .swiper-pagination {
		padding: 15px 0;
		text-align: center
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch {
		list-style: none;
		display: inline-block;
		width: 15px;
		height: 15px;
		background-color: #999;
		border-radius: 50%;
		margin: 0 5px
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-active-switch,.root .body .products .swiper-pagination .swiper-pagination-switch.swiper-visible-switch {
		background-color: #42aaff
	}

	.root .body .products .swiper-pagination .swiper-pagination-switch:hover {
		cursor: pointer
	}

	.root .body .products .swiper-products-next,.root .body .products .swiper-products-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		margin-top: -40px;
		opacity: .3
	}

	.root .body .products .swiper-products-next:hover,.root .body .products .swiper-products-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .products .swiper-products-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
		left: -50px
	}

	.root .body .products .swiper-products-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
		right: -50px
	}

	.root .body .aboutus {
		padding: 105px 0 40px 0;
		background-color: #efefef
	}

	.about-tit{
		text-align: center;
		padding-bottom: 40px;
		height: 24px;
		line-height: 24px;
		color: #333;
		position: relative
	}
	
	.about-tit i{
	width: 30px;
    height: 2px;
    margin: 15px auto 15px auto;
    background: #014f99;
		display: block;}
	
	.root .body .aboutus .aboutus-w {
		padding: 35px 35px 55px 35px;
	}

	.root .body .aboutus .tit .zh {
		font-size: 24px;
		color: #333;
		padding-bottom: 2px;
		margin-right: 10px
	}

	.root .body .aboutus .tit .en {
		font-size: 14px;
		color: #999
	}

	.root .body .aboutus .au-wrap {
		color: #666;
		font-size: 16px
	}

	.root .body .aboutus .au-wrap .au-summary {
		width: 420px;
		line-height: 28px
	}

	.root .body .aboutus .au-wrap .au-summary .au-font {
		max-height: 145px;
		margin: 45px 0 45px 0;
		padding: 0;
		word-break: break-all;
		display: -webkit-box;
		display: -moz-box;
		-webkit-line-clamp: 5;
		-moz-line-clamp: 5;
		-ms-line-clamp: 5;
		-o-line-clamp: 5;
		line-clamp: 5;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a {
		display: inline-block;
		height: 30px;
		width: 100px;
		font-size: 14px;
		text-decoration: none;

		text-align: center;
		line-height: 30px;
		color: #fff;
		background-color: #014f99
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
		background-color: #1397fd
	}

	.root .body .aboutus .au-wrap .au-video {
		height: 270px;
		width: 480px;
		background-color: #0e0e0e
	}

	.root .body .aboutus .au-wrap .au-video #my-video {
		width: 100%!important;
		height: 100%!important
	}

	.root .body .aboutus .au-wrap .au-video video {
		width: 100%;
		height: 100%
	}
}

@media (min-width:1200px) {
	/*栏目标题通用*/	
	li{list-style:none;}
	.about-tit{
		text-align: center;
		padding-bottom: 40px;
		height: 24px;
		line-height: 24px;
		color: #333;
		position: relative
	}	
	.about-tit i{
	width: 30px;
    height: 2px;
    margin: 15px auto 15px auto;
    background: #014f99;
		display: block;}
	/*栏目标题通用END*/	
	
	.side-float-l {
		display: block;
		position: fixed;
		left: 80px;
		top: 120px;
		z-index: 1000;
		background-color: #fff
	}

	.side-float-r {
		display: block;
		position: fixed;
		right: 80px;
		top: 120px;
		z-index: 1000;
		background-color: #fff
	}

	.root .body .banner {
		height: 680px;
		position: relative
	}

	.root .body .banner .banner-wrap {
		position: relative
	}

	.root .body .banner .banner-wrap .swiper-wrapper {
		height: 680px
	}

	.root .body .banner .banner-wrap .swiper-wrapper .swiper-slide {
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto;
		height: 100%
	}

	.root .body .banner .banner-wrap .swiper-pagination {
		position: absolute;
		bottom: 45px;
		left: 0;
		width: 100%;
		text-align: center
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #555;
		margin: 0 5px;
		opacity: .8;
		border: 1px solid #fff;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
		background: #fff
	}

	.root .body .banner .banner-wrap .swiper-button-next,.root .body .banner .banner-wrap .swiper-button-prev {
		position: absolute;
		top: 50%;
		width: 50px;
		height: 80px;
		margin-top: -40px;
		opacity: .3
	}

	.root .body .banner .banner-wrap .swiper-button-next:hover,.root .body .banner .banner-wrap .swiper-button-prev:hover {
		opacity: .7;
		cursor: pointer
	}

	.root .body .banner .banner-wrap .swiper-button-prev {
		background: rgba(0,0,0,.1) url(../images/prev.png) no-repeat center;
		left: 50px
	}

	.root .body .banner .banner-wrap .swiper-button-next {
		background: rgba(0,0,0,.1) url(../images/next.png) no-repeat center;
		right: 50px
	}

	.root .body .banner .notice {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -600px;
		bottom: 0;
		height: 64px;
		line-height: 64px;
		background: #ddd;
		width: 1200px;
		box-shadow: 1px 3px 3px #ddd;
		z-index: 1
	}

	.root .body .banner .notice .swiper-container {
		width: 965px;
		height: inherit;
		line-height: inherit;
		background-color: #fff;
		padding-left: 40px;
		overflow: hidden;
		float: left
	}

	.root .body .banner .notice .swiper-container a {
		color: #666;
		float: left;
		max-width: 775px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.root .body .banner .notice .swiper-container a:hover {
		color: #42aaff
	}

	.root .body .banner .notice .swiper-container span {
		float: left;
		color: #999;
		width: 145px;
		text-align: center
	}

	.root .body .banner .notice .nt-left {
		width: 100px;
		background-color: #42aaff;
		height: inherit;
		line-height: inherit;
		font-size: 16px;
		color: #fff;
		text-align: center;
		position: relative
	}

	.root .body .banner .notice .nt-left:after {
		display: block;
		content: '';
		border-style: solid;
		border-color: transparent transparent transparent #42aaff;
		border-width: 10px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 100%;
		z-index: 2
	}

	.root .body .banner .notice .nt-left .notice-icon {
		background: url(/template/moban/static/images/notice.png) no-repeat center;
		padding: 2px 11px;
		vertical-align: middle;
		margin-right: 5px
	}

	.root .body .banner .notice .nt-right {
		width: 135px;
		height: 100%
	}

	.root .body .banner .notice .nt-right .prev {
		float: left;
		height: 100%;
		cursor: pointer;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAsElEQVQoU21QsQqFMAy80iK4CQ7i5tS1k+Ds5AdLFScFVxf/QdQvEAebRwtafO9lSEhylzvC8CeWZaF938G+d/M807ZtCMPwvZymidZ1hRACVVWxhzkMAx3HgSAIUJalm7vUti1d14U4jlEUxUNgXdeRMQZpmkIp9fLgGq01WR2lFJIk8czbbdM0xDlHlmWQUnrNG1DXtbtgtfM8925vQN/3dJ4noij6fYIFjeNItn4AdaU+YrbHwugAAAAASUVORK5CYII=) no-repeat center
	}

	.root .body .banner .notice .nt-right .next {
		float: left;
		cursor: pointer;
		height: 100%;
		width: 50%;
		background: #fff url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAs0lEQVQoU2WPsQqGMAyEr3YQn6AW38HFVdCxig/s5KKDIghdndzEQXATRMmPDpb+ZkrCXe4LG4aBhBAIgoDhr1hd17TvO3zfRxiGluAZyrKk8zwhpUQURa/gbaqqouM44HkekiR59taZtm1pXVdwzqGUYh8IrTXN8wzHcWznsiyktcadn+e5cY7jSNM04bouZFlmMvu+f7JuR1EUhrbrOtq2Da7rIk1T+8+maejGjuP4A/cDHxNPOdl/tSgAAAAASUVORK5CYII=) no-repeat center
	}

/*关于抖圈为赌而生*/
 .root .body .aboutus {
		padding: 70px 0 40px 0;
		background-color: #efefef
	}
	
	.root .body .aboutus .aboutus-w {
		padding: 85px 35px 55px 35px;
	}

	.root .body .aboutus .tit .zh {
		font-size: 24px;
		color: #333;
		padding-bottom: 2px;
		margin-right: 10px
	}

	.root .body .aboutus .tit .en {
		font-size: 14px;
		color: #999
	}

	.root .body .aboutus .au-wrap {
		color: #666;
		font-size: 16px
	}

	.root .body .aboutus .au-wrap .au-summary {
		width: 555px;
		line-height: 28px
	}

	.root .body .aboutus .au-wrap .au-summary .au-font {
		max-height: 145px;
		margin: 45px 0 45px 0;
		padding: 0;
		word-break: break-all;
		display: -webkit-box;
		display: -moz-box;
		-webkit-line-clamp: 5;
		-moz-line-clamp: 5;
		-ms-line-clamp: 5;
		-o-line-clamp: 5;
		line-clamp: 5;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		-o-box-orient: vertical;
		box-orient: vertical;
		overflow: hidden
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a {
		display: inline-block;
		height: 30px;
		width: 100px;
		font-size: 14px;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		color: #fff;
		background-color: #014f99
	}

	.root .body .aboutus .au-wrap .au-summary .au-btn-more a:hover {
		background-color: #1397fd
	}

	.root .body .aboutus .au-wrap .au-video {
		height: 270px;
		width: 480px;
		background-color: #0e0e0e
	}

	.root .body .aboutus .au-wrap .au-video video {
		width: 100%;
		height: 100%
	}
	
	

/*抖圈-为du而生中心*/	
	.root .body .products{
		padding: 70px 0 40px 0;
		height: 1100px;
	}
	.root .body .products .products-w {
		padding: 85px 0 55px 0;
	}

/*抖圈-为du而生列表*/
.home-case-wrap {
	overflow: hidden;
	margin-bottom: 20px;
	min-width: 1200px;
}
.home-case-list {
	float: left;
	margin-right: -32px;
	padding-bottom: 40px;
	margin-bottom: 2px;
	overflow: hidden;
}
.home-case-item {
	position: relative;
	border: 1px solid #eee;
	width: 380px;
	height: 360px;
	float: left;
	margin-top: 28px;
	margin-right: 28px;
	_margin-right: 18px;
}
.home-case-item:hover {
	box-shadow: 1px 1px 3px #c5c5c5;
}
.home-case-item .case-item-tips {
	position: absolute;
	top: 20px;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}
.home-case-item .case-type-tips {
	display: none;
	left: 20px;
	background: rgba(0,0,0,.36);
	padding: 2px 15px;
}
.home-case-item:hover .case-type-tips {
	display: block;
}
.home-case-item:hover .list-entrust-btn {
	display: block;
}
.home-case-item .home-case-img {
	width: 380px;
	height: 288px;
}
.home-case-item .case-title {
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #333;
	display: block;
	margin-top: 10px;
	height: 40px;
	_width: 330px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 14px;
}
.home-case-item .case-summary {
	color: #999;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
}
.home-case-item .case-summary span {
	margin-right: 6px;
	padding: 0 3px;
	color: #999;
}
.home-case-item .case-summary span.case-price {
	color: #f76120;
	font-size: 16px;
	padding: 0;
	margin-right: 15px;
}
.home-case-item .case-designer {
	padding: 0 10px;
	line-height: 44px;
	display: block;
	height: 44px;
	margin-top: 15px;
	border-top: 1px solid #eee;
}
.home-case-item .case-designer img {
	height: 30px;
	width: 30px;
	border: 2px solid transparent;
	background: #eee;
	border-radius: 50%;
}
.home-case-item .case-designer .case-num-wrap {
	float: right;
	margin-right: 5px;
*margin-top:-48px;
}
.home-case-item .case-designer span {
	color: #686868;
	margin-left: 6px;
}
.home-case-item .case-designer span:hover {
	color: #F76120;
}
.more-cp{ margin: 0 auto; text-align: center; padding: 30px 0; }
.more-cp a{ color: #333;}
.more-cp a:hover{ color: #003B96; text-decoration: none;}
	
/*抖圈-为du而生页案例推荐*/
	.root .body .caseboot{
		padding: 70px 0 40px 0;
		height: 1100px;
	}
	.root .body .caseboot .caseboot-w {
		padding: 85px 0 55px 0;
	}
	
	
/*抖圈-为du而生底部案例列表*/
.cp-case-wrap {
	overflow: hidden;
	margin-bottom: 20px;
	min-width: 1200px;
}
.cp-case-list {
	float: left;
	margin-right: -32px;
	padding-bottom: 40px;
	margin-bottom: 2px;
	overflow: hidden;
}
.cp-case-item {
	position: relative;
	border: 1px solid #eee;
	width: 280px;
	height: 220px;
	float: left;
	margin-top: 12px;
	margin-right: 28px;
	_margin-right: 18px;
}
.cp-case-item:hover {
	box-shadow: 1px 1px 3px #c5c5c5;
}
.cp-case-item .case-item-tips {
	position: absolute;
	top: 20px;
	color: #fff;
	text-align: center;
	border-radius: 20px;
}
.home-case-item .case-type-tips {
	display: none;
	left: 20px;
	background: rgba(0,0,0,.36);
	padding: 2px 15px;
}
.cp-case-item:hover .case-type-tips {
	display: block;
}
.cp-case-item:hover .list-entrust-btn {
	display: block;
}
.cp-case-item .home-case-img {
	width: 320px;
	height: 288px;
}
.cp-case-item .case-title {
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #333;
	display: block;
	margin-top: 10px;
	height: 40px;
	_width: 330px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 14px;
}
.cp-case-item .case-summary {
	color: #999;
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
}
.cp-case-item .case-summary span {
	margin-right: 6px;
	padding: 0 3px;
	color: #999;
}
.home-case-item .case-summary span.case-price {
	color: #f76120;
	font-size: 16px;
	padding: 0;
	margin-right: 15px;
}
.cp-case-item .case-designer {
	padding: 0 10px;
	line-height: 44px;
	display: block;
	height: 44px;
	margin-top: 15px;
	border-top: 1px solid #eee;
}
.cp-case-item .case-designer img {
	height: 30px;
	width: 30px;
	border: 2px solid transparent;
	background: #eee;
	border-radius: 50%;
}
.cp-case-item .case-designer .case-num-wrap {
	float: right;
	margin-right: 5px;
*margin-top:-48px;
}
.cp-case-item .case-designer span {
	color: #686868;
	margin-left: 6px;
}
.cp-case-item .case-designer span:hover {
	color: #F76120;
}
	
	
	
/*行业案例*/	
.case{padding: 70px 0 70px 0;background-color: #efefef;}
.case .case-w{padding: 85px 0 55px 0;}	
.indsou {background: #AD0002;float:left; margin: 0 auto;}
.indsou li {float:left;width:400px; height:326px; position:relative}
.indsou li.li1 { height:652px;}
.indsou li .cons { position:absolute; z-index:1;bottom:5%;left:3%;text-align:left;color:#014f99;font-size:14px;}
.indsou li .cons h1 {font-size:18px;font-weight:Bold;margin-bottom:-5px}
.indsou li.li1 .cons {bottom:2.5%;color:#014f99;}
.indsou li .bg { position:absolute; z-index:1;top:0;left:0;width:100%; height:100%;}
.indsou li:Hover .bg { background:rgba(0,0,0,0.6)}
.indsou li:Hover .cons {color:#fff}
	
/*新闻资讯*/
	.root .body .news-center {
		width: 1200px;
		margin: 0 auto;
		padding: 70px 0 70px 0;
	}
	
	.root .body .news-center .news-w {
		padding: 85px 0 55px 0;
	}


	.root .body .news-center .tit {
		text-align: center;
		padding-bottom: 30px
	}

	.root .body .news-center .tit .zh {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		color: #2d93d5;
		position: relative
	}

	.root .body .news-center .tit .zh:after,.root .body .news-center .tit .zh:before {
		content: '';
		display: block;
		height: 1px;
		background-color: #2d93d5;
		position: absolute;
		width: 76px;
		top: 50%
	}

	.root .body .news-center .tit .zh:after {
		right: 50%;
		margin-right: -140px
	}

	.root .body .news-center .tit .zh:before {
		left: 50%;
		margin-left: -140px
	}

	.root .body .news-center .tit .en {
		font-size: 14px;
		color: #c3c3c3;
		padding-top: 5px
	}

	.root .body .news-center .news-content:after,.root .body .news-center .news-content:before {
		display: table;
		line-height: 0;
		content: "";
		clear: both
	}

	.root .body .news-center .swiper-container {
		overflow: hidden;
		float: left;
		height: 400px;
		width: 640px;
		border: 3px solid #eee;
		box-shadow: 1px 1px 5px #ccc
	}

	.root .body .news-center .swiper-wrapper .swiper-slide {
		background-color: #0e0e0e
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a {
		display: block;
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-wrapper .swiper-slide a img {
		width: 100%;
		height: 100%
	}

	.root .body .news-center .swiper-pagination {
		float: right;
		margin: 0;
		width: 520px;
		height: 400px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch {
		height: 85px;
		margin-bottom: 20px;
		background-color: #f7f7f7;
		overflow: hidden;
		box-shadow: 1px 1px 5px #ccc
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date {
		width: 72px;
		height: 100%;
		background-color: #f0f0f0;
		font-size: 16px;
		text-align: center;
		padding-top: 18px;
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .month {
		display: inline-block;
		border-bottom: 1px solid #c9c9c9;
		padding: 2px 0
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .date .year {
		display: inline-block;
		padding: 2px 0
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content {
		width: 446px;
		padding: 20px 10px 0 10px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .title {
		color: #444;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 10px
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch .content .summary {
		color: #999
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
		background-color: #2d93d5;
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .date {
		background-color: #2d93d5;
		color: #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .date .month {
		border-bottom: 1px solid #fff
	}

	.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .content .summary,.root .body .news-center .swiper-pagination .swiper-pagination-switch.swiper-active-switch .content .title {
		color: #fff
	}
	
}<!--0.00021100044250488-->