.container 
{ width: 80%; margin: 0 auto; max-width: 1400px;}


#logo{height: 85px;}

header{ position:fixed ; left: 0; top: 0; width: 100%; background-color: #fff;
width: 100%;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 0 rgba(0, 0, 0, .1);  z-index: 100;}



.searchbox{ width: 250px; height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }

.searchbox .keys{ width: calc(100% - 50px); padding-left: 18px;}

.searchbox .submit{height: 40px; width: 40px; background: url(../images/serachBtn.png) no-repeat center center; background-size: auto 42%; cursor: pointer;}

nav li{ padding: 0 25px; position: relative; }

nav li a.oneNav{ line-height: 100px; font-size: 16px;}

nav li a.oneNav:hover{ color: #2b176e;}

nav  li dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:60px; padding: 20px 0; left: 50%; 

}

nav  li dl dd{white-space: nowrap;padding: 6px 20px; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}

nav  li dl dd:last-child{border-bottom:0}

nav  li dl dd a{ padding: 0 10px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }

/*nav  li dl dd:hover{background:#2b176e}*/

nav  li dl dd:hover a{opacity: .8;}


nav  li dl{ visibility:hidden; opacity:0; background: #dddddd; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

.iconfont.icon-arrow-down{ transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }

.iconfont.icon-arrow-down.up{ transform: rotate(180deg) ; -webkit-transform: rotate(180deg) ; -moz-transform: rotate(180deg) ; -ms-transform: rotate(180deg) ; -o-transform: rotate(180deg) ; }

@media screen and (min-width:1000px) {
	nav  li:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }

	nav  li>a:hover:after{top:0}

	nav  li>a:hover span{transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%)}

	

}


.wapShow{ display: none;}



.h_nav{ height: 60px; width: 50px;padding: 18px 8px ;    align-items: flex-end; display: none;}



.h_nav .burger{ width: 100%;  height: 2px ; background: #333333;  transition: .8s; display:inline-block;       }

.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }

.h_nav .burger:nth-of-type(2){  width: 50%;}

.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite}

.h_nav.close .burger:first-child{ display: none;}

.h_nav.close .burger:nth-of-type(3){ display: none;}

.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}

.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   

         position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #333333;      opacity: 0;      z-index: 1;}

.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }

.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }

.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }



.banner{ margin-top: 110px;}

.banner .swiper-pagination-bullet{ border-radius:50%; width: 8px; height: 8px; margin: 0 10px !important; -webkit-border-radius: 50%;
 -moz-border-radius: 50%; -ms-border-radius:50%; -o-border-radius: 50%; }

.banner .prev {background: url(../images/light-arrows.png)no-repeat;height: 40px;
width: 19px; position: absolute; left: 10px; top: 50%; cursor: pointer; z-index: 2;}

.banner .next {background: url(../images/light-arrows.png)no-repeat;height: 40px;
width: 19px; position: absolute; right: 10px; top: 50%; cursor: pointer; z-index: 2; background-position: -19px 0;}

.main-content{margin-top: 110px; padding-bottom: 35px;}
.lists-atr .item{ margin-top: 3%; width:15% ; margin-right:2% ;}
.lists-atr .item:nth-child(6n){margin-right: 0;}
.lists-atr .item:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

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

  .lists-atr .item{   width: 31%; margin-right: 3.5%;;}
.lists-atr .item:nth-child(3n){margin-right: 0;}

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


  .lists-atr .item{   width: 100%; margin-right: 0 !important;;}

}



.page_Projects .item{width: 22.75%;
margin-left: 3%;
margin-bottom: 3%;  position: relative; transition: filter 300ms ease 0ms;}

.page_Projects .item img{width: 100%;
  vertical-align: bottom;
  margin-bottom: 0;
}
.page_Projects .item:nth-child(4n+1){margin-left: 0;}
.page_Projects .item:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

