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


@font-face {
  font-family: Optima lt roman;
  src: url("https://cdn.prod.website-files.com/5f36ac7708ea3b865d50189c/5f36ac7708ea3b22d95018cf_Optima%20LT%20Roman.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/5f36ac7708ea3b865d50189c/5f36ac7708ea3bc5075018d2_Optima%20LT%20Roman.woff") format("woff"), url("https://cdn.prod.website-files.com/5f36ac7708ea3b865d50189c/5f36ac7708ea3b0dc55018d0_Optima%20LT%20Roman.ttf") format("truetype"), url("https://cdn.prod.website-files.com/5f36ac7708ea3b865d50189c/5f36ac7708ea3b4df45018d1_Optima%20LT%20Roman.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}





html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family:"Optima lt roman","sans-serif";
	color: #606060;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,textarea {
	font-family: "Optima lt roman","sans-serif";
	color: #606060;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #606060;}
a:hover {	color: #ff1836;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder{	color: #999}
input::-moz-placeholder{	color:#999;}
input:-ms-input-placeholder{	color: #999;}

textarea::-webkit-input-placeholder{	color: #999;}
textarea::-moz-placeholder{	color: #999;}
textarea:-ms-input-placeholder{color: #999;}

.wrap { overflow: hidden;  margin: 0 auto;}

.con { max-width:1400px; width:61%; margin: 0 auto; }

    .font75 { font-size: 75px;}
	.font68 { font-size: 68px;}
	.font60 { font-size: 60px;}
	.font56 { font-size: 56px;}
	.font48 { font-size: 48px;}
	.font46 { font-size: 46px;}
	.font42 { font-size: 42px;}
	.font40 { font-size: 40px;}
	.font38 { font-size: 38px;}
	.font36 { font-size: 36px;}
	.font34 { font-size: 34px;}
	.font32 { font-size: 32px;}
	.font30 { font-size: 30px;}
	.font28 { font-size: 28px;}
	.font26 { font-size: 26px;}
	.font24 { font-size: 24px;}
	.font22 { font-size: 22px;}
	.font20 { font-size: 20px;}
	.font18 { font-size: 18px;}
	.font17 { font-size: 17px;}
	.font16 { font-size: 16px;}
	.font14 { font-size: 14px;}
	.font13 { font-size: 13px;}
	.font12 { font-size: 12px;}

@media only screen and (max-width:1920px) {
html,body { font-size: 0.83vw;}
	
	.font75 { font-size: 3.9vw;}
	.font68 { font-size: 3.5vw;}
	.font60 { font-size: 3.1vw;}
	.font56 { font-size: 2.9vw;}
	.font48 { font-size: 2.5vw;}
	.font46 { font-size: 2.45vw;}
	.font42 { font-size: 2.4vw;}
	.font40 { font-size: 2.2vw;}
	.font38 { font-size: 2vw;}
	.font36 { font-size: 1.87vw;}
	.font34 { font-size: 1.77vw;}
	.font32 { font-size: 1.66vw;}
	.font30 { font-size: 1.56vw;}
	.font28 { font-size: 1.45vw;}
	.font26 { font-size: 1.3vw;}
	.font24 { font-size: 1.25vw;}
	.font22 { font-size: 1.14vw;}
	.font20 { font-size: 1.04vw;}
	.font18 { font-size: 0.93vw;}
	.font17 { font-size: 0.88vw;}
	.font16 { font-size: 0.833vw;}
	.font14 { font-size: 0.73vw;}
	.font13 { font-size: 0.67vw;}
	.font12 { font-size: 0.6vw;}
}

@media only screen and (max-width:828px) {
	.con { width:auto; margin: 0 1em; }
}

@media only screen and (max-width:828px) {
html,body { font-size: 2.8vw;}
.font68 { font-size: 7vw;}
.font56 { font-size: 6.2vw;}
.font48 { font-size: 5.8vw;}
.font46 { font-size: 5.6vw;}
.font42 { font-size: 5.4vw;}
.font40 { font-size: 5.2vw;}
.font38 { font-size: 4.8vw;}

.font36 { font-size:4.4vw;}
.font34 { font-size:4.3vw;}
.font30 { font-size: 4.2vw;}
.font28 { font-size: 4vw;}
.font26 { font-size:3.8vw;}
.font24 { font-size: 3.6vw;}
.font22 { font-size: 3.4vw;}
.font20 { font-size: 3.2vw;}
.font18 { font-size: 3vw;}
.font17 { font-size: 3vw;}
.font16 { font-size: 3vw;}
.font14 { font-size: 2.6vw;}
.font13 { font-size: 2.4vw;}
.font12 { font-size: 2.2vw;}
}

/*头部*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;	
height:5em;transition: all 0.3s;
-webkit-transition:all 0.3s;}

.headerB { background-color: #70242A;}

.headerW .con {height: 100%; overflow: visible;
max-width: initial; width:auto; margin: 0 2em; }

.header { margin: 0 auto; height: 100%; 
transition: all 0.5s;
-webkit-transition:all 0.5s;
display: flex; justify-content: space-between; align-items: center;
/*-moz-box-shadow: 0 0 0.3em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0.3em rgba(0, 0, 0, .1);
box-shadow: 0 0 0.3em rgba(0, 0, 0, .1);*/}
.header .logo { display: flex; justify-content: center; align-items: center;}
.header .logo a { color: #fff; display: flex; justify-content: center; align-items: center;}
.header .logo img {	display: block;	 height: 4.12em; width:auto;}

.header .links { height: 100%; display: flex; justify-content: flex-start; align-items: center;}



 .c-switch-w { font-size: 1em; display: inline-block;
 margin: 0.2em 0 0 auto; width: 5em; color: #fff;
display: none; justify-content: center; align-items: center;}
 .c-switch-w .txts { line-height: 1;}
 .c-switch {  display: inline-block; color: #fff; margin-left: 0.7em;
transition: all 0.5s;
-webkit-transition:all 0.5s;
width:2.2em; height:1em; cursor: pointer; position: relative; z-index: 0;} 
 .c-switch i {
	position: relative;
	display: block;
	height: 1px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}

 .c-switch i:nth-child(1) {	top: 0;}
 .c-switch i:nth-child(3) {	bottom: 0;}
 .c-switch i:nth-child(2) { 	margin: 3px 0; background: transparent;}

 .c-switch.show i:nth-child(2) {	opacity: 0;}
 .c-switch.show i:nth-child(1) {
	top:4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
 .c-switch.show i:nth-child(3) {
	bottom: 4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.popupNav .c-switch-w { width: 3em; position: absolute; z-index: 10; top: 1.6em; right:0.6em;}

@media only screen and (max-width:828px) {	
	 .c-switch-w { display: flex; }
	 .c-switch.show::after { left: -30%; top: -30%; width: 160%; height: 160%;}
}

@media only screen and (max-width:828px) {
.headerW { height: 4.5em;}
.headerW .con { margin: 0 1em;}
.header .logo img {	 height: 2.5em; }
.header .logo .name { margin-left: 0.5em; padding-left: 0.5em; font-size: 1.3em;}
}

/*头部导航*/

.nav>ul {position: relative; 	z-index: 100;
display: flex; justify-content: flex-end; align-items: center;
text-transform: uppercase}
.nav>ul>li {line-height: 1.5; cursor: pointer; margin: 0 0.8em; }
.nav>ul>li>a,.nav>ul>li>span {color: #fff;
 display: inline-block; position: relative; z-index: 0;}
.nav>ul>li>a:hover {color: #fff;}
.nav>ul>li>a::after { content: ""; display: block; position: absolute;
left: 0; bottom: 0; width: 0; height: 1px; background-color: #fff;
transition: all 0.3s;
-webkit-transition:all 0.3s;}
.nav>ul>li>a:hover::after  { width: 100%;}
.nav>ul>li.cur>a { color: #01A5DA; font-weight: bold;}

.nav .sub_nav {
	display: none; border-top:0.2em solid #ff1836 ;
	position: absolute; z-index: 1;
	top: 2.4em; 
	left: 0; right: 0; text-align: center;
	background: rgba(255,255,255,1); 
	padding: 0.7em 1em 0.7em 2em;
	-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .1);
	box-shadow:0 10px 10px rgba(0, 0, 0, .1);	
	}	
.nav .sub_nav ul { display: flex; flex-wrap: wrap; text-align: left; 
justify-content: flex-start; align-items: flex-start;}
.nav .sub_nav li { font-size: 0.85em; width: 32.3%; margin-right: 1%;
 line-height: 2.6em;   overflow: hidden; }
.nav .sub_nav li a {padding:0 0 0 1em; display: block;
 position: relative; z-index: 0;height: 2.6em; overflow: hidden;}
 
.nav .sub_nav li a { padding-left: 0.9em;}
.nav .sub_nav li a::before { content: ""; display: block; position: absolute;
 left: 0; top: 1em; width: 0.3em; height: 0.3em;
 background-color: #093835;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
@media only screen and (max-width:828px) {
	.navW {flex: 1; margin-left: 2em; justify-content: flex-end;}
	.navW .nav { display: none !important;}
}


.popupNav { position: fixed; z-index: 600; height: 100vh;
width: 100%; top: 0; bottom: 0; right: -100%;display: block;}
.popupNav.show {  right: 0;}
@media only screen and (min-width:828px) {
	.popupNav { display: none ;}
	.popupNav.show { display: none;}
}

.popupCon {  height: 100vh;background-color: transparent;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.popupNav.show .popupCon {background-color: #70242A;}

  
.navM {display: block;padding-top: 1em; overflow-y: auto; text-align: left;
position: relative; left: 100%;
transition: all 0.3s;
-webkit-transition:all 0.3s;}
.popupNav.show .navM { left: 0;}
.navM .con { margin: 0 9%;}
.navM .pic { margin-bottom: 1.8em;}
.navM .pic img { width: 15.7em; height: auto; display: block; margin: 0 auto;}
.navM li { font-size: 4vw;line-height: 2.6;border-top: 1px solid rgba(255,255,255,0.3);}
.navM li:first-child { border-top: 0;}
.navM a {color: #fff;display: block;}
.navM a:hover {	color: #fff;	}
.navM .btnWhite { margin-top: 1em; text-align: center; line-height: 2.2em;}
	
.btnWhite { display: inline-block; cursor: pointer; color: #fff;
 line-height: 2.6em; border: 1px solid #fff; padding: 0.1em 1em 0;
-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
transition: all 0.3s;
-webkit-transition:all 0.3s;}
.btnWhite:hover { background-color: #fff; color: #000;}
.nav>ul>li .btnWhite { margin: 0 -0.7em 0 -0.4em;}
.nav>ul>li .btnWhite:hover {color: #000;}
.btnLine { padding: 0 0 0 0.6em; border-left:1px solid #fff ; line-height: 2.3em;}


/*底部*/
.footer { position: relative; z-index: 0; padding: 3em 0;
 color: #fff;text-align: center; width: 100%; background-color: #70242A; }
.footer .logoF img{ display: block; width: 18em; height: auto; margin: 0 auto;}
.footer .navF { margin-top: 4.2em; padding-top: 2.8em;
 border-top: 1px solid rgba(255,255,255,0.15); text-transform: uppercase;}
.footer .navF li { display: inline-block;}
.footer .navF a { display: inline-block; margin: 0 1em;}
.footer .linkF { margin-top: 3em;}
.footer .linkF a { display: inline-block; margin: 0 1.2em;}
.footer .linkF a img{ width: auto; height: 1.5em;}
.footer a { color: rgb(166, 184, 179);}
.footer a:hover { color: #fff;}
.footer .gotop { display: block; cursor: pointer; position: absolute;
 bottom: 1em; left: 1em;
width: 2.24em; height: 2.24em;
 background: url(../images/arrow_down.svg) center 0.3em no-repeat;
 background-size:55% auto ;
 transform: rotate(180deg);
 -ms-transform: rotate(180deg); /* IE 9 */
 -webkit-transform: rotate(180deg); /* Safari and Chrome */
 border: 1px solid rgba(255,255,255,0.15);
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
 }

@media only screen and (max-width:828px) {
	.footer .logoF img { width: 8em;}
	.footer .navF { font-size: 3vw;}
	.footer .navF li { display: block; line-height: 2.7em;}
}

.page { margin-top: 2.9em;	text-align: center;	color: #909397; line-height:2; }
@media only screen and (max-width:828px) {
	.page { font-size: 12px;}
}
.page a,
.page .dot {
	display: inline-block;
	color: #909397; 
	padding: 0.1em 0.7em 0; 
	margin: 0.5em 0.2em 0;
}
.page a:hover { color: #00376F;  }
.page .cur {display: inline-block; padding: 0.1em 0.7em 0; 
	margin: 0.5em 0.2em 0; font-weight: bold; ;color: #00376F;}

.page .prev { color: #00376F; font-weight: bold; background-color: rgba(255,255,255,0.9);
	display: inline-block;font-family: "宋体";
}
.page .next { color: #00376F;font-weight: bold; background-color: rgba(255,255,255,0.9);
	display: inline-block;font-family: "宋体";
}
.page .prev:hover,
.page .next:hover{ background-color: #ffffff;}
.page .disabled { color: #bed1e3; background-color: rgba(255,255,255,0.5);}

.conI { margin-top: 100vh; position: relative; z-index: 1; background-color: #fff; width: 100%;}

.aboutBox { padding: 6.25em 0; }
.aboutBox .con { display: flex; justify-content: space-between; align-items: flex-start;}

.aboutBoxR .con { flex-direction: row-reverse;}

.aboutBox .txtb { margin: 0 3%; font-family: "Optima lt roman";
	width: 39%; text-align: left; color: rgb(9, 56, 53);
 }
.aboutBox .txtb .tit { margin-top: 0.2em; line-height: 1.2;}
.aboutBox .txtb .tit2 { text-transform: uppercase;}
.aboutBox .txtb .intro { padding-top: 0.6em; line-height: 1.7; color: #333;}
.aboutBox .txtb .intro p { padding: 0.9em 0;}
.aboutBox .txtb .picts  { padding-top: 1.5em;}
.aboutBox .txtb .picts img { width: 25em; height: auto;}

.aboutBox .txtb .more { margin-top: 1.3em; padding-bottom: 0.1em; display: inline-block; 
color: rgb(9, 56, 53);text-transform: uppercase;
border-bottom: 1px solid #093835;}
.aboutBox .picb { margin: 0 10%; width: 30.8%; }
.aboutBox .picb img { display: block; width: 100%; height: auto; }

.aboutBox .pics { margin: 0 12.2%; width: 23.8%; }
.aboutBox .pics img { display: block; width: 100%; height: auto; }

@media only screen and (max-width:828px) { 
	.aboutBox .con { display: block;}
	.aboutBox .txtb { margin-top: 2.8em; width: auto; color: rgb(167, 151, 139);
	text-align: center;	}
	.aboutBox .txtb .tit {color: rgb(9, 56, 53);}
	.aboutBox .txtb .tit2 {color: rgb(9, 56, 53);}
	.aboutBox .txtb .intro {color: rgb(167, 151, 139);}
	.aboutBox .picb {  width: auto; margin: 0 20%}
	.aboutBox .pics { margin: 0 27%; width: auto; }
}

.aboutBoxT {}
.aboutBoxT .txtb { margin: 0 4.7%; 
	width: 37.5%; 
 }
 .aboutBoxT .picb { margin: 0 11.5%;
 	width: 30%; 
  }

.picList {font-family: "Optima lt roman"; padding-bottom: 10em;}
.picList ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.picList li { width: 32.5%; margin-right: 1.25%; margin-top: 2.2%;}
.picList li:nth-child(3n) { margin-right: 0;}
.picList li a { display: block; cursor: pointer;}
.picList .pic { position: relative; z-index: 0; padding-top: 62%; cursor: pointer;}
.picList .pic img { position: absolute; left: 0; top: 0;
	display: block; width: 100%; height: 100%;}
.picList .txtb{ padding: 1em 0; text-align: left;}
.picList .txtb .about{ color: rgb(166, 184, 179);}
.picList .txtb .name{ color: rgb(9, 56, 53); text-align:center}

@media only screen and (max-width:828px) { 
	.picList { padding:0 0 4em;}
	.picList ul { justify-content: center;}
	.picList li { width: 47%; margin:3% 1.5% 0; }
	.picList li:nth-child(3n) { margin:3% 1.5% 0;}
}

.traBox { overflow: hidden; background-color: #000; min-height:56.4vw;  position: relative; z-index: 0; color: #fff;
display: flex; flex-direction: column; justify-content: center; align-items: center;}
.traBox .traPic { position: absolute; z-index: -1;
left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.traBox .con { height: 100%; flex: 1;
 display: flex; justify-content: space-between; align-items: center;}
.traBox .txtb { font-family: "Optima lt roman";
	width: 39%; text-align: left; padding: 6.25em 0; }
.traBox .txtb .tit { margin-top: 0.5em; line-height: 1.2;}
.traBox .txtb .tit2 { text-transform: uppercase;}
.traBox .txtb .intro { padding-top: 1.6em; line-height: 1.7; }
.traBox .txtb .intro p { padding: 0.9em 0;}
.traBox .txtb .more { margin-top: 2.3em; padding-bottom: 0.1em; display: inline-block; 
color: #fff;text-transform: uppercase;
border-bottom: 1px solid #fff; margin-right: 1.3em;}
.traBox .picb { margin: 0 10%; width: 30.8%; }
.traBox .picb img { display: block; width: 100%; height: auto; }

.traBox .pics { margin: 0 12.2%; width: 23.8%; }
.traBox .pics img { display: block; width: 100%; height: auto; }

@media only screen and (max-width:828px) { 
	.traBox .con { display: block;}
	.traBox .txtb { width: auto; margin-top: 2.8em;}
	.traBox .picb {  width: auto; }
	.traBox .txtb .intro { text-align: center;}
}


.ensBox { padding: 12em 0; background-color: rgb(28, 67, 64);color: #fff;}
.ensBox .con { display: flex;  justify-content: space-between; align-items: flex-start;}
.ensBox .txtb {font-family: "Optima lt roman";
	width:46.2%; text-align: left;  }
.ensBox .txtb .tit { margin-top: 0.4em; line-height: 1.2;}
.ensBox .txtb .tit2 { text-transform: uppercase;}
.ensBox .txtb .intro { padding-top: 0.6em; line-height: 1.7; color: #333;}
.ensBox .txtb .intro p { padding: 0.9em 0;}
.ensBox .txtb .more { margin-top: 3em; padding-bottom: 0.1em; display: inline-block; 
text-transform: uppercase; color: #fff;
border-bottom: 1px solid #fff;}
.ensBox .picb {  width: 48%; }
.ensBox .picb img { display: block; width: 100%; height: auto; }

@media only screen and (max-width:828px) { 
	.ensBox { padding: 4em 0 6em;}
	.ensBox .con { display: block; margin: 0 10%;}
	.ensBox .txtb { width: auto; margin-top: 2.8em;}
	.ensBox .picb {  width: auto; }
}


.picDBox { background-color: #000; width: 100%; height: 100vh; 
position: fixed; z-index: 0;left: 0; top: 0; }
.picDBox .videoBg { position: absolute; z-index: 0; top: 0; left: 0;
width: 100%; height: 100%;}
.picDBox .videoBg video { width: 100%; height: 100%; object-fit: cover;}
.picDBox .picDCon { position: absolute; z-index: 1; width: 100%; height: 100%; display:flex;
flex-direction: column; justify-content: center; align-items: center;
text-align: center; color: #fff;}
.picDBox .picDCon .pic img { display: block; margin: 0 auto; width: 20.8em; height: auto;}

.picDBox .btnWatch { margin-top: 1.5em; line-height: 1.3; color: #fff;  display: flex; justify-content: center; align-items: center;}
.picDBox .btnWatch img { display: block; width: 3.12em; height: auto; margin-right: 1.2em;}
.picDBox .btnWatch span {display: inline-block; border-bottom: 1px solid #fff;}
.picDBox .arrow { position: absolute; z-index: 2; cursor: pointer; left: 50%;
 bottom:4.5em; display: block; cursor: pointer;
 margin-left: -1.1em; width: 2.2em; height: 2.2em;
 background: url(../images/arrow_down.svg) center center no-repeat;
 background-size:contain ;
 
 animation:anim_1 5s;
 	-moz-animation:anim_1 5s; /* Firefox */
 	-webkit-animation:anim_1 5s; /* Safari and Chrome */
 	-o-animation:anim_1 5s; /* Opera */
	
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	
	}
	
@keyframes anim_1
{
	0%   {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	15%  {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	30%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	45% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	85% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	100%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	
}

@-moz-keyframes anim_1 /* Firefox */
{
	0%   {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	15%  {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	30%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	45% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	85% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	100%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
}

@-webkit-keyframes anim_1 /* Safari and Chrome */
{
	0%   {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	15%  {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	30%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	45% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	85% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	100%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
}

@-o-keyframes anim_1 /* Opera */
{
	0%   {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	15%  {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	30%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
	45% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	85% {
		transform: translate(0,1em);
		-ms-transform: translate(0,1em); /* IE 9 */
		-webkit-transform: translate(0,1em); /* Safari and Chrome */
	}
	100%  {
		transform: translate(0,0);
		-ms-transform: translate(0,0); /* IE 9 */
		-webkit-transform: translate(0,0); /* Safari and Chrome */
	}
}



.picTBox { background-color: #000; width: 100%; height: 100vh; 
position: fixed; z-index: 0;left: 0; top: 0; }
.picTBox .picBg1 { position: absolute; z-index: 1; top: 0; left: 0;
width: 100%; height: 100%;

filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */

animation:anim_2 10s;
 	-moz-animation:anim_2 10s; /* Firefox */
 	-webkit-animation:anim_2 10s; /* Safari and Chrome */
 	-o-animation:anim_2 10s; /* Opera */
	
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	
	animation-timing-function:linear;
	-moz-animation-timing-function:linear; 
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
}
.picTBox .picBg2 { position: absolute; z-index: 0; top: 0; left: 0;
width: 100%; height: 100%;

filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
		
animation:anim_3 10s;
 	-moz-animation:anim_3 10s; /* Firefox */
 	-webkit-animation:anim_3 10s; /* Safari and Chrome */
 	-o-animation:anim_3 10s; /* Opera */
	
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	
	animation-timing-function:linear;
	-moz-animation-timing-function:linear; 
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;
	
	animation-delay:5s;
	-moz-animation-delay:5s; /* Safari 和 Chrome */
	-webkit-animation-delay:5s;
	-o-animation-delay:5s; /* Safari 和 Chrome */
	
}
.picTBox::after { position: absolute; z-index: 2; top: 0; left: 0;
width: 100%; height: 100%; content: ""; display: block;
background-color: rgba(2,31,29,0.5);}
.picTBox .picBg1 img { width: 100%; height: 100%; object-fit: cover;}
.picTBox .picBg2 img { width: 100%; height: 100%; object-fit: cover;}
.picTBox .picTCon { position: absolute; z-index: 3; width: 100%; height: 100%; display:flex;
flex-direction: column; justify-content: center; align-items: center;
text-align: center; color: #fff;}
.picTBox .picTCon .pic img { display: block; margin: 0 auto; width: 20.8em; height: auto;}
.picTBox .picTCon .name { margin-top: 0.2em; font-size: 6.4em; color: #fff;}
.picTBox .picTCon .intro{ margin-top: 0.6em; line-height: 1.9; color:#a7978b;}

.picTBox .picTCon .traceInput { margin: 3em auto 0; width: 22em;
	display: flex; justify-content: space-between; align-items: center;}
.picTBox .picTCon .traceInput .iW {border: 1px solid #cccccc;
 background-color: #fff; flex: 1; padding: 0 1em;
 -moz-border-top-left-radius:0.5em; 
 -webkit-border-top-left-radius:0.5em; 
 border-top-left-radius:0.5em;
 
 -moz-border-bottom-left-radius:0.5em;
 -webkit-border-bottom-left-radius:0.5em; 
 border-bottom-left-radius:0.5em;
 
 }
.picTBox .picTCon .traceInput .iW .input{border: 0;
	]line-height: 2.4em; height: 2.4em; font-size: 1em; margin: 0;
padding: 0; outline-width: 0; width: 100%;}
.picTBox .picTCon .traceInput .btnTrace { margin-left: 0.6em; padding: 0.1em 1em 0;
	line-height: 2.25; color: #fff; border: 1px solid #fff;
	cursor: pointer;
	-moz-border-top-right-radius:0.5em;
	-webkit-border-top-right-radius:0.5em; 
	border-top-right-radius:0.5em;
	
	-moz-border-bottom-right-radius:0.5em;
	-webkit-border-bottom-right-radius:0.5em; 
	border-bottom-right-radius:0.5em;
	}

.picTBox .arrow { position: absolute; z-index: 10; cursor: pointer; left: 50%;
 bottom:4.5em; display: block; cursor: pointer;
 margin-left: -1.1em; width: 2.2em; height: 2.2em;
 background: url(../images/arrow_down.svg) center center no-repeat;
 background-size:contain ;
 
 animation:anim_1 5s;
 	-moz-animation:anim_1 5s; /* Firefox */
 	-webkit-animation:anim_1 5s; /* Safari and Chrome */
 	-o-animation:anim_1 5s; /* Opera */
	
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	
	}
	
@keyframes anim_2
{
	0%   { z-index: 1;
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  { z-index: 2;
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

@-moz-keyframes anim_2 /* Firefox */
{
	0%   { z-index: 1;
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  { z-index: 2;
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

@-webkit-keyframes anim_2 /* Safari and Chrome */
{
	0%   { z-index: 1;
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  { z-index: 2;
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

@-o-keyframes anim_2 /* Opera */
{
	0%   { z-index: 1;
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  { z-index: 2;
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

/**/
@keyframes anim_3
{
	0%   {
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  {
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

@-moz-keyframes anim_3 /* Firefox */
{
	0%   {
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  {
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

@-webkit-keyframes anim_3 /* Safari and Chrome */
{
	0%   {
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  {
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

@-o-keyframes anim_3 /* Opera */
{
	0%   {
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
		-ms-transform:scale(1.2,1.2); /* IE 9 */
		-webkit-transform: scale(1.2,1.2); /* Safari */
		transform: scale(1.2,1.2); /* 标准语法 */
	}
	50%  {
		-ms-transform:scale(1.1,1.1); /* IE 9 */
		-webkit-transform: scale(1.1,1.1); /* Safari */
		transform: scale(1.1,1.1); /* 标准语法 */
		filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
	100%  {
		-ms-transform:scale(1,1); /* IE 9 */
		-webkit-transform: scale(1,1); /* Safari */
		transform: scale(1,1); /* 标准语法 */
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
}

.tVideoBox video { display: block;; width: 100%; height: auto;}

.sustBox { padding: 4em 0;}
.sustBox .con { color: #fff; background-color: #333;}
.sustBox a { color: #fff;}
.sustBox ul { padding:2em;}
.sustBox li { margin-top: 2em; display: flex; justify-content: space-between; align-items: center;}
.sustBox li:first-child { margin-top: 0;}
.sustBox .pic { display: block; cursor: pointer; width: 8em; height: 8em;}
.sustBox .pic img { object-fit: cover; width: 8em; height: 8em; display: block;}
.sustBox .txtb { flex: 1; margin: 0 1.5em; text-align: left;}
.sustBox .txtb .line { height: 2px; margin: 0.5em auto 0 0;
width: 1.5em; background-color: #fff;}
.sustBox .txtb .name {
height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.sustBox .txtb .intro { margin-top: 0.8em;
height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.sustBox .arrow { width: 2.5em; height: 2.5em; margin-right: 1em;
background: #b6e8e3 url(../images/arrow.svg) center center no-repeat;
background-size:50% auto ;}


.storieBox { padding: 4em 0;}
.storieBox .tit {text-align: left; }
.storieBox .tit2 { text-align: left;}
.storieBox ul { margin-top: 3em;}
.storieBox li {background-color: #70242a; color: #fff;
	margin-top: 2em; height: 30em;
	display: flex; justify-content: space-between; align-items: center;}
.storieBox li:first-child { margin-top: 0;}
.storieBox .picb { overflow: hidden; flex: 1; height: 100%;}
.storieBox .pic { display: block; cursor: pointer; width: 100%; height: 100%;}
.storieBox .pic img { object-fit: cover; width:100%; height: 100%; display: block;}
.storieBox .txtb { position: relative; z-index: 0; height: 100%; width: 30em; text-align: left;}
.storieBox .txtb .name { position: absolute; left: -3em; bottom: 6em;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Safari and Chrome */
display: flex; justify-content: center; align-items: center;}
.storieBox .txtb .name .txts { display: inline-block; height: 1.5em;
 overflow: hidden; width: 7em;}
.storieBox .txtb .name .line { vertical-align: middle; width: 1.5em; height: 1px; background-color: #fff;
display: inline-block; margin-right: 0.8em;}
.storieBox .txtb .name .dot {vertical-align: middle; width: 0.3em; height: 0.3em; background-color: #fff;
display: inline-block; margin-right: 0.5em;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.storieBox .txtb .intro { margin-top: 11em; margin-left: 5.9em; margin-right:1.5em;
 height: 7.5em; overflow: hidden;
}
.storieBox .arrow { position: absolute; right: 0; bottom: 1.5em;
 display: block; margin: 0 1.5em 0 auto;
 width: 2.5em; height: 2.5em; 
background: #fff url(../images/arrow.svg) center center no-repeat;
background-size:50% auto ;}




.picpic{width:30%; float:left}
.picpic img{ width:100%;}

.texttext{float:right; width:50%; text-align:left; font-size:20px;}


@media only screen and (max-width:828px) { 
	.storieBox li { font-size: 2vw;}
	.storieBox .txtb .intro { margin-top: 8em; margin-left: 4em; margin-right:1em;}
	.storieBox .arrow {bottom: 1em;margin: 0 1em 0 auto;}
	.storieBox .txtb .name  { left: -3.3em;}
	.storieBox .txtb { width: 20em;}
	.picpic{width:100%; float:none; margin-bottom:30px;}
	.picpic img{ width:80%;}
	
	.texttext{float:none; width:100%; text-align:left; font-size:20px;}
}



.konwBox { padding: 4em 0;}
.konwBox .con {}
.konwBox .list { min-height: 40em; padding-left: 7em;
background: url(../images/konw.png) 0 2.5em no-repeat;
background-size:5em auto ;}
.konwBox ul { 
 display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.konwBox li { width: 48%; margin: 0 1%; margin-top: 3em;
 display: flex; justify-content: space-between; align-items: flex-start;}
.konwBox .picb { display: block; cursor: pointer; width: 8em; height: 8em;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow: hidden;}
.konwBox .pic img { object-fit: cover; width: 8em; height: 8em; display: block;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow: hidden;}
.konwBox .txtb { flex: 1; padding-top: 1em; margin: 0 0.5em 0 1.5em; text-align: left;}
.konwBox .txtb .name {
height: 1.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.konwBox .txtb .intro { margin-top: 0.8em;
height: 4.5em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
}
.konwBox .arrow { width: 2.5em; height: 2.5em; margin-right: 1em;
background: #b6e8e3 url(../images/arrow.svg) center center no-repeat;
background-size:50% auto ;}

@media only screen and (max-width:828px) { 
	.konwBox li { width: 100%; margin:3em 0 0;}
}

.btnBack { margin: 2em 1em 0;
	cursor: pointer; color: #000; line-height: 2.6em; display: inline-block; 
	border: 1px solid #000; color: #000; padding: 0.1em 1em 0;
	transition: all 0.3s;
	-webkit-transition:all 0.3s;}
	
.btnBack:hover { background-color: #000; color: #fff;}

.contBoxBg { padding: 15em 0; background: url(../images/trace.jpg) center center no-repeat;
background-size:cover ;}

.contBox { padding: 6em 0; color: #000; text-align: left; margin: 0 auto;
 width: 90%; background-color: #fff;}

.contBox  .contCon { padding:0 15%;}
.contBox  .contCon table { margin-top: 1em; width: 100%; border: 1px solid #373b4d;}
.contBox  .contCon table td { width: 50%; padding: 0.6em 1.6em; border: 1px solid #373b4d;
}
.contBox  .contCon table dl { 
	display: flex; justify-content: space-between; align-items: center;}
.contBox  .contCon table dt { font-style:italic;}
.contBox  .contCon table dd { margin-left: 1em; flex: 1;}
.contBox  .contCon .input {display: block; color: #666; font-size: 1em; width: 100%; border: 0; outline-width: 0;
margin: 0; padding: 0; line-height: 2.7em; height: 2.7em;}

.contBox  .contCon .dl2 { padding: 0.7em 0; display: block;}
.contBox  .contCon .dl2 dt { font-style:italic;}
.contBox  .contCon .dl2 dd { margin: 0.5em 0.2em 0; }

.contBox  .contCon .textarea { display: block; color: #666; font-size: 1em; width: 100%; border: 0; outline-width: 0;
margin: 0; padding: 0; line-height: 1.2em; height: 6em;}
.contBox  .contCon .btnW {    text-align: center;
    border: none;
    background: #fff;
    float: right;
    padding: 0;}
.contBox  .contCon .btn { line-height: 3; display: block; cursor: pointer;
 width: 10em; margin: 0 0 0 auto; background-color: #0e2436; color: #fff; text-align: center;}

.contBox  .contCon .btnBackW { text-align: center;}

@media only screen and (max-width:828px) { 
	.contBox { width: 100%;}
	.contBox .contCon { padding: 0 2em;}
}

.resultBox {padding:10.2em 0 14em; background-color: #70242a; color: #fff; height:100vh}
.resultBox .txt { margin-top: 2em; }
.resultBox .txt a { color: #fff; text-decoration: underline;}
.resultBox .inputVal { display: inline-block; max-width: 100%; word-break: break-all;}


.resultBox .result img{ width:20%;}



.resultBox .tit2 { text-decoration: underline;}
.resultBox .listBox { margin: 2em 14% 0; 
display: flex; justify-content: space-between; align-items: stretch;}
.resultBox .listBox .list { text-align: left; width: 47%;}
.resultBox .listBox .list dl { margin-top: 3em; padding-bottom: 3em;
 border-bottom:1px solid rgba(255,255,255,0.1);}
 .resultBox .listBox .list dl dt { color: rgba(255,255,255,0.8);}
.resultBox .listBox .list dl dd { margin-top: 0.8em; font-size: 1.7em;}
.resultBox .listBox .line { margin-top: 2em; width: 1px; background-color: rgba(255,255,255,0.1);}

@media only screen and (max-width:828px) { 
	.resultBox .listBox {margin: 2em auto 0;  display: block;}
	.resultBox .listBox .line { display: none;}
	.resultBox .listBox .list { width: auto;}
}

.resultBox .tit3 { margin-top: 1.7em; }

.resultBox .list2 { text-align: left; padding: 1.5em 0; margin: 0 14% 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.resultBox .list2 ul { display: flex; justify-content: space-between; align-items: center;}
.resultBox .list2 li { position: relative; z-index: 0;  flex: 1; padding: 1em 0.5em;}
.resultBox .list2 li .arrow { width: 1em; height: 1em;
position: absolute; top:1.1em; right: 0;
background: url(../images/arrow_down.svg) center center no-repeat;
background-size:contain ; cursor: pointer;}
.resultBox .list2 li:last-child { padding-right: 1.7em;}

.resultBox .list3 {text-align: left; padding: 1.5em 0; margin: 0 14% 0;
 border-bottom: 1px solid rgba(255,255,255,0.1); display: none;}
.resultBox .list3 ul { margin: 0 10%; display: flex; justify-content: space-between; align-items: center;}
.resultBox .list3 li {flex: 1; margin: 0 0.5em; padding: 1em 0;}


.resultBox .listTit {text-transform: uppercase; color: rgba(255,255,255,0.9);}

@media only screen and (max-width:828px) {  
	.resultBox .list2 { margin: 0 auto 0;}
	.resultBox .list3 { margin: 0 auto 0;}
	.resultBox .list3 ul { margin: 0 auto; }
}


/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:50px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#093835;
	border:1px solid #093835;
}
.pagination a.page-num-current {
	color:#fff;
	background:#093835;
	border:1px solid #093835;
}
/* ----- PB分页数字条效果 结束 ----- */






.newDBox { padding: 50px 0;}
.newDBox1 { padding: 4em 0 4em;}
@media screen and (max-width: 767px) {
	.newDBox1 { padding-top: 2em;}
}
.newDBox .title { font-weight: normal;}
.newDBox .about { color: #707070; margin-top: 1.3em; padding: 1.3em 0 0; border-top:1px solid #d9d9d9 ;}
.newDBox .about span { display: inline-block; margin: 0 0.7em;}
.newDBox .about a {color: #707070;}
.newDBox .content { margin-top: 2.5em; line-height: 1.9; text-align: left; color: #666;}
.newDBox .content p { margin-top: 0.8em;}

.newDBox .content img{ width:100%!important; height:auto!important}




@media only screen and (max-width:828px) {
	.newDBox .title { font-weight: bold; font-size: 20px;}
}


 .pageTurn { 
 margin-top: 70px; border-bottom: 1px solid #d9d9d9;}
 .pageTurn ul {display: flex; justify-content: space-between; align-items: center;}
 .pageTurn li { margin: 1.2em 0; text-align: left; width: 45%; height: 1.5em; 
line-height: 1.5em; overflow: hidden; color: #707070;}
 .pageTurn li:nth-child(2) { text-align: right;}
 .pageTurn li a {color: #707070;}
 .pageTurn li a:hover { color: #3355b1;}
@media only screen and (max-width:828px) { 
	 .pageTurn ul { display: block;}
	 .pageTurn li { width: 100%;}
	 .pageTurn li:nth-child(2) { text-align: left;}
}