dangjianlist*{ margin:0; padding:0;}
body{overflow-x:hidden;  }
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","微软雅黑","黑体","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:#d52b2c 1px solid;
	background: #d52b2c;
	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:#d52b2c 1px solid;
	background: #d52b2c;
	color: #fff;
	
}
.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:#d52b2c 1px solid;
	background: #d52b2c;
	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:#d52b2c 1px solid;
	background: #d52b2c;
	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; 
}
@font-face{font-family:'din';src: local('din'), url(../img/new/din.woff) format('woff');}
@font-face{font-family:'DINMedium';src: local('DINMedium'), url(../img/DINMedium.woff) format('woff');}
@font-face{font-family:'dinblack';src: local('dinblack'), url(../img/new/dinblack.woff) format('woff');}
div.navbanner{overflow:hidden;}
div.navshipin{overflow:hidden;}

div.header{width:100%;height:100px; position: relative;z-index: 9999;}
div.header div.headerl{width:100%;height:100px;text-align:center;}
div.header div.headerl img.headerl{max-width:100%;}
div.header div.headerm{width:100%;height:38px;text-align:right;font-size:16px;}
div.header div.headerm div.headerm{height:38px;display:inline-block; width: auto; margin:0px 0.15rem;line-height:38px;font-size:0.16rem;color:#545454; position: relative; padding-bottom: 69px;  text-align: center;}

div.header div.headerm div.headerm >a.headerm{font-size:0.16rem;color:#545454; padding-bottom: 6px;}
div.header div.headerm div.headerm:hover div.headxlback{ display: block;}
div.headxlback{ width: 134px; height: auto; padding-top: 19px; padding-bottom: 19px; background: rgba(255,255,255,0.79);position: absolute; left: -27px;
    top: 69px; display: none;}

div.headxltitle{ width: 100%; height: 44px; line-height: 44px; text-align: center; overflow: hidden; color: #525252; font-size: 15px; }

div.headxltitle>a{ color: #525252; display: block; width: 100%; height: 100%;}

div.headxltitle>a:hover{ color: #fe0002; font-weight: 700;}

div.headxltitle:hover >a.headerm{ font-weight: 700; color: #fe0002; font-weight: 700;}
div.header div.headerm a.headerm:hover{font-weight:bold;color:#262626;background:url(../img/headerhua.png) center bottom no-repeat;}
div.header div.headerm p.headerm{width:1px;height:38px;display:inline-block;background:url(../img/headershu.png) center center no-repeat;line-height:38px;font-size:16px;}
div.header div.headerr{width:100%;text-align:center;}
div.header div.headerr a.headerr{width:23px;height:22px;display:block;margin:auto;background:url(../img/sousuo.png) no-repeat;margin-top:39px;}
@media screen and (max-width: 1680px){
	div.header div.headerm a.headerm{margin:0px 0.15rem;}
}

div.swiper-slide img{width:100%;}
div.swiper-slide-active img{position:absolute;animation: indexdong 4s linear;animation-fill-mode:forwards;}
@keyframes indexdong {
    0% {
		-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);
    }
    100% {
		-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);
    }
}

div.indexonenavbk{ width: 100%; height: 114px; background: #fe3032; transition: all 0.5s ease-in-out;}

div.indexonenav{ width: 25%; height: 100%; float: left; cursor: pointer; padding-top: 18px; position: relative; transition: all 0.5s ease-in-out;}

div.indexonenavbg{ background: #fe474a; width: 100%; height: 0; position: absolute; left: 0; top:0; transition: all 0.5s ease-in-out;}

div.indexonenavpic{ width: 100%; height: auto; text-align: center; position: relative;}

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

div.indexonenavtitle{ width: 100%; height: 47px; line-height: 47px; text-align: center; color: #ffffff; font-size: 16px;position: relative;}

div.indexonenavcont{ width: 1280px; height: 114px; margin: auto;}

div.indexonenav:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);}

div.indexonenav:hover div.indexonenavbg{ height: 110%;}

div.indexonenavhover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);}

div.indexonenavhover div.indexonenavbg{ height: 110%;}

div.indexonemainbk{ width:1280px; margin: auto; height: auto; padding-top: 107px; padding-bottom: 45px; display: none;}

div.indexonelt{ width: 640px; float: left; position: relative; padding-top: 35px;}

div.indexoneltitle{ width: 100%; height: 84px; line-height: 84px; color: #252525; font-size: 28px; font-weight: 700; position: relative;}

div.indexoneltitle_en{ height: 45px; line-height: 45px; color: #252525; opacity: 0.07; position: absolute; left: 0; top: 0; font-size: 60px; text-transform: uppercase;font-family:'dinblack';}

div.indexoneltbg{ width:759px; height: 629px; background: url(../img/new/indexleftbg.jpg) center no-repeat; position: absolute; left: -78px;}

div.indexoneltitlebottomline{ width: 112px; height: 11px; border-bottom: 1px solid #adadad; position: relative;}

div.indexoneltdesc{ width: 100%; height: auto; line-height: 45px; margin-top: 33px; position: relative; color: #909090; font-size: 16px;}

div.indexoneltmore{ width: 207px; height: 61px; background: url(../img/new/indexonemore.png) center no-repeat; box-shadow: 0 0 20px rgba(254,48,50,0.1); position: relative; border-radius: 27px; overflow: hidden; margin-top: 75px;}

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

div.indexonert{ width: 640px; height: 540px; float: right; position: relative;}

div.indexonertbg{ width: 865px; position: absolute; left: 95px; top: 0; height: 540px;border-top-left-radius: 8px;
    overflow: hidden;border-bottom-left-radius: 8px;}
 
div.indexonertbg img{ width: 865px; height: 540px;}

div.indexonebottombk{ width: 1280px; height: 127px; margin: auto; margin-top: 16px;}

div.indexonebottomnavbk{  float: right;}

div.indexonebottomnav{ width: 67px; height: 127px; float: left; margin-left: 71px; cursor: pointer;}

div.indexonebottomnavpic{ width:67px; height:67px; position: relative; overflow: hidden; border-radius: 50%; transition: all 0.5s ease-in-out; margin-bottom: 10px;}

div.indexonebottomnavpic img{ top: -68.5px; position: absolute; transition: all 0.5s ease-in-out;}

div.indexonebottomnav:hover div.indexonebottomnavpic{  box-shadow: 0 0 20px rgba(254,48,50,0.1); }

div.indexonebottomnav:hover div.indexonebottomnavpic img{ top: 0;}

div.indexonebottomnavtitle{ width: 100%; height: 23px; line-height: 23px; text-align: center; color: #b9b9b9; font-size: 12px; text-transform: uppercase;}

div.indexonebottomnavcntitle{transition: all 0.5s ease-in-out; width: 100%; height: 27px; line-height: 27px; text-align: center; color: #a5a5a5; font-size: 15px;}

div.indexonebottomnav:hover div.indexonebottomnavcntitle{ color: #212121;}

div.indexonebottomnavhover div.indexonebottomnavpic{  box-shadow: 0 0 20px rgba(254,48,50,0.1); }

div.indexonebottomnavhover div.indexonebottomnavpic img{ top: 0;}

div.indexonebottomnavhover div.indexonebottomnavcntitle{ color: #212121;}

div.indexoneout{ width:100%; height: auto; position: relative; }

div.indexoneltanniu{ width:60px; height: 165px; cursor: pointer;position: absolute; left: 0; top: 50%; margin-top: -82.5px; background:url(../img/new/indexonelt.png) center no-repeat; z-index: 999999; transition: all 0.5s ease-in-out;}

div.indexoneltanniu:hover{ background: url(../img/new/indexonelth.png) center no-repeat;transition: all 0.5s ease-in-out;}


div.indexonertanniu{ width:60px; height: 165px; cursor: pointer;position: absolute; right: 0; top: 50%; margin-top: -82.5px; background:url(../img/new/indexonert.png) center no-repeat; z-index: 999999; transition: all 0.5s ease-in-out;}

div.indexonertanniu:hover{ background: url(../img/new/indexonerth.png) center no-repeat;transition: all 0.5s ease-in-out;}

div.indextwoback{ width: 100%; height:auto; position: relative; margin-top: 53px; background: url(../img/new/indextwobottombg.jpg) right bottom no-repeat; background-size: 100%;  padding-bottom: 1.05rem;}

div.indextwopic{ width: 100%; height: 100%; position: relative;}

div.indextwopicnum{ position: absolute; height: 1.17rem; line-height: 1.17rem; right: 1.02rem; bottom: 0; font-family: 'din'; color: #ffffff; font-size: 34px;}

div.indextwopicnum span{ font-size: 18px;}

div.indextwopiczongnum{ position: absolute; height: 1.07rem;    line-height: 1.15rem; right: .8rem; bottom: 0; font-family: 'din'; color: #ffffff; font-size: 18px;z-index: 10;}
 
div.indextwortbk{ width: 90%; float: right; margin-top: 0.7rem; }

div.indextwortdesc{ width: 100%; height: auto;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;line-height: .46rem; color: #8f8f8f; font-size: .16rem; margin-top: .27rem;}

div.indextwomore{ height: .26rem; line-height: .26rem; text-transform: uppercase; margin-top: .44rem; color: #fe3032; font-size: .16rem;font-family: 'din';
	transition: all 0.4s ease-in-out;}

div.indextwomore a{color: #fe3032;font-family: 'din';}

div.indextwomore img {
    margin-left: 0.07rem;
    margin-top: -0.05rem;
}

div.indextwomore:hover{margin-left: 0.1rem;}
div.indexoneltitletwo{ font-size: 0.28rem;}
div.indexoneltitle_entwo{ font-size: 0.6rem;}

div.indextwobestrt{ width: 17px; height: auto; float: right; margin-right: .8rem; margin-top: 1.05rem;}

div.indextwobestpoint{ width: 16px; height: 16px; background: url(../img/new/indextwortpointhover.jpg) center no-repeat; margin-bottom: .15rem; transition: all 0.5s ease-in-out; position: relative;}

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

div.indextwobestpoint:hover{ background: url(../img/new/indextwortpointh.jpg) center no-repeat;}

div.indextwobestpointhover{ width: 0; height: 35px; background: url(../img/new/indextworthoverbg.png) left center no-repeat; position: absolute; left: -6px; top: -9px; opacity: 0; overflow: hidden; line-height: 35px; transition: all 0.5s ease-in-out; background-size: 100%;}
 
div.indextwobestpoint:hover div.indextwobestpointhover{ width: 115px; opacity: 1;left: -121px; }

div.indextwobestpointhover_tt{ width: 119px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 14px;}

div.indextwobestpoint:nth-child(1){ background: url(../img/new/indextwortpointh.jpg) center no-repeat;}

div.indextwobestpoint:nth-child(1)  div.indextwobestpointhover{ width: 115px; opacity: 1;left: -121px; }

div.indextwobestpoint:hover div.indextwobestpointhover{ width: 115px; opacity: 1;left: -121px; }


div.indextwobestpoint:hover{ background: url(../img/new/indextwortpointh.jpg) center no-repeat;}

div.indextworttopline{ width: 54.4%; height: .16rem; background: url(../img/new/indextwotopline.jpg) left center no-repeat; background-size: 100%; position: absolute; top: 0; right: 0;}

div.indexthreetitlebk{ width: 100%; position: relative; margin-top: .92rem; height: .71rem;line-height: .71rem; text-align: center; color: #252525; font-size: 28px; font-weight: 700;}

div.indexthreetitlebk span{ color: #e30010; font-weight: 100;}

div.indexthreetitleen{ position: absolute; width: 100%; text-align: center; left: 0; top: 0; text-transform: uppercase; color: #8d8d8d; opacity: 0.1; font-size: 60px; font-family: "dinblack";    line-height: 0.45rem;}

div.indexthreetitleline{ width: .46rem; height: 2px; background: #e30010; margin: auto;}

div.indexthreemain{ width: 95%; margin: auto;max-width: 1712px; margin-top: 0.69rem; margin-bottom: 0.98rem;}

div.indexthreenav{ width: 100%; height: auto; max-width: 389px; margin: auto;}

div.indexthreenavpic{ width: 100%; height: auto; overflow: hidden;}

div.indexthreenavpic img{ width: 100%; height: auto; transition: all 0.5s ease-in-out; transform: scale(1);}

div.indexthreenavbottom{ width: 100%; height: 1.51rem; border: 1px solid #e8e8e8; border-top: none;}

div.indexthreenavbottom_m{ width: 90%; height: auto; margin: auto; padding-top: .18rem;}

div.indexthreenavbottom_mtitle{ width: 100%; height: auto; max-height:0.6rem; line-height: .3rem; overflow: hidden; color: #858585; font-size: .16rem; transition: all 0.5s ease-in-out;}

div.indexthreenavbottom_mtitleline{ width: 100%; height: .15rem; border-bottom: 1px solid #e5e5e5;}

div.indexthreenavbottom_mlttime{  float: left; color: #ff8080;  height: .5rem; line-height: .5rem; font-size: .14rem;}

div.indexthreenavbottom_mrtjt{ float: right; margin-top: .2rem; width: .28rem; height: 0.09rem; background: url(../img/new/indexthreejt.png) center no-repeat; transition: all 0.5s ease-in-out; background-size: 100%;}

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

div.indexthreenav:hover div.indexthreenavbottom_mtitle{color: #ff8080;}

div.indexthreenav:hover div.indexthreenavbottom_mrtjt{ margin-right: 0.1rem;}

div.indexthreemorebk{ width: 100%; height:33px; position: relative;}

div.indexthreemorebk::before{ content: ''; display: block; width: 100%; height: 1px; background: #e8e8e8; position: absolute; left: 0; top: 16px;}

div.indexthreemore{ width:130px; height: 33px; border-radius: 25px; background: #fe3032; line-height: 33px; text-align: center; color: #fff; font-size: 14px; transition: all 0.5s ease-in-out; position: absolute; right: 0; top: 0; }

div.indexthreemore a{ width: 100%; height: 100%; display: block; color: #fff;}

div.indexthreemore:hover{ background:#d4292a; }

div.indexfourback{ width: 100%; max-width: 1280px; margin: auto; margin-top: 0.82rem; position: relative;}

div.indexfourtopdesc{ width: 100%; height: auto; line-height: 34px; margin-top: 48px; color: #a6a6a6; text-align: center;}




div.indexfourbottomct_{ width: 1280px; height: auto; margin: auto;}

div.indexfourbottomct_title{ width: 100%; height: 85px; line-height: 85px; text-align: center; color: #2c2c2c; font-size:24px; font-weight: 700; margin-top: 21px;}

div.indexfourbottomct_titleline{ width: 111px; height: 1px; background: #d8d8d8; margin: auto;}

div.indexfourbottomct_desc{ width: 100%; height: auto; margin-top: .37rem; color: #7e7e7e; line-height: .46rem; font-size: 16px; text-align: center;}

div.indexfourmorebk{ width: 205px; height: 51px; border: 1px solid #cdcdcd; border-radius: 5px; line-height: 51px; text-align: center; color: #000000; font-size: 16px; font-weight: 700; position: relative; margin: auto; transition: all 0.5s ease-in-out; margin-bottom:110px;  margin-top: 55px;}

div.indexfourmorebk::before{ content: '';  display: block; width: 149px; height: 7px; position: absolute; left: -133px; top: 22px; background: url(../img/new/indexfourmorel.png) center no-repeat;transition: all 0.5s ease-in-out;}
 
div.indexfourmorebk::after{ content: '';  display: block; width: 149px; height: 7px; position: absolute; right: -133px; top: 22px; background: url(../img/new/indexfourmorer.png) center no-repeat;transition: all 0.5s ease-in-out;}

div.indexfourmorebk a{ color: #000000; font-size: 16px; font-weight: 700;transition: all 0.5s ease-in-out; display: block; width: 100%; height: 100%;}

div.indexfourmorebk:hover{ background:#757575;border: 1px solid #757575;  }

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

div.indexfourmorebk:hover:before{ left:-149px; opacity: 0;}
div.indexfourmorebk:hover:after{ right:-149px; opacity: 0;}

div.indexfourpic{ width:1280px; height: auto; margin: auto; border-radius: 5px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);}

div.indexfourpic img{ width: 100%;}

div.indexfourlt{ width: 36px; height: 36px; position: absolute; left: -18px; top: 453px;  background: url(../img/new/indexfourlt.png) center no-repeat; transition: all 0.5s ease-in-out; cursor:pointer;z-index: 100;}

div.indexfourlt:hover{background: url(../img/new/indexfourlth.png) center no-repeat;}

div.indexfourrt{ width: 36px; height: 36px; position: absolute; right: -18px; top: 453px;  background: url(../img/new/indexfourright.png) center no-repeat; transition: all 0.5s ease-in-out; cursor:pointer; z-index: 100;}

div.indexfourrt:hover{background: url(../img/new/indexfourrighth.png) center no-repeat;}

div.publicfooterbk{ width: 100%; height: auto; background: #252525; position: relative;}

div.publicfooterlt{ float: left;  margin-top: 49px;}

div.publicfooterlt_list{ float: left; margin-left: 79px;}

div.publicfooterlt_listt_title{ height: 47px; line-height: 47px; color: #c9c9c9; font-size: 16px; margin-bottom: 7px;}

div.publicfooterlt_listt_title a{ color: #c9c9c9;transition: all 0.5s ease-in-out;}

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

div.publicfooterlt_listt_nav{ height: 30px; line-height: 30px; color: #525252; font-size: 14px;}

div.publicfooterlt_listt_nav a{color: #525252; transition: all 0.5s ease-in-out; }

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

div.publicfooterbk_top{ width:1336px; height: auto; margin: auto; }

div.footerbacktop{ width: 60px; height: 60px; position: absolute; top: -30px; right: 2.3%; background: url(../img/new/foottop.png) center no-repeat; z-index: 100; cursor: pointer; transition: all 0.5s ease-in-out;}

div.footerbacktop:hover{ top: -37px;}

div.footerbacktop_1{ width: 60px; height: 60px; position: absolute; top: -30px; right: 2.3%; background: url(../img/foottop_1.png) center no-repeat; z-index: 100; cursor: pointer; transition: all 0.5s ease-in-out;}

div.footerbacktop_1:hover{ top: -37px;}










div.publicfooter_topewm{ width: 130px; height: auto; margin-top: 62px; margin-left: 111px; float: left;}

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

div.publicfooter_topewmpic img{ width: 100%;}

div.publicfooter_topewmtitle{ width: 100%; height: 44px; line-height: 44px; text-align: center; color: #ffffff; font-size: 14px;}

div.publicfooter_toprt{ width: 315px; height: auto; float: right; margin-top: 82px;}

div.publicfooter_toprt_lt{ padding-left: 47px; height: 31px; float: left; line-height: 31px; float: left; color: #c9c9c9; font-size: 16px; }

div.publicfooter_toprt_rt{ float: left; width: 210px; height: auto;line-height: 31px; color: #c9c9c9;  font-size: 16px; transition: all 0.5s ease-in-out;}

div.publicfooter_toprt:hover div.publicfooter_toprt_rt{ color: #fff;}

div.footerbottombk{ width: 100%; height: auto; line-height: 69px; text-align: center; color: #a0a0a0; font-size: 12px; border-top: #2c2c2c 1px solid;}

div.footerbottombk a{ color: #a0a0a0;transition: all 0.5s ease-in-out;}

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

div.nybannerbk{ width: 100%; height: 449px; }

div.dangjianlist_bk{ width: 100%; height: auto; margin-top: 64px;}

div.dangjianlist{ width: 1280px; height:300px; margin: auto; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top: 80px;}

div.dangjianlistlt{ width: 332px; height: 230px; float: left;  margin-top: 35px; margin-left: 37px; overflow: hidden;}

div.dangjianlistlt img{ width: 332px; height: 230px; transition: all 0.5s ease-in-out;}

div.dangjianlistmid_t{ width: 740px; float: left; margin-left: 43px; margin-top: 35px;}

div.dangjianlistmid_t_title{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; color: #3e3e3e; font-size: 20px; transition: all 0.5s ease-in-out;}

div.dangjianlistmid_t_line{ width: 143px; height: 21px; border-bottom: 1px solid #eaeaea; margin-bottom: 19px;}

div.dangjianlistmid_t_desc{ width: 100%; height: 74px; line-height: 37px; overflow: hidden; color: #939393; font-size: 16px; margin-bottom: 53px;}

div.dangjianlistmid_t_time{ width: 100%; height: 16px; overflow: hidden; background: url(../img/new/dangjian_time.png) center left no-repeat; padding-left: 24px; color: #656565; font-size: 16px; line-height: 16px; } 

div.dangjianlistmid_rtmore{ width:37px; height: 240px; background: url(../img/new/dangjian_more.jpg) center no-repeat; float: right; margin-top: 30px; margin-right: 30px;transition: all 0.5s ease-in-out;}

div.dangjianlist:hover div.dangjianlistlt img{ transform: scale(1.1);}

div.dangjianlist:hover div.dangjianlistmid_t_title{ color: #980007;}

div.dangjianlist:hover div.dangjianlistmid_rtmore{background: url(../img/new/hdangjian_more.jpg) center no-repeat; }

div.fengongsi_navbk{ width: 100%; height: 67px; background: #fe3032; text-align: center;}

div.fengongsi_nav{ display: inline-block; color: #ffffff; font-size: 16px; line-height: 67px; padding: 0 32px; background: url(../img/new/fengongsinavbg.jpg) left center no-repeat;}

div.fengongsi_nav a{ color: #fff;}

div.fengongsi_conttitlebk{ width: 1280px; margin: auto; height: 105px; border-bottom: 1px solid #eeeeee;}

div.fengongsicont{ width: 1280px; margin: auto; min-height: 300px; margin-bottom: 40px; height: auto; margin-top: 58px; line-height: 50px; color: #252525; font-size: 16px;}

div.fengongsicont img{ max-width: 100%;}
  
div.lxwmone{ width: 1280px; height: auto; margin: auto; margin-top: 113px;} 

div.lxwmonenav{ width: 100%; height: 27px; padding-left: 46px; color: #545454; font-size: 16px;}

div.lxwmtwobk{ width: 100%; margin: auto; max-width: 1600px; height: 540px; margin-top: 45px;}

div.lxwmthreebk{ width: 1280px; height: auto; margin: auto; margin-top: 71px;}

div.lxwmthreenav{ float: left; width: 221px; height: 63px; line-height: 63px; border-bottom: 1px solid #e8e8e8; color: #545454; float: left; margin-right: 39px; font-size: 16px;}

div.lxwmthreenav input{ width: 100%; height: 100%; display: block; background:  none; border: none; outline: none;}

div.lxwmthreenavmore{ width: 178px; height: 41px; float: left; background: #f54336;border-radius: 25px; color: #ffffff; font-size: 16px; line-height: 41px; text-align: center;}

div.lxwmthreenavmore input{ width: 100%; height: 100%; display: block;background:  none; border: none; outline: none;}

div.renli_listbk{ width:1280px; height: auto; margin:auto; margin-top: 94px;}

div.renli_list{ width:362px; height: 392px; float: left;  background: url(../img/new/renli_bg.png) center no-repeat; transition: all 0.5s ease-in-out; margin-left: 61px; margin-bottom: 100px;}

div.renli_listmid{ width: 330px; height: auto; margin-left: 16px; margin-top: 11px;}

div.renli_listmidtitle{ width: 100%; font-family: "宋体"; height: 90px; line-height: 90px; text-align: center; color: #494949; font-size: 22px;}

div.renli_listmid_desc_title{ width: 100%; height: 39px; line-height: 39px; text-align: center; color: #494949; font-size: 16px; font-weight: 700; margin-top: 34px; margin-bottom: 1px;}

div.renli_listmid_desc{ width: 256px; margin: auto; height: auto; max-height: 66px; line-height: 33px; text-align: center; color: #878787; font-size: 14px; overflow: hidden;}

div.renli_listmid_zp{ width: 100%; height: 51px; line-height: 51px; text-align: center; color: #fe3032; font-size: 16px;}

div.renli_list:hover{ background: url(../img/new/renli_bgh.png) center no-repeat;}

div.form_main{ width: 1280px; margin: auto; margin-top: 94px;} 

div.form_topline{ width: 100%; height: 53px; border-bottom: 1px solid #dcdcdc;}

div.form_twotitlebk{ width: 100%; height: 29px; line-height: 29px; margin-top: 56px; color: #1f1f1f; font-size: 16px; padding-left: 51px;}

div.form_twotitlebk span{ color: #fe3032; font-size: 16px;}

div.form_twonavbk{ width: 594px; height:54px; float: left; margin-left: 17px; margin-top: 56px; }

div.form_twonavbk_lt{ width: 18px; height: 54px; float: left; float: left; color: #fe3032; line-height: 54px; font-size: 16px;}

div.form_twonavbk_rt{ width: 576px; height: 54px; float: right; border: 1px solid #efefef; overflow: hidden; color: #6a6a6a; font-size: 14px; line-height: 54px; }

div.form_twonavbk_rt input{ width: 100%; padding-left: 17px;height: 100%; display: block; background: none; border: none; outline: none;}

div.form_twonavbk_rt select{ width: 100%;padding-left: 17px; height: 100%; appearance:none;-moz-appearance:none;-webkit-appearance:none; background: none; border: none; outline: none;}
div.form_twonavbk_rt textarea{ width: 100%; padding-left: 17px;height: 100%; display: block; background: none; border: none; outline: none;}

div.form_submit{ width: 222px; height: 54px; margin: auto; border-radius: 25px; background: #fe3032; font-size: 16px; margin-top: 92px; margin-bottom: 121px; transition: all 0.5s ease-in-out;}

div.form_submit input{ width: 100%; height: 100%; cursor: pointer; background: none; border: none; outline: none; color: #fff;}

div.form_submit:hover{ background: #c52627;}

div.gywmonebk{ width: 1280px; height: auto; margin: auto; margin-top: 114px;}

div.gywmonelt{ width: 695px; float: left; position: relative;}

div.gywmonedesc{ width:100%; height: auto; margin-top: 26px; line-height: 42px; color: #7f7f7f; font-size: 16px; }

div.gywmonert{ width: 525px; height: 485px; float: right; position: relative; margin-top: 49px;}

div.gywmonertbg{ width: 845px; position: absolute; left: 0; top: 0; height: 485px;}
 
div.gywmonertbg img{ width: 845px; height: 485px;}

div.gywmtwobk{ width: 1280px; height: auto; margin: auto; margin-top: 133px; }

div.gywmtwolt{ width: 520px; height: 485px; float: left; position: relative;}

div.gywmtwortbg{ width: 845px; position: absolute; right: 0; top: 0; height: 485px;}
 
div.gywmtwortbg img{ width: 845px; height: 485px;}

div.gywmtwort{ float: right; width: 707px; height: auto; float: right; line-height: 41px;  color: #7f7f7f; font-size: 16px;}

div.gywmtwobkbg{background: url(../img/new/gywmlinebg.jpg) center bottom no-repeat; width: 100%; padding-bottom: 50px;}

div.gywmthree{ width: 1280px; margin: auto; margin-top: 96px; margin-bottom: 64px;}

div.gywmthreepic{ width:100%; margin: auto; margin-bottom: 32px;}

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

div.gywmfourb{ width: 1280px; height: auto; margin: auto;}

div.gywmfourlt{ float: left; width: 520px; height: auto;}

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

div.gywm_2onebk{ width: 1280px; height: auto; margin: auto;margin-top: 69px; border-bottom: 1px dashed #e4e4e4; padding-bottom: 55px;}

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

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


div.lichengx{width:1280px;height:671px;margin:auto;position:relative;}
div.lichengx a.lichengl{width:40px;height:41px;display:block;position:absolute;left:0;top:315px;background:url(../img/lichengl.png) no-repeat;}
div.lichengx a.lichengl:hover{background:url(../img/lichenglh.png) no-repeat;}
div.lichengx a.lichengr{width:40px;height:41px;display:block;position:absolute;right:0;top:315px;background:url(../img/lichengr.png) no-repeat;}
div.lichengx a.lichengr:hover{background:url(../img/lichengrh.png) no-repeat;}
div.lichengx div.lichengxian{width:1172px;height:1px;position:absolute;left:54px;top:335px;background:#e8e8e8;}
div.lichengx div.lichengxn{width:1172px;height:671px;position:absolute;left:54px;top:0;z-index:10;overflow:hidden;}
div.lichengxne{width:293px;height:671px;background:url(../img/lichengdian.png) center center no-repeat;position:relative;}
div.lichengxnes{width:293px;height:315px;position:relative;}
div.lichengxnes div.lichengxnesn{width:293px;position:absolute;left:0;bottom:14px;border:1px solid #f6d0d0;border-radius:10px;}
div.lichengxnes div.lichengxnesn div.lichengxnesnn{width:285px;margin:4px;border:1px solid #f8f8f8;border-radius:10px;}
div.lichengxnes div.lichengxnesn div.lichengxnesnn div.lichengxnesnnn{margin:12px;line-height:32px;font-size:14px;color:#838383;}
div.lichengxnes div.lichengxnesn div.lichengxnesnn div.lichengxnesnnn p{line-height:32px;font-size:14px;color:#838383;word-wrap:break-word; }
div.lichengxnes p.lichengxnes{width:80px;height:30px;position:absolute;left:50%;margin-left:-40px;bottom:0;z-index:200;background:#ffffff;text-align:center;line-height:30px;font-size:24px;color:#d63334;font-family: 'Conv_DIN-Bold';}

div.lichengxnex{width:293px;height:315px;position:relative;}
div.lichengxnex div.lichengxnexn{width:293px;position:absolute;left:0;top:14px;border:1px solid #f6d0d0;border-radius:10px;}
div.lichengxnex div.lichengxnexn div.lichengxnexnn{width:285px;margin:4px;border:1px solid #f8f8f8;border-radius:10px;}
div.lichengxnex div.lichengxnexn div.lichengxnexnn div.lichengxnexnnn{margin:12px;line-height:32px;font-size:14px;color:#838383;}
div.lichengxnex div.lichengxnexn div.lichengxnexnn div.lichengxnexnnn p{line-height:32px;font-size:14px;color:#838383;word-wrap:break-word;}
div.lichengxnex p.lichengxnex{width:80px;height:30px;position:absolute;left:50%;margin-left:-40px;top:0;z-index:200;background:#ffffff;text-align:center;line-height:30px;font-size:24px;color:#d63334;font-family: 'Conv_DIN-Bold';}

div.zizhibk{ width: 1280px; height: auto; margin: auto; margin-top: 115px;}

div.zizhilist{ width: 295px; height: 268px; float: left; margin-left: 163px; margin-top: 86px;}

div.zizhilistpic{ width: 100%; height: 219px;  background: url(../img/zhengshubg.jpg) center no-repeat;  padding-top: 18px;}

div.zizhilistpicpic{ width: 258px; height: 182px; margin-left: 18px;}

div.zizhilistpicpic img{width: 258px; height: 182px;}

div.zizhilisttitle{ width: 100%; height: 49px; line-height: 49px; overflow: hidden; color: #221815; font-size: 16px;}

div.nyxxback{ width:100%; max-width:1280px; height:auto; margin:auto; margin-bottom:15px;}

div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{  width:100%; height:.38rem; border-bottom:#d0d0d0 1px solid; line-height:38px; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:30px; text-align:left; color:#323232; font-size:18px;}

div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#7e7d7d; font-size:16px; }

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

div.xinwenxxtopsyy{ width:45%; float:left; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}


/*搜索*/

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
}
.htmleaf-header h1 {
	color: #fff;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.htmleaf-header h1 span {
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #fff;
}
/*nav*/
.htmleaf-demo a{color: #1d7db1;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #1d7db1;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;}
.related a h3 {
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 50em) {
	.htmleaf-header {
		padding: 3em 10% 4em;
	}
	.htmleaf-header h1 {
        font-size:2em;
    }
}


@media screen and (max-width: 40em) {
	.htmleaf-header h1 {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 30em) {
    .htmleaf-header h1 {
        font-size:1.2em;
    }
}

.search-wrapper {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
}
.search-wrapper.active {}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 70px;
    background: rgba(255,255,255,0);
    border-radius:6px;
    position: relative;
    width:70px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width:450px;
    background: rgba(0,0,0,0.5);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 50px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color:#FFF;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width:70px;
    height:70px;
    border:none;
    border-radius:6px;
    background: #FFF;
    padding:0px;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height:50px;
    margin: 10px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width:22px;
    height:22px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);

}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #8e8e8e;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #8e8e8e;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:80px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
}


@media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
}

section.clickshow{ height:0px; transition:all 0.5s ease-in-out; background:#1b1b1b; overflow:hidden; z-index:9999999; position:fixed; width:100%; top:0; left:0;}




div.yiyangpublicheadbk{ width: 100%; height: 98px;}

div.yiyangpublicheadlogo{ width: 100%; padding: 0 10px; max-width: 388px; height: auto; margin: auto; margin-top: 27px;}

div.yiyangpublicheadlogo img{ width: 100%;}

div.yiyangpublicheadlogoline{ width: 100%; height: 2px; background: #b8b8b8; position: absolute; left: 0; top: 0; }

div.yiyangpublicheadrt{ float: left;}

div.yiyangpublicheadrt_nav{ float: left;height: 98px; padding:0 0.25rem; padding-top: 29px; margin:0 0.1rem; position: relative;}

div.yiyangpublicheadrt_nav::before{ width: 100%; height: 0; background: #00cccb; content: ''; display: block; position: absolute; left:0; top: 0; transition: all 0.5s ease-in-out;}

div.yiyangpublicheadrt_nav_1{  height:26px; line-height: 26px; text-align: center; color: #2f2f2f; font-size: 16px; position: relative;transition: all 0.5s ease-in-out;}

div.yiyangpublicheadrt_nav_2{ height: 17px; line-height: 17px; text-align: center; color: #b0b0b0; font-size: 10px; text-transform: uppercase; position: relative;transition: all 0.5s ease-in-out;}

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

div.yiyangpublicheadrt_nav:hover div.yiyangpublicheadrt_nav_1{ color: #fff;}

div.yiyangpublicheadrt_nav:hover div.yiyangpublicheadrt_nav_2{ color: #fff;}

div.yiyangpublicheadrt_navtopline{ width: 100%; height: 2px; background: #00cccb;}

div.yiyangpublicheadrt_ss{ width:23px; height: 23px; float: right; margin-right: 0.75rem; margin-top: 37px; background: url(../img/sss.jpg) center no-repeat; cursor: pointer;}

div.yiyangbannerback{ width: 100%; height:calc(100vh - 98px); }


div.yiyuanoneback{ width: 100%; height: auto; padding-top: 85px; padding-bottom: 106px; background: url(../img/yiyuanonebg.jpg) center bottom no-repeat;}

div.yiyuanonetitle{ width: 100%; height: 91px; background: url(../img/yiyuanonetitlebg.png) center no-repeat; margin-bottom: 42px;}

div.yiyuanonenrbk{ width: 1280px; height: auto; margin: auto; line-height: 45px; text-align: center; color: #6d6d6d; font-size: 16px;}

div.yiyuanonenr{ width: 1280px;  margin: auto; margin-top: 30px; display: none;}

div.yiyuanonemore{ width: 48px; height: 5px;  margin: auto; background: url(../img/yiyuanmore.png) center no-repeat; margin-top: 66px;}

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

div.yiyuanonebottomnavbk{ width: 1280px; height: auto; margin: auto; text-align: center; margin-top: 65px;}

div.yiyuanonebottomnav{ width: 84px; height: auto; display: inline-block; margin:auto 60px; cursor: pointer;}

div.yiyuanonebottomnavpic{ width: 84px;  height: 93px; margin:auto;transition: all 0.5s ease-in-out;}



div.yiyuanonebottomnavtitle{ width: 100%; height: 52px; line-height: 52px; text-align: center; color: #4d4d4d; font-size: 16px; font-weight: 700; text-align: center;}

div.yiyuanonebottomnav:nth-child(1) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone1.png) center no-repeat; }

div.yiyuanonebottomnav:nth-child(2) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone2.png) center no-repeat;}

div.yiyuanonebottomnav:nth-child(3) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone3.png) center no-repeat;}

div.yiyuanonebottomnav:nth-child(4) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone4.png) center no-repeat;}

div.yiyuanonebottomnav:nth-child(1):hover div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone1h.png) center no-repeat;}

div.yiyuanonebottomnav:nth-child(2):hover div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone2h.png) center no-repeat;}

div.yiyuanonebottomnav:nth-child(3):hover div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone3h.png) center no-repeat;}

div.yiyuanonebottomnav:nth-child(4):hover div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone4h.png) center no-repeat;}

div.yiyuanonebottomnavbg:nth-child(1) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone1h.png) center no-repeat;}

div.yiyuanonebottomnavbg:nth-child(2) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone2h.png) center no-repeat;}

div.yiyuanonebottomnavbg:nth-child(3) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone3h.png) center no-repeat;}

div.yiyuanonebottomnavbg:nth-child(4) div.yiyuanonebottomnavpic{ background: url(../img/yiyuanone4h.png) center no-repeat;}

div.yiyuantwoback{ width: 100%; height: auto; margin: auto; margin-top: 55px;}

div.yiyuantwotitle{ width: 100%; height: 91px; background: url(../img/yiyuantwotitle.jpg) center no-repeat; margin-bottom: 110px;}

div.yiyuantwolist{ width: 1382px; height: auto; margin: auto; margin-bottom: 160px;}

div.yiyuantwolistlt{ width: 800px; height: 500px; float: left;}

div.yiyuantwolistrt{ width:330px; height: auto; float: right; margin-top: 17px; margin-right: 157px; }

div.yiyuantwolistrt_cntitle{ width: 100%; height:74px; line-height:74px; color:#272727; font-size:40px; font-weight:700; }

div.yiyuantwolistrt_cnsubtitle{ width: 100%; height: 55px; line-height: 55px; font-size: 50px; margin-bottom: 28px;font-family:'DINMedium';}

div.yiyuantwolistrt_linebg{ width: 263px; height: 11px; background: url(../img/yiyuantwolinebg.jpg) center no-repeat; margin-top: 28px;}

div.yiyuantwolistrt_cndesc{ width: 100%; height: 160px; overflow: hidden; margin-bottom: 60px; line-height: 40px; color: #535353; font-size:16px; margin-top: 30px;}

div.yiyuantwolistrt_cnmore{ display: inline-block; height: 18px; line-height: 18px; color: #00cccb; border-bottom: 1px solid #00cccb; font-size: 17px; text-transform: uppercase;}

div.yiyuantwolistrt_cnmore a{ color: #00cccb;font-family:'DINMedium'; }

div.yiyuanthreeback{ width: 100%; height: 459px; background: url(../img/yiyuanthreebg.jpg) center no-repeat; padding-top: 42px;}

div.yiyuanthreetitle{ width: 100%; height: 99px; line-height: 99px; text-align: center; color: #fff; font-size: 30px; font-weight: 700;}

div.yiyuanthreedesc{ width: 1280px; height: auto; margin: auto; color: #ffffff; font-size: 16px; line-height: 45px; text-align: center;}

div.yiyuanfourback{ width:1280px; height: auto; margin: auto; margin-top: 143px; padding-bottom: 135px; }

div.yiyuanfourleft{ width: 671px; height: 562px; float: left; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding-top: 48px;}

div.yiyuanfourleftmid{ width: 532px; height: auto; margin: auto;}

div.yiyuanfourleftmidtop{ width: 100%; height: 84px; border-bottom: #bcf2f2 2px solid;}

div.yiyuanfourleftmidtoplt{ width: 360px; height: 39px; float: left; background: url(../img/yiyuanfourtitle1.png) center no-repeat;}

div.yiyuanfourleftmidtoprtmore{ width: 27px; height: 61px; background: url(../img/yiyuanfourmore.png) center no-repeat; transition: all 0.5s ease-in-out; float: right;}

div.yiyuanfourleftmidtoprtmore:hover{ background: url(../img/yiyuanfourmoreh.png) center no-repeat;}

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

div.yiyuanfourleftmidlistbk{ width: 100%; height: 169px; background: url(../img/yiyuanfourline.png) bottom center no-repeat;margin-top: 46px;}

div.yiyuanfourleftmidlistlt{ width: 84px; height: auto; float: left; padding-top: 20px;}

div.yiyuanfourleftmidlistlt_1{ width: 100%; height: 64px; line-height: 64px; text-align: center; color: #eae2d5; font-size: 70px; font-family: "DINMedium"; font-weight: 700;}

div.yiyuanfourleftmidlistlt_2{ width: 100%; height: 25px; line-height: 25px; text-align: center; color: #cccccc; font-size: 17px;font-family: "DINMedium";  }

div.yiyuanfourleftmidlistrt{ width: 348px; height: auto; float: left; margin-left: 25px;}

div.yiyuanfourleftmidlistrttitle{ width: 100%; height: 54px; line-height: 54px; overflow: hidden; color: #3b3b3b; font-size: 16px; font-weight: 700;}

div.yiyuanfourleftmidlistrtdesc{ width: 100%; height: 60px; line-height: 30px; overflow: hidden; color: #b2b2b2; font-size: 14px;}

div.yiyuanfourright{ width: 460px; height: auto; float: right; margin-right: 21px; margin-top: 48px;}

div.yiyuanfourrightlist{ margin-top: 20px;}

div.yiyuanfourrightlistpic{ width: 100%; height: 193px; overflow: hidden; }

div.yiyuanfourrightlistpic img{ width: 100%; height: 100%; transition: all 0.5s ease-in-out;}

div.yiyuanfourrightlisttitle{ width: 100%; height: 41px; line-height: 41px; margin-top: 27px; color: #1b1a1a; font-size: 16px; font-weight: 700; margin-bottom: 11px;}

div.yiyuanfourrightlistline{ width: 160px; height: 1px; background: #e3e3e3;}

div.yiyuanfourrightlistdesc{ width: 100%; height: auto; line-height: 34px; color: #9d9d9d; font-size: 14px; margin-top: 18px;}

div.headtopgongis{ width: 100%; height: 30px; line-height: 30px; text-align: right;    padding-right: 0.16rem; font-size: 0.14rem; color:#D3D3D3;}

div.headtopgongis a{ color:#D3D3D3; transition: all 0.5s ease-in-out; margin-left: 25px;}

div.headtopgongis a:hover{ color: #474747;}