* {
	margin: 0;
	padding: 0;
}

ul, li, dd, dt {
	list-style: none;
}

em, i {
	font-style: normal;
}

b {
	font-weight: normal;
}

body {
	background: #f5f5f5;
	font-family: "Microsoft YaHei", 寰蒋闆呴粦, "MicrosoftJhengHei", 鍗庢枃缁嗛粦, STHeiti,
		MingLiu;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.layout {
	position: absolute;
}

img {
	border: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table td {
	border-collapse: collapse;
}

.header {
	font-size: 14px;
	position: absolute;
	width: 100%;
	height: 96px;
	z-index: 5;
	top: 0px;
}

.header {
	background-color: rgb(0 0 0/ 27%);
	/* IE9銆佹爣鍑嗘祻瑙堝櫒銆両E6鍜岄儴鍒咺E7鍐呮牳鐨勬祻瑙堝櫒(濡俀Q娴忚鍣�)浼氳鎳� */
}

@media \0screen\,screen\9 { /* 鍙敮鎸両E6銆�7銆�8 */
	.header {
		background-color: rgba(46, 72, 94);
		filter: Alpha(opacity =        
			                                                         
			          91);
		position: static;
		/* IE6銆�7銆�8鍙兘璁剧疆position:static(榛樿灞炴��) 锛屽惁鍒欎細瀵艰嚧瀛愬厓绱犵户鎵緼lpha鍊� */
		*zoom: 1; /* 婵�娲籌E6銆�7鐨刪aslayout灞炴�э紝璁╁畠璇绘噦Alpha */
	}
	.header p {
		position: relative; /* 璁剧疆瀛愬厓绱犱负鐩稿瀹氫綅锛屽彲璁╁瓙鍏冪礌涓嶇户鎵緼lpha鍊� */
	}
}

.header .logo img {
	margin-top: 12px;
	margin-left: 64px;
	width: 64px;
}

.nav {
	float: right;
	line-height: 96px;
	font-size: 20px;
	padding-right: 100px;
}

.nav li a {
	color: white;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	cursor: pointer;
}

.nav li {
	float: left;
	padding: 0 18px 10px;
}

.nav li a.sel {
	color: #019eeb;
}

.nav li a:hover {
	color: #019eeb;
}

.logo {
	float: left;
}

.content {
	background-color: white;
	height: 100%;
	text-align: center;
	margin: 0px auto;
}

#swiper-container-bg {
	height: 100%;
}

.content .tit {
	font-size: 32px;
	padding-top: 56px;
	font-weight: bolder;
	color: #252525;
}

.content .tit span {
	font-size: 22px;
	margin-left: 16px;
	color: rgba(212, 212, 212, 0.67);
}

.eng {
	height: 10px;
}

.content .lt {
	width: 96.8888%;
	text-align: center;
	margin: 0px auto;
	height: 100%;
}

.content .lt .grid li {
	width: 22.2222%;
}

.body-view {
	min-height: 320px;
}

.footer {
	float: left;
	width: 100%;
	bottom: 0px;
	margin-top: 64px;
}

.fmi {
	position: absolute;
}

.footer .footer_inner {
	margin: 0 auto;
	border-top: 1px #E5E5E5 solid;
	background-color: #434446;
	padding: 12px;
}

.footer .about_link {
	clear: both;
	padding: 20px 0px 5px 0px;
	text-align: center;
}

.footer .about_link li {
	height: 24px;
	line-height: 24px;
	padding: 0px 5px;
	display: inline-block;
	font-size: 14px;
}

.footer a {
	color: #999;
}

.footer a:hover {
	color: #FFF;;
	text-decoration: none;
}

.footer .copy {
	clear: both;
	line-height: 20px;
	padding: 5px 0px 20px 0px;
	text-align: center;
	color: #999;
	font-size: 12px;
	font-family: "Arial";
}

.page-layout {
	margin: 0 auto;
	padding-top: 120px;
}
/*--PUB--*/
.template-box {
	
}

.full-img {
	border: 0;
	width: 100%;
}

/*
==============================================

==============================================
*/
.page-layout {
	
}

.left-layout {
	width: 75%;
	height: 100%;
	float: left;
}

.right-layout {
	display: flex;
	flex: 1;
	height: 100%;
}

.content-page {
	width: 100%;
}

.content-template, .content-text-template, .content-picture-template,
	.content-video-template, .content-audio-template, .content-doc-template,
	.content-periodical-template, .content-special-template,
	.content-case-template {
	display: none;
}

#content-list .content-template, #content-list .content-item {
	background: #fff;
	border: 1px solid #dddbdb;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 22px;
}

