body,html{
	font-family: "Microsoft Yahei","微软雅黑","黑体","SimHei",Arial,sans-serif; 
	width: 100%;
}
body,html,div,.container-fluid,.row{
	margin: 0;
	padding: 0;
	border: 0;
}
.dongtaititle{ margin: -40px 0px; color: #000; }
ul,ul li{ list-style:none;margin:0; padding:0}
a ,a:hover{
	text-decoration: none;
	outline: none;
}

.header,.header2,.the-flash{
  background-color: write;
  background: -webkit-linear-gradient(315deg, #fff, #fff);
  background: linear-gradient(135deg, #fff, #fff);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          overflow:hidden
}
.header,.the-flash{  height: 100vh;}
.hhrjh{ position: absolute; z-index: 10;top:35%; left: 45%;}
.hhrsm{ position: absolute; z-index: 10;top:60%; width: 100%; color: #fff;}
.hhr{ 
  position: relative; 
} 

.mphe,.imatp,.carousel-inner>.item>img,.gxty>img{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          overflow:hidden
}

.imatp{ 
  height: auto;
  margin-top: 80px;}
.header nav ,.header2 nav {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header .topbj,.header2 .topbj{ 
	position: absolute;
	z-index: 10;
	background-color: #fff;
	width: 100%;
	height: 80px;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;}
.header .logo ,.header2 .logo{
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header .logo img,.header2 .logo img{
  width: auto;
  height: 80px;
}

.menu {
	line-height: 1;
	margin: 0 auto 3em;
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item {
	display: block;
	margin: 1em 0;
	height: 78px;

}

.menu__link {
	font-size: 1.05em;
	display: block;
	padding: 0em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

.menu__item {
	margin: 0;
}

.menu__link {
	width: 140px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	color: #000;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.menu__link:hover,
.menu__link:focus {
	outline: 0;
	text-decoration: none;
	color: #000;
}

.menu__item--current .menu__link {
	color: #000;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.menu__line {
	position: absolute;
	top: 100%;
	left: 0;
	width: 140px;
	height: 2px;
	pointer-events: none;
	border: 1px solid #000;
	border-width: 0 45px;
	background: #000;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
	transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}
.menu__item:nth-child(1):hover ~ .menu__line {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.menu__item:nth-child(2):hover ~ .menu__line {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.menu__item:nth-child(3):hover ~ .menu__line {
	-webkit-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0);
}
.menu__item:nth-child(4):hover ~ .menu__line {
	-webkit-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0);
}
.menu__item:nth-child(5):hover ~ .menu__line {
	-webkit-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0);
}

.menu__item:nth-child(1).menu__item--current ~ .menu__line {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.menu__item:nth-child(2).menu__item--current ~ .menu__line {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.menu__item:nth-child(3).menu__item--current ~ .menu__line {
	-webkit-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0);
}

.menu__item:nth-child(4).menu__item--current ~ .menu__line {
	-webkit-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0);
}

.menu__item:nth-child(5).menu__item--current ~ .menu__line {
	-webkit-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0);
}

/*@media screen and (max-width:55em) {
	.menu__line {
		top: 3em;
	}

	.menu__item:nth-child(1).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.menu__item:nth-child(2).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 3em, 0);
		transform: translate3d(0, 3em, 0);
	}

	.menu__item:nth-child(3).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 6em, 0);
		transform: translate3d(0, 6em, 0);
	}

	.menu__item:nth-child(4).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 9em, 0);
		transform: translate3d(0, 9em, 0);
	}

	.menu__item:nth-child(5).menu__item--current ~ .menu__line {
		-webkit-transform: translate3d(0, 12em, 0);
		transform: translate3d(0, 12em, 0);
	}
}*/
.vrh{ margin-top: -20px;}
@media screen and (min-width: 1366px) { 
.vrh{height: 670px;} 
} 
/* css注释：设置了浏览器宽度不小于1366px时 */ 

@media screen and (max-width: 1366px) { 
.vrh{height: 500px;} 
} 
/* 设置了浏览器宽度不大于1366px时   */ 
.vrh2{ height: 460px;  background-color: #fff; position:relative; }
.vrh3{ height: 600px;  background-color: #fff; border-top: 1px solid #ccc; }
.vrh4{ height: 400px; }
.vrh5{ margin-top: 100px; }
.vrh6{ height: 580px;}
.vrh7{ height: 200px;   margin: 100px 0px 0px 0px;}
.vrh8{ height: 580px; }
.vrh2 li{ float: left; }
.vrt{ padding-top:130px;  }
.vrt2{ padding-top:15px;  color: #333;}
.vrt3{ padding-top:70px;  }
.vrt4{ padding-top:15px;  color: #333;}
.vrt5{ padding-top:70px;  }
.vrt5 a:hover,
.vrt5 a:focus{outline: 0; color: #333;text-decoration: none;}
.vrt6{ margin-top: 0px;  color: #fff;}
.vrt7{margin-top:20px;  color: #fff;}
.vrt8{ margin: 70px 0px; color: #000; }
.vrt9{ margin-top: 5%;  color: #fff;}
.vrt10{margin-top: 30px;  color: #ccc; line-height: 30px;}
.vrtwz{ margin-top: 40px; }
.vrtwz2{ margin-top: 20px; line-height: 30px; min-height: 300px; }

.fdjz{  
  position: absolute;
  bottom: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
   
}
 .tpkd{ width:380px; }
/*.fdjz{  
  position: absolute;
  top: -;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -710px; 
}
 .tpkd{ width: 350px; }*/
.tpkd:hover img{
	-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
    webkit-transform: rotateY(360deg) ;
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
} 
 /*鼠标移入移出图片都会旋转*/
/* .tpkd img{
    -webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    -moz-transition: -moz-transform 1s ease-in-out;
}
  
.tpkd img:hover{
    webkit-transform: rotateY(360deg) ;
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}*/
.downer{ margin-top:50px;}
.yuan{ 
  position: absolute;
  top: 330px;
}

.vrt5 a{cursor: pointer; display: block;}
.clickf{cursor: pointer; text-decoration: none; }
.clickf img{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
  
.clickf img:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
.wzcolo{ color: #333 }
.hsfk{ width: 100%; background-color: #000; color: #fff;  height: 80px; }
.hsfk:hover{ background-color: #333333; }
.zjwz{ line-height: 80px; }
.bg-green{background:#5bd5a0;}
.bg-blue{background:#1daee9;}
.bg-purple{background:#c843a5;}
.bg-red{background:#eb3980;}
.wow{display:inline-block;width:280px;height:280px;margin:30px 15px 0;border-radius:50%;font:30px/280px "Microsoft Yahei";vertical-align:top;*display:inline;zoom:1;}
.bg-yellow{background:#ffcc35;}
.gqs{ width: 100%;  position: relative; }
@media screen and (min-width:1800px) { 
.gqs{ height: 800px;} 
} 
.jdwz{ position: absolute;bottom: 75%;left: 0px; }
.wxlb{ position: absolute;  color: #fff; }
.wxlb li{ text-align: left;  list-style: disc; }
.line{ width:auto; width: 100%; height:100px; margin-top: 150px; background:url(../images/line.png) ;background-position: 0 50%; }
.navbar2,.navbar3,.navbar4,.navbar5,.navbar6,.navbar7{
text-align:center; } 
.navbar2 ul,.navbar3 ul,.navbar4 ul,.navbar5 ul,.navbar6 ul,.navbar7 { 
display:inline-block;
} 
.navbar2 li,.navbar4 li,.navbar5 li{ 
float:left;  line-height: 50px; 
} 
.navbar3 li {
float:left;  line-height: 50px; width:400px; } 
.navbar6 li{ 
float:left;  line-height: 50px; margin: 0px 20px;
} 
.navbar7 li{ 
float:left;  margin: 0;
} 
.navbar4 li{ width:100px;}
@media screen and (min-width:1600px) { 
    .navbar2 li{ width: 150px;} 
} 
.navbar2 li + li {margin-left:20px;} 
.navbar2 img:hover{border:4px solid #eeeeee; border-radius: 15px; background-color: #eeeeee; cursor: pointer;}
.xddw{ position: relative; }
.jddw{ position: absolute; top:50%; width: 100%; }
.czlc{ height: 150px; width: 100%;}
.zyh{ margin-top: -36px; }
.srzh{ position: absolute; top:40%;  width: 100%;}
.srzh2{ position: absolute; top:15%;  width: 100%;}
.xddw2{ position: relative; }
.navbar7 li{ width:260px;}
.navbar7 ul li{  cursor: pointer; }
@media screen and (max-width:1920px) { 
	.navbar3 li { width:400px;}
	.navbar4 li { width:100px;}
	.navbar5 li{ width:320px;}
	.navbar6 li{ width:500px;}
	.navbar7 li{ width:300px;}
	.xmb1{ bottom: 20%;left: 45%; }
	.xmb2{ bottom:40%;right: 35%; }
	.xmb3{ bottom:43%;right: 20%; }
	.xmb4{ bottom:10%;right: 30%; }
	.xmb5{ bottom:40%;left: 35%; }
	.xmb6{ bottom:43%;left: 20%; }
	.xmb7{ bottom:10%;left: 30%; }
	.jdgd{line-height: 45px;}
	.wxlb{ top: 35%;right: 28%; } 
} 
@media screen and (max-width:1800px) { 
	.navbar3 li { width:380px;}
	.navbar4 li { width:100px;}
	.navbar5 li{ width:320px;}
	.navbar6 li{ width:490px;}
	.navbar7 li{ width:260px;}
	.xmb1{ bottom: 20%;left: 45%; }
	.xmb2{ bottom:40%;right: 35%; }
	.xmb3{ bottom:43%;right: 20%; }
	.xmb4{ bottom:10%;right: 30%; }
	.xmb5{ bottom:40%;left: 35%; }
	.xmb6{ bottom:43%;left: 20%; }
	.xmb7{ bottom:10%;left: 30%; }
	.jdgd{line-height: 40px;}
	.wxlb{ top: 34%;right: 28%;} 
	.gqs{ height: 750px;} 
}
@media screen and (max-width:1700px) { 
	.navbar3 li { width:360px;}
	.navbar4 li { width:100px;}
	.navbar5 li{ width:320px;}
	.navbar6 li{ width:470px;}
	.navbar7 li{ width:240px;}
	.xmb1{ bottom: 15%;left: 44%; }
	.xmb2{ bottom:35%;right: 33%; }
	.xmb3{ bottom:45%;right: 20%; }
	.xmb4{ bottom:5%;right: 25%; }
	.xmb5{ bottom:35%;left: 33%; }
	.xmb6{ bottom:45%;left: 20%; }
	.xmb7{ bottom:5%;left: 25%; }
	.jdgd{line-height: 38px;}
	.wxlb{ top: 32%;right: 27%;} 
	.gqs{ height: 700px;} 

}
@media screen and (max-width:1600px) { 
	.navbar2 li{width: 130px;} 
	.navbar3 li { width:340px;}
	.navbar4 li { width:80px;}
	.navbar5 li{ width:310px;}
	.navbar6 li{ width:450px;}
	.navbar7 li{ width:240px;}
	.xmb1{ bottom: 15%;left: 45%; }
	.xmb2{ bottom:35%;right: 30%; }
	.xmb3{ bottom:45%;right: 20%; }
	.xmb4{ bottom:5%;right: 25%; }
	.xmb5{ bottom:35%;left: 30%; }
	.xmb6{ bottom:45%;left: 20%; }
	.xmb7{ bottom:5%;left: 25%; }
	.jdgd{line-height: 34px;}
	.wxlb{ top: 30%;right: 26%;} 
	.gqs{ height: 650px;} 
} 
 
@media screen and (max-width:1500px) {
	.navbar2 li{width: 125px;}  
	.navbar3 li { width:320px;}
	.navbar4 li { width:80px;}
	.navbar5 li{ width:300px;}
	.navbar6 li{ width:400px;}
	.navbar7 li{ width:230px;}
	.xmb1{ bottom: 15%;left: 44%; }
	.xmb2{ bottom:35%;right: 30%; }
	.xmb3{ bottom:45%;right: 20%; }
	.xmb4{ bottom:5%;right: 25%; }
	.xmb5{ bottom:35%;left: 30%; }
	.xmb6{ bottom:45%;left: 20%; }
	.xmb7{ bottom:5%;left: 25%; }
	.jdgd{line-height: 30px;}
	.wxlb{ top: 28%;right: 24%;} 
	.gqs{ height: 600px;} 
} 

@media screen and (max-width:1400px) {
	.navbar2 li{width: 115px;} 
	.navbar3 li { width:280px;}
	.navbar4 li { width:80px;}
	.navbar5 li{ width:270px;}
	.navbar6 li{ width:350px;}
	.navbar7 li{ width:220px;}
	.xmb1{ bottom: 15%;left: 45%; }
	.xmb2{ bottom:35%;right: 28%; }
	.xmb3{ bottom:45%;right: 15%; }
	.xmb4{ bottom:5%;right: 25%; }
	.xmb5{ bottom:35%;left: 28%; }
	.xmb6{ bottom:45%;left: 15%; }
	.xmb7{ bottom:5%;left: 25%; }
	.jdgd{line-height: 30px;}
	.wxlb{ top: 28%;right: 22%;} 
	.gqs{ height: 550px;} 
} 
@media screen and (max-width:1300px) { 
	.navbar2 li{width: 100px;} 
	.navbar3 li { width:240px;}
	.navbar4 li { width:75px;}
	.navbar5 li{ width:250px;}
	.navbar7 li{ width:210px;}
	.xmb1{ bottom: 15%;left: 45%; }
	.xmb2{ bottom:35%;right: 18%; }
	.xmb3{ bottom:45%;right: 5%; }
	.xmb4{ bottom:5%;right: 28%; }
	.xmb5{ bottom:35%;left: 18%; }
	.xmb6{ bottom:45%;left: 5%; }
	.xmb7{ bottom:5%;left: 30%; }
	.jdgd{line-height: 22px;}
	.wxlb{ top: 28%;right: 20%;}
	.gqs{ height: 500px;} 
} 
@media screen and (max-width:1200px) { 
	.navbar2 li{width:80px;} 
	.navbar3 li { width:200px;}
	.navbar4 li { width:75px;}
	.navbar5 li{ width:200px;}
	.navbar6 li{ width:300px;}
	.navbar7 li{ width:180px;}
	.xmb1{ bottom: 15%;left: 43%; }
	.xmb2{ bottom:35%;right: 18%; }
	.xmb3{ bottom:45%;right: 5%; }
	.xmb4{ bottom:5%;right: 28%; }
	.xmb5{ bottom:35%;left: 18%; }
	.xmb6{ bottom:45%;left: 5%; }
	.xmb7{ bottom:5%;left: 30%; }
	.jdgd{line-height: 20px;}
	.wxlb{ top: 28%;right: 18%; } 
	.gqs{ height: 450px;} 
} 
.zxmenu{ height: auto; }
.zxmenu__item{ padding-top:50px; padding-bottom: 50px; display: block; }
.zxmenu__line {
	position: absolute;
	top: 218px;
	left: 0;
	width: 120px;
	height: 3px;
	pointer-events: none;
	border: 1px solid #000;
	border-width: 0 70px;
	background: #000;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
	-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
	transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
}

.zxmenu__item:nth-child(1).active ~ .zxmenu__line {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.zxmenu__item:nth-child(2).active ~ .zxmenu__line {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.zxmenu__item:nth-child(3).active ~ .zxmenu__line {
	-webkit-transform: translate3d(200%, 0, 0);
	transform: translate3d(200%, 0, 0);
}

.zxmenu__item:nth-child(4).active ~ .zxmenu__line {
	-webkit-transform: translate3d(300%, 0, 0);
	transform: translate3d(300%, 0, 0);
}

.zxmenu__item:nth-child(5).active ~ .zxmenu__line {
	-webkit-transform: translate3d(400%, 0, 0);
	transform: translate3d(400%, 0, 0);
}

.navbar3 li + li { 
margin-left:20px; 
} 
.lokd{ width: 20%; }
.lokd img{ margin:10px auto;  }
.jj{ margin: 20px 20px 0px 0px; }
.jj2{ margin: 22px 20px 0px 2px; }
.dbsm{ margin-top: 40px; }
/*.ct{font-weight: bold;}*/
.qxa a{	text-decoration: none;
	outline: none; color: #000;}
.kkjoin{border: 2px solid #fff; width: 400px; height: 80px; text-align: center;text-decoration: none;
	outline: none; color: #fff; margin-top: 50px; cursor: pointer;}
.kkjoin:hover{background-color: rgba(255, 255, 255, 0.1); color: #FFF;}
.hsdb{ margin-top: 80px; border-bottom: 1px solid #ccc;}
.hsdb2{ margin-bottom: 60px;}
.czlc2{ margin-bottom: 30px; width: 100%; margin-left: 9px;}
.tdcor{background-color: #f5f5f5; height: auto;padding-bottom: 50px;}
.tname{ margin-top:30px; }
.gwch{ color: #aaaaaa; }
.gwch2{ color: #aaaaaa;  margin-bottom: 40px;}
.mtkkd{ width: 80%;  background-color: #fff; position: relative; margin: 100px auto; }
.mtheader{ height: 15px; margin-top: 10px; }
.xxzl{ margin-left:30px; margin-top: 30px; }
.hsj{height: 480px; width: 325px;}
.gxty{background-color: #eee; height: 420px; }
.gxdc{ margin-top: 50px; }
.gxdc2{ margin-top: 80px; color: #fff;}
.cyql{ margin-top:20px; padding-bottom: 50px; line-height: 30px; color: #aaa;}
.tyan{ margin-top:50px; padding-bottom: 50px; border-bottom: 1px solid #ccc; }
.bot-bord{ border-bottom: 1px solid #ccc;}
.tyan2{ margin-top:50px;  border-bottom: 1px solid #ccc; }
.czlc3{ margin-bottom: 50px; width: 100%;}
.yxqd{ position: relative; }
.yxwz{ position: absolute; top: 0px; width: 100% }
.xmb1,.xmb2,.xmb3,.xmb4,.xmb5,.xmb6,.xmb7{ position: absolute; }
.xxsj ul{margin-left: 30%; margin-top: 5%}
.xxsj li{ text-align: left;  list-style: disc;}
.xxsj h4{ line-height: 50px; color: #666 }
.lx{ width: 100%; border-bottom: 1px solid #ccc; height: 1px; }
.mar-top8{ margin-top: 80px;}
.mar-top3{ margin-top: 30px; }
.mar-top5{ margin-top: 50px; }
.mar-top4{ margin-top: 40px;}
.mar-top6{ margin-top: 60px; }
.mar-top7{ margin-top: 70px; }
.mar-top2{ margin-top: 20px; }
.mar-bot2{ margin-bottom: 20px; }
.mar-top{ margin-top: 20%; }
.mar-bot3{ margin-bottom: 30px; }
.mar-bot4{ margin-bottom: 40px; }
.mar-bot5{ margin-bottom: 50px; }
.mar-bot6{ margin-bottom: 60px; }
.mar-bot7{ margin-bottom: 70px; }
.mar-bot8{ margin-bottom: 80px; }
.mar-top2p{ margin-top: 20%; }
.the-pad{padding-left: 10%; padding-right: 10%}
.mar{ margin: 20px 0px; }
.marlr{ margin-left: 10%;  margin-right: 10%;}
.l-height3{ line-height: 30px; }
.l-height4{ line-height: 40px; }
.l-height5{ line-height: 50px; }
.l-height6{ line-height: 60px; }
.l-height7{ line-height: 70px; }
.l-height8{ line-height: 80px; }
.w-color6{ color: #666; }
.w-colorc{ color: #ccc; }
.w-colora{ color: #aaa; }
.w-colorf{ color: #fff; }
.w-colore{ color: #eee; }
.bj-colorf5{ background-color: #f5f5f5; }
.bj-colore{ background-color: #eee; }
.bj-colorf{ background-color: #fff; }
.col-rel{ position: relative; }
.col-abs{ position: absolute; }
.mar-left{ margin-left: 50px;margin-top:22px; }
.ljxxk{ width: 200px; border: 2px solid #000; height:60px;line-height: 60px; }
.the-float{ background-color: #000; opacity: 0.8; width: 100%; height: 100%; z-index: 5;top:0px; left: 0px; display: none;}
.the-img{ overflow: hidden; }
.the-img:hover .the-float{  
	display: block;
	-webkit-animation: moveUp 0.4s ease-in-out .2s backwards;
	-moz-animation: moveUp 0.4s ease-in-out .2s backwards;
	-ms-animation: moveUp 0.4s ease-in-out .2s backwards;
	-o-animation: moveUp 0.4s ease-in-out .2s backwards;
	animation: moveUp 0.4s ease-in-out .2s backwards;
}
@-webkit-keyframes moveUp {
	from {
		-webkit-transform: translateY(100%);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		opacity: 0.8;
	}
}
@-moz-keyframes moveUp {
	from {
		-moz-transform: translateY(100%);
		opacity: 0;
	}
	to {
		-moz-transform: translateY(0);
		opacity: 0.8;
	}
}
@keyframes moveUp {
	from {
		transform: translateY(100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 0.8;
	}
}
@-ms-keyframes moveUp {
	from {
		-ms-transform: translateY(100%);
		opacity: 0;
	}
	to {
		-ms-transform: translateY(0);
		opacity: 0.8;
	}
}
.ljar{ background-color: #fff; top: 0px;  float: right; margin-right: 0px; margin-top: 0px;  width: 35%; min-height: 1000px; right: 0px;  z-index: 300; height: auto; display: none; }
.arvr{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          overflow:hidden
}

.arvr-img{ max-height: 420px; height: auto;  width: auto;  overflow: hidden;}

.tcc{
	z-index: 300;
	display: block;
	-webkit-animation: moveLeft .4s;
	-moz-animation: moveLeft .45s;
	-ms-animation: moveLeft .4s ;
	-o-animation: moveLeft .4s ;
	animation: moveLeft .4s ;
}
@-webkit-keyframes moveLeft {
	from {
		right:-35%;
	}
	to {
		right:0px;
	}
}
@-moz-keyframes moveLeft {
	from {
		right:-35%;
	}
	to {
		right:0px;
	}
}
@keyframes moveLeft {
	from {
		right:-35%;
	}
	to {
		right:0px;
	}
}
@-ms-keyframes moveLeft {
	from {
		right:-35%;
	}
	to {
		right:0px;
	}
}
.bjtm{ width: 100%;   }
.bjtm2{ width:100%; background-color: #000; opacity: 0.8; z-index: 200;  top: 0px; left: 0px;box-sizing: border-box;}
.xxx{ top:0px; right: 0px; }
.xxx2{width:40px; height: 40px; z-index: 310; background-color: #666; cursor: pointer;}
.fad{ width: 120%;height: 120% }