:root {
	--maincolor: #052558;
	--textcolor: #052558;
	--bgtrcolor: #1a5cc316;
}

@media screen and (max-width: 980px) {
	body {
		width: 132%;
	}
}

body,
blockquote,
dl,
dt,
dd,
ol,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

.h30 {
	height: 30px;
}

.h100 {
	height: 100px;
}

h1 {
	text-align: center;
	color: #0760c1;
	font-size: 30px;
}

.newsinfo {
	text-align: center;
	margin: -10px 0 60px 0;
	padding-bottom: 8px;
	border-bottom: 2px solid #007aff;
}

ul {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
}


li a {
	color: var(--maincolor);
}

body {
	font-family: 'Microsoft YaHei';

	margin: 0;
	padding: 0;
	background: #f8f8fb;
	font-size: 13px;
	letter-spacing: 1px;
}

.clear1 {
	clear: both;
}

.clear {
	z-index: 1;
}

.clear:after {
	content: '\20';
	display: block;
	height: 5px;
	clear: both;
}

.box {
	clear: both;
	width: 1192px;
	margin: 0 auto;
}

.top {
	background: #fff;
	color: #141441;
	padding-top: 3px;
}

.top a {
	font-size: 14px;
	color: #000;
}

.topl {
	padding-top: 9px;
	float: left;
	width: 680px;

}

.topr {
	float: right;
	text-align: right;
}

.top .box p {
	margin: 0;
	margin-top: 8px;
}




.title3 {
	clear: both;
	background: url(../images/title3.png) no-repeat;
	float: left;
	text-align: left;
	text-indent: -999em;
	background-size: 90%;
}

.title3 a {
	width: 441px;
	height: 33px;
	display: block;
}

.topr p:first-child {
	margin-bottom: 17px;
}

header {
	background-color: var(--maincolor);
	height: 50px;
}

body>header>div>nav {
	text-align: center;
	display: flex;
}

body>header>div>nav>ul {
	margin: 0 auto;
}

body>header>div>nav>ul>li {

	margin-right: 72px;
	margin-left: 0;
}

body>header>div>nav>ul>li:last-child {
	margin-right: 0;
}

nav {
	line-height: 49px;
}

.topr>p>span {
	color: var(--maincolor);
	font-size: 28px;
	font-weight: bold;
}

nav ul {
	float: right;
	font-size: 16px;
}

.snav {
	position: absolute;
	display: none;
	background: #fff;
	left: -24px;
	top: 49px;
	box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, .1);
	z-index: 999;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
	line-height: 22px;
}

nav ul li:hover .snav {
	display: inline-flex;
}

.snav a {
	color: #000;
}

.snav a img {
	margin-bottom: -10px;
}

.snav a:hover {
	background: var(--bgtrcolor);
	text-decoration: none;
}


nav ul li {
	float: left;
	list-style-type: none;
	margin-left: 30px;
	position: relative;
	height: 49px;
}

.snav>span:last-child {
	height: 13px;
	display: block;
}

nav ul li a {
	color: #fff;
	text-decoration: none;
	height: 136px;
	width: 124px;
}

nav ul li a:hover {
	text-decoration: underline;
}

.banner {
    position: relative;
	margin: 30px 0;
}

footer {
	background: #141441;
	color: #fff;

}

footer a {
	color: #fff;
}

footer .f {
	float: left;
	margin-top: 20px;
}

footer .f3 {
	width: 440px;
}

footer .f2 {
	width: 250px;
}

footer .f1 {
	width: 400px;
}

footer li {
	list-style: none;
	line-height: 40px;
}

footer li a {
	text-decoration: none;
}

footer li a:hover {
	text-decoration: underline;
}

.fadr {
	background: url(../images/footer-adr.png)no-repeat;
	background-size: 16px;
}

.fpho {
	background: url(../images/footer-pho.png)no-repeat;
	background-size: 16px;
}

.f1 p {
	padding-left: 25px;
}

.wx,
.mp {
	text-align: center;
	float: left;
	margin-right: 20px;
}

.wx img,
.mp img {
	opacity: 0.4;
	-webkit-filter: blur(2px);
	/* Chrome, Opera */
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}