#content-list .img {
	float: left;
}

#content-list .img img {
	width: 162px;
	height: 120px;
}

#content-list .body {
	display: table;
	color: #666;
	padding-left: 20px;
	font-size: 13px;
}

#content-list .title {
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	display: block;
	transition: all 0.2s ease 0s;
	font-weight: 600;
}

#content-list .auth {
	color: #a7a7a7;
	padding: 6px 2px;
}

#content-list .auth .day {
	display: inline-block;
	width: 25%;
	margin-left: 4px;
}

#content-list .auth .name {
	display: inline-block;
	width: 25%;
	margin-left: 6px;
}

#content-list .auth .view-count {
	display: inline-block;
	width: 25%;
	margin-left: 6px;
}

#content-list .text {
	
}

#content-view {
	
}

#content-view .content-template, #content-view .content-item {
	background: #fff;
	border: 1px solid #dddbdb;
	padding: 20px;
	overflow: hidden;
	border-top: 3px solid #96c2e1;
	margin-bottom: 56px;
}

#content-view .body p, #content-view .body h1, #content-view .body h2,
	#content-view .body h3, #content-view .body div, #content-view .body span
	{
	display: revert !important;
	color: #252525 !important;
	padding: 6px !important;
	font-size: 16px !important;
	background-color: white !important;
	background: unset !important;
}

#content-view .body div {
	margin: 0 auto !important;
}

#content-view .title {
	color: #4f4e4e;
	font-size: 24px;
	line-height: 35px;
	font-weight: 600;
	text-align: center;
}

#content-view img {
	margin: 0 auto;
	width: 100% !important;
}

#content-view .date {
	text-align: right;
	margin-right: 12px;
	font-size: 14px;
	color: gray;
}

#content-view .summary {
	background-color: #d3d3d330;
	border-radius: 6px;
}

#content-view .summary, #content-view .body {
	padding: 8px;
	margin: 8px 0px 8px 10px;
	color: #b1b1b1;
}

#content-view .body {
	background-color: white !important;
}

#content-view .source {
	text-align: right;
}

#content-view .auth {
	color: #a7a7a7;
	padding: 6px 2px;
	text-align: right;
}

#content-view .auth .day {
	display: inline-block;
	width: 180px;
	margin-left: 6px;
}

#content-view .auth .name {
	display: inline-block;
	width: auto;
	margin-left: 6px;
}

#content-view .auth .view {
	display: inline-block;
	width: auto;
	margin-left: 6px;
}

#content-view .auth .good {
	display: inline-block;
	width: auto;
	margin-left: 6px;
}

.auth .wd64 {
	width: 12%;
	display: inline-flex;
}

.auth .wd64 i {
	margin-right: 4px;
}

#content-view .bottom {
	border-top: 1px solid slategray;
	margin-top: 12px;
	text-align: right;
}

#content-view .bottom .source,#content-view .bottom .writer,#content-view .bottom .view-count {
	text-align: right;
	display: contents;
	margin-left: 12px;
}

#content-view .bottom .right {
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	color: darkslategray;
}

.content-li li {
	list-style: disc;
	list-style-type: disc;
}

.content-li .light {
	color: #007bfb;
}

.content-li a {
	color: darkslategray;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	padding: 4px 0px;
	text-decoration: underline;
}

#content-page {
	width: 100%;
	margin-top: 24px;
}

#content-page .prev {
	font-width: blod;
	color: darkslategray;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 50%;
	text-align: center;
	display: inline-block;
}

#content-page .next {
	font-width: blod;
	color: darkslategray;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	width: 50%;
	display: inline-block;
}

#content-page .prev-text, #content-page .next-text {
	text-decoration: underline;
}

