@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 0.83vw;
	font-family:"微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #fff;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background-color: #000510;
}

input,textarea {font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #1b1c20;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: #fff;}
a:hover {	color: #eee;	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: #bbb;}
textarea::-moz-placeholder{	color: #bbb;}
textarea:-ms-input-placeholder{	color: #bbb;}

.wrapI { overflow: hidden; min-height: 100vh; padding-top: 7.9em;
background: url(../images/bg_index.png) 0 center no-repeat;
background-size:100% auto;}

.wrap { overflow: hidden;}

.con { width:65%;  margin: 0 auto; overflow: hidden;}



/*头部*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;	
height:7.9em;
background: url(../images/bg_nav.png) 0 0 no-repeat; background-size:100% 100% ;}
.headerI {
background-image: url(../images/bg_nav_i.png) 0 0 no-repeat; }
.headerB,.headerC { background-color:rgba(0,0,0,0.6); }
.header { margin: 0 auto; height: 100%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.header .con {height: 100%; overflow: visible; 
 display: flex; justify-content:space-between; align-items: stretch;}
.header .logo { display: flex; justify-content: center; align-items: center;}
.header .logo img {	display: block;	 height: 5.68em; width:auto;}


/* @media only screen and (max-width:828px) {
.headerW { height: auto ;transition: all 0s; height: 3.6em;}
.header { width: 100%; height: 100%; justify-content: space-between;}
.header .con { width: auto;}
.header .logo img {	display: block;	 width: auto; height: 1.3em; }
} */

/*头部导航*/
.nav { height: 100%; }
.nav>ul {height: 100%; display: flex; justify-content: flex-end; align-items: center;}
.nav>ul>li { margin-left: 4.1vw; height: 100%;	cursor: pointer; }
.nav>ul>li img { display: block; width: 3em; height: 3em; object-fit: contain;}
.nav>ul>li>a,.nav>ul>li>span { height: 100%;
    display: flex; justify-content: center; align-items: center; cursor: pointer; color: #fff;
 -webkit-transition:all 0.5s;}
 
@media only screen and (max-width:828px) {
	html,body {font-size: 2.5vw;}
	.con { width:94%; }
	.headerW { height: 11em;}
	.header .con { display: block;}
	.header .logo { padding-top: 1em;}
	.header .logo img  { height: 4.8em;}
	.nav { width: 100%; margin-top:1em;}
	.nav>ul { width: 100%;justify-content: space-around;}
}


.box_1 img { display: block; width: 100%; height: auto;}

.box_2 { padding: 0.5em 0 12.8%;}
.box_2 .tit { font-size: 2.3em; font-weight: bold; text-align: left;}
.box_2 .tit_2 { margin-top: 0.6em; color: #cccdcf; font-size: 1.21em;text-align: left;}
.box_2 .list {margin-top: 1.4em;}
.box_2 .list li { position: relative; z-index: 0; padding: 1em 0;}
.box_2 .list li .pic img { display: block; width: 100%; height: auto;}
.box_2 .list li .btn { position: absolute; left: 0; font-size: 1.2em; color: #fff;
display: block; cursor: pointer;
left: 50%; top: 50%; margin: -1.4em auto auto -6.3em;
font-weight: bold;
line-height: 2.7em; padding: 0.1em 0; width: 12em;
 border: 0.11em solid #17a9a0;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#36d2c9+0,046b6a+100&0.8+0,0.8+100 */
 background: linear-gradient(to bottom,  rgba(54,210,201,0.85) 0%,rgba(4,107,106,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}

.nameBox { height: 18.5em; display: flex; justify-content: center; align-items: center;
 background: url(../images/bg_name.png) 0 0 no-repeat;
background-size:cover;}
.nameBox .name { font-weight: bold; font-size:2.3em; margin-top: 2.7em;}

@media only screen and (max-width:828px) {
	.nameBox .name  { margin-top: 4.2em;}
}

.bannerBox { margin-top: 4.8em; position: relative; z-index: 0;}

.bannerBox .pic { display: block; width: 100%; height: auto;}
.bannerBox .txtb { position: absolute; left: 5%; right: 5%; top: 5%; bottom: 5%; text-align: left;
display: flex; flex-direction: column; justify-content: center; align-items:stretch;}
.bannerBox .tit { font-size: 2.3em; width: 100%; font-weight: bold; }
.bannerBox .intro { margin-top: 0.6em; color: #cccdcf; font-size: 1.21em;}


.proBox { padding:3.8em 0 12.8%;}
.proBox .tit { font-size: 2.3em; font-weight: bold; text-align: left;}
.proBox .tit_2 { margin-top: 0.6em; color: #cccdcf; font-size: 1.21em;text-align: left;}
.proBox .list {margin-top: 1.4em;}
.proBox .list ul { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.proBox .list li { position: relative; z-index: 0;  width: 23.4%; margin-right: 2.13%; margin-top: 2.13%;}
.proBox .list li .lib { border: 1px solid #31353e; background-color: #1a1e28;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em; padding: 1.37em;}
.proBox .list li:nth-child(4n) { margin-right: 0;}
.proBox .list li .pic { position: relative; z-index: 0; padding-top: 100%;
 display: block; cursor: pointer; background-color: #000510; overflow: hidden;
 -moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.proBox .list li .pic img { position: absolute; left: 0; top: 0;
 display: block; width: 100%; height: 100%; object-fit: cover;}
 .proBox .list li .pic .fav { display: block; position: absolute; z-index: 1; right:1.2em ; top: 1.2em; font-size: 0.8em;
 background: url(../images/fav.png) 0 0 no-repeat;
 background-size: 1.3em auto; padding-left: 1.5em;}
.proBox .list li .name { text-align: left; font-size: 1.15em; height: 3.5em; line-height: 3.5em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }

.proBox .list li .btn { font-size: 0.8em; color: #fff;
display: block; cursor: pointer;
line-height: 3.4em; padding: 0.1em 0; 
 border: 0.11em solid #17a9a0;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#36d2c9+0,046b6a+100&0.8+0,0.8+100 */
 background: linear-gradient(to bottom,  rgba(54,210,201,0.85) 0%,rgba(4,107,106,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}


/*内容页*/
.proDeBox { padding:6.2em 0 1.5em;}
.proDeBox .deTop { text-align: left;
display: flex; justify-content: space-between; align-items:stretch;}
.proDeBox .deTop .picb { font-weight: bold; width: 53.5%; text-align: center;
display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-start;}


.proDeBox .deTop .txtb { margin-left: 2.4%;  flex: 1; text-align: left;}
.proDeBox .deTop .txtb .name { font-size: 2.05em; line-height: 1.2; font-weight: bold; }
.proDeBox .deTop .txtb .about { margin-top: 1.1em; display: flex; justify-content: space-between; align-items: center;}
.proDeBox .deTop .txtb .about .fav { display: block; font-size: 0.8em; line-height: 2.4em;
 background:#343444 url(../images/fav.png) 1em center no-repeat;
 background-size: 1.3em auto; padding-left: 2.5em; padding-right: 1em; padding: 0.1em 1em 0 2.5em;
 
 -moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;
 }
 .proDeBox .deTop .txtb .about .btnShare {font-size: 0.8em; line-height: 2.5em; 
 width: 2.6em; height: 2.6em; display: inline-block; cursor: pointer;
 background:#343444 url(../images/share.png) center  center no-repeat;
 background-size: 1.3em auto;  margin-left: 0.8em;
 -moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;}
 .proDeBox .deTop .txtb .about .btnMore {font-size: 0.8em; line-height: 2.5em;
  width: 2.6em; height: 2.6em; display: inline-block; cursor: pointer;
  background:#343444 url(../images/dot.png)  center  center no-repeat;
 background-size: 1.3em auto; margin-left: 0.8em;
   -moz-border-radius:1.3em; -webkit-border-radius:1.3em; border-radius:1.3em;}
.proDeBox .deTop .txtb  .intro { margin-top: 1.3em; color: #ccc; font-size: 0.87em; line-height: 1.7;}


.proDeBox .deTop .txtb .param  { margin-top: 1.2em; font-size: 0.95em;}
.proDeBox .deTop .txtb .param dl { 
    padding: 0.5em 0 0.5em;
	display: flex; justify-content: flex-start; align-items: flex-start;}
.proDeBox .deTop .txtb .param dt { line-height: 2.7em; font-weight: bold; color: #ccc;}
.proDeBox .deTop .txtb .param dd { margin-left: 0.9em; flex: 1; }

.proDeBox .deTop .txtb .param dd.paramSel span {font-weight: bold; margin:0.25em  0.3em 0.25em 0;
 display: inline-block; border: 1px solid #8a8aa0; color: #8a8aa0; line-height: 1.9em; padding: 0.1em 1.8em 0;
 -moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.3em;}
.proDeBox .deTop .txtb .param dd.paramSel span.sel {display: inline-block; border: 1px solid #19c3b9; color: #19c3b9;}
.proDeBox .deTop .txtb .btnW { margin-top: 1em; overflow: hidden;}
.proDeBox .deTop .txtb .btn { font-size: 0.9em; color: #fff; font-weight: bold;
	display: block; cursor: pointer; margin:2.1em auto 0 auto ;
text-align: center;
	line-height: 2.9em; padding: 0.1em 0 0; 
	 border: 0.15em solid #17a9a0;
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#36d2c9+0,046b6a+100&0.8+0,0.8+100 */
	 background: linear-gradient(to bottom,  rgba(54,210,201,1) 0%,rgba(4,107,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.proDeBox .deTop .txtb .btn img {vertical-align: middle; width: 1.7em; height: 1.7em; object-fit: contain; margin-right: 0.1em;}
.proDeBox .deTop .txtb .btn span { vertical-align: middle;}


@media only screen and (max-width:828px) {
	.proDeBox .deTop  {display: block; } 
	.proDeBox .deTop .picb  { margin-bottom: 0.5em;width: 100%;}
	.proDeBox .deTop .txtb  { margin:1.5em 0 0;width: 100%;}
}
.proDeBox .picd { flex: 1; overflow: hidden; padding: 0.87em; margin-left: 2.2%;
background:url(../images/pro_d_b.png) center center no-repeat ;
background-size:contain ;}
.proDeBox .picd .pic { padding-top: 100%; position: relative; z-index: 0;}
.proDeBox .picd .pic img { position: absolute;
	display: block; left: 0; top: 0;
	width: 100%; height: 100%; object-fit: cover;}


.proDeBox .pics { width: 12.7%;	position: relative;	z-index: 0;}
.swiper_pro_s {padding-top: 1em;}
.swiper_pro_s .swiper-container{ height: 39.8em;}
@media only screen and (max-width:828px) {
	.swiper_pro_s .swiper-container{ height: 30em;}
}
.swiper_pro_s .item { overflow: hidden; border: 1px solid rgba(255,255,255,0.5);
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}

.swiper_pro_s .pic {overflow: hidden;
	position: relative;
	z-index: 0;
	padding-top: 100%;
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}

.swiper_pro_s .pic img {
	position: absolute;
	width: 100%;	height: 100%;	left: 0;	top: 0;
	object-fit: cover;
}

.swiper_pro_s .name {
	margin-top: 0.8em;
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
}

.swiper_pro_s .swiper-slide {
	cursor: pointer;
}

.swiper_pro_s .swiper-slide.cur .item {
	border:1px solid #ff6d00;
}

.swiper_pro_s .swiper-button-disabled {
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: 0.4;
}

.proDeBox .pics .btnNext,
.proDeBox .pics .btnPrev {
	position: absolute;
	z-index: 10;
	left: auto;
	top: 50%;
	margin-top: -0.9em;
	right: 0;
	cursor: pointer;
	width: 1em;
	height: 1.8em;
	background: url(../images/arrow2.png) center center no-repeat;
	background-size:contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.proDeBox .pics .btnPrev {
	left: 0;
	right: auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.proDeBox .pics .swiper-button-disabled {
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: 0.6;
}
.detailBox { margin-top: 4em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; text-align: left;  }
.detailBox .tit { font-weight: bold; width: 100%; font-size:2em;}
.detailBox .conL { width: 70%; margin-top: 2.3em;}
.detailBox .conR { width: 28%;margin-top: 2.3em;}

.detailBox .conL .content { overflow: hidden; width: 100%;}
.detailBox .conL .content img { display: block; max-width: 100%; height: auto;}

.detailBox .conR .lBox {background: url(../images/l_box.png) center center no-repeat;
	background-size:100% 100%; padding: 1.7em;
}


.detailBox .conR .lBox .list li {  font-size: 1em;
	display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;
}
.detailBox .conR .lBox .list li .picb { width: 6.1em;}
.detailBox .conR .lBox .list li .picb .pic { display: block; cursor: pointer; padding-top: 100%; position: relative; z-index: 0;}
.detailBox .conR .lBox .list li .picb .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;}
.detailBox .conR .lBox .list li .txtb { font-size: 0.9em; margin-left: 1em; flex: 1; font-weight: bold;}
.detailBox .conR .lBox .list li .btnW { width: 100%; margin-top: 0.15em; overflow: hidden;}
.detailBox .conR .lBox .list li .btn { font-size: 0.75em; color: #fff;
	display: block; cursor: pointer; margin:1.4em auto 0 auto ; font-weight: bold;
    text-align: center;
	line-height: 2.9em; padding: 0.1em 0 0; 
	 border: 0.15em solid #17a9a0;
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#36d2c9+0,046b6a+100&0.8+0,0.8+100 */
	 background: linear-gradient(to bottom,  rgba(54,210,201,1) 0%,rgba(4,107,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
}
.detailBox .conR .lBox .list li .btn img {vertical-align: middle; width: 1.7em; height: 1.7em; object-fit: contain; margin-right: 0.1em;}
.detailBox .conR .lBox .list li .btn span { vertical-align: middle;}

@media only screen and (max-width:828px) {
	.detailBox { display: block;}
	.detailBox .conL { width: 100%;}
	.detailBox .conR { width: 100%;}
	
	
	.detailBox .conR .lBox .list {
	 font-size: 1.2em;}
}
/*内容页 end*/

.posiBox { background-color: #f8f8f8;}
.posiBox .con { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.posiBox .subNav { line-height: 4.4em;}
.posiBox .subNav ul { display: flex; flex-wrap: wrap; justify-content:flex-start; align-items: center;}
.posiBox .subNav li {  margin:0 4.5em 0 0;  }
.posiBox .subNav a {display: block; color: #333;}
.posiBox .subNav a:hover { color: #0099cc; text-decoration: none;}
.posiBox .subNav li.cur { position: relative; z-index: 0;}
.posiBox .subNav li.cur a { font-weight: bold;}
.posiBox .subNav li.cur::after { position: absolute; display: block;  content: "";
left: 0; bottom: 0; height: 2px; width: 100%; background-color: #0099cc;}
@media only screen and (max-width:1920px) {
	.posiBox .subNav li {  margin:0 4.1vw 0 0;  }
}

.position { background-color: #f8f8f8; text-transform: uppercase;
 text-align: left; color: #666;  padding: 1em 0  1em; line-height: 2em;}
.position .con { position: relative; z-index: 0; }
.position .icon { margin-right: 0.5em; width: 1.14em; height: 1.14em;
 background: url(../images/home_blue.png) center center no-repeat;
 background-size:contain ;}
.position a {display: inline-block; color: #555;}
.position a:hover {color: #007437;}
.position span {display: inline-block; }
.position .arrow { display: inline-block; margin: 0 0.5em; font-family: "宋体";}

@media only screen and (max-width:828px) {
.posiBox .con { display: block;}
.posiBox .subNav { border-top:1px solid #ccc; margin-top: 0; }
.posiBox .subNav li {  margin:0 1.5em 0 0;  }
}

.iTit .name { color: #0b173f; font-weight: bold;}
.iTit .intro { margin-top: 0.1em; color: #a5a7b0; }
 
.contactBox { background: #f2f2f2; color: #666870; padding: 4.4em 0 3.7em;
 text-align: left;}
.contactBox .con {display: flex; justify-content: space-between; align-items: stretch;}
.contactBox .conL { width: 67.8%; margin: 0 auto 0 0;
border-right:1px solid #d4d5d9;}
.contactBox .conR { flex: 1; margin-left: 6%;}

.contactBox .conL .tit {color: #0b173f; font-weight: bold;}
.contactBox .form { margin-right: 8.3%; color: #bebebe;
display: flex; flex-wrap: wrap; 
justify-content: space-between; align-items: flex-start;}
.contactBox .form form { width: 100%;
 display: flex; flex-wrap: wrap;
 justify-content: space-between; align-items: flex-start;}

.contactBox .form dl { margin-top: 2em; width: 30%; border-bottom: 1px solid #d4d5d9;
display: flex; justify-content: flex-start; align-items: center;}
.contactBox .form dl dt { font-weight: normal;}
.contactBox .form dl dd { flex: 1;}
.contactBox .form dl.dl2 { width: 100%;}
.contactBox .form dl.dl3 { width: 100%; display: block;}
.contactBox .form dl .iW { padding: 0 1em;}
.contactBox .form dl .input { width: 100%; border: 0;
 outline-width: 0; line-height: 2.5em; height: 2.5em;
 font-size: 1em; background-color: transparent;}
.contactBox .form dl .tW {padding: 0.8em 0;}
.contactBox .form dl .textarea { display: block; width: 100%;
  border: 0; outline-width: 0; line-height: 1.2em; height: 3.6em;
  font-size: 1em; background-color: transparent; }
  
.contactBox  textarea::-webkit-input-placeholder,
.contactBox  input::-webkit-input-placeholder{	color: #999;}
.contactBox textarea::-moz-placeholder,
.contactBox input::-moz-placeholder{	color: #999;}
.contactBox textarea:-ms-input-placeholder,
.contactBox input:-ms-input-placeholder{	color: #999;}

.contactBox .checkBoxZ { margin-top: 1.3em; display: flex; flex-wrap: wrap;
 justify-content:flex-start; align-items: center; color: #666880;}
.contactBox .checkBoxZ .item { cursor: pointer; margin-top: 1em; width: 18%; margin-right: 2%;
display: flex; justify-content: flex-start; align-items: center; 
position: relative; z-index: 0; overflow: hidden;}
.contactBox .checkBoxZ .item label { width: 100%;display: flex;
 justify-content: flex-start; align-items: center;}
.contactBox .checkBoxZ .item::before { content: ""; display: block; width: 1em; height: 1em;
 border: 1px solid #d6d6da;
 -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.contactBox .checkBoxZ .item.checked:before { background-color: #a2c449;}
.contactBox .checkBoxZ .item .checkbox { position: absolute; left: -100px; 
 display: flex; width: 1em; height: 1em;}
.contactBox .checkBoxZ .item span { margin-left: 0.2em; display: block;}

.contactBox .btnW { margin-top: 2em;}
.contactBox .btn { padding: 0 2.3em 0 6em;}
.contactBox .btn::after { margin-left: 4em;}

.contactBox .conR .tit { margin-top: 0.8em; font-weight: bold; color: #0b173f;}
.contactBox .conR .list{ margin-top: 1em; color: #666870; line-height: 2.8;}
.contactBox .conR .list li { height: 2.8em; position: relative; z-index: 0;
overflow: hidden;text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; padding-left: 1em;}
.contactBox .conR .list li::before { position: absolute; left: 0; top: 50%;
 content: ""; display: block;
 width: 0.4em; height: 0.4em; margin-top: -0.2em; background-color: #666870;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} 
.contactBox .conR .list a {color: #666870;}
.contactBox .conR .list a:hover {color: #abcf4d;}
@media only screen and (max-width:828px) { 
	  .contactBox .con { display: block;}
	  .contactBox .conL { width: 100%; }
	  .contactBox .form dl { margin-top: 2em; width: 100%;}
	  .contactBox .conR { margin-top: 3em; flex: 1; margin-left:auto;}
	  .contactBox .checkBoxZ .item { width: 38%; margin-right: 0;}
	  .contactBox .checkBoxZ .item:nth-child(2n+1) { width: 58%; margin-right: 2%;}
}

/*底部*/
.footer { position: relative; z-index: 0;
 color: #fff;text-align: left; width: 100%;  background: #242424; }
.footerTop .con { overflow: visible; display: flex; justify-content: space-between; align-items: flex-start;}
.footer .fInfo { width: 22%; margin-top: 6em; }
.footer .fInfo .fLogo img { height: 25px;}
.footer .fInfo .add { margin-top: 3.9em;}
.footer .fInfo .add dl { margin-top: 1.9em; display: flex; justify-content: flex-start; align-items: flex-start;}
.footer .fInfo .add dt img { position: relative; top: 0.15em; width: 1.2em; height: 1.2em;
object-fit: contain; margin-right: 0.7em;}
.footer .fInfo .add dd { flex: 1;}
.footer .fInfo .shareBox { margin-top: 2em; display: flex; flex-wrap: wrap;
 justify-content: flex-start; align-items: center;}
.footer .fInfo .shareBox a { display: inline-block; width: 2.4em; height: 2.4em;
border: 1px solid #918f90; margin-right: 0.9em; margin-top: 0.9em;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
display: flex; justify-content: center; align-items: center;}
.footer .fInfo .shareBox a  img { display: block; width: 1.5em; height: 1.5em;
object-fit: contain;}

.footer .fInfo .shareBox .btnWechat { position: relative; z-index: 0;}
.footer .fInfo .shareBox .btnWechat .popupPics { background-color: #fff;
position: absolute; bottom: 2.5em; left:-1.6em;
padding: 0.4em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;
-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .1);
box-shadow: 0 0 1em rgba(0, 0, 0, .1);
display: none;}
.footer .fInfo .shareBox .btnWechat .popupPics img{ width: 5em; height: 5em;}

.footer .fInfo .shareBox .btnWechat:hover .popupPics { display: block;}

.footer .fnav { width: 72%;margin-top: 5.5em; line-height: 2.55;
 flex-wrap: wrap; display: flex; justify-content:space-between; align-items: flex-start;}
.footer .fnav dl { margin-right: 1%;}
.footer .fnav dl:last-child { margin-right: 0;}
.footer .fnav dl dt { font-weight: bold;}
.footer a { color: #fff;}
.footer a:hover { color: rgba(255,255,255,0.8);}
.footer .flink { padding: 2.6em 0; color: rgba(255,255,255,0.5);}
.footer .flink a {color: rgba(255,255,255,0.5);}
.footer .flink a:hover {color: rgba(255,255,255,1);}
.footer .footerBot { border-top:1px solid #373737;
	padding: 2.6em 0 2.6em; font-weight: bold; color: rgba(255,255,255,0.5); text-align: center;}

  @media only screen and (max-width:828px) {
	  .footerTop .con { display: block;}
	  .footer .fInfo { width: 100%;}
	  .footer .fInfo .fLogo { text-align: left;}
	  .footer .fInfo .fLogo img { margin: 0 auto 0 0;}
	  .footer .footerBot { text-align: left;}
	  .footer .fnav { display: none;}
  }

.page { margin-top: 2.6em;	text-align: center;	color: #646b97;	line-height: 2.7; }
@media only screen and (max-width:828px) {
	.page { font-size: 12px;}
}
.page a,.page .cur,.page .dot {
	display: inline-block;
	color: #666; 
	padding: 0.1em 0 0; width: 2.8em;
	margin: 0.4em 0.35em 0;
	background-color: #efefef;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
}
.page a:hover { color: #c79d52; }
.page .cur { background-color: #c79d52;color: #fff;}

.page .prev { font-weight: bold;
	display: inline-block;font-family: "宋体";
}
.page .next {font-weight: bold;
	display: inline-block;font-family: "宋体";
}

.btn { display: inline-block; cursor: pointer; color: #fff; line-height: 3.8;
 padding: 0 3.8em; 
transition: all 0.5s;
-webkit-transition:all 0.5s; border: 1px solid #fff;}
.btn:hover { background-color: #abcf4d; color: #fff;border: 1px solid #abcf4d;}


.btnGreen { display: inline-block; cursor: pointer; color: #abcf4d; line-height: 3.8;
 padding: 0 3.8em; 
transition: all 0.5s;
-webkit-transition:all 0.5s; border: 1px solid #abcf4d;}
.btnGreen:hover { background-color: #abcf4d; color: #fff;}

.btnGreen2 { display: inline-block; cursor: pointer; color: #abcf4d; line-height: 3.8;
 padding: 0 3.8em; background-color: #abcf4d; color: #fff;
transition: all 0.5s;
-webkit-transition:all 0.5s; border: 1px solid #abcf4d;}
.btnGreen2:hover { background-color: #abcf4d; color: #fff;}
.btnGreen2 img { margin-left: 0.1em; position: relative; top: 0.2em; width: 1.1em; height: 1.1em; object-fit: contain;}

.pageTurn { margin-top: 2em; 
text-align: left; line-height: 2.1em;}
.pageTurn li { height: 2.1em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }
.pageTurn b { font-weight: bold;}
.pageTurn a { }


.aboutBox { padding: 4em 0 5em;}
.aboutBox .con { display: flex; justify-content: space-between; align-items: center;}

.aboutBox .conL { margin-top: 3em; width: 58%; text-align: left;}
.aboutBox .conL .intro{ color: #414242; margin: 1.2em 0 0; line-height: 2.1;}
.aboutBox .conL .dataList ul { flex-wrap: wrap;
 display: flex; justify-content: flex-start; align-items: flex-start;}
.aboutBox .conL .dataList li { margin-top: 0.9em; margin-right: 11.8%;}
.aboutBox .conL .dataList .num {font-size: 2.66em; font-weight: bold;}
.aboutBox .conL .btnGreen { margin-top: 2.4em;}

.aboutBox .conR {margin-top: 3em;
 width: 31.2%; display: flex; justify-content: center; align-items: center;}
.aboutBox .conR .pic img { display: block; width: 100%; height: auto;}
@media only screen and (max-width:828px) {
	.aboutBox { padding-bottom: 2.5em;}
	.aboutBox .con { display: block;}
	.aboutBox .conL { width: 100%;}
	.aboutBox .conR { width: 100%; margin-top: 2em;}
	.aboutBox .conL .dataList li { margin-right: 8%;}
	.aboutBox .conL .dataList .num {font-size: 1.8em;}
}