.wx img:hover,
.mp img:hover {
	opacity: 1;
	-webkit-filter: blur(0px);
	/* Chrome, Opera */
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

.dashed {
	height: 1px;
	background: #090925;
	border-bottom: 1px solid #1f1f44;
}

.cate {
	font-size: 14px;
	float: right;
}

.brek {
	font-size: 14px;
	float: left;
}

.cate a,
.brek a {
	color: #333;
	text-decoration: none;
	background: #fff;
	border-radius: 5px 5px 0 0;
	padding: 8px 10px;
	box-shadow: 0 -2px 2px 0px rgba(0, 0, 0, .1);
}

.brek a:last-child {
	color: #fff;
	background: var(--maincolor);

}

.cate a:hover,
.brek a:hover {
	color: #fff;
	background: var(--maincolor);
}

.container {
	padding: 35px;
	border-radius: 0 0 20px 20px;
	margin: 3px auto 103px;
	background-color: #fff;
	box-shadow: 0 22px 31px rgba(0, 0, 0, .1);
}

.pdcontainer {
	padding: 35px;
	border-radius: 0 0 20px 20px;
	width: 1124px;
	margin: 3px auto -17px;
	background-color: #fff;
	box-shadow: 0 22px 31px rgba(0, 0, 0, .1);
}

.containerwarp {
	width: 1122px;
}
.pdcontainer table{
    margin: 0 auto;
}
.pdcontainer a{
    color: #000;
}
.miaoshu{
    padding: 40px 100px 140px 60px;
    text-align: justify;
}

.tab-wrapper {
	position: relative;
	width: 1192px;
}

.tab-wrapper .tab-radio {
	display: none;
}

.tab-handler {
	position: relative;
	z-index: 2;
	display: block;
	float: left;
	height: 30px;
	border-radius: 164px;
	padding: 0 20px;
	margin: 30px;
	font-size: 17px;
	line-height: 30px;
	transition: .3s;
	transform: scale(.9);
	background: #eaeaea;
}
/* 呼吸灯 */
label.tab-handler {
	cursor: pointer;
	overflow: hidden;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe;
	animation-name: breathe;
	-webkit-animation-duration: 1500ms;
	animation-duration: 1500ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

@-webkit-keyframes breathe {
	0% {}

	100% {box-shadow: 0 0 35px 1px #1a5cc37a inset;
	}
}

@keyframes breathe {
	0% {}

	100% {box-shadow: 0 0 35px 1px #1a5cc37a inset;
	}
}
.ct1 .ctimg{
    min-height: 560px;
}
.ct1 img{
	animation-name: ct1img;
	animation-duration: 1s;
}
@keyframes ct1img {
	from {
	    transform: scale(0.1);
	}

	to {
	    transform: scale(1);

	}
}

.tab-radio:hover+.tab-handler:hover {
	color: #fff;
	background-color: #cbddf9;
}

.tab-radio:checked+.tab-handler {
	color: #fff;
	background-color: var(--maincolor);
	transform: scale(1);
}

.tab-radio:checked+.tab-handler+.tab-content {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}

.tab-wrapper .tab-content {
	top: 60px;
	left: 0;
	width: 1050px;
	padding: 30px;
	padding-bottom: 0;
	font-size: 18px;
	opacity: 0;
	transition: transform .5s, opacity .7s;
	transform: translateY(20px);
}

.tabtitle {
	margin: 0 auto;
	height: 50px;
	border-bottom: 2px solid var(--maincolor);
	background: url(../images/qhlogo2.png)no-repeat 98% 11px;
	background-size: 13%;
}

.tab-content h2 {
	margin-left: 15px;
	font-size: 30px;
	color: var(--maincolor);
	line-height: 48px;
}

.tab-content li {
	list-style: none;
	counter-reset: count;
}

.tab-content li:before {
	content: "\02022";
	color: var(--maincolor);
	float: left;
	margin-right: 15px;
	font-size: 20px;
}

.tab-content-1 {
	text-align: center;
}

.tab-content-1 .ct1 {
	text-align: center;
}

.tab-content-3 ul,
.tab-content-5 ul {
	margin: 50px;
}

.mapcard p {
	margin: 42px 50px 0 50px;
	line-height: 40px;
}

.pdcontainer .tab-content p {
	line-height: 180%;
	text-indent: 2em;
	font-size: 15px;
}

.pdcontainer .tab-content li p {
	text-indent: 0;
}

.textbg {
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	z-index: -1;
	font-weight: bold;
	color: var(--maincolor);
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: textbg;
	animation-name: textbg;
	top: 5%;
	font-size: 130px;
	letter-spacing: 25px;
}

@-webkit-keyframes textbg {
	from {
		font-size: 110px;
		letter-spacing: 0px;
	}

	to {
		font-size: 130px;
		letter-spacing: 25px;

	}
}

@keyframes textbg {
	from {
		font-size: 110px;
		letter-spacing: 0px;
	}

	to {
		font-size: 130px;
		letter-spacing: 25px;

	}
}
.thumb{
    position: absolute;
    top: 216px;
    left: 255px;
    width: 600px;
}
.thumb img{
    width: 110px;
    position: absolute;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #b4c5e0;
}
.thumb img:nth-child(1){
    top: 0;
    left: 0;
}
.thumb img:nth-child(2){
    top: 0;
    right: 0;
}
.thumb img:nth-child(3){
    top: 150px;
    left: 0;
}
.thumb img:nth-child(4){
    top: 150px;
    right: 0;
}
.solo {
	background: url(../images/band2.png)no-repeat;
	width: 147px;
	height: 29px;
	display: block;
	position: absolute;
    top: 272px;
    left: 504px;
    opacity: 0.58;
    z-index: 1000;
}

.newslist {
	margin: 30px 10px;
}

.newslist li {
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #ccc;
	transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.newslist li:hover{
background-color: rgb(247, 247, 247);
}
.newslist li span a{
	color: #333;
	font-size: 19px;
	font-weight: bold;
}

.newslist p{
	color: #666;
	padding: 0;
	line-height: 10px;
}

.scrolltop {
	display: none;
	width: 100%;
	height: 50px;
	position: fixed;
	top: 0;
	background: var(--maincolor);
	text-align: center;
	box-shadow: 0px 1px 8px 0px rgba(2, 31, 76, 0.54);
	z-index: 1000;
}

.scrolltop nav {
	line-height: 50px;
}

.scrolltop ul {
	font-size: 12px;
	color: #fff;
}

.scrolltop li {
	margin-left: 15px;
}

.scrolltop a {
	font-size: 13px;
}

.scrolltop #logo {
	background-size: 68%;
	margin-top: 14px;
}
.page{
	margin-top: 20px;
}
.page a{
	padding: 3px 7px;
	border: 1px solid #ddd;
	margin-right: 3px;
	color:#333;
	border-radius: 3px;
	font-size: 15px;
}
.page a.page-num-current{
	cursor:context-menu;
	color: #999;
}
.prevLink,
.nextLink {

	color: #333;
	text-decoration: none;
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	font-size: 15px;
}

.prevLink a,
.nextLink a {
	text-decoration: none;
}

.prevLink {
	float: left;
}

.nextLink {
	float: right;
}

.pdlist h3 {
	margin-left: 400px;
	color: var(--maincolor);
	font-size: 28px;
	float: left;
	border-bottom: 4px solid var(--maincolor);
	line-height: 50px;
}

.pdlist h3:hover {
	color: var(--maincolor);
}

.pdlist ul {
	margin-left: 30px;
}

.pdlist li {
	float: left;
	width: 33%;
	line-height: 60px;
	font-size: 20px;
}

.pdlist li a {
	padding: 5px 15px;
	background: #fff;
	box-shadow: 2px 2px 3px 1px rgba(2, 31, 76, 0.1);
	border-radius: 3px;
	color: #555;
}

.pdlist li a:hover {
	background: var(--maincolor);
	color: #fff;
}

.pdli {
	width: 27%;
	float: left;
	margin: 0 2rem;
	height: 36rem;
	position: relative;
}

span.bandicon {
	background: url(../images/band2.png)no-repeat;
	background-size: 66%;
	width: 147px;
	height: 29px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding-top: 19px;
	font-size: 12px;
}

table,
td,
th {
	border-spacing: 0;
	border: 1px solid #cccccc;
	line-height: 200%;
}

.pdtable {
	color: #333;
	margin-bottom: 30px;
	padding: 0 9px;
}

.pdtable .pdlmiaoshu {
	text-align: left;
}

.pdli a:hover .pdtable {
	color: var(--maincolor);
}

.pdul p {
	text-align: center;
}

.pdtable p {
	margin: 15px 0 5px 0;
	font-weight: bold;
	font-size: 1.5rem;

}

.pdtable span {
	font-size: 13px;
	line-height: 24px;
}

span.sub {
	font-size: 14px;
	padding-left: 34px;
	line-height: 38px;
}

.casei {
	position: absolute;
	right: 20px;
	z-index: -1;
	border: #777777 1px solid;
	width: 700px;
	height: 600px;
}

.casei img {
	width: 700px;
	height: 600px;
}

.casec img {
	width: 200px;
	height: 80px;
}

.casec {
	margin-top: 95px;
	float: left;
	width: 460px;
	height: 400px;
	background: #fff;
	box-shadow: 0 22px 31px rgba(0, 0, 0, .1);
	border-radius: 15px;
	padding: 20px 0 0 20px;
}

.minfo {
	height: auto;
	padding: 0;
}

.minfo p {
	width: 400px;
	text-align: left;
	line-height: 29px;
	font-size: 16px;
	margin: 30px;
}

p.casep {
	margin: 0 20px;
	width: 400px;
	font-size: 17px;
	line-height: 30px;
}

.bcard {
	background: url(../images/card.png) no-repeat 20px 10px #fff;
	height: 280px;
	width: 500px;
	text-align: left;
	font-size: 14px;
}

.mapcard {
	width: 500px;
	height: 200px;
}

.mapcard a {
	color: var(--maincolor);
}

.name p {
	margin: 16px 0 -2px 0;
	font-weight: bold;
	letter-spacing: 20px;
	font-size: 20px;
}

.name span {
	letter-spacing: 4px;
}

.name,
.ctinfo {
	margin-left: 255px;
}

.ctinfo {
	margin-top: 33px;
}

.pdcontainer .tab-content .name p {
	text-indent: 0;
}

.pdcontainer .tab-content .ctinfo p {
	font-size: 16px;
	margin: 0 0 8px 0;
	line-height: 134%;
	text-indent: 0;
}

.pdcontainer .tab-content .ctinfo p.adr {
	font-size: 15px;
	margin-top: 32px;
	width: 200px;
	line-height: 128%;
}

.relatedLink {
	margin-top: 30px;
	background: url(../images/bluelogo.png)no-repeat center 7px;
	background-size: 80px;
	border-top: 1px solid var(--maincolor);
	height: 30px;
	width: 1122px;
	font-size: 15px;
	color: #888;
}

.pLink {
	float: left;
}

.nLink {
	float: right;
}

.relatedLink a {
	color: #555;
}

.pdlink {
	z-index: 2;
}

.pdm {
	max-height: 600px;
	overflow: auto;
}
/*滚动条*/
.pdm::-webkit-scrollbar,iframe::-webkit-scrollbar {
    width: 20px;
    background-color: #eee;
}
.pdm::-webkit-scrollbar-thumb {
    background: var(--maincolor);
}

.pdm::-webkit-scrollbar-button:start,.pdm::-webkit-scrollbar-button:end{
    background-color: #ddd;
    height: 60px;
}




/* 搜索样式 */
.pop {
	position: relative;
}

.popnews {
	position: absolute;
	height: 30px;
}

.popnews a,
.searchbar a {
	color: var(--maincolor);
}

.searchbar a:visited {
	color: #0144ad;
}

.searchbar {
	margin-top: -8px;
	float: right;
}

.searchbar form {
	margin-right: 15px;
	background: #fff;
	padding: 2px 5px 2px 2px;
}

.searchbar span,
.searchbar span a {
	font-size: 12px;
	line-height: 29px;
}

.searchbar button {
	background: var(--maincolor);
	color: #fff;
	border: 0;
	padding: 4px 9px;
	border-radius: 4px;
	cursor: pointer;
}

.searchbar input,
.fixsbar input {
	padding: 2px 4px;
	border: 0;
	outline-offset: 0;
	outline: 0;
}

.popnews {
	top: -19px;
	position: absolute;
	height: 33px;
	overflow: hidden;
	width: 350px;
	font-size: 15px;
}

.fixsbar {
	position: absolute;
	top: 50px;
	right: 10px;
	padding: 5px 20px 10px 20px;
	background: var(--maincolor);
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 3px 5px 0px rgba(2, 31, 76, 0.28);
}

.fixsbar input {
	line-height: 180%;
	border-radius: 3px;
	padding-left: 10px;
}

.fixsbar button {
	width: 20px;
	height: 20px;
	background: url(../images/s.png)no-repeat 5px 3px;
	border: 0;
	cursor: pointer;
	text-indent: -2000em;
}

.fixsbar span {
	color: #fff;
}

/* 搜索页面 */

.search dl {
	margin-top: 30px;
}

.search dl a {
	color: #000;
}

.search dl a span {
	font-size: 18px;
	color: var(--maincolor) !important;
}

.search dt a {
	font-weight: bold;
	margin-right: 15px;
}

.search dt em {
	font-size: 14px;
	font-style: normal;
}

.search dd {
	font-size: 14px;
	color: #4d5156;
}

.search dd span {
	font-size: 14px;
	;
	color: var(--maincolor) !important;
}

.search img {
	float: left;
}



.listnews {
	width: 100%;
	overflow-x: scroll;
}

.listnews ul {
	display: inline-flex;
}

.listnews li {
	float: left;
	margin: 1rem;
	width: 20rem;
	overflow: hidden;
	box-shadow: 0 4px 19px -8px rgba(22, 20, 62, 0.09);
	border-radius: 0.18rem;
	background: #fff;
	position: relative;
}

.listnews h4 {
	position: absolute;
	bottom: -0.2rem;
	color: #fff;
	text-shadow: 2px 2px 4px #555;
	font-size: 1.6rem;
	padding: 1rem;
}

.listnews p {
	position: absolute;
	left: 18px;
	bottom: 0;
	color: #fff;
	text-shadow: 0.1em 0.1em 0.2em #555;

}

#qqmsg {
	position: fixed;
	right: 0;
	top: 33%;
	text-align: right;
	z-index: 9999;
}

.pdul img {
	background: var(--bgtrcolor);
	transition: all 0.5s ease-in-out;
}

#qqmsg a {
	color: #fff;
	font-size: 11px;
}