/**
*
*
*/
.right-layout .sub-menu, .right-layout .sub-view {
	background: #FFFFFF;
	padding: 2% 6px;
	width: 100%;
	overflow: hidden;
	outline: none;
	margin: 0px 10px
}

.sub-menu .r_nav {
	border-top: 1px solid #b8b8b8;
}

.sub-menu .r_nav li {
	border-bottom: 1px dashed #c5c5c5;
	padding: 3px 0;
	margin: 3px 0;
}

.sub-menu .r_nav a:hover {
	color: gray;
}

.sub-menu .r_nav a {
	display: block;
	font-size: 16px;
	padding: 10px 0;
	padding-left: 20px;
	color: #000000;
}

.sub-menu .r_nav .sel {
	color: #288ecc;
}

#fp-nav {
	font-size: 12px;
}

#fp-nav li {
	vertical-align: middle;
}

#fp-nav li a {
	float: right;
	width: 32px;
	height: 32px;
	color: #8F9DA4;
	text-decoration: none;
	text-align: right;
}

#fp-nav li .active {
	background-position: 0 bottom;
}

#fp-nav span {
	background: rgba(255, 255, 255, 0.5) !important;
}

#swiper-container-bg .swiper-pagination {
	text-align: right;
	padding-right: 64px;
}

#swiper-container-bg .swiper-pagination-bullet {
	margin-left: 0;
	position: relative;
	display: inline-block;
	width: 42px;
	height: 8px;
	margin-left: 10px;
	cursor: pointer;
	background: #adadaa;
	-webkit-border-radius: 0.04rem;
	-moz-border-radius: 0.04rem;
	border-radius: 0.04rem;
}

#swiper-container-bg .swiper-pagination-bullet-active {
	background: rgba(0, 0, 0, 0.5);
}

#swiper-container-bg .swiper-pagination-bullet:after {
	content: '';
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
}

#swiper-container-bg .swiper-pagination-bullet:hover:after {
	background: rgba(0, 0, 0, 0.5);
}

#swiper-container-bg .swiper-pagination-bullet-active:after {
	background: rgba(0, 0, 0, 0.5);
}

.cs-style-3 figcaption {
	height: 68px;
}

.grid figcaption h3 {
	font-size: 14px;
}

.grid figcaption span:before {
	content: '';
}

/* roundabout */
.roundabout-holder {
	width: 850px;
	height: 496px;
	margin: 0 auto;
}

.roundabout-moveable-item {
	width: 646px;
	height: 416px;
	cursor: pointer;
	border: 3px solid #ccc;
	border: 3px solid rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.roundabout-moveable-item img {
	width: 100%;
}

.roundabout-in-focus {
	border: 3px solid rgba(0, 0, 0, 0.2);
}

#swiper-container-team {
	margin-top: 32px;
	height: 72%;
}

#swiper-container-team  a img {
	width: 55%;
	border-radius: 50%;
	margin: 15.555%;
}

#swiper-container-team .wow-cont .name {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	color: #121212;
}

#swiper-container-team .wow-cont .tit {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #727272;
	margin-top: -42px;
	font-weight: normal;
}

#swiper-container-team .swiper-pagination-bullet {
	width: 16px;
	height: 16px;
	background: rgba(0, 0, 0, 0.5);
}

#project  a {
	display: inline-block;
	width: 20%;
	margin: 8% 1%;
	line-height: 32px;
}

#project a:hover div {
	transform: scale(1.10, 1.10);
}

#project  img {
	width: 100%;
	border-bottom: 1px solid ghostwhite;
}

#project div.box {
	height: auto;
	box-shadow: 3px 3px 4px rgba(50, 50, 50, 0.4);
	transition: all 0.3s ease-out 0s;
	width: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}

#project  span.tit {
	display: block;
	font-size: 20px;
	text-align: center;
	color: #1f1d1d;
	font-weight: 600;
	overflow: hidden;
	padding-top: 0px;
}

#project  span.ctx {
	display: block;
	text-align: left;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 22px;
	font-size: 12px;
	height: 40px;
	color: #525050;
	overflow: hidden;
}

#product .caselist {
	margin: 30px auto;
}

#product .caselist li {
	width: 200px;
	height: 220px;
	float: left;
	margin: 0 10px 15px 0;
	position: relative;
	overflow: hidden;
}

