/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #000;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
table {
width: 80%;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-left-color: #CCC;
}
table tr td {
padding: 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
}
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: #000;}
a:hover {	color: #0950a2;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder {	color: #cecece;}
input::-moz-placeholder {	color: #cecece;}
input:-ms-input-placeholder {	color: #cecece;}
.font60 { font-size: 60px;}
.font46 { font-size: 46px;}
.font40 { font-size: 40px;}
.font38 { font-size: 38px;}
.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;}
.font21 { font-size: 21px;}
.font20 { font-size: 20px;}
.font36 {
    font-size: 36px;
}

.font18 { font-size: 18px;}
.font16 { font-size: 16px;}
.font14 { font-size: 14px;}
.font13 { font-size: 13px;}
.font12 { font-size: 12px;}

.wrap { padding-top:78px;}
@media only screen and (max-width:828px) {
.font60 { font-size: 42px;}
.font46 { font-size: 40px;}
.font40 { font-size: 34px;}
.font34 { font-size: 28px;}
.font32 { font-size: 26px;}
.font30 { font-size: 24px;}
.font28 { font-size: 24px;}
.font26 { font-size: 22px;}
.font24 { font-size: 20px;}
.font22 { font-size: 20px;}
.font21 { font-size: 20px;}
.font20 { font-size: 18px;}

.font18 { font-size: 16px;}
.font16 { font-size: 16px;}
.font14 { font-size: 13px;}
.font13 { font-size: 12px;}
.font12 { font-size: 12px;}

.wrap { padding-top: 50px;}
}
.con {width: 77.772%; margin: 0 auto;}
.conm {width: 77.772%; margin: 0 auto; max-width:1280px;}
.cons {width:77.772%; margin: 0 auto;}
.conn {width:95%;margin: 0 auto;}


@media only screen and (max-width:1440px) {
	.con {margin: 0 20px; width: auto;}
.cons {margin: 0 20px; width: auto;}
}
@media only screen and (max-width:828px) {
     .font60 { font-size: 40px;}
	.con,.cons,.conm,.conn {margin: 0 1em; width: auto;}
}
/*头部*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;	
height:78px;  
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; 
}
.header { height: 100%; margin: 0 auto;  background-color: #fff; }

.header .logo {
    width:9.5%;
}
.header .conn {height: 100%;
 display: flex; justify-content:space-between; align-items: center;}

.header .logo img {
	display: block;
     width:82%;
    max-width: 300px;
    height: auto;
	transition: all 1s;
	display: none;
}
.header .logo img:nth-child(2) {
display: block;
}
.header .tel { font-size: 20px; color: #000; font-weight: bold;display: flex; justify-content: flex-start; align-items: center; }
.header .tel img { display: inline-block; 
vertical-align: middle; width: 1.63em; height: 1.63em;}
.header .tel img:nth-child(1) { display: none;}
.header .tel .tel-ico {height: 30px; overflow: hidden;
    width: 30px; font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center; color: #000; border: 1px solid #000;
    border-radius: 50%;
    margin-right: 8px;}
.header .tel .tel-ico .iconfont{ font-size: 18px; margin-top: 3px;}

@media only screen and (max-width:828px) {
.headerW { height: 70px;transition: all 0s;}
.header { background-color: #fff; width: 100%; justify-content: space-between;}
.header .logo { width: 63%;}
.header .tel { display: none;}
.header .logo img:nth-child(1) { display: block;}
.header .logo img:nth-child(2) { display: none;}
}

.headerW2,.headerW:hover {
	background:#fff;
	-moz-box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
	-webkit-box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
	box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
}
.headerW2 .header .tel,.headerW:hover .header .tel { color: #333;
-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; 
/* background-image: url(../images/d2.png); */
}
.headerW2 .header .tel img:nth-child(1),
.headerW:hover .header .tel img:nth-child(1) { display: inline-block;}
.headerW2 .header .tel img:nth-child(2),
.headerW:hover .header .tel img:nth-child(2) { display: none;}


.headerW2 .nav>ul>li>a>div:first-child,
.headerW:hover .nav>ul>li>a>div:first-child{ color: #000;}

.headerW2 .header .logo img:nth-child(1),
.headerW:hover .header .logo img:nth-child(1)
{ display: block;}
.headerW2 .header .logo img:nth-child(2),
.headerW:hover .header .logo img:nth-child(2)
{ display: none;}

/*头部导航*/
.nav { display: flex;}
.nav>ul {
display: flex; justify-content: center; align-items: flex-start;}
.nav>ul>li {
		position: relative; 
	z-index: 100; height:78px;
	cursor: pointer; padding: 0 1.5vw; font-size:16px; 
}
.nav>ul>li>a,.nav>ul>li>span {
	position: relative;
	z-index: 0; height: 78px; overflow: hidden;
	line-height: 78px; display: block; cursor: pointer;
	padding: 0 0.6vw; color: #000;
}
.nav>ul>li>a::after {content: ""; display: block;  transition: all 0.5s;
  position: absolute; bottom: 0; left: 50%; right: auto;
  height: 3px; width: 0; background-color: #0950a2 ;}
  
.nav>ul>li:hover>a { color: #000;}
.nav>ul>li>a:hover::after { width: 100%;left:0 }

/* .nav>ul>li>a>div { transition: all 0.5s;
    transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);} */
.nav>ul>li:hover>a>div:nth-child(2) { color: #0950a2;}
/* .nav>ul>li:hover>a>div{
	transform: translate(0,-78px);
	-ms-transform: translate(0,-78px);
	-webkit-transform: translate(0,-78px);
} */

@media only screen and (max-width:1560px) {
.nav>ul>li { padding: 0 1.5vw;}
.nav>ul>li>a,.nav>ul>li>span {	padding: 0 0; }
}
@media only screen and (max-width:1300px) {
	.navW {  font-size: 14px;}
}
@media only screen and (max-width:1200px) {
	.header .tel { font-size: 18px; }
}
@media only screen and (max-width:1050px) {
	.nav>ul>li { padding: 0 0.6vw;}
}
@media only screen and (max-width:950px) {
	.navW {  font-size: 12px;}
	.nav>ul>li { padding: 0 0.5vw;}
}


.nav .sub_nav {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%; margin-left: -5.5em;  width: 11em;
	text-align: center;
	background: rgba(255,255,255,0.95); font-size: 0.9em;
	-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	font-size: 14px;
}
.nav .sub_nav li {  line-height: 3em; height: 3em; overflow: hidden;
 border-top:1px solid #eee;  }
.nav .sub_nav li a {color: #000000; padding: 0 0.5em; display: block; position: relative; z-index: 0;}
.nav .sub_nav li a:hover {color: #fff; background-color:#0950a2}
.nav .sub_nav li a:hover::after { content: ""; display: block;
position: absolute; top: 50%; margin-top: -0.4em; right: 1em; width: 0.8em; height: 0.8em; 
background: url(../images/arr_2_red.png) right center no-repeat;
background-size:contain;}
.navM { display: none}
.header .c-switch {
  display: none; 
  cursor: pointer; width: 40px; height: 40px;
  background:#0950a2 url(../images/menu.png) center center no-repeat;
  background-size:50% auto;
}

@media only screen and (max-width:828px) {
.header .c-switch {  display: block;}
.navW { display: none;}
.navM {
	position: fixed;
	z-index: 400;
	right: 0;
	left: 0;
	top: 60px;
	overflow-y: auto;
	background-color: rgba(0,0,0,0.5);
	display: none;
	font-size: 16px;
	line-height: 2.8;
	text-align: left;
	overflow-y: auto;
}
.navM ul{position: relative; z-index: 0; padding-bottom: 2.6em; background-color: rgba(0,0,0,0.8);}
.navM li { padding: 0 5%; border-bottom:1px solid #696969; position: relative; z-index: 0;}
.navM ul ul { height: 0; overflow: hidden; 
transition: height 2s}
.navM ul li .n_title { position: relative; z-index: 0; display: flex; 
justify-content: space-between; align-items: center; }
.navM ul li .n_title a { display: inline-block;}
.navM a { color: #fff; display: block;}
.navM a:hover { color: #ffff;}
.navM .sub_nav { color: #979797;}
.navM .sub_nav ul { }
.navM .sub_nav li { line-height: 2; border-top:0 ;}
.navM .sub_nav a { color: #979797;}
.navM .sub_nav a:hover { color: #979797;}

.navM li.show ul { height: auto;padding: 0 0 1em}
 }
 .navM .btnHidden { position: absolute; bottom: -3px;
  left: 50%; margin-left: -20px; width: 40px; height: 40px;
 background: url(../images/arr.png) center center no-repeat; 
 background-size:contain ;}

/*banner*/
.bannerpc {
	position: relative;
	z-index: 0;
	height: 350px;
	width: 100%;
	overflow: hidden;
}
.bannerpc img {
	position: absolute;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	left: 0;
	top: 0;
}







@media only screen and (max-width:1400px) {
.bannerpc {
height: 25vw;
}


}




@media only screen and (min-width:999px) {.bannerm{ display:none}}

@media only screen and (max-width:828px) {
.bannerpc { display:none}


.bannerm{ margin-bottom:-10px;	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;}
.bannerm img{

	height:100%;
	width: 100%;
	overflow: hidden;
}


}


.procontent2 {
 position: absolute;
    width: 100%;
    color: #fff;
    text-align: center;
    top: 55%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}

.procontent2 .text {

    width: 90%;
    color: #fff;
    text-align: center;

}
.procontent2 .capitalize {
    text-transform: capitalize;
}

.procontent2 .ad-tit{ font-size:30px;}
.procontent2 .ad-sum{ font-size:20px;}
.procontent2 .ad-line {
    height: 2px;
    width: 3%;
    background: #fff;
    margin: 0.8% auto;
}







.posiBox {background-color: #eef2f5;}
.posiBox .con { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.posiBox .subNav { margin-right: 3em;}
.posiBox .subNav ul { display: flex; justify-content: flex-start; align-items: stretch;}
.posiBox .subNav li {  }
.posiBox .subNav a { position: relative; z-index: 0; color: #333; padding: 0 2em; line-height: 5; height: 5em; overflow: hidden; display: block;}
.posiBox .subNav a:hover { color: #0950a2;}
.posiBox .subNav a::before { position: absolute; left: 0; margin-top: -0.5em; top: 50%; height: 1em;
width: 1px; background-color: #cccccc; display: block; content: "";}

.posiBox .subNav a.hover { color: #0950a2; font-weight:bold}
.posiBox .subNav a.hover::before { position: absolute; left: 0; margin-top: -0.5em; top: 50%; height: 1em;
width: 1px; background-color: #cccccc; display: block; content: "";}



.posiBox .subNav li:first-child a::before { display: none;}
.posiBox .subNav a::after { transition: all 0.5s; display: block; content: ""; 
position: absolute; bottom: 0; left: 50%; height: 3px; width: 0; background-color: #0950a2;}
.posiBox .subNav a:hover::after { width: 100%; left: 0;}

.position { text-align: left; color: #555; text-align: left; padding: 1.8em 0 1.7em;}
.position a {display: inline-block; color: #555;}
.position a:hover {color: #555;}
.position .icon { width: 1.2em; height: 1em; position: relative; z-index: 0;
 top: -0.15em; margin-right:-0.1em;
 display: inline-block; vertical-align: middle;
background: url(../images/home.png) no-repeat center center / contain;}
@media only screen and (max-width:828px) {
	.posiBox .con { display: block;}
	.posiBox .subNav { margin-right:0;}
	.posiBox .subNav ul{ flex-wrap: wrap;  }
	.posiBox .subNav li {  width:25%; }
	.posiBox .subNav a{ padding: 0;}
	.position { font-size: 0.9em; border-top:1px solid #dddddd ; display:none}
	.posiBox{border-bottom: 1px solid #ddd;}
.posiBox .subNav a {

    line-height:2.5;
    height: 2.5em;

}

.posiBox .subNav a::after,.posiBox .subNav a::before{ display:none!important}
}

.f26 {
    font-size: 24px!important;
}
.mr-10 {
    margin-right: 5px;
}


.moreBtn { padding: 0 2.5em; margin: 0.5em 3em 0; color: #fff; border: 1px solid #fff; display: inline-block;
 transition: all 0.5s;}
.moreBtn:hover { background-color: #0950a2; color: #fff;border: 1px solid #0950a2; 
 -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
 
 .moreBtn2 { padding: 0 3.2em; margin: 1.2em auto 0;
  line-height: 2.7; color: #fff; border: 2px solid #fff; display: inline-block;
  transition: all 0.5s;}
 .moreBtn2:hover { background-color: #fff; color: #0950a2;border: 2px solid #fff; 
  -moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}
  
.moreBtn3 { padding: 0 .5em; margin: 2em auto 0;
background-color: #0950a2; color: #fff; border: 1px solid #0950a2; 
  display: inline-block;
  transition: all 0.5s; font-size:24px;}
.moreBtn3:hover { background-color: #fff; color: #0950a2;
}

.moreBtn4 { padding: 2px 4em; margin: 1.2em 0.4em 0;
  line-height: 2.7; color: #fff;  display: inline-block;
  transition: all 0.5s; background-color: #0950a2;
  -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:5px;}
 .moreBtn4:hover { background-color: #fff; color: #0950a2;
  }
  
.moreBtnGray {  display: inline-block; 
border: 1px solid #707070;
 color: #363636; 
 line-height: 3.5; padding:0 2.1em; margin-top: 3.6%; transition: all 1s;
cursor: pointer;}
.moreBtnGray:hover {background-color: #DC000C; color: #fff;border: 1px solid #DC000C;
  box-shadow: 0px 3px 20px 1px rgba(220,0,12,0.3);}

.moreBtnRed {  display: inline-block; background-color: #DC000C; color: #fff; 
border: 1px solid #DC000C;
 line-height: 3.5; padding:0 2.1em; margin-top: 3.6%; transition: all 1s;
 box-shadow: 0px 3px 20px 1px rgba(220,0,12,0.3); cursor: pointer;}
.moreBtnRed:hover {background-color: #fff; color: #DC000C; }



@media only screen and (max-width:828px) {
	.banner .txt .moreBtn,.banner .txt .moreBtnBlue {
		margin-top: 16%;
	}
	.banner .txt3 .moreBtnBlue { margin-top: 8.7%;}
}

.goTopBtn { font-weight: bold; display: inline-block; padding-right: 1.67em;
background: url(http://localhost/imgs/gotop.png) right 0.45em no-repeat; color: #1b1c20;
background-size:1.208em auto; line-height: 1.7;}
.goTopBtn span { position: relative; z-index: 0; display: inline-block;}
.goTopBtn span::after { display: block; content: "";
background-color: #1b1c20; height: 1px; width: 100%;}
.goTopBtn:hover {color: #1b1c20;}

.page { padding: 70px 0 0; text-align: center;color: #1b1c20; line-height: 2.5; font-family: "宋体"; }
.page a { display: inline-block; color: #595959; padding: 0.1em 1.1em 0;  border: 1px solid #999;
 margin: 0 0.2em; transition: all 0.5s; }
.page a:hover { background-color:#eee; color: #000;}
.page .dot {display: inline-block;padding: 0 0.55em;}
.page .cur,.page a:hover {display: inline-block;
background-color: #0950a2; border: 1px solid #0950a2; color: #fff;}
.page .disabled { cursor: not-allowed; display: inline-block; color: #fff; line-height: 2.5; padding: 0.1em 1.1em 0;
background-color: #c8c8c8; border: 1px solid #c8c8c8;}

.pageM { margin-top: 30px; line-height: 2.8em; 
display: none; justify-content: space-between; align-items: stretch;}
.pageM .next { position: relative; z-index: 0;  
padding-top: 0.1em; width: 48%;background-color: #0950a2; color: #fff;}
.pageM .prev {position: relative; z-index: 0; 
 padding-top: 0.1em; width: 48%;background-color: #0950a2; color: #fff;}
.pageM .next span { padding-right: 1em; display: inline-block;}
.pageM .prev span { padding-left: 1em; display: inline-block;}
.pageM .prev::before { display: block; content: "";
position: absolute; left: 1em; top: 50%; margin-top: -0.5em;
width: 1em; height: 1em;
background: url(../images/arr5.png) center center no-repeat;
background-size:contain ;
transform: rotate(-180deg);
-ms-transform: rotate(-180deg); /* IE 9 */
-webkit-transform: rotate(-180deg); /* Safari and Chrome */}
.pageM .next::before { display: block; content: "";
position: absolute; right: 1em; top: 50%; margin-top: -0.5em;
width: 1em; height: 1em;
background: url(../images/arr5.png) center center no-repeat;
background-size:contain ;}
.pageM .disabled { background-color: #cccccc;}
@media only screen and (max-width:828px) {
	.page { display: none;}
	.pageM { display: flex;}
}

.mask { display: none; position: fixed; top: 0; left: 0;
 width: 100%; height: 100%;
 z-index: 100; background-color: rgba(0,0,0,0.5);}
 

/*底部*/
.footer { background:#24292d;text-align: left;color: rgba(255, 255, 255, 0.6);}
.footer a {color: rgba(255, 255, 255, 0.6);}
.footer a:hover { color: #aaa;}
.footer .ftxt { padding: 3rem 0 1rem; margin-bottom: 0.7rem;
display: flex; justify-content: space-between; align-items:stretch;}
.footer .fnav { flex: 1; display: flex; justify-content: flex-start;
border-right:1px solid rgba(255,255,255,0.15); padding-bottom: 2rem;}
.footer .fnav dl  { width:25%}
.footer .fnav dt { font-family: "Montserrat";margin-bottom: 0.8em;}
.footer .fnav dt li { margin-bottom: 0.7em;}
.footer .fnav dt a { color: #fff;}
.footer .fnav dt a:hover {color: #fff;}
.footer .fnav dd {  line-height: 2.1; }
.footer .fadd { width: 30%; margin-left: 4.6%; line-height: 2; text-align: left;
padding-bottom: 2rem;} 
.footer .fadd .tit {color: #fff; font-weight: bold; font-size: 22px;}
.footer .moreBtn3 { color: #fff;}
.footer .moreBtn3:hover {color: #0950a2;}

.footer .qr {width: 10%; max-width: 135px; min-width: 135px;
    margin-left: 1%; text-align: center;line-height: 3;}
.footer .qr img {  display: block; width: 100%; height: auto;}
.copyright  .cons {border-top:1px solid rgba(255,255,255,0.15);  padding: 1em 0 1em;text-align: left; display: block;}

.copyright .cons span{ float:right; }

@media only screen and (max-width:1368px) {
.footer .fnav{ margin-right: 4%;}
.nav>ul>li {
    position: relative;
    z-index: 100;
    height: 90px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 1vw;
    font-size: 14px; width:70px;
}
}
@media only screen and (max-width:1180px) {
	.footer .ftxt { display: block; padding-bottom: 0; padding:20px;}
	.footer .fadd { width: auto; padding: 1.8em 0 2.8em; text-align: left;margin-left: 0%;}
}
@media only screen and (min-width:828px) {
	.footer .fnav dd { display: block !important; }
}
@media only screen and (max-width:828px) {
.footer.con {margin: 0 10%;}
.footer .ftxt { display: block; padding-bottom: 0;}
.footer .fnav {margin: 0;flex-wrap: wrap; padding-top: 1.2em; padding-bottom:0;border-right:none;}
.footer .fnav dd { font-size: 0.9em; display: none;
border-top: 1px solid rgba(255,255,255,0.1); padding: 0.7em 0;}
.footer .fnav dd li { line-height: 2.4em; padding-left: 1em;}
.footer .fnav dd li a { color: #d6d6d6; padding-left: 0;}
.footer .fnav dd li a::before { content: ""; display: inline-block;
 width: 4px; height: 4px; position: relative; top: -2px;
  background-color: #fff;  vertical-align: middle; margin-right: 0.3em;
}
.footer .fnav dt {font-size:16px ; line-height: 3.1; margin-bottom: 0; }
.footer .fnav dt {display: flex; justify-content: space-between; align-items: center;}
.footer .fnav dt .icon { width: 0.8em; height: 0.8em; position: relative; z-index: 0;}
.footer .fnav dt .icon::after {  margin: 0 auto;
 width: 1px; height: 100%; 
content: ""; display: block;
background-color: #fff;}
.footer .fnav dt .icon::before { position: absolute;
top: 50%; margin-top: -0.5px; width: 100%; height: 1px; 
content: ""; display: block;
background-color: #fff;}
.footer .fnav dl.show dt .icon::after { display: none;}
.footer .fnav dl { border-bottom: 1px solid rgba(255,255,255,0.1); 
width: 100%; margin-right: 0;}
.footer .fadd .tit { margin-bottom: 0.4em;}
.footer .qr { margin: 0 auto; width: 120px; height: auto; min-width: initial; max-width: initial;}
.copyright .con { padding: 3em 0 3em; font-size:1.2em;}
.copyright { font-size: 12px; line-height: 2em;padding-bottom: 50px;}
.floatBox{ display:none}
.pagebar{ display:none}
.copyright .con span{ float:none; text-align:left}



}

.floatBox { border: 1px solid #eee; border-right:0;
 position: fixed; top: 60%; right: 0; background-color: #fff;}
 .floatBox .btn { cursor: pointer; display: block; width: 60px; height: 58px;
 cursor: pointer;
 background: center center no-repeat;
 background-size:80% auto ;position: relative; z-index: 0; }
.floatBox .btn .i {background: #fff url(../images/tel.png) center center no-repeat;
	 background-size:80% auto ;
	 width: 60px; height: 58px; border-bottom: 1px solid #eee;}
.floatBox .btn:hover .i { background-color: #0950a2;}
 .floatBox .btn:last-child {border-bottom:0;}
 .floatBox .btn .kefu {
	 background-image: url(../images/kefu.png);
 }
 .floatBox .btn:hover .kefu {
 	 background-image: url(../images/kefu_on.png);
 }
 .floatBox .btn .wechat {
 	 background-image: url(../images/weixin.png);
 }
 .floatBox .btn:hover .wechat {
 	 background-image: url(../images/weixin_on.png);
 }
 
 .floatBox .btn .wechatCon { position: absolute; z-index: -1; top: 0; right: -147px;
 width: 145px; height: 145px;  border: 1px solid #eee;
 background-color: #fff;  transition: all 0.5s;
 display: flex; justify-content: center; align-items: center; flex-direction: column;}
 .floatBox .btn .wechatCon img { display: block; width: 100%; height: 100%;}
 .floatBox .btn:hover .wechatCon  {right: 61px;}
 
 .floatBox .btn .tel { 
	 background-image: url(../images/tel.png)
 }
  .floatBox .btn:hover .tel {background-image: url(../images/tel_on.png);}
  
  .floatBox .btn .telCon { position: absolute; z-index: -1; top: 0; right: -190px; 
  width: 190px; height: 100%; text-align: left;
  background-color: #333333; color: #fff; transition: all 0.5s;
  display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
  .floatBox .btn .telCon div { margin:0 10px;}
  .floatBox .btn .telCon div:first-child { margin: 0 14px;}
  .floatBox .btn:hover .telCon  {right: 60px;}
 
 
 .floatBox .btn .back {
 	 background-image: url(../images/back.png);
 }
 .floatBox .btn:hover .back {
 	 background-image: url(../images/back_on.png);
 }
 

@media only screen and (max-width: 828px) {
	html,
	body {
		font-size: 16px;
	}
}
@media only screen and (max-width: 390px) {
	html,
	body {
		font-size: 14px;
	}
}
@media only screen and (max-width: 360px) {
	html,
	body {
		font-size: 12px;
	}
}




 .PhotoList_k1 {
	width: 100%;
	transition: 0.3s ease 0s;
	font-size: 14px;
}

 .PhotoList_k1 ul {
	text-align:left
}

 .PhotoList_k1 li:nth-child(4n+1) {
	margin-left: 0px;
}

 .PhotoList_k1 li {
	font-size: 16px;
	transition: 0.3s ease 0s;
	margin-bottom: 2.5%;
	width: 23%;
	margin-left: 2.6%;
	
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box; border:1px solid #dedede
}

 .PhotoList_k1 li a {
	font-size: 0px;
	overflow: hidden;
	text-align: center;
	
	width: 100%;
	margin: 0 auto;
	height: 13.6vw;
	display: block;
}

 .PhotoList_k1 li a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0px;
}

 .PhotoList_k1 img {
	display: inline-block;
	vertical-align: middle;
	transition: 0.5s linear 0s;
	width: auto;
	height: auto;
	max-height:100%;
	max-width: 100%;
	margin-left: 0px;
	transform: scale(1);
}

 .PhotoList_k1 h4 {
	display: none;
}

 .PhotoList_k1 li span {
	color: #666;
	white-space: nowrap;
	transition: 0.3s ease 0s;
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	padding: 3% 10px;
	box-sizing: border-box;
	border: none;
}

@media screen and (min-width: 769px) {
	 .PhotoList_k1 li:hover img {
		transform: scale(1.1);
	}

	 .PhotoList_k1 li:hover span {
		color: #0c64b3;
		background: #ffffff;
	}

	 .PhotoList_k1 li {
		width: 22.8%;
	}

	 .PhotoList_k1 li:nth-child(4n+1) {
		margin-left: 0px;
	}
}

@media screen and (max-width: 1100px) {
	 .PhotoList_k1 li a {
		height: 21.2vw;
	}
}

@media screen and (max-width: 768px) {
	 .PhotoList_k1 {
		padding: 0px;
	}

	 .PhotoList_k1 li {
		width: 47.8%;
		margin-bottom: 5%;
	}

	 .PhotoList_k1 li a {
		height: 31vw;
		padding: 0;
	}

	 .PhotoList_k1 li span {
		padding: 2vw;
		font-size: 14px;
	}

	 .PhotoList_k1 li:nth-child(2n+1) {
		margin-left: 0%;
	}

	 .PhotoList_k1 li:nth-child(2n+0) {
		margin-left: 2.9%;
	}
}

@media screen and (max-width: 1500px) {
	 .PhotoList_k1 li span {
		font-size: 14px;
	}
}


/*工厂环境*/


.PhotoList_k2 {
	width: 100%;
	transition: 0.3s ease 0s;
	font-size: 14px;
}
.PhotoList_k2 ul {
	text-align:left
}
 .PhotoList_k2 li:nth-child(4n+1) {
 margin-left: 0px;
}
.PhotoList_k2 li {
	font-size: 16px;
	transition: 0.3s ease 0s;
	margin-bottom: 2.5%;
	width: 23%;
	margin-left: 2.6%;
	background: #f0f0f0;
	padding:10px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.PhotoList_k2 li a {
	font-size: 0px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 12vw;
	
}
.PhotoList_k2 li a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height:100%;
	width: 0px;
}
.PhotoList_k2 img {
	display: inline-block;
	vertical-align: middle;
	transition: 0.5s linear 0s;
	width:100%;
	
	margin-left: 0px;
	transform: scale(1);
}
.PhotoList_k2 h4 {
	display: none;
}
.PhotoList_k2 li span {
	color: #666;
	white-space: nowrap;
	transition: 0.3s ease 0s;
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	padding: 3% 10px;
	box-sizing: border-box;
	border: none;
}
 @media screen and (min-width: 769px) {
 .PhotoList_k2 li:hover img {
 transform: scale(1.05);
}
 .PhotoList_k2 li:hover span {
 color: #0950a2;
}
 .PhotoList_k2 li {
 width: 22.8%;
}
 .PhotoList_k2 li:nth-child(4n+1) {
 margin-left: 0px;
}
}
@media screen and (max-width: 1100px) {
	 .PhotoList_k2 li a {
		height: 21.2vw;
	}
}

 @media screen and (max-width: 768px) {
 .PhotoList_k2 {
 padding: 0px;
}
 .PhotoList_k2 li {
 width: 48%;
 margin-bottom: 5%;
}
 .PhotoList_k2 li a {
 height: 31vw;
 padding: 0;
}
 .PhotoList_k2 li span {
 padding: 2vw;
 font-size: 14px;
}
 .PhotoList_k2 li:nth-child(2n+1) {
 margin-left: 0%;
}
 .PhotoList_k2 li:nth-child(2n+0) {
 margin-left: 2%;
}
}
@media screen and (max-width: 1500px) {
	 .PhotoList_k2 li span {
		font-size: 14px;
	}
}



.PhotoList_k2 li .lineBlock {
    display: inline-block;
    width: 100%;
    height: 100%;
   
}

.PhotoList_k3 {
	width: 100%;
	transition: 0.3s ease 0s;
	font-size: 14px;
}
.PhotoList_k3 ul {
	text-align:left
}
 .PhotoList_k3 li:nth-child(4n+1) {
 margin-left: 0px;
}
.PhotoList_k3 li {
	font-size: 16px;
	transition: 0.3s ease 0s;
	margin-bottom: 2.5%;
	width: 23%;
	margin-left: 2.6%;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	
}
.PhotoList_k3 li a {
	font-size: 0px;
	overflow: hidden;
	text-align: center;

	width: 100%;
	margin: 0 auto;
	height: 13.6vw;
	display: block;
}
.PhotoList_k3 li a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0px;
}
.PhotoList_k3 img {
	display: inline-block;
	vertical-align: middle;
	transition: 0.5s linear 0s;
	width: auto;
	height: auto;
	max-height:100%;
	max-width: 100%;
	margin-left: 0px;
	transform: scale(1);
}
.PhotoList_k3 h4 {
	display: none;
}
.PhotoList_k3 li span {
	color: #666;
	white-space: nowrap;
	transition: 0.3s ease 0s;
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	padding: 3% 10px;
	box-sizing: border-box;
	border: none;
}
 @media screen and (min-width: 769px) {
 .PhotoList_k3 li:hover img {
 transform: scale(1.1);
}
 .PhotoList_k3 li:hover span {
 color: #0c64b3;
 background: #ffffff;
}
 .PhotoList_k3 li {
 width:100%;
}
 .PhotoList_k3 li:nth-child(4n+1) {
 margin-left: 0px;
}
}
 @media screen and (max-width: 1100px) {
 .PhotoList_k3 li a {
 height: 21.2vw;
}
}
 @media screen and (max-width: 768px) {
 .PhotoList_k3 {
 padding: 0px;
}
 .PhotoList_k3 li {
 width:100%;
 margin-bottom: 5%;
}
 .PhotoList_k3 li a {
 height: 31vw;
 padding: 0;
}
 .PhotoList_k3 li span {
 padding: 2vw;
 font-size: 14px;
}
 .PhotoList_k3 li:nth-child(2n+1) {
 margin-left: 0%;
}
 .PhotoList_k3 li:nth-child(2n+0) {
 margin-left: 2.9%;
}
}
 @media screen and (max-width: 1500px) {
 .PhotoList_k3 li span {
 font-size: 14px;
}
}



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



.col4{ width:40%; float:left}

.col4 .bg{
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px; background-color:#0950a2; 
}

.col4 .bg .txt{ text-align:left; padding:50px 50px 10px 50px;}
.col4 .bg .txt .t1{ border-bottom:1px dashed #FFFFFF; padding-bottom:20px;font-size:24px;color:#FFFFFF}
.col4 .bg .txt .t2{ padding-top:20px; padding-bottom:20px; color:#FFFFFF; font-size:16px; line-height:34px;}
.col4 .bg .txt .t2 a{ color:#FFFFFF}

.col4 .bg .txt .t3{ width:150px; text-align:center; color:#FFFFFF; font-size:16px;}
.col6{ width:60%; float:left}

#all2map {
	width: 100%;
	height: 546px;
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 14px;
}
#all2map b {
	color: #CC5522;
	font-size: 14px;
}
#all2map img {
	max-width: none;
}

@media screen and (max-width: 767px) {
.col4{ width:100%;}
.col4 .bg .txt{ text-align:left; padding:20px;}
.col6{ width:100%}
}

.float_l {
    float: left;
}

.foot_message{padding-top:30px;}

.foot_message .input{
    width:32%;
    margin-bottom: 20px; margin-right:2%
}

.foot_message .input:nth-child(4){ margin-right:0px;}





.foot_message .input div{
    font-size: 16px;
    color: #000033;
    line-height: 48px;
    width: 52px;
}
.foot_message .input input{
    width:95.5%;
    height: 46px;
    border: solid 1px #dfdfdf;
    font-size: 16px;
    color: #000033;
    padding: 0 10px;
    background: #fafafa;
}   


.foot_message .input1 input{

    height: 46px;
    border: solid 1px #dfdfdf;
    font-size: 16px;
    color: #000033;
    padding: 0 10px;
    background: #fafafa;
} 

.foot_message .textarea{
    width: 100%;
    margin-bottom: 14px;
}
.foot_message .textarea div{
    font-size: 16px;
    color: #000033;
    line-height: 48px;
    width: 52px;
}
.foot_message .textarea textarea{
    width:98.5%;
    height:200px;
    border: solid 1px #dfdfdf;
    font-size: 16px;
    color: #000033;
    padding: 12px 10px;
    background: #fafafa;
}








@media screen and (max-width: 767px) {
.foot_message .input{
    width:96%;
    margin-bottom: 20px;
}


.foot_message .input input{
    width: calc(100% - 10px);
} 

.foot_message .textarea textarea{
    width: calc(100% - 10px);

}

.foot_message .textarea{
    width: 96%;
    margin-bottom: 14px;
}



}


.title11{text-align:center;color:#000000;font-size:30px; padding-top:50px;}
.title12{text-align:center;color:#787878;font-size:12px}
.gbook{background-color:#eff1f5; margin-top:50px; padding-bottom:68px;}
.m0{ margin:0px;}
.p50{ padding-bottom:50px;}
.btn1{width:100%; background-color:#333333; padding:10px; border:none; color:#FFFFFF; font-size:18px; margin-top:30px; cursor:pointer}

.btn1:hover{width:100%; background-color:#0950a2; padding:10px; border:none; color:#FFFFFF; font-size:18px; margin-top:30px; cursor:pointer}


.c_banner .subpage_ad {
    position: relative;
    overflow: hidden;
    max-height:25vw;
	height:45vw;
    margin-top: 0px;
}

.c_banner .bgimg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: no-repeat center/cover;
	-moz-animation: breatheBg 8s ease-in-out infinite alternate;
	-webkit-animation: breatheBg 8s ease-in-out infinite alternate;
	-o-animation: breatheBg 8s ease-in-out infinite alternate;
}


 @keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

 @-moz-keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

 @-webkit-keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

 @-o-keyframes breatheBg {
 	0% {
 		transform: scale(1);
 	}

 	100% {
 		transform: scale(1.1);
 	}
 }

.c_banner .subpage_ad .text {
    position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}

.c_banner .capitalize {
    text-transform: capitalize;
}

.c_banner .subpage_ad .ad-line {
    height: 2px;
    width: 3%;
    background: #fff;
    margin: 0.8% auto;
}

.c_banner .subpage_ad .ad-tit {
font-size:36px;
    font-weight: normal;
    text-transform: uppercase;
}


.c_banner .subpage_ad .ad-sum {
font-size:20px;
    font-weight: normal;
}

@media screen and (max-width: 767px) {

.c_banner .subpage_ad .ad-tit {
font-size:24px;
    font-weight: normal;
    text-transform: uppercase;
}


.c_banner .subpage_ad .ad-sum {
font-size:18px;
    font-weight: normal;
}

}



.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#0950a2; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-185px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}



/*banner*/
@keyframes circleProgressLoad_right {
0% {
transform: rotate(45deg);
}
50%, 100% {
transform: rotate(225deg);
}
}
@keyframes circleProgressLoad_left {
0%, 50% {
transform: rotate(45deg);
}
100% {
transform: rotate(225deg);
}
}





#sbanner .f-center {
	text-align:center;
	height:100%;
}
#sbanner .f-14 {
	font-size:14px;
}
#sbanner .pcimg {
	width:100%;
	height:auto;
	transition: all 2s;
	-webkit-transition:all 2s;
	animation-delay:2s;
	-webkit-animation-delay:2s; 
	-ms-transform:scale(1.2,1.2); 
	-webkit-transform: scale(1.2,1.2); 
	transform: scale(1.2,1.2);
}

#sbanner .swiper-slide { overflow: hidden;}

#sbanner .swiper-slide.active .pcimg {
	-ms-transform:scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari */
	transform: scale(1,1); /* 标准语法 */
}
#sbanner .moimg {
	display:none;
}
#sbanner .banner .swiper-slide .b_video {
	height:100%;
	position:relative;
}
#sbanner .banner .swiper-slide .b_video .b_overlay {
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .2);
}
#sbanner .banner .swiper-slide .b_video .b_video_con {
	position:absolute;
	transform:translate(0%, 0%);
	-webkit-transform:translate(0%, 0%);
	-ms-transform:translate(0%, 0%);
	left:0px;
	top:0px;
	width:100vw;
	height:100vh;
	-o-object-fit:cover;
	object-fit:cover;
	z-index:2;
}
#sbanner .banner .swiper-slide .b_video .b_image {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:cover;
}
#sbanner .banner .swiper-slide img {
	display:block;
	width:100%;
	left:0px;
	top:0px;
	object-fit:cover;
}
#sbanner .bannerPic {
	position:relative;
	width:100%;
	 object-fit: cover;
	transition:all 1s ease 2.5s;
	transform:perspective(0px) translate3d(0, 0, 0px);
}
#sbanner .swiper-slide.active .bannerPic {
	transition:all 5s ease 0s;
	transform:perspective(0px) translate3d(0, 0, 0px);
}
#sbanner .banner .swiper-slide .ind_ban_tex {
	position:absolute;
	text-align:left;
	width:80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	z-index:5;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
	font-size:2vw;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:0px;
	text-transform:uppercase;
	color:#ffffff;
	max-width:90%;
	text-shadow:3px 0 10px rgba(255, 255, 255, 0.8);
	transform:translateY(80px);
	opacity:0;
	margin-bottom:10px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .b_line {
	width:5%;
	margin:10px 0px 10px;
	height:2px;
	border-radius:30px;
	background:rgba(255, 255, 255, 0.5);
	transform:translateY(80px);
	opacity:0;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_con {
	width:100%;
	justify-content:space-between;
	align-items:flex-end;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
	flex-basis:75%;
	max-width:100%;
	max-height:400px;
	overflow:hidden;
	position:relative;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
	color:#ffffff;
	font-size:2.2vw;
	line-height:2.1;
	font-weight:bold;
	text-transform:capitalize;
	margin-bottom:10px;
	text-shadow:3px 0 10px rgba(22, 78, 145, 0.4);
	transform:translateY(80px);
	letter-spacing:1px;
	opacity:0;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
	flex-basis:25%;
	margin-bottom:20px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
	color:#ffffff;
	line-height:2.5;
	font-size:1VW;
	text-shadow:3px 0 10px rgba(22, 78, 145, 0.4);
	transform:translateY(80px);
	opacity:0;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small a {
	color:#fff;
}
#sbanner .banner .swiper-slide.active .ind_ban_tex_title_en {
transition:all 2s ease .5s;
	transform:translateY(0);
	opacity:1;
}
#sbanner .banner .swiper-slide.active .ind_ban_tex_title .t_big {
transition:all 2s ease .7s;
	transform:translateY(0);
	opacity:1;
}
#sbanner .banner .swiper-slide.active .b_line {
transition:all 2s ease .8s;
	transform:translateY(0);
	opacity:1;
}
#sbanner .banner .swiper-slide.active .ind_ban_tex_info .t_small {
	transition:all 2s ease 1s;
	transform:translateY(0);
	opacity:1;
}
#sbanner .banner .swiper-button-prev {
	background-image:none;
	left:calc(8.335% - 32px);
	top:calc(50% - 32px);
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#ffffff;
transition:all .3s ease;
	display:block;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:rgba(0, 0, 0, .3) url(../images/arr5111.png) center center no-repeat;
 background-size:auto 40% ;

}
#sbanner .banner .swiper-button-next {
	background-image:none;
	right:calc(8.335% - 32px);
	top:calc(50% - 32px);
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#ffffff;
	background-color:rgba(0, 0, 0, 1);
transition:all .3s ease;
	display:block;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:rgba(0, 0, 0, .3) url(../images/arr5111.png) center center no-repeat;
 background-size:auto 40% ;

}
#sbanner .banner .swiper-button-next.swiper-button-disabled {
	background-color:rgba(0, 0, 0, 0.2);
}
#sbanner .banner .swiper-button-prev.swiper-button-disabled {
	background-color:rgba(0, 0, 0,0.2);
}
#sbanner .banner .swiper-pagination-bullet {
	width:16px;
	height:16px;
	background-color:transparent;
	margin:0 3px;
	opacity:1;
	color:transparent;
	border:1px solid rgba(255, 255, 255);
	-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
}
#sbanner .banner .swiper-pagination-bullet::after { margin: 5px auto auto;
	content: ""; display: block; width: 6px; height: 6px;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background-color: #bdbcbc;
}
#sbanner .banner .swiper-pagination-bullet-active {
	opacity:1;
	border:1px solid rgba(255, 255, 255);
	color:#ffffff;
}
#sbanner .banner .swiper-pagination-bullet::after {
	background-color: #fff;
}


#sbanner .banner .swiper-pagination-bullet-active:after {
	background-color: #bdbcbc;
}

#sbanner .banner .swiper-pagination-bullet-active .rightcircle {
	-webkit-animation:circleProgressLoad_right 6.5s linear infinite;
	animation:circleProgressLoad_right 6.5s linear infinite;
}
#sbanner .banner .swiper-pagination-bullet-active .leftcircle {
	-webkit-animation:circleProgressLoad_left 6.5s linear infinite;
	animation:circleProgressLoad_left 6.5s linear infinite;
}
#sbanner .banner .swiper-pagination-bullet-active .wrapper_con {
	display:block;
}
#sbanner .banner .swiper-pagination {
	font-size:0px;
}
#sbanner .banner .swiper-pagination > span {
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
#sbanner .banner .swiper-container-rtl .swiper-button-next {
	left:calc(8.335% - 32px);
}
#sbanner .banner .swiper-container-rtl .swiper-button-prev {
	right:calc(8.335% - 32px);
}
#sbanner .banner .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom:5% !important;
}
#sbanner .banner .swiper-pagination-custom {
	bottom:10% !important;
}
#sbanner .banner .swiper-pagination-fraction {
	bottom:10% !important;
}
#sbanner .right {
	right:-0px;
}
#sbanner .left {
	left:-0px;
}
#sbanner .circleProgress {
	width:42px;
	height:42px;
	border:2px solid transparent;
	border-radius:50%;
	position:absolute;
	top:0px;
	-webkit-transform:rotate(-135deg);
}
#sbanner .rightcircle {
	border-bottom:2px solid #ffffff;
	border-left:2px solid #ffffff;
	right:0px;
}
#sbanner .leftcircle {
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	left:0px;
}
#sbanner .wrapper_con {
	width:21px;
	height:60px;
	position:absolute;
	top:-2px;
	overflow:hidden;
	display:none;
}
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
font-size:14px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
font-size:15px;
}
#sbanner .banner .swiper-button-prev {
width:40px;
height:40px;
line-height:40px;
top: calc(50% - 20px);
}
#sbanner .banner .swiper-button-next {
width:40px;
height:40px;
line-height:40px;
top: calc(50% - 20px);
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
#sbanner .f-center {
padding-top:0px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
font-size:14px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
font-size:15px;
}
#sbanner .banner .swiper-button-prev {
width:40px;
height:40px;
line-height:40px;
}
#sbanner .banner .swiper-button-next {
width:40px;
height:40px;
line-height:40px;
}
}
@media only screen and (max-width: 1920px) {
	#sbanner .bannerPic { height: 41.5vw;}
}
@media only screen and (max-width: 768px) {
#sbanner .banner .swiper-slide .ind_ban_tex {
text-align:left;
top: 50%;
}

#sbanner .f-center {
padding-top:70px;
height:auto;
}
#sbanner .moimg {
display:block;
height: 100%;
}
#sbanner .pcimg {
display:none;
}
#sbanner .banner .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top: 0;
}

#sbanner .rightcircle {
display:none;
}
#sbanner .banner .swiper-pagination-bullet-active .wrapper_con {
display:none;
}
#sbanner .f-14 {
display:none;
}
#sbanner .f-center {
padding-top:0px;
}
#sbanner .banner .swiper-slide .b_video .b_video_con {
display:none;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
flex-basis: 100%;
max-width: 100%;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
display:none;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
font-size:14px;
margin-bottom:0px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .b_line {
margin:15px 0px 10px;
}
#sbanner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
font-size:5vw;
}
#sbanner .banner .swiper-button-prev {
 width: 30px; height: 30px; line-height: 30px; margin-top: -15px; margin-left:10px;
 background:rgba(0, 0, 0, .5) url(../images/arr5.png) center center no-repeat;
 background-size:auto 50% ;
 transform: rotate(-180deg);
 -ms-transform: rotate(-180deg); /* IE 9 */
 -webkit-transform: rotate(-180deg); /* Safari and Chrome */
}
#sbanner .banner .swiper-button-prev i { display: none;}
#sbanner .banner .swiper-button-next {margin-top: -15px;
 width: 30px; height: 30px; line-height: 30px;margin-right:10px;
 background:rgba(0, 0, 0, .5) url(../images/arr5.png) center center no-repeat;
 background-size:auto 50% ;
}
#sbanner .banner .swiper-button-next i { display: none;}
}
#sbanner .swiper-slide {
	padding:0px;
}
#sbanner {
	max-height:none;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	min-height:0px;
	margin-right:0px;
	margin-left:0px;
	max-width:none;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	min-width:0px;
	height:auto;
	padding-right:0px;
}