/* .page_Projects .item img:hover{-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition:all 1s ease-in-out ;

  -o-transition:all 1s ease-in-out;

  -moz-transition:all 1s ease-in-out;

  -ms-transition:all 1s ease-in-out;} */

.page_honor .item p{text-align: center; padding: 20px 0; box-sizing: border-box; display: none;}

.page_honor .item .img img {
  max-width: 100%;
  max-height: 100%;}
  .flex-center{  display: flex; align-items: center;}
  .flex-wrap{ flex-wrap: wrap;}
.page_Projects_dis{padding: 2% 0;}
.page_Projects_dis .Left{width: 38.2%; margin-right: 2%;}
.page_Projects_dis .Left .top {padding-bottom: 6%; border-bottom: 2px solid #333333;  border-top: 2px solid #333333;}
.page_Projects_dis .Left .top .title{margin-bottom: 3.927%; color: #828282; line-height: 1.4em; font-size: 18px;}
.page_Projects_dis .Left .top p{word-wrap: break-word;line-height: 1.8em; font-size: 14px; margin-bottom: 10px;}
.page_Projects_dis .Left .bottom{padding: 6% 0;}
.page_Projects_dis .Left .bottom .t1{color: #828282; line-height: 1.4em; font-size: 18px; margin-bottom: 1%; font-weight: lighter;}
.page_Projects_dis .Left .bottom .t2{word-wrap: break-word;line-height: 1.8em; font-size: 14px; margin-bottom: 4%; font-weight: lighter;}
.page_Projects_dis .Right{width: 58.8%;}
.page_Projects_dis .Right .pic{width: 100%; 
position: relative;
}
.page_Projects_dis .Right .pic img{width: 100%;}
.Projects_dis_img li{width: 100%;argin-right: 5.102%;margin-bottom: 5.102%; position: relative;}
.Projects_dis_img li .et_ico{position: absolute; color: #333333;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 32px;
-webkit-transition: all .4s;
transition: all .4s; background-color: rgba(255, 255, 255, 0.44);
border-color: rgba(255, 255, 255, 0.44); width: 100%; height:100% ; display: flex;
justify-content: end; opacity: 0;}
.Projects_dis_img li .et_ico i{padding: 40px; }
.Projects_dis_img li:hover .et_ico{opacity: 1; -webkit-transition:all .5s ease-in-out ;

  -o-transition:all .5s ease-in-out;

  -moz-transition:all .5s ease-in-out;

  -ms-transition:all .5s ease-in-out;}



/*在建工地弹出层*/
.fancybox-skin {	position: relative;	background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0 10px 15px rgba(0, 0, 0, 0.2);box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {	background-image: url(../images/fancybox_sprite.png);}
#fancybox-loading {	position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url(../images/fancybox_loading.gif) center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(../images/blank.gif); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {	left: 0;}
.fancybox-next {	right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {	right: 10px;	background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {	position: absolute;	top: -99999px;	left: -99999px;	max-width: 99999px;	max-height: 99999px;	overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {	overflow: visible !important;	width: auto;}
.fancybox-lock body {	overflow: hidden !important;}
.fancybox-lock-test {	overflow-y: hidden !important;}
.fancybox-overlay {	position: absolute;	top: 0;	left: 0;	overflow: hidden;	display: none;	z-index: 8010;	background: #ffffff;}
.fancybox-overlay-fixed {	position: fixed;	bottom: 0;	right: 0;}
.fancybox-lock .fancybox-overlay {	overflow: auto;	overflow-y: scroll;}
/* Title helper */
.fancybox-title {	visibility: hidden;	position: relative;	text-shadow: none;	z-index: 8050;}
.fancybox-opened .fancybox-title {	visibility: visible;}
.fancybox-title-float-wrap {	position: absolute;	bottom: 0;	right: 50%;	margin-bottom: -35px;	z-index: 8050;	text-align: center;}
.fancybox-title-float-wrap .child {	display: inline-block;	margin-right: -100%; padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);	-webkit-border-radius: 15px;	-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;	color: #FFF;	font-weight: bold;	line-height: 24px;	white-space: nowrap;}
.fancybox-title-outside-wrap {	position: relative;	margin-top: 10px;	color: #fff;}
.fancybox-title-inside-wrap {	padding-top: 10px;}
.fancybox-title-over-wrap {	position: absolute;	bottom: 0;	left: 0;	color: #fff;	padding: 10px;	background: #000;	background: rgba(0, 0, 0, .8);}


.page_news .title{font-size: 24px; color: #828282; padding: 0 0 60px;}
/*  margin-left: 3%; margin-bottom: 3%; */
/* .page_news_list li{ width: 31.333%; margin: 1.5%; box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.2);}
.page_news_list li:nth-child(3n+1){margin-left: 0;} */

.page_news_list li{     margin:40px 15px;  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.2);}
 
.page_news_list li .pic img{min-width: 100%; max-width: 100%; height: auto; vertical-align: bottom;}
.page_news_list li .text{padding: 30px 25px; box-sizing: border-box;}
.page_news_list li .text .t1{font-size: 19px; color: #333333; margin-bottom: 12px;}
.page_news_list li .text .t2{font-size: 14px; margin-bottom: 12px;   color: #666666; }
.page_news_list li .text .t3{color: #666666; font-size: 14px;margin-bottom: 12px; line-height: 1.7em;} 
.page_news_list li .text .t4{color: #333333; font-size: 16px;}


.page_news_dis {padding: 40px 0;}
.page_news_dis .Left{width: 22.75%; margin-right: 3%; margin-top: 20px; padding: 2.855% 0; border-top: 1px solid #666666;}
.page_news_dis .Left .posts_nav{margin-bottom: 6.593%;}
.published{font-size: 14px; margin-top: 20px;}
.page_news_dis .Right{width: 70.25%;}
.page_news_dis .Right .title{color: #828282; font-weight: lighter; font-size: 28px; line-height: 2em; margin-bottom: 20px;}
.page_news_dis .Right p{color: #333333; font-size: 14px; line-height: 2em; margin-top: 20px; }
.page_news_dis .Right .banner{margin-top: 60px; margin-bottom: 60px;}
.page_news_dis .Right .banner.container{width: 100%;}

.page_about {width: 100%; max-width: 1100px; margin: 0 auto; padding-bottom: 80px;}
.page_about .top .title{font-size: 48px; color: #222222; margin-bottom: 20px; }
.page_about .top .text p{font-size: 16px; color: #333333; line-height: 2.2em; }

.page_about .center .img{  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
 
}
.page_about .center .img img{width: 100%; height: 100%; object-fit: cover;}
.page_about .center {margin: 50px 0; background: #efefef;}
.page_about .center .text{ padding: 20px; box-sizing: border-box; -webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 1;} 
.page_about .center .text p{font-size: 16px; color: #333333; line-height: 2.2em; }
.page_about .center .div1{-webkit-box-align: stretch; width: 50%;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; display: flex;}
.page_about .center .div2{-webkit-box-align: stretch; width: 50%;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; display: flex;}


.page-aside { position: fixed; right: -6px; bottom: 180px; transform: translateX(100%); z-index: 25; opacity: 0; transition: transform .3s, opacity .3s; -webkit-transition: transform .3s, opacity .3s; -moz-transition: transform .3s, opacity .3s; -ms-transition: transform .3s, opacity .3s; -o-transition: transform .3s, opacity .3s; }

.page-aside.show {transform: translateX(0);opacity: 1}

.page-aside .img {max-width: 100%}

.page-aside-item {width: 54px;text-align: center;height: 50px;position: relative;z-index: 1;cursor: pointer;display: block;background-color: rgba(0, 0, 0, .5);margin: 4px 0;border-top-left-radius: 6px;

	border-bottom-left-radius: 6px;padding-right: 6px;transition: transform .3s;display: flex;align-items: center;justify-content: center}

.page-aside-item .icon {width: 24px}

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; display: none;}

#toolbar a {width: 25%;padding: 10px 0;text-align: center;color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}

#toolbar img{ height: 20px; margin-bottom:5px;}


.quickshare-container{border-top: 1px solid rgba(180,180,180,.5);
border-bottom: 1px solid rgba(180,180,180,.5); padding: 12px 0; margin-bottom:30px;}
.quickshare-container span{display: block; margin-right: 10px;}
.quickshare-container a{display: block; width: 32px; min-width: 32px; height: 32px; margin: 0 12px;}
.quickshare-container a i{font-size: 28px; color: #d8d8d8; -webkit-transition:all .3s ease-in-out ;

  -o-transition:all .3s ease-in-out;

  -moz-transition:all .3s ease-in-out;

  -ms-transition:all .3s ease-in-out;}
.quickshare-container a:hover i.icon-weibo{color: #ea3b35;}
.quickshare-container a:hover i.icon-weixin{color: #28c445;}
.quickshare-container a:hover i.icon-qq{color: #68a5e1;}
.quickshare-container a:hover i.icon-email{color: #4873ed;}

header nav .language{width: 40px; position: relative;z-index: 99; cursor: pointer;}

header nav .language dl{position:absolute;text-align: center;min-width: 100%; width: auto;top:58px;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15);

	border-bottom-left-radius:5px;border-bottom-right-radius:5px;

}

header nav .language dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}

header nav .language dl dd:last-child{border-bottom:0}

header nav .language dl dd a{ padding: 0 10px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }

header nav .language dl dd:hover{background:#333333}

header nav .language dl dd:hover a{color:#fff!important;}

header nav .language dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #fff;top:-9px;left:50%;margin-left:-9px}

header nav .language dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

@media screen and (min-width:1000px) {



	header nav .language:hover dl{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }

	

}

.i_footer{padding: 20px 0 ; border-top: 1px solid #d8d8d8; margin-top: 30px;}
.molanguage{display: none;}

.c-cardWorks>a>div {
 /*position:absolute;*/
}


.c-cardWorks__cover {
 position:absolute;
 z-index:1;
 top:0;
 left:0;
 width:100%;
 height:100%;
 overflow: hidden;
}
.c-cardWorks__cover::after,
.c-cardWorks__cover::before {
 content:"";
 position:absolute;
 display:block;
 top:50%;
 width:50%;
 height:106%;
 background:rgba(0,0,0,.4);
 filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
 -webkit-filter:blur(1px);
 filter:blur(1px);
 -webkit-transition:all .6s cubic-bezier(0,0,.25,1) 0s;
 transition:all .6s cubic-bezier(0,0,.25,1) 0s
}
.c-cardWorks__cover::before {
 left:0;
 -webkit-transform:translate(-125%,-50%) skew(-15deg);
 transform:translate(-125%,-50%) skew(-15deg)
}
.c-cardWorks__cover::after {
 right:0;
 -webkit-transform:translate(125%,-50%) skew(15deg);
 transform:translate(125%,-50%) skew(15deg)
}
.page_Projects .item:hover .c-cardWorks__cover::before{ -webkit-transform:translate(0,-50%); transform: translate(0,-50%); filter: none;}
.page_Projects .item:hover .c-cardWorks__cover::after{-webkit-transform:translate(0,-50%); transform: translate(0,-50%); filter: none;}

.c-cardWorks__info{position: absolute;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
width: 100%;
height: 100%;
top: 0;}
.c-cardWorks__info p{ color: #ffffff; width: 100%;
font-size: 14px;
		
text-align: center;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
.page_Projects .item:hover .c-cardWorks__info{visibility: visible; opacity: 1;  
-webkit-transition:all .35s cubic-bezier(0,0,.25,1) .4s;
 transition:all .35s cubic-bezier(0,0,.25,1) .4s}