#product .caselist .tagPdt {
	width: 200px;
	height: 220px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 2px solid #dddbdb;
}

#product .caselist .tagPdt img {
	width: 196px;
	height: 216px;
}

#product .caselist .tagDiv {
	background: rgba(244, 244, 244, 0.29);
	border: 5px solid rgba(231, 231, 231, 0.56);
	padding: 5px;
	width: 200px;
	height: 220px;
	position: absolute;
	left: 0px;
	top: 226px;
	z-index: 2;
}

#product .caselist .tagImg2 {
	width: 60px;
	height: 64px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#product .caselist .tagImg2 img {
	width: 60px;
	height: 64px;
}

#product .caselist .tagDiv h3 {
	margin: 0px;
	font-size: 14px;
	color: #000;
	line-height: 20px;
}

#product .caselist .tagP1 {
	margin: 3px 0 0;
	color: #666;
	font-size: 14px;
}

#product .caselist .tagP2 {
	clear: both;
	color: #666;
	padding: 8px 0 0;
	height: 92px;
	overflow: hidden;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

#product .caselist .nav-btn {
	height: 36px;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	margin-top: 6px;
}

#product .caselist .nav-btn div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	font-size: 12.333px;
	border: 1px solid rgba(124, 127, 128, 0.54);
	text-align: center;
	line-height: 28px;
	margin: 2px;
}

#product .caselist .nav-btn .box1 {
	background: #1abc9c;
}

#product .caselist .nav-btn .box2 {
	background: #3498db;
}

#product .caselist .nav-btn .box3 {
	background: #9b59b6;
}

div.menu_left {
	position: fixed;
	right: 0px;
	bottom: 10%;
	z-index: 999999;
	text-align: right;
}

div.menu_left span {
	display: block;
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding: 2px 25px;
	height: 52px;
	line-height: 52px;
	cursor: pointer;
}

div.menu_left span img.bts, div.menu_left span img.st {
	float: right;
	vertical-align: middle;
	margin: 6px 0px 0px 12px;
	line-height: 42px;
}

div.menu_left .sel {
	
}

div.menu_left em.tel {
	background-color: #805F46;
	padding: 16px;
	margin: 0px;
	font-size: 16px;
	font-family: 榛戜綋;
	font-weight: bolder;
}

div.menu_left em.qq {
	background-color: #805F46;
	padding: 16px;
	margin: 0px;
	font-size: 16px;
	font-family: 榛戜綋;
	font-weight: bolder;
}

div.menu_left span em {
	display: none;
	margin-right: 32px;
}

div.menu_left span.tel em img,div.menu_left span.qq em img,div.menu_left span.share em img {
	width: 168px;
}

@
-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-moz-transform: translateY(0);
	transform: translateY(0);
}

40




%
{
-moz-transform




:




translateY




(




-30




px




)


;
transform




:




translateY




(




-30




px




)


;
}
60




%
{
-moz-transform




:




translateY




(




-15




px




)


;
transform




:




translateY




(




-15




px




)


;
}
}
@
-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

40




%
{
-webkit-transform




:




translateY




(




-30




px




)


;
transform




:




translateY




(




-30




px




)


;
}
60




%
{
-webkit-transform




:




translateY




(




-15




px




)


;
transform




:




translateY




(




-15




px




)


;
}
}
@
keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

40




%
{
-moz-transform




:




translateY




(




-30




px




)


;
-ms-transform




:




translateY




(




-30




px




)


;
-webkit-transform




:




translateY




(




-30




px




)


;
transform




:




translateY




(




-30




px




)


;
}
60




%
{
-moz-transform




:




translateY




(




-15




px




)


;
-ms-transform




:




translateY




(




-15




px




)


;
-webkit-transform




:




translateY




(




-15




px




)


;
transform




:




translateY




(




-15




px




)


;
}
}
.arrow {
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
	background-size: contain;
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

.footer-left {
	display: inline;
	vertical-align: middle;
}

.footer-left img {
	width: 24px;
	height: 28px;
}

.footer-left a {
	
}

.hidden {
	display: none;
}

.left-618 {
	width: 61.8%;
	display: inline-block;
}