.qqmsg1 {
	margin-bottom: -4px;
}

.qqmsg2 {
	background: url(../images/chatbg.png)repeat-y;
	width: 108px;
	text-align: left;
	padding: 0px 16px 0 45px;
}

.qqmsg3 {
	background: url(../images/chatbg2.png)no-repeat;
	text-align: center;
	width: 180px;
	padding: 53px 0 20px;
}

#qqmsg>div:nth-child(4) {
	margin-right: 17px;
}

p.caseshow {
	position: absolute;
}

.ystt1 {
	text-align: center;
}

p.line1 {
	font-size: 26px;
	color: #888;
}

p.line2 {
	font-size: 42px;
	margin-top: 0;
}

p.line1 span {
	color: #fff;
	background: var(--maincolor);
	padding: 3px 8px 5px;
	font-size: 21px;
}

p.line2 span {
	color: var(--maincolor);
	font-weight: bold;
}

.youshi1 {
	display: flex;
	margin-top: 55px;
}

.x01 {
	width: 680px;
	margin-top: 36px;
}

.xu {
	position: relative;
	width: 50px;
	background: var(--textcolor);
	height: 50px;
	box-shadow: 11px -9px 0 0 #ccc;
	float: left;
	margin-right: 27px;
}

.xu span {
	color: #fff;
	position: absolute;
	font-size: 44px;
	left: 2px;
	top: -9px;
	font-style: italic;
}

