@charset "utf-8";
/* CSS Document */

html, body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Averta Semibold','Open Sans', sans-serif;
  color:#000;
  background-color:#FFF; 
  font-size:100%;
}

a{
  text-decoration: none;
}
a:hover {
	
	text-decoration: none;
}


ul{list-style-type:none;padding:0; margin:0;}

p, li
{
  font-size: 0.875rem;
}


/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#landing-container{position:fixed;top:0;width:100%; max-height:100%;overflow:hidden}

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

.jgcontact {width:100%; display:none;}
.jgcontact img {width:100%; display:none;}

#main-container {
	/*margin-top:100%;*/
}

.container {
  width: 100%;
  /*max-width: 1920px;*/
  margin: 0 auto;
  position: relative;
  text-align: left;
  background-color:#FFF;
  display:block;
}

.containerb {
  width: 100%;

  margin: 0 auto;
  position: relative;
  text-align: left;
  background-color:#000;
}

.container-unu {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  background-color:#000;
  color:#fff;
}



.jiantou {
	/*background-image:url(../images/jiantou.png);
	background-repeat:no-repeat;
	*/
	display:block;
	position:relative;
	
	height:100px;
	width:100px;
}

.jiantou img { width:100%;}
.padtopD { padding-top:1px;}
.jianggediv{ height:0px; display:none;}
.nav {
	background-color:#000;
	height:72px;
	width:100%;
	
}
.nav .logo { float:left; margin-top:24px; margin-left:2.5%; width:108px;}
.nav .logo img { width:100%}
.nav .menu { float:right; margin-top:26px; padding-right:2.5%; text-align:right; display:block;}
.nav .menu ul li { float:left; margin-left:80px;}
.nav .menu ul li a {font-family:'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;color:#fff;text-decoration:none;font-size:0.938rem; font-weight:bold;}
.nav .menu ul li a:hover { opacity:0.5;}
.nav .menu ul li a.cur  { opacity:0.5;}

@media only screen and (max-width: 768px) {
	.jianggediv{ height:72px; display:block;}
	.nav .logo { float:left; margin-top:24px; width:108px;}
	.nav .menu ul li { float:left; margin-left:60px;}
}

@media only screen and (max-width: 640px) {
	.nav .logo { float:left; margin-top:24px; width:96px;}
	.nav .menu ul li { float:left; margin-left:40px;}
	.nav .menu ul li a {font-family:'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;color:#fff;text-decoration:none;font-size:0.75rem; font-weight:bold;}
}

@media only screen and (max-width: 550px) {
	.nav .logo { float:left; margin-top:24px;  width:72px;}
	.nav .menu ul li { float:left; margin-left:30px;}
}

@media only screen and (max-width: 400px) {
	.nav .logo { float:left; margin-top:24px;  width:60px;}
	.nav .menu ul li { float:left; margin-left:20px;}
}

.nav1 {
	background-color:#fff;
	height:72px;
	width:100%;

}
.nav1 .logo { float:left; margin-top:24px; margin-left:2.5%; width:108px;}
.nav1 .logo img { width:100%}
.nav1 .menu { float:right; margin-top:26px; padding-right:2.5%; text-align:right; }
.nav1 .menu ul li { float:left; margin-left:80px;}
.nav1 .menu ul li a{font-family:'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;color:#000;text-decoration:none;font-size:0.938rem; font-weight:bold;}
.nav1 .menu ul li a:hover { opacity:0.5;}
.nav1 .menu ul li a.cur { opacity:0.5;}

@media only screen and (max-width: 768px) {
	.nav1 .logo { float:left; margin-top:24px; width:108px;}
	.nav1 .menu ul li { float:left; margin-left:60px;}
}

@media only screen and (max-width: 640px) {
	.nav1 .logo { float:left; margin-top:24px; width:96px;}
	.nav1 .menu ul li { float:left; margin-left:40px;}
	.nav1 .menu ul li a {font-size:0.75rem; font-weight:bold;}
}

@media only screen and (max-width: 550px) {
	.nav1 .logo { float:left; margin-top:24px;  width:72px;}
	.nav1 .menu ul li { float:left; margin-left:30px;}
}

@media only screen and (max-width: 400px) {
	.nav1 .logo { float:left; margin-top:24px;  width:60px;}
	.nav1 .menu ul li { float:left; margin-left:20px;}
}


.hvideo {
	
	width:100%;
	/*max-height:100%;
	_height:100%; min-height:100%;*/
		
}
#landing-vid {
	width:100%;_height:100%;min-height:100%; object-fit:fill; z-index:1;display:block;
}

.btnvideo {
	position:absolute;
	left:46%;   /*left:920px;*/
	bottom:5%;  /*bottom:60px;*/
	cursor:pointer;
	width:8%;
}

.btnvideo img {
	width:100%;
}

.btnvideo span {
	width:100%;
	padding-left:6%;
	padding-right:6%;
	padding-top:6%;
	padding-bottom:6%;
	text-align:center;
	border:solid 2px #000;
	background-color:gba(0,255,0,0.2);
	font-size:1.125rem;
	font-family: 'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;
	color:#000;
	display:inline-block;
	word-wrap:break-word;white-space:nowrap;
}

.btnvideo span:hover {
	width:100%;
	border:solid 2px #000;
	background-color:#000;
	color:#fff;
}

.videotxt {
	position:absolute;
	left:16%;     /*left:320px;*/
	bottom:46%;   /*bottom:500px;*/
	cursor:pointer;
	width:68%;	 
}

.btnvideo1 {
	position:absolute;
	left:46%;   /*left:920px;*/
	bottom:5%;  /*bottom:60px;*/
	cursor:pointer;
	width:8%;
}

.btnvideo1 span {
	width:100%;
	
	padding-top:6%;
	padding-bottom:6%;
	text-align:center;
	border:solid 2px #FFF;
	background-color:gba(0,0,0,0.2);
	font-size:1.125rem;
	font-family: 'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;
	color:#FFF;
	display:inline-block;
	word-wrap:break-word;white-space:nowrap;
}

.btnvideo1 span:hover {
	width:100%;
	border:solid 2px #FFF;
	background-color:#fff;
	
	color:#000;
}

.videotxt img,.btnvideo1 img {
	width:100%;
}

@media only screen and (max-width: 768px) {
	
	.containerb {
		width: 100%;
		height:100%;
	}

	.hvideo {
	
		width:100%;
		/*height:100%;*/
	}
	
	#landing-vid {
		width:100%;height:100%; object-fit:fill; z-index:1;display:block;
	}
	
	.jghome {width:100%;}
	.jghome img {width:100%;}
	
	.jgcontact {width:100%;display:block;}
	.jgcontact img {width:100%; display:block;}
	
}


.font24 { font-size:1.5rem; line-height:180%;}
.font20 { font-size:1.25rem; line-height:140%;}
.font20  p { font-size:1.25rem; line-height:140%;}


.imain { width:95%; margin: 0 auto; text-align:left;}   /*1824px*/
.imain .m-one,.imain .m-two {  width:100%; margin-top:9%; position:relative;}  /*height:810px;;*/
/*.imain .m-one { background-image:url(../images/bgone.png); background-position:top right; background-repeat:no-repeat;}*/


.imain .m-one .m-l { float:left; width:79%;}  /*width:1440px;height:810px;*/
.imain .m-one .m-l div { position:absolute; bottom:5%; left:4%; font-size:1.5rem; color:#FFF; font-weight:bold;}  /*bottom:42px;*/
.imain .m-one .m-l div span { font-size:1.25rem; font-weight:lighter;}
.imain .m-one .m-r { float:right; width:19%; padding-top:15%;}    /*width:342px; padding-top:30%;*/
.imain .m-one .m-r .mflag { position:absolute;top:0px; right:0px; width:4%; }
.imain .m-one .m-r .mflag img { width:100%;}

/*.imain .m-two { background-image:url(../images/bgtwo.png); background-position:top left; background-repeat:no-repeat;}*/

.imain .m-two .m-r { float:right; width:79%;}  /*1440px*/
.imain .m-two .m-r div { position:absolute; bottom:5%; left:4%; font-size:1.5rem; color:#FFF}
.imain .m-two .m-r div span { font-size:1.25rem; font-weight:lighter;}
.imain .m-two .m-l { float:left; width:19%; padding-top:15%; }    /*width:342px; padding-top:30%;*/
.imain .m-two .m-l .mflag { position:absolute;top:0px;  width:4%; }
.imain .m-two .m-l .mflag img { width:100%;}


.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1.5rem; font-weight:bold;}
.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:2.375rem; font-weight:bold;}
.imain .m-one .m-txt .m-txt-2,.imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-3 { margin-top:35px;}
.m-txt .m-txt-jt {margin-top:60px; text-align:left;}

.imain .m-one .m-l,.imain .m-two .m-r {width:79%;max-height:810px;overflow:hidden;position:relative;z-index:2;}  /*1440px*/
.imain .m-one .m-l img ,.imain .m-two .m-r img{ width:100%; transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s;}
.imain .m-one .m-l video ,.imain .m-two .m-r video{ width:100%;}
.imain .m-one .m-l:hover img ,.imain .m-two .m-r:hover img{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}

/*
@media only screen and (max-width: 1800px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1.4rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:2.1rem; font-weight:bold;}
	
}
@media only screen and (max-width: 1700px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1.3rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:2rem; font-weight:bold;}

}
@media only screen and (max-width: 1600px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1.2rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.9rem; font-weight:bold;}
}
*/

@media only screen and (max-width: 1500px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1.1rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.8rem; font-weight:bold;}
	
	.imain .m-one .m-l div { position:absolute; bottom:5%; left:4%; font-size:1.3rem; color:#FFF; font-weight:bold;}  /*bottom:42px;*/
	.imain .m-one .m-l div span { font-size:1rem; font-weight:lighter;}
	.imain .m-two .m-r div { position:absolute; bottom:5%; left:4%; font-size:1.3rem; color:#FFF}
	.imain .m-two .m-r div span { font-size:1rem; font-weight:lighter;}
}

@media only screen and (max-width: 1400px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.7rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2,.imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-3 { margin-top:30px;}
	.imain .m-one .m-l div { position:absolute; bottom:5%; left:4%; font-size:1.25rem; color:#FFF; font-weight:bold;}  /*bottom:42px;*/
	.imain .m-one .m-l div span { font-size:1rem; font-weight:lighter;}
	.imain .m-two .m-r div { position:absolute; bottom:5%; left:4%; font-size:1.25rem; color:#FFF}
	.imain .m-two .m-r div span { font-size:1rem; font-weight:lighter;}
	
	.jiantou {
	height:80px;
	width:80px;
}
	.m-txt .m-txt-jt {margin-top:40px; text-align:left;}

}
/*
@media only screen and (max-width: 1300px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:0.9rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.6rem; font-weight:bold;}
}
*/
/*
@media only screen and (max-width: 1200px) {
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.5rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2,.imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-3 { margin-top:25px;}
	.jiantou {
	height:70px;
	width:70px;
	}
	.m-txt .m-txt-jt {margin-top:30px; text-align:left;}
}

@media only screen and (max-width: 1100px) {
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.4rem; font-weight:bold;}
}
*/
@media only screen and (max-width: 1024px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:1rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.3rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2,.imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-3 { margin-top:20px;}
	.imain .m-one .m-l div { position:absolute; bottom:5%; left:4%; font-size:1rem; color:#FFF; font-weight:bold;}  /*bottom:42px;*/
	.imain .m-one .m-l div span { font-size:0.75rem; font-weight:lighter;}
	.imain .m-two .m-r div { position:absolute; bottom:5%; left:4%; font-size:1rem; color:#FFF}
	.imain .m-two .m-r div span { font-size:0.75rem; font-weight:lighter;}
	.jiantou {
	height:50px;
	width:50px;
}
	.m-txt .m-txt-jt {margin-top:25px; text-align:left;}
	.imain .m-one .m-r { float:right; width:19%; padding-top:10%;}    /*width:342px; padding-top:30%;*/
	.imain .m-two .m-l { float:left; width:19%; padding-top:10%; }    /*width:342px; padding-top:30%;*/
}
@media only screen and (max-width: 900px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:0.75rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1.2rem; font-weight:bold;}
}
@media only screen and (max-width: 768px) {
	.imain .m-one .m-txt .m-txt-1, .imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-1 , .imain .m-two .m-txt .m-txt-3{ font-size:0.75rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:1rem; font-weight:bold;}
	.imain .m-one .m-txt .m-txt-2,.imain .m-one .m-txt .m-txt-3, .imain .m-two .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-3 { margin-top:15px;}
	
	.imain .m-one .m-l,.imain .m-two .m-r { width:100%; }

	
	.imain .m-one .m-r { float:left;width:95%; position:relative; padding-top:5%; margin-top:5%; padding-left:0px; margin-left:2.5%; border-top:solid 1px #cbcbcb;  padding-bottom:5%; }
	.imain .m-one .m-r .mflag { position:absolute; bottom:0px; right:0px; width:4%;   vertical-align:bottom;}
	.imain .m-two .m-l { float:left;width:95%; position:relative; padding-top:5%; margin-top:5%; margin-left:2.5%;border-top:solid 1px #cbcbcb;  padding-bottom:5%; }
	.imain .m-two .m-l .mflag { position:absolute;bottom:0px; right:0px; width:4%;  }

	

	
	.imain .m-one .m-r .mflag img { position:absolute;bottom:0px; right:0px; transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */}
	.imain .m-two .m-l .mflag img { position:absolute;bottom:0px; right:0px; transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
	

	.imain .m-one .m-l div { position:relative; left:2.5%; font-size:0.75rem; color:#000; font-weight:bold;}  /*bottom:42px;*/
	.imain .m-one .m-l div span { font-size:0.6rem; font-weight:lighter;}
	.imain .m-two .m-r div { position:relative; left:2.5%; font-size:0.75rem; color:#000;font-weight:bold;}
	.imain .m-two .m-r div span { font-size:0.6rem; font-weight:lighter;}

	.jiantou {
	height:40px;
	width:40px;
	}
	.m-txt .m-txt-jt {margin-top:20px; text-align:left;}
	
	
}
@media only screen and (max-width: 640px) {
	.imain .m-one .m-txt .m-txt-2, .imain .m-two .m-txt .m-txt-2 {font-size:0.75rem; font-weight:bold;}
}



.mcontact { margin-top:150px; padding-top:90px; height:260px; width:100%; border-top:solid 1px #cbcbcb; text-align:left; background-color:#FFF;}

.mc-txt { font-size:3rem;}
.mc-img { margin-top:20px; width:280px;  text-align:left; }  /*width:280px;*/
.mc-img a:link ,.mc-img a ,.mc-img a:visited ,.mc-img a:active  { color:#000; font-size:1.5rem;}
.mc-img img { width:100%;}

.mc-img .btnlxwm { width:120px;
	padding-left:60px;
	padding-right:60px;
	padding-top:6%;
	padding-bottom:6%;
	text-align:left;
	border:solid 2px #000;
	background-color:gba(0,0,0,0.2);
	font-size:1.125rem;
	font-family: 'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;
	color:#000;
	display:inline-block;
	word-wrap:break-word;white-space:nowrap;}

.mc-img .btnlxwm:hover {
	border:solid 2px #000;
	background-color:#000;
	
	color:#fff;
	}	
	
.mc-img .btnlxwm span { float:right;}



.footb{ width:100%;  text-align:left; color:#000; padding-bottom:15px;}
.footb .footb-m {color:#000; width:95%; margin: 0 auto; padding-top:60px; padding-bottom:10px;  border-top:solid 1px #cbcbcb;}
.footb .footb-m .footb-m-1 { float:left; width:63%; color:#000}
.footb .footb-m .footb-m-1 .footb-m-1-2 { font-size:1.5rem; margin-top:75px; font-weight:bold;}
.footb .footb-m .footb-m-1 .footb-m-1-3 { font-size:0.75rem; margin-top:115px;}
.footb .footb-m .footb-m-2 { float:left; width:16%;}
.footb .footb-m .footb-m-2 .footb-m-2-t ul li { float:left; width:50%; font-size:1.5rem; margin-bottom:13px; font-weight:bold;}
.footb .footb-m .footb-m-2 .footb-m-2-t ul li a {font-size:1.5rem; color:#000;}

.footb .footb-m .footb-m-2 .footb-m-2-b { font:12px; margin-top:110px; position:relative;}
.footb .footb-m .footb-m-3 { float:right;  width:18%; line-height:150%;font-size:0.75rem; }


.footb-m-1-1 img { height:24px;}
.footb1 {  width:100%; text-align:left; color:#fff; background-color:#000;}
.footb1 .footb-m {  width:95%; margin: 0 auto; padding-top:60px;padding-bottom:10px; color:#FFF;  background-color:#000;}  /*width:1824px;*/
.footb1 .footb-m .footb-m-1 { float:left; width:63%; color:#FFF; }   /*width:1180px;*/
.footb1 .footb-m .footb-m-1 .footb-m-1-2 { font-size:1.5rem; margin-top:75px;font-weight:bold;}
.footb1 .footb-m .footb-m-1 .footb-m-1-3 { font-size:0.75rem; margin-top:115px;}
.footb-m-1-3 a { color:#000;}


.footb1 .footb-m .footb-m-2 { float:left; width:16%;}   /*width:304px;*/
.footb1 .footb-m .footb-m-2 .footb-m-2-t ul li { float:left; width:50%; font-size:1.5rem; margin-bottom:13px; font-weight:bold;}
.footb1 .footb-m .footb-m-2 .footb-m-2-t ul li a {font-size:1.5rem; color:#fff;}
.footb1 .footb-m .footb-m-2 .footb-m-2-b { font:12px; margin-top:110px; position:relative;}
.footb1 .footb-m .footb-m-3 { float:right; width:18%; line-height:150%; font-size:0.75rem;}  /*width:304px;*/

@media only screen and (max-width: 1400px) {
.footb .footb-m .footb-m-1 { float:left; width:55%;}   /*width:304px;*/
.footb .footb-m .footb-m-2 { float:left; width:16%;}   /*width:304px;*/
.footb .footb-m .footb-m-3 { right:left; width:28%;}   /*width:304px;*/

.footb1 .footb-m .footb-m-1 { float:left; width:55%;}   /*width:304px;*/
.footb1 .footb-m .footb-m-2 { float:left; width:16%;}   /*width:304px;*/
.footb1 .footb-m .footb-m-3 { right:left; width:28%;}   /*width:304px;*/
}

@media only screen and (max-width: 768px) {
	.footb .footb-m {  width:95%; margin: 0 auto; padding-top:60px;padding-bottom:80px;}  /*width:1824px;*/
	.footb .footb-m .footb-m-1 .footb-m-1-1 { display:none;}
	.footb .footb-m .footb-m-1 .footb-m-1-2 { display:none;}
	.footb .footb-m .footb-m-2 .footb-m-2-b { display:none;}
	.footb .footb-m .footb-m-1 .footb-m-1-3 { margin:0px; position:absolute; bottom:50px;}
	.footb .footb-m .footb-m-2 { float:left; width:100%;}
	.footb .footb-m .footb-m-3 { float:left;  width:100%; line-height:150%;font-size:0.75rem;  }
	
	
	.footb1 .footb-m {  width:95%; margin: 0 auto; padding-top:60px;padding-bottom:80px; color:#FFF;  background-color:#000;}  /*width:1824px;*/
	.footb1 .footb-m .footb-m-1 .footb-m-1-1 { display:none;}
	.footb1 .footb-m .footb-m-1 .footb-m-1-2 { display:none;}
	.footb1 .footb-m .footb-m-2 .footb-m-2-b { display:none;}
	.footb1 .footb-m .footb-m-1 .footb-m-1-3 { margin:0px; position:absolute; bottom:50px;}
	.footb1 .footb-m .footb-m-2 { float:left; width:100%;}
	.footb1 .footb-m .footb-m-3 { float:left;  width:100%; line-height:150%;font-size:0.75rem;  }

}

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

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

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


.bgwhite { background-color:#FFF;}
.container1 {width:95%; margin: 0 auto; text-align:left;}  /*width:1824px;*/

.workhead .workhead-l{ float:left; width:64%; font-size:1.875rem; text-align:left; font-weight:bold;}
.workhead .workhead-l a {  color:#000; }
.workhead .workhead-r{ float:right; width:32%; font-size:1.5rem; text-align:right;}
.workhead .workhead-r img { vertical-align:top; width:40px;}


/*
.workhead .workhead-r img:hover {width: 40px;background:#000000;text-align:center;border-radius:40px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); opacity:0.6;}
*/
.workhead .workhead-r1 { float:right; width:34%; font-size:1.5rem; text-align:right; position: relative;}
.workhead .workhead-r1 a { font-size:1.5rem; color:#000; line-height:160%;}

.workhead .workhead-r1 img { vertical-align:auto;}


.workhead .workhead-r a { font-size:1.5rem; color:#000; line-height:160%;}

.workhead .workhead-r1 .sort-list{
        position: absolute;
        overflow: hidden;/*必须用overflow,不然内容会挤出去，就算设置高度为零也没意义*/
        top: 40px;
        right: 0;
        height:0;
        transition: 1s;
		z-index:999;
		background-color:#000;
		
    }
	
.workhead .workhead-r1 .sort-list li {
	font-size:1rem;
	color:#FFF;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
}

.workhead .workhead-r1 .sort-list li a {
	font-size:1rem;
	color:#FFF;
}
	
.workhead .workhead-r1:hover .sort-list {
	 height: 200px;
}






@media only screen and (max-width: 1024px) {
	.workhead .workhead-l{ font-size:1.5rem; text-align:left; font-weight:bold;}
	.workhead .workhead-r a { font-size:1.25rem; color:#000; line-height:160%;}
	.workhead .workhead-r img { vertical-align:middle; width:25px;}
	
	
	
	/*
	.workhead .workhead-r img:hover {width: 25px;background:#FFDB00;text-align:center;border-radius:25px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); opacity:0.6;}
	*/
	
	.workhead .workhead-r1 { float:right; width:32%; font-size:1.25rem; text-align:right; position: relative;}
	.workhead .workhead-r1 a { font-size:1.25rem; color:#000; line-height:160%;}
	
	
	.workhead .workhead-r1 .sort-list li {
		font-size:0.875rem;
		color:#FFF;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:15px;
		padding-right:15px;
	}
	
	.workhead .workhead-r1 .sort-list li a {
		font-size:0.875rem;
		color:#FFF;
	}
		
	.workhead .workhead-r1:hover .sort-list {
		 height: 200px;
	}
	
}

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

}

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

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

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





.workcontainer { width:100%; margin-top:20px; }

.workcontainer ul { width:100%; }
.workcontainer ul li { width:30%; margin-bottom:60px; display: inline-block;  
  vertical-align: top;}

.workcontainer ul li:nth-child(3n+2) { margin-right:4.5%;}    /* width:380px;*/ 
.workcontainer ul li:nth-child(3n+1) { margin-right:4.5%;}    /* width:380px;*/ 
.workcontainer ul li:nth-child(3n+0) { margin-right:0%;}    /* width:380px;*/ 
/*
.workcontainer ul { width:100%; display: flex;   flex-wrap:wrap; align-items: center; align-content: space-between; justify-content:space-between;}
.workcontainer ul li { float:left;flex-grow:0; flex-shrink:0; width:560px; height:400px; margin-bottom:60px;}
*/

.wmaright{ margin-right:5%;}    /*margin-right:72px;*/
.work-split { height:1px; background-color:#cbcbcb;  margin-bottom:60px;}
.work-split1 { height:1px; background-color:#cbcbcb;   width:95%; margin: 0 auto; opacity:0.2;}
.work-split2 { height:1px; background-color:#cbcbcb;  margin-top:60px; margin-bottom:60px;}

.workcontainer ul li div {width:100%;}
.workcontainer ul li div a {
	color:#000;
}


.workcontainer ul li div a .dworkimg {width:100%;max-height:315px;overflow:hidden;position:relative;z-index:2;}
.workcontainer ul li div a .dworkimg img, .workcontainer ul li div a .dworkimg video { width:100%;}
.workcontainer ul li div a .dworkimg img {transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s; display: block;}

.workcontainer ul li div a .dworkimg:hover img {transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);display: block;}

.workcontainer ul li div a .dworktxt{ font-size:1.25rem; margin-top:20px; font-weight:lighter;}
.workcontainer ul li div a .dworkdesc{ font-size:1.5rem;margin-top:8px;}

@media only screen and (max-width: 1024px) {
	.workcontainer ul { width:100%; display: flex; flex-wrap:wrap; align-items: center; align-content: space-between; justify-content:space-between;}
	.workcontainer ul li { float:left; width:48%; margin-bottom:60px; flex-grow:0; flex-shrink:0;}
	
	.workcontainer ul li:nth-child(2n+1) { margin-right:4%;}    /* width:380px;*/ 
	.workcontainer ul li:nth-child(2n+0) { margin-right:0%;}    /* width:380px;*/ 
	.workcontainer ul li div a .dworktxt{ font-size:0.875rem; margin-top:10px; font-weight:lighter;}
	.workcontainer ul li div a .dworkdesc{ font-size:1rem;margin-top:8px; font-weight:bold;}
}

@media only screen and (max-width: 768px) {
	.workcontainer ul li { float:left; width:100%; margin-bottom:60px; flex-grow:0; flex-shrink:0;}
}


.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out; z-index:60; }  
.headroom--unpinned {top: -300px;}  
.headroom--pinned {top: 0;} 


.hidden{display:none;}
/*
.workcontainer {overflow: hidden;}
*/
.workcontainer ul.list {overflow: hidden;}
.workcontainer ul.list li{ float:left; width:30%; margin-bottom:60px;overflow:hidden; }
.workmore .more { width:100px; margin:0 auto;}

.workmore .more a{display: block;width: 100px;color:#fff;margin:0 auto;text-align:center;font-size: 0.938rem;}
/*
.workmore .more a img:hover {width: 100px;text-decoration: none;color: #fff; background:#FFDB00;border-radius:100px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);opacity:0.6;}
*/
.workmore .more img {width:100%;}
.imgnotmore {width: 100px;}

@media only screen and (max-width: 1024px) {
	.workcontainer ul.list {width:100%; display: flex; flex-wrap:wrap; align-items: center; align-content: space-between; justify-content:space-between;}
	.workcontainer ul.list li { float:left; width:48%; margin-bottom:60px; flex-grow:0; flex-shrink:0;}
	.workcontainer ul li div a .dworktxt{ font-size:0.875rem; margin-top:10px; font-weight:lighter;}
	.workcontainer ul li div a .dworkdesc{ font-size:1rem;margin-top:8px; font-weight:bold;}
	
	.workmore .more { width:50px; margin:0 auto;}
	.workmore .more a{display: block;width: 50px;color:#fff;margin:0 auto;background:#fff;text-align:center;font-size: 0.938rem;}
	/*
	.workmore .more a img:hover {width: 50px;text-decoration: none;color: #fff; background:#FFDB00;border-radius:50px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);opacity:0.6;}
	*/
	.imgnotmore {width: 50px;}
}

@media only screen and (max-width: 768px) {
	.workcontainer ul.list li{ width:100%; margin-bottom:60px;overflow:hidden; }

}

.more-margin { height:150px;}

.divabout { margin-right:10%; margin-left:10%; margin-top:60px; }

.divabout img { max-width:100% }

.divabout .about-txt { font-size:3rem;}
.divabout .about-txt p { font-size:3rem;}
.divabout .about-show { font-size:1.5rem;}
.divabout .about-show p { font-size:1.5rem;}

.divabout .about-stxt { font-size:32px;}
.divabout .about-desc { margin-top:80px; text-align:left;}
.about-desc .desc-l { float:left; width:21%; font-size:1rem;} /*width:320px;*/
.about-desc .desc-l p {font-size:1rem;  margin:0px;} /*width:320px;*/
.about-desc .desc-r { float:right; width:72%; font-size:1rem;margin:0px;} /*width:1080px;*/
.about-desc .desc-r  p{ margin:0px; font-size:1rem;} /*width:1080px;*/
.desc-r span {
	word-wrap:break-word;white-space:normal;
    word-break:break-all; 
}

.desc-r p span {
	word-wrap:break-word;white-space:normal;
    word-break:break-all; 
}

.about-gd {width:80%;  position: relative;  margin: 0 auto; overflow:hidden; margin-top:80px;}
/*.about-gd div img { border:solid 1px #cbcbcb;}*/

.divcont { margin-right:10%; margin-left:10%; margin-top:130px; text-align:left;}
.cont-title {font-size:3rem; font-weight:bold;}
.cont-d {font-size:1.5rem; margin-top:20px;}
.cont-d a,.cont-d span{ color:#FFBA00; font-size:1.5rem;}

.cont-title1 {font-size:2rem; margin-top:75px; font-weight:bold;}

.cont-in { width:100%; color:#333333; margin-top:70px; font-size:1.5rem;}
.cont-in  .cont-in-l { float:left; width:45%; line-height:200%;}
.cont-in  .cont-in-r { float:right; width:45%; line-height:200%;}
.cont-in  .cont-in-l input,.cont-in .cont-in-r input { border:0px; border-bottom:solid 2px #000; width:100%; outline:none; font-size:1.5rem;}

.cont-in-d {width:100%; margin-top:70px; line-height:150%;}
.cont-in-d textarea {width:100%; margin-top:10px; outline:none; border:solid 2px #000; font-size:1rem; height:320px;  line-height:200%;resize:none;}

.cont-btn  { margin-top:70px; }

.cont-bl { margin-top:160px;margin-bottom:150px; width:100%;}

.cont-bl img { width:100%;}

.divunu { margin-right:10%; margin-left:10%; margin-top:130px; text-align:left; background-color:#000; color:#fff;}
.unu-t { font-size:3rem;}
.mart120{ margin-top:120px;}
.mart100{ margin-top:100px;}
.mart80{ margin-top:80px;}
.mart60{ margin-top:60px;}
.mart40{ margin-top:40px;}
.mart30{ margin-top:30px;}

.padt30{ padding-top:30px;}

.marb80{ margin-bottom:80px;}

.h100 { height:100px;}
.unu-t1 {font-size:1.5rem;}


.unu-list .unu-list-l { float:left; width:46%; margin-top:30px;}
.unu-list .unu-list-r { float:right; width:46%;margin-top:30px;}

.unu-nu ul li { width:25%; float:left; text-align:center; font-size:1.25rem;}
.unu-nu ul li span {font-size:80px;}


.abouttxlist { width:100%; margin:0 auto; margin-top:60px;}
.abouttx { float:left; width:25%; position:relative; }    /* width:380px;*/ 

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

.abouttx .tx-txt { height:60px; overflow: hidden; display:none; width:90%; position:absolute; left:0px; bottom:0px; background-color:#fff; opacity:75%; padding:5%;font-size:1rem; transition: all 0.25s; z-index:80;}
.abouttx .tx-txt span { font-size:1.125rem;}
.abouttx .tx-txt .tx-desc { display:none; margin-top:20px;}



.f14 {font-size:0.875rem;}

.about-other { vertical-align:middle; margin-top:40px;}

.about-other a { font-size:3rem; color:#000;}
.about-other a img { height:40px;}

.jobname {font-size:2.5rem; }

.job-one { border-bottom:solid 1px #cbcbcb; margin-top:90px;}
.job-two {  margin-top:90px;}


.job-one div a ,.job-two div a { font-size:1.5rem; color:#FFB236;}

.sharelist { width:100%;  display: flex;   flex-wrap:wrap;
  align-items: stretch; justify-content:space-between;}
  
.sharelist > .share-one { 
  width:45%;
  margin-top:90px;
  flex-grow:0;
  flex-shrink:0;
  }



.share-one a .dworkimg { width:100%;max-height:405px;overflow:hidden;position:relative;z-index:2; }
.share-one a .dworkimg img {transition:all 1.2s;-moz-transition:all 1.2s;-webkit-transition:all 1.2s;-o-transition:all 1.2s; display:block;}
.share-one a .dworkimg:hover img {transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}

.share-one a .dworktxt{ font-size:1.25rem; margin-top:20px; font-weight:lighter; color:#000;}
.share-one a .dworkdesc{ font-size:1.5rem;margin-top:8px; font-weight:bold;color:#000;}

.divshare { margin-right:200px; margin-left:200px; margin-top:95px; text-align:left;}
.divshare .share-txt { font-size:4rem;}

.share-desc { width:1120px; text-align:left; margin:0 auto;}


.divunusual {width:100%; margin-top:40px; text-align:left;}
.divunusual .unusual-cont  {  margin-right:10%; margin-left:10%; width:80%;}
.divunusual .unusual-cont .unusual-txt { font-size:4rem;}
.divunusual .unusual-img img { width:100%;}
.divunusual .unusual-img video { width:100%;}



.unusual-back { float:left; width:32%;margin-left:2.5%; font-size:1.5rem; text-align:left;}
.unusual-back a { font-size:1.5rem; color:#000; line-height:160%;}
.unusual-back a .imgunuback { vertical-align:top; width:40px;}

.unusual-desc { width:1120px; text-align:left; margin:0 auto;}


.unusuallist { position:absolute; top:0px; left:0px; width:100%; padding-top:8%;  z-index:5; }
  
 .unusuallist .unusual-one {
	 width:80%; margin-top:60px;margin-left:10%;
	 
 }
  
 .unusuallist .unusual-one a .dworkimg { width:100%; }
 .unusuallist .unusual-one a .dworkimg img { width:100%; } 
 .unusuallist .unusual-one a .dworkimg video { width:100%; } 


.erweima { position:absolute;left:0px; bottom:25px; display:none; background-color:#fff;}
.erweima img  {display:block;}



.btntj { background-color:#fff; color:#000; width:200px; height:60px; font-size:1.5rem; border:solid 2px #000; 
font-family: 'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;
text-align:center;
}

.btntj:hover {
	
	background-color:#000; color:#fff;
	
}

.imgmw { margin-right:5%; width:90%; margin-left:5%;  }


.fontw { color:#FFF;}
.imgw img { width:100%;}
.imgw video {width:100%;}
.imgmw img { max-width:100%;}


.nav .menum{
    position:relative;
    height:100%;
	display:none;
}
.nav .menum{
    float:right;
    width:3rem;
}
.nav .menum i{
    position:absolute;
    width:1rem;
    height:1px;
    background-color:#fff;
    left:0.5rem;
    margin:0.5rem 0;
    -webkit-transition:all .3s ease-in-out;
            transition:all .3s ease-in-out;
}
.nav .menum i:nth-child(1){
    top:1rem;
}
.nav .menum i:nth-child(2){
    top:1.3rem
}
.nav .menum i:nth-child(3){
    top:1.6rem;
}
.nav .menum i:nth-child(1).skew{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin:left top;
            transform-origin:left top;
    margin:0;
    top:1.6465rem;
}
.nav .menum i:nth-child(2).skew{
    display:none;
}
.nav .menum i:nth-child(3).skew{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin:left top;
            transform-origin:left top;
    margin:0;
    top:2.357rem;
}


.nav1 .menum{
    position:relative;
    height:100%;
	display:none;
	color:#000;
}
.nav1 .menum{
    float:right;
    width:3rem;
}
.nav1 .menum i{
    position:absolute;
    width:1rem;
    height:1px;
    background-color:#000;
    left:0.5rem;
    margin:0.5rem 0;
    -webkit-transition:all .3s ease-in-out;
            transition:all .3s ease-in-out;
}
.nav1 .menum i:nth-child(1){
    top:1rem;
}
.nav1 .menum i:nth-child(2){
    top:1.3rem
}
.nav1 .menum i:nth-child(3){
    top:1.6rem;
}
.nav1 .menum i:nth-child(1).skew{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin:left top;
            transform-origin:left top;
    margin:0;
    top:1.6465rem;
}
.nav1 .menum i:nth-child(2).skew{
    display:none;
}
.nav1 .menum i:nth-child(3).skew{
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin:left top;
            transform-origin:left top;
    margin:0;
    top:2.357rem;
}




#navm{
    padding:0 0.6rem;
    width:100%;
    background-color:#000;
    position:fixed;/*没有定位则没有z-index*//*用fixed为了不占位*/
    z-index:10000;
    height:0;
    overflow:hidden;
    left:0;
    top:4.5rem;
}
#navm.move{
    height:100%;/*for scroll*/
    padding-top:15px;
    padding-bottom:100px;/*for scroll*/
    overflow-y:scroll;/*for scroll*/
}
#navm dl{
	
    opacity:0;
    -webkit-transform:translate3d(0, -20%, 0);
            transform:translate3d(0, -20%, 0);
    -webkit-transition:opacity .3s ease-in, transform .3s ease-in;
            transition:opacity .3s ease-in, transform .3s ease-in;
}
#navm dl:last-child{
    border:0 none;
}
#navm.move dl:nth-child(7){
    -webkit-transition-delay:.1s;
            transition-delay:.1s;
}
#navm.move dl:nth-child(6){
    -webkit-transition-delay:.15s;
            transition-delay:.15s;
}
#navm.move dl:nth-child(5){
    -webkit-transition-delay:.2s;
            transition-delay:.2s;
}
#navm.move dl:nth-child(4){
    -webkit-transition-delay:.25s;
            transition-delay:.25s;
}
#navm.move dl:nth-child(3){
    -webkit-transition-delay:.3s;
            transition-delay:.3s;
}
#navm.move dl:nth-child(2){
    -webkit-transition-delay:.35s;
            transition-delay:.35s;
}
#navm.move dl:nth-child(1){
    -webkit-transition-delay:.4s;
            transition-delay:.4s;
}
#navm.move dl{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
}
#navm dt  {
	text-align:right;
	padding-right:30px;
}

#navm dt a {
    display:block;
    font-size:1rem;
    letter-spacing:1px;
    height:2.5rem;
    line-height:2.5rem;
    position:relative;
	color:#FFF;
}
#navm dt a i{
    position:absolute;
    color:#fff;
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
    -webkit-transition:all .3s ease-in-out;
            transition:all .3s ease-in-out;
}
#navm dt a i.skew{
    -webkit-transform:rotate(135deg);
            transform:rotate(135deg);
    margin-top:-8px;
}
#navm dd{
    height:0;
    overflow:hidden;
}
#navm dd.show{
    height:auto;
    padding-bottom:10px;
}
#navm dd a{
    display:block;
    color:#fff;
    font-size:14px;
    letter-spacing:1px;
    height:34px;
    line-height:34px;
    padding-left:15px;
    background:url(../h5-images/dot.png) left center no-repeat;
    -webkit-transform:translateX(-100px);
            transform:translateX(-100px);
}
#navm dd.show a:nth-child(1){
    -webkit-transition:all .5s ease-in-out .06s;
            transition:all .5s ease-in-out .06s;
}
#navm dd.show a:nth-child(2){
    -webkit-transition:all .5s ease-in-out .12s;
            transition:all .5s ease-in-out .12s;
}
#navm dd.show a:nth-child(3){
    -webkit-transition:all .5s ease-in-out .18s;
            transition:all .5s ease-in-out .18s;
}
#navm dd.show a:nth-child(4){
    -webkit-transition:all .5s ease-in-out .24s;
            transition:all .5s ease-in-out .24s;
}
#navm dd.show a:nth-child(5){
    -webkit-transition:all .5s ease-in-out .30s;
            transition:all .5s ease-in-out .30s;
}
#navm dd.show a:nth-child(6){
    -webkit-transition:all .5s ease-in-out .36s;
            transition:all .5s ease-in-out .36s;
}
#navm dd.show a:nth-child(7){
    -webkit-transition:all .5s ease-in-out .42s;
            transition:all .5s ease-in-out .42s;
}
#navm dd.show a:nth-child(8){
    -webkit-transition:all .5s ease-in-out .48s;
            transition:all .5s ease-in-out .48s;
}
#navm dd.show a:nth-child(9){
    -webkit-transition:all .5s ease-in-out .54s;
            transition:all .5s ease-in-out .54s;
}
#navm dd.show a:nth-child(10){
    -webkit-transition:all .5s ease-in-out .60s;
            transition:all .5s ease-in-out .60s;
}
#navm dd.show a{
    -webkit-transform:translateX(0);
            transform:translateX(0);
}
#navm .info{
    padding:1rem 0;
    opacity:0;
    -webkit-transform:translate3d(0, -20%, 0);
            transform:translate3d(0, -20%, 0);
    -webkit-transition:opacity .3s ease-in, transform .3s ease-in;
            transition:opacity .3s ease-in, transform .3s ease-in;
}
#navm.move .info{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
            transform:translate3d(0, 0, 0);
    -webkit-transition-delay:.05s;
            transition-delay:.05s;
}
#navm .info p,#navm .info a{
    font-size:0.55rem;
    text-align:center;
    margin:0;
}
#navm .info a{
    display:inline-block;
    padding:0 5px;
}
#header {}

@media only screen and (max-width: 1024px) {
	.sharelist > .share-one { 
	  width:100%;
	  margin-top:40px;
	  flex-grow:0;
	  flex-shrink:0;
	  }
	  
	.share-one a .dworktxt{ font-size:0.875rem; margin-top:10px; font-weight:lighter; color:#000;}
	.share-one a .dworkdesc{ font-size:1rem;margin-top:8px; font-weight:bold;color:#000;}
	
	.btnvideo {
	position:absolute;
	left:42%;   /*left:920px;*/
	bottom:5%;  /*bottom:60px;*/
	cursor:pointer;
	width:20%;
	}
	
	.btnvideo1 {
	position:absolute;
	left:42%;   /*left:920px;*/
	bottom:5%;  /*bottom:60px;*/
	cursor:pointer;
	width:20%;
	}
}
@media only screen and (max-width: 768px) {
	.imain { width:100%; margin: 0 auto; text-align:left;}   /*1824px*/
	.nav .menu { float:right; margin-top:26px; padding-right:2.5%; text-align:right; display:none;}
	.nav1 .menu { float:right; margin-top:26px; padding-right:2.5%; text-align:right; display:none;}
	#header .menum{
		position:relative;
		height:100%;
		display:block;
	}
	#header {
	!important
	}
	
	
	.btnvideo {
	position:absolute;
	left:42%;   /*left:920px;*/
	bottom:5%;  /*bottom:60px;*/
	cursor:pointer;
	width:25%;
	}
	
	.btnvideo1 {
	position:absolute;
	left:42%;   /*left:920px;*/
	bottom:5%;  /*bottom:60px;*/
	cursor:pointer;
	width:25%;
	}

	.divabout { margin-right:5%; width:90%; margin-left:5%; margin-top:40px; }
	.divabout .about-txt { font-size:1.125rem;}
	.divabout .about-txt p { font-size:1.125rem;}
	.divabout .about-show { font-size:0.825rem;}
	.divabout .about-show p { font-size:0.825rem;}
	.font24 { font-size:1rem; line-height:180%;}
	.font20{ font-size:1rem; line-height:140%;}
	.font20 p { font-size:1rem; line-height:140%;}
	
	
	
	
	
	.about-other { vertical-align:middle; margin-top:15px;}
	.about-other a { font-size:1.25rem; color:#000;}
	.about-other a img { height:20px;}
	
	.divunu { margin-right:5%; margin-left:5%; margin-top:130px; text-align:left; background-color:#000; color:#fff;}
	
	.unu-t { font-size:1.125rem;}
	
	.unu-list .unu-list-l {  width:100%; margin-top:30px;}
	.unu-list .unu-list-r {  width:100%;margin-top:30px;}
	
	.unu-nu ul li { width:100%; text-align:center; font-size:1.25rem; margin-top:40px;}
	.unu-nu ul li span {font-size:5rem;}
	
	
	.divcont { margin-right:5%; margin-left:5%; margin-top:40px; text-align:left;}
	.cont-in  .cont-in-l {  width:100%; line-height:200%;}
	.cont-in  .cont-in-r {  width:100%; line-height:200%;}
	
	.cont-in  .cont-in-l input,.cont-in .cont-in-r input { border:0px; border-bottom:solid 2px #000; width:90%; outline:none; font-size:0.875rem;}
	
	.cont-in-d {width:100%; margin-top:20px; line-height:150%;}
	
	
	
	.abouttxlist { width:100%; margin:0 auto; margin-top:60px; }
  
	.abouttx:nth-child(2n+1) { float:left; width:48%; position:relative; margin-right:4%; margin-bottom:20px;}    /* width:380px;*/ 
	.abouttx:nth-child(2n+0) { float:left; width:48%; position:relative; margin-bottom:20px;}    /* width:380px;*/ 

	.abouttx .tx-txt { height:50px; overflow: hidden; display:block; position:relative; width:90%; background-color:#EFEFEF; opacity:75%; padding-top:5px;padding-bottom:5px;padding-left:5%;padding-right:5%;font-size:0.75rem;}
	
	
	.mcontact { margin-top:40px; padding-top:40px; height:180px; width:95%; margin-left:2.5%; border-top:solid 1px #cbcbcb; text-align:left; background-color:#FFF;}
	.mc-txt { font-size:1.5rem;}
	
	
	.mc-img { margin-top:20px; width:30%;  text-align:left; }  /*width:280px;*/
	.mc-img a:link ,.mc-img a ,.mc-img a:visited ,.mc-img a:active  { color:#000; font-size:1.25rem;}
	
	.mc-img .btnlxwm { width:100px;
	padding-left:40px;
	padding-right:40px;
	padding-top:6%;
	padding-bottom:6%;
	text-align:left;
	border:solid 2px #000;
	background-color:gba(0,0,0,0.2);
	font-size:1.125rem;
	font-family: 'PingFangSC-Regular','Microsoft YaHei','Averta Semibold','Open Sans', sans-serif;
	color:#000;
	display:inline-block;
	word-wrap:break-word;white-space:nowrap;}

.mc-img .btnlxwm:hover {
	border:solid 2px #000;
	background-color:#000;
	
	color:#fff;
	}	
	
.mc-img .btnlxwm span { float:right;}
	
	
	.divabout .about-desc { margin-top:80px; text-align:left;}
	.about-desc .desc-l { float:left; width:100%; font-size:0.875rem; } /*width:320px;*/
	.about-desc .desc-l p { font-size:0.875rem;  margin:0px; } /*width:320px;*/
	.about-desc .desc-r { float:right; width:100%; font-size:0.875rem;margin:0px;} /*width:1080px;*/
	.about-desc .desc-r p { margin:0px;font-size:0.875rem;} /*width:1080px;*/
	
	.cont-title {font-size:1.25rem; font-weight:bold;}
	.cont-d {font-size:0.875rem; margin-top:20px;}
	.cont-d a,.cont-d span{ color:#FFBA00; font-size:0.875rem;}
	.cont-title1 {font-size:1.25rem; margin-top:35px; font-weight:bold;}
	
	.cont-in { width:100%; color:#333333; margin-top:30px; font-size:0.875rem;}
	
	.cont-in-d {width:90%; margin-top:50px; line-height:150%;}
	
	
	
	.jobname {font-size:1.25rem; }
	.job-one div a ,.job-two div a { font-size:1rem; color:#FFB236;}
	
	.work-split2 { height:1px; background-color:#cbcbcb; margin-top:60px; margin-bottom:60px;}
	
	
	.sharelist > .share-one { 
	  width:100%;
	  margin-top:20px;
	  flex-grow:0;
	  flex-shrink:0;
	  }
	  
	  
	 .unusuallist { margin-right:5%; width:90%; margin-left:5%; margin-top:5%; }
	 
	 .unusuallist .unusual-one {
		margin-right:5%; width:90%; margin-left:5%; margin-top:45px;
	 
	}
	.divunusual { margin-top:20px; text-align:left;}
	.divunusual .unusual-cont  { margin-right:5%; margin-left:5%; width:90%;}
	.divunusual .unusual-cont .unusual-txt { font-size:2rem;}
	
	
	.unusual-back { float:left; width:32%;margin-left:2.5%; font-size:1.5rem; text-align:left;}
	.unusual-back a { font-size:1rem; color:#000; line-height:160%;}
	.unusual-back a .imgunuback { vertical-align:middle; width:25px;}

	
	 .cont-btn  { margin-bottom:60px;}  
	 .cont-bl { display:none;margin-top:0px;margin-bottom:0px; width:100%;}
	 
	 

		
}

.swiper-container1 .swiper-wrapper {
	width:100%;
}

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

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

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