@import url("swiper.min.css");
@import url("animate.min.css");
@import url("jquery.mmenu.css");

@font-face {
	font-family: SourceHanSerifCN;
	src:url("http://www.cityanimation.com.cn/static/css/SourceHanSerifCN-Regular.otf");
}
/**
* Description style CSS for the website
* Author Qiuyue
* E-mail 1171019839@qq.com
* Created On 2021-11-01
* modification
**/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize*/
	/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom.*/
	html {
	font-family: sans-serif;
	/* 1*/
	-ms-text-size-adjust: 100%;
	/* 2*/
	-webkit-text-size-adjust: 100%;
	/* 2*/
	
}
/** * Remove default margin.*/
	body {
	margin: 0;
}
/* HTML5 display definitions ==========================================================================*/
	/** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11.*/
	article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.*/
	audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1*/
	vertical-align: baseline;
	/* 2*/
	max-width: 100%;
	
}
/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices.*/
	audio:not([controls]) {
	display: none;
	height: 0;
}
/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.*/
	[hidden],
template {
	display: none;
}
/* Links ==========================================================================*/
	/** * Remove the gray background color from active links in IE 10.*/
	
a {
	color: #333;
	background: transparent;
	text-decoration: none;
	outline: none;
	border: none;
	transition: all .2s;
}
/** * Improve readability when focused and also mouse hovered in all browsers.*/
	a:active,
a:hover {
	outline: none;
	text-decoration: none;
}
/* Text-level semantics ==========================================================================*/
	/** * Address styling not present in IE 8/9/10/11, Safari, and Chrome.*/
	abbr[title] {
	border-bottom: 1px dotted;
}
/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.*/
	b,
strong {
	font-weight: bold;
}
/** * Address styling not present in Safari and Chrome.*/
	dfn {
	font-style: italic;
}
/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome.*/
	h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
/** * Address styling not present in IE 8/9.*/
	mark {
	background: #ff0;
	color: #000;
}
/** * Address inconsistent and variable font size in all browsers.*/
	small {
	font-size: 80%;
}
/** * Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
	sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* Embedded content ==========================================================================*/
	/** * Remove border when inside `a` element in IE 8/9/10.*/
	img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border: 0;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/** * Correct overflow not hidden in IE 9/10/11.*/
	svg:not(:root) {
	overflow: hidden;
}
/* Grouping content ==========================================================================*/
	/** * Address margin not present in IE 8/9 and Safari.*/
	figure {
	margin: 1em 40px;
}
/** * Address differences between Firefox and other browsers.*/
	hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
/** * Contain overflow in all browsers.*/
	pre {
	overflow: auto;
}
/** * Address odd `em`-unit font size rendering in all browsers.*/
	code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
/* Forms ==========================================================================*/
	/** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set.*/
	/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.*/
	button,
input,
optgroup,
select,
textarea {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	color: inherit;
	/* 1*/
	font: inherit;
	/* 2*/
	margin: 0;
	/* 3*/
	background-color: transparent;
	outline: none;
}
/** * Address `overflow` set to `hidden` in IE 8/9/10/11.*/
	button {
	overflow: visible;
}
/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox.*/
	button,
select {
	text-transform: none;
}
/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others.*/
	button,
html input[type="button"],
/* 1*/
	input[type="reset"],
input[type="submit"] {
	/*-webkit-appearance: button;*/
	cursor: pointer;
	/* 3*/
	-webkit-appearance: none;
}
/** * Re-set default cursor for disabled elements.*/
	button[disabled],