.youshi h3 {
	display: inline-block;
	font-size: 35px;
	margin-top: 0;
	color: var(--textcolor);

}

.youshi1 ul li {
	font-size: 15px;
	list-style: inside;
	line-height: 29px;
	letter-spacing: 0;
}

.space {
	width: 88px;
	height: 280px;
}

footer p img {
	margin-bottom: -3px;
}

footer h3 {
	line-height: 54px;
	margin-bottom: 32px;
	font-size: 18px;
}

.baojia {
	cursor: pointer;
	position: absolute;
	background: var(--maincolor);
	color: #fff;
	z-index: 1000;
	right: -80px;
	top: 520px;
	padding: 13px;
	border-radius: 7px;
	box-shadow: 5px 5px 2px 0px #0f336d2b;
}

.tab-content .baojia p {
	font-size: 14px;
	text-indent: 0;
	border-bottom: 1px solid #264371;
	margin: 1px;
	width: 140px;

}

.baojia span {
	border-top: 1px solid #6593da;
	font-size: 34px;
	font-weight: bold;
	width: 140px;
}

.baojia a {
	color: #fff;
}

.pdliimg {
	width: 300px;
	height: 300px;
	overflow: hidden;
}

.pdliimg img:hover {
	transform: scale(1.16);
	transition: all 0.5s ease-in-out;
}

