@charset "utf-8";
/* About */
.image-top {position:fixed;top:0;z-index:1;width:100%;height:100%;background: url(../images/aboutus.jpg) no-repeat;background-position:0 0;background-size: cover;transition:all 36s ease-out;-webkit-transition:all 36s ease-out;-moz-transition:all 36s ease-out;-o-transition:all 36s ease-out;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.image-top.ainimatesty{transition:all 36s ease-out;-webkit-transition:all 36s ease-out;-moz-transition:all 36s ease-out;-o-transition:all 36s ease-out;-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}
.image-top2{background-image: url(../images/aboutus.jpg);}
.div-center-main {width:100%;height:360px;}
.about{max-width:100%;margin:0 auto;position:relative; z-index:80;}
.rineinfo{width:100%;float:left;margin-bottom:100px;}
.rineinfo dl dt{width:40%;float:right;height:640px;}
.rineinfo dl dt img{width:100%;height:640px;}
.rineinfo dl dd{width:60%;background-color:#282828;color:#fff;float:left;height:640px;}
.rineinfo dl dd div{padding:5em;}
.rineinfo dl dd h2{font-size:48px;margin-bottom:30px;}
.rineinfo dl dd h2 strong{display:block;line-height:48px;margin-bottom:20px;}
.rineinfo dl dd p{margin-bottom:30px;line-height:30px;}

.r4{width:25%;float:left;background:#fff;height:440px;margin-bottom:150px;}
.r4 div{padding:5em 2em;}
.r4 div h2{font-size:48px; margin-bottom:50px;}
.r4 div p{font-size:14px; line-height:30px;}
.r4img{width:25%;float:left;height:440px;overflow:hidden;margin-bottom:150px;}
.r4img img{height:440px;}

/* News */
.content{width:100%; margin:0 auto; position:relative; padding-top:120px; clear:both; z-index:9;}
.styjs{overflow:hidden;}
.news_left{float:left;}
.news_left ul li{float:left; margin-right:10px; margin-bottom:10px; animation:myfirst 5s;-moz-animation:myfirst 5s; -webkit-animation:myfirst 5s; -o-animation:myfirst 5s;}
.news_right{float:right;}
.news_right ul li{float:right;margin-right:10px; margin-bottom:10px;}
.bgimg{position:fixed; top:0px;left:0; width:100%; z-index:-1; min-width:1280px !important;}
.bgimg img{width:100%;}
.fig-hover-item:hover{opacity: 1;transform: scale(1);transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;}
.fig-hover-item{width:100%; height:100%;}
.ui-wrap{padding:0 30px;}
.overlay-color{background-color:#ccc !important;}
.bbsList {clear: both;height: 100%;min-height: 620px;position: relative;width:100%;z-index: 3;}
.bbsList li {height: 620px;background:#fff;opacity:0.6;left: 0;position: absolute;top: 0;width: 296px;z-index: 3;}
.bbsList li a {background: url("../images/boxbg.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);display: block;height: 100%;overflow: hidden;position: relative;width: 100%;}
.bbsList .project .link {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #4e4e51;height: auto;left: 30px;position: absolute;top: 84px;width: auto;}
.bbsList li .title {color: #99999a;display: block;font-size: 24px;font-weight: normal;letter-spacing: -1px;line-height: 1;margin: 30px 30px 0;max-height: 50px;min-height: 50px;overflow: hidden;}
.bbsList li .date {display: inline-block;line-height: 1;margin: 45px 30px 0 25px;position: relative;vertical-align: top;z-index: 3;}
.bbsList li .day {color: #4e4e51;display: block;font-size: 90px;line-height: 1;}
.bbsList li .month {background-color: #202020;bottom: 8px;color: #4e4e51;display: block;font-size: 9px;line-height: 1;min-width: 45px;padding: 2px 2px 4px;position: absolute;right: 0;text-align: center;}
.bbsList li.intro .day, .bbsList li.intro .month {color: #d60000;}
.nsinf{width:226px; margin:0 auto; padding-top:36px;}
.nsinf .tts{text-align:right; position:relative; font-size:90px; height:90px;font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
.nsinf .tts em{font-size:12px; position:absolute; right:0; bottom:6px; font-style:normal; font-weight:normal; display:inline-block; padding:0 10px; background:#fff; opacity:1;}
.overlay{width:226px !important;}
.overlay:before, .overlay:after {bottom: 16px;content: "";left: 16px;opacity: 0;position: absolute;right: 16px;top: 16px;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;z-index: 1;}
.no-opacity .overlay:before, .no-opacity .overlay:after {display: none;}
.overlay:before {border-bottom: 1px solid #bababa;border-top: 1px solid #bababa;transform: scale(0, 1);}
.overlay:after {border-left: 1px solid #bababa;border-right: 1px solid #bababa;transform: scale(1, 0);}
.overlay.thicker:before {border-bottom: 3px solid #bababa;border-top: 3px solid #bababa;}
.overlay.thicker:after {border-left: 3px solid #bababa;border-right: 3px solid #bababa;}
.overlay-color {background: none repeat scroll 0 0 #fff ;bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 0.35s ease 0s;}
.no-opacity .overlay-color {display: none;}
.overlay-fig {background: none repeat scroll 0 0 #fff;bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 0.35s ease 0s;}
.no-opacity .overlay-fig {visibility: hidden;}
.overlay-fig-img {bottom: 0;left: 0;margin: 0;opacity: 0.4;position: absolute;right: 0;top: 0;}
.no-opacity .overlay-fig-img {display: block;}
.overlay-content {bottom: 4px;left: 35px;right: 35px;opacity: 1;position: absolute;transform: translate3d(0px, -10px, 0px);height:250px; overflow:hidden;transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;z-index: 4;}
.overlay-content .los{margin-top:50px;}
.no-opacity .overlay-content {display: none;}
.overlay-content h3 {font-family:微软雅黑;margin:20px 0; display:block;font-size: 16px;height:16px; overflow:hidden;font-weight: 400;line-height: 1.13333em;}
.overlay-content h3 small {display: block;font-size: 0.666667em;font-style: italic;line-height: 1.15em;margin-top: 4px;}
.overlay-content h3 a {display: block;}
.overlay-content p{line-height:22px;}
.overlay-content > a {display: block;font-size: 0.777778em;font-weight: 700;letter-spacing: 1px;padding: 13px 0;text-transform: uppercase;}
.overlay-content > a.light {opacity: 0.7;transition: all 0.15s ease 0s;}
.overlay-content > a.light:hover {opacity: 1;}
.overlay-content .hr, .overlay-content hr {background: none repeat scroll 0 0 #fff;border: medium none;display: block;height: 1px;margin: 0;width: 42px;}
.fig-hover-item {clear: both;line-height: normal;position: relative;}
.fig-hover-item .fig {height: 100%;margin: 0;width: 100%;}
.fig-hover-item > .full-link {z-index: 1;}
.fig-hover-item:hover .overlay-fig {opacity: 1;}
.no-opacity .fig-hover-item:hover .overlay-fig {visibility: visible;}
.fig-hover-item:hover .overlay-color {opacity: 1;background:#fff !important;}
.no-opacity .fig-hover-item:hover .overlay-color {display: block;}
.fig-hover-item:hover .overlay:before, .fig-hover-item:hover .overlay:after {opacity: 1;transform: scale(1);transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;}
.no-opacity .fig-hover-item:hover .overlay:before, .no-opacity .fig-hover-item:hover .overlay:after {display: block;}
.fig-hover-item:hover .overlay-content {opacity: 1;transform: translate3d(0px, -40px, 0px);height:auto;}
.no-opacity .fig-hover-item:hover .overlay-content {display: block;}


/* Contact */
.vdinfo{position: fixed; width:100%; height:100%;top:0px; z-index:-1;}
.cnslist{width:96%; padding:5% 2%;margin:0 auto; margin-top:40%;background-color:#fff;float:left}
.cnslist ul{float:left; width:100%;}
.cnslist ul li{float:left; width:32.33%; margin-bottom:40px;margin-right:1%; font-size:12px; color:#646464;}
.cnslist ul li.event{margin-right:0;}
.cnslist ul li h2{border-bottom:1px solid #d2d2d2; font-size:14px; line-height:18px; margin-bottom:15px; color:#000; padding-bottom:5px;}
.cnslist ul li h2.ens{font-size:12px;}
.cnslist .l-times{float:left; width:195px;}
.cnslist p {margin-bottom:5px; font-family:Verdana, Microsoft YaHei;}
.cnslist p strong{color:#646464; font-family:Verdana, Microsoft YaHei;}
.cnslist ul li a.more{border:1px solid #333333;-moz-border-radius: 10px;-webkit-border-radius: 10px;display:inline-block; margin-right:10px;border-radius:10px; padding:1px 10px;}
.cnslist ul li a.more:Hover{background:#4c4c4c; color:#fff; border:1px solid #4c4c4c;}
.yearsdiv{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.years{font-size:60px; padding-top:80px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} 
.xtsty{height:5px; width:50px; background:#000; display:inline-block; margin-top:40px; margin-left:10px;}
.container{position: relative;min-width: 1040px;margin: 0 auto;*zoom: 1;display:table;}
.container .functions{background-image:url(../images/serpent.jpg); width:400px; height:400px; float:right; background-color:#fff;top:160px; position:relative;}
.container .functions .button{background-color: #fff;border: medium none;box-sizing: border-box;cursor: pointer;display: block;width:200px;margin-top: 10em;margin-left:5em;text-align: center;line-height:3em;font-size:20px;}
.container .panel-reservation{float:left; background:#fff; width:520px; padding:5em; height:600px; position:relative;}
.container .pattern-gray{float:right; width:520px;padding:5em; background:#fff url("../images/pattern-gray.jpg"); color:#fff; position:relative; top:-160px;}
.container h2{font-size: 48px;margin-bottom: 20px;}
.div-bottom h2{font-size: 48px;margin-bottom: 20px;}

/* Cases */
#banner{
  height: 636px;
  width:100%;
  overflow: hidden;
  position: relative;
}
.cases-banner{width:100%; height:636px; background-repeat: no-repeat;background-position: center center; z-index:0; overflow:hidden;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;text-align: center;
    overflow: hidden;
    /* -webkit-backface-visibility: hidden; */
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
  }
  

/* @-webkit-keyframes imageAnimation { 
  0% {
      opacity: 1;
      -webkit-animation-timing-function: ease-in;
  }
  8% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      -webkit-animation-timing-function: ease-out;
  }
  17% {
      opacity: 1;
      -webkit-transform: scale(1.1);
  }
  25% {
      opacity: 1;
      -webkit-transform: scale(1.1);
  }
  100% {opacity: 1 }
} */

.mid_wrap:before {
    display: inline-block;
    content: " ";
    height: 100%;
    vertical-align: middle;
    width: 0;
}
.mid_wrap{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:864px;
  text-align: center;
}
#banner h2{position:absolute;padding:0 5%; top:41%;left:0;right:0; font-size:36px;line-height:1.25;font-weight:normal;color:#fff;text-align: center;}
#banner h3{position:absolute;padding:0 5%; top:50%;left:0;right:0;left:0;right:0; font-size:20px;line-height:1.25;font-weight:normal;color:#fff;text-align: center;}
#banner h4{position:absolute;padding:0 5%; top:41%;left:0;right:0; font-size:36px;line-height:1.25;font-weight:normal;color:#fff;text-align: center;}
/* .cases-banner h4:after{content:"";width:53px;height:1px;background: #fff;float:left;} */

.list-banner2{position:relative; left:0; top:0;  width:100%; height:auto; background-color:#1D2936; z-index:0; overflow:hidden; background:none;}
.list-banner2 .img img{width:100%;}
.list-banner2 h2{position:absolute; padding:0 5%; bottom:60px; font-size:48px; line-height:1.25; font-weight:normal;color:#fff;}
.list-banner2 p{font-size:14px; position:absolute;padding:0 5%; left:0px; bottom:35px; font-size:14px; color:#fff;}
.cases{width:90%;margin:0 auto;padding:40px 5%;float:left}
.cases ul{width:24%;margin:2% 0.5%;float:left;}
.cases ul p{width:100%;float:left;overflow:hidden}
.cases ul p img{width:100%;float:left;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}
.cases ul p img:hover{transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);}
.cases ul li{width:100%;float:left;overflow:hidden;text-align:center;line-height:32px;font-size:16px;}
.cases ul em{width:100%;float:left;overflow:hidden;text-align:center;line-height:32px;}
.casescolor{background-color:#1D2936;color:#fff}
.waper-list-xq{padding:0 3.2%; margin-top:2%;}
.fg-top-tit{width:100%;display:table;}
.fg-top-tit .ml{font-size:14px; color:#6F6F6F;}
.fg-top-tit li{margin:2% 0;}
.fg-top-tit  .index-one{float:left;}
.fg-top-tit  .index-one a{display:block; width:102px; height:28px; border:1px solid #9D9D9D; text-align:center; line-height:28px; font-size:14px; border-radius:5px;}
.fg-top-tit  .index-one a:hover{background-color:#9D9D9D; color:#fff;}
.fg-bom-case{width:90%; margin:0 5%;overflow:hidden;float:left;padding:0px;}
.fg-bom-case img{width:100%;padding:0px;}

/* Detail */
.dd{width:100%;margin:auto;padding-top:115px;}
.detail{width:33.33%;float:left;overflow:hidden;}
.d-menu{width:100%;float:left;text-align:center;line-height:32px;font-size:14px;color:#fff}
.dtitle{width:100%;float:left;height:315px;background-color:#fff}
.dtitle .simg{width:100%;float:left;height:315px;overflow:hidden;}
.dtitle .simg img{width:100%;float:left;height:315px;}
.dtitle .sstxt{width:100%;float:left;height:315px;color:#fff;display: -webkit-box; display: -moz-box; -webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;font-size:21px}
.green{background-color:#96af21}
.yellow{background-color:#e7b350}
.blue{background-color:#54afdd}
#works .wrap {
  width: 100%;
  margin:0 auto;
  padding:0px 0 30px 0;
}
#works .sub_title2 {
  margin: -5px 0 30px 0;
}

#works-menu {
  position: relative;
  width: 100%;
  z-index: 200;
  padding-bottom: 15px;
}

#works-menu nav {
  /*  display: inline-block;*/
  display: block;
  height: 88px;
  width: 100%;
  background-color: #303030;
  background-color: rgba(48, 48, 48, 0.95);
  text-align: center;
  overflow: hidden;
  /*  overflow-x: scroll;*/
  border-bottom:1px solid #e6e6e6;
}
#works-menu nav ul {
  display: block;
  padding: 0 10px;
  overflow: hidden;
}
#works-menu nav span,
#works-menu nav a {
  display: inline-block;
  font-size: 16px;
  height: 88px;
  line-height: 88px;
  color: #333;
  
  
  /*  text-transform: uppercase;*/
}
#works-menu nav a:before {
  /* font-family: "teamthink"; */
  font-size: 14px;
  margin-right: 5px;
  
}
/* #works-menu nav .html5-icon:before {
  content: "\f13b";
}
#works-menu nav .mobile-icon:before {
  content: "\f10b";
} */
#works-menu nav a:hover{color:#079D71;border-bottom:3px solid #079D71;}
#works-menu nav a:active,
#works-menu nav a.active {
  /* color: #079D71;
  background:url(../images/ico-3.png) left center no-repeat;
  padding:0 0 0 20px; */
  border-bottom:3px solid #079D71;
}
#works-menu nav a.active {
  cursor: default;
}
#works-menu nav > div {
  display: inline;
}
#works-menu nav li {
  display: inline;
}
#works-menu nav span {
  font-size: 14px;
}
/* #works-menu nav .all:after {
  content: "";
  
  margin: 0 3px 0 15px;
} */
#works-menu nav a {
  padding: 0 20px;
  text-align: center;
}
.case_list{padding:0 7%;}
.isotope {
  
  width: 92%;
  height: auto;
  margin:0 auto;
  
}
.isotope ul {
  position: relative;
}
.isotope .item {
  width: 25%;
  margin: none;
  float: left;
 
}
/* .lt-ie9 .isotope .item {
  margin-left: -1px;
} */
.isotope .item .cont {
  display: block;
  
  overflow: hidden;
  border:15px solid #fff;
}
.isotope .item .cont>div {
  overflow: hidden;
}
.isotope .item .cont>div a{
  display:block;
  width:100%;
}
.isotope .item img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  transition:all 0.8s;
  -moz-transition:all 0.8s;
  -webkit-transition:all 0.8s;
  -o-transition:all 0.8s;
  
}
.isotope .item a:hover img{
  transform:scale(1.5);
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  -o-transform:scale(1.5);
  -ms-transform:scale(1.5);
  width:100%;
  margin:none;
  padding:0;
}
.isotope .item .title {
  display: block;
  background:url(../images/ico-2.png) 95% center no-repeat #fff;
  
border-bottom:1px solid #e7e7e7;
  margin: 0;
  padding:0px 45px 10px 20px;
  font-size:12px;color:#999;
}
.isotope .item:hover .title{border-bottom:1px solid #e7e7e7;}
.isotope .item p{font-weight:normal;height:30px; overflow:hidden; line-height:30px;width:100%; display:inline-block;font-size:14px;}
.isotope .item .title-en {
   padding: 25px 0 5px 0;
  text-transform: uppercase;
  color:#666;
  font-size:18px;
  height:54px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 
}
.isotope .item:hover .title {
  background-color: transparent;
  background:url(../images/ico-1.png) 95% center no-repeat #1D2936;
  color: #fff;
  /* transition: all 1s linear 0s;
  -webkit-transition: all 1s linear 0s;
  -moz-transition: all 1s linear 0s;
  -ms-transition: all 1s linear 0s; */
}
.isotope .item:hover .title-en{color:#fff;}
.isotope .btn-group {
  position: absolute;
  width: 100%;
  height: auto;
  overflow: hidden;
  bottom: 75px;
}
.isotope .item:hover .btn-group a {
  height: 50px;
}
.isotope .btn-group a {
  display: block;
  width: 100%;
  height: 0px;
  line-height: 50px;
  margin-bottom: 1px;
  font-size: 12px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.8);
}
.isotope .btn-group a:hover {
  background-color: #fff;
}
/* 分页 */
.page {color: #6f6f6f;line-height: 20px; padding: 60px 0 80px 0; text-align: center; vertical-align: middle; overflow: hidden;font-size:14px }
.page input {vertical-align: middle;}
.page span {margin: 0 10px;}
.page a,.page span {color: #666; display: inline-block; font-family: "微软雅黑"; margin: 0 1px; text-align: center; /*vertical-align: middle;*/ width: auto; padding: 3px 10px; font-size:14px;border:1px #d8d8d8 solid;    float: none;}
.page a:hover, .page span.current {color: #fff; background: #079D71; text-decoration: none; border:1px #079D71 solid;}
.footer2{
	color:#fff;
	font-size:12px;
	text-align: center;
	padding: 15px 0;
    background: #090a0c;
    width:100%;
}

.wp {
    width: 1200px;
    margin: 0 auto;
}
.caseBox{padding-bottom: 110px;}
.case-item .tit{/* height: 72px; */line-height: 72px;margin-top: 25px;border-bottom: 1px solid #e6e6e6; margin-bottom: 40px;}
.case-item .tit h3{font-size: 30px;font-weight: normal;color: #000; font-weight:lighter;float:left;}
.case-item .pic{text-align: center;padding-bottom: 10px;}

.news{
	width:92%;
	margin:0 auto;
	padding-top:30px;
}
.news-list{
	width:33.3333%;
	float: left;
	padding:3% 2% 0 2%;
}
.news-list .title{
	background: url(../images/news-li.jpg) no-repeat left top;
	padding-left:66px;
	/* height:60px; */
}
.news-list .title h2{
	font-size:20px;
	color:#000;
	line-height: 30px;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.news-list .title span{
	display: block;
	font-size:14px;
	color:#777777;
	/*line-height: 30px;*/
	font-weight: normal;
}
.news-list .pic{
	display: block;
	width:100%;
	height:auto;
	margin:30px 0;
   overflow: hidden;
}
.news-list .pic img{
	display: block;
	width:100%;
	height:auto;
  transition: all 1s linear 0s;
  -webkit-transition: all 1s linear 0s;
  -moz-transition: all 1s linear 0s;
  -ms-transition: all 1s linear 0s;
}
.news-list .pic:hover img{
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
}
.news-list .text{
    font-size:14px;
    color:#777;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin-bottom:20px;
}
.news-list .mor{
	display: block;
	width:174px;
	height:44px;
	line-height: 44px;
	text-align: center;
	color:#079D71;
	font-size:14px;
	margin-bottom: 30px;
	font-weight:normal;
	
	position: relative;
}
.news-list .mor span {
    position: absolute;
    display: block;
    font-size: 16px;
    color: #079D71;
    float: left;
    width: 174px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 2px solid #079D71;
}
.news-list .mor:hover span {
	border-color: #fff;
	-webkit-animation: morspan 1s linear;
	animation: morspan 1s linear
}
.news-list .mor em {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width:174px;
	height:44px;
	overflow: hidden;
	border: 2px solid #079D71;
	opacity: .2;
}
.news-list .mor:hover em.em_1 {
	-webkit-animation: dzem1 .5s linear;
	animation: morem1 .5s linear
}
.news-list .mor:hover em.em_2 {
	-webkit-animation: dzem2 .75s linear;
	animation:  morem2 .75s linear
}
.news-list .mor:hover em.em_3 {
	-webkit-animation: dzem3 1s linear;
	animation:  morem3 1s linear
}
.news-list .mor:hover em.em_4 {
	-webkit-animation: dzem4 1.25s linear;
	animation:  morem4 1.25s linear
}
/* .news-list .mor:hover{
	background: #079D71;
	color:#fff;
} */
.news-list .bar{
	height:1px;
	background: #eee;
	width:100%;
}

.ny_content{width: 92%;margin: 0 auto;padding: 4% 0}
.ny_con h1{line-height:36px; font-size:26px; color:#333333; margin-bottom:10px;  font-weight:normal;text-align: center;}
.ny_con .con{line-height: 250%;overflow:hidden;white-space:normal;word-break:break-all;padding-top:20px;color:#666;text-align:left;font-size: 14px}
.ny_con .con img{max-width: 100%!important;height: auto!important;display: block;margin: 0 auto;}
.ny_con .con a{color: #079D71}

.other{overflow:hidden; background:#fff; margin-top:4%;}
.other h3{font-weight:normal; color:#333333; font-size:20px;height:34px; line-height:34px;margin-bottom: 10px}
.other ul li{display:block; border-bottom:1px dashed #e7e7e7; padding: 16px 0;font-size: 14px}
.other ul li a:hover{color: #079D71}

.case-item .tit h4 {
    font-size: 30px;
    font-weight: normal;
    color: #000;
    font-weight: lighter;
    text-align: center;
}
/* .case-item .tit span{
	font-size:14px;
	color:#777;
	text-align: center;
	display: block;
	line-height: 30px;
	padding-bottom:30px;
} */
.contact-tit{text-align:center;padding:40px 0;}
.contact-tit h1{font-size:40px;color:#585858;padding-bottom:15px;line-height: 32px;text-align: center;}
.contact-tit span{font-size:20px;color:#585858;letter-spacing:7px;text-align: center;}
.line{background:#EAEAEA; height:1px; overflow:hidden;}

.Cooperation{width:1200px; margin:auto; padding:35px 0px 150px 0; position:relative;}
.Cooperationleft{float:left; width:43%;color:#212121; line-height:30px;}
.Cooperationleft h3{font-size:34px; line-height:42px; color:#079D71; padding-bottom:25px; font-weight:bold; font-family:"Arial";}
.Cooperationleft h4{font-size:38px; line-height:48px; border-bottom:1px solid #cccccc; padding-bottom:35px; color:#212121;font-weight: bold;}
.Cooperationleft h5{font-size:18px; line-height:26px; padding-bottom:20px;font-weight: bold;}
.Cooperationleft h5 span{font-size:24px; font-weight:bold; color:#212121;line-height:26px;}
.Cooperationleft p{font-size:13px; ;}
.Cooperationleft p.coopb{padding:35px 0px;}
.Cooperationleft a.cal{
  font-size:14px;
  color:#fff;
  background: #079D71;
  padding: 6px 20px;
  margin-top: 30px;
  display: inline-block;
  border-radius: 8px;
  display: none;
}
.Cooperationleft a.cal:hover{
  background:#2b78c1;
}
.Cooperationright{float:right; width:50%;}
.Cooperationright h3{font-size:24px; line-height:30px; padding-bottom:10px;font-weight: bold;margin-bottom:20px;  }
.Cooperationright ul{margin:0px; padding:0px;}
.Cooperationright ul li{margin:0px; padding:0px; min-height:46px; height:auto !important; height:46px; position:relative;margin-right:10px;width:48%;float:left;}
.Cooperationright ul li:nth-child(even){margin-right:0;}
.Cooperationright ul li label{display:block; padding:6px 10px; height:35px; overflow:hidden; background:#f6f6f6; border:1px solid #d9d9d9;}
.Cooperationright ul li label input{width:100%; background:none; outline:none; font-size:14px;  color:#999999;}
/* .Cooperationright ul li label.xingming{float:left; width:185px;}
.Cooperationright ul li label.dianhua{float:right; width:185px;} */
.Cooperationright ul.erweima{padding-top:20px;}
.Cooperationright ul.erweima li label{width:200px;}
.Cooperationright ul.erweima li img{position:absolute; left:240px; top:0px;}
.Cooperationright h4{font-size:16px; font-weight:bold;padding:2px 0px 5px; color:#1a1a1a;}
.Cooperationright dl{width:100%;float:left; margin:0px; padding:15px 0px; font-size:13px; color:#212121; overflow:hidden;}
.Cooperationright dl dd{float:left; width:100%;}
.Cooperationright dl dd label{width:31%;float:left;margin-right:10px;margin-bottom:5px;}
.Cooperationright dl dd input{vertical-align:middle;}
.Cooperationright dl dd span{padding-left:10px;}
.Cooperationright dl dd.w220{width:230px;}
.Cooperationright dl em{padding:0px 5px;}
.Cooperationright p{padding-top:10px}
.Cooperationright p input{border:2px solid #079D71; background:none; outline:none; font-size:20px;  font-weight:bold; width:52%; color:#079D71; padding:10px 0px; cursor:pointer;margin-top:30px;}
 .Cooperationright p input:hover{
  background: #079D71;color:#fff;
 }
.search_color{border:none;}

.howMap{width:100%;height:509px;background:url(../images/maps.jpg) no-repeat;position: relative;}
.howMap .addrIcon{width:51px;height:75px;background:url(../images/addricon.png) no-repeat;left:50%;top:50%;margin-left:-25px;margin-top:-85px;position: absolute;}
.howMap .addpos{width:292px;height:61px;border:1px solid #FFF;color:#FFF;text-align:center;line-height:61px;font-size:24px;left:50%;top:50%;margin-left:-146px;margin-top:15px;border-radius:6px;position: absolute;}
.howMap .addpos:hover{background:#FFF;color:#079D71;}

.mid_block {
  width: 99%;
  display: inline-block;
  vertical-align: middle;
  font-size: medium;
  line-height: normal;
}

.my-comp-text {
  position: relative;
  top: -100px;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
}
.my-comp-text:before, .my-comp-text:after {
  display: inline-block;
  content: " ";
  height: 15px;
  line-height: 15px;
  vertical-align: top;
  border-bottom: solid 1px #fff;
  width: 50px;
}
.count-item {display:inline-block; margin-left:5%; position:relative;}
.count-item:first-child {margin-left:0;}
.count-mc {font-family:"font-icons";  display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:32px; color:#fff; position:absolute; top:0; right:0;}
.count-number {height:220px; /* font-family:"font-icons"; */font-size:220px; min-width:146px; color:#fff; padding:0 20px; text-align:center; line-height:220px; -moz-line-height: normal;border-radius:6px; background:#079D71;}
.firefox .count-number {line-height: normal;}
.count-number:after {
  position: absolute;
  display:block;
  left:0;
  top:102px;
  height:0;
  width:100%;
  content:" ";
  border-bottom:4px solid #079D71;  
}
.count-fonts {font-size:18px; color:#fff; line-height:20px; padding-top:24px;}
.wrapp{
  width:100%;
  margin:0 auto;
  padding:130px 0;
}
.wrapp-inner{
  width:80%;
  margin:0 auto;
}
.wrapp-inner h1{
  font-size:36px;
  color:#000;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom:40px;
}
.wrapp-inner h1 span{
  color:#ef0000;
}
.wrapp-inner p{
  font-size: 14px;
  color:#656565;
  text-align: center;
  line-height: 26px;
  padding-bottom:30px;
}
.wrapp-inner h2{
  font-size: 20px;
  color:#656565;
  text-align: center;
  line-height: 26px;
  padding-bottom:30px;
  font-weight: bold;
}
.wrapp-inner h3{
  font-size: 32px;
  color:#333333;
  text-align: center;
  line-height: 26px;
  padding-bottom:30px;
  /* font-weight: bold; */
}
.wrapp-inner .team{
  padding-top:20px;
}
.wrapp-inner .team li{
  float: left;
  width:20%;
} 
.wrapp-inner .team li img{
  width:175px;
  height: 170px;
  display: block;
  margin:0 auto;
  transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
}
.wrapp-inner .team li:hover img{
    animation: flipInY 1s;
    -ms-animation: flipInY 1s;
    -moz-animation: flipInY 1s;
    -webkit-animation: flipInY 1s;
    -o-animation: flipInY 1s;
}
/* @-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
} */
.wrapp-inner .team li span{
  color:#656565;
  font-size:14px;
  display: block;
  text-align: center;
  padding:5px 0;
  line-height: 24px;
}
.wrapp2{
  width:100%;
  margin:0 auto;
  padding:130px 0;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  /* o-background-size: cover; */
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  height: 393px;
}
.wrapp2-inner{
  width:80%;
  margin:0 auto;
}
.wrapp2-inner h1{
  font-size:34px;
  color:#fff;
  text-align: center;
  padding-bottom:20px;
}
.wrapp2-inner p{
  font-size:20px;
  color:#fff;
  text-align: center;
  padding-bottom:30px;
}
.wrapp2-inner .zx{
  background: #079D71;
  border-radius: 16px;
  color:#fff;
  text-align: center;
  display: block;
  width:170px;
  height:36px;
  line-height: 36px;
  font-size:14px;
  margin:0 auto;
}
.xq-banner{width:100%; height:850px; background-repeat: no-repeat;background-position: center center; z-index:0; overflow:hidden;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;text-align: center;}
.contact{
  display:none;
  position:absolute;
  top:56px;
  left:50%;
  margin-left:-500px;
  margin-top: 60px;
  padding-bottom:60px;
  z-index:100;
  width:1000px;
  background:#fff;}
.contact_hd{
  height:140px;
  background:url(../images/contact_hd.png) 0 0 no-repeat;}
.contact_hd_lt{
  float:left;
  padding-top:30px;
  padding-left:32px;
  font-size:16px;
  line-height: 26px;
}
.contact_hd_lt .msg,.contact_hd_lt .tel,.contact_hd_lt .email{
  text-align: left;
  color: #000;
}
.contact_hd_lt span{
  color:#645600;}
.contact_hd_lt a{
  text-decoration:underline;
  color:#000;}
.contact_hd_rt{
  _display:inline;
  float:right;
  margin-top:34px;
  margin-right:29px;
  width:214px;
  height:72px;
  overflow:hidden;
  line-height:300px;
  cursor:pointer;
  background:url(../images/common.png) 0 -86px no-repeat;}
.contact_bd{
  padding-top:40px;}
.contact_bd .about_address{
  float:left;
  margin:0;
  padding-top:4px;
  padding-left:33px;
  border:none;}
.contact_bd .about_address_hd{
  line-height:1.1;
  font-size:34px;
  text-align: left;
}
.contact_form{
  margin-right:29px;}
.contact_form .item{
  padding-top:8px;
  text-align: left;
}
.contact_form{
  float:right;
  width:542px;}
.contact_form .submit{
  padding-top:8px;
  text-align:right;}
.mapbox .overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:99;
  width:100%;
  height:100%;
  /*filter:Alpha(opacity=50);
  opacity:0.5;*/
  background: url("../images/bg_contact.jpg") center center no-repeat;
  background-size: cover;
}
.input1 {
  padding: 20px 11px;
  width: 49%;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  color: #333;
  border: 1px #c9c9c9 solid;
  border-radius: 3px;
}
textarea.input1 {
  width: 100%;
  height: 106px;
}
.btn3 {
  width: 198px;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  border: none;
  background: #EFCC18;
  border-radius: 4px;
  cursor: pointer;
}
.btn3:hover{
  background: #E5C02D;
  color: #fff;
}
.btn_demand {
  display: inline-block;
  width: 147px;
  height: 37px;
  overflow: hidden;
  line-height: 37px;
  text-align: center;
  background: #EFCC18 ;
  border-radius: 4px;
  color: #fff;
}
.btn_demand:hover{
  background: #E5C02D
}
.about_address{
  margin:16px 20px 0;
  border-top:1px #010101 dotted;}
.about_address .item{
  padding-top:15px;
}
.about_address .item_hd{
  font-size:16px;
  color:#111;
  line-height: 24px;
  text-align: left;
}
.about_address .item_hd span{
  margin-left:8px;
  font-size:14px;
  text-align: left;
}
.about_address .item_bd{
  color:#686868;}
.fl{
  float: left;
}
.fr{
  float: right;
}
.til{
  text-align: center;
}
.til span{
  color:#3b3d39;
  font-weight: bold;
  font-size:38px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
}
.til .sp1:after{
  content: "•";
  font-size:50px;
  color:#ff4500;
  margin:0 10px;
  line-height: 38px;
}
.ewm img{
  display: block;
  margin:50px auto 0 auto;
}
.ewm p{
  font-size:14px;
  color:#333;
  padding-top:5px;
}
.tj{text-align:center;width:356px;margin:0 auto;padding-top:100px;}
.tj h1{font-size:28px;color:#5b5a58;background:url(../images/dj.png) no-repeat left center;height:39px;line-height:39px;text-indent:70px;font-weight:normal;}
.tj p{color:#7c7c7c;font-size:20px;text-align:center;text-indent:44px;padding-top:10px;}
.min{
  width:1200px;
  margin:0 auto;
  min-height:700px;
}
@media screen and ( min-width:1280px ) and ( max-width:1440px ){
	
	
	}
	
@media screen and ( min-width:320px ) and ( max-width:1080px ){
  
	.nav-home li a{font-size:18px;}
	.header-pc{display:none;}
	.header-moblie{top:0px; display:block;}
	.header-moblie .logo{margin-left:8px;}
	.nav-moblie{margin-right:8px;}
	#fp-nav,
	.waper-line{display:none;}
	.sidebar{display:none}
	/* About */
	
	.div-center-main {width:100%;height:200px;}
	.rineinfo{width:100%;float:left;margin-bottom:50px;}
	.rineinfo dl dt{display:none}
	.rineinfo dl dd{width:100%;height:auto;}
	.rineinfo dl dd div{padding:3em;}
	.r4{width:100%;float:left;background:#fff;height:auto;margin-bottom:0px;}
	.r4 div{padding:3em;}
	.r4img{width:100%;float:left;height:240px;overflow:hidden;margin-bottom:100px;}
	.r4img img{width:100%;float:left;}
	
	/* Contact */
	.cnslist ul li{float:left; width:98%; margin-bottom:40px;margin-right:2%; font-size:12px; color:#646464;}
	
	/* News */
	.bbsList li {height: 620px;background:#fff;opacity:1;left: 0;position: absolute;top: 0;width:90%;padding:5%;z-index: 3;}
	/* Cases */
	.cases{width:100%;margin:0 auto;padding:20px 0;}
	.cases ul{width:90%;margin:0 5%;float:left;margin-bottom:30px;}
	.cases ul img{width:100%;}
	
	.waper-list-xq{padding:0; margin-top:2%;}
	.list-banner2{position:relative; left:0; top:0;  width:100%; height:auto; background-color:#1D2936; z-index:0; overflow:hidden; background:none;}
	.list-banner h2,
	.list-banner2 h2{position:absolute; padding:0 2%; bottom:20px; font-size:32px; line-height:1.25; font-weight:normal;color:#646464;}
	.list-banner2 p{display:none}
	.img{margin-bottom:15%;}
	.ml{width:96%;padding:0 2%}
	/* .clearfix{width:96%;padding:0 2%} */
	.fg-bom-case{width:100%;margin:0;}
	.fg-bom-case img{width:100%;margin:0;}
	
	
	
	
	.dd{width:100%;float:left;overflow:hidden;padding-top:0px;}
	.detail{width:100%;float:left;overflow:hidden;}
	.dtitle{height:220px;float:left}
	.dtitle .simg{height:220px;}
	.dtitle .sstxt{height:220px;}
	.detbg{background-color:#1D2936;height:85px;}
	
	}

@media only screen and (max-width: 767px){
	.isotope .item{
		width:100%;
	}
	.isotope .item .title-en{
		font-size:14px;
		padding: 12px 0 0px 0;
	}
	.isotope .item .title{
		padding: 0px 45px 0px 10px
	}
	.isotope .item p{
		font-size:12px;
	}
	.isotope .item .cont{
		border: 8px solid #fff;
	}
	#works-menu nav a{
		padding:0 12px;
	}
	#works-menu nav ul{
		padding:0;
	}
    .cases-banner{
    	height:300px !important;
    }
    .wp{
    	width:98%;
    }
    .case-item .tit h3 {
       font-size: 20px;
       text-align: center;
    }
	.case-item .txt {
	    padding: 0 10px;
	}
  .news{
    width:100%;
  }
	.news-list{
		width:50%;
		margin:0 auto;
    padding: 23px 2% 0 2%;
	}
  .news-list .pic{
    margin:10px 0;
  }
  .news-list .title {
    background: none;
    padding-left: 0;
    /* height: 60px; */
  }
  .news-list .title h2{
    font-size:18px;
    line-height: 24px;
  }
  .news-list .title span{
    	line-height: 24px;
      display: none;
  }
  .case-item .tit h4 {
       font-size: 20px;
       text-align: center;
  }
  .bdsharebuttonbox{
    margin-top:0 !important;
  }
  .case-item .tit .t1{
    text-align: center;
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .news-list .mor {
    display: block;
  /*   width: 102px;
    height: 36px; */
   /*  line-height: 36px; */
    text-align: center;
    color: #079D71;
    font-size: 12px;
    /* border: 1px solid #079D71; */
    margin-bottom: 30px;
	font-size:600;
}
  .Cooperation{
    width:100%;
  }
  .Cooperationleft{
    width:94%;
    float: none;
    margin:0 auto;
  }
  .Cooperationright{
    width:96%;
    float: none;
    margin:20px auto 0 auto;
  }
  .Cooperationright ul li{
    width:100%;
    margin-right:2%;
  }
  .Cooperationright dl dd label{
    width: 46%;
  }
  .Cooperationright p input{
    width:100%;
  }
  .Cooperationleft h3{
    font-size:26px;
    padding-bottom:15px;
  }
  .Cooperationleft h4{
    font-size:28px;
    line-height: 40px;
  }
  #map{
    height:400px;
  }
  .fancybox-inner{
    height:400px !important;
  }
  .mid_wrap:before {
    display: initial;
    content: " ";
    height: 100%;
    vertical-align: middle;
    width: 0;
  }
  .mid_wrap{
  height:300px;
  }
  #banner{
    height:300px !important;
  }
  .wrapp-inner{
    width:96%;
  }
  .wrapp{
    padding:50px 0;
  }
  .wrapp-inner .team li img{
    height: auto;
  }
  .wrapp-inner .team li {
    float: left;
    width: 48%;
    margin: 0 1%;
  }
  .count-item{
    display: none;
  }
  .my-comp-text {
    position: relative;
    top: 104px;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.25;
    text-align: center;
  }
  .my-comp-text:before, .my-comp-text:after{
    display: none;
  }
  .cases-banner h2{
    font-size:26px;
  }
  .cases-banner h3{
    font-size:18px;
  }
  .contact-tit h1{
    font-size:34px;
  }
  .wrapp-inner h1{
    font-size:28px;
  }
  .wrapp2-inner h1{
    font-size:28px;
  }
  .wrapp2-inner p{
    font-size:18px;
  }
  .contact{
    width:100%;
    left:0;
    margin-left:0;
  }
  .contact_hd_rt{
    display: none;
  }
  .contact_form{
    width:93%;
    float: none;
    margin:115px auto 0 auto;
  }
  .input1{
    width:100%;
    margin-bottom:10px;
  }
  .contact_form .item{
    padding-top:0;
  }
  .contact_form .submit{
    text-align: center;
  }
  .min{
    width:100%;
    min-height: 300px;
  }
  .tj{
    width:90%;
    padding-top:0;
  }
  .tj p{
    font-size:16px;
    padding-top:5px;
  }
  .tj h1{
    font-size:21px;
  }
  #banner h2{
    top:38%;
    font-size: 30px;
  }
  #banner h3{
    top:63%;
  }
  .m2svrUl li{width:100% !important;}
  .m2svrItms{height:400px !important;}
  .m2svrUl li:nth-child(3) .m2svrItms{background-color: #f4f4f4 !important;}
  .m2svrUl li:nth-child(4) .m2svrItms{background-color: #E3E3E3 !important;}
  .m2svrIcon img{width:100% !important; height:auto !important;}
  .m2svrIcon{width:60px !important; height:60px !important;}
  .m2svrNm {font-size: 26px !important;line-height: 66px !important;margin-bottom: 12px !important;}
  .m2svrDes {font-size: 14px !important;line-height: 26px !important;}
  .m2svrTxt{top:18% !important;}
  .m2lxBx_t1{font-size:18px !important; line-height:22px !important; height:28px !important}
  .m2lxBx_t2{font-size:15px !important; line-height:22px !important; padding:0 !important}
  .m2lxBx_tel{font-size:28px !important; line-height:46px !important;}
  .m2lxBox {
      padding: 70px 0 48px !important;width:100%;
  }
  .container{width:100%;min-width: 100%;}
  .m2lxBox:before{top:40px !important;}
  .m2lxBox:after{bottom:24px !important;}
  
  .fw-in{
    left:4%  !important;
    margin-left:0 !important;
	width:100% !important;
  }
  .fw-in h1 {
    font-size: 34px !important;
    line-height: 45px !important;
  }
  .fw-in h6 {
    font-size: 26px !important;
    line-height: 42px !important;
  }
  .fw-in p {
    font-size: 14px !important;
    line-height: 26px !important;
  }
  .Cooperationleft a.cal{
    display: table;
    margin:20px auto 10px auto;
  }
}

.m2svrUl{margin:0 -2px;}
.m2svrUl li {padding: 4px 2px 0px; float: left; width: 50%;}
.m2svrItms{height: 633px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.m2svrItms .bgImg{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transition:all 0.3s ease-in-out; filter:alpha(opacity=0);}
.m2svrItms:hover .bgImg{opacity:1; filter:alpha(opacity=100);}
.m2svrTxt {width: 100%; position: absolute; top: 24.8%; padding: 0px 18.5%; text-align: center;}
.m2svrIcon {height: 110px; width: 110px; position: relative; margin: 0px auto 8px;}
.m2svrIcon img{display:block; position:absolute; left:0; top:0;}
.m2svrIcon img.m2svrUpIcon{opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-in-out;}
.m2svrItms:hover .m2svrIcon img.m2svrUpIcon{opacity:1; filter:alpha(opacity=100);}
.m2svrNm{font-size: 40px; line-height: 106px; margin-bottom: 28px; transition:all 0.3s ease-in-out; position:relative;}
.m2svrNm:after{content: ""; background: #079D71; height: 4px; width: 30px; position: absolute; left: 50%; bottom: 0px; margin-left: -15px;}
.m2svrDes{font-size: 16px; line-height: 29px; color: #7e7e7e; transition:all 0.3s ease-in-out;}
.m2svrItms:hover .m2svrNm,.m2svrItms:hover .m2svrDes{color:#fff;}
.m2svrItms:hover .m2svrNm:after{background:#fff;}
.m2case_nm{font-size:26px; line-height:38px; color:#fff; background:#DA0606; background:rgba(218,6,6,0.8); position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; display:table; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out;}
.m2case_des{display:table-cell; height:100%; width:100%; text-align:center; vertical-align:middle;}
.m2case_aBox:hover .m2case_nm{opacity:1; filter:alpha(opacity=100);}
.m2page1{background-color: #e40111; color: #FFF; text-align: center; padding-top:45px;}
.m2page2,.m2page3{padding-top:45px;}
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
.m2svrItms:hover .m2svrIcon {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

.m2lxBox {padding: 90px 0px 68px; position: relative; text-align: center;width:100%;}
.m2lxBox:before{content: ""; width: 1px; height: 20px; background: #BCBCBC; position: absolute; left: 50%; top: 60px;}
.m2lxBox:after{content: ""; width: 1px; height: 20px; background: #BCBCBC; position: absolute; left: 50%; bottom: 44px;}
.m2lxBx_t1 {height: 40px; color: #c9c9c9; font: 27px/40px Arial;}
.m2lxBx_t2 {font-size: 30px; line-height: 40px; padding: 5px 0px;}
.m2lxBx_tel {font-size: 45px; color: #079D71; line-height: 92px; font-weight:600;}
.m2lxBx_tel i{animation:tel 6s ease-out 0s infinite;-webkit-animation:tel 6s ease-out 0s infinite;display:inline-block; font-style:normal}
@-webkit-keyframes tel{
  0%{-webkit-transform:scale(1);}
  1%{-webkit-transform:scale(1.3);}
  3%{-webkit-transform:scale(0.8);}
  6%{-webkit-transform:scale(1);}
  100%{-webkit-transform:scale(1);}
}
@keyframes tel{
  0%{transform:scale(1);}
  1%{transform:scale(1.3);}
  3%{transform:scale(0.8);}
  6%{transform:scale(1);}
  100%{transform:scale(1);}
}
.fw-in{
  position: absolute;
  left:50%;
  top:30%;
  margin-left:-600px;
  z-index:99;
  width:600px;
}
.fw-in h1{
  color:#fff;
  font-size:50px;
  line-height: 82px;
}
.fw-in h6{
  color:#fff;
  font-size:30px;
  line-height: 50px;
}
.fw-in p{
  color:#fff;
  font-size:16px;
  line-height: 34px;
}
.pa-last{
	padding-top:20px;
	margin-top:120px;
	border-top:1px solid #eee;
	position:relative;
}
.pa-last p{
	font-size:16px;
	color:#666;
	line-height:30px;
}
.pa-last p a:hover{
    color:#079D71;
}
.pa-last .pre{
    float:left;
	/* margin-left:20px; */
}
.pa-last .nex{
    float:left;
	margin-left:20px;
}
.pa-last .back{
    border: 2px solid #079D71;
    color: #079D71;
    font-size: 16px;
    height: 36px;
    line-height: 32px;
    width: 138px;
    text-align: center;
    border-radius: 30px;
    position: relative;
	 top:-83px;
	 left:0;
    overflow: hidden;
    display: table;
    z-index: 300;
	/* margin-left:-436px */
}
/* .pa-last .back:hover{
	background:#079D71;
	color:#fff;
} */
.pa-last .back em{position: absolute;left:-100%;top:0;width: 100%;height: 100%;background: #079D71;z-index: 1;border-radius:30px; -o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;color:#fff;}
.pa-last .back:hover em{left:0;color:#fff}
.pa-last .back span{color:#079D71;position: relative;z-index: 3;font-size:16px;}
.pa-last .back:hover span{color:#fff}

.fz{
	display: block;
	    border: 2px solid #079D71;
	    color: #079D71;
	    font-size: 16px;
	    height: 36px;
	    line-height: 32px;
	    width: 138px;
	    text-align: center;
	    border-radius: 30px;
	    margin-top: 19px;
	    margin-left: 50px;
	position:relative;
	overflow:hidden;
	display: inline-block;
	z-index: 300;

}
/* .fz:hover{
	background:#079D71;
	color:#fff;
} */
.fz em{position: absolute;left:-100%;top:0;width: 100%;height: 100%;background: #079D71;z-index: 1;border-radius:30px; -o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s; border: 2px solid #079D71;overflow:hidden;}
.fz:hover em{left:0;color:#fff}
.fz span {
    position: relative;
    z-index: 3;
    color: #079D71;
	font-size: 16px !important;
    text-align: center;
    display: inline-block;
    line-height: 34px;
    padding-bottom: 0;
}
.fz:hover span{color:#fff;}
.fz:hover{color:#fff}

/* .bsBox{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-box-sizing:content-box;
}
.bFind-wrapper-top{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-box-sizing:content-box;
} */
.bsFrameDiv img{
  -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}