@charset "utf-8";




/*头部样式*/



.headerArea{ width:100%; position:fixed; left:0; top:0; z-index:99;}



.header{ position:relative; background:#fff; padding:0 80px;box-shadow: 0 0 25px rgba(0,0,0,0.1);}



.logo{display:block;line-height:1;height: 60px; float:left;margin-top:10px;margin-left:-5px;}


.verticalMenuin{ width: 128px;height: 100%; height:220px; float: left; position: relative; z-index: 3;}



.menulist:before{ content: ""; width: 0%; height: 100%; background:#cc8e02; position: absolute; left: 50%; top: 0; transition: 0.5s;}



.verticalMenuin.active .menulist:before{ width: 100%; left: 0;}



.verticalMenuin:last-child{ border-right: none;}



.menulist_left{border-left: 1px solid rgba(255,255,255,0.2);}



.menulist_right{border-right: 1px solid rgba(255,255,255,0.2);}



.navigator{ float:right; margin-top:30px;}



.navigator li{ width: 130px; float:left; line-height:1; perspective:200px; -webkit-perspective:200px; -ms-perspective:200px; height: 50px;}



.navigator li:first-child{ margin-left:0;}



.navigator li a{ display:block; padding-left: 29px; line-height:1; color:#ffffff; font-size:18px; position:relative; transform-style:preserve-3d; transform:translatez(-8px); -webkit-transform:translatez(-8px); -moz-transform:translatez(-8px); -ms-transform:translatez(-8px);}



.navigator li a span{ display:block; line-height:1; height:18px; height:100%; overflow:hidden; color:#000; font-size:18px; position:relative;}



.navigator li a span.back{ color:#cc8e02; transform:rotatex(-90deg) translatez(-8px); -webkit-transform:rotatex(-90deg) translatez(-8px); -ms-transform:rotatex(-90deg) translatez(-8px); -moz-transform:rotatex(-90deg) translatez(-8px); -o-transform:rotatex(-90deg) translatez(-8px); opacity:0; visibility:hidden; transition:0.34s; z-index:5;}



.navigator li a span.front{ transition:0.34s; transform:rotatex(0deg) translatez(8px); -moz-transform:rotatex(0deg) translatez(8px); -ms-transform:rotatex(0deg) translatez(8px); -webkit-transform:rotatex(0deg) translatez(8px); font-size:18px;} 



.navigator li:hover a,.navigator li.active a{ transform:rotateX(90deg) translatez(8px); -webkit-transform:rotateX(90deg) translatez(8px); -moz-transform:rotateX(90deg) translatez(8px); -ms-transform:rotateX(90deg) translatez(8px); -webkit-transform:rotateX(90deg) translatez(8px); top:-16px\9;}



.navigator li:hover a span.front,.navigator li.active a span.front{ opacity:0; visibility:hidden; color:#cc8e02;}



.navigator li:hover a span.back,.navigator li.active a span.back{ opacity:1; visibility:visible;} 



.menus{ position:fixed; right:10px; top:5px; background:#fff; border-radius:50%;display:none; line-height:1; width:42px; height:42px; z-index:99;}



.menus span { position: relative; display: inline-block; width: 20px; height: 11px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-5px; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; }



.menus span:after,



.menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height:2px; left: 0; background-color:#cc8e02; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; }



.menus span:before { top: 0; -webkit-transition-property: top,transform; -moz-transition-property: top,transform; -ms-transition-property: top,transform; -o-transition-property: top,transform; transition-property: top,transform; }



.menus span:after { bottom: 0; -webkit-transition-property: bottom,transform; -moz-transition-property: bottom,transform; -ms-transition-property: bottom,transform; -o-transition-property: bottom,transform; transition-property: bottom,transform; }



.menus.active span { background-color: transparent; -webkit-transition-delay: 0s,0s; -moz-transition-delay: 0s,0s; -ms-transition-delay: 0s,0s; -o-transition-delay: 0s,0s; transition-delay: 0s,0s; }



.menus.active span:after, .menus.active span:before { -webkit-transition-delay: 0s,.3s; -moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s; }



.menus.active span:before { top:4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }



.menus.active span:after { bottom:5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}



.navigate{ position:fixed; width:100%; height:100%; left:100%; top:0; background:rgba(255,255,255,0.98); display:block; box-sizing:border-box; padding:32px 5% 10px;}



.navilogo{ display:block; width:100px; height:auto; line-height:0; z-index:5; position:relative;}



.mnavfix{ width:100%; height:90%; position:absolute; right:0; top:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; -o-justify-content:center;}



.navigetop{ text-align:center; margin-bottom:24px;}



.navigetop a{ display:block; width:140px; height:50px; line-height:50px; color:#fff; background:#cc8e02; margin:auto; border-radius:25px; text-align:center; font-size:16px;}



.mnavlist li{ margin-bottom:40px; text-align:center;}



.mnavlist li a{ display:inline-block; line-height:1; margin:auto; color:#333; font-size:16px;}



.menudowns{ position: absolute; left: 80px; top: 80px; right: 80px; background:#000; filter:alpha(opacity=33); background: rgba(0,0,0,0.6); height: 0; overflow: hidden;}



.menuswr{ float: right; padding-right: 82px;}




.menulist{ padding:25px 0 0; }



.menulist li{ position: relative; margin-bottom: 14px;}



.menulist li a{ display: block; color: #fff; font-size: 14px; padding-left:5px; padding-right:5px;text-align: center;  position: relative; z-index: 3; line-height: 1.3;}



.menulist li:hover a{ color: #081808;}




.menubtn{transition: 0.4s; display: none; position:relative; z-index: 20; float: right;}



.menubtn span{ display:block; width:30px; height:3px; background:#16a1c1; margin:auto; margin-top:21px; position:relative; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}



.menubtn span:after,



.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;



 background-color: #16a1c1; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}



.menubtn span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}



.menubtn span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;



transition-property: bottom,transform;}



.menubtn.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}



.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}



.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}



.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}



/*项目风采*/



.Elegance-box{ margin:85px 0 60px;}



.Eleganceli{ width:calc(100% + 16px); margin-left:-8px;}



.Eleganceli li{ width:33.33333%; float:left; margin-bottom:20px;}



.Eleganceli li figure{ display:block; margin:0 8px;}



.Elegancewr{ overflow:hidden; display: block;}



.Eleganceli li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}



.Eleganceli li .mores{ width:100%; display:block; background:none; height:100px;}



.Eleganceli li .mores .three-d-box{ transform:translatez(-50px); -webkit-transform:translatez(-50px); -moz-transform:translatez(-50px); -ms-transform:translatez(-50px);}



.Eleganceli li .mores  span.defal,.Eleganceli li .mores  span.end{ height:100px; line-height:50px; text-indent:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff; line-height:100px; color:#000000; font-size:16px; font-weight:bold; text-align:left;}



.Eleganceli li .mores span.defal{ transform:rotatex(0deg) translatez(50px); -webkit-transform:rotatex(0deg) translatez(50px); -moz-transform:rotatex(0deg) translatez(50px); -ms-transform:rotatex(0deg) translatez(50px);}



.Eleganceli li .mores span.end{ transform:rotatex(-90deg) translatez(50px); -webkit-transform:rotatex(-90deg) translatez(50px); -ms-transform:rotatex(-90deg) translatez(50px); -moz-transform:rotatex(-90deg) translatez(50px); background:#cc8e02; color:#fff; display:none\9;}



.Eleganceli li .mores span.end:before{ content:""; width:8px; height:8px; background:url("../images/add.png") center no-repeat; position:absolute; right:26px; top:50%; margin-top:-4px;}



.Eleganceli li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}



.Eleganceli li:hover .mores .three-d-box{ transform: translateZ(-50px) rotateX(90deg); -webkit-transform: translateZ(-50px) rotateX(90deg); -moz-transform: translateZ(-50px) rotateX(90deg); -ms-transform: translateZ(-50px) rotateX(90deg);}



.Eleganceli li:hover .mores span.defal{ background:#ddaf63\9; color:#fff;}







.mtop{ height:80px;}



.bg-containers{ padding:0 80px 70px; position:relative;}



.leftText{ position:fixed; left:35px; top:42%; z-index:20; margin-top:-151px;}



.share{ position:fixed; right:28px; top:50%; z-index:20; margin-top:-101px; padding-top:25px; padding-bottom:25px;}



.share i{ display:block; width:1px; height:25px; background:#dcdcdc; position:absolute; left:50%;}



.share i.line1{ top:0;}



.share i.line2{ top:50%; margin-top:-12px;}



.share i.line3{ bottom:0;}







.share a{ display:block; height:64px; width:24px; position:relative;}



.share a.weix{ background:url("../images/weix.png") center no-repeat; margin-top:0;}



.share a.sina{ background:url("../images/sina.png") center no-repeat;}



.share a.weix:hover{ background:url("../images/weix1.png") center no-repeat;}



.share a.sina:hover{ background:url("../images/sina1.png") center no-repeat;}







.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}



.popUp { width: 220px; height: 242px; border: 2px solid #cc8e02; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }



.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }



.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}



.popUp .img { padding: 20px; }



.popUp .img img { width: 100%; display: block; }







.banner-box{ position:relative; margin:0 80px;}



/**.banner li{ position:relative;box-shadow: 0 0 170px rgba(0,0,0,0.20);}**/



.banner li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; height:100%;}



.banner li figure{ display:block; position:absolute; overflow:hidden; left:0; top:0; width:100%;}



.banner li figure img{ display:block; width:100%; height:auto; position:relative;}



.banner li.flex-active-slide{ z-index: 4 !important;opacity: 1;}



.banner li.flex-active-slide figure{ -webkit-animation: increaseHeight 1.2s forwards; animation: increaseHeight 1.2s forwards;}



.banner li figure{ -webkit-animation: hide 1.2s forwards; animation: hide 1.2s forwards;}







@-webkit-keyframes hide {0%,99% {opacity: 1;}100% {opacity: 0;}}



@keyframes hide {0%,99% {opacity: 1;}100%{opacity: 0;}}



@-webkit-keyframes increaseHeight {from {width: 0;}to{width:100%;}}



@keyframes increaseHeight {from {width: 0;}to{width:100%;}}	







.banner li.flex-active-slide .btextbg{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.2s;}



.banner li.flex-active-slide .bannerFix{  opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.3s;}



.banner li.flex-active-slide .bannerDown h2{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.6s;}

.banner li.flex-active-slide .bannerDown h2 .title-1s{color:#000;font-family:'DIN';line-height:70px}
.banner li.flex-active-slide .bannerDown h2 .title-2s{color:#000;font-size:75px;line-height:80px;margin-top:10px;}
.banner li.flex-active-slide .bannerDown h2 .title-3s{color:#000;font-size:28px;font-weight:500;line-height:48px;margin-top:10px;}

.banner li.flex-active-slide .bannerDown h2 sapn{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.6s;}



.banner li.flex-active-slide .bannerDown .mores{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.65s 0.9s;}







.bannerText{ position:absolute; left:0; bottom:80px; overflow:hidden;}



.btextbg{ width:100%; height:100%; background:rgba(230,0,18,0.3); background:#cc8e02\9; filter:alpha(opacity=30); position:absolute; left:0; top:0; /* opacity:0; transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); display:none\9;}



.bannerFix{ transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); opacity:0; */ z-index:5;}



.bannerDown{ }



.bannerDown h2{ line-height:1.9; color:#ffffff; font-size:46px; margin-bottom:32px; opacity:0; transform:translateX(-60px); -webkit-transform:translateX(-60px); -moz-transform:translateX(-60px); padding: 20px 60px 20px 100px; background: #050f6a; filter:alpha(opacity=50); background: rgba(5,15,105,0.65);}



.bannerDown h2 span{font-size: 18px;font-weight: normal;font-family:/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;}



.bannerDown h2 span:before{ content:""; width:30px; height:5px; background:#cc8e02; position:absolute; margin-top:5px;}







.bannerDown .mores{ transform:translateX(-50px); -webkit-transform:translateX(-50px); -moz-transform:translateX(-50px); opacity:0;}



.mores{ width:150px; height:56px; position:relative;}



.bannerDown .mores{ margin-left: 102px;}



.agurewr .mores{ margin-left: 0;} 



.mores a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px;}



.mores .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;



top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-21px); -webkit-transform:translatez(-21px); -ms-transform:translatez(-21px); -moz-transform:translatez(-21px); transition:all .32s ease-out;}



.mores span.defal,.mores span.end{ display:block; width:100%; height:42px; line-height:42px; color:#fff; font-size:14px; background:#cc8e02; text-align:center; transition:0.34s; position:absolute; left:0; top:0; transition:0.35s;}



.mores1 span.defal,.mores1 span.end{ background: #cc8e02;}



.mores span i{ display:inline-block; width:6px; height:7px; background:url("../images/arrow1.png") center no-repeat; margin-left:10px;}



.mores span.defal{ transform:rotatex(0deg) translatez(21px); -webkit-transform:rotatex(0deg) translatez(21px); -moz-transform:rotatex(0deg) translatez(21px); -ms-transform:rotatex(0deg) translatez(21px);border-radius:1px;}



.mores span.end{ transform:rotatex(-90deg) translatez(21px); -moz-transform:rotatex(-90deg) translatez(21px); -ms-transform:rotatex(-90deg) translatez(21px); -webkit-transform:rotatex(-90deg) translatez(21px); background: #cc8e02;border-radius:1px;}



.mores1 span.end{ background: #cc8e02;border-radius:1px;}



.bannerDown .mores a:hover span.defal{ background:#ddaf63\9;}



.mores a:hover .three-d-box{transform: translateZ(-21px) rotateX(90deg); -webkit-transform: translateZ(-21px) rotateX(90deg); -moz-transform: translateZ(-21px) rotateX(90deg); -ms-transform: translateZ(-21px) rotateX(90deg);}



.mores a:hover span.end{ background:#cc8e02;}



.mores1 a:hover span.end{ background:#cc8e02;}



.moredown a:hover span i{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}



.banner-box .flex-control-nav{ position:absolute; right:36px; top:50%; z-index:10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}



.banner-box .flex-control-nav li{ margin-top:15px; line-height:1;}



.banner-box .flex-control-nav li:first-child{ margin-top:0;}



.banner-box .flex-control-nav li a{ display:block; width:12px; height:12px; border-radius:50%; border:2px solid #fff;text-indent:9999px; overflow:hidden;} 



.banner-box .flex-control-nav li a.flex-active{ background:#cc8e02;border:2px solid #cc8e02;}



.mousedown{ padding:15px 0; text-align:center;}



.mousedown i{ display:block; width:22px; height:41px; margin:auto; background:url("../images/mouse.png") center no-repeat; margin:auto; position:relative;z-index: 999;}



.mousedown i:before{ content:""; width:2px; height:8px; background:url("../images/dit.png") center no-repeat; position:absolute; z-index: 999;left:50%; margin-left:-1px; top:12px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}

@keyframes moveDownSpot {from{opacity: 1;top: 8px;}to{opacity: 0;top: 22px;}}



@-webkit-keyframes moveDownSpot {from{opacity: 1;top: 8px;}to{opacity: 0;top: 22px;}}



.bgh1{background:#fff}
.wenhuacenter{margin:10px 0 60px;padding-top:50px;padding-bottom:20px;background:#fff url("../images/wenhuabizhi.jpg") center no-repeat; background-size: 100% 100%!important;}

.aboutuscenters{margin:10px 0 60px;padding-top:50px;padding-bottom:20px; background-size: 100% 100%!important;/**box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);**/}

.aboutuscenters .topcenter{width:100%;overflow:hidden;padding-left:70px;padding-right:70px;box-sizing:border-box;margin:70px auto auto auto;}
.aboutuscenters .topitem{
	width:20%;
	float:left;
	overflow:hidden;
	padding-left:80px;
	box-sizing:border-box;
}
.aboutuscenters .topitem .title{
	font-size:30px;
	line-height:32px;
	color:#5b3600;
	font-weight:600
}
.aboutuscenters .topitem .titles{
	font-size:15px;
	color:#595757;
}
.aboutuscenters .topitem-1{
  background:url(../images/i-01s.png) no-repeat left;
  background-size:58px 58px;
}
.aboutuscenters .topitem-2{
  background:url(../images/i-02s.png) no-repeat left;
  background-size:58px 58px;
}
.aboutuscenters .topitem-3{
  background:url(../images/i-03s.png) no-repeat left;
  background-size:58px 58px;
}
.aboutuscenters .topitem-4{
  background:url(../images/i-04s.png) no-repeat left;
  background-size:58px 58px;
}
.aboutuscenters .topitem-5{
  background:url(../images/i-05s.png) no-repeat left;
  background-size:58px 58px;
}
.honorcenters{
	margin:10px 0 60px;padding-top:50px;padding-bottom:20px;background:#fff url("../images/honor-bgs.jpg") center no-repeat; background-size: 100% 100%!important;
	
}
.honorcenters .honortitle{
   margin-left:70px;position:relative
}
.honorcenters .zizhi-box{
	width:100%;overflow:hidden;margin:60px auto 50px auto;padding-left:70px;padding-right:70px;box-sizing:border-box
}

.honorcenters .box-items{
	float:left;
	width:23%;
	overflow:hidden;
	background:#fff;
	margin-left:2%;
	margin-top:20px;
	box-sizing:border-box;
	cursor: pointer;
}
.honorcenters .items-title{
	font-size:25px;
	line-height:35px;
	box-sizing:border-box;
	text-align:center
}
.honorcenters .honortitle strong{ display:block; line-height:1; color:#000; font-size:48px; text-align:center; margin-right:25px;}
.honorcenters .small{ display:block; line-height:1.2; color:#000; font-size:28px;font-family:"DIN";text-align:center;font-weight:600;margin-bottom:45px; }
.honorcenters .table-box{width:100%;overflow:hidden;margin:0px auto;padding-left:70px;padding-right:70px;box-sizing:border-box}
.honorcenters .table-content{width:100%;overflow:hidden;margin:0px auto;}
.honorcenters
table,
th,
td {
	border-spacing: 0px;
	border: 1px solid #000;
}
.honorcenters .titles-cols{
	font-size:28px;
	line-height:1.5;
	border-top:1px solid #000;
	text-align:center
}
.honorcenters .titles-col{
	font-size:36px;
	font-weight:600;
	line-height:48px;
	text-align:center
}
.honorcenters .honorname{
	text-align:center;
	width:calc(7% - 1px);
	font-weight:550;
	border-right:1px solid #000;
	font-size:25px;
	border-top:1px solid #000;
}
.honorcenters  .honorcity{
	text-align:left;
	padding-left:25px;
	box-sizing:border-box;
	width:93%;
	font-size:25px;
	border-top:1px solid #000;
}
.honorcenters .honorname-type{
	border-left:1px solid #000;
	text-align:center;
	width:calc(7% - 1px);
	font-weight:550;
	border-right:1px solid #000;
	font-size:25px;
	border-top:1px solid #000;
}
.honorcenters .honortext{
	text-align:left;
	padding-left:25px;
	box-sizing:border-box;
	width:43%;
	font-size:25px;
	border-top:1px solid #000;
}
.honorcenters .honoritem:nth-child(1){
    border-right:1px solid #000;
}
.honorcenters .honoritem{
	width:50%;
	padding-left:25px;
    text-align:left;
	font-size:25px;
	border-top:1px solid #000;
	box-sizing:border-box;
}

.aboutuscenter{margin:10px 0 60px;padding-top:50px;padding-bottom:20px;background:#fff url("../images/aboutus.jpg") center no-repeat; background-size: 100% 100%!important;/**box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);**/}
.aboutustitle{position:relative;text-align:center}
.aboutustitle strong{ display:block; line-height:1; color:#000; font-size:32px;  margin-right:25px;margin-top:10px}
.aboutustitle .small{ display:block; line-height:1.2; color:#000; font-size:48px;font-family:"DIN"; text-transform:uppercase;font-weight:600}
.aboutuscenter .topcenter{width:100%;overflow:hidden;padding-left:70px;padding-right:70px;box-sizing:border-box;margin:70px auto auto auto;}
.aboutuscenter .topitem{
	width:20%;
	float:left;
	overflow:hidden;
	padding-left:80px;
	box-sizing:border-box;
}
.aboutuscenter .topitem .title{
	font-size:30px;
	line-height:32px;
	color:#000;
	font-weight:600
}
.aboutuscenter .topitem .titles{
	font-size:15px;
	color:#b3b3b3;
}

.aboutuscenter .aboutusbox{width:100%;overflow:hidden;margin-top:40px;margin-bottom:40px;box-sizing:border-box;padding-left:70px;padding-right:70px;}
.aboutuscenter .boxleft{width:45%;float:left;overflow:hidden;box-sizing:border-box;}
.aboutuscenter .boxtitle{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding:0px;
	color:#000;
	font-size:48px;
	font-weight:600;
}
.aboutuscenter .boxjingying{
	margin:20px auto;
	line-height:20px;
	font-size:28px;
	color:#000;
	font-weight:600;
}
.aboutuscenter .boxjingying-submit{
	width:108px;
	height:38px;
	text-align:center;
	background:#c6923e;
	color:#fff;
	font-size:18px;
	margin-top:10px;
	border-radius:19px;
	line-height:38px;
}
.aboutuscenter .boxjingying-text{
	font-size:18px;
	color:#999999
}
.aboutuscenter .boxtexts{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	
}
.aboutuscenter .boxtexts .boxtextsitem{
	margin:10px auto;
	line-height:20px;
	font-size:20px;
	color:#000;
	font-weight:600;
}
.aboutuscenter .boxline{
	width:100%;
	height:2px;
	background:#f2f2f2;
}
.aboutuscenter .boxnav{
	width:68px;
	height:4px;
	background:#c6923e;
}
.aboutuscenter .linecenter{
	width:100%;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}
.aboutuscenter .boxright{width:45%;float:right;overflow:hidden;box-sizing:border-box;}
.aboutuscenter .topitem-1{
  background:url(../images/i-01.png) no-repeat left;
  background-size:68px 68px;
}
.aboutuscenter .topitem-2{
  background:url(../images/i-02.png) no-repeat left;
  background-size:68px 68px;
}
.aboutuscenter .topitem-3{
  background:url(../images/i-04.png) no-repeat left;
  background-size:68px 68px;
}
.aboutuscenter .topitem-4{
  background:url(../images/i-05.png) no-repeat left;
  background-size:68px 68px;
}
.aboutuscenter .topitem-5{
  background:url(../images/i-06.png) no-repeat left;
  background-size:68px 68px;
}
.wenhuatitle{ margin-left:70px;position:relative}

.wenhuatitle .line{position:absolute;bottom:20px;width:calc(100% - 280px);left:200px;height:2px;background:#000}

.wenhuatitle strong{ display:block; line-height:1; color:#000; font-size:48px; float:left; margin-right:25px;}

.wenhuatitle .small{ display:block; line-height:1.2; color:#000; font-size:48px;font-family:"DIN"; text-transform:uppercase;font-weight:600}
.companycenter{margin:10px 0 60px;padding-top:50px;padding-bottom:0px;box-sizing:border-box;}

.companytitle{ position:relative}

.companytitle .line{position:absolute;bottom:20px;width:calc(100% - 260px);left:200px;height:2px;background:#000}

.companytitle strong{ display:block; line-height:1; color:#000; font-size:48px; float:left; margin-right:25px;}



.companytitle .small{ display:block; line-height:1.2; color:#000; font-size:48px;font-family:"DIN"; text-transform:uppercase;font-weight:600}

.companycenter .b{width: auto;margin-top:50px}
.companycenter .b ul{font-size: 0;text-align: left;}
.companycenter .b ul li{width: 19%;display: inline-block;vertical-align: top;margin-right: 0.3%;position: relative;transition: all 500ms;cursor: pointer;}
.companycenter .b ul li .imgbox{width: 100%;height: auto;display: block;overflow: hidden;}
.companycenter .b ul li .imgbox img{height: 100%;display: block;}
/**
.i02bar .i02 .b ul li .text{padding: 43px 25px 0;background: linear-gradient(180deg, #A0DCFF 0%, rgba(175, 225, 255, 0.00) 100%);height:100%;position: absolute;left: 0;top: 0;}height: calc(100% - 43px)**/
.companycenter .b ul li .text{padding: 43px 25px 0;height:auto;position: absolute;left: 0;top: 0;width:100%;box-sizing:border-box;}
.companycenter .b ul li .text h2{font-size: 38px;color:#000;line-height: 42px;margin-bottom: 5px;}
.companycenter .b ul li .text h3{font-size: 28px;color:#000;line-height: 32px;margin-bottom: 5px;text-transform:uppercase;font-family:'DIN';width:100%;overflow:hidden}

.companycenter .b ul li .text p{font-size: 18px;color:#000;line-height: 24px;text-align: justify;display:none;margin-top:60px}
.companycenter .b ul li .btn-more{
	position:absolute;
	left:25px;
	bottom:50px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:50%;
	background:url("../../assets/images/right-active.png") no-repeat center #fff;
	background-size:90%;
	border:1px solid #fff;
}

.companycenter .b ul li:hover .btn-more{
   background:url("../../assets/images/right.png") no-repeat center #c40202;
   background-size:90%;
   border:1px solid #c40202;
   transition: background-color 0.8s ease; /* 背景色变化持续0.5秒，缓动效果 */
}


.xiwencenter{margin:10px 0 60px;padding-top:50px;padding-bottom:0px;background:#fff url("../images/xinwen_bgs.jpg") center no-repeat; background-size: 100% 100%!important;}
.xinwentitle{ margin-left:70px;position:relative}
.xinwentitle .line{position:absolute;bottom:20px;width:calc(100% - 280px);left:200px;height:2px;background:#000}
.xinwentitle strong{ display:block; line-height:1; color:#000; font-size:48px; float:left; margin-right:25px;}
.xinwentitle .small{ display:block; line-height:1.2; color:#000; font-size:48px;font-family:"DIN"; text-transform:uppercase;font-weight:600}

.news{ width:calc(100% - 140px); margin:auto; margin-top:100px; position:relative; overflow:hidden;}



.newxq{ width:52.22%; float:left; opacity:0; transform:translateY(-78px); -webkit-transform:translateY(-78px); -moz-transform:translateY(-78px); visibility:hidden; transition:0s;}



.newxq time{ display:block; height:50px; line-height:50px; color:#000; font-size:25px; width:220px;font-family:'DIN';font-weight:600; text-align:center; background:#e9c075; margin-bottom:12px;border-radius: 1px;}



.newxq h3{ line-height:1.2; color:#000; font-size:36px; margin-bottom:18px; transition:0.4s;}



.newxq p{ color:#666; font-size:14px; line-height:2; height:82px; overflow:hidden;}



.newxq span{ position:relative; display:inline-block; line-height:1;color:rgba(0,0,0,0.4); margin-top: 20px; font-size:14px; padding-bottom:3px;}



.newxq span:before{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}



.newimg{ width:42.74%; float:right; line-height:1; overflow:hidden; opacity:0; visibility:hidden; transform:translateX(100%);}



.newimg img{ display:block; width:100%; height:auto;transition:0.65s;}



.news .flex-control-nav{ position:absolute; right:16px; bottom:18px; z-index:10; height:10px;}



.news .flex-control-nav li{ float:left; margin-left:14px; line-height:1; overflow:hidden;}



.news .flex-control-nav li:first-child{ margin-left:0;}



.news .flex-control-nav li a{ display:block; width:9px; height:9px; background:#ddd; border-radius:50%; text-indent:9999px; overflow:hidden;}



.news .flex-control-nav li a.flex-active{ background:#cc8e02;}



.xinwenlist li:hover .newimg img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}

.zizhi-box .box-items{
	 transition: transform 0.3s ease;
}
.honorcenters .zizhi-box .box-items:hover{transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.xinwenlist li:hover .newxq h3{ color:#cc8e02;}


.xinwenlist li:hover .newxq span:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}



.xinwenlist li.flex-active-slide .newxq{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); visibility:visible; transition:0.65s;}



.xinwenlist li.flex-active-slide .newimg{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); transition:0.65s;}



.newsview_con{background: #fff; padding:50px 30px;min-height: 260px;}



.informate-box{ margin-top:50px; border-top:1px solid rgba(0,0,0,0.1); border-top:1px solid #fff\9; padding-top:39px; padding-bottom: 20px;}



.informate{ width:calc(100% - 140px); margin:auto;}



.informaw{ float:left; margin-top:2px; width:60px; text-align:center; padding-top:11px; height:45px; color:#000; font-size:18px; background:#e9c075; line-height:1.1;} 



.informatefs{ width:92.84%; float:right;}



.informatein{ width:89%; float:right; border-left:1px solid rgba(0,0,0,0.09);}



.informali{ width:48%; float:left;}



.informali:first-child{ margin-right:4%;}



.informated{ margin-left:30px;}



.informated li{ margin-bottom:16px; line-height:1;}



.informated li span{ display:block; float:left; color:#000; font-size:14px; line-height:1; transition:0.38s; max-width:88%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.informated li time{ display:block; float:right; line-height:1; color:rgba(0,0,0,0.4);}



.informated li:hover span{ color:#cc8e02;}



.informated li b{font-weight: normal;color:#cc8e02;}



.informatmore{ line-height:1; margin-left:30px;}



.informatmore .inmore{ display:inline-block; line-height:32px; color:rgba(0,0,0,0.4); font-size:14px;}



.informatmore .inmore:hover{ color:#00498c;}



.informatein:first-child{ margin-right:8%;}







.fl{float:left;}



.fr{float:right;}







.investment{ padding:60px 0 36px;box-shadow: 0 0 170px rgba(0,0,0,0.25);}



.investinfo{ position:relative; padding:37px 0 30px; float:left;}



.investinfo a:before{ content:""; width:1px; height:86.66%; background:rgba(0,0,0,0.08); background:#fff\9; filer:alpha(opacity=20); position:absolute; right:0; top:6.67%;}



.investbox{ margin-top:50px; width:100%; max-width:1920px; position:relative;}



.investinfo:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.7);  -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}



.investwr{ padding:0 15%; position:relative; z-index:4;}



.investwr b{ display:block; height:44px; overflow:hidden; margin-bottom:26px;}



.investwr b img{ max-height:100%; overflow:hidden; line-height:1;}



.investwr strong{ display:block; line-height:1.1; color:#444; font-size:30px; font-weight:bold; margin-bottom:18px;}



.investwr p{ color:#999; font-size:14px; line-height:22px; height:90px; overflow:hidden;}



.investwr span{ display:block; width:112px; height:25px; text-align:center; line-height:25px; color:#fff; font-family:"MyriadPro-Black"; text-transform:uppercase; }



.investwr span i{ display:inline-block; width:6px; height:7px; background:url("../images/arrow1.png") center no-repeat;opacity: 0.6; margin-left:8px;}







.slick-list{ overflow:hidden;}



.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }



.slick-track:before, .slick-track:after { content: ""; display: table;}



.slick-track:after { clear: both; }







.investinfo:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}



.investbox .slick-prev,.investbox .slick-next{ display:block; padding:0; margin:0; width:63px; height:39px; position:absolute; top:-47px; border:none; text-indent:8888px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}



.investbox .slick-prev{ right:104px; background:url("../images/prev.png") center no-repeat;}



.investbox .slick-next{ right:40px; background:url("../images/next.png") center no-repeat;}



.investbox .slick-prev:hover{ background:url("../images/prev1.png") center no-repeat;}



.investbox .slick-next:hover{ background:url("../images/next1.png") center no-repeat;}



.investwr .mores1{ width:112px;}



.morewrs{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px;}



.investwr .mores1 span.defal,.investwr .mores1 span.end{ background:#aaa; font-family:"MyriadPro-Black"; font-size:12px;color: rgba(255,255,255,0.8)}



.investinfo:hover .morewrs .three-d-box{ transform: translateZ(-13px) rotateX(90deg); -webkit-transform: translateZ(-13px) rotateX(90deg); -moz-transform: translateZ(-13px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}







.understand{ padding:70px 0 265px; margin-top:96px;background-position:center top!important;background-repeat:no-repeat; position:relative;}



.agricutulre{ margin-top:45px; margin-left:5.75%;}



.agricutulre span{ display:inline-block; position:relative; color:#fff; font-size:22px; line-height:1.4; padding-bottom:14px;}



.agricutulre span:before{ content:""; width:23px; height:1px; background:#fff; position:absolute; left:0; bottom:0;}



.agricutulre small{ display:block; margin-top:16px; color:rgba(255,255,255,0.4); font-size:17px; }



.agridonw{ width:600px; position:absolute;bottom:0px; background:rgba(17,26,46,0.5); background:#000\9; filter:alpha(opacity=50); padding:30px 5.75% 30px 5.75%;}



.agurewr p{ color:rgba(255,255,255,0.6); line-height:2; font-size:14px;max-height: 80px;overflow: hidden;}



.mores1{ width:115px; height:26px;}



.agurewr .mores1{ margin-top:20px;}



.mores1 .three-d-box{ transform:translatez(-13px); -webkit-transform:translatez(-13px); -moz-transform:translatez(-13px);}



.mores1 a:hover .three-d-box{ transform: translateZ(-13px) rotateX(90deg); -webkit-transform: translateZ(-13px) rotateX(90deg); -moz-transform: translateZ(-13px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}



.mores1 span.defal, .mores1 span.end{ height:26px; line-height:26px; font-size:14px; text-align:center;}



.mores1 span.defal{ transform:rotatex(0deg) translatez(13px); -webkit-transform:rotatex(0deg) translatez(13px); -moz-transform:rotatex(0deg) translatez(13px); -ms-transform:rotatex(0deg) translatez(13px);}



.mores1 span.end{ transform:rotatex(-90deg) translatez(13px); -webkit-transform:rotatex(-90deg) translatez(13px); -ms-transform:rotatex(-90deg) translatez(13px);}







.footer-box{ padding:42px 0 30px; background:rgba(0,0,0,0.65);box-shadow: 0 0 150px rgba(0,0,0,0.26);box-shadow: 0 0 170px rgba(0,0,0,0.25);}



.footer{ width:88.5%; margin:auto;}



.relativebox{ width:52.22%; float:left;}



.add{ margin-bottom:24px;}



.add p{ color:rgba(255, 255, 255, 0.4); font-size:13px;}



.eqfix{ margin-top:32px;}



.eqinfo{ float:right; margin-left:18px;}



.eqinfo a{ display:block; height:33px; line-height:33px; padding-left:45px; color:rgba(255, 255, 255, 0.3); font-size:13px;}



.eqinfo a.weis{ background:url("../images/weixin.png") left center no-repeat;}



.eqinfo a.sina1{ background:url("../images/sine.png") left center no-repeat;}



.eqinfo a.weis:hover{ color:#fff; background:url("../images/weixin1.png") left center no-repeat;}



.eqinfo a.sina1:hover{ color:#fff; background:url("../images/sine1.png") left center no-repeat;}







.unit a{ display:inline-block; float:left; color:#5b5959; color:rgba(255, 255, 255, 0.23); margin-right:5px;font-size: 13px;}



.unit a:hover{ color:#cc8e02;}



.friendwr{ width:32%; float:right;} 



.friendBox,.loads{ width:49%; float:left; height:40px; line-height:40px; margin-left: 0;}



.loads{ float:right;}



.shopp{ margin-top: 34px; margin-bottom: 24px;}



.shopp a{ display: block; float: left; color: #bbbbbb; padding: 0 9px; line-height: 1; border-left: 1px solid #8f8f8f;}



.shopp a:hover{ color: #fff;}



.shopp a:first-child{ border-left: none; padding-left: 0;}











.friendLink{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px; cursor:pointer;}



.friendLink .three-d-box{ transform:translatez(-20px); -webkit-transform:translatez(-20px); -moz-transform:translatez(-20px);}



.friendBox:hover >.friendLink .three-d-box{ transform: translateZ(-20px) rotateX(90deg); -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-13px) rotateX(90deg);}



.friendLink span.defal, .friendLink span.end{ height:40px; line-height:40px; font-size:14px; text-align: left; padding-left: 22px; box-sizing: border-box; font-family:"MyriadPro_Black"; position: relative; background:#1f394a;}



.loads .friendLink span.defal,.loads .friendLink span.end{ padding-left: 0; text-align: center;} 



.friendBox >.friendLink >.three-d-box>span.defal:before, .friendBox >.friendLink >.three-d-box >span.end:before{content:""; width:0; height:0; border-left:4px solid transparent;  border-right: 4px solid transparent; border-bottom: 6px solid #fff; position:absolute; right: 19px; top: 50%; margin-top: -3px;}











.friendBox .friendLink span.defal,.loads .friendLink span.defal{ transform:rotatex(0deg) translatez(-20px); -webkit-transform:rotatex(0deg) translatez(20px); -moz-transform:rotatex(0deg) translatez(20px); -ms-transform:rotatex(0deg) translatez(20px); }



.friendBox .friendLink span.end,.loads .friendLink span.end{ transform:rotatex(-90deg) translatez(-20px); -webkit-transform:rotatex(-90deg) translatez(-20px); -ms-transform:rotatex(-90deg) translatez(-20px); background:#1f394a; display:none\9;}



.loads .friendLink:hover .three-d-box{ transform:translateZ(-20px) rotateX(90deg); -webkit-transform:translateZ(-20px) rotateX(90deg); -moz-transform:translateZ(-20px) rotateX(90deg);}



.loads .friendLink:hover span.end{ background:#1f394a)}



.loads .friendLink:hover .three-d-box span.defal,.friendBox .friendLink:hover span.defal{ color:#fff\9; background:rgba(255,255,255,0.25);}







.friednul{ position:absolute; left:0; bottom:40px; padding-bottom:1px; width:100%; display:none;}



.friednul li{ height:40px; margin-top:1px; position:relative; background: #1f394a; transition: 0.45s;overflow: hidden;}



.friednul li a{ display: block; padding-left:7px; box-sizing: border-box; color: #fff;font-size: 14px;}



.friednul li a:hover{background:rgba(255,255,255,1);color: #333;}



.friednul li .friendLink span.end{ background:rgba(255,255,255,0.25) }



.friednul li .friendLink:hover .three-d-box{ transform:translateZ(-20px) rotateX(90deg); -webkit-transform:translateZ(-20px) rotateX(90deg); -moz-transform:translateZ(-20px) rotateX(90deg);}







.popnews{ position:fixed; width:100%; height:100%; z-index:9999; left:0; top:0; overflow:hidden; visibility:hidden; transition:0.54s;}



.popbgs{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; transition:0.54s 0.4s;}



.popclose{ width:50px; height:50px; position:fixed; left:30px; top:50%; margin-top:-25px; background:url("../images/close.png") center no-repeat; background-size:cover; cursor:pointer; z-index:5; transition:all 0.42s; left:-50px;}



.popclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}



.poptext{ height:100%; position:absolute; width:calc(100% - 160px); left:100%; top:0; z-index:4; transition:0.58s;}



.popwrs{ background:#fff; height:100%; min-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow:scroll\9;}



.popwrs::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}



.popwrs::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #cc8e02;}



.popwrs::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}







.popnewtext{ width:810px; margin:auto; padding-top:80px; padding-bottom:100px;}



.viewtitle{margin-bottom: 40px;border-bottom: #ddd 1px solid;padding-bottom: 30px;}



.viewtitle h2{ line-height:1.2; color:#222; font-size:28px; font-weight:bold; margin-bottom:26px;}



.viewtitle time{ display:block; line-height:1; color:#888;font-size: 14px;}



.viewdonw img{ max-width:100% !important; width:auto !important; height:auto !important;}



.viewdonw p{ color:#333; font-size:16px !important; line-height:2; }



.popnews.show{visibility:visible;}



.popnews.show .popbgs{ opacity:1; visibility:visible; transition:0.65s;}



.popnews.show .popclose{ left:30px; transition:0.4s 0.3s left,0.4s transform;}



.popnews.show .poptext{ left:80px; right:80px;}



/*关于我们*/

.mbanner{ position:relative; line-height:1;}
.marginTop{
	margin-top:88px;
}
.mbannertop{ margin:0 80px;}
.mbanner .nav-list{
	position:absolute;
	width:238px;
	overflow:hidden;
	bottom:0px;
	right:5%;
	box-sizing:border-box;
}
.mbanner .nav-list .nav-items{
	width:114px;
	overflow:hidden;
	line-height:48px;
	font-size:20px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	float:left;
	margin-left:5px;
	text-align:center;
	color:#000;
	background:#e9c075;
    cursor: pointer;
}
.mbanner .nav-list .active{
	background:#fff;
	color:#e9c075
}

.mbanner figure{ display:block; overflow:hidden; line-height:0; position:relative;}



.mbanner figure img{ display:block; width:100%; height:auto; line-height:0; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}







.introducte-box{ padding: 100px 0;}



.introtop{ margin-bottom:50px; text-align: center;}



.introtop h2{ text-align: center; color: #333333; font-size: 50px; line-height: 1.2; margin-bottom: 30px;}



.introtop p{ text-align: left;text-indent: 2em; color: #666666; font-size: 15px; margin: auto;}



.introdown{ text-align: center;}



.introble{ display: inline-block; margin: auto; }



.introinfo{ float: left; margin-left:60px;font-family: /*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif}



.introinfo:first-child{ margin-left: 0;}



.introinfo span{ display: block; color: #666666; font-size: 14px; text-align: center; line-height: 1;}



.introinfo span b{ display: inline-block; font-weight: normal; font-family: "MyriadPro_Black"; margin-right:5px; color:#1a56a9; font-size:60px; color:#1a56a9; color: #00498c\9; background-image: -webkit-gradient(linear, 0 bottom, right top, from(rgba(26, 86, 169, 1)), to(rgba(31, 148, 193, 1)));  background-image: -o-linear-gradient(top, #1a56a9, #1f94c1); -webkit-background-clip: text; background-clip: text;-o-background-clip: text; }



.introinfo p{ line-height: 1; color: #666666; font-size: 14px;}



.readmore{ text-align: center;}



.readmore a{ display: block; margin: auto; width: 151px; height: 35px; text-align: center; line-height: 35px; color: #1a56a9; font-size: 15px; border-radius: 2px; border: 2px solid #1a56a9; font-size: 15px; text-transform: uppercase; position: relative; z-index: 3;}



.readmore a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #1a56a9; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1); transition:transform .54s cubic-bezier(.4,0,.2,1),-webkit-transform .54s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}



.readmore a:hover{ color: #fff;}



.readmore a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}






/* 企业文化 */



.about-hz { background: no-repeat top center fixed; }



.about-hz .cc-cont { margin:50px 0 20px 0; }



.about-hz .cc-list { margin-right: -2.5%;padding-left:70px;padding-right:70px;box-sizing:border-box }



.about-hz .cc-item { position: relative; float: left; width: 17.5%; margin-right: 2.5%; margin-bottom:0.3%; background: #fff; text-align: center; z-index: 1; }



.about-hz .cc-item img { width: 100%; }



.about-hz .cc-item:hover .cc-pic, .about-hz .cc-item:hover .cc-desc { opacity: 0; visibility: hidden; }



.about-hz .cc-item:hover .cc-info { opacity: 1; visibility: visible; }



.about-hz .cc-item:hover .cc-info:before, .about-hz .cc-item:hover .cc-info:after { transform: none; }



.about-hz .cc-pic { transition: all .5s; }



.about-hz .cc-desc { padding: 30px 0 40px; color: #555; transition: all .5s; }



.about-hz .title { font-weight: bold; font-size: 18px; line-height: 30px; }



.about-hz .title-en {font-size: 11px; line-height: 20px; }



.about-hz .cc-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; opacity: 0; visibility: hidden; perspective: 800px; transition: all .5s; z-index: 1; }



.about-hz .cc-info:before, .about-hz .cc-info:after { content: ''; position: absolute; top: 0; width: 50%; height: 100%; background: #cc8e02; transition: all .5s; z-index: -1; }



.about-hz .cc-info:before { left: 0; transform: rotateY(90deg); transform-origin: 0 50%; }



.about-hz .cc-info:after { right: 0; transform: rotateY(-90deg); transform-origin: 100% 50%; }



.no-csstransforms3d .about-hz .cc-info { background: #cc8e02; }



.no-csstransforms3d .about-hz .cc-info:before, .no-csstransforms3d .about-hz .cc-info:after { content: none; }



.about-hz .line { display: block; width: 1px; height: 20px; margin:10px auto; background: #fff; }



.about-hz .cont { font-size: 14px; line-height: 22px; }



.cy-table {display: table;width: 100%;height: 100%;}



.cy-cell {display: table-cell;vertical-align: middle;text-align: center;}







.ipc-title { padding: 80px 0 0; text-align: center; }



.ipc-title .en { font-size: 35px; line-height:40px; color: #333;}



.ipc-title .zh {  font-size: 12px;line-height: 2.3;}



.ipc-title.text-left { text-align: left; }



.ipc-title.text-color .zh { color: #666; }



.ipc-title.text-color2 .en, .ipc-title.text-color2 .zh { color: #fff; }







.organization{width: 100%;background: #fafafa;overflow: hidden;}



.organization .organization_con{padding-top:90px;padding-bottom: 90px;}



.organization .organization_con h3{color:#323232;font-size: 38px;text-align: center;}



.organization .organization_con p{color:#666;font-size: 15px;text-align: center;width:800px;margin:0 auto;margin-top:20px;}



.checkd{width:100%;margin:40px auto 0 auto;text-align: center;}



.checkd img{max-width:835px;}







.honor-box{ padding:0 0 100px 0; background-attachment:fixed; background-position:center; background-repeat:no-repeat;}



.honorlist{ position:relative; margin-top:88px;}



.honor .aboutitle{ padding-bottom:90px;}



.project { position:relative; float:left;}



.project img{ display:block; width:100%; height:auto; line-height:1;}



.project p{ display:block; text-align:center; line-height:1.2; color:#333333; font-size:16px; margin-top:30px;}



.section-project { position: relative;}



.project-carousel { position: relative; padding:0 72px;}



.project-strip { margin: 160px 0 120px;}



.project-strip .project { cursor: pointer;}



.project-strip img { max-width: 100%; width: 100%; height: auto;}



.project-detail{ height:100%;}



.project-screen { width: 450px; height: 305px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;margin: auto;box-shadow: 20px 20px 60px rgba(0,0,0,0.6);}



.project-screen .project-detail { position: absolute; left: 0; right: 0; width: 100%; height: 100%;



 z-index: 1; background-color: #333;}



.project-strip .project .prowr{ margin:0 8px;}



.project-strip .slick-arrow,.project-detail .slick-arrow{ width:42px; height:42px; border-radius:50%; padding:0; margin:0; position:absolute; top:48%; margin-top:-21px; cursor:pointer; transition:0.44s; outline:none; text-indent:9999px; overflow:hidden; border:none; z-index:20;}



.project-detail .slick-arrow{ display:none !important;}



.project-strip .slick-arrow.slick-prev,.project-detail .slick-arrow.slick-prev{ left:-20px; background:#fff url("../images/arrow22.png") center no-repeat;}



.project-strip .slick-arrow.slick-next,.project-detail .slick-arrow.slick-next{ right:-20px; background:#fff url("../images/arrow33.png") center no-repeat;}



.project-strip .slick-arrow.slick-prev:hover,.project-detail .slick-arrow.slick-prev:hover{ background:#cc8e02 url("../images/arrow22h.png") center no-repeat;}



.project-strip .slick-arrow.slick-next:hover,.project-detail .slick-arrow.slick-next:hover{ background:#cc8e02 url("../images/arrow33h.png") center no-repeat;}



.join-box{ padding:0px 0 90px;}



.jointop{ margin-top:20px;}



.jointe{ color:#888; font-size:16px; line-height:1.4; text-align:center;}



.joinlist{ margin-top:50px;}



.joinlist li{ margin-bottom:3px;}



.joinfix{ padding:22px 30px 20px; cursor:pointer; background:#f5f5f5; position:relative; }



.joinfix p{ color:#666; font-size:12px; line-height:1.4;}



.joinfix strong{ display:block; line-height:1; color:#333333; font-size:18px; font-weight:bold; }



.joinfix b{ display:block; width:23px; height:23px; position:absolute; right:30px; top:50%; margin-top:-11px; background:#d8d8d8; transition:0.44s;}



.joinfix b:before{ content:""; width:11px; height:1px; background:#fff; position:absolute; left:6px; top:11px;}



.joinfix b:after{ content:""; width:1px; height:11px; background:#fff; position:absolute; top:6px; left:11px;}



.joinfix.on b{ background:#cc8e02;}



.joindown{ padding:30px; display:none; border:1px solid #f5f5f5;}



.joindown p{ color:#666; font-size:14px; line-height:2;}



.joinadd{ margin-top:50px;}



.joinadd p{ color:#666; font-size:16px; line-height:2;}







/*经营体系*/



.advantage-demo{ overflow:hidden; height: 764px; color: #fff;}



.advantage-list a:link, .advantage-list a:visited { color: #fff;}



.advantage-list a:active,.advantage-list a:hover { color: #fff;}  



.advantage-list li{ width:20%; float:left; overflow:hidden; position:relative; transition:width 455ms;}



.advantage-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center;  background-repeat: no-repeat; height: 764px;}



.advantage-item{ width: 340px; height:364px; position: absolute; left: 50%; top: 60%; margin: -182px 0px 0px -170px; text-align: center; -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}



.advantage-list .black-20{ background: url("../images/black_20.png") repeat; background: none rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}



.advantage-item .ico{ width: 60px; display: block; position: relative; margin: 0px auto 15px; }



.advantage-item .ico img{ width: 100%; display: block;}



.advantage-item p{ transition:  0.3s; -webkit-transition: 0.3s;}



.advantage-item .t{ font-size: 18px; line-height: 1.5; }



.advantage-item .bot{ height: 0px; width: 1px; background-color: #fff; display: block;  margin:20px auto 24px; -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}



.advantage-item .by{ opacity: 0; visibility: hidden\9; height: 75px; text-align: center; overflow: hidden;color: rgba(255,255,255,0.7); transition:  0.3s; -webkit-transition: 0.3s;font-size: 14px;}



.advantage-item .btnMore{ margin: 60px auto 0; opacity: 0; visibility: hidden\9; transition:  0.3s; -webkit-transition: 0.3s;}



.advantage-item .ilink{ z-index: 10;}



.advantage-page{ margin-left: 10%; width: 706px;}



.advantage-pic li{ float: left; display: block; margin-right: 30px;}



.advantage-pic li:last-child{ margin-right: 0;}



p.ady{ text-indent: 0em; padding-left: 22px; font-size: 15px; position: relative;}



p.ady:before{ content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #f3bb33;}



.advantage-two-page{ position: relative; padding:240px 0 115px 32%; background-color: #f0f0f0;}



.advantage-two-tabC .img{ position: absolute; left: 0%; top: 0; width: 32%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: right center;}



.advantage-two-tabC .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url("../images/black_20.png") repeat; background: none rgba(0,0,0,0.2);}



.advantage-two-t .zh{ font-size: 24px; color: #263d8f; line-height: 1.5;}



.advantage-two-t .en{ font-size: 16px; color: #999999; font-family: "PF Din Light";}



.advantage-two-t .line{ margin: 15px 0px 25px; width: 28px; height: 1px; background-color: #333; display: block;}



.advantage-two-tabT{ position: absolute; left: 32%; width: 68%; z-index: 10; border-top: 1px solid #2b4191; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 16px;}



.advantage-two-tabT ul{ margin-left: 10%;}



.advantage-two-tabT li{ float: left; display: block; cursor: pointer; padding: 0px 16px; height: 76px; line-height: 76px; color: #333333; position: relative; transition: 0.3s; z-index: 1;}



.advantage-two-tabT li:before {content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; display: block; width: 100%; height: 100%; background-color: #2b4191; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }



.advantage-two-tabT li:hover:before{ background-color: #f3bb33;}



.advantage-two-tabT li:hover:before,.advantage-two-tabT li.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}



.advantage-two-tabT li.active,.advantage-two-tabT li:hover{ color: #fff;}



.advantage-two-tabT li.active .sj{ opacity: 1; visibility: visible\9; top: 94%;}



.advantage-two-tabT li .sj{ position: absolute; left: 50%; top: 90%; margin:-12px 0 0 -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #fff; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden\9;}



.advantage-two-page{ display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}



.advantage-two-tabC .advantage-two-page.active{ display: block;}



.well-box { margin-top: 40px;}



.well-box img{width: 100%; display: block;}



.advantage-one-box{ width: 100%; overflow: hidden;}



.advantage-one-demo a:link, .advantage-one-demo a:visited { color: #fff; }



.advantage-one-demo a:active, .advantage-one-demo a:hover { color: #fff;}



.advantage-one-demo{ position: relative; margin-left: 32%;}



.advantage-one-demo .slick-list{ overflow: inherit;}



.advantage-one-demo .item{ position: relative; overflow: hidden;}



.advantage-one-demo .img{ background-color: #fff; position: relative; overflow: hidden;}



.advantage-one-demo .img img{ width: 100%; display: block; opacity: 0.2; filter:alpha(Opacity=20);-webkit-transition:.3s;  transition: .3s;}



.advantage-one-demo .img .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url("../images/black_20.png") repeat; opacity: 0; visibility: hidden\9;}



.advantage-one-demo .con{ position: absolute; left: 5%; bottom: 5%; color: #fff; width: 540px; opacity: 0; visibility: hidden; transform:translateX(10%); -webkit-transform:translateX(10%); -moz-transform:translateX(10%);}



.advantage-one-demo .name{ font-size: 24px; font-weight: bold; }



.advantage-one-demo .line{ width: 28px; height: 1px; background-color: #fff; display: block; margin: 18px 0px 30px;}



.advantage-one-demo .c{ font-size: 17px; }



.advantage-one-demo .c p{ text-indent: 2em;}



.advantage-one-demo .slick-active img{ opacity: 1; filter:alpha(Opacity=100);}



.advantage-one-demo .slick-active .yy{ opacity: 1; visibility: visible\9;}



.advantage-one-demo .slick-active .con{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1);}



.advantage-one{ background-color: #f5f5f5;}



.advantage-one-tabT{ position: relative; margin-left: 32%; border-top: 1px solid #2b4191; background-color: #fff;}



.advantage-one-tabT ul{ margin-left: 10%;}



.advantage-one-tabT li{ float: left; display: block; cursor: pointer; padding: 0px 16px; height: 76px; line-height: 76px; color: #333333; position: relative; transition: 0.3s; z-index: 1; margin-right: 10px; font-weight: bold; font-size: 16px;}



.advantage-one-tabT li:before {content: ""; position: absolute; left: 0px; top: 0px; z-index: -1; display: block; width: 100%; height: 100%; background-color: #2b4191; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }



.advantage-one-tabT li:hover:before{ background-color: #f3bb33;}



.advantage-one-tabT li:hover:before,.advantage-one-tabT li.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0;}



.advantage-one-tabT li.active,.advantage-one-tabT li:hover{ color: #fff;}



.advantage-one-tabT li.active .sj{ opacity: 1; visibility: visible\9; top: 94%;}



.advantage-one-tabT li .sj{ position: absolute; left: 50%; top: 90%; margin:-12px 0 0 -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #fff; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden\9;}



.advantage-five-list{ padding-bottom: 100px;}



.advantage-five-list li{ background-color: #fff; position: relative; overflow: hidden;}



.advantage-five-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}



.advantage-five-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}



.advantage-five-list .con{ color: #7f7e7e; width: 34%; height: 100%; position: absolute;  top: 0%;}



.advantage-five-list .con .ico{ display: block; width: 75px; height: 75px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; top: 50%; margin-top: -37px;}



.advantage-five-list .con .zh{ font-size: 24px; font-weight: normal; line-height: 1.2; margin: 0px 0px 40px; color: #263d8f; padding-left: 95px; position: relative;}



.advantage-five-list .con .c p{ text-indent: 2em;}



.advantage-five-list .oneItem .con{ left: 58%;}



.advantage-five-list .twoItem .img{ margin-left: 50%;}



.advantage-five-list .twoItem .con{ left: 8%;}



/*经营体系 end*/





.btnMore{ width: 140px; height:38px; line-height: 38px; text-align: center; border: 2px solid #999999; display: block; position: relative; z-index: 1;}



.btnMore:before{ content:""; width:100%; height:100%; background-color:#08358b; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.3,0,.8,1); transition:transform .38s cubic-bezier(.3,0,.8,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }



.btnMore .txt{ color: #263d8f; padding:0px 35px 0 0px; background: url("../images/btn_m1.png") no-repeat scroll right center; /*transition: 0.3s; -webkit-transition: 0.3s;*/}



.btnMore:hover{ border-color: #08358b;}



.btnMore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }



.btnMore:hover .txt{ color: #fff; background-image: url("../images/btn_m2.png"); /*background-position: 100% center;*/}







.btnMore2{ border-color: #fff;}



.btnMore2 .txt{ background-image: url("../images/btn_m2.png"); color: #fff;font-size: 14px;}



.btnMore2:before{ background-color: #fff;}



.btnMore2:hover { border-color: #fff;}



.btnMore2:hover .txt{ background-image: url("../images/btn_m1.png"); color: #08358b;}





@keyframes fixed-header{



	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);-webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}



	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);-webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}



	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);-webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}



}



@-moz-keyframes fixed-header{



	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);-webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}



	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);-webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}



	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);-webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}



}



@-webkit-keyframes fixed-header{



	0%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);-webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}



	50%{-moz-transform:scale(1.05) rotateZ(0.01deg);-ms-transform:scale(1.05) rotateZ(0.01deg);-webkit-transform:scale(1.05) rotateZ(0.01deg);transform:scale(1.05) rotateZ(0.01deg)}



	100%{-moz-transform:scale(1.0001) rotateZ(0.01deg);-ms-transform:scale(1.0001) rotateZ(0.01deg);-webkit-transform:scale(1.0001) rotateZ(0.01deg);transform:scale(1.0001) rotateZ(0.01deg)}



}







.company{ width:50%; height:100%; background:rgba(0,0,0,0.5); background:#000\; filter:alpha(opacity=20); position:absolute; left:; top:0;}
.aboutuscenters .aboutus-text{
	width: 100%;
    overflow: hidden;
    padding-left: 70px;
    padding-right: 70px;
    box-sizing: border-box;
    margin: 10px auto auto auto;
    font-size: 32px;
	text-indent: 4ch;
	line-height:35px;
}
 .employeecenters{
	margin: 10px 0 60px;
    padding-top: 50px;
    padding-bottom: 20px;
    background: #fff url(../../img/emlist.png) center no-repeat;
    background-size: 100% 100% !important;
}

.employeecenters .employeetitle {
    margin-left: 70px;
    position: relative;
}
.employeecenters .small {
     display: block;
    line-height: 1.2;
    color: #000;
    font-size: 48px;
    font-family: "DIN";
    text-transform: uppercase;
    font-weight: 600;
}

.employeetitle .line {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 280px);
    left: 200px;
    height: 2px;
    background: #000;
}

.employeecenters strong {
    display: block;
    line-height: 1;
    color: #000;
    font-size: 48px;
    float: left;
    margin-right: 25px;
}
.employeecenters .employeelist{
	width:100%;
	overflow:hidden;
	box-sizing:border-box;
	padding:20px;
	margin:20px auto;
}
.employeecenters .employee-items{
	width:11.5%;
	overflow:hidden;
    margin-left:1%;
	float:left;
	padding:0px;
	box-sizing:border-box;
}
.employeecenters .employee-items .name{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	color:rgb(27, 71, 157);
	text-align:center;
	font-size:18px;
	font-weight:700;
	line-height:25px;
}

.employeecenters .employee-items .title{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:15px;
	
}
.employeecenters .employee-item{
	width:9%;
	overflow:hidden;
    margin:0px auto;
	padding:0px;
	box-sizing:border-box;
}
.employeecenters .employee-item .name{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:25px;
	font-weight:600;
	line-height:1.4;
	
}

.employeecenters .employee-item .title{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:25px;
	line-height:1.4;
	
}

.employee-container *{
	    margin: 0;
        padding: 0;
        box-sizing: border-box;
}

  /* 主容器 */
.employee-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 30px auto;
	min-height: 1160px;
	background: #fff url(../img/emlist.png) center no-repeat;
	background-size: 100% 100% !important;
}

.employee-container .employeetitle {
	margin-left: 70px;
	padding-top: 40px;
	position: relative;
}

.employee-container .small {
	display: block;
	line-height: 1.2;
	color: #000;
	font-size: 48px;
	font-family: "DIN";
	text-transform: uppercase;
	font-weight: 600;
}

.employeetitle .line {
	position: absolute;
    bottom: 20px;
    width: calc(100% - 280px);
    left: 200px;
	height: 2px;
	background: #000;
}

.employee-container strong {
	display: block;
	line-height: 1;
	color: #000;
	font-size: 48px;
	float: left;
	margin-right: 25px;
}

/* 轮播容器 */
.employee-container .carousel-wrapper {
	position: relative;
	width: 100%;
	padding: 20px 0 10px;
	z-index: 2;
}

.employee-container .swiper {
	width: 100%;
	overflow: visible !important;
	padding: 30px 0 50px;
}

.employee-container .swiper-slide {
	width: 318px;
	height: 100%;
	border-radius: 0px;
	overflow: visible;
	background: transparent;
	cursor: pointer;
	transition: filter 0.4s;
	flex-shrink: 0;
	position: relative;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.7);
}

.employee-container .photo-card {
	width: 100%;
	height: 100%;
	border-radius: 0px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.4s, transform 0.3s;
}

.employee-container .photo-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s;
}

.employee-container .swiper-slide-active .photo-card img {
	transform: scale(1.04);
}

.employee-container .slide-label {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	position: relative;
}

.employee-container .slide-label .name {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
}

.employee-container .slide-label .role {
	font-size: 15px;
	color: #2c3e50;
	margin-left: 10px;
	white-space: nowrap;
	font-weight: 500;
}

.employee-container .swiper-slide-active .slide-label .name {
	color: #000;
	font-size: 18px;
}

.employee-container .swiper-slide-active .slide-label .role {
	color: #2c3e50;
	font-weight: 500;
}

/* 导航按钮 */
.employee-container .nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.04);
	color: var(--text);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	outline: none;
}

.employee-container .nav-btn:hover {
	background: #fff;
	border-color: var(--gold-light);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.employee-container .prev-btn {
	left: -15px;
}

.employee-container .next-btn {
	right: -15px;
}

.employee-container .nav-btn svg {
	width: 18px;
	height: 18px;
	stroke: #5a6c7d;
	stroke-width: 2.5;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* SVG 连接线层 */
.employee-container #linesSvg {
	position: absolute;
	top: 0;
	left: 0;
	fill: #0000ff00;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 3;
}

.employee-container #linesSvg path {
	stroke: rgba(180, 140, 60, 0.8);
	stroke-width: 2.8;
	stroke-dasharray: 6 4;
	opacity: 0;
	transition: opacity 0.4s;
}

.employee-container #linesSvg path.active,
.employee-container #linesSvg circle.active {
	opacity: 1;
}
.employee-container #linesSvg circle {
	fill:rgba(180, 140, 60, 0.8);
}

/* 关联信息面板（动态定位在照片下方） */
.employee-container .connection-panel {
	position: absolute;
	width: 100%;
	max-width: 90vw;
	min-height: 288px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	padding: 20px 25px;
	display: none;
	z-index: 20;
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.08);
	left: 0%;
	transform: translateX(-50%);
}

.employee-container .connection-panel.active {
	display: block;
}

.employee-container .panel-title {
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.04em;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}

.employee-container .sub-list {
	display: flex;
	gap: 25px;
	justify-content: center;
	flex-wrap: wrap;
}

.employee-container .sub-card {
	width: 128px;
	text-align: center;
	transition: transform 0.3s;
	cursor: pointer;
}

.employee-container .sub-card:hover {
	transform: translateY(-5px);
}

.employee-container .sub-photo {
	width: 128px;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 auto 6px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
	border: 1px solid rgba(0, 0, 0, 0.04);
	background: #fff;
}

.employee-container .sub-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.employee-container .sub-name {
	font-size: 15px;
	color: #000;
	font-weight: 600;
	margin-bottom: 2px;
}

.employee-container .sub-role {
	font-size: 14px;
	color: #2c3e50;
}

.employee-container .close-panel {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 1.3rem;
	color: #aaa;
	cursor: pointer;
	transition: 0.2s;
	line-height: 1;
	z-index: 21;
}

.employee-container .close-panel:hover {
	color: #333;
}

/* 荣誉信息样式 */
.employee-container .honors-list {
	width: 90%;
	overflow: hidden;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 0px;
}

.employee-container .rongyu-left {
	float: left;
	width: 548px;
	padding-bottom:1px;
	overflow: hidden;
}
.employee-container .honors-list .rongyu-item{
	float:left;
	width:16.875%;
   cursor: pointer;
	overflow:hidden
}
.employee-container .honors-list  .rongyu-items{
		float:left;
	width:16.875%;
	overflow:hidden;
	cursor: pointer;
}
.employee-container .honors-list .rongyu-itemss{
	float:left;
	width:32.5%;
	cursor: pointer;
	overflow:hidden
}
.employee-container .rongyu-list {
	float: right;
	overflow: hidden;
	width: calc(100% - 568px);
}

.employee-container .honor-badge {
	background: #fef9e7;
	border: 1px solid #f0d78c;
	border-radius: 20px;
	padding: 6px 16px;
	margin-top: 6px;
	display: block;
	font-size: 16px;
	width: 548px;
	overflow: hidden;
	color: #8b6914;
	font-weight: 500;
	letter-spacing: 3.5px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	transition: transform 0.2s;
}

.employee-container .honor-badge:hover {
	transform: scale(1.01);
	cursor: pointer;
}

/* 响应式 */
@media (max-width: 768px) {
	body {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.employee-container .swiper-slide {
		width: 120px;
	}

	.employee-container .connection-panel {
		width: 300px;
		padding:30px 15px;
	}

	.employee-container .sub-card {
		width: 65px;
	}

	.employee-container .sub-photo {
		width: 65px;
		height: 91px;
	}

	.employee-container .nav-btn {
		width: 38px;
		height: 38px;
	}

	.employee-container .prev-btn {
		left: -5px;
	}

	.employee-container .next-btn {
		right: -5px;
	}
}


/* ========== 员工信息弹窗 ========== */
.employee-container .staff-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
}

.employee-container .staff-modal-overlay.active {
	opacity: 1;
	pointer-events: auto;
}

.employee-container .staff-modal {
	background: #fff;
	border-radius: 24px;
	padding: 30px 25px;
	max-width: 468px;
	width: 90%;
	text-align: center;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
	position: relative;
	transform: scale(0.9);
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.employee-container .staff-modal-overlay.active .staff-modal {
	transform: scale(1);
}

.employee-container .staff-modal-close {
	position: absolute;
	top: 12px;
	right: 18px;
	font-size: 1.5rem;
	color: #999;
	cursor: pointer;
	transition: 0.2s;
	line-height: 1;
}

.employee-container .staff-modal-close:hover {
	color: #333;
}

.employee-container .staff-photo {
	width: 80%;
	height: auto;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 auto 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	border: 2px solid #f0f0f0;
}

.employee-container .staff-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.employee-container .staff-name {
	font-size: 1.2rem;
	font-weight: 700;
	color: #000;
	margin-bottom: 4px;
}

.employee-container .staff-position {
	font-size: 0.9rem;
	color: #2c3e50;
	font-weight: 500;
}







.companywr{ width:75%; left:12.5%; /*bottom:94px;*/ bottom:15%; position:absolute;}

.companywr h3{
	font-size:35px;
	color:#fff;
	font-family:'DIN'
}


.companywr .mores span.defal,.companywr .mores span.end{ background: #cc8e02;}



.companywr .mores a:hover span.end{ background: #cc8e02;}


.companywr h2{ line-height:1; color:#fff; font-size:75px; margin-bottom:10px;}



.companywr p{ color:#ffffff; font-size:14px; line-height:2; margin-bottom:48px; width:70%;}



.leadershi{ margin-top:135px; margin-bottom:185px;}



.message-box{ margin-top:105px;}



.aboutitle{ margin-left:6.25%;}



.aboutitle strong{ display:block; line-height:1; color:#000000; font-size:80px; margin-bottom:22px;}



.aboutitle small{ display:block; line-height:1; color:#cc8e02; font-size:30px; font-family:"MyriadPro_Black";}



.leaderlist{ width:calc(100% + 6px); margin-left:-3px; max-width:1760px; margin-top:60px; position:relative;}



.leaderinfo{ padding:22px 0 0; position:relative; padding-bottom:20px; float:left;}



.leaderli{ margin:0 3px; max-width:450px; overflow:hidden; position:relative; padding-bottom:147px;}



.leaderli figure{ display:block; line-height:1; overflow:hidden; transition:0.4s 0s;}



.leaderli figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.6s;}



.leaderdown{ position:absolute; left:0; width:100%; bottom:0; background:#e5e5e5; padding:30px 0 60px; transition:0.5s;}



.leaderdown:before{ content:""; width:16px; height:7px; background:url("../images/arrow2.png") center no-repeat; position:absolute; left:8%; top:-7px; opacity:0; visibility:hidden; transition:0.32s;}



.leaderwr{ padding:0 8%; height:58px; overflow:hidden; transition:0.5s;}



.leaderwr strong{ display:block; line-height:1; color:#000000; font-size:24px; margin-bottom:20px; font-weight:normal;}



.leaderwr span{ display:block; line-height:1; color:#646464; font-size:14px;}



.leaderwr p{ color:#969696; font-size:14px; height:150px; overflow:hidden; margin-top:20px;}



.leaderli:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}



.leaderli:hover figure{ transform:translateY(-22px); -webkit-transform:translateY(-22px); -moz-transform:translateY(-22px);}



.leaderli:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}



.leaderli:hover .leaderdown{  transition:0.5s; background:#fff; bottom:0;}



.leaderli:hover .leaderdown:before{ opacity:1; visibility:visible; transition:0.35s 0.3s;}



.leaderli:hover .leaderwr{ height:228px;}



.leaderlist .slick-prev,.leaderlist .slick-next{ padding:0; margin:0; outline:none; border:none; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer; text-indent:88888px; overflow:hidden; outline:none; transition:0.4s;}



.leaderlist .slick-prev{ left:-74px; background:url("../images/prev2.png") center no-repeat;}



.leaderlist .slick-next{ right:-77px; background:url("../images/next2.png") center no-repeat;}



.leaderlist .slick-prev:hover{ background:url("../images/prev3.png") center no-repeat;}



.leaderlist .slick-next:hover{ background:url("../images/next3.png") center no-repeat;}



.messagedown{ margin-top:66px;}



.messagewr{ width:75%; left:12.5%; position:absolute; bottom:60px;}



.messagele{ width:60%; float:left;}



.messagele p{ color:#ffffff; font-size:14px; line-height:2;}



.chairman{ width:98px; bottom:5px; position:absolute; right:0; padding-top:14px; text-align:right; border-top:1px solid #fff;}



.chairman span{ display:block; color:#fff; font-size:14px; line-height:1.8;}



.chairman span:first-child{ font-family:"MyriadPro_Black";}



.chairman img{ display:inline; max-width:100%; margin-top:17px; line-height:1;}



.speechs{ position:absolute; right:25%; margin-right:-81px; top:50%; margin-top:-28px;}



.organizate{ margin-top:108px;}



.orgazetbg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}



.organizatedown{ margin-top:86px; text-align:center; background-size:cover !important; position:relative; padding:67px 0; overflow:hidden;}



.organizatedown .organizebg{ display:block; width:100%; height:auto;}



.organizatedown .organites{ display:block; line-height:1; max-width:90%; height:auto; z-index:5; position:relative; margin:auto;}



.responsibebg{ position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover !important; display:none;}







.resposibles{ position:relative; margin-top:145px; margin-bottom:108px; overflow:hidden;}



.resposibg{ display:block; width:100%; height:auto; line-height:0; animation:fixed-header infinite 14s; -webkit-animation:fixed-header infinite 14s; -moz-animation:fixed-header infinite 14s; -ms-animation:fixed-header infinite 14s;}



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



.resposibein{ width:25%; height:100%; float:left;}



.resposibein:hover .response{ background:rgba(0,0,0,0.6); background:#000\9; filter:alpha(opacity=60);}



.resposibein:hover .responsedown .mores a span.end{ opacity:1; visibility:visible;}



.resposibein:hover .mores a .three-d-box{transform: translateZ(-28px) rotateX(90deg); -webkit-transform: translateZ(-28px) rotateX(90deg); -moz-transform: translateZ(-28px) rotateX(90deg); -ms-transform: translateZ(-28px) rotateX(90deg);}



.resposibein:hover .mores a span.end{ background:#cc8e02;}







.response{ margin-left:1px; transition:0.5s; height:100%; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); position:relative;}



.resposibein:first-child .response{ margin-left:0;}



.responsedown{ width:70%; left:15%; bottom:70px; cursor:pointer; position:absolute;}



.levalmenu.on .levalfix{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.36s 0.1s;}



.levalfix{ opacity:0; visibility:hidden;  transition:0.32s; height:100%;}



.responsedown strong{ display:inline-block; padding:0 16px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:16px; font-weight:normal; background:#cc8e02; margin-bottom:20px;}



.responsedown small{ display:block; line-height:1; color:#cc8e02; font-size:34px; font-family:"MyriadPro-Semibold"; margin-bottom:34px;}



.responsedown .mores span.defal{ background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50);}



.responsedown .mores span.end{ background:#cc8e02; opacity:0; visibility:hidden;}



.responsedown .mores a:hover span.end{ opacity:1; visibility:visible;}



.levalmenu{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80); display:none;}



.levallist{ position:absolute; left:8%; right:8%; top:38px; bottom:38px; overflow-y:auto; -webkit-overflow-scrolling:touch;}



.levallist li{ margin-bottom:10px;}



.levallist li a{ display:inline-block; color:#fff; font-size:14px;}



.levallist li a:hover{ color:#cc8e02;}



.levallist::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}



.levallist::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #cc8e02;}



.levallist::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}







.levalbtn{ width:50px; height:50px; position:absolute; right:0; top:50%; margin-top:-25px; background:url("../images/close.png") center no-repeat; cursor:pointer; z-index:5; transition:0.4s;}



.levalbtn:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}







/*新闻*/



.companywr small{ display:block; color:#cc8e02; font-size:30px; font-family:"MyriadPro_Black"; margin-bottom:30px; line-height:1; margin-top:-24px;}



.new-boxs{ margin-top:50px; margin-bottom:50px;}



.newsli li{ width:25%; float:left; overflow:hidden; margin-bottom: 20px; transition:0.45s;}



.newsli li a{ display: block; margin: 0 10px; background:#fff;}



.newsli li:nth-child(2n+2) a{ background:#fff;}



.newsli li:nth-child(2n+2) .newdowns:before{ background:url("../images/arrow4.png") center no-repeat;}



.newsli li figure{ display:block; line-height:1; overflow:hidden; position:relative;}



.newsli li figure img{ display:block; max-width: 100%; max-height: 100%; height:auto; line-height:0; transition:1s;}



.newdowns{ padding:26px 6.89%; position:relative;}



.newdowns:before{ content:""; width:27px; height:13px; background:url("../images/arrow4.png") center no-repeat; position:absolute; left:6.89%; top:-13px; transition:0.45s;}



.newdowns span{ line-height:1.23; color:#222;float:left; height:60px; font-size:17px; font-weight:bold; overflow:hidden;margin-bottom: 10px;display: block;width: 100%;}



.newsli li:hover .newdowns span{ color:#fff;}



.newsli li:hover .newtime time{ color:#fff;}







.newtime small{ display:block;padding:1px 6px;float:left; line-height:18px; text-align:center; color:#ffffff; font-family:"MyriadPro_Black"; text-transform:uppercase; background:#bbbbbb; float:left; transition:0.34s; border-radius:1px;}



.newtime time{ display:block; float:left; line-height:20px; color:#888;margin-left: 5px;}



.newsli{ margin-bottom:40px; width: calc(100% + 20px); margin-left: -10px;}







.newsli li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}



.newsli li:hover a{ background:#cc8e02;} 



.newsli li:hover .newdowns:before{ background:url("../images/arrow5.png") center no-repeat;}



.newsli li:hover .newtime small{ color:#cc8e02; background:#ffffff;}



.pagelist{ text-align:center; margin-top: 20px;}



.pagelist span,.pagelist a{ display:inline-block; text-align:center;color:#666;font-weight:normal; font-size:14px;margin-bottom: 10px;vertical-align:middle;background:#fff;padding: 5px 18px;border-radius: 1px;}



.pagelist span{ background:#cc8e02; color:#fff !important;} 



.pagelist a:hover{ color:#fff; background:#cc8e02;}







.menuflex{ position:absolute; right:40px; top:87px; z-index:8;}



.menuli{ width:210px;}



.menuli li{ width:90px; float:left; margin-right:3px; position:relative; height:76px; margin-bottom:3px;}



.menuli li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:400px; -webkit-perspective:400px;}



.menuli li a .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;



top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-38px); -webkit-transform:translatez(-38px); -ms-transform:translatez(-38px); -moz-transform:translatez(-38px); transition:all .4s ease-out;}



.menuli li a span.defal,.menuli li a span.end{display:block; width:100%; height:76px; padding-top:24px; height:52px; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=70); text-align:center;line-height: 1.1; transition:0.4s; position:absolute; left:0; top:0; transition:0.4s;}







.menuli li a span.defal{ transform:rotatex(0deg) translatez(38px); -webkit-transform:rotatex(0deg) translatez(38px); -moz-transform:rotatex(0deg) translatez(38px); -ms-transform:rotatex(0deg) translatez(38px); }



.menuli li a span.end{ transform:rotatex(-90deg) translatez(38px); -moz-transform:rotatex(-90deg) translatez(38px); -ms-transform:rotatex(-90deg) translatez(38px); -webkit-transform:rotatex(-90deg) translatez(38px); opacity:0; visibility:hidden;}



.menuli li a:hover .three-d-box,.menuli li a.on .three-d-box{transform: translateZ(-38px) rotateX(90deg); -webkit-transform: translateZ(-38px) rotateX(90deg); -moz-transform: translateZ(-38px) rotateX(90deg); -ms-transform: translateZ(-38px) rotateX(90deg);}



.menuli li a:hover span.end,.menuli li a.on span.end{ background:#cc8e02; opacity:1; visibility:visible;}







.iphone-fix{ width:90%; display:none; position:relative;top: -20px;}



.iphone-fix span{ color:#fff; display:block; font-size:16px; height:45px; line-height:45px; cursor:pointer; text-align:center; background:#cc8e02;}



.iphone-fix.scoll{ position:fixed; left:0; top:90px;}



.iphone-fix span em{ color:#fff; font-size:14px; font-style:normal; line-height:46px; display:inline-block;}



.iphone-fix span b{ display:inline-block; margin-left:5px; width:14px; height:10px; background:url("../images/arrow7.png") center no-repeat;}



.iphone-down{ width:100%; z-index:20; position:absolute; left:0; display:none; top:45px; background:#7e5700;}



.iphone-down a{ display:block; width:50%; float:left; font-size:14px; text-align:center; height:42px; line-height:42px; color:#fff; position:relative; overflow: hidden; border: none !important;}



.iphone-down a:hover,.iphone-down a.on{ background:#553b00; color:#fff;}



.iphone-down a:after{ content: ''; position: absolute; bottom: 0;left: 0; width: 100%; height: 1px; z-index: 1; background-color:rgba(255,255,255,0.33); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal;}







@-webkit-keyframes ReturnToNormal {0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);}



100% {-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}}@keyframes ReturnToNormal {0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);}







 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}}







/*投资项目*/



.projectbox{ margin-top:96px; margin-bottom:96px;}



.projectli{ width:50%;}


.col-lg-6{
	width:50%;
	overflow:hidden;
	float:left;
}
.projectli li{ margin-right:13px; margin-bottom:8px; cursor:pointer; position:relative;}


.projectli li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#cc8e02;box-sizing:none; -webkit-transition:-webkit-transform .48s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .48s cubic-bezier(.4,0,.2,1); transition:transform .48s cubic-bezier(.4,0,.2,1); transition:transform .48s cubic-bezier(.4,0,.2,1),-webkit-transform .48s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}



.projectli li:after{ content:""; width:15px; height:19px; background:url("../images/arrow6.png") center no-repeat;box-sizing:none;position:absolute; right:42px; top:50%; margin-top:-10px; z-index:10; opacity:0; visibility:hidden; transition:0.34s;}



.projectwr{ border:1px solid #fff; background: #fff; padding:28px 152px 29px 40px; position:relative; height:94px; transition:0.4s;border-radius: 1px;}



.projectwr h3{ color:#000000; font-size:20px; line-height:1.4; font-weight:normal; overflow:hidden; transition:0.38s; top:0; max-height:54px; overflow:hidden;}



.projectwr em{ display:block; color:#969696; font-size:14px; line-height:1; font-style:normal; transition:0.36s; position:absolute; left:40px; bottom:28px;}



.prodata{ position:absolute; right:19px; top:20px; border-radius: 1px; padding-left:5px;padding-right:5px; width:50px; padding-top:15px; height:45px; background:#a0a0a0; transition:0.4s;}



.prodata b{ display:block; line-height: 1.3; color:#fff; font-size:16px; transition:0.34s;font-weight: normal;text-align: center;}



.prodata span{ display:block; line-height:1.25; color: rgba(255, 255, 255, 0.5);text-align: center; font-size:14px;transition:0.34s;}



.projectli li:hover{ border-color:#cc8e02;}



.projectli li:hover .projectwr h3{ color:#cc8e02;}



.projectli li:hover .projectwr em{ color:#cc8e02;}



.projectli li:hover .prodata{ background:#cc8e02;}



.projectli li:hover .prodata b,.projectli li:hover .prodata span{ color:#fff;}



.projectli li.now:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}



.projectli li.now .projectwr{ border-color:#cc8e02;}



.projectli li.now:after{ opacity:1; visibility:visible; right:42px;}



.projectli li.now .prodata{ opacity:0; visibility:hidden;}



.projectli li.now .projectwr em{ opacity:1; visibility:hidden; transition:0s;}



.projectli li.now .projectwr h3{ position:absolute; left:40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:88px; -ms-transform:translateY(-50%); color:#fff; transition:0.38s 0.1s; top:40% \9;}







.popmain{ width:50%; position:fixed; right:0; top:0; height:100%; z-index:999; visibility:hidden; transition:0.54s;}



.popbgff{ width:100%; height:100%; position:absolute; left:100%; top:0; visibility:hidden; transition:0.45s;  background:#fff;}



.popmaintext{ margin-left:12px; width:100%; margin-right:80px; margin-bottom:96px; margin-top:96px; border:1px solid #eeeeee; overflow-y:auto; position:relative; max-height:82%; max-height:calc(100% - 192px); transition:0.5s; background:#fff;}



.popmain1 .popbgff{ background:#fff;}







.proct{ padding:80px 19% 66px 7.5%; position:relative;}



.proclose{ width:60px; height:60px; background:url("../images/close1.png") center no-repeat; background-size:cover !important; cursor:pointer; z-index:5; position:fixed; right:20px; top:50%; margin-top:-30px; transition:transform 0.34s 0s,opacity 0.2s 0s; opacity:0; visibility:hidden;}



.proclose:hover{ background:url("../images/close2.png") center no-repeat; transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}



.proct .prodata{ right:27px; top:87px; background:#cc8e02;}



.projectfix{ font-size: 16px !important;}



.projectfix p{ color:#646464; font-size:16px !important; text-align:justify;}



.popmaintext::-webkit-scrollbar{ width:5px; height: 5px;}



.popmaintext::-webkit-scrollbar-thumb{ border-radius:5px; background: #cc8e02;}



.popmaintext::-webkit-scrollbar-track{border-radius: 5px;}



.popmain.show{ visibility:visible;}



.popmain.show .popbgff{ visibility:visible; left:0;}



.popmain.show .proclose {  opacity:1; visibility:visible; transition:transform 0.34s 0s,opacity 0.2s 0.2s;}





.notice li{ width:49.3%; float:left; background:#fff; padding:20px 0 20px; position:relative; cursor:pointer; margin-bottom:20px;}



.notice li:nth-child(2n+2){ float:right;}



.notice li:before{ content:""; width:100%; height:4px; background:#cc8e02; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1); transition:transform .55s cubic-bezier(.4,0,.2,1); transition:transform .55s cubic-bezier(.4,0,.2,1),-webkit-transform .55s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}



.noticewr{ padding-left:20px; padding-right:150px; position:relative;}



.noticewr h3{ color:#000000; font-size:20px; font-weight:normal; line-height:1.4; margin-bottom:10px; height:56px; overflow:hidden;}



.noticed{ height:40px; overflow:hidden;}



.noticed p{ color:#646464; font-size:13px;line-height:1.7;}



.noticewr i{ display:inline-block; line-height:1; color:#646464; font-size:14px; font-style:normal;}



.noticewr .prodata{ padding-left:0px;padding-right:0px; width:72px; padding-top:2px; height:55px; right:30px; top:4px; background:#00498c; transition: 0.45s;border-radius: 2px;}



.noticewr .prodata b{ font-size:24px; margin-bottom:2px;}



.noticewr .prodata span{ font-size:14px;}



.notice li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}



.notice li:hover .noticewr .prodata{ background: #cc8e02;}







.culturep{ width:100%; background:none;}



.culturep .companywr{ bottom:auto; top:19.7%; left:4.94%;} 



.cultureli{ position:absolute; left:4.94%; bottom:6.66666%;}



.cultureli li{ width:266px; margin-right:11px; padding:27px 30px 7px; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); float:left;}



.culturewr{ padding:60px 0 0; border-top:1px solid #fff; position:relative;}



.culturefix{ margin-bottom:26px; transition:0.34s;}



.culturefix span{ display:block; line-height:1; float:left; color:#fff; font-size:20px; font-weight:bold;}



.culturefix b{ display:block; width:10px; height:10px; float:right; line-height:1; position:relative; transition:0.38s; border:2px solid #fff; border-radius:50%; margin-top:4px;}



.cultureli li p{ color:#fff; font-size:14px; line-height:1.8; height:50px; overflow:hidden; opacity:0; visibility:hidden; transition:0.44s;}



.cultureli li:hover .culturefix{ opacity:0; visibility:hidden; transform:translateY(-8px); -webkit-transform:translateY(-8px); -moz-transform:translateY(-8px);}



.cultureli li:hover b{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}



.cultureli li:hover p{ opacity:1; visibility:visible;}







.culture-box{ margin-top:66px; margin-bottom:54px;}



.culturebtn{ margin-left:90px; margin-bottom:58px;}



.culturebtn .mores{ width:96px; height:30px; float:left; margin-right:13px;}



.culturebtn .mores:last-child{ margin-right:0;}



.culturebtn .mores .three-d-box{ transform:translatez(-15px); -webkit-transform:translatez(-15px); -ms-transform:translatez(-15px); -moz-transform:translatez(-15px);}



.culturebtn .mores span.defal,.culturebtn .mores span.end{ height:30px; line-height:30px; font-size:16px; font-weight:bold; background:#a0a0a0;}



.culturebtn .mores span.defal{ transform:rotatex(0deg) translatez(15px); -webkit-transform:rotatex(0deg) translatez(15px); -moz-transform:rotatex(0deg) translatez(15px); -ms-transform:rotatex(0deg) translatez(15px);}



.culturebtn .mores span.end{ transform:rotatex(-90deg) translatez(15px); -webkit-transform:rotatex(-90deg) translatez(15px); -moz-transform:rotatex(-90deg) translatez(15px); background:#cc8e02; display:none\9;}



.culturebtn .mores a:hover .three-d-box,.culturebtn .mores a.on .three-d-box{ transform:translateZ(-15px) rotateX(90deg); -webkit-transform:translateZ(-15px) rotateX(90deg); -moz-transform:translateZ(-15px) rotateX(90deg); -ms-transform:translateZ(-15px) rotateX(90deg);}



.culturebtn .mores a:hover span.defal,.culturebtn .mores a.on span.defal{ background:#cc8e02\9; color:#fff\9}



.culturebtn .mores a:hover span.end,.culturebtn .mores a.on span.end{ background:#cc8e02;}







.cultures{ margin-top:56px;}



.cultures{ width:calc(100% + 20px); margin-left:-10px;}



.cultures li{ width:25%;}



.cultures li figure{ margin:0 10px;}



.cultures li .mores{ height:80px;}



.cultures li .mores .three-d-box{ transform:translatez(-40px); -webkit-transform:translatez(-40px); -moz-transform:translatez(-40px); -ms-transform:translatez(-40px);}



.cultures li .mores  span.defal,.cultures li .mores  span.end{ height:80px; line-height:80px; font-size:14px; font-weight:normal;}



.cultures li .mores span.defal{ transform:rotatex(0deg) translatez(40px); -webkit-transform:rotatex(0deg) translatez(40px); -moz-transform:rotatex(0deg) translatez(40px); -ms-transform:rotatex(0deg) translatez(40px);}



.cultures li .mores span.end{ transform:rotatex(-90deg) translatez(40px); -webkit-transform:rotatex(-90deg) translatez(40px); -ms-transform:rotatex(-90deg) translatez(40px); -moz-transform:rotatex(-90deg) translatez(40px); background:#cc8e02; color:#fff;}



.cultures li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}



.cultures li:hover .mores .three-d-box{ transform: translateZ(-40px) rotateX(90deg); -webkit-transform: translateZ(-40px) rotateX(90deg); -moz-transform: translateZ(-40px) rotateX(90deg); -ms-transform: translateZ(-40px) rotateX(90deg);}



.recruits{ background-attachment:fixed; background-repeat:no-repeat; background-position:center; padding:0 68px; padding-top:44px;}



.recruititle{ padding-bottom:74px;}



.recruititle span{ display:block; line-height:1; float:left; color:#ffffff; font-size:14px;}



.recruititle span.span1{ width:12.51%;}



.recruititle span.span2{ width:24%;}



.recruititle span.span3{ width:51%;}



.recruititle span.span5{ float:right;} 







.buildf{ padding:0 80px 66px;}



.recuiteli li{ border-top:1px solid #cc8e02; border-top:1px solid rgba(221,176,99,0.2);}



.recuiteli li .recruititle{ position:relative; cursor:pointer; padding-bottom:0;}



.recuiteli li .recruititle:before{ content:""; width:100%; height:120px; padding:0 16px; position:absolute; left:-16px; top:0; bottom:0; background:#cc8e02; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}



.recuiteli li.now .recruititle:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}



.recuiteli li.now .recruititle span b:after{ opacity:0; visibility:hidden; transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px);}



.recuiteli li .recruititle span{ height:120px; line-height:120px; position:relative;}



.recuiteli li .recruititle span.span3{ font-size:28px; width: 53%;}



.recuiteli li .recruititle span b{ display:block; width:19px; height:19px; position:relative; margin-top:50px;}



.recuiteli li .recruititle span b:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; top:9px;}



.recuiteli li .recruititle span b:after{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:9px; top:0; transition:0.3s;}



.recuitefox{ padding:80px 0; width:886px; margin:auto; display:none;}



.recuitefox p{ color:#fff; font-size:14px;}



.recuitefox p a{ color:#fff;}



.buildbox{ background-attachment:fixed !important; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; overflow:hidden;}



.buildlist { position:relative; padding:0 !important;}



.buildbox .mbannertop{ margin:0;}



.buildbox .mbanner figure img{ opacity:0; visibility:hidden;}



.buildbox .menuflex,.menuflex1{ position:fixed; right:156px; top:170px;}



.buildfix{ width:50%; float:left;}



.buildfix::-webkit-scrollbar{ width:5px; height: 5px;}



.buildfix::-webkit-scrollbar-thumb{ border-radius:5px; background: #cc8e02;}



.buildfix::-webkit-scrollbar-track{border-radius: 5px;}







.buildfix li{ margin-bottom:1px; padding-left:9.65%; position:relative; padding-top:44px; height:65px; background:#cc8e02; filter:alpha(opacity=60); background:rgba(232,162,4,0.3); padding-right:3.9%; transition:0.4s; cursor:pointer;}



.buildfix li:last-child{ margin-bottom:0;}



.buildfix li span{ display:block; float:left; line-height:1; color:#fff; font-size:20px; font-weight:bold; position:relative;}



.buildfix li b{ display:block; float:right; line-height:20px; color:#fff; font-size:14px; opacity:0; visibility:hidden; position:relative; transition:0.38s; overflow:hidden;}



.buildfix li:before{ content:""; width:14px; height:20px; background:url("../images/arrow6.png") center no-repeat; position:absolute; right:3.9%; top:50%; margin-top:-10px; opacity:0; visibility:hidden; transition:0s;}



.buildfix li:hover,.buildfix li.on{ background:#cc8e02;}



.buildfix li:hover b{ opacity:1; visibility:visible;}



.buildfix li.on b{ opacity:0; visibility:hidden;}



.buildfix li.on:before{ opacity:1; visibility:visible; transition:0.38s;}



.buildli{ width:50%; float:left; background:#dcdcdc; position:relative; left:100%; transition:0.5s;}



.builds{ padding-bottom:10px; transition:0s;}



.buildlist.on{ z-index:12; transition:0.45s;}



.buildlist.on .buildli{ left:0;}



.byGbox{ position: absolute;left: 55%;top: -188px;color: #fff; font-size: 16px; line-height: 1.8;}



.byGbox .byimg{ display: block;margin-bottom: 8px;}











.builddown li{ padding:0 38px; position:relative; cursor:pointer;}



.builddown li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ececec; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}



.buildwr{ border-bottom:1px solid #c9c9c9; position:relative; padding-top:24px; padding-bottom:27px;}



.buildwr span{ display:block; color:#646464; font-size:14px; color:#646464; height:34px; overflow:hidden; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



.buildwr time{ display:block; width:104px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:12px; font-family:"MyriadPro_Black"; background:#cc8e02;}



.buildwr b{ display:block; line-height:1; color:#cc8e02; font-size:14px; font-weight:normal; position:absolute; right:22px; top:50%; margin-top:-7px; opacity:0; visibility:hidden; transition:0.35s;}



.builddown li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}



.builddown li:hover b{ opacity:1; visibility:visible;}



.buildclose{ display:block; width:50px; height:50px; background:url("../images/close1.png") center no-repeat; background-size:cover !important; cursor:pointer; position:absolute; right:0; top:0; z-index:10; transition:0.4s;}



.buildclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); background:url("../images/close2.png") center no-repeat;}



.partylist{ width:50%; float:left;}



.partylist li{ margin-top:1px; padding:20px 55px 28px 7%; background: #e8a204;background: rgba(121,89,15,0.5); filter:alpha(opacity=60); cursor:pointer; position:relative; transition:0.4s;}



.partylist li p{ color:#ffffff; font-size:22px;font-weight: bold; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; position:relative;}



.partylist li time{ display:block; width:80px; height:23px; text-align:center; line-height:24px;font-weight: normal; color:rgba(255,255,255,0.5); font-size:12px; border-radius:2px; background:rgba(62,43,2,0.4); position:relative;}



.partylist li b{ display:block; width:16px; height:16px; position:absolute; right:24px; top:50%; margin-top:-8px; transition:0.38s;}



.partylist li b:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; top:8px;}



.partylist li b:after{ content:""; width:1px; height:100%; background:#fff; position:absolute; left:8px; top:0; transition:0.3s;}



.partylist li:hover{ background:#000; filter:alpha(opacity=50); background:rgba(178,125,2,0.7);}



.partylist li:hover b{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg);}



.year{ width:50%; float:right;}



.yearsele{ margin-left:80px; margin-top:20px; position:relative; width:230px; border-radius:2px;}



.yearsele:hover{ background:#000; filter:alpha(opacity=30); background:rgba(0,0,0,0.3); transition:0.45s;}



.yearmo{ padding:18px 22px 18px 32px; cursor:pointer; position:relative;}



.yearmo b{ display:block; line-height:1; float:left; color:#fff; font-size:40px;}



.yearmo span{ display:block; float:left; line-height:1; color:#fff; font-size:40px; font-weight:bold; margin:0 20px 0 0;}



.yearmo i{ display:block; width:14px; height:10px; background:url("../images/arrow7.png") center no-repeat; margin-top:15px; transition:0.3s; float:left;}



.yeardown{ display:none;}



.yeardown li{ position:relative; z-index:1; height:49px; line-height:49px; text-align:center; color:#fff; font-size:16px; text-align:center; cursor:pointer;}



.yeardown li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#cc8e02; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden; transition:0.34s; z-index:-1;}



.yeardown li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); opacity:1; visibility:visible;}







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



.erroewr{ position:absolute; left:50%; margin-left:-517px; top:50%; margin-top:-204px;}



.erroewr img{ display:block; max-width:100%; margin:auto; margin-bottom:80px;}



.errowdonw{ text-align:center;}



.errowdonw .mores{ display:inline-block;}



.errowdonw .mores:first-child{ margin-right:26px;}



.errowdonw .backli span.defal,.errowdonw .backli span.end{ background:#cc8e02;}







.projectli1{ width:100%;}



.projectli1 li{ width:49%; float:left; margin-right:0;}



.projectli1 li:nth-child(2n+2){ float:right;}







/*搜索*/



.searchtop{ padding: 44px 0 30px; text-align: center; background: #eeeeee;}



.search{ width: 638px; margin: auto; margin-bottom: 76px; position: relative;}



.search .seartext{ padding-left: 26px; width: 612px; height: 51px; line-height: 51px; background: #fff; border-radius: 24px; border: none; color: #969696; font-size: 14px; font-family: "微软雅黑";}



.serbtn{ width: 44px; height: 51px; line-height: 51px; color: #cc8e02; font-size: 14px; font-family: arial; position: absolute; right: 0; top: 0; border-radius: 0 24px 24px 0; background:none; border:none; cursor: pointer; transition:.34s; -moz-transition:.34s; -webkit-transition:.34s; -ms-transition:.34s;} 



.serbtn:hover{ color: #cc8e02;}



.searchtop p{ text-align: center; color: #969696; font-size: 16px; line-height: 1;}



.searchtop p b{ display: inline-block; line-height: 1; font-weight: normal; color: #e92130;}







.SearchButton{ float: right; position: relative; margin-left:10px; z-index: 10;}



.SearchButton span{ display: block; width: 70px; height: 80px; background:url("../images/serch1.png") center no-repeat; cursor: pointer; transition: 0.4s; position: relative; z-index: 3;}



.SearchButton:before{ content: ""; width: 100%; height: 80px; position: absolute; left: 0; top: 0; background: #cc8e02; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}



.SearchButton .searchdown{ position: absolute; right: -82px; top: 80px; background: #cc8e02; padding: 27px 46px 24px 38px; opacity: 0; visibility: hidden; transition:0.4s;} 



.searchdown .search{ margin-bottom: 0; width: 337px;}



.searchdown .search .seartext{ width: 316px; height: 34px; line-height: 34px; color: #969696; border-radius: 24px;}



.searchdown .serbtn{ height: 34px; line-height: 34px;}







.SearchButton.on span,.SearchButton:hover span{ background: url("../images/serch2.png") center no-repeat;}



.SearchButton.on:before,.SearchButton:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}



.SearchButton:hover .searchdown{ opacity: 1; visibility: visible;}



.searinfo{ margin-bottom: 48px;}



.searchli{ padding: 48px 0 93px 0;}



.seartitle{ line-height: 1; color: #ddaf63; font-size: 28px; font-weight: normal; margin-bottom: 28px;}



.new-boxs .projectli1{ margin-bottom: 40px;}











.viewdonw{ font-size: 16px !important;}







.garaders{ display: none;}



.hidetext h3{ color: #fff; font-size: 18px; margin-bottom: 10px; text-align: center; font-weight: normal;}



.hidetext p{ color: #fff; font-size: 12px;}







.vote{ position: fixed; right: 10px; bottom: 5px; z-index: 99;}
.vote .votewr img{box-shadow: 0 0 120px rgb(0 0 0 / 55%);}
.voteclose{ display: block; width: 14px; height: 14px;padding: 3px;background: #cc8e02; position: absolute;left:0px; top:0px; cursor: pointer;}
.voteclose:before{ content: ""; width: 9px; height: 9px; background: url("../images/close3.png") center no-repeat ; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transition: 0.45s;}
.voteclose:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.votetop{ padding: 8px 12px; border-bottom: 1px solid #fff;}
.votetop span{ display: block; color: #ffffff; font-size: 12px; text-align: center;}
.votedown{ padding-left: 5px; padding-top: 8px; padding-bottom: 0px;}
.votedown img{ display: block; width: 79px;}







.ab-more { display: block; width: 130px; height: 36px; background: #cc8e02;float: right; border: 1px solid #cc8e02; line-height: 36px; text-align: center;font-size: 14px; color: #fff!important; overflow: hidden; margin: 0 auto;border-radius:1px;}



.ab-more:hover{ display: block; width: 130px; height: 36px; background: #00498c;float: right; border: 1px solid #00498c; line-height: 36px; text-align: center; color: #fff; overflow: hidden; margin: 0 auto; }







.newsview{ background: url("../images/newtops.jpg") no-repeat center;background-size:auto; padding:60px 0 10px;min-height:268px;}

.view__text div{
	width:100% !important;
}

.view__wapper{width: 100%;margin-left:30px}



.view__title{margin-bottom:50px;margin-top:50px}



.view__title h2{ text-align:left; color: #010101; font-size: 48px; line-height: 1.3; margin-bottom: 15px;}



.view__title p{ text-align: left; line-height: 1; color: #888; font-size: 14px;}



.view__title p time{ display: inline-block; margin-right: 18px;}



.readleft{ float: left; color: #646464; font-size: 12px; line-height: 16px;}



.readright{ float: right;}



.fonts{ float: left; margin-right: 10px;}



.fonts span{ display: block; float: left; color: #646464; font-size: 12px; line-height: 16px;}



.fonts a{ display: block; float: left; color: #646464; font-size: 12px; line-height: 16px; margin-left: 9px;}



.shares{ float: left;}



.shares a{ display: block; padding: 0 !important; width: 16px !important; height: 16px !important; margin-left: 7px; margin-top: 0 !important; margin-bottom: 0 !important;} 



.views{ width: 100%;overflow:hidden}

.views .view-centers{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	box-sizing:border-box;
}
.contact .row{
	margin:20px auto;
    width: 100%;
    overflow: hidden;
}
.contactcontent{
	width:100%;
    background: url(../img/linkbg.jpg) no-repeat center;
	background-size:100%;
	overflow:hidden;
	margin:50px auto;
	padding-left:70px;
	padding-right:70px;
	padding-top:30px;
	padding-bottom:30px;
	line-height:1.2;
	padding-right:70px;
	box-sizing:border-box;
	
}
.contact .split-text{
	line-height:1.5;
	color:#666666;
	font-size:16px;
}
.contact .form-control#name{
    border-radius:8px;
	border:none;
	background: #e9c075;
	height:45px;
	width:98%;
	padding-left:10px;
}
.contact .form-control{
    border-radius:8px;
	border:none;
	background: #e9c075;
	height:45px;
	width:97%;
	padding-left:10px;
}

.contact ::-webkit-input-placeholder { /* Edge */
  color: #fff;
  font-size:15px;
}
 .contact ::-ms-input-placeholder { /* Internet Explorer */
  color: #fff;
  font-size:15px;
}
.contact ::placeholder {
  color: #fff;
  font-size:15px;
}


.contact textarea.form-control{
	border-radius:8px;
	min-height:128px;
	border:none;
	padding-top:10px;
	padding-left:10px;
	width:99%;
	appearance: none;
	font:12px/1.8 "Source Han Sans CN" , "Microsoft YaHei", "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif;
}
.contact .list-item h4{
	font-size:22px;
    line-height: 35px;
}
.contact .item h4{
	font-size: 22px;
    line-height: 35px;
}
.list-item:nth-child(2) {
	padding-left: 4%;
}
.contact button{
	width:138px;
	height:50px;
	background:#e9c075;
	border:none;
	color:#fff;
	line-height:50px;
	text-align:center;
	font-size:22px;
	border-radius:8px;
}
.contact .email{
	width:100%;
	background: url(../img/eamil.png) no-repeat left;
    background-size: 38px 38px;
	height:57px;
	padding-left: 48px;
	overflow:hidden;
}
.contact .title {
    font-weight: 800;
    font-size: 48px;
	line-height:1.5
}
.contact .linkname{
	color:rgb(102, 102, 102);
	font-size:16px;
}
.contact .list-item{
   float:left;
   width:48%;
   margin-top:30px;
   overflow:hidden;
}
.contact .item{
   width:100%;
   overflow:hidden;
}
.contact .phone{
	width:100%;
	background: url(../img/phone.png) no-repeat left;
    background-size: 38px 38px;
	padding-left: 48px;
	overflow:hidden;
	border-right:1px solid #f2f2f2;
}
.contact .address{
	width:100%;
	background: url(../img/dingzhi.png) no-repeat left;
    background-size: 38px 38px;
	padding-left: 48px;
	overflow:hidden;
}
		
		
.views .view-right{
	width:30%;
	overflow:hidden;
	margin-left:30px;
	float:left;
	padding:30px;
	box-sizing:border-box;
	border-radius:8px;
}
.bg-containers .ditu{
	width:100%;
	min-height:368px;
	overflow:hidden;
	margin:20px auto;
	box-sizing:border-box;
	
}
.bg-containers .ditu .iframe{
	height:368px;
}
.views .view-titles{
	font-size:25px;
	font-weight:600
}
.views .view-lines{
	width:68px;
	height:5px;
	background:#e9c075;
}
.views .new-list{
	width:100%;
	overflow:hidden;
	margin:10px auto;
	padding:0px;
	box-sizing:border-box;
}
.views .new-items{
	width:100%;
	padding:10px;
	overflow:hidden;
	margin:0px auto;
	box-sizing:border-box;
}
.views .new-items .left{
	width:29%;
    float:left
}

.views .new-items .right{
	width:69%;
    float:right
}
.views .new-items .right .time{
    font-size:18px;
	font-weight:600;
	color:#898989
}
.views .view-bottom{
    width:66%;
	padding:10px;
	overflow:hidden;
	margin-left:30px;
	box-sizing:border-box;
}
.views .view-bottom .view-prew-left{
	float:left;
	width:49%;
	overflow:hidden
}
.views .view-bottom .view-prew-right{
	float:right;
	width:49%;
	overflow:hidden
}
.views .prew-boxs{
	float:left;
	margin-left:10px;
	font-size:16px;
	width:calc(100% - 88px);
	overflow:hidden
}
.views .prew-title{
	white-space: nowrap;       /* 禁止换行 */
    overflow: hidden;          /* 隐藏溢出内容 */
    text-overflow: ellipsis;   /* 显示省略号 */
}
.views .prew-boxs-right{
    float:right;
	margin-right:10px;
	font-size:16px;
	width:calc(100% - 88px);
	overflow:hidden;
	text-align:right
}
.views .view-bottom .left-daohang{
	width:48px;
	height:48px;
	background:url(../images/left-news.png) no-repeat center;
	background-size:90%;
	float:left;
	border:1px solid #000;
}
.views .view-bottom .left-daohangs{
	width:48px;
	height:48px;
	background:url(../images/right-news.png) no-repeat center;
	background-size:56% 56%; 
	float:right;
	border:1px solid #000;
}
.views .new-items .right .title{
	font-size:18px;
	font-weight:600;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height:1.2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.view__text{ text-align: justify; color: #333; font-size: 16px; line-height: 2;width:66%; margin-left:30px;float:left}



.view__text img{ max-width: 100%; width: auto; height: auto; clear: both;  text-align: center; margin-bottom: -5px;}



.pageprev{ padding-top: 26px; border-top: 1px solid #d1d1d1; padding-bottom: 28px;}



.pageleft{ float: left;}



.pageinfo{ margin-bottom: 5px;}



.pageinfo a{ display: inline-block; color: #a4a4a4; font-size: 14px;}



.pageinfo a:hover{ color: #cc8e02;}



.pageprev .backlist{ float: right; color: #a4a4a4; font-size: 14px;}



.pageprev .backlist:hover{ color: #cc8e02;}



Ahover







.cultured{ background-attachment: fixed; background-position: center; background-size: cover;}



.culture__top{ padding: 98px 0 96px; text-align: center;}



.culture__top strong{ display: block; color: #fff; font-size: 30px; font-weight: bold; line-height: 1; text-align: center; margin-bottom: 14px;}



.culture__top small{ display: block; color: #fff; font-size: 16px; position: relative; text-align: center; line-height: 1; font-family: arial; padding-bottom: 20px; margin-bottom: 44px;} 



.culture__top small:before{ content: ""; width: 28px; height: 4px; background: #cc8e02; 



position: absolute; left: 50%; margin-left: -14px; bottom: 0;}



.culture__top p{ text-align: center; color: #fff; font-size: 18px;}



.culture__list li{ margin-left: -1px; margin-top: -1px; width: 33.33333%; float: left; position: relative; z-index: 2;}



.culture__wr{ border: 1px solid #fff; border: 1px solid rgba(255,255,255,0.28); height: 400px; position: relative; transition: 0.65s;}



.culture__in{ text-align: center; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -30px; transition: 0.5s;}



.culture__in strong{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 30px; margin-bottom: 14px;}



.culture__in small{ display: block; text-align: center; line-height: 1; color: #fff; font-size: 16px; font-family: arial;}



.culture__in p{ color: #ffffff; font-size: 18px; line-height: 1.5; opacity: 0; visibility: hidden; transition: 0.5s; max-width: 90%; margin: auto; margin-top: 48px;}



.culture__wr:hover{ background: #cc8e02;}



.culture__wr:hover .culture__in p{ opacity: 1; visibility: visible;}



.culture__wr:hover .culture__in{ margin-top: -67px;}











.map-box{ background:#fff;}



.map{ width:50%; float:left; height:420px;background:#333;}



.anchorBL{ display:none;}



.BMap_bubble_title{ color:#cc8e02; font-size:14px; font-weight:bold;}



.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}







@keyframes scales {



    0% { opacity: 0.2; transform: scale(0.6);}



    33% { opacity: 0.5; transform:scale(0.8);}



    66% { opacity: 1; transform:scale(1);}



    100% { opacity: 0.6; transform:scale(0.6); }



}



.addre{ width:50%; float:left;}



.addrewr{ width:496px; margin-left:102px; margin-top:82px;}



.add-info{ margin-bottom:22px;}



.add-info:last-child{ margin-bottom:0;}



.addicon{ width:62px; height:62px; border-radius:50%; border:1px solid #ded9ce; float:left; position:relative;}



.addicon:before{ content:""; width:104%; height:104%; position:absolute; left:-2%; top:-2%; border-radius:50%; background:#ded9ce; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.34s;}



.addicon img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}



.add-info:hover .addicon:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}



.addright{ width:400px; float:right;}



.addright span{ display:block; color:#333333; font-size:16px; margin-bottom:6px;}



.addright span:last-child{ margin-bottom:0;}







.message-box2{ padding:80px 0 80px; background-size:cover !important;}



.message{ width:850px; margin:auto;}



.message .commont h3,.message .commont small{ color:#fff;}



.message-list{ margin-top:68px;}



.message-info{ width:31%; margin-right:3.5%; margin-bottom:24px; float:left;}



.message-info1{ width:100%;}



.message-info:nth-child(3n+3){ margin-right:0;}



.message-info span{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:10px; padding-left:3px; float:left;}



.messt{ padding-left:6px; width:255px; border:1px solid  rgba(255,255,255,0.3); outline:none; padding-top:0; padding-bottom:0; color:#fff; line-height:38px; height:38px; background:none; display:inline-block; float:left; transition:320ms;}



.messt:focus{ border-color:#cc8e02;}



.message-info textarea{ width:844px; height:106px; border:1px solid rgba(255,255,255,0.3); outline:none; background:none; padding:0; line-height:1.4; color:#fff; font-family:"Source Han Sans CN" , "Microsoft YaHei", "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif; transition:300ms; padding-left:6px}



.message-info textarea:focus{ border-color:#cc8e02;}



.tyan{ display:inline-block; margin-left:14px; width:105px; height:39px; float:left;}



.tearmfix{ padding:78px 0 40px;}



.tearmfix .tearmlist li{ margin-bottom:24px;}



.tearmfix .tearmlist li span{ background:#fafcfe;}



.tearmfix .tearmlist li:hover span{ background:#be8f65;}



.newinner{ width:1000px; margin:auto;}







.message-sub{  float:left; width:100%;}



.message-sub input{ width:100%; height:40px; line-height:40px; color:#ffffff; font-size:14px; text-align:center; background:#cc8e02; border:none; outline:none; transition:334ms; cursor:pointer; font-family:"Source Han Sans CN" , "Microsoft YaHei", "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif;}



.message-sub input:hover{ opacity:0.8;}



.messagep{ margin-top:22px; width:100%; float:left;}



.messagep p{ color:#fff; font-size:14px;}







.commont h3{ line-height:1; color:#666666; font-size:35px; text-align:center; margin-bottom:12px;}



.commont small{ display:block; text-align:center; line-height:1; color:#999999; font-size:12px; font-family:"Arial";}





/* ============================================================
		   Layer.msg 风格弹窗 ———— 核心样式
		   ============================================================ */

/* ---- 消息容器 ---- */
.layer-msg-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
	pointer-events: none;
	/* 让点击穿透，但内部元素可交互 */
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

/* ---- 单条消息 ---- */
.layer-msg-item {
	pointer-events: auto;
	background: rgba(0, 0, 0, 0.78);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #fff;
	padding: 14px 28px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.6;
	display: flex;
	align-items: center;
	gap: 12px;
	box-shadow: 0 12px 48px rgba(0, 0, 0, 0.35);
	min-width: 120px;
	max-width: 480px;
	text-align: center;
	justify-content: center;
	transition: opacity 0.25s ease, transform 0.25s ease;
	/* 初始隐藏（由 JS 控制显示） */
	opacity: 0;
	transform: scale(0.90) translateY(10px);
}

/* 入场状态（由 JS 添加） */
.layer-msg-item.msg-show {
	opacity: 1;
	transform: scale(1) translateY(0);
}

/* 退场状态（由 JS 添加） */
.layer-msg-item.msg-hide {
	opacity: 0;
	transform: scale(0.90) translateY(10px);
}

/* ---- 消息图标 ---- */
.layer-msg-item .msg-icon {
	font-size: 22px;
	line-height: 1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
}

/* ---- 不同类型配色（可自定义） ---- */
.layer-msg-item.msg-type-success .msg-icon {
	color: #4ade80;
}
.layer-msg-item.msg-type-error .msg-icon {
	color: #f87171;
}
.layer-msg-item.msg-type-warning .msg-icon {
	color: #fbbf24;
}
.layer-msg-item.msg-type-info .msg-icon {
	color: #60a5fa;
}
.layer-msg-item.msg-type-loading .msg-icon {
	color: #a78bfa;
	animation: msg-spin 1s linear infinite;
}

/* loading 旋转动画 */
@keyframes msg-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* ---- 响应式适配 ---- */
@media (max-width: 600px) {
	.layer-msg-item {
		padding: 12px 20px;
		font-size: 14px;
		min-width: 80px;
		max-width: 90vw;
	}
	.layer-msg-item .msg-icon {
		font-size: 18px;
		width: 22px;
		height: 22px;
	}
	.btn-group button {
		padding: 10px 20px;
		font-size: 13px;
	}
}