.tels {
    color: #333;
    padding: 30px 0px;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    margin-top: 50px;
}


.tels .font{font-size:18px; font-weight:normal; align-items:center; display:flex; } 
.tels .font i{font-size:12px; color:#fff; border-radius:50%; background:#525252; margin-right:5px; padding:3px 5px; border:1px solid #555; } 
.tels .font span{font-weight:bold; } 
.tels .font a{color:#1a60ab; font-family:impact; font-size:24px; }

/*合作伙伴*/

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
.cooperation {
	min-width: 320px;
	width: 100%;
}
.cooperation .p_PromptNoneData {
	width: auto;
	text-align: center
}
.cooperation .p_PromptNoneData .prompt_title .iconfont:before {
	content: ""
}
.cooperation .p_PromptNoneData .prompt_title .first {
	height: auto;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	padding: 0 10px 5px 0;
}
.cooperation .p_PromptNoneData .prompt_title {
	display: inline-table;
	padding: 0 30px;
	min-height: 200px;
	height: 100%
}
.cooperation .p_PromptNoneData .prompt_title .first:before {
	content: "\e6b4"
}
.cooperation .p_PromptNoneData .prompt_title .font {
	display: table-cell;
	vertical-align: middle;
	text-align: left
}
.cooperation .p_PromptNoneData .promptbox {
	width: auto;
	height: 100%
}
.cooperation .p_PromptNoneData .prompt_content {
	padding-left: 65px
}
.cooperation .p_moreBtn {
	position: static;
	width: auto;
	display: inline-table;
	min-height: 29px;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	min-width: 86px;
	cursor: pointer;
	text-align: center
}
.cooperation .p_moreBtn .font {
	white-space: nowrap;
	overflow: visible;
	vertical-align: middle
}
.cooperation .p_moreBtn .iconfont:before {
	content: ""
}
@-moz-keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading_animation {
	-moz-animation: three-quarters-loader 850ms infinite linear;
	-webkit-animation: three-quarters-loader 850ms infinite linear;
	animation: three-quarters-loader 850ms infinite linear;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	vertical-align: middle
}
.cooperation .p_loading {
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.cooperation .p_loading .iconfont:before {
	content: "";
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.cooperation .p_loading .font {
	display: inline-block;
	margin-left: 20px;
	height: inherit
}
.cooperation .p_moreBox {
	margin: 0 20px;
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden
}
.cooperation .p_ToDetail {
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	min-width: 86px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
a>.cooperation .p_ToDetail:hover {
	cursor: pointer
}
.cooperation .p_SummaryBox {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.cooperation .p_summary {
	text-align: left;
	vertical-align: top;
	word-break: break-all
}
.cooperation .p_time {
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 0;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	overflow: visible;
	line-height: 18px;
	vertical-align: top
}
.cooperation .p_assist {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.cooperation .p_TitleBox {
	width: auto;
	height: auto;
	padding:5px 0;
	overflow: hidden;
	vertical-align: top;
}
.cooperation .p_title {
	display: inline-table;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cooperation .p_header {
	margin: 5px 0 0;
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.cooperation .p_content {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.cooperation .p_images {
	margin: 0;
	width: 168px;
	height: 138px;
	padding: 0;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	vertical-align: middle;
	text-align: center;
	margin-right: 15px
}
.cooperation .p_articles {
	margin: 0;
	width:calc((100% - 70px)/6);
	height: 186px;
	padding: 0;
	min-width:auto;
	margin-left:3px; margin-right:7px;
	margin-bottom:10px;
}
.cooperation .p_news {
	margin: 0;
	width: inherit;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.cooperation .p_Newslist {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.cooperation {
	overflow: hidden;
}
.cooperation .p_content {
	width: auto;
	height: auto;
	vertical-align: top
}
.cooperation .p_SummaryBox {
	width: auto;
	height: auto;
}
.cooperation .p_assist {
	width: auto;
	height: auto;
}
.cooperation .p_icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px
}
.cooperation .p_about {
	display: inline-block;
	vertical-align: middle
}
.cooperation .p_articles {
	display: inline-block;
	height: auto;
	width: calc((100% - 0px)/1);
	padding: 15px 20px;
	overflow: hidden;
	float: left;
}
.cooperation .p_thumbnail {
	width: 100%;
	height: auto;
	vertical-align: middle;
	text-align: center;
	overflow: hidden
}
.cooperation .p_thumbnail img {
	width:100%;
}
.cooperation .higher .p_thumbnail {
	position: absolute;
	height: 100%
}
.cooperation .widther .p_thumbnail {
	position: absolute;
	height: 100%
}
.cooperation .smaller .p_thumbnail {
	position: absolute;
	height: 100%
}
.cooperation .p_assist {
	margin-top: 2px;
}
.cooperation .p_SummaryBox {
	clear: both;
	margin-bottom: 10px;
	margin-top: 8px
}
.cooperation .p_ToDetail {
	float: right;
	position: relative
}
.cooperation .p_summary {
	white-space: normal
}
.cooperation .p_categorySummaryBox {
	overflow: hidden;
	padding: 10px;
}




@media only screen and (max-width: 768px) {
.cooperation .p_articles {
margin-top: 10px !important;
width:42%!important;
}

.cooperation .p_articles:nth-child(even) { margin-right:0px;}


.cooperation .mp_linkUrl {
display: block;
height: auto;
}
.cooperation .p_SummaryBox {
display: none;
}
.cooperation .p_ToDetail {
display: none !important;
}
.cooperation .mP_SummaryBox {
clear: both;
}
.cooperation .p_Information {
display: flex;
padding: 10px 0;
}
.cooperation .p_Information li {
flex: 1;
height: 20px;
overflow: hidden;
}
.cooperation .p_KeyWord {
width: 100%;
margin-top: 5px;
}
.cooperation .p_KeyWord .p_tag {
padding: 5px 15px;
margin-right: 10px;
border-radius: 3px;
}
.cooperation .blank {
width: 100%;
height: 15px;
overflow: hidden;
}
.cooperation .p_articles {
border: none
}
}



@media only screen and (max-width: 380px) {

.cooperation .p_articles {
margin-top: 10px !important;
width:41.5%!important;
}

}

@media only screen and (max-width: 320px) {

.cooperation .p_articles {
margin-top: 10px !important;
width:40%!important;
}

}




@media only screen and (min-width: 769px) {
.cooperation .mp_linkUrl {
display: none;
}
.cooperation .mP_SummaryBox {
display: none;
}
.cooperation .p_Information {
display: none;
}
.cooperation .p_KeyWord {
display: none;
}
.cooperation .blank {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
.cooperation .p_CommonSummaryBoxA {
	text-align:center;
}
.cooperation .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.cooperation >div {
	animation-name:fadeInUp;
	animation-duration:1s;
	animation-delay:0.5s;
	animation-fill-mode:both;
}
.cooperation .newBox {
	width:100%;
	height:auto;
	overflow:hidden;
}
.cooperation .newContainer {
	width:100%;
	height:auto;
	overflow:hidden;
	margin: 0 auto;
}
.cooperation .newLi {
	position:relative;
	overflow:hidden;
	padding:10px;
}
.cooperation .porTbox {
	position:relative;
	overflow:hidden;
	width:100%;
	height: 130px;
}
.cooperation .newImg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
transition:all .5s ease;
}
.cooperation .porBbox {
	position:relative;
	overflow:hidden;
	width:100%;
	height:130px;
	padding:20px 20px 10px;
	border:1px solid #f2f2f2;
	display:none;
}
.cooperation .newTitle {
	font-size:1rem;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
	white-space:nowrap;
	width:100%;
}
.cooperation .newSummry {
	color:#777;
	white-space:nowrap;
	overflow:hidden;
	margin:10px 0;
	text-overflow:ellipsis;
}
.cooperation .lookDetail {
	position:relative;
	display:block;
	color:#777;
	height:38px;
	line-height:38px;
	border-top:1px solid #e5e5e5;
}
.cooperation .lookDetail .details {
	float:none;
}
.cooperation .arrowsR {
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0, -50%);
	width:30px;
}
.cooperation .arrowsR img {
	position:absolute;
transition:all .5s ease;
}
.cooperation .harr {
	opacity:0;
}
.cooperation .showBox {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0, 0, 0, .6);
	transition:all 0.5s ease;
}
.cooperation .showBoxLink {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:block;
	width:60%;
	color:#fff;
	text-align:center;
	font-size:1rem;
	padding:0.5rem 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.cooperation .showBoxLink::before {
content:'';
position:absolute;
top:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
.cooperation .showBoxLink::after {
content:'';
position:absolute;
bottom:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
.cooperation .lookDetail:hover .barr {
	opacity:0;
}
.cooperation .lookDetail:hover .harr {
	opacity:1;
}
.cooperation .newLi:hover .showBox {
	opacity:1;
}
.cooperation .newLi:hover .newImg {
	transform:translate(-50%, -50%) scale(1.1);
}
.cooperation .newLi:hover .showBoxLink::before {
width:1rem;
}
.cooperation .newLi:hover .showBoxLink::after {
width:1rem;
}

.cooperation .newLi {
border:1px solid #eee;
float:left;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.cooperation .newContainer {
max-width: 900px;
}
.cooperation .newLi {
width: 50%;
height: 400px;
}
}
.cooperation .p_hot .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.cooperation .p_new .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.cooperation .p_page .pre .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.cooperation .p_page .next .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
.cooperation .p_more .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}



@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
#cooperation .p_articles {
	width:14.5%;
}
#cooperation .p_CommonSummaryBoxA {
	text-align:center;
}
#cooperation .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#cooperation >div {
	animation-duration:NaNs;
	animation-delay:NaNs;
	animation-fill-mode:both;
}
#cooperation .p_hot .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#cooperation .p_new .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#cooperation .p_page .pre .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#cooperation .p_page .next .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#cooperation .p_more .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#cooperation .p_loading .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#cooperation {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:60px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}



/*发展历程*/


@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
.fzlc {
	min-width: 320px;
	width: 100%;
}

.fzlc .newList {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0.4s;
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.fzlc .p_PromptNoneData {
	width: auto;
	text-align: center
}
.fzlc .p_PromptNoneData .prompt_title .iconfont:before {
	content: ""
}
.fzlc .p_PromptNoneData .prompt_title .first {
	height: auto;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	padding: 0 10px 5px 0;
}
.fzlc .p_PromptNoneData .prompt_title {
	display: inline-table;
	padding: 0 30px;
	min-height: 200px;
	height: 100%
}
.fzlc .p_PromptNoneData .prompt_title .first:before {
	content: "\e6b4"
}
.fzlc .p_PromptNoneData .prompt_title .font {
	display: table-cell;
	vertical-align: middle;
	text-align: left
}
.fzlc .p_PromptNoneData .promptbox {
	width: auto;
	height: 100%
}
.fzlc .p_PromptNoneData .prompt_content {
	padding-left: 65px
}
.fzlc .p_moreBtn {
	position: static;
	width: auto;
	display: inline-table;
	min-height: 29px;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	min-width: 86px;
	cursor: pointer;
	text-align: center
}
.fzlc .p_moreBtn .font {
	white-space: nowrap;
	overflow: visible;
	vertical-align: middle
}
.fzlc .p_moreBtn .iconfont:before {
	content: ""
}
@-moz-keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading_animation {
	-moz-animation: three-quarters-loader 850ms infinite linear;
	-webkit-animation: three-quarters-loader 850ms infinite linear;
	animation: three-quarters-loader 850ms infinite linear;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	vertical-align: middle
}
.fzlc .p_loading {
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
}
.fzlc .p_loading .iconfont:before {
	content: "";
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.fzlc .p_loading .font {
	display: inline-block;
	margin-left: 20px;
	height: inherit
}
.fzlc .p_moreBox {
	margin: 0 20px;
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden
}
.fzlc .p_ToDetail {
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	min-width: 86px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
a>.fzlc .p_ToDetail:hover {
	cursor: pointer
}
.fzlc .p_SummaryBox {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.fzlc .p_summary {
	text-align: left;
	vertical-align: top;
	word-break: break-all
}
.fzlc .p_time {
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 0;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	overflow: visible;
	line-height: 18px;
	vertical-align: top
}
.fzlc .p_assist {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.fzlc .p_TitleBox {
	width: auto;
	height: auto;
	padding:5px 0;
	overflow: hidden;
	vertical-align: top;
}
.fzlc .p_title {
	display: inline-table;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fzlc .p_header {
	margin: 5px 0 0;
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.fzlc .p_content {
	margin: 0;
	width: 236px;
	height: 317px;
	padding: 0;
	overflow: hidden
}
.fzlc .p_images {
	margin: 0;
	width: 168px;
	height: 138px;
	padding: 0;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	vertical-align: middle;
	text-align: center;
	margin-right: 15px
}
.fzlc .p_articles {
	margin: 0;
	width:calc((100% - 0px)/6);
	height: 186px;
	padding: 0;
}
.fzlc .p_news {
	margin: 0;
	width: inherit;
	height: auto;
	padding: 0;
	overflow: hidden;
}
.fzlc .p_Newslist {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.fzlc {
	overflow: hidden;
}
.fzlc .p_content {
	width: auto;
	height: auto;
	vertical-align: top
}
.fzlc .p_SummaryBox {
	width: auto;
	height: auto;
}
.fzlc .p_assist {
	width: auto;
	height: auto;
}
.fzlc .p_icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px
}
.fzlc .p_about {
	display: inline-block;
	vertical-align: middle
}
.fzlc .p_articles {
	display: inline-block;
	height: auto;
	min-width: 320px;
	width: calc((100% - 0px)/1);
	padding: 15px 20px;
	overflow: hidden;
	float: left;
}
.fzlc .p_thumbnail {
	width: 100%;
	height: auto;
	vertical-align: middle;
	text-align: center;
	overflow: hidden
}
.fzlc .p_thumbnail img {
	width:100%;
}
.fzlc .higher .p_thumbnail {
	position: absolute;
	height: 100%
}
.fzlc .widther .p_thumbnail {
	position: absolute;
	height: 100%
}
.fzlc .smaller .p_thumbnail {
	position: absolute;
	height: 100%
}
.fzlc .p_assist {
	margin-top: 2px;
}
.fzlc .p_SummaryBox {
	clear: both;
	margin-bottom: 10px;
	margin-top: 8px
}
.fzlc .p_ToDetail {
	float: right;
	position: relative
}
.fzlc .p_summary {
	white-space: normal
}
.fzlc .p_categorySummaryBox {
	overflow: hidden;
	padding: 10px;
}
@media only screen and (max-width: 768px) {
.fzlc .p_articles {
margin-top: 10px !important;
width: 100% !important;
}
.fzlc .mp_linkUrl {
display: block;
height: auto;
}
.fzlc .p_SummaryBox {
display: none;
}
.fzlc .p_ToDetail {
display: none !important;
}
.fzlc .mP_SummaryBox {
clear: both;
}
.fzlc .p_Information {
display: flex;
padding: 10px 0;
}
.fzlc .p_Information li {
flex: 1;
height: 20px;
overflow: hidden;
}
.fzlc .p_KeyWord {
width: 100%;
margin-top: 5px;
}
.fzlc .p_KeyWord .p_tag {
padding: 5px 15px;
margin-right: 10px;
border-radius: 3px;
}
.fzlc .blank {
width: 100%;
height: 15px;
overflow: hidden;
}
.fzlc .p_articles {
border: none
}
}
@media only screen and (min-width: 769px) {
.fzlc .mp_linkUrl {
display: none;
}
.fzlc .mP_SummaryBox {
display: none;
}
.fzlc .p_Information {
display: none;
}
.fzlc .p_KeyWord {
display: none;
}
.fzlc .blank {
display: none;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
.fzlc .container {
	width: 100%;
	padding:0px;
}
.fzlc .rightBox .newYear {
	position:absolute;
	top:0px;
	color:#999;
	right:0px;
}
.fzlc .rightBox .list-icon {
	position:absolute;
	display:flex;
	left:0px;
	top:7px;
	justify-content:center;
	align-items:center;
	width:7px;
	height:7px;
	font-size:0px;
	background:#989898;
	color:gray;
}
.fzlc .rightBox .newTitle {
	display:block;
	width:80% !important;
	font-size:14px;
	overflow:hidden;
	transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.fzlc .rightBox .newList {
	margin-bottom:10px;
	position:relative;
	margin:10px 0 10px 0;
	padding-right:0px;
	padding-left:15px;
	border-bottom:1px solid #E3E3E3;
	overflow:hidden;
	padding-bottom:15px;
}
.fzlc .rightBox .list-icon {
	position: absolute;
	display: flex;
	left: 0px;
	top: 7px;
	justify-content: center;
	align-items: center;
	width: 7px;
	height: 7px;
	font-size: 0px;
	background: #989898;
	color: gray;
}
.fzlc .rightBox .newList:hover .newTitle {
	color: #004c82;
	transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-webkit-transform: translateX(5px);
}
.fzlc .rightBox .newDetailLink {
	display:block !important;
	padding:0 !important;
}
.fzlc .lantern {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin: 0 auto;
}
.fzlc .p_CommonSummaryBoxA {
	text-align:center;
}
.fzlc .p_MatteIcon .iconfont:before {
	content:'\e602';
}
.fzlc >div {
	animation-fill-mode:both;
}
.fzlc .new-box {
	padding:00px 0;
	overflow:hidden;
	background:none;
	background-size:40%;
}
.fzlc .col-sm-9 {
	padding-left:0px;
	padding:46px 0;
	border-left:1px solid #ececec;
}
.fzlc .col-sm-3 {
	padding-right:0px;
	padding:50px 0;
}
.fzlc .new-lists {
	width:100%;
	background:#fff;
	padding:30px 0;
	overflow:visible;
	padding-top:0;
}
.fzlc .new-list {
	margin:0px 0;
	transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1); overflow:hidden
}
.fzlc .wrap {
	margin:0px;
	padding: 0px;
}
.fzlc .time {
	text-align:right;
	font-weight:normal;
	font-family: 'hwls' !important;
	font-size:56px;
	border-right: 3px solid #0c64b3;
	color: #0c64b3;
	line-height:34px;
	padding-right:54px;
}
.fzlc .title {
	position:relative;
	margin-bottom:10px;
	display:none;
	width:100%;
	padding:5px 20px;
	font-size:14px;
	color:#73706e;
}
.fzlc .title::before {
content:'';
position:absolute;
top:50%;
transform:translateY(-50%);
left:-10px;
display:none;
width:20px;
height:20px;
border:4px solid #0c64b3;
border-radius:10px;
}
.fzlc .newMs {
	padding:5px 20px;
	line-height:1.8;
	font-size:18px;
	display:block;
	overflow:hidden;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	color:#333333; text-align:left
}
.fzlc .new-list:hover {
	box-shadow:rgba(0, 0, 0, 0.188235) 0px 10px 30px 0px;
	-webkit-transform:translate3d(0px, -2px, 0px);
	transform:translate3d(0px, -2px, 0px);
	transition:All 0.3s ease;
	z-index:10;
}
@media (max-width: 767px) {
.fzlc .wrap {
margin: 0px;
padding: 5px 0%;
}
.fzlc .new-list {
padding:5px 20px;
}
.fzlc .new-box {
background-size: 80%;
}
.fzlc .time {
text-align:right;
text-align: center;
padding-right:
}
.fzlc .title {
text-align: center;
}
.fzlc .col-sm-9 {
padding-left: 0px;
padding: 0px 0;
border-left:none;
}
.fzlc .col-sm-3 {
padding-right: 0px;
padding: 10px 0;
}
}
.fzlc .p_hot .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.fzlc .p_new .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.fzlc .p_page .pre .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.fzlc .p_page .next .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}
.fzlc .p_more .iconfont:before {
	shadow-angle:0;
	shadow-distance:0;
	shadow-angle-ofInset:0;
	shadow-distance-ofInset:0;
}


#fzlc .p_articles {
	width:calc((100% - 0px)/6);
}
#fzlc .p_CommonSummaryBoxA {
	text-align:center;
}
#fzlc .p_MatteIcon .iconfont:before {
	content:'\e602';
}
#fzlc >div {
	animation-fill-mode:both;
}
#fzlc .p_hot .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#fzlc .p_new .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#fzlc .p_page .pre .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#fzlc .p_page .next .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#fzlc .p_more .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#fzlc .p_loading .iconfont:before {
	shadow-angle:0px;
	shadow-distance:0px;
	shadow-angle-ofInset:0px;
	shadow-distance-ofInset:0px;
}
#fzlc .col-sm-3 {
	width:16%;
}
#fzlc {
	width:100%;
	max-width:1400px;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:30px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}


@media (min-width: 769px){
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}


.col-sm-9 {
    width: 75%;
}
}


@media (max-width: 769px){
.fzlc .time {
    font-size: 30px;
}
#fzlc .col-sm-3 {
    width: 25%;
    float: left;
}

}



@keyframes move-forever {
0% {
transform: translate3d(-90px, 0, 0);
}
100% {
transform: translate3d(85px, 0, 0);
}
}
100% {
transform: translate3d(85px, 0, 0);
}
}
#bolang .header {
	position:relative;
	text-align:center;
	color:white;
	background:transparent;
}
#bolang .waves {
	position:relative;
	width:100%;
	height:15vh;
	margin-bottom:-7px;
	min-height:100px;
	max-height:150px;
	background:#fff;
}
#bolang .parallax > use {
	animation:move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
#bolang .parallax > use:nth-child(1) {
animation-delay:-2s;
animation-duration:7s;
}
#bolang .parallax > use:nth-child(2) {
animation-delay:-3s;
animation-duration:10s;
}
#bolang .parallax > use:nth-child(3) {
animation-delay:-4s;
animation-duration:13s;
}
#bolang .parallax > use:nth-child(4) {
animation-delay:-5s;
animation-duration:20s;
}
@media (max-width: 768px) {
#bolang .c_portalResPublic_codeContainer-01001006 .waves {
height:40px;
min-height:40px;
}
#bolang .c_portalResPublic_codeContainer-01001006 .content {
height:30vh;
}
#bolang .c_portalResPublic_codeContainer-01001006 h1 {
font-size:24px;
}
}
#bolang {
	width:100%;
	max-width:none;
	min-width:0px;
	height:auto;
	max-height:none;
	min-height:0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}


 @media (min-width: 769px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
 float: left;
}
 .col-sm-9 {
 width: 105%;
}
}
 @media (max-width: 769px) {
.fzlc .time {
 font-size: 30px;
}
#fzlc .col-sm-3 {
 width: 25%;
 float: left;
}
.c_banner .subpage_ad {
position: relative;
overflow: hidden;
max-height:48vw;
margin-top: 0px;
}
.header .logo img {
    display: block;
    width: 100%;
	    max-width: 138px;
    
    height: auto;
    transition: all 1s;
    display: none;
}
}
@media screen and (max-width: 1368px) {
.banner-text h1 {
  font-weight: bold;
  font-size: 2.5em;
  margin-bottom: 30px;
  color: #fff;
}

	
.nav>ul>li {
    position: relative;
    z-index: 100;
    height: 90px;
    cursor: pointer;
    padding: 0 1.5vw;
    font-size: 14px;
}
.header .logo img {
    display: block;
    width: 100%;
    max-width: 140px;
    height: auto;
    transition: all 1s;
    display: none;
}
}


