* {
	margin: 0;
	padding: 0;
}

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

em, i {
	font-style: normal;
}

b {
	font-weight: normal;
}

body {
	background: #f5f5f5;
}

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;
	width: 100%;
	height: 78px;
	top: 0px;
}

.header {
	background-color: #367bf0;
}

.header .logo img {
	margin-top: 8px;
	margin-left: 32px;
	height: 48px;
	vertical-align: middle;
}

.header .logo .title {
	vertical-align: middle;
	margin-left: 16px;
	font-size: 18px;
	font-weight: bold;
	color: aliceblue;
}

.nav {
	float: right;
	line-height: 64px;
	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 {
	font-weight: bold;
}

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

.logo {
	float: left;
	line-height: 64px;
}

.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: 360px;
}

.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: 64px;
}
/*--PUB--*/
.template-box {
	
}

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

==============================================
*/
.page-layout {
	margin: 0px 4%;
}

.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: #ffffffa6;
	border: 1px solid #dddbdb52;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 22px;
}

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

#content-list .link 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: 180px;
	margin-left: 4px;
}

#content-list .auth .name {
	display: inline-block;
	width: auto;
}

#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: table !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;
}

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

#content-view .source {
    text-align: right;
    display: contents;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

#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;
}

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

#content-view .bottom .writer {
	text-align: right;
	margin: 4px;
}

#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;
}

.classify h2 {
	background-color: #4baac8;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #ffffff;
	font-size: 18px;
	height: 36px;
	line-height: 34px;
	text-align: center;
}

.content-li a {
	color: darkslategray;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	padding: 4px 0px;
	text-decoration: underline;
	background: url(../images/dian.gif) no-repeat;
	background-position: 2px 13px;
	padding-left: 16px;
}

#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: 18px;
	color: #121212;
	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: left;
	color: #1f1d1d;
	font-weight: 600;
	overflow: hidden;
	padding-top: 0px;
	margin: 0px 2px;
}

#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.share em img {
	width: 96px;
}

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


















































































































)










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

.footer-left {
	display: inline;
}

.footer-left img {
    width: 24px;
    vertical-align: bottom;
    margin-left: 4px;
}

.footer-left a {
	
}

.hidden {
	display: none;
}

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

.count-boxs>.plat.p2 {
	height: 180px;
}

.bgcolor1 {
	background-color: #40a3d8 !important;
}

.bgcolor2 {
	background-color: #fe9d81 !important;
}

.bgcolor3 {
	background-color: #6be1e3 !important;
}

.bgcolor4 {
	background-color: #9fe6ba !important;
}

.bgcolor5 {
	background-color: #48c075 !important;
}

.bgcolor6 {
	background-color: #ff9900 !important;
}

.bgcolor7 {
	background-color: #e8bcf1 !important;
}

.bdr-hide {
	border: 1px solid #dddddd21 !important;
}