*{ margin:0; padding:0;}
body{overflow-x:hidden; }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","arial","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","arial","微软雅黑","黑体","verdana","宋体";cursor:pointer;}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}

.pagination p {
	margin: 0;
	cursor: pointer;
	
}
.pagination {
	height: 28px;
	text-align: center;
	width:100%;

	margin-bottom:1rem;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	
	text-decoration: none;
	
	font-size: 14px;
	
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;

}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	
	text-decoration: none;

	font-size: 14px;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #6c6c6c;
	text-align: center;
	border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;
	margin-right: 8px;
	
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #fe6600;
	
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #fe6600;
	border-radius:50%;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.pagination .page_xyy {
	width: 50px;
	height: 28px;
	
	border:none;
	line-height: 28px;
	
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	
}
.pagination .page_xyy:hover{ 
	
		border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;
}
.pagination .page_syy {
	 width: 50px;
	height: 28px;
	line-height:28px;
	border:none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: 14px;
	text-align: center;
border:#dddddd 1px solid;
	background: #f5f5f5;
	color: #565656;

	transition:all 0.5s ease-in-out;
	

}
.pagination .page_syy:hover{ 
		border:#4186e4 1px solid;
	background: #4186e4;
	color: #fff;
	}
.pagination .page_shouye {
	width: 39px; 
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none;
}

.pagination .page_weiye {
	width: 39px;
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none; 

}
/*mask*/
.mask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.readmask {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.readmask:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}


.isPlay:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";

  animation-name: maskOut;
  animation-duration: .5s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
}


@keyframes maskOut {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(100%);
  }
}

@font-face {font-family:'mon500';src: local('mon500'), url(../img/mon500.woff) format('woff');}

@font-face {font-family:'mon100';src: local('mon100'), url(../img/mon100.woff) format('woff');}

@font-face {font-family:'mon300';src: local('mon300'), url(../img/mon300.woff) format('woff');}

@font-face {font-family:'bas';src: local('bas'), url(../img/bas.woff) format('woff');}