@media screen and (max-width: 1024px) {
.banner-text h1 {
  font-weight: bold;
  font-size: 2.5em;
  margin-bottom: 30px;
  color: #fff;
}

	
.nav>ul>li {
    position: relative;
    z-index: 100;
    height: 90px;
    cursor: pointer;
    padding: 0 .5vw;
    font-size: 14px;
}
.header .logo img {
    display: block;
    width: 100%;
    max-width: 138px;
    height: auto;
    transition: all 1s;
    display: none;
}
	
}


@media screen and (max-width: 1920px) {
.headerW {position: fixed; 	height:78px;  }
.header .logo img {
    display: block;
    width:100%;
    height: auto;
    transition: all 1s;
    display: none;
}
	
@media screen and (max-width: 1366px) {
	.header .logo img {
		 width:95%;
	}
}
	
@media screen and (max-width: 1000px) {
	.header .logo img {
		 width:100px;
	}
}
@media screen and (max-width: 828px) {
	.headerW {height:60px;  }
	.header .logo img { width:54%;}
}	

.nav { display: flex; width: 100%;}
.nav>ul {width: 100%;
display: flex; justify-content: center; align-items: flex-start;}
.nav>ul>li {
	position: relative; 
	z-index: 100; height:78px;
	cursor: pointer; padding: 0 1.2vw; font-size:16px;
}
@media screen and (max-width: 1200px) {
	.nav>ul>li { padding: 0 1vw;}
}
@media screen and (max-width: 1000px) {
	.nav>ul>li { padding: 0 0.7vw;}
}
@media screen and (max-width: 960px) {
	.nav>ul>li { padding: 0 0.3vw;}
}
	
.header .tel { font-size: 18px; }
@media screen and (max-width: 1000px) {
	.header .tel { font-size: 16px; }
}
@media screen and (max-width: 960px) {
	.header .tel { font-size: 12px; }
}
.header .tel img { display: inline-block; 
vertical-align: middle; width: 1.63em; height: 1.63em;}
.header .tel img:nth-child(1) { display: none;}
.header .tel .tel-ico {height: 30px; overflow: hidden;
    width: 30px; font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 8px;}
.header .tel .tel-ico .iconfont{ font-size: 18px; margin-top: 3px;}

}





