.clearFloat {
  width: 100%;
  overflow: hidden;
}
.clearFloat2 {
  clear: both;
  content: '';
  display: block;
}
.row_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content {
  width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.content:after {
  clear: both;
  content: '';
  display: block;
}
.animation-play-state {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
/*全局开始*/
body {
   min-width: 1200px;
  overflow-x: hidden;
}
div.main-con {
  width: 100%;
  /*overflow: hidden;*/
    min-width: 1200px;
  overflow-x: hidden;
  /*padding-top: 108px;*/
  font-size: 14px;
  transition: all .35s;
  z-index:20;
}
div.main-con.short {
  padding-top: 70px;
}
.main-header {
  position: fixed;
  top: 880px;
  left: 0;
  width: 100%;
  min-width: 1200px;
  transition: all 0.35s;
  z-index: 100;
  display:none;
  -moz-box-shadow: 0 0 4px 2px #cccccc;
  -webkit-box-shadow: 0 0 4px 2px #cccccc;
  -o-box-shadow: 0 0 4px 2px #cccccc;
  box-shadow: 0 0 4px 2px #cccccc;
}
.main-header.short {
  top: 0px;
  -moz-box-shadow: 0 0 4px 2px #cccccc;
  -webkit-box-shadow: 0 0 4px 2px #cccccc;
  -o-box-shadow: 0 0 4px 2px #cccccc;
  box-shadow: 0 0 4px 2px #cccccc;
}
.main-header nav.slide-nav {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  color: #c90101;
  height: 38px;
  border-bottom:1px solid #eee;
}
.main-header nav.slide-nav div.left {
  float: left;
  line-height: 38px;
  padding-left: 26px;
  background-image: url("../image/nav-img.png");
  background-position: 0 -10px;
  background-repeat: no-repeat;
}
header.main-header nav.slide-nav ul.right {
  float: left;
  font-size: 0;
}
.slide-nav .backOld{
	float:right;
	vertical-align:middle;
	font-size:12px;
	color:#444;
	line-height:38px;
}
.main-header nav.slide-nav ul.right li.link {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  margin-right: 35px;
  line-height: 38px;
}
.main-header nav.slide-nav ul.right li.link a {
  color: #444;
}
.main-header nav.direct-nav {
  position: relative;
  background-color: #ffffff;
  height: 70px;
}
.main-header nav.direct-nav > div.content {
  position: relative;
}
.main-header nav.direct-nav > div.content div.left {
  position: absolute;
  width: 160px;
  height: 38px;
  left: 20px;
  top: 16px;
  background-image: url("../image/nav-img.png");
  background-position: 0 -70px;
  background-repeat: no-repeat;
}
.main-header nav.direct-nav > div.content ul.right {
  float: right;
  font-size: 0;
}
header.main-header nav.direct-nav > div.content ul.right li.link {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 18px;
  margin-left: 35px;
  line-height: 70px;
}
header.main-header nav.direct-nav > div.content ul.right li.link a {
  display: block;
  width: 100%;
  position: relative;
  transition: all .5s;
}
header.main-header nav.direct-nav > div.content ul.right li.link a::after {
  background: #c90101 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 80%;
  transform: translateY(10px);
  -ms-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  width: 100%;
}
header.main-header nav.direct-nav > div.content ul.right li.link a:hover {
  color: #c90101;
}
header.main-header nav.direct-nav > div.content ul.right li.active a::after{
  color:#C90101;
  background: #c90101 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 80%;
  transform: translateY(0px);
  -ms-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  width: 100%;
}
header.main-header nav.direct-nav > div.content ul.right li.active a{
  color: #c90101;
}
header.main-header nav.direct-nav > div.content ul.right li.link a:hover::after {
  opacity: .8;
  transform: translateY(0px);
  -ms-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
header.main-header nav.direct-nav button.drop-open-btn {
  display: none;
}
header.main-header nav.direct-nav.icon-show > div.content {
  padding-right: 90px;
}
header.main-header nav.direct-nav.icon-show > div.content button.drop-open-btn {
  display: block;
  width: 22px;
  height: 18px;
  border: none;
  background-color: transparent;
  background-image: url(../image/collapse_06.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 25px;
  cursor: pointer;
  transition: all 0.35s;
}
header.main-header nav.direct-nav.icon-show > div.content button.drop-open-btn.active{
	background-image: url(../image/closed.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
header.main-header nav.direct-nav.icon-show > div.content button.drop-open-btn:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
footer .qrcode-wrap{
	margin-top:-60px;
	float:right;
	text-align:center;
}

footer .qrcode-wrap p{
	color:#606060;
	font-size:14px;
	margin-top:10px;
}
footer .qrcode{
	width:106px;
	height:106px;
	border:1px solid #CAD3DA;
}

footer .qrcode img{
	margin-top:2px;
}
header.main-header nav.direct-nav div.drop-box {
  width: 300px;
  background-color: #f9f9f9;
  position: absolute;
  right: -300px;
  top:0px;
  transition: all 0.35s;
  min-height: 650px;
  z-index:-1;
  /*display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  flex-direction: column;  
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
   box-orient: vertical;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */
}
header.main-header nav.direct-nav div.drop-box.open {
  right: 0;
}
header.main-header nav.direct-nav div.drop-box div.menu {
  width: 100%;
  height: 70px;
  line-height: 70px;
  text-align: right;
  padding-right: 28px;
  font-size: 0;
}
header.main-header nav.direct-nav div.drop-box div.menu span.close-btn {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  background-image: url("../image/nav-img.png");
  background-position: 0 -44px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all .35s;
}
header.main-header nav.direct-nav div.drop-box div.menu span.close-btn:hover {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -moz-transform: rotate(360deg);
  /* Firefox */
  -webkit-transform: rotate(360deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(360deg);
  /* Opera */
}
header.main-header nav.direct-nav div.drop-box ul.list {
  width: 100%;
  background-color: #f9f9f9;
  padding-bottom: 18px;
}
header.main-header nav.direct-nav div.drop-box ul.list li.link {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  padding: 0 40px;
  position: relative;
  overflow: hidden;
  transition: all 0.35s;
  cursor: pointer;
}
header.main-header nav.direct-nav div.drop-box ul.list li.link:before {
  content: attr(data-hover);
  position: absolute;
  top: 100%;
  transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  color: #f9f9f9;
  transition: all 0.35s;
}
header.main-header nav.direct-nav div.drop-box ul.list li.link:hover {
  background-color: #c90101;
  color: #c90101;
}
header.main-header nav.direct-nav div.drop-box ul.list li.link:hover::before {
  transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}
header.main-header nav.direct-nav div.drop-box div.info {
  width: 100%;
  background-color: #f9f9f9;
 /* flex-grow: 1;*/
  position: relative;
 /* padding: 20px 0;*/
  margin-top:300px;
}
header.main-header nav.direct-nav div.drop-box div.info div.side {
  /*position: absolute;
  bottom: 0;
  left: 0;*/
  padding: 0 40px;
}
header.main-header nav.direct-nav div.drop-box div.info div.side p.title {
  margin-bottom: 20px;
}
header.main-header nav.direct-nav div.drop-box div.info div.side p.mark {
  color: #7d7d7d;
  margin-bottom: 30px;
}
header.main-header nav.direct-nav div.drop-box div.info div.side div.img-box {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-image: url("../image/contact_07.png");
  background-position: center center;
  background-repeat: no-repeat;
}
section,
footer {
  width: 100%;
  min-width: 1300px;
  overflow: hidden;
}
/*section.banner-box {
  height: 1040px !important;
}*/
section.banner-box figure {
  font-size: 0;
  width: 100%;
 /* height: 100%;*/
  position: relative;
  overflow: hidden;
}
section.banner-box figure .lawyee_first{
	width: 100%;
  height: 100%;
}
section.banner-box figure img {
  width: 100%;
 /* height: 100%;*/
}
section.banner-box figure span.open-video {
  display: block;
  width: 136px;
  height: 32px;
  background-image: url("../image/open-video.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  /*left: 50%;
  top: 50%;*/
  margin-top: 90px;
  margin-left: -52px;
  left: 46%;
  top: 44%;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
section.banner-box figure span.open-video:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
section.banner-box figure video {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -10;
}
/*9月25修改*/
section.banner-box .collaspe_icon{
	display:inline-block;
	width:36px;
	height:36px;
	/*background:url(../images/collapse_03.png) no-repeat 0 0;*/
	background:url(../image/collapse_02.gif) no-repeat 0 0;
	position:absolute;
	top:12%;
	right:10%;
	cursor:pointer;
}
.banner-box .lawyee_second{
	width:100%;
	height:100%;
}
.banner-box .lawyee_second img{
	width:100%;
	/*height:100%;*/
}
.banner-box .lawyee_second .nav-list{
	position:absolute;
	top:38%;
	left:50%;
	transform:translate(-50%,-50%) ;
	-ms-transform:translate(-50%,-50%) ;
	-moz-transform:translate(-50%,-50%) ;
	-webkit-transform:translate(-50%,-50%) ;
	
}
.banner-box .lawyee_second .nav-list li{
	margin-top:20px;
}
.banner-box .lawyee_second .nav-list li a{
	font-size:42px;
	color:#fefefe;
	
}
.banner-box .lawyee_second .nav-list li a:hover{
	color:#cacaca;
}
.banner-box .nav-list2{
	position:absolute;
	top:80%;
	left:24%;
	/*transform:translate(-50%,-50%) ;
	-ms-transform:translate(-50%,-50%) ;
	-moz-transform:translate(-50%,-50%) ;
	-webkit-transform:translate(-50%,-50%) ;*/
}
.banner-box .nav-list2 li{
	float:left;
	margin-left:25px;
}
.banner-box .nav-list2 li a{
	font-size:22px;
	color:#bebebe;
	text-decoration: underline;
}

section.banner-box .close_icon{
	display:inline-block;
	width:36px;
	height:36px;
	background:url(../image/redbg-close_03.png) no-repeat 0 0;
	position:absolute;
	top:6%;
	right:10%;
	cursor:pointer;
}
section.banner-box .close_icon:hover{
	background:url(../image/redbg-closehover_03.png) no-repeat 0 0;
}
/*修改结束*/
section.usual {
  padding: 60px 0;
}
section.usual article {
  display: block;
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
section.usual article h1 {
  font-size: 30px;
  line-height: 1.2em;
  color: #c90101;
}
section.usual article h2 {
	font-family: "方正中等线简体";
  margin-bottom: 20px;
  font-size:34px;
  font-weight:normal;
}
section.usual article div.ad-text {
  width: 724px;
  height: 52px;
  position: relative;
  margin: 0 auto 40px auto;
}
section.usual article div.ad-text p.title {
  line-height: 52px;
  height: 52px;
  color: #777777;
  letter-spacing: 1.5em;
  font-size: 17px;
}
section.usual article div.ad-text aside {
  position: absolute;
  width: 100%;
  height: 100%;
}
section.usual article div.ad-text aside.top {
  background-image: url("../image/nav-img.png");
  background-position: 0 -306px;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
section.usual article div.ad-text aside.bottom {
  background-image: url("../image/nav-img.png");
  background-position: 0 -358px;
  background-repeat: no-repeat;
  right: 0;
  bottom: 0;
}
section.usual article p.intro-txt {
  line-height: 1.5em;
  font-size:16px;
}
section.usual article a.link {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-top: 40px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -ms-border-top-left-radius: 5px;
  -ms-border-top-right-radius: 5px;
  -ms-border-bottom-right-radius: 5px;
  -ms-border-bottom-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  -o-border-top-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  -wekit-border-top-left-radius: 5px;
  -wekit-border-top-right-radius: 5px;
  -wekit-border-bottom-right-radius: 5px;
  -wekit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #C90101;
  width: 96px;
  height: 36px;
  text-align:center;
  line-height: 36px;
  color:#C90101;
}
section.usual article a.link:hover{
	background:#C90101;
	border:none;
	color:#ffffff;
}
/*section.usual article a.link span {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  position: relative;
  transition: transform 0.3s ease 0s;
}
section.usual article a.link span:before {
  content: attr(data-hover);
  font-weight: 700;
  position: absolute;
  top: 100%;
  transform: translate3d(0px, 0px, 0px);
}
section.usual article a.link span:hover {
  transform: translateY(-100%);
}*/
section.service {
  background-color: #f7f7f7;
}
section.service ul.con-list {
  width: 676px;
  margin: 0 auto 20px auto;
}
section.service ul.con-list:after {
  clear: both;
  content: '';
  display: block;
}
section.service ul.con-list li.link {
  float: left;
  width: 130px;
  height: 180px;
  margin-left: 52px;
}
section.service ul.con-list li.link:first-child {
  margin-left: 0;
}
section.service ul.con-list li.link a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
section.service ul.con-list li.link a:hover div.out-circle {
  animation-name: shake;
  animation-duration: 20s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
/*section.service ul.con-list li.link a:hover div.inside-circle {
  animation-name: shake-negative;
  animation-duration: 20s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}*/
section.service ul.con-list li.link a:hover div.icon {
  opacity: 0;
}
section.service ul.con-list li.link a:hover p.title {
  transform: translateY(-84px) scale(0.9, 0.9);
  -ms-transform: translateY(-84px) scale(0.9, 0.9);
  -moz-transform: translateY(-84px) scale(0.9, 0.9);
  -webkit-transform: translateY(-84px) scale(0.9, 0.9);
}
section.service ul.con-list li.link a div.out-circle {
  position: absolute;
  width: 130px;
  height: 130px;
  background-image: url("../image/out-circle.png");
  background-position: center center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
section.service ul.con-list li.link a div.inside-circle {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 15px;
  top: 15px;
  background-image: url("../image/inside-circle.png");
  background-position: center center;
  background-repeat: no-repeat;
}
section.service ul.con-list li.link a div.icon {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 40px;
  top: 40px;
  transition: all .9s;
  opacity: 1;
   filter: alpha(opacity=100); ;
}
section.service ul.con-list li.link a div.icon.one {
  background-image: url("../image/index-service-icon1.png");
  background-position: center center;
  background-repeat: no-repeat;
}
section.service ul.con-list li.link a div.icon.two {
  background-image: url("../image/index-service-icon2.png");
  background-position: center center;
  background-repeat: no-repeat;
}
section.service ul.con-list li.link a div.icon.three {
  background-image: url("../image/index-service-icon3.png");
  background-position: center center;
  background-repeat: no-repeat;
}
section.service ul.con-list li.link a div.icon.four {
  background-image: url("../image/index-service-icon4.png");
  background-position: center center;
  background-repeat: no-repeat;
}
section.service ul.con-list li.link a p.title {
  position: absolute;
  top: 140px;
  left: 0;
  font-size: 18px;
  color: #c90101;
  width: 100%;
  transition: all 1s;
  font-size:20px; 
}
section.case-display {
  background-color: #c90101;
}
section.case-display article h1,
section.case-display article h2 {
  color: #ffffff;
}
section.case-display ul.case-list {
  height: 182px;
  width: 951px;
  margin: 26px auto 0 auto;
  padding-left: 245px;
 background-image: url("../image/pie-line.png");
 background-position: left center;
 background-repeat: no-repeat;
}
section.case-display ul.case-list li {
  text-align: left;
  font-size: 1.15em;
  color: #ffffff;
  line-height: 31px;
  font-weight: 600;
}
section.case-display ul.case-list li span {
  font-weight: normal;
}
section.data-show {
  width: 100%;
  overflow: hidden;
  height: 760px;
  position: relative;
}
section.data-show canvas#dot {
  width: 1920px;
  height: 760px;
  border-bottom: 10px solid #b0b0b0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  background-color: #ffffff;
  z-index: -1;
}
section.data-show figure.ball {
  width: 404px;
  height: 404px;
  background-image: url("../image/science-ball.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -202px;
  animation-name: shake-negative;
  animation-duration: 40s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
section.data-show figure.ball:hover,
section.data-show figure.ball.cut {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
section.data-show div.silde-box div.hd {
  position: absolute;
  width: 588px;
  height: 10px;
  top: 750px;
  left: 50%;
  margin-left: -294px;
}
section.data-show div.silde-box div.hd ul {
  width: 100%;
  overflow: hidden;
  font-size: 0;
}
section.data-show div.silde-box div.hd ul li {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  width: 196px;
  height: 10px;
  background-color: #888888;
  transition: all 1s;
}
section.data-show div.silde-box div.hd ul li:hover,
section.data-show div.silde-box div.hd ul li.on {
  cursor: pointer;
  background-color: #000000;
}
section.data-show div.silde-box div.bd {
  width: 404px;
  height: 404px;
  top: 120px;
  left: 50%;
  margin-left: -202px;
  overflow: hidden;
  position: absolute;
}
section.data-show div.silde-box div.bd ul {
  width: 100%;
  height: 100%;
}
section.data-show div.silde-box div.bd ul li {
  font-size: 0;
  width: 100%;
  height: 100%;
}
section.data-show article h6 {
  margin-top: 524px;
  font-size: 18px;
  font-weight: normal;
  color: #777777;
  line-height: 20px;
  height: 60px;
}
footer {
  background-color: #1e1e1e;
  position: relative;
}
footer article.info {
  width: 820px;
  margin: 0 auto;
  /*padding: 60px 0;*/
  padding: 25px 0 70px 0;
}

footer article.info figure.logo {
  width: 506px;
  /*height: 54px;*/
  height: 30px;
  margin: 0 auto;
  margin-bottom:20px;

  background:url(../image/footer-new.png) no-repeat center center;
  
}
#show-map span{
	font-size:30px;
	color:#868484;
}
/*
#show-map span{
	font-size:30px;
	color:#d4d4d4;
}*/
/*
footer article.info figure.logo {
  width: 506px;
  height: 160px;
  margin: 0 auto -15px auto;
  background:url(../image/footer.png) no-repeat center center;
  
}*/
footer article.info figure a{
	display:block;
	width:100%;
	height:100%;
}
footer article.info figure.logo a{
  width: 506px;
  height: 160px;
  margin: 0 auto -15px auto;
  background:url(../image/footer.png) no-repeat center center;
  
}
#show-map{
	width:500px;
	height:50px;
	margin:0 auto;
	text-align: center;
	margin-top:20px;
}
#show-map .icon{
	display:inline-block;
	width:17px;
	height:24px;
	background:url(../image/footer_07.png) no-repeat center center;
	animation: up 0.5s ease infinite alternate;
  transition: 0.5s;
  cursor: pointer;
}
#show-map p{
	color:#606060;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
}


footer article.copyright {
  background-color: #171717;
  /*height: 60px;*/
  height: 50px;
}
footer article.copyright div.box {
  width: 1000px;
  margin: 0 auto;
}
footer article.copyright div.box:after {
  clear: both;
  content: '';
  display: block;
}
footer article.copyright div.box p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #505050;
  /*height: 60px;
  line-height: 60px;*/
  height: 50px;
  line-height: 50px;
  font-size: 12px;
}
.copyright div.box .xh{
	padding-left:34px;
	background:url(../image/hz_03.png) no-repeat left center;
}
 button#gotop {
  /*display: none;*/
  width: 50px;
  height: 50px;
  background-image: url("../image/scroll-top.png");
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  /*position: fixed;
  right: 20px;
  bottom: 60px;*/
  cursor: pointer;
  /*z-index:9999;*/
}
div.mask-layer {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
  display: none;
}
div.popup-box {
  position: fixed;
  left: 50%;
  top: -800px;
  transform: translate(-50%, -50%);
  border: 10px solid #525252;
  transition: all 1s;
  z-index: 6;
  font-size: 0;
}
div.popup-box.on {
  top: 50%;
}
div.popup-box span.close-popup {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -60px;
  top: 0;
  background-image: url("../image/close-icon.png");
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 1s;
  cursor: pointer;
}
div.popup-box span.close-popup:hover {
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -moz-transform: rotate(360deg);
  /* Firefox */
  -webkit-transform: rotate(360deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(360deg);
  /* Opera */
}
div.popup-box video {
  display: block;
  width: 680px;
  height: auto;
}
@media screen and (max-width: 1440px) {
  header.main-header nav.direct-nav div.drop-box div.info div.side {
    padding: 10px 40px;
  }
  header.main-header nav.direct-nav div.drop-box div.info div.side p.title {
    margin-bottom: 10px;
  }
  header.main-header nav.direct-nav div.drop-box div.info div.side p.mark {
    color: #7d7d7d;
    margin-bottom: 20px;
  }
  header.main-header nav.direct-nav div.drop-box div.info {
	width: 100%;
  background-color: #f9f9f9;
  position: relative;
  margin-top:90px !important;
	 }
	section.banner-box figure span.open-video{
		margin-top:56px;
	}
	/*头部导航*/
	.main-header nav.direct-nav {
  position: relative;
  background-color: #ffffff;
  height: 50px;
}
header.main-header nav.direct-nav > div.content ul.right li.link {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 18px;
  margin-left: 35px;
  line-height: 50px;
}
.main-header nav.direct-nav > div.content div.left {
  position: absolute;
  width: 160px;
  height: 38px;
  left: 20px;
  top: 10px;
  background-image: url("../image/nav-img.png");
  background-position: 0 -70px;
  background-repeat: no-repeat;
}
header.main-header nav.direct-nav.icon-show > div.content button.drop-open-btn {
  display: block;
  width: 22px;
  height: 18px;
  border: none;
  background-color: transparent;
  background-image: url(../image/collapse_06.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 16px;
  cursor: pointer;
  transition: all 0.35s;
}
header.main-header nav.slide-nav {
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  color: #c90101;
  height: 28px;
  border-bottom:1px solid #eee;
}
header.main-header nav.slide-nav div.left {
  float: left;
  line-height: 28px;
  padding-left: 26px;
  background-image: url("../image/nav-img.png");
  background-position: 0 -10px;
  background-repeat: no-repeat;
}
header.main-header nav.slide-nav ul.right li.link {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 12px;
  margin-right: 35px;
  line-height: 28px;
}
	.slide-nav .backOld{
		float:right;
		vertical-align:middle;
		font-size:12px;
		color:#444;
		line-height:28px;
	}
.banner-box .nav-list2{
	position:absolute;
	top:80%;
	left:12%;
}
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
	.banner-box .nav-list2{
	position:absolute;
	top:80%;
	left:18%;
 }
}

@-webkit-keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes shake-negative {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-moz-keyframes shake-negative {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-ms-keyframes shake-negative {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-o-keyframes shake-negative {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes shake-negative {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

#show-map .icon{
	-webkit-animation:up 0.5s ease infinite alternate;
	-moz-animation:up 0.5s ease infinite alternate;
	-ms-animation:up 0.5s ease infinite alternate;
	-o-animation:up 0.5s ease infinite alternate;
	animation:up 0.5s ease infinite alternate;
}
@-moz-keyframes up{
	from{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
	to{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}
}
@-webkit-keyframes up{
	from{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
	to{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}
}
@-ms-keyframes up{
	from{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
	to{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}
}
@-o-keyframes up{
	from{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
	to{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px)}
}
.tips{
	width:200px;
	height:100px;
	position:absolute;
	top:16%;
	right:6%;
	background:url(../image/jiantou@2x.png) no-repeat top center;
}
.tips p{
	font-size:14px;
	color:#dbd8d8;
	margin-top:64px;
	text-align: center;
	
}
@media only screen and (max-width: 1440px) {
	section.banner-box figure span.open-video {
  display: block;
  width: 136px;
  height: 32px;
  background-image: url("../image/open-video.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  margin-top: 50px;
  margin-left: -52px;
  left: 46%;
  top: 44%;
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tips{
	width:200px;
	height:100px;
	position:absolute;
	top:17%;
	right:4%;
	background:url(../image/jiantou@2x.png) no-repeat top center;
}
 
}

.sjts{
	width:420px;
	height:260px;
	font-size:14px;
	box-shadow:3px 0 6px #454545;
	display:none;
	z-index:6;
  position: fixed;
	top:36%;
	left:36%;
	 transition: all 1s;
	 background:#ffffff url(../image/bugaoxing@2x.png) no-repeat  center 54px;
}
.sjts  p{
	margin-top:156px;
	text-align:center;
	font-size:14px;
	color:#333;
}
.sjts .turnoff{
	margin-left:380px;
	margin-top:15px;
}

@media only screen and (device-width: 1920px) {
	header.main-header nav.direct-nav div.drop-box ul.list {
	  width: 100%;
	  background-color: #f9f9f9;
	  padding-bottom: 18px;
	  margin-top:20px;
	}
};