.homenews {
	display: inline-flex;
}
.newsct{
    min-height: 600px;
    padding: 0px 88px;
}
.newsct h3{
	font-size: 1.1rem;
}
.newsct p{
	font-size: 1rem;
	line-height: 1.5rem;
	text-indent: 2rem;
}
.newsct p img{
    max-width: 930px;
}
.newsmore{
    border-top: 1px dashed var(--maincolor);
    margin-top: 30px;
    display: block;
    height: 340px;
}
.morepd{
    float: left;
}
.morenews{
    display: inline-flex;
    flex-wrap: wrap;
    width:645px;
}
.morenews p{
    flex: 1;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 380px;
    line-height: 16px;
    text-indent: 0;
    font-size: 14px;
    
}
.container ol li{	
    list-style: decimal-leading-zero;
}
.container ol {	
	margin: 0 60px;
	margin-bottom: 20px;
}

.container ol li p{
    text-indent: 0;
    margin: 0.3rem 0;
}
.homenew {
	width: 293px;
	margin-right: 7px;
	background: #f1f1f1;
	overflow: hidden;
}

.homenew a {
	color: #262626;
	font-size: 20px;
	line-height: 25px;
}

.homenew a h4 {
	font-weight: normal;
	margin: 8px;
}

.homenew p {
	margin: 8px;
}