/*浮动 右小角*/
.sideBar {
    position: fixed;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    z-index: 998;
}

.side1 {
    width: 50px;
    height: 150px;
    background: #222;
    text-align: center;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side1 a,
.side1 img,
.side1 i,
.side1 span {
    display: block;
}

.side1 img {
    margin: 0 auto;
}

.side1 i {
    margin: 10px auto;
    width: 1px;
    height: 20px;
    background: #fff;
    transition: all 0.5s ease;
}

.side1 span {
    color: #fff;
    font-size: 14px;
    writing-mode: vertical-lr;
    margin: 0 auto;
    letter-spacing: 2px;
}

.side1:hover {
    background:#0950a2;
}

.side1:hover a img {
    animation: jitter 0.5s;
}

.sides {
    height: 50px;
    position: absolute;
    transition: all 0.5s;
}

.sides a {
    display: block;
    height: 50px;
    font-size: 0;
}

.sides i,
.sides span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    line-height: 50px;
}

.sides i {
    width: 50px;
    text-align: center;
    background: #0950a2;
    transition: all 0.3s;
}

.sides i img {
    vertical-align: middle;
}

.sides span {
    text-align: center;
    line-height: 50px;
    background: #232323;
    font-size: 13px;
    color: #fff;
    transition: all 1s;
}

.side2 {
    top: 151px;
    right: -140px;
    width: 190px;
}

.side2 span {
    width: 140px;
}

.side3 {
    right: -190px;
    width: 240px;
    top: 202px;
}

.side3 span {
    width: 190px;
}

.side4 {
    right: -140px;
    width: 190px;
    top: 253px;
}

.side4 span {
    width: 140px;
}


.side5 {
    right: -90px;
    width: 140px;
    top: 253px;
    cursor: pointer;
}

.side5 span {
    width: 90px;
    font-size: 14px;
}

.qcodePic {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    display: none;
    z-index: 99;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.qcodePic img{
    width: 100%;
}

.side5:hover .qcodePic {
    display: block;
}

.side6 {
    right: -90px;
    width: 140px;
    top: 305px;
    cursor: pointer;
}

.side6 span {
    width: 90px;
    font-size: 14px;
}

.sides:hover {
    right: 0;
}

.sides:hover i {
    background:#0950a2;
}

.wxPic {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: none;
}

.wxPic img {
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.m-foot {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #f5f5f5;
    display: none;
}

.m-foot ul {
    font-size: 0;
    text-align: center;
    height: 54px;
}

.m-foot ul li {
    float: left;
    width: 20%;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
}

.m-foot ul li:nth-child(3) {
    background: #e80101;
    border-left: none;
    border-top: 1px solid #e80101;
}

.m-foot ul li:nth-child(3) span {
    color: #fff !important;
}

.m-foot ul li:first-child,
.m-foot ul li:nth-child(4) {
    border-left: none;
}

.m-foot ul li span,
.m-foot ul li img {
    display: block;
    margin: 6px auto;
}

.m-foot ul li span {
    line-height: 14px;
    font-size: 12px;
    color: #1a1a1a;
    transition: all 0.4s;
}

.m-foot ul li:hover span {
    color: #e80101;
}

.wyz {
    position: fixed;
    width: 50px;
    height: 50px !important;
    right: 6px;
    bottom: 150px;
    z-index: 90;
    display: none;
}


.tittR { margin-top:1%;align-items: center; overflow:hidden}
.tittR ul { width: 100%;justify-content:center;}
.tittR li { float:left;}
.tittR a { color: #000; border: 1px solid #ddd;
 display: block; padding: 0 1em; margin: 0.8em 0 0 0.8em; line-height: 2em;overflow: hidden;
 -moz-border-radius:1.8em; -webkit-border-radius:1.8em; border-radius:1.8em;}
 .tittR a:hover { background-color: #000; color: #fff;}
 
@media screen and (max-width:828px){

	.tittR { margin-left: 0; margin-top: 1em; font-size: 12px;
	 justify-content: space-around;}
	 .tittR ul { justify-content: center;display:block;}
	.tittR li { width: 23%; margin: 0em 1% 0; }
	.tittR a { margin-left: auto;}
	

}
 
 
 
 
 
 /* foot */
.foot{ display:none;}
.foot .box {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 48px;background:#0950a2;z-index: 66;box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.15);z-index: 1039;}
.foot .box li {box-sizing: border-box;width: 50%;float: left;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.foot .box li .ico7 {width: 100%;float: left;}
.foot .box li .name {font-weight: bold;width: 100%;float: left;font-size: 1rem;color: #fff;line-height:48px;width: 100%;height: 100%;}
.foot .box li .name img{width:22px;margin-right: 10px;display: inline-block;vertical-align: middle;}
.foot #wxnr {width: 100%;height: 100%;max-width: 640px;min-width: 320px;position: fixed;top: 0;z-index: 1000;display: none;background: rgba(0,0,0,.6);}
.foot #wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 22rem;padding: 4rem 0 3rem;margin-top: -11rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}
.foot #wxnr img {display: block;margin: 0 auto 0.8rem;width: 50%;}
.foot #wxnr p {display: block;font-size: 1.4rem;text-align: center;color: #666;}
.foot #wxnr i {display: block;position: absolute;top: 1rem;right: 1rem;width: 1.5rem;height: 1.5rem;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}
.foot #wxnr #btn {display: inline-block;padding:  0.1rem 0.2rem;background-color: #f19903;color: #fff;border-radius: 0.2rem;cursor: pointer;}
/* foot */
 
 
 


@media only screen and (max-width: 768px) 

{
    .sideBar {
         display: none;
    }

    .m-foot {
        display: block;
    }

    .wyz {
        display: block;
    }


.foot {
    display: block;

}

}




@media only screen and (min-width:1930px) {
.cons {width:72.5%; margin: 0 auto;}
.con {width: 72.5%; margin: 0 auto;}
.PhotoList_k2 li a {height: 10vw;}
}