html input[disabled] {
	cursor: default;
}
/** * Remove inner padding and border in Firefox 4+.*/
	button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet.*/
	input {
	line-height: normal;
}
/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10.*/
	input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1*/
	padding: 0;
	/* 2*/
	vertical-align: middle;
	
}
/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`.*/
	input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof).*/
	input[type="search"] {
	-webkit-appearance: textfield;
	/* 1*/
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2*/
	box-sizing: content-box;
}
/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance).*/
	input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/** * Define consistent border, margin, and padding.*/
	fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets.*/
	legend {
	border: 0;
	/* 1*/
	padding: 0;
	/* 2*/
	
}
/** * Remove default vertical scrollbar in IE 8/9/10/11.*/
	textarea {
	overflow: auto;
}
/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.*/
	optgroup {
	font-weight: bold;
}
/* Tables ==========================================================================*/
	/** * Remove most spacing between table cells.*/
	table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}


::-webkit-input-placeholder {
	/* WebKit browsers*/
	color: #bdbdbd;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18*/
	color: #bdbdbd;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+*/
	color: #bdbdbd;
}
:-ms-input-placeholder {
	/* Internet Explorer 10+*/
	color: #bdbdbd;
}

/* 文字选中样式 */
::-moz-selection{color: #fff;background-color: #D81E06;}
::selection{color: #fff;background-color: #D81E06;}

#siteName {display: none;}

/* -------------------------------
Globals
----------------------------------*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
	word-break:break-word;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	position: relative;
	cursor: auto;
	color: #333;
	font-family: 'Microsoft Yahei','Helvetica','SourceHanSerifCN', 'Noto Sans S Chinese','Open Sans','SimSun';
	font-size: 14px;
	line-height: 1.6;
}
body,html {
	background-color: #fff;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
td {
	padding: 0.5em;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
input,select,button {
	border: none;
}
ul,ol {
	padding-left: 24px;
}
/*p {
	margin: 0;
}*/

@keyframes 
opacityn {
	0% {
	opacity: 0;
	filter: alpha(opacity=0);
	}
	100% {
	opacity: 1;
	filter: alpha(opacity=100);
	}
}
 @-webkit-keyframes 
opacityn {
	0% {
	opacity: 0;
	filter: alpha(opacity=0);
	}
	100% {
	opacity: 1;
	filter: alpha(opacity=100);
	}
}

@keyframes 
JUMP {
	0% {
	bottom: 75px;
	}
	50% {
	bottom: 95px;
	}
	80% {
	bottom: 85px;
	}
	100% {
	bottom: 75px;
	}
}
 @-webkit-keyframes 
JUMP {
	0% {
	bottom: 75px;
	}
	50% {
	bottom: 95px;
	}
	80% {
	bottom: 85px;
	}
	100% {
	bottom: 75px;
	}
}

@-webkit-keyframes MOVE {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes MOVE {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.opacity-n {
    -webkit-animation: opacityn 0.3s linear;
    animation: opacityn 0.3s linear;
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    opacity: 1;
}
#loading .loading-main {
	position: absolute;
	top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border-radius: 50%;
    border: 0px solid #003365;
    border-left-width: 1px;
    border-bottom-width: 2px;
    border-right-width: 3px;
    -webkit-animation: loading 2s linear infinite;
    -webkit-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite;
}
#loading .loading-main>div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
}
	


/* -------------------------------
container
----------------------------------*/
.container {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

@media (min-width: 961px) {
	.container {
		max-width: 1400px;
		width: 86%;
	}
}
@media (max-width: 960px) {
	.container {
		margin-left: 20px;
		margin-right: 20px;
	}
}

.gallerybanner {
	position: relative;
}


/* ---------------------------------
* public
------------------------------------*/
.bgcoverwpt {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.thumb-scale {
	overflow: hidden;
}

.thumb-scale img {
	display: block;
	width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;	
}
.thumb-scale:hover img,
a:hover .thumb-scale img {
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.allcontentwrapper {
	display: block;
	position: relative;
}
/* .allcontentwrapper p,	
.allcontentwrapper ul {
	margin: 0;
} */
.allcontentwrapper>p:first-child,
.pper>p:first-child {
	margin-top: 0;
}
.allcontentwrapper>p:last-child,
.pper>p:last-child {
	margin-bottom: 0;
}
.allcontentwrapper .tcenter {
	text-align: center;
}

.has-tables table {
	width: 100%;
}
.allcontentwrapper table thead {
	text-align: center;
}
.allcontentwrapper table th,
.allcontentwrapper table td {
	vertical-align: middle;
	padding: 8px;
	word-break: break-all;
	border: 1px solid #CFCFCF;
}
.allcontentwrapper table th {
	font-weight: normal;
}
.allcontentwrapper table td a {
	color: #0079D4;
}
.allcontentwrapper table td a:hover {
	text-decoration: underline;
}


.sitebanner {
	position: relative;
	z-index: 2;
}
.sitebanner .gallery {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.sitebanner .gallery img {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
}

.hasScrollbar {
	overflow: auto;
}
.hasScrollbar::-webkit-scrollbar-track-piece {
	width:4px;
	background-color:#eee
}
.hasScrollbar::-webkit-scrollbar {
	width:4px;
	background-color:#d8d8d8
}
.hasScrollbar::-webkit-scrollbar-thumb {
	width:4px;
	background-color:#d8d8d8
}
.hasScrollbar::-webkit-scrollbar-thumb:hover {
	width:4px;
	background-color:#d8d8d8
}
.listsWrap {
	display: flex;
	flex-wrap: wrap;
}
.listsWrap .item,
.listsWrap .item .link {
	position: relative;
}
.listsWrap .item .link {
	display: block;
}


.contentdfix {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10003;
	background: rgba(5,5,5, 0.66);
}
.contentdfix .closer {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	width: 60px;
	height: 60px;
	cursor: pointer;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	background-image: url(http://www.cityanimation.com.cn/static/images/closeb.svg);
}
.contentdfix .boxwr {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 800px;
	width: 86%;
	margin: 0 auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #fff;
}
.contentdfix .boxwr .bgytitle {
	margin-bottom: 12px;
	font-size: 16px;
}
.contentdfix .swiper-container .gallery img {
	display: block;
	width: 100%;
}
.contentdfix .thumb-wrapper {
	position: relative;
	margin-top: 16px;
}
.contentdfix .boxwr .content {
	max-height: 86vh;
	padding: 20px;
}
.contentdfix .gallery-thumbs .swiper-slide {
	border: 2px solid transparent;
}
.contentdfix .gallery-thumbs .swiper-slide-thumb-active {
	border-color: #58B8E1;
}


@media (min-width: 961px) {
	.contentdfix .boxwr .content {
		padding: 40px;
	}
	.contentdfix .boxwr .bgytitle {
		margin-bottom: 20px;
		font-size: 18px;
	}
}




@media (max-width: 640px) {
	.has-tables {
		position: relative;
		overflow: auto;
	}
	.has-tables table {
		min-width: 640px;
	}
	.allcontentwrapper .has-tables::after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 20px;
		background-color: rgba(0,0,0, .1);
	    -webkit-filter: blur(9px);
	    filter: blur(9px);
	}
}
.siteheader ul,
.sitefooter ul {
	padding-left: 0;
	margin: 0;
}

.siteheader ul li,
.sitefooter ul li {
	list-style: none;
}
.content-isHidden {
	overflow: hidden;
}


.gallery-hovers {
	position: relative;
}
.gallery-hovers .pic {
	position: relative;
	z-index: 3;
	transition: 0.3s;
}
.gallery-hovers .hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 5;
	opacity: 0;
	transition: 0.3s;
}

.gallery-hovers .imgsbox,
.gallery-hovers .glas,
.gallery-hovers .glas .pic,
.gallery-hovers .glas .hover {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.gallery-hovers .imgsbox {
	width: 80px;
	height: 80px;
	background-color: rgba(255,255,255,  .2);
}
.gallery-hovers .glas {
	position: relative;
	background-color: #fff;
}
.gallery-hovers .glas img {
	max-width: 54px;
}
.gallery-hovers .glas .pic,
.gallery-hovers .glas .hover {
	width: 64px;
	height: 64px;
}
.link:hover .gallery-hovers .pic {
	opacity: 0;
}
.link:hover .gallery-hovers .hover {
	opacity: 1;
}


/* ---------------------------------
* pagination
------------------------------------*/
.pagination {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}
.pagination a {
	display: inline-block;
	margin-top: 5px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 0 8px;
	min-width: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #999;
	cursor: pointer;
	border-radius: 5px;
}
.banner-btn,
.pagination .prev,
.pagination .next {
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .2s;
	outline: none;
}
.banner-btn {
	position: absolute;
	top: 50%;
	z-index: 4;
	transform: translate(0, -50%);
	width: 20px;
	height: 36px;
	cursor: pointer;
	border: none;
	background-repeat: no-repeat;
	background-size: contain;
}
.banner-prev {
	left: 0;
	background-image: url(http://www.cityanimation.com.cn/static/images/iprev_g.png);
}
.banner-next {
	right: 0;
	background-image: url(http://www.cityanimation.com.cn/static/images/inext_g.png);
}
.pagination .prev {
	background-image: url(../image/prev.png);
}
.pagination .next {
	background-image: url(../image/next.png);
}

.pagination a:hover,
.pagination a.active {
	color: #fff;
	background-color: #D81E06;
}
.pagination .prev:hover {
	background-image: url(../image/prevr.png);
}
.pagination .next:hover {
	background-image: url(../image/nextr.png);
}
.banner-btn:hover {
	opacity: 1 !important;
}
.banner-prev:hover {
	background-image: url(http://www.cityanimation.com.cn/static/images/iprev_gr.png)  !important;
}
.banner-next:hover {
	background-image: url(http://www.cityanimation.com.cn/static/images/inext_gr.png)  !important;
}

.banner-page {
	position: relative;
	z-index: 2;
	text-align: center;
}
.banner-page1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.banner-page1 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 4px;
	border-radius: 50%;
	background-color: #fff;
}
.banner-page1 .swiper-pagination-bullet-active {
	background-color: #D81E06;
}


.rightMenuBtn {
	display: none;
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 100;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.rightMenuBtn span,
.rightMenuBtn span:after,
.rightMenuBtn span:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #D81E06;
	border-radius: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.rightMenuBtn span {
	top: 16px;
}
.rightMenuBtn span:after,
.rightMenuBtn span:before {
	content: "";
}
.rightMenuBtn span:before {
	top: -8px;
}
.rightMenuBtn span:after {
	top: 8px;
}
.rightMenuBtn.active span {
	background-color: transparent;
}
.rightMenuBtn.active span:after,
.rightMenuBtn.active span:before {
	background-color: #333;
}
.rightMenuBtn.active span:before {
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

.rightMenuBtn.active span:after {
	-webkit-transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

#mapContainer {
	width: 100%;
	height: 340px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#mapContainer canvas {
	max-width: none;
}
#mapContainer .MicrosoftMap .Infobox .infobox-info {
	padding-top: 0;
}
#mapContainer img {
	max-width: none;
}

@media (min-width: 961px) {
	#mapContainer {
		height: 430px;
	}
	.pagination {
		margin-top: 54px;
	}
	.banner-page1 {
		bottom: 20px;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
}
@media (max-width: 960px) {
	.pagination a {
		min-width: 26px;
		padding: 0 5px;
		line-height: 26px;
	}
}



/* -header------------*/
.siteheader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background-color: #fff;
}
.siteheader .logo a {display: inline-block;}
.headcover {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 80;
	background: rgba(0,0,0,0.30);
}
.search .ipts {
	width: 100%;
	height: 30px;
}
.search .btns, .serbtn {
	display: inline-block;
	width: 30px;
	height: 24px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../image/isearch.png);
}



.siteheader .container {
	display: flex;
	justify-content: space-between;
}
.siteheader .logo,
.siteheader .navbox {
	display: flex;
	align-items: center;
}
.searchbopw .btns,
.searchbopw .serbtn {
	background-image: url(../image/isearch.png);
}
.searchbopw .btns {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #D81E06;
}
.searchbopw .search {
	position: relative;
}
.searchbopw .search .ipts {
	padding-left: 14px;
	padding-right: 64px;
	border: 1px solid #E5E5E5;
}
.searchbopw .search .ipts,
.searchbopw .btns,
.searchbopw .serbtn {
	height: 34px;
}
.siteheader .navbox .infos>li>a {
	font-weight: bold;
}
.siteheader .navbox .infos>li.active>a,
#mmenu .mm-listitem.active>a {
	color: #D81E06;
}

/* 确保移动端导航菜单在桌面端正确显示 */
.siteheader .navbox .infos {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 确保mmenu插件生成的菜单样式正确 */
#mmenu .mm-listitem a {
	color: #333;
	text-decoration: none;
}

.siteheader.navActive {
	box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

@media (min-width: 961px) {
	.siteheader {
		padding-top: 22px;
		padding-bottom: 22px;
	}
	.headerhpt {
		height: 87px;
	}
	.siteheader .container {
		max-width: 100%;
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	.siteheader .logo img {
		height: 43px;
	}
	.siteheader .navbox .infos {
		display: flex;
	}
	.siteheader .navbox .infos>li {
		padding: 0 24px;
	}
	.siteheader .navbox .infos>li>a {
		display: block;
		line-height: 43px;
		color: #666;
	}
	.siteheader .searchbopw {
		margin-left: 24px;
	}
	.searchbopw .btns,
	.searchbopw .serbtn {
		width: 50px;
	}
	.searchbopw .search .ipts {
		width: 235px;
		border-radius: 20px;
	}
	.searchbopw .search .btns {
		top: -1px;
		height: 36px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.searchbopw .serbtn {
		display: none;
		cursor: pointer;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
	.searchbopw .search .ipts {
		width: 190px;
	}
	.siteheader .navbox .infos>li {
    padding: 0 10px;
	}
}
/* 移动端侧边菜单样式 */
.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-overlay.active {
	opacity: 1;
	visibility: visible;
}

.mobile-menu {
	position: fixed;
	top: 0;
	right: -320px;
	bottom: 0;
	width: 80%;
	max-width: 320px;
	background: #fff;
	z-index: 9999;
	transition: right 0.3s ease;
	overflow-y: auto;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}

.mobile-menu.active {
	right: 0;
}

.mobile-menu-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	background: #f8f8f8;
	border-bottom: 1px solid #e0e0e0;
}

.mobile-menu-header h2 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.mobile-menu-close {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #333;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-menu-close:hover {
	color: #D81E06;
}

.mobile-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mobile-menu-list li {
	border-bottom: 1px solid #e0e0e0;
}

.mobile-menu-list li a {
	display: block;
	padding: 15px 20px;
	color: #333;
	text-decoration: none;
	transition: background-color 0.2s ease;
	font-size: 16px;
}

.mobile-menu-list li a:hover {
	background-color: #f5f5f5;
	color: #D81E06;
}

/* 修复移动端导航菜单的显示 */
@media (max-width: 960px) {
	.siteheader,
	.siteheader .container,
	.headerhpt {
		height: 50px;
	}
	.siteheader,
	.siteheader .search {
		box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
	}
	.siteheader .container {
		padding-right: 40px;
	}
	.siteheader .logo img {
		height: 32px;
	}
	.searchbopw .btns, .searchbopw .serbtn {
		background-size: 20px;
	}
	.searchbopw .search {
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		z-index: 96;
		padding: 10px;
		background-color: #fff;
	}
	.searchbopw .flexs {
		display: none;
	}
	.searchbopw .btns {
		top: 10px;
		right: 10px;
		width: 34px;
	}
	.searchbopw .serbtn {
		background-image: url(../image/isearchr.png);
	}
	.searchbopw .serbtn.active {
		background-image: url(../image/isearchr.png);
	}

	.rightMenuBtn {
		display: block !important;
		z-index: 1000 !important;
		background: none;
		border: none;
		padding: 0;
	}
	
	/* 确保汉堡按钮可见并可点击 */
	.rightMenuBtn {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	
	/* 修复桌面端导航在移动端隐藏 */
	.siteheader .navbox .desktop-nav {
		display: none !important;
	}
}

/* 桌面端样式 */
@media (min-width: 961px) {
	.rightMenuBtn {
		display: none !important;
	}
	
	/* 桌面端隐藏移动端菜单 */
	.mobile-menu-overlay,
	.mobile-menu {
		display: none !important;
	}
	
	/* 桌面端显示桌面导航 */
	.siteheader .navbox .desktop-nav {
		display: flex !important;
	}
}


.video-container {
    text-align: center;
    padding: 40px 0;
    background-color: #f8f8f8;
    margin: 20px auto;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-width: 1200px;
}

/* 新增模块1：动漫作品展示 */
.works-section {
    padding: 60px 0;
    background-color: #fff;
}

.works-section .section-title {
    text-align: center;
    margin-bottom: 40px;
}

.works-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.work-item {
    background-color: #f8f8f8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.work-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.work-pic {
    overflow: hidden;
    height: 200px;
}

.work-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.work-item:hover .work-pic img {
    transform: scale(1.1);
}

.work-info {
    padding: 20px;
    text-align: center;
}

.work-info h4 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.work-info p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

/* 新增模块2：服务领域 */
.services-section {
    padding: 60px 0;
    background-color: #f8f8f8;
}

.services-section .section-title {
    text-align: center;
    margin-bottom: 40px;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.service-item {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.service-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    border-radius: 50%;
}

.service-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.service-item h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.service-item p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}

/* 新增模块3：客户案例 */
.cases-section {
    padding: 60px 0;
    background-color: #fff;
}

/* 新增模块4：海派中心 */
.haipai-section {
    padding: 80px 0;
    background-color: #f9f9f9;
    position: relative;
    overflow: hidden;
}

.haipai-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #D81E06, #CF0C00);
}

.haipai-section .section-title {
    margin-bottom: 60px;
}

.text-center {
    text-align: center;
}

.haipai-content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.haipai-image {
    flex: 0 0 35%; /* 缩小图片大小，比原来的45%小20% */
    max-width: 35%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.haipai-image:hover {
    transform: translateY(-3px);
}

.haipai-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.haipai-info {
    flex: 0 0 60%;
    max-width: 60%;
}

.haipai-description {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    height: 100%;
    box-sizing: border-box;
}

.haipai-box-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}

.haipai-box-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background-color: #D81E06;
    border-radius: 2px;
}

.haipai-box-text {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin: 0;
}

/* 响应式设计 */
@media (max-width: 960px) {
    .haipai-section {
        padding: 60px 0;
    }
    
    .haipai-content {
        flex-direction: column;
        gap: 30px;
    }
    
    .haipai-image,
    .haipai-info {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%;
    }
    
    .haipai-section .section-title {
        margin-bottom: 40px;
    }
    
    .haipai-description {
        padding: 25px;
    }
}

@media (max-width: 768px) {
    .haipai-section {
        padding: 40px 0;
    }
    
    .haipai-description {
        padding: 20px;
    }
    
    .haipai-box-title {
        font-size: 18px;
    }
    
    .haipai-box-text {
        font-size: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 8; /* 移动端只显示8行文字 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 480px) {
    .haipai-content {
        padding: 0 15px;
    }
    
    .haipai-description {
        padding: 18px;
    }
    
    .haipai-box-title {
        font-size: 16px;
    }
    
    .haipai-box-text {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 6; /* 小屏设备只显示6行文字 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.cases-section .section-title {
    text-align: center;
    margin-bottom: 40px;
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.case-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.case-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.case-item:hover img {
    transform: scale(1.1);
}

.case-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 20px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.case-item:hover .case-overlay {
    transform: translateY(0);
}

.case-overlay h4 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
}

.case-overlay p {
    margin: 0;
    font-size: 14px;
    opacity: 0.9;
}

/* 响应式设计 */
@media (max-width: 960px) {
    .works-section,
    .services-section,
    .cases-section {
        padding: 40px 20px;
    }
    
    .works-grid,
    .services-grid,
    .cases-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .work-pic,
    .case-item img {
        height: 180px;
    }
}

@media (max-width: 768px) {
    .works-section,
    .services-section,
    .cases-section {
        padding: 30px 15px;
    }
    
    .works-grid,
    .services-grid,
    .cases-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .work-pic,
    .case-item img {
        height: 160px;
    }
    
    .service-item {
        padding: 25px 20px;
    }
    
    .service-icon {
        width: 70px;
        height: 70px;
    }
    
    .service-icon img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .works-section,
    .services-section,
    .cases-section {
        padding: 20px 10px;
    }
    
    .work-pic,
    .case-item img {
        height: 140px;
    }
    
    .work-info,
    .service-item {
        padding: 15px;
    }
    
    .work-info h4,
    .service-item h4,
    .case-overlay h4 {
        font-size: 16px;
    }
    
    .work-info p,
    .service-item p,
    .case-overlay p {
        font-size: 13px;
    }
}

.video-container video {
    width: 100%;
    max-width: 800px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.video-container video:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}

/* 响应式设计 */
@media (max-width: 960px) {
    .video-container {
        padding: 20px 15px;
        margin: 15px;
        border-radius: 8px;
    }
    
    .video-container video {
        max-width: 100%;
        border-radius: 6px;
    }
}

@media (max-width: 768px) {
    .video-container {
        padding: 15px 10px;
        margin: 10px;
    }
}

/* footer */
.sitefooter {
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	background-color: #222;
}
.sitefooter, .sitefooter a {
	color: #fff;
}
.sitefooter .menu {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #313131;
}
.sitefooter .menu .friend {
	position: relative;
}
.sitefooter .menu .friend .desc {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-left: -50px;
	padding: 5px;
	min-width: 100px;
	max-width: 300px;
	white-space: nowrap;
	background-color: #fff;
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}
.sitefooter .menu .friend .desc a {
	display: block;
	margin-top: 2px;
	color: #333;
}
.sitefooter .menu .friend .desc a:hover {
	color: #D41D06;
}

.sitefooter .menu .friend:hover .desc {
	display: block;
}

@media (min-width: 961px) {
	.sitefooter .menu .container {
		display: flex;
		justify-content: center;
	}
	.sitefooter .menu .friend {
		margin-left: 6px;
	}
	.sitefooter .menu .friend .w {
		cursor: pointer;
	}
}

@media (max-width: 960px) {
	.sitefooter {
		font-size: 12px;
	}
	.sitefooter .menu .wt {
		display: none;
	}
}

.wrapper {
	overflow: hidden;
}
.positionwrapper,
.positionwrapper a {
	color: #999;
}
.positionwrapper i {
	font-style: normal;
}

.positionwrapper .container {
	padding-bottom: 6px;
	border-bottom: 1px solid #D2D2D2;
}
.detailwrps {
	padding-top: 20px;
}

.detailtitle {
	font-weight: bold;
	text-align: center;
	color: #212121;
	font-size: 28px;
}
.detailinfo {
	margin-top: 5px;
	color: #888;
	text-align: center;
}
.detailinfo .author {
	margin-left: 24px;
}
.detailcontent,
.detailcontrol {
	margin-top: 20px;
}
.detailcontent {
	color: rgba(102,102,102, .75);
}
.detailcontrol {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid #E6E6E6;
}
.detailcontrol a {
	color: #444;
}

.siteh2,
.siteh3,
.comic_jslistin .rightr .title,
.homenews .leftr .info {
	font-family: 'SourceHanSerifCN', 'Microsoft Yahei','Helvetica', 'Noto Sans S Chinese','Open Sans','SimSun';
}
.siteh2 {
	line-height: 28px;
	font-size: 24px;
	font-weight: bold;
	text-transform: capitalize;
}
.siteh3 {
	margin-top: 6px;
}
.indexinnerbanner {
	position: relative;
}
.indexinnerbanner .content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 300px;
	padding: 30px 0;
	color: #fff;
	text-align: center;
}
.indexinnerbanner .gallery {
	display: none;
}
.indexinnerbanner .gallery img {
	display: block;
	width: 100%;
}

.columntitle {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
}
.columntitle .word {
	display: inline-block;
	position: relative;
}
.columntitle.colhasline .word {
	padding-bottom: 5px;
}
.columntitle.colhasline .word::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: -2;
	width: 40px;
	height: 4px;
	background-color: #D81E06;
	transform: translate(-50%, 0);
}
.back_grey {
	background-color: #F9F9F9;
}
.columnwrapper {
	overflow: hidden;
}
.columnwrapper .list {
	margin: 0;
	padding: 0;
}
.columnwrapper .list li {
	position: relative;
	list-style: none;
}
.columnwrapper .curcol {
	padding: 0;
	margin: 0;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #D41D06;
}
.columnwrapper .list li a {
	display: block;
	position: relative;
	text-align: center;
}

.columnwrapper .list li a:hover,
.columnwrapper .list li.active a {
	background-color: #fff;
}

.timewrp {
	color: #999;
}
.timewrp {
	line-height: 22px;
	padding-left: 24px;
	background-position: left top 3px;
	background-image: url(../image/itime.png);
	background-repeat: no-repeat;
}


@media (min-width: 961px) {
	.siteh2 {
		line-height: 60px;
		font-size: 50px;
	}
	.siteh3 {
		margin-top: 10px;
		line-height: 30px;
		font-size: 24px;
	}
	.columntitle {
		line-height: 40px;
		font-size: 30px;
	}
	.columntitle.colhasline .word {
		padding-bottom: 14px;
	}
	.wrapper {
		padding-bottom: 130px;
	}
	.nobannerwrapper {
		padding-top: 36px;
	}
	.detailwrps {
		padding-top: 80px;
	}
	.detailinfo {
		margin-top: 14px;
	}
	.detailcontent {
		margin-top: 60px;
	}
	.detailcontrol {
    margin-top: 70px;
    padding-top: 22px;
    padding-left: 50px;
    padding-right: 50px;
	}
	.indexinnerbanner .content {
		min-height: 200px;
	}
	.columnwrapper .container {
		display: flex;
		justify-content: space-between;
		background-color: #F4F4F4;
	}
	.columnwrapper .container::before {
		content: '';
		position: absolute;
		right: -100%;
		width: 100%;
		top: 0;
		bottom: 0;
		background-color: #F4F4F4;
	}
	.columnwrapper .curcol {
		width: 24%;
	}
	.columnwrapper .curcol,
	.columnwrapper .list li a {
		line-height: 110px;
	}
	.columnwrapper .list li a {
		padding: 0 30px;
		font-size: 18px;
	}
	.columnwrapper .list li a::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 0;
		height: 1px;
		background-color: #D81E06;
		transition: all .2s;
	}
	.columnwrapper .list li a:hover::after,
	.columnwrapper .list li.active a::after {
		width: 100%;
		transform: translate(-50%, 0);
	}

	.paddingtop110 {
		padding-top: 5.5%;
	}
	.paddingtop50 {
		padding-top: 2.8%;
	}
	.aboutprofile,
	.contactinfo .contactlistin {
		max-width: 1200px;
		width: 90%;
		margin: auto;
	}
}
@media (min-width: 1201px) {
	.columnwrapper .list li {
		min-width: 170px;
	}
}
@media (max-width: 1200px) {
	.indexinnerbanner .gallery {
		display: none;
	}
	.indexinnerbanner .content .container {
		width: 100%;
		margin: 0;
	}
}

@media (max-width: 960px) {
	.columntitle.colhasline .word::after {
		width: 30px;
		height: 3px;
	}
	.wrapper {
		padding-bottom: 50px;
	}
	.nobannerwrapper,
	.paddingtop110,
	.paddingtop50 {
		padding-top: 30px;
	}
	.detailtitle {
		font-size: 18px;
	}
	.columnwrapper {
		background-color: #F4F4F4;
	}
	.columnwrapper .curcol {
		display: none;
	}
	.columnwrapper .list {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.columnwrapper .list li {
		/* margin-right: 10px; */
		margin-right: 0;
	}
	.columnwrapper .list li:last-child {
		margin-right: 0;
	}
	.columnwrapper .list li a {
		padding: 8px 14px;
	}
}




.newslistin .item {
	width: 100%;
}
.newslistin .item .container {
	border-bottom: 1px solid #eee;
}
.newslistin .item .title {
	font-weight: bold;
	transition: all .2s;
}
.newslistin .item .uname {
	color: #999;
}
.newslistin .item .uname {
	margin-top: 4px;
}
.newslistin .item .allcontentwrapper {
	margin-top: 16px;
	color: #818181;
}
.newslistin .item .allcontentwrapper p {
	margin: 0;
}
.newslistin .item .pic img {
	width: 100%;
}

.newslistin .item .link:hover .title {
	color: #D81E06;
}


@media (min-width: 961px) {
	.newslistin .item .container {
		display: flex;
		justify-content: space-between;
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.newslistin .item .pic {
		width: 23.6%;
	}
	.newslistin .item .text {
		width: 100%;
		padding-left: 3%;
		padding-right: 20%;
	}
	.newslistin .item .title {
		font-size: 20px;
	}
	.newslistin .item .timewrp {
		flex: 0 0 100px;
	}
	.newslistin .item .link:hover {
		background-color: #F1F1F1;
	}
}

@media (max-width: 960px) {
	.newslistin .item .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.newslistin .item .pic {
		max-width: 330px;
		margin: auto;
		text-align: center;
	}
	.newslistin .item .text {
		margin-top: 20px;
	}
	.newslistin .item .title {
		font-size: 16px;
	}
	.newslistin .item .timewrp {
		margin-top: 14px;
	}
}


.aboutprofile,
.aboutlistin .rightr {
	color: #666;
}
.aboutprofile .item {
	display: inline-block;
}
.aboutprofile .info {
	color: #D81E06;
	font-weight: bold;
}
.aboutprofile .info span {
	vertical-align: baseline;
	font-weight: normal;
	font-size: 14px;
}

.aboutlistin .galy {
	position: relative;
}
.aboutlistin .leftr .galy {
	background-color: #D81E06;
}
.aboutlistin .leftr .info {
	padding: 20px 14px 30px;
}
.aboutlistin .leftr .en {
	color: #fff;
	text-transform: uppercase;
}
.aboutlistin .leftr .cn {
	margin-top: 10px;
}
.aboutlistin .leftr .des {
	color: rgba(255,255,255,  .5);
}
.aboutlistin .rightr .allcontentwrapper,
.awardslistin .contents .allcontentwrapper {
	overflow: hidden;
	transition: all .5s;
}
.aboutlistin .rightr .allcontentwrapper.active,
.awardslistin .contents .allcontentwrapper.active {
	height: auto;
	max-height: 1500px;
}
.awardslistin .contents .pagemore {
	margin-top: 20px;
}

@media (min-width: 961px) {
	.aboutprofile {
		display: flex;
		justify-content: space-between;
	}
	.aboutprofile {
		padding-top: 6%;
    padding-bottom: 4%;
	}
	.aboutprofile .info {
		line-height: 50px;
		font-size: 40px;
	}

	.aboutlistin {
		justify-content: space-between;
	}
	.aboutlistin .leftr {
		width: 35.7%;
	}
	.aboutlistin .rightr {
		width: 57.2%;
	}
	.aboutlistin .leftr .en {
		line-height: 60px;
		font-size: 50px;
	}
	.aboutlistin .leftr .cn {
		line-height: 30px;
		font-size: 28px;
	}
	.aboutlistin .leftr .des {
		margin-top: 6px;
		font-size: 18px;
	}
	.aboutlistin .rightr .allcontentwrapper {
		/* max-height: 25vw; */
		line-height: 1.3;
	}
	.awardslistin .contents .allcontentwrapper {
		max-height: 20vw;
	}
}
@media (min-width: 1628px) {
	/* .aboutlistin .rightr .allcontentwrapper {
		max-height: 362px;
	} */
	.awardslistin .contents .allcontentwrapper {
		max-height: 230px;
	}
}
@media (max-width: 1500px) and (min-width: 961px) {
	.aboutlistin .leftr .en {
		line-height: 50px;
		font-size: 40px;
	}
	.aboutlistin .leftr .cn {
		line-height: 26px;
		font-size: 20px;
	}
	.aboutlistin .leftr .des {
		font-size: 16px;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
	.aboutlistin .leftr .en {
		line-height: 40px;
		font-size: 34px;
	}
}
@media (max-width: 960px) {
	.aboutprofile {
		display: flex;
		flex-wrap: wrap;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.aboutprofile .item {
		width: 33.33%;
	}
	.aboutprofile .info {
		font-size: 18px;
	}
	.aboutlistin .leftr .en {
		font-size: 16px;
	}
	.aboutlistin .leftr .pic img {
		width: 100%;
	}
	.aboutlistin .leftr,
	.aboutlistin .rightr {
		width: 100%;
	}
	.aboutlistin .rightr {
		margin-top: 20px;
	}
	.aboutlistin .galy .pagemore,
	.awardslistin .contents .pagemore {
		display: none;
	}
}



.organizationtable {
	text-align: center;
}
.organizationtable .word {
	position: relative;
	display: inline-block;
}
.organizationtable .top3 .item2 {
	width: 100%;
}

.organizationtable .word {
	border: 2px solid #333;
}
.organizationtable .item2 {
	display: flex;
	justify-content: space-between;
}
.organizationtable .top2 {
	margin-top: 22px;
}
.organizationtable .top3 {
	position: relative;
	margin-top: 44px;
}

.organizationtable .hasbgAll::after,
.organizationtable .top3::after,
.organizationtable .word::after,
.organizationtable .top6::before,
.organizationtable .top6::after,
.organizationtable .top6 .hasbgAll::before,
.organizationtable .top7::after {
	content: '';
	position: absolute;
	background-color: #333;
}
.organizationtable .hasbgAll::after,
.organizationtable .top6 .hasbgAll::before,
.organizationtable .word::after {
	left: 50%;
	margin-left: -1px;
	height: 24px;
	width: 2px;
}
.organizationtable .top3::after,
.organizationtable .top6::before,
.organizationtable .top7::after {
	height: 2px;
}
.organizationtable .hasbgAll::after {
	bottom: -24px;
}
.organizationtable .top3 .word::after,
.organizationtable .top3::after {
	top: -24px;
}

.organizationtable .top6,
.organizationtable .top6 .left,
.organizationtable .top6 .center,
.organizationtable .top6 .right {
	position: relative;
}
.organizationtable .top6,
.organizationtable .top7 {
	margin-top: 44px;
}
.organizationtable .top6 .left .hasbgAll {
	opacity: 0;
}

.organizationtable .top6,
.organizationtable .item7 {
	display: flex;
	justify-content: space-between;
}

.organizationtable .list222 {
	display: none !important;
}



@media (min-width: 961px) {
	.organizationtable {
		margin-top: 5.5%;
	}
	.organizationtable .word {
		min-width: 110px;
		height: 50px;
		line-height: 46px;
		font-size: 18px;
	}
	.organizationtable .top3::after {
		left: 54px;
		right: 54px;
	}
	
	.organizationtable .top {
    position: relative;
    left: 41.5%;
    margin-left: -76px;
		text-align: left;
	}
	.organizationtable .top .word {
		padding-left: 20px;
		padding-right: 20px;
	}
	.organizationtable .top6 .hasbgAll::before {
		bottom: -24px;
	}
	.organizationtable .top6::before {
		top: -24px;
    right: 20%;
		left: 11.5%;
		margin-right: -1px;
	}
	.organizationtable .top6::after {
		top: -24px;
		left: 11.5%;
		bottom: 72px;
		width: 2px;
	}
	.organizationtable .top7::after {
		top: 70px;
		left: 54px;
		right: 54px;
	}
	.organizationtable .item7 {
		display: flex;
	}
	.organizationtable .top6 .word::after {
		top: -24px;
	}
	.organizationtable .top6 .left,
	.organizationtable .top6 .center {
		width: 23%;
		margin-right: 7%;
	}
	.organizationtable .top6 .right {
		width: 40%;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
	.organizationtable .top6 .left,
	.organizationtable .top6 .center {
    width: 28%;
    margin-right: 2%;
	}
}
@media (max-width: 960px) {
	.organizationtable {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.organizationtable .hasbgAll {
		min-width: 90px;
		line-height: 30px;
	}
	.organizationtable .word {
		height: auto;
		line-height: 24px;
	}
	.organizationtable .top3 .word,
	.organizationtable .top7 .word {
		min-width: 1px;
		width: 30px;
		padding: 10px 0;
	}
	.organizationtable .top {
    position: relative;
    left: 42.5%;
    margin-left: -47px;
		text-align: left;
	}
	.organizationtable .top .word {
		padding-left: 10px;
		padding-right: 10px;
	}
	.organizationtable .top3::after {
		left: 14px;
		right: 14px;
	}
	.organizationtable .top6::before {
		top: 0;
		/* left: 42.2%; */
		left: 12%;
		right: 19%;
	}
	.organizationtable .top6::after {
		top: 0;
		left: 12%;
		width: 2px;
		bottom: 120px;
	}
	.organizationtable .top6 {
		display: flex;
		justify-content: space-between;
		margin-top: 22px;
	}
	.organizationtable .top6 .left,
	.organizationtable .top6 .center,
	.organizationtable .top6 .right {
		padding-bottom: 142px;
		margin-top: 22px;
	}
	.organizationtable .top6 .left,
	.organizationtable .top6 .center {
		width: 23%;
	}
	.organizationtable .top6 .right {
		width: 38%;
	}
	.organizationtable .top7 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.organizationtable .top6 .word::after {
		top: -24px;
	}
	.organizationtable .top6 .hasbgAll::before {
		bottom: -24px;
	}
	.organizationtable .top7::after {
		top: -24px;
		left: 14px;
		right: 14px;
	}
}




@keyframes redpoint_big {
	from {
			box-shadow: 0 0 10px rgba(189,129,82, .1);
	}

	to {
			box-shadow: 0 0 10px rgba(216,30,7, 1);
	}
}

.organizationlistin,
.organizationlistin .item {
	position: relative;
}
.organizationlistin .item {
	position: relative;
	width: 100%;
}
.organizationlistin .item:first-child {
	margin-top: 0;
}
.organizationlistin .item .kong {
	font-size: 0;
}
.organizationlistin .item:first-child .link {
	margin-top: 0;
}
.organizationlistin .item .content {
	padding: 24px;
	background-color: #fff;
}
.organizationlistin .item .content .title {
	font-size: 16px;
	color: #D81E06;
	font-weight: bold;
}
.organizationlistin .item .num,
.organizationlistin .item .num::before {
	position: absolute;
	left: 50%;
	border-radius: 50%;
}
.organizationlistin .item .num {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #D81E07;
}
.organizationlistin .item .num::before {
	content: '';
	width: 80px;
	height: 80px;
	top: 25px;
	z-index: -1;
	margin-top: -40px;
	margin-left: -40px;
	background-color: rgba(216,30,7, .3);
	animation: redpoint_big 0.5s ease infinite alternate forwards;
	-moz-animation: redpoint_big 0.5s ease infinite alternate forwards;
	-webkit-animation: redpoint_big 0.5s ease infinite alternate forwards;
	-o-animation: redpoint_big 0.5s ease infinite alternate forwards;
}

.organizationlistin .item .desc {
	margin-top: 12px;
	color: #666;
}


@media (min-width: 961px) {
	.organizationlistin::before,
	.organizationlistin .item .num {
		top: 80px;
	}
	.organizationlistin {
		padding-bottom: 30px;
	}
	.organizationlistin::before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 2px;
		margin-left: -1px;
		background-color: #D81E07;
	}
	.organizationlistin::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 14px;
		height: 50px;
		margin-left: -7px;
		background-image: url(../image/1_07.png);
	}

	.organizationlistin .item .link {
		margin-top: 40px;
	}	
	.organizationlistin .item .link {
		display: flex;
	}
	.organizationlistin .item:nth-child(2n) .link {
    flex-direction: row-reverse;
	}
	.organizationlistin .item .content {
    max-width: 630px;
    width: 45%;
	}
	.organizationlistin .item .content .title {
		font-size: 20px;
	}
}

@media (max-width: 960px) {
	.organizationlistin .item {
		margin-top: 20px;
	}
	.organizationlistin .item .num {
		display: none;
	}
	.organizationlistin .item .content {
		padding: 20px;
	}
}


.awardslistin .contents {color: #666;}
.awardslistin .contents .lists {
	padding: 0;
	margin: 0;
}
.awardslistin .contents .lists li {
	display: flex;
	list-style: none;
	margin-top: 6px;
}
.awardslistin .contents .lists li:first-child {
	margin-top: 0;
}
.awardslistin .contents .lists li .month {
	padding-right: 20px;
	white-space: nowrap;
	color: #333;
	font-weight: bold;
}
.awardslistin .galy {
	position: relative;
}
.awardslistin .leftr .year {
	color: #ccc;
	font-weight: bold;
}
.awardslistin .leftr .active .year {
	color: #D81E06;
}

.awardslistin .banner-btn {
	transform: none;
	width: 31px;
	height: 31px;
}
.awardslistin .banner-left {
	background-image: url(../image/itop.png);
}
.awardslistin .banner-right {
	background-image: url(../image/ibottom.png);
}
.awardslistin .banner-left:hover {
	background-image: url(../image/itop.png);
}
.awardslistin .banner-right:hover {
	background-image: url(../image/ibottom.png);
}



@media (min-width: 961px) {
	.awardsinfo,
	.organizationinfo,
	.organizationlistin {
		margin-top: 7%;
	}
	.awardslistin {
		padding-top: 4%;
    flex-direction: row-reverse;
	}
	.awardslistin .leftr {
		width: 200px;
		flex: 0 0 200px;
	}
	.awardslistin .rightr {
		flex: 1;
		padding-right: 30px;
	}
	.awardslistin .contents {
		font-size: 18px;
	}
	.awardslistin .contents .lists li {
		margin-top: 14px;
	}
	.awardslistin .swiper-container {
		height: 200px;
		text-align: center;
	}
	.awardslistin .leftr .year {
		font-size: 24px;
		cursor: pointer;
	}
	.awardslistin .leftr .active .year {
		font-size: 38px;
	} 
	.awardslistin .galy {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.awardslistin .banner-btn {
		left: 50%;
		top: auto;
		margin-left: -15px;
	}
	.awardslistin .banner-left {
		top: 0;
	}
	.awardslistin .banner-right {
		bottom: 0;
	}
	.awardslistin .leftr .swiper-slide {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media (max-width: 960px) {
	.awardsinfo,
	.organizationinfo,
	.organizationlistin {
		padding-top: 30px;
	}
	.awardslistin,
	.awardslistin .rightr {
		margin-top: 20px;
	}
	.awardslistin .leftr,
	.awardslistin .rightr {
		width: 100%;
	}
	.awardslistin .banner-btn {
		transform: rotate(-90deg);
		margin-top: -15px;
		background-size: 24px;
	}
	.awardslistin .banner-left {
		left: 0;
	}
	.awardslistin .banner-right {
		right: 0;
	}
	.awardslistin .leftr .galy {
		padding: 0 40px;
	}
	.awardslistin .leftr .swiper-slide {
		display: inline-block;
		width: 50px;
		text-align: center;
	}
	.awardslistin .leftr .year {
		line-height: 40px;
		font-size: 16px;
	}
}


.businessbgc {
	background-color: #fff;
}
.busleftcol {
	background-color: #e3e3e3;
}
.busleftcol .item,
.business_fwlistin .item {
	width: 100%;
}
.busleftcol .item .link,
.business_fwlistin .leftr .link {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}
.business_fwlistin .leftr .link {
	color: #c1c1c1;
}
.business_fwlistin .leftr .link .cn {
	transition: all .3s;
}
.busleftcol .item .link .info,
.business_fwlistin .leftr .link .info {
	width: 100%;
}
.business_fwlistin .leftr .cn,
.businesslistin .item .title {
	color: #D81E06;
}
.busleftcol .item .cn,
.business_fwlistin .leftr .cn {
	font-weight: bold;
}
.busleftcol .item .link:hover,
.busleftcol .item.active .link {
	background-color: #fff;
}
.busleftcol .item.active .link {
	border-bottom-color: #D81E06;
}
.busleftcol .item .link:hover,
.busleftcol .item.active .link {
	color: #333;
}

.businesslistin .item {
	width: 100%;
}
.businesslistin .item .boxs {
	position: relative;
	border-bottom: 1px solid #EFEFEF;
}
.businesslistin .item .titwps {
	position: relative;
}
.businesslistin .item .text {
	margin-top: 16px;
}
.businesslistin .item .title {
	font-weight: bold;
}



@media (min-width: 961px) {
	.businesswrapper {
		padding-bottom: 0;
	}
	.businesswrapper .businessbgc {
		padding-bottom: 130px;
	}
	.busleftcol .item .link,
	.business_fwlistin .leftr {
		font-size: 20px;
	}
	.businesswrapper .businessbgc {
		display: flex;
		justify-content: space-between;
	}
	.businesswrapper .leftr {
		width: 30%;
	}
	.businesswrapper .rightr {
		width: 70%;
	}
	.busleftcol .item .link {
		padding: 11%;
	}
	.busleftcol .item .link::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -19px;
		width: 19px;
		height: 36px;
		background-repeat: no-repeat;
		background-position: left center;
		transform: translate(0, -50%);
		transition: all .2s;
	}
	.busleftcol .item .link:hover::after,
	.busleftcol .item.active .link::after {
		background-image: url(../image/business_i.png);
	}

	.businesslistin .item .link {
		padding-right: 7%;
		padding-left: 8%;
	}
	.businesslistin .item .boxs {
		display: flex;
		justify-content: space-between;
		padding-top: 3.4%;
		padding-bottom: 3.8%;
	}
	.businesslistin .item .pic {
		width: 24%;
	}
	.businesslistin .item .info {
		width: 68%;
	}
	.businesslistin .item .title {
		line-height: 24px;
		font-size: 20px;
	}
	.businesslistin .item .titwps {
		padding-right: 120px;
	}
	.businesslistin .item .timewrp {
		position: absolute;
		right: 0;
		top: 0;
	}
	.businesslistin .item .link:hover {
		background-color: #F9F9FA;
	}
}
@media (max-width: 960px) {
	.businesswrapper .businessbgc {
		padding-bottom: 30px;
	}
	.busleftcol {
		font-size: 0;
	}
	.busleftcol .item {
		display: inline-block;
		width: 50%;
		font-size: 14px;
		margin-top: 10px;
	}
	.busleftcol .item:nth-child(1),
	.busleftcol .item:nth-child(2) {
		margin-top: 0;
	}
	.busleftcol .item .link {
		padding: 10px 0;
		text-align: center;
	}
	.busleftcol .item .link .en {
		font-size: 12px;
	}
	.businesslistin .item .pic {
		max-width: 220px;
		margin: auto;
	}
	.businesslistin {
		padding: 20px;
		padding-bottom: 0;
	}
	.businesslistin .item .boxs {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.businesslistin .item .info {
		margin-top: 20px;
	}
	.businesslistin .item .timewrp {
		margin-top: 5px;
	}
}



.business_fwlistin .item {
	margin-top: 28px;
}
.business_fwlistin .item:first-child {
	margin-top: 0;
}
.business_fwlistin .leftr .link {
	height: auto;
	text-align: center;
	background-color: #fff;
}
.business_fwlistin .rightr .pics {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.business_fwlistin .rightr .pics li {
	list-style: none;
}
.business_fwlistin .rightr .pics li:nth-child(1),
.business_fwlistin .rightr .pics li:nth-child(2) {
	margin-top: 0;
}

@media (min-width: 641px) {
	.business_fwlistin .rightr .pics li {
		width: 32%;
		margin-top: 2%;
		margin-right: 2%;
	}
	.business_fwlistin .rightr .pics li:nth-child(3){
		margin-top: 0;
	}
	.business_fwlistin .rightr .pics li:nth-child(3n) {
		margin-right: 0;
	}
}
@media (min-width: 961px) {
	.businessinfo {
		padding-top: 5%;
		padding-bottom: 4.5%;
	}
	.businessinfo .allcontentwrapper {
		max-width: 920px;
		width: 70%;
		margin: auto;
		margin-top: 3%;
		text-align: center;
		color: #666;
	}
	.business_fwlistin .leftr {
		width: 24%;
	}
	.business_fwlistin .rightr {
		width: 76%;
		padding-left: 12px;
	}
	.business_fwlistin .leftr .link {
		padding: 33% 0;
	}
}
@media (max-width: 960px) {
	.businessinfo {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.businessinfo .allcontentwrapper {
		margin-top: 20px;
	}
	.business_fwlistin .leftr,
	.business_fwlistin .rightr {
		width: 100%;
	}
	.business_fwlistin .leftr .link {
		padding: 20px 0;
	}
	.business_fwlistin .rightr {
		margin-top: 20px;
	}
}
@media (max-width: 640px) {
	.business_fwlistin .rightr .pics li {
		width: 48%;
		margin-right: 4%;
		margin-top: 4%;
	}
	.business_fwlistin .rightr .pics li:nth-child(2n) {
		margin-right: 0;
	}
}




.pagemore {
	margin-top: 30px;
	padding: 10px 0;
	text-align: center;
	background-color: #EFEFEF;
	cursor: pointer;
}
.pagemore .word {
	display: inline-block;
	width: 53px;
	height: 31px;
	font-size: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../image/pagemore.png);
}

.comic_wplistin .item {
	margin-top: 20px;
	background-color: #fff;
}
.comic_wplistin .item:nth-child(1),
.comic_wplistin .item:nth-child(2) {
	margin-top: 0;
}
.comic_wplistin .item .link {
	width: 100%;
	height: 100%;
}
.comic_wplistin .item .info {
	padding: 14px;
}
.comic_wplistin .item .time {
	color: #999;
}
.comic_wplistin .item .link:hover {
	box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
}

.comic_fylistin .item {
	width: 100%;
	margin-top: 20px;
	background-color: #fff;
}
.comic_fylistin .item:first-child {
	margin-top: 0;
}
.comic_fylistin .item .uname {
	font-weight: bold;
}
.comic_fylistin .item .text {
	margin-top: 16px;
	color: #666;
}
.comic_fylistin .item .pic {
	text-align: center;
}
.comic_fylistin .item .pic img {
	border-radius: 50%;
}

.comic_jslistin .item {
	width: 100%;
}
.comic_jslistin .galy {
	position: relative;
}
.comic_jslistin .leftr img {
	display: block;
	width: 100%;
}
.comic_jslistin .rightr {
	color: #666;
}
.comic_jslistin .rightr .title {
	font-size: 20px;
	color: #E7E7E7;
	font-weight: bold;
	letter-spacing: -2px;
}
.comic_jslistin .rightr .desc {
	margin-top: 14px;
	margin-bottom: 14px;
	font-weight: bold;
}
.comic_jslistin .rightr .linew {
	width: 36px;
	height: 3px;
	margin-bottom: 14px;
	background-color: #D81E06;
}

@media (min-width: 961px) {
	.pagemore {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 7%;
	}
	.comic_wplistin .item {
		width: 32%;
		margin-right: 2%;
		margin-top: 30px;
	}
	.comic_wplistin .item:nth-child(3n){
		margin-right: 0;
	}
	.comic_wplistin .item:nth-child(3) {
		margin-top: 0;
	}
	.comic_wplistin .item .info {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.comic_wplistin .item .title {
		margin-top: 8px;
		font-size: 20px;
	}
	.comic_fylistin .item {
		padding: 20px 60px 35px 24px;
	}
	.comic_fylistin .item .link {
		display: flex;
	}
	.comic_fylistin .item .pic {
		width: 20.3%;
		/* flex: 0 0 266px; */
	}
	.comic_fylistin .item .info {
		flex: 1;
		padding-left: 70px;
	}
	.comic_fylistin .item .uname {
		font-size: 20px;
	}
	.comic_fylistin .item .text {
		line-height: 1.4;
		font-size: 18px;
	}

	.comic_jslistin {
		justify-content: space-between;
	}
	.comic_jslistin .item {
		width: 46.6%;
	}
	.comic_jslistin .rightr {
		padding-right: 3%;
		padding-top: 2.2%;
	}
	.comic_jslistin .rightr .desc {
		font-size: 16px;
	}
}
@media (min-width: 1501px) {
	.comic_jslistin .rightr .title {
		line-height: 50px;
		font-size: 47px;
	}
}
@media (max-width: 1500px) and (min-width: 961px) {
	.comic_jslistin .rightr .title {
		line-height: 30px;
		font-size: 28px;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
	.comic_fylistin .item .text {
		font-size: 16px;
	}
}
@media (max-width: 960px) {
	.pagemore {
		line-height: 16px;
	}
	.pagemore .word {
		width: 28px;
		height: 16px;
	}
	.comic_wplistin .item {
		width: 48%;
		margin-right: 4%;
	}
	.comic_wplistin .item:nth-child(2n) {
		margin-right: 0;
	}
	.comic_wplistin .item .time {
		margin-bottom: 4px;
		font-size: 12px;
	}

	.comic_fylistin .item {
		padding: 14px;
	}
	.comic_fylistin .item .uname {
		font-size: 16px;
	}
	.comic_fylistin .item .info {
		margin-top: 14px;
	}

	.comic_jslistin .rightr {
		margin-top: 20px;
	}
}



.allCommentsT {
	position: relative;
}
.allCommentsT .pic {
	position: relative;
}
.allCommentsT .time {
	position: absolute;
	right: 0;
	bottom: 0;
}
.allCommentsT .time .word {
	display: inline-block;
	padding: 6px 10px;
	font-size: 12px;
	color: #fff;
	background-color: #D81E06;
}
.allCommentsT .content {
	padding: 10px;
	background-color: #fff;
}
.allCommentsT .banner-btn {
	top: 40%;
	transform: translate(0);
	background-image: url(../image/style_l.png);
}
.allCommentsT .banner-right {
	background-image: url(../image/style_r.png);
}



@media (min-width: 641px) {
	.allCommentsT .time,
	.allCommentsT .content {
		display: none;
	}
	.allCommentsT .swiper-container {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.swiper-container-hasScale .swiper-slide-prev,
	.swiper-container-hasScale .swiper-slide-next {
		z-index: 2;
		overflow: hidden;
	}
	.swiper-container-hasScale .swiper-slide {
		transition: all .2s;
	}
	.swiper-container-hasScale .swiper-slide img {
		display: block;
		width: 100%;
		transition: all .2s;
	}
	.swiper-container-hasScale .swiper-slide-active {
		z-index: 5;
	}
	.swiper-container-hasScale .swiper-slide-active {
		transform: scale(1.3);
		box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
	}
	.allCommentsT .swiper-slide-active .time,
	.allCommentsT .swiper-slide-active .content {
		display: block;
	}
	.allCommentsT .content {
		font-size: 12px;
	}
}

@media (min-width: 961px) {
	.styleinfo {
		padding-top: 7%;
	}
	.allCommentsT {
		margin-top: 60px;
	}
	.allCommentsT .content {
		padding: 20px;
	}
	.allCommentsT .swiper-container {
		width: 100%;
	}
	.allCommentsT .banner-btn {
		width: 34px;
		height: 56px;
	}
	.allCommentsT .banner-left {
		left: -7%;
	}
	.allCommentsT .banner-right {
		right: -7%;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
	.allCommentsT {
		margin-top: 30px;
	}
}
@media (max-width: 960px) {
	.allCommentsT {
		padding: 0 20px;
	}
	.allCommentsT .banner-left {
		left: -10px;
	}
	.allCommentsT .banner-right {
		right: -10px;
	}
}
@media (max-width: 640px) {
	.allCommentsT {
		margin-top: 20px;
	}
	.allCommentsT .pic img {
		width: 100%;
	}
	.allCommentsT .content {
		padding-left: 0;
		padding-right: 0;
	}
}


.contactlistin .companyname {
	color: #D81E06;
	font-weight: bold;
	font-size: 16px;
}
.contactlistin .text {
	margin-top: 26px;
	color: #666;
}
#mapContainer .BMap_bubble_content ul,
.contactlistin .text .list {
	padding: 0;
}
#mapContainer .BMap_bubble_content li,
.contactlistin .text .list li {
	position: relative;
	padding-left: 30px;
	list-style: none;
}
.contactlistin .text .list li {
	margin-top: 10px;
}
#mapContainer .BMap_bubble_content li {
	margin-top: 5px;
}
.contactlistin .text .tips {
	margin-top: 10px;
}
#mapContainer .BMap_bubble_content [class^="icn"],
.contactlistin .text [class^="icn"] {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 30px;
	height: 22px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: left center;
}
#mapContainer .BMap_bubble_content .icn-email,
.contactlistin .text .icn-email {
	background-image: url(../image/icemail.png);
}
#mapContainer .BMap_bubble_content .icn-tel,
.contactlistin .text .icn-tel {
	background-image: url(../image/ictel.png);
}
#mapContainer .BMap_bubble_content .icn-fax,
.contactlistin .text .icn-fax {
	background-image: url(../image/icfax.png);
}
#mapContainer .BMap_bubble_content .icn-address,
.contactlistin .text .icn-address {
	background-image: url(../image/icaddress.png);
}
#mapContainer .BMap_bubble_content .icn-link,
.contactlistin .text .icn-link {
	background-image: url(../image/iclink.png);
}

.zhaopinlistin .item {
	width: 100%;
	margin-top: 20px;
	background-color: #F7F7F7;
}
.zhaopinlistin .item:first-child {
	margin-top: 0;
}
.zhaopinlistin .item .listtab {
	position: relative;
	background-color: #E1E1E1;
	transition: all .2s;
}
.zhaopinlistin .item .tab {
	display: inline-block;
}
.zhaopinlistin .item .listtab .cnum {
	margin-left: 20px;
}
.zhaopinlistin .item .morebtn {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	font-size: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../image/ijia.png);
	cursor: pointer;
	transition: all .2s;
}
.zhaopinlistin .item .jobrequ {
	display: none;
}
.hremail a {
	color: #d81e06;
}
.zhaopinlistin .item.active .listtab {
	color: #fff;
	background-color: #D81E06;
}
.zhaopinlistin .item.active .morebtn {
	background-image: url(../image/ijian.png);
}

@media (min-width: 961px) {
	.contactinfo {
		padding-top: 6%;
		padding-bottom: 9%;
	}
	.contactinfo .contactlistin {
		padding-top: 5%;
	}
	.contactlistin .map {
		width: 46%;
	}
	.contactlistin .information {
		width: 52%;
		padding-left: 9%;
		padding-top: 2%;
	}
	.contactlistin .companyname {
		font-size: 20px;
	}
	.contactlistin .text .list li {
		margin-top: 14px;
	}
	.contactlistin .text .tips {
		margin-top: 30px;
	}

	.contactzhaopin {
		padding-bottom: 2.4%;
	}
	.contactzhaopin .item .listtab {
    padding: 24px;
	}

	.zhaopinlistin {
		margin-top: 60px;
	}
	.zhaopinlistin .item {
		margin-top: 24px;
	}
	.zhaopinlistin .item .listtab {
		font-weight: bold;
		font-size: 24px;
	}
	.zhaopinlistin .item .listtab .ctit {
		min-width: 28%;
	}
	.zhaopinlistin .item .info .tab {
		margin-right: 5.7%;
	}
	.zhaopinlistin .item .info .tab:last-child {
		margin-right: 0;
	}
	.zhaopinlistin .item .hboxw {
		margin-top: 24px;
		margin-bottom: 74px;
	}
	.zhaopinlistin .item .jobrequ {
		padding: 36px;
		font-size: 18px;
	}
	/* .zhaopinlistin .item .content {
		display: flex;
	} */
	.zhaopinlistin .item .content .title {
		white-space: nowrap;
		padding-right: 10px;
	}
	.zhaopinlistin .item .pper {
		font-size: 16px;
	}
	.zhaopinlistin .item .morebtn {
		right: 40px;
	}
}

@media (max-width: 1200px) and (min-width: 961px) {
	.zhaopinlistin .item .listtab {
		font-size: 18px;
	}
}

@media (max-width: 960px) {
	.contactinfo {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contactlistin .map,
	.contactlistin .information {
		width: 100%;
	}
	.styleinfo,
	.contactinfo .contactlistin,
	.contactlistin .information,
	.zhaopinlistin {
		margin-top: 20px;
	}
	.zhaopinlistin .item .listtab,
	.zhaopinlistin .item .jobrequ {
		padding: 20px;
	}
	.zhaopinlistin .item .listtab {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.zhaopinlistin .item .morebtn {
		width: 40px;
		background-size: 16px;
	}
	.zhaopinlistin .item .hboxw {
		margin-top: 12px;
		margin-bottom: 12px;
	}
}



.searchinfo {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #212121;
}
.searchinfo .word {
	color: #D81E06;
}

@media (min-width: 961px) {
	.searchinfo {
		font-size: 27px;
	}
	.searchinfo .hasdata {
		padding-top: 7%;
		padding-bottom: 7%;
	}
	.searchinfo .nodata {
		padding-top: 10%;
	}
}
@media (max-width: 960px) {
	.searchinfo .hasdata,
	.searchinfo .nodata {
		padding-top: 30px;
	}
	.searchinfo .hasdata {
		padding-bottom: 10px;
	}
}



.ribtn .link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 46px;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	background-color: rgba(216,30,6, .3);
}
.ribtn .link .word {
	display: inline-block;
	width: 110px;
	height: 32px;
	line-height: 32px;
	border-radius: 30px;
	background-color: #D81E06;
}
.alrbuttns {
	color: #fff;
}
.alrbuttns .ic {
	display: inline-block;
	width: 17px;
	height: 14px;
	background-repeat: no-repeat;
	background-image: url(../image/imenu.png);
}
.alrbuttns.active .ic {
	background-image: url(../image/iclose.png);
}

.homebanner .swiper-container .gallery img,
.homebanner .gallery img {
	display: block;
	width: 100%;
}
.homebanner .leftr {
	position: relative;
}
.homebanner .alrbuttns {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 101;
	width: 86px;
	height: 34px;
	padding-left: 42px;
	line-height: 30px;
	border: 2px solid #fff;
	border-radius: 25px;
	cursor: pointer;
}
.homebanner .alrbuttns .ic {
	position: absolute;
	left: 16px;
	top: 9px;
}

.menurglist {
	width: 100%;
}
.menurglist .item {
	width: 48%;
	margin-right: 4%;
	margin-top: 20px;
	text-align: center;
}
.menurglist .item:nth-child(1),
.menurglist .item:nth-child(2) {
	margin-top: 0;
}
.menurglist .item:nth-child(2n) {
	margin-right: 0;
}
.menurglist .item .link {
	font-size: 16px;
}

.menurglist .item .link:hover {
	color: #CF0C00;
}
.menurglist .bigtilt {
	text-align: center;
	font-size: 18px;
}
.menurglist .bigtilt .wordsr {
	display: inline-block;
	padding: 2px 6px;
	color: #fff;
  background-color: #D81E06;
}

.homenews .leftr .info {
	width: 100%;
}
.homenews .leftr .en {
	font-weight: bold;
	text-transform: uppercase;
}
.newslisthome .item .link {
	color: #666;
}
.newslisthome .item .title {
	margin-top: 6px;
	margin-bottom: 2px;
}
.newslisthome .item .time {
	color: #999;
	font-size: 12px;
}

.homenews .leftr {
	position: relative;
}
.homenews .leftr::after,
.homenews .newslisthome .item::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 2px;
	height: 60%;
	transform: translate(0, -50%);
	background-color: #E5E5E5;
}

@media (min-width: 961px) {
	.homebody .siteheader {
		position: absolute;
		left: auto;
		background-color: rgba(0, 0, 0, 0.3); /* 添加半透明黑色背景，确保logo和导航文字清晰可见 */
	}
	
	/* 为透明头部下的导航栏文字设置白色 */
	.homebody .siteheader .navbox .infos>li>a {
		color: #fff;
	}
	
	/* 确保logo在透明头部下清晰可见 - 移除滤镜，使用原始图片 */
	.homebody .siteheader .logo img {
		/* 移除滤镜，使用原始图片 */
	}
	
	/* 调整搜索框样式 */
	.homebody .siteheader .searchbopw .search .ipts {
		background-color: rgba(255, 255, 255, 0.3);
		border-color: rgba(255, 255, 255, 0.8);
		color: #fff;
	}
	
	/* 调整搜索按钮样式 */
	.homebody .siteheader .searchbopw .serbtn {
		background-color: rgba(255, 255, 255, 0.3);
		border-color: rgba(255, 255, 255, 0.8);
	}
	.homebody .searchbopw .serbtn {
		display: block;
	}
	.homebody .searchbopw .flexs,
	.homebody .searchbopw .serbtn.active {
		display: none;
	}
	.homebody .headerhpt {
		height: 0;
	}
	.homebody .siteheader.navActive {
		box-shadow: none;
	}
	.homebody .searchbopw {
		margin-left: 0;
		position: absolute;
		/* right: 160px; */
		right: 60px;
		top: 0;
	}
	.homebanner .alrbuttns {
		display: none;
		top: 22px;
		right: 60px;
	}
	.homebody .searchbopw .search .ipts {
		border-color: #fff;
	}
	.homebody .siteheader {
		width: 100%;
	}
	.homebanner .leftr {
		width: 100%;
	}
	.homebanner .rightr {
		display: none;
	}
	.homebanner {
		margin-top: 75px; /* 调整banner与头部的间距，确保不被固定头部遮挡 */
	}
	
	/* 确保headerhpt在PC端首页不影响布局 */
	.homebody .headerhpt {
		display: none;
	}
	.menurglist .item .link {
		padding: 24px 0;
	}
	.menurglist .item .title {
		margin-top: 20px;
	}
	.menurglist .item .link:hover {
		box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
	}

	/* 修改为上下结构，移除flex布局 */
	.homebanner {
		display: block;
	}
	
	/* 确保gallerybanner占满整个宽度 */
	.homebanner .gallerybanner {
		width: 100%;
	}
	
	.homenews .container {
		display: flex;
		justify-content: space-between;
	}
	.homenews {
		padding-top: 6.3%;
    padding-bottom: 4.7%;
	}
	.homenews .leftr {
		display: flex;
		align-items: center;
		text-align: center;
		width: 210px;
		flex: 0 0 210px;
	}
	.homenews .rightr {
		flex: 1;
		position: relative;
		padding-right: 166px;
	}
	.homenews .ribtn {
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -23px;
	}
	.homenews .leftr .en {
		line-height: 50px;
		font-size: 40px;
	}
	.homenews .leftr .cn {
		font-size: 18px;
	}
	.newslisthome .item {
		width: 33.33%;
		padding: 0 4%;
	}
}
@media (min-width: 1501px) {
	.menurglist .bigtilt {
		margin-bottom: 30px;
	}
}

@media (max-width: 1500px) and (min-width: 961px) {
	.menurglist .item,
	.menurglist .item .title {
		margin-top: 10px;
	}
}
@media (max-width: 1500px) and (min-width: 1201px) {
	.menurglist .item .link {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.menurglist .bigtilt {
		margin-bottom: 20px;
		font-size: 16px;
	}
}
@media (max-width: 1200px) and (min-width: 961px) {
	.menurglist .item .link {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.menurglist .item .link .gallery img {
		height: 34px;
	}
	.menurglist .item .title {
		margin-top: 12px;
	}
	.menurglist .bigtilt {
		margin-bottom: 8px;
	}
}

@media (max-width: 960px) {
	.newslisthome .item {
		display: none;
		width: 48%;
		margin-right: 4%;
	}
	.newslisthome .item:nth-child(2n) {
		margin-right: 0;
	}
	.newslisthome .item:nth-child(1),
	.newslisthome .item:nth-child(2) {
		display: block;
	}
	.homebanner .rightr,
	.homebanner .alrbuttns {
		display: none;
	}
	.homenews {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.homenews .rightr,
	.homenews .ribtn {
		margin-top: 20px;
	}
	.homenews .leftr .en {
		font-size: 20px;
	}
	.homenews .leftr::after,
	.homenews .newslisthome .item::after,
	.homenews .newslisthome .item:nth-child(2n)::after {
		display: none;
	}
}



.myinfowindow .inftrs em {
	display: none;
}

.myinfowindow h5 {
	margin: 0;
	font-size: 14px;
}
.myinfowindow .inftrs ul {
	padding: 0;
	list-style: none;
	font-size: 12px
}
.myinfowindow .inftrs ul li,
.myinfowindow .inftrs ul li p{
	margin: 0;
}



/* baidu share */
/* image */
.sr-bdimgshare {
	display: none!important;
}
/* select words */
.bdselect_share_bg, .bdselect_share_box {
	display: none!important;
}

#bdshare_weixin_qrcode_dialog {
	width: 255px!important;
	height: 320px!important;
}