div.publicheadback{ width: 100%; height: 87px;  background: #fff; z-index: 999999; position: fixed; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.publicheadlogo{ width: 130px; height: 38px; float: left; margin-top: 23px; margin-left: 0.36rem;}

div.publicheadrt{  float: right; margin-right: 0.36rem;}

div.publicheadrtnavbk{ float: left; height:87px; float: left; }

div.publicheadrtnav{ float: left; height: 87px; float: left; line-height: 87px; margin-right: 0.46rem; text-transform: uppercase;}

div.publicheadrtnav>a{ color: #333333; font-size:16px; font-family: 'mon500'; position: relative;}

div.publicheadrtnav>a::before{ width: 100%; height: 1px; background: #adadad; display: block; content: ''; position: absolute; left: 0; top: 50%; transition: transform .5s;transform: scaleX(0);}

div.publicheadrtnav>a:hover:before{transform: scaleX(1); transform-origin: 0 0; }

div.publicheadrtnavico{ width: 24px; height: 23px; float: left; background: url(../img/ss.jpg) center no-repeat; margin-top: 32px; margin-right: 0.3rem; margin-left: 0.5rem;}

div.publicheadrtnavico1{ float: left; width: 27px; height: 24px; background: url(../img/lx.jpg) center no-repeat; margin-top: 31px;}

div.publicheadrtnavico1 a{ display: block; width: 100%; height: 100%;}


div.bannerword{ width:753px; height: 60px; position: absolute; left: 50%; margin-left:-376.5px; top: 50%;  z-index: 999; }

div.indexoneback{ width:1200px; height: auto ; margin: auto; padding: 93px 0 60px;}

div.indexone_t{ width: 100%; height: 45px; line-height: 45px; text-align:center; }

div.indexone_t span{color: #000000; font-size: 36px; font-family: 'mon100'; position: relative; text-transform:uppercase;}

div.indexone_t span::before{ content: ''; display: block; width: 29px; height: 43px; position: absolute; right: -32px; top: -21px; background: url(../img/indextitlebg.png) center no-repeat;}

div.indexonedesc{ width: 100%; height: auto; line-height: 36px;  font-size: 16px; text-align: center; color: #666666; font-family: 'mon100'; margin-top: 40px;}

div.indexonedesc p{font-family: 'mon100';}

div.indexonemore{ width: 120px; height: 45px; line-height: 45px; text-align: center; margin: auto; margin-top: 30px; position: relative;}

div.indexonemore a{ font-family: 'mon500'; display: block; width: 100%; height: 100%; color: #292929; font-size: 16px; text-transform: uppercase;}

div.indexonemore::before{ width: 65px; height: 2px; background: #292929; position: absolute; display: block; content: ''; left: 50%; margin-left: -32.5px; bottom: -2px; transition: all 0.36s ease-in-out;}

div.indexonemore:hover:before{ bottom: 4px;}

div.indexonevideo{ width: 1182px; height: 664px; margin-top: 1rem; margin-bottom: 18px;}

div.indexonevideobottom{ width: 100%; height: 50px; line-height: 50px; text-align: center; }

div.indexonevideobottom span{ color: #cccccc; font-size: 18px; margin: 0 10px;font-family: 'mon100';}

div.indextwoback{ width:100%; height: auto; padding: 40px 0 60px;}

div.indextwo{ width: 1200px; height: auto; margin: auto;}

div.indextwoqhback{ width: 100%; height: auto; position: relative; margin-top: 75px;}

div.indextwoword{ width:737px; height: 86px; position: absolute; left: 50%; margin-left: -368.5px; top: 50%; margin-top: -43px; background: url(../img/indextwoword.png) center no-repeat; z-index: 99;}

div.indexthreemore{ width: 120px; height: 45px; line-height: 45px; text-align: center; margin: auto; bottom: 3rem; left: 50%; position: absolute;z-index: 99; margin-left: -60px;}

div.indexthreemore a{ font-family: 'mon500'; color: #fff; font-size: 16px; text-transform: uppercase;}

div.indexthreemore::before{ width: 65px; height: 2px; background: #fff; position: absolute; display: block; content: ''; left: 50%; margin-left: -32.5px; bottom: -2px; transition: all 0.36s ease-in-out; }

div.indexthreemore:hover:before{ bottom: 4px;}

div.indextwopagination .swiper-pagination-bullet{ background: #999999; opacity: 1; }

div.indextwopagination .swiper-pagination-bullet-active{ background: #333333;}

div.indexthreeback{ width: 100%; height: auto; padding: 40px 0 110px;}

div.indexthree{ width: 1580px; height: auto; margin: auto; margin-top: 60px; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.indexthreenav{ width: 4.8rem; height: 8.5rem; overflow: hidden; position: relative;}

div.indexthreenavpic{ width: 100%; height: 100%; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexthreenavcont{ width: 100%; height: auto; position: absolute; bottom: 0.6rem; padding: 0 0.6rem;}

div.indexthreenavcont_t{ width: 100%; height: 0.83rem; line-height: 0.83rem; color: #ffffff; font-size: 0.42rem;font-family: 'mon500';}

div.indexthreenavcontdesc{ width: 100%; height: 0.57rem; line-height: 0.19rem; color: #ffffff; font-size: 0.16rem; font-family: 'mon100';}

div.indexthreenav:hover div.indexthreenavpic{ transform: scale(1.1);}

div.indexfourback{ width: 100%; height: auto; padding: 40px 0 184px;}

div.indexfour{ width: 100%; height: auto; margin-top: 1.2rem;}

div.indexfourleft{ width: 50%; height: 8.4rem; overflow: hidden; float: left;}

div.indexfourleftpic{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfourleft:hover div.indexfourleftpic{ transform: scale(1.1);}

div.indexfourrt{ width: 50%; height: 8.4rem; background: #f7f7f7; padding: 0 7%; float: left;}

div.indexfourrtmain{ width: 100%; height: 100%; display: table;}

div.indexfourrtcell{ width: 100%; height:auto; display: table-cell; vertical-align: middle;}

div.indexfour_listbk{ width: 100%; height: auto; margin-bottom: 0.58rem;}

div.indexfour_list{ width: 100%; height: auto; margin-bottom: 12px;}

div.indexfour_list_time{ width: 100%; height: 0.32rem; line-height: 0.32rem; color: #666666; font-size: 14px; font-family: 'mon100';}

div.indexfour_list_t{ width: 100%; height: 0.4rem; line-height: 0.4rem; color: #666666;  font-family: 'mon500'; font-size: 0.18rem; overflow: hidden;}

div.indexfour_list:hover div.indexfour_list_time{ color: #000000;}

div.indexfour_list:hover div.indexfour_list_t{ color: #000000;}

div.indexfive{ width: 1200px; height: auto; margin: auto; padding-bottom: 1.7rem;}

div.indexfiveleft{ float: left; color: #666666; font-size: 30px; font-family: 'mon100'; line-height:36px; text-transform: uppercase;}

div.indexfiveleft span{font-family: 'mon500'; color: #5f3333; font-size:30px;}

div.indexfivert{ width: 240px; height: 68px; float: right; border: 1px solid #000000; line-height: 68px; text-align: center; position: relative;}

div.indexfivert a{ position: relative; display: block; width: 100%; height: 100%;  color: #000000; font-size: 14px;  text-transform: uppercase; }

div.indexfivert::before{ width: 100%; height: 0; display: block; content: ''; background: #000000; position: absolute; left: 0; top: 0;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.indexfivert:hover:before{ height: 100%;}

div.indexfivert:hover a{ color: #fff;}

div.publicfooterback{ width: 100%; height: auto; background: url(../img/footerbg.jpg) 50%/cover no-repeat; padding: 0.8rem 8% 0;}

div.publicfootertop{ width: 100%; height: auto; display: flex; flex-flow: nowrap; justify-content: space-between; padding-bottom: 1rem;}

div.publicfooterlogo{ width: 90px; height: 80px;}

div.publicfooterlogo:hover{filter: brightness(10);}

div.publicfooterrtnav{  height: auto; float: left; margin-left: 0.8rem;}

div.publicfooterrtnav_t{ width: 100%;  height: 0.63rem; line-height: 0.63rem; color: #ffffff; font-size: 16px; font-family: 'mon500'; margin-bottom: 14px; text-transform: uppercase;}

div.publicfooterrtnav_t a{ color: #fff; font-family: 'mon500';}

div.publicfooterrtnav_t a:hover{text-decoration: line-through;}

div.publicfooterrtnav_list{  height: 0.38rem; line-height: 0.38rem; color: #ffffff; font-size: 16px; font-family: 'mon100';}

div.publicfooterrtnav_list a{ color: #fff; font-family: 'mon100';}

div.publicfooterrtnav_list a:hover{text-decoration: line-through;}

div.publicfootermid{ width: 100%; height: auto; padding: 0.35rem 0; border-top: 1px solid rgba(203,201,202,0.3);}

div.publicfootermidleft{  float: left; height: 0.4rem; line-height: 0.4rem; color: #cccccc; font-size: 16px;font-family: 'mon100';}

div.publicfootermidleft span{ font-family: 'mon500'; margin-right: 15px;}

div.publicfootermidrt{ float: right;}

div.publicfootermidrt_1{ width: 29px; height: 29px; float: left; margin-left: 20px; margin-top: 5px;}

div.publicfootermidrt_1:hover{ filter: brightness(100);}

div.publicfootermidleft a{color: #cccccc; transition: all 0.36s ease-in-out;font-family: 'mon100';}

div.publicfootermidleft a:hover{ color: #fff;}

div.nybannerback{ width: 100%; height: 6.13rem; position: relative; overflow: hidden;}

div.nybannerbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

div.nybanner_tit{ width: 100%; height: 0.86rem; line-height: 0.86rem; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -0.43rem; font-family: 'bas'; color: #ffffff; font-size: 0.6rem; letter-spacing: 0.25rem; text-transform: uppercase;}

div.nybreadback{ width: 100%; height: 98px; border-bottom: 1px solid #dedede; padding: 0 0.5rem;}

div.nybreadleft{ float: left; height: 30px; line-height: 30px; margin-top: 32px; padding-left: 44px; color: #999999; font-size: 16px; font-family: 'mon500'; text-transform: uppercase; background: url(../img/breadico.jpg) center left no-repeat;}
 
div.nybreadleft a{ font-family: 'mon500'; color: #999999;  }
 
div.nybreadrt{ float: right; height: 30px; margin-top: 32px; line-height: 30px; background: url(../img/breadrightico.jpg) center right no-repeat; color: #333333; font-size: 16px; padding-right: 38px; cursor: pointer;}

div.gywmoneback{ width: 1200px; height: auto; margin: auto; padding: 67px 0 65px;}

div.gywmonedesc{ width: 100%; height: auto; line-height: 36px;  font-size: 20px;  color: #666666; font-family: 'mon100'; margin-top: 40px;}

div.gywmonedesc p{font-family: 'mon100';}

div.gywmonedesc img{ max-width:100%;}

div.gywmonebottomn{ display: flex; flex-flow: nowrap; font-family: 'mon500';}

div.gywmonebottom{ width: 100%; height: 0.95rem; line-height: 0.95rem; margin-top: 0.6rem; color: #666666; font-size: 0.72rem; font-family: 'mon500'; white-space: nowrap;  text-transform: uppercase; position: relative; }

div.gywmonebottomn span{ white-space: nowrap; color: #666666; margin-right: 1rem;}

div.gywmtwoback{ width: 100%; height: auto;}

div.gywmtwoback img{width: 100%;}

div.gywmtwodesc{ width: 1200px; margin: auto; padding: 70px 0; height: auto; line-height: 36px;  font-size: 20px;  color: #666666; font-family: 'mon100';}

div.gywmtwodesc p{font-family: 'mon100';}

div.gywmthreeback{ width: 100%; height: auto;}

div.gywmthreeleft{ width: 47%; height: 5rem; float: left;}

div.gywmthreeleft img{ width: 100%; height: 100%;}

div.gywmthreert{ width: 53%; height: 5rem; float: right; background: #f2f2f2; padding: 0 8%;}

div.gywmthreerttable{ width: 100%; height: 100%; display: table;}

div.gywmthreerttablecell{ width: 100%; height: auto; display: table-cell; vertical-align: middle;}

div.gywmthreertcont{ width:100%; height: auto; line-height: 1.8; color: #666666; font-size: 0.2rem; font-family: 'mon100'; }

div.gywmthreertcont p{ font-family: 'mon100';}

div.promain{ width: 100%; height: auto; padding: 0.5rem 0.5rem 1.5rem;}

div.prolist{ width: 30%; height: auto; float: left; margin-bottom: 0.4rem; margin-right: 5%;}

div.prolist:nth-child(3n){ margin-right: 0;}

div.prolistpic{ width: 100%; height: 28vw; overflow: hidden; position: relative;}

div.prolistpicbg{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.prolist_left{ float: left; margin-top: 0.2rem; width: 70%;}

div.prolist_left_t1{ width: 100%; height: 0.2rem; line-height: 0.2rem; color: #000000; font-size: 0.16rem; overflow: hidden; font-family: 'mon100';}

div.prolist_left_t2{ width: 100%; height: 0.2rem; line-height: 0.2rem; color: #000000; font-size: 0.18rem; overflow: hidden; font-family:'mon300'; }

div.prolist_rt{ float: right; width: 0.29rem; height: 0.21rem; background: url(../img/proico.png) center no-repeat; background-size: 100%; margin-top: 0.3rem;}

div.prolistpichover{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/prohover.png) rgba(0,0,0,0.3) center no-repeat;  opacity: 0; transition: all 0.36s ease-in-out; }

div.prolist:hover div.prolistpicbg{ transform: scale(1.1);}

div.prolist:hover div.prolistpichover{opacity: 1;}

div.prolist:hover div.prolist_rt{background: url(../img/proico1.png) center no-repeat; background-size: 100%;}

div.pagemore{ width: 240px; height: 68px; margin: auto; margin-top: 0.6rem; border: 1px solid #000000; line-height: 68px; text-align: center; position: relative;}

div.pagemore a{ position: relative; display: block; width: 100%; height: 100%;  color: #000000; font-size: 14px;  text-transform: uppercase; }

div.pagemore::before{ width: 100%; height: 0; display: block; content: ''; background: #000000; position: absolute; left: 0; top: 0;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}

div.pagemore:hover:before{ height: 100%;}

div.pagemore:hover a{ color: #fff;}

div.pagemorebottom{ height: 1rem;}

div.proxxbannerback{ width: 100%; height: 8.2rem;}

div.proxxbanner_left{ float: left; width: 50%; height: 100%; overflow: hidden;}

div.proxxbanner_leftpic{ width: 100%; height: 100%;}

div.proxxbanner_rt{ width: 50%; height: 100%; float: left; background: #d9d9d9;}

div.proxxbanner_rttable{ width: 100%; height: 100%; display: table;}

div.proxxbanner_rtcell{ width: 100%; height: auto; vertical-align: middle; display: table-cell;}

div.proxxbanner_rt_1{ width: 100%; height: auto; line-height: 0.56rem; text-align: center; color: #333333; font-size: 0.24rem; font-family: 'bas'; text-transform: uppercase; letter-spacing: 7px;}

div.proxxbanner_rt_2{ width: 100%; height: auto; line-height: 1.7; text-align: center; color: #000000; font-size: 0.48rem; font-family: 'mon300'; padding: 0 5%; margin-top: 0.7rem;}

div.proxxbreadrt{ float: right; height: 30px; margin-top: 32px; line-height: 30px; color: #333333; font-size: 16px; cursor: pointer; font-family: 'mon100';}

div.proxxbreadback{ width: 1200px; margin: auto; height: 98px;}

div.proxxmain{ width: 1200px; height: auto; margin: auto; margin-top: 64px;}

div.proxxmain_ftitle{ width: 100%; height: auto; line-height:40px; text-align: center; color: #333333; font-size: 16px; font-family: 'mon500';}

div.proxxmain_title{ width: 100%; height: auto; line-height: 60px; text-align: center; color: #333333; font-size: 48px; font-family: 'mon500';}

div.proxxmain_jt{ width: 29px; height: 14px; margin: auto; background: url(../img/proxxjt.jpg) center no-repeat; margin: auto;}

div.proxxmain_qh{ width: 100%; height: auto; margin-top: 70px;}

div.proxxleft{ width: 40px; height: 75px; position: absolute; left: 25px; top: 50%; margin-top: -37.5px; cursor: pointer; outline:none; z-index: 100;}

div.proxxright{ width: 40px; height: 75px; position: absolute; right: 25px; top: 50%; margin-top: -37.5px; cursor: pointer; outline:none; z-index: 100;}

div.proxxmain_desc{ width: 100%; height: auto; line-height: 2; color: #666666; font-size: 18px; font-family: 'mon500'; margin-top: 50px;}

div.proxxmain_desc p{font-family: 'mon500';}

div.proxxmain_desc img{ max-width: 100%;}

div.proxxmain_cont_t{ width: 100%; height: 54px; background: url(../img/proxxcontent_t.png) center no-repeat; margin-top: 40px;}

div.proxxfybottom{ width: 100%; height: auto; border-top: 1px solid #666666; margin-top: 40px; padding-bottom: 70px;}

div.proxxfybottomleft{ float: left; width: 470px; margin-top: 40px;}

div.proxxfybottomleft_t{ width: 100%; height: 55px; line-height: 55px; color: #333333; font-size: 18px; font-family: 'bas'; text-transform: uppercase; letter-spacing: 8px;}

div.proxxfybottomleft_title{ width: 100%; height: 94px; line-height: 47px; margin-top: 27px; color: #000000; font-size: 36px; font-family: 'mon300'; overflow: hidden;}

div.proxxfybottomleft_title a{ color: #000;font-family: 'mon300';}



div.newslist{ width: 30%; height: auto; float: left; margin-bottom: 0.7rem; margin-right: 5%;}

div.newslist:nth-child(3n){ margin-right: 0;}

div.newslistpic{ width: 100%; height: 28vw; overflow: hidden; position: relative;}

div.newslistpicbg{ width: 100%; height: 100%;transition: all 1s cubic-bezier(.165,.84,.44,1) 0s;}




div.newslistpichover{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/prohover.png) rgba(0,0,0,0.3) center no-repeat;  opacity: 0; transition: all 0.36s ease-in-out; }

div.newslist:hover div.newslistpicbg{ transform: scale(1.1);}

div.newslist:hover div.newslistpichover{opacity: 1;}

div.newslist:hover div.newslist_rt{background: url(../img/proico1.png) center no-repeat; background-size: 100%;}

div.newslisttitle{ width: 100%; height: 0.5rem; padding: 0 15px; line-height: 0.5rem; text-align: center; overflow: hidden; color: #000000; font-size: 0.18rem; font-family: 'mon300'; margin-top: 0.25rem;}


div.newslistmore{ width: 120px; height: 45px; line-height: 45px; text-align: center; margin: auto; margin-top: 0; position: relative; font-family: 'mon500'; font-size: 14px;color: #292929; }

div.newslistmore::before{ width: 65px; height: 2px; background: #292929; position: absolute; display: block; content: ''; left: 50%; margin-left: -32.5px; bottom: -2px; transition: all 0.36s ease-in-out;}

div.newslist:hover div.newslistmore:before{ bottom: 4px;}

div.lianximap{ width: 100%; height: auto; margin-top: 60px;}

div.lxwmmain_jt{ width: 100%; height: 54px; margin: auto; border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; background: url(../img/proxxjt.jpg) center no-repeat; margin: auto; margin-top: 40px;}

div.lxwmmain_twobottom{ width: 1144px; height: 344px; margin: auto; margin-top: 12px; background: url(../img/lianxicontentbg.jpg) center no-repeat; padding-top: 107px;}

div.lxwmmain_twoli{  height: 32px;  line-height: 32px; padding-left: 55px; margin-bottom: 22px; color: #666666; font-size: 16px; font-family: 'mon100';}

div.lxwmmain_twobottomborder{ width: 100%; height: 1px; background: #b2b2b2; margin-top: 10px;}

div.lxwmmain_twobottomheight{ height: 110px;}

div.publicheadrtnavxl{ width:100vw; height: auto; position: fixed; left: 0; top: 87px; background: #fff; padding: 46px 0 70px; opacity: 0; visibility: hidden; transition: all 0.36s ease-in-out;}

div.publicheadrtnavxlshow{ opacity: 1; visibility: visible; }

div.publicheadrtnavxlshowclick{ opacity: 1; visibility: visible; }


div.publicheadrtnavxln{ width: 100%; height: auto; padding:0 0.5rem; display: flex; flex-flow: nowrap; justify-content: space-between;}

div.publicheadrtnavxlnt{ width:100%; height:auto; line-height: 0.25rem; color: #333333; font-size: 0.18rem; font-family: 'mon500';  margin-bottom: 0.1rem;}

div.publicheadrtnavxlnt a{ color: #333;transition: all 0.36s ease-in-out; font-family: 'mon500'; }

div.publicheadrtnavxlnt a:hover{ color: #000;}

div.publicheadrtnavxlnli{ height:auto; line-height: 0.2rem; color: #666666; font-size: 0.13rem;  font-family: 'mon100'; text-transform: capitalize;}

div.publicheadrtnavxlnli a{color: #666666; transition: all 0.36s ease-in-out; font-family: 'mon500'; }

div.publicheadrtnavxlnli a:hover{color: #000;}