h2.newh2 {
	font-size: 29px;
	font-weight: 500;
	margin: 0;
	margin-bottom: 8px;
}

.homena {
	font-size: 16px;
	width: 1192px;
	text-align: center;
	margin-top: 15px;
}

.homena a {
	color: #000;
}

.icon-left-center{
	left:0 !important;
    top: 40% !important;
}
.box .pdtk{
    background: #ececec;
    padding: 13px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    display: inline-flex;
    flex-wrap: wrap;
    min-width: 1164px;
}
.box .pdtk a{
    flex: 1;
    width: 33.3%;
    min-width: 33.3%;
    max-width: 33.3%;
    color: #555;
    line-height: 28px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.box .pdtk a:hover{
	color: var(--maincolor);
	font-weight: bold;
}
.newsct a{
	color: #000;
}
p#bdate{
    position: absolute;
    bottom: 34px;
    left: 352px;
    font-size: 16px;
    font-weight: bold;
    color: #211b1d;
}
.flinks a{
    margin-right:10px;
}
/*2022/1/7*/
.pdtop{
    position: relative;    
	width: 100%;
	height: 800px;
	background: radial-gradient(50.06% 69.52% at 33.32% 49.94%, #FFFFFF 0%, #CBD5DE 80.3%);
}
.pdtdes{
	padding: 30px 50px;
    position: absolute;
	width: 300px;
	left: 623px;
	top: 90px;

background: linear-gradient(90deg, rgba(255, 255, 255, 0.29) 7.76%, rgba(255, 255, 255, 0.83) 91.58%);
box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.05), inset 0px 3px 5px #FFFFFF;
backdrop-filter: blur(12px);
border-radius: 12px;
}
.pdthr{
	width: 349px;
	height: 1px;
	margin: 30px 0 30px -20px;
	background: radial-gradient(50% 50% at 50% 50%, #CCD6DF 73.23%, rgba(222, 222, 222, 0) 100%);
	filter: drop-shadow(0px 1px 0px #fff);

}
.pdtimg{
	position: relative;
    height: 800px;
    overflow: hidden;
}
.pdtdes h1, .pdtdes h2{
    color: var(--maincolor);
	font-weight: bold;
	text-align: left;
	line-height: 0.5;
}
.pdtdes h2 span{
	font-size: 12px;
    letter-spacing: -0.5px;
}

.pdmainleft{
    width: 780px;
    float: left;
}
.pdmainleft h3 {
    margin-top: 40px;
    border-top: 1px solid #666;
    padding-top: 22px;
}
.pdmainleft > h3:nth-child(2){
    margin-top: 40px;
    border-top: none;
    padding-top: 0px;
    }
.pdmainleft li{
    margin-bottom: -5px;
}
.pdmainleft li p{
    line-height: 1.2;
}
.pdmainleft p{
    line-height: 1.7;
	color: #666;
}
.pdmainright{
    width: 280px;
    float: right;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
}
.pdmainright .items a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px;
	vertical-align:middle;
	margin-bottom: 8px;
}
.pdmainright .items a img{
	background-color: #f3f3f3;
	margin-right: 5px;
}

.pdmainright .items a:hover img{
	background-color: #e1eeff;
}

.sketchfab-embed-wrapper{
	display: none;
    position: absolute;
    zoom: 1.12;
    top: -40px;
}
.pdmainright h2{
	margin-bottom: 39px;
}
.pdmainleft h4{
	margin-bottom: -13px;
}
ol {
	list-style: none; 
	counter-reset: li;
}
ol li::before {
	content: counter(li)"."; 
	color: #666;
	width: 1em;
	margin-left: -1em;
	margin-right: 3px;
	float: left;
}
ol li {
	counter-increment: li;
	margin-left: 18px;
}
.pdcontainer p{
	text-align: justify; 
}
.pdcontainer ul li::before{
	content: "◦"; 
	color: #666;
	width: 1em;
	margin-left: -1em;
	float: left;
}
.pdcontainer ul li{	
	margin-left: 18px;
}
.containerwarp p a{
    margin: 0 5px;
	color: var(--maincolor);
}
.containerwarp p a::after{
	margin-left: 3px;
	content: "»";
}
.pdblock{	
    background: #f3f3f3;
    padding: 17px 40px 40px;
    border-top-left-radius: 30px;
    margin: 20px 0 40px;
}
.pdframe{
	overflow: hidden;
    margin-bottom: 60px;
}
.pdframe iframe{
    margin-top: -100px;

}
.mpics img{	
    width: 120px;
    background: #f3f3f3;
    margin-right: 8px;
}
.mpics p span{
    text-align: center;
    width: 120px;
    display: block;
    float: left;
    margin-right: 13px;
}
.d3d{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 9px 18px;
    position: absolute;
    left: 250px;
    top: 687px;
    background: linear-gradient(
180deg
, #2A68C9 0%, #1A5CC3 100%);
    box-shadow: 0px 9px 0px #0e336f, 0px 11px 13px rgb(0 0 0 / 25%);
    border-radius: 12px;
	
    cursor: pointer;
}
.d3d svg{
    flex: none;
    flex-grow: 0;
    margin: 10px 13px;
}
.d3d span{
    position: static;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    flex: none;
    align-self: stretch;
    margin: 0px 13px;
}
.d3dintro{
	z-index: 1;
    position: absolute;
	display: none;
    top: 21px;
    left: 10px;
    color: #fff;
    text-shadow: #0000009c 1px 2px 10px;
}
.d3dintro svg{
    margin: 0 3px -7px 11px;
}
.pdcateslider{
	position: relative;
	width: 1192px;
	height: 267px;
	background: url(../images/cateslider.png) no-repeat;
}
.cateintro{
	position: absolute;
	left: 5.62%;
	top: 61.05%;
    font-size: 16px;
    font-weight: bold;
}
.cslider{
	position: absolute;
	width: 840px;
	height: 189px;
	left: 340px;
	top: 51px;
	overflow: hidden;
}
.cateslider{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0px;
	width: 168px;
	height: 188px;
}
.itemscontainer{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;

	position: absolute;
	height: 188px;
	left: 0px;
	top: 0px;
	}
.itemscontainer img{
	filter: drop-shadow(9px 8px 9px #99C5D7);
}	
.itemintro{ 
    text-align: center;
    padding: 2px 8px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgb(0 0 0 / 25%);
    border-radius: 31px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px auto;
    width: 120px;
    color: #333;
    font-size: 12px;
}


   .itemscontainer .items {
    transition: all 0.5s ease;
}
.itemscontainer:hover .first {
    animation-play-state: paused;
}