@media only screen and (min-width: 800px) {
	.hcoImpHead{ position: absolute; top: 100px; left: 0; width: 100%; z-index: 999;}
	.hcoImpHead .head{max-width: 1150px; margin: 0 auto;  overflow: hidden; background-color: #FFFFFF; padding:55px 20px 30px 20px;}
	.hcoImpHead .logo{width: 90px; float: left;    margin-top: 44px;}
	.hcoImpHead .logo img{width: 100%;  display: block;}
	.hcoImpHead .nav{float: right;}
	.hcoImpHead .nav ul{position: relative; top: 30px;}
	.hcoImpHead .nav ul li{display: inline-block; margin-right: 100px; overflow: hidden; height: 50px; }
	.hcoImpHead .nav ul li:last-child{margin-right: 0;}
	.hcoImpHead .nav ul li a{color: #7F7D7D; display: block; text-transform: uppercase; width: 100%; height: 100%; font-size: 18px; line-height: 110px;  transition: 0.5s all; margin-top: 0;}
	
	.hcoImpHead .nav ul li a span{display: block; text-align: center; margin-top: 0; transition: 0.5s all;  padding: 12.5px 0; line-height: 25px;}
        .hcoImpHead .nav ul li a span em {
            display: inline-block;
            line-height: 25px;
            font-size: 20px !important;
        }
	.hcoImpHead .nav ul li a:hover{margin-top: -50px;}
	.hcoImpHead .nav ul li:first-child+li a span:first-child em{border-bottom:1px solid #7F7D7D;}
	.headHeight{height: 340px;}
	
	.hcoImpIndex{max-width: 1150px; margin: 0 auto; overflow: hidden; padding: 0 20px;}
	.hcoImpIndex ul li:first-child{margin-top: 0;}
	.hcoImpIndex ul li{margin-top: 45px; overflow: hidden; position: relative;}
	.hcoImpIndex ul li img{width: 100%; display: block;  transition: 0.5s all;}
	.syA{position: absolute; top: 0%; left: 0; width: 100%; height: 100%;  text-align: center; z-index: 9; display:block;}
	.syA span{position: absolute; font-size: 16px; text-align: center; color: #FFFFFF; right: 2%; bottom:3%;    text-transform: Uppercase; display: block; opacity: 0.6;  line-height: 20px;}
    .syA span strong{font-weight:bold;}
	.hcoImpFooter{max-width: 1150px; margin: 0 auto; overflow: hidden; padding: 100px 20px;}
	.hcoImpFooter ul li{float: left; margin-right: 150px;}
    .hcoImpFooter ul li:nth-child(2){max-width:205px;}
	.hcoImpFooter ul li > span{border-top: 1px solid #4c4948; display: block; width: 25px; margin-bottom: 30px;}
	.hcoImpFooter ul li > p a{font-size: 14px; color: #7F7D7D; height: 14px;}
	.hcoImpFooter ul li > p > img{display: block; max-width: 100%; margin-top: 1px;}
	.hcoImpFooter ul li > h2{  margin: 15px 0; height: 25px; line-height: 25px; position: relative; overflow: hidden;}
	.hcoImpFooter ul li > h2 a{display: block; font-size: 14px; font-weight: bold; color: #4c4948;}
	.hcoImpFooter ul li > h2 span{display: block; font-size: 14px; font-weight: bold; color: #4c4948; transition: 0.5s all;}
	.hcoImpFooter ul li > h2 span i{line-height: 24px;}
	.hcoImpFooter ul li > h2:hover span:first-child{margin-top: -26px;}
	.hcoImpFooter ul li:first-child > font{margin-top: 16px;}
	.hcoImpFooter ul li > font{display: block;  margin-top: 15px; line-height: 20px; overflow: hidden;}
	.hcoImpFooter ul li:first-child > font{height: 20px;}
	.hcoImpFooter ul li > font a{font-size: 14px; color: #7F7D7D;}
	.hcoImpFooter ul li > font span{display: block; font-size: 14px; color: #7F7D7D; transition: 0.5s all; text-transform:uppercase;}
	.hcoImpFooter ul li > font:nth-child(4) span:first-child i{border-bottom:1px solid #7F7D7D;}
	.hcoImpFooter ul li > font:hover span:first-child{margin-top: -20px;}
	.hcoImpFooter ul li > font:nth-child(4){margin-top: 0;}
	.hcoImpFooter ul li > div span{display: inline-block; margin: 25px; position: relative; cursor: pointer; }
	.hcoImpFooter ul li > div span:first-child{margin-left: 0;}
	.hcoImpFooter ul li > div span img{opacity:0.6;}
	.hcoImpFooter ul li > div span:hover img{opacity: 1;}
	.hcoImpFooter ul li:last-child{margin-right: 0;}
	.hcoImpFooter ul li > font a:hover{color: #eb5b25;}
	.hcoImpFooter ul li > h2 a:hover{color: #eb5b25;}
	.hcoImpNavBut{display: none;}
	
	/*aboutUs*/
	.aboutUsCenter{max-width: 1150px; margin: 0 auto; overflow: hidden; padding: 0 20px;}
    .aboutUsCenter > p{position:relative;}
	.aboutUsCenter > p img{width: 100%; display: block;}
	.newsTitle{}
	.aboutUsCenter > h2 em{border-top: 1px solid #4c4948; width: 25px; display: block; margin-top: 20px;} 
	.newsTitle{font-size: 16px; line-height: 30px; text-transform: uppercase;}
	.newsTitle span{display: block; font-size: 18px; font-weight: bold;}
	
	.aboutUsCenter > h2{font-size: 24px; color: #898989; padding: 60px 0;}
	.aboutUsCenter > h2 span{color: #4c4948; font-size: 24px; display: inline-block; border-right: 2px solid #898989; padding-right: 20px; margin-right: 20px;}
	.aboutUsCenter > div p{text-indent: 0px; line-height: 30px; font-size: 18px; text-transform: uppercase; color: #4c4948; margin-top: 10px;}
	.aboutUsCenter > div h2{text-indent: 20px; line-height: 27px; font-size: 16px; text-transform: uppercase; color: #7d7d7d; margin-top: 10px;}
	.newsCenter{max-width: 1150px; margin: 0 auto; overflow: hidden; padding: 0 20px;}
	.newsCenter p{font-size: 15px; line-height: 30px;}
	.newsCenter p strong{font-weight: bold;}
	.newsCenter h2{ color: #898989; font-size: 14px; line-height: 30px;}
	.newsCenter h2 span{font-size: 15px; display: block; text-transform: uppercase;}
	.aboutWx{max-width: 1150px; margin: 0 auto; overflow: hidden; padding: 0 20px; margin-top: 60px;}
	.aboutWx *{text-transform: uppercase;}
	.aboutWx > p{width: 17%; padding-right: 2.5%; float: left; border-right: 2px solid #898989; margin-right: 2.5%;}
	.aboutWx > p img{width: 100%; display: block; }
	.aboutWx > div{width: 76%; float: left;}
	.aboutWx > div h2{font-size:24px; color: #898989; padding-bottom: 29px;}
	.aboutWx > div h3{font-size:18px; color: #4c4948;  line-height: 30px;}
	.aboutWx > div p{font-size: 18px; line-height: 30px; color: #7d7d7d;}
	.aboutWx > div p span:first-child{margin-left: 0;}
	.aboutWx > div p span{color: #4c4948; margin-left: 30px;}
	.aboutWx > div > span{display: block; font-size: 18px; margin-top: 34px; color: #7d7d7d; text-transform: initial;}
    .aboutWx > div p em:first-child{margin-left:0;}
	.aboutWx > div p em{margin-left:60px; text-transform:initial;}
    .hzhb{max-width: 1150px; margin: 100px auto; overflow: hidden; padding: 0 20px;}
      .hzhb > h2{font-size: 24px; color: #898989; padding: 60px 0 30px 0; text-transform: uppercase;}
      .hzhb > h2 em{font-size: 24px; color: #898989;}
	.hzhb > h2 span{color: #4c4948; font-size: 24px; display: inline-block; border-right: 2px solid #898989; padding-right: 20px; margin-right: 20px;}
    .hzhb > h2 font{display:none;}
    .hzhb div{overflow:hidden;}
    .hzhb div p{width:20%; float:left; height:120px; margin-top:20px; }
     .hzhb div p a{display:block; height:100%; width:100%; float:right;  position:relative;}
    .hzhb div p img{max-width:100%; display:block; position:absolute; top:50%; left:0%; transform:translate(0,-50%); margin: 0 auto;}
    .hzhb div p .Cimg{top:50%; left:50%; transform:translate(-50%,-50%);}
    .hzhb div p .Rimg{top:50%; left:auto; right:0; transform:translate(0,-50%);}
    .hzhb div p .hzhbMin{right:20%;}
	/*works*/
	.worksOl{max-width: 1150px; margin: 0 auto; overflow: hidden; padding: 0 20px;}
	.worksUl ul{overflow: hidden;}
	.worksOl li{display: inline-block; padding-right: 20px; margin-right: 20px; border-right: 1px solid #7d7d7d;overflow:hidden; height:25px;}
	.worksOl li em{display: block; font-size: 14px; text-transform: uppercase; cursor: pointer; color: #7d7d7d; line-height:25px; height:25px; margin-top:0; transition:0.5s margin-top;  text-align: center; min-width: 90px;}
	.worksOl li:hover em:first-child{margin-top:-25px;}
    .worksOl li:hover em:nth-child(2){color:#eb5b25;}
	.worksOl li:last-child{border-right: 0;}
	
	.worksOl .worksOlThis em{color: #4c4948;}
	
	.worksUl{max-width: 1190px; margin: 0 auto; overflow: hidden; padding: 0 20px;}
	.worksUl ul li{width: 46%; float: left; margin: 2%; position: relative;}
	.worksUl ul li img{width: 100%; display: block;}
	.worksUl ul li p{opacity: 0; position: absolute; top: 49%; left: 49%; bottom: 49%; right: 49%;  background-color: rgba(0,0,0,0.4); text-align: center;}
	.worksUl ul li .liSpan{position: absolute; font-size: 16px; text-align: center; color: #FFFFFF; text-transform: Uppercase; opacity: 0;}
	
	.pblImg{width: 120px; margin: 40px auto; line-height: 30px; display: none;}
	.pblImg img{width: 30px; height: 30px; float: left; margin-right: 20px;}
	
	/*banna*/
	.newsBanna{max-width: 1160px; margin: 0 auto; overflow: hidden; position: relative;}
	.newsBanna:hover .bannaTitle{opacity: 1;}
	.newsBanna .banna{overflow: hidden; padding: 30px; background-color: #4c4948; position: relative;}
	.bannaLeft{width: 38%; position: absolute; bottom: 30px; left: 30px;}
	.bannaLeft h2{font-size: 21px; font-weight: bold; color: #dcdddd; padding-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	.bannaLeft h3{font-size: 21px; color: #dcdddd; padding-bottom: 10px; text-overflow: -o-ellipsis-lastline; line-height:23px; max-height:46px; overflow: hidden;}
	.bannaLeft p{font-size: 14px; color: #9fa0a0; line-height: 25px; text-transform: uppercase; line-height:20px; max-height:80px;}
	.bannaLeft *{color: #FFFFFF;}
	.bannaRight{width: 60%; float: right; position: relative; overflow: hidden;}
	.bannaRight img{display: block; max-width: 100%; float: right;}
	.newsBanna .bx-wrapper .bx-controls-direction a{background: initial; margin: 0;}
	.newsBanna .bx-wrapper .bx-prev {left: 0; top: 0; width: 50%; height: 100%; cursor: w-resize;}
	.newsBanna .bx-wrapper .bx-next {right: 0; top: 0; width: 50%; height: 100%; cursor: w-resize;}
	.newsBanna .bx-wrapper{margin-bottom: 0;}
	.bannaTitle{position: absolute; top: 30px; left: 30px; width: 115px; height: 165px; background-color: #FFFFFF; opacity: 1; transition: 0.5s opacity;}
	.bannaTitle h2{padding: 20px 15px; font-size: 15px; color: #4c4948;  text-transform: uppercase;}
	.bannaTitle p{position: absolute; bottom: 20px; right: 15px; font-size: 15px; color: #4c4948;}
	.bannaTitle span{position: absolute;  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=-0.7, M12=-0.7, M21=0.7,
M22=-0.7);  transform: rotate(-45deg); bottom: 50px; right: 20px; border-bottom: 1px solid #4c4948; width: 80px;}
	
	

	/*waUl*/
	.waUl{max-width: 1150px; margin: 0 auto; overflow: hidden; position: relative;}
	.waUl > li{margin-top: 60px; position: relative; cursor: pointer;}
	.waUl > li:first-child{margin-top: 0;}
    .waUl > li > p{position:relative;}
	.waUl > li > p img{display: block; width: 100%;}
	.waUlDiv{overflow: hidden; position: relative;}
	.waUlDiv > h2{text-align: center; font-size: 26px; padding: 50px 0;}
	.waUlDiv > p{text-align: center;}
	.waUlDiv > p span{display: inline-block; width: 30px; text-align: center; position: relative; margin: 0 6px; cursor: pointer;}
	.waUlDiv > p a{display: block; width: 100%;}
	.waUlDiv > p span img{opacity: 0.7;}
	.waUlDiv > p span:hover img{opacity: 1;}
	.worksAUl{margin-top: 50px; overflow: hidden;}
	.worksAUl li{width: 22%; margin-right: 4%; float: left; border-top: 1px solid #b5b5b6; padding-top: 10px;}
	.worksAUl li:last-child{margin-right: 0;}
	.worksAUl li h2{font-size: 15px;}
	.worksAUl li h2 em{display: block; width: 10px; border-bottom: 2px solid #b5b5b6; margin-top: 15px;}
	.worksAUl li p{font-size: 14px; margin-top: 15px;}

	
	/**/
	.footerWx{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.4); display: none;}
	.footerWx div p{text-align: center; font-size: 13px; color: #333; line-height: 20px; margin-top: 10px;}
	.footerWx div{position: absolute; width: 200px; height: 225px;  z-index: 9; padding: 40px; background-color: #FFFFFF; z-index: 999;}
	.footerWx h2{position: absolute; top: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
	.footerWx div span{position: absolute; right: 10px; top: 5px; font-size: 40px; color: #888888; line-height: 40px; cursor: pointer;}
	.footerWx div img{width: 100%;  display: block; }
	
	/*worksATxt*/
	.worksATxt{ max-width: 700px; margin: 0 auto; margin-top: 50px;}
	.worksATxt h2{font-size: 24px; text-align: center;}
	.worksATxt p{margin-top: 25px;}
	.worksATxt span{display: block; text-indent: 20px; line-height: 25px; font-size: 14px;}

    .liSpan{position: absolute; font-size: 16px; text-align: center; color: #FFFFFF; text-transform: Uppercase; opacity: 0;}

    .hzhb div p .mainImg {max-width:75%;}
}
@media (max-width: 1200px) and (min-width: 800px) {
	.hcoImpHead .nav ul li{margin-right: 50px; }
	.hcoImpFooter ul li{ margin-right: 50px;}
	.aboutWx > p{width: 150px; height: 143px;}
	.aboutWx > p img{width: 100%; height: 100%;}
	.aboutWx > div{width: auto; float: initial; margin-left: 150px;}
	.aboutWx > div h2{font-size: 16px; padding-bottom: 12px;}
	.aboutWx > div h3{font-size: 14px;}
	.aboutWx > div p{font-size: 14px;  line-height: 25px;}
	.aboutWx > div > span{font-size: 14px; margin-top: 12px;}
	.aboutWx > div p span{margin-left: 10px;}
	
    .hzhb{}

    .hzhb div{overflow:hidden;}
    .hzhb div p{}
    .hzhb div p:first-child,.hzhb div p:nth-child(7){margin-left:0;}
     .hzhb div p a{display:block; height:100%;}
    .hzhb div p img{max-width:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin: 0 auto;}
	
}
@media only screen and (max-width: 799px) {
	.hcoImpHead{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
	.hcoImpHead .head{width: 90%; margin: 0 auto; height: 4rem;  background-color: #FFFFFF; padding: 0.5rem 5%; box-shadow: 0 0 0.5rem rgba(0,0,0,0.4);}
	.hcoImpHead .logo{width: 2.8rem;  margin-top: 0.5rem; float: left;     overflow: hidden;    height: 3.5rem;}
	.hcoImpHead .logo img{width: 100%; display: block;}
	.hcoImpHead .nav{position: absolute; top: 6rem; right: 0; opacity: 0; display: none; background-color: #FFFFFF;}
	.hcoImpHead .nav ul li{width: 8rem; text-align: center; border-top: 0.1rem solid #DDDDDD;}
	.hcoImpHead .nav ul li a{color: #7F7D7D; display: block; width: 100%; height: 100%; font-size: 1.2rem; line-height: 3rem;}
	.hcoImpHead .nav ul li a span{display: block; min-width: 80px; text-align: center;     text-transform: uppercase;}
	.hcoImpHead .nav ul li a span:nth-child(2){display: none;}
	.hcoImpHead .nav ul li a:hover span:first-child{display: none;}
	.hcoImpHead .nav ul li a:hover span:nth-child(2){display: block;}
	.hcoImpNavBut{position: absolute; right: 5%; top: 1.6rem; width: 2.5rem; height: 2rem;}
	.hcoImpNavBut img{width: 100%; height: 100%; display: block;}
	.headHeight{height: 5rem;}
	
	.hcoImpIndex{width: 100%; margin: 0 auto; overflow: hidden; padding: 0 0%;}
	.hcoImpIndex ul li:first-child{margin-top: 0;}
	.hcoImpIndex ul li{margin-top: 1rem; overflow: hidden; position: relative;}
	.hcoImpIndex ul li img{width: 100%; display: block; transition: 0.5s all;}

	.hcoImpFooter ul li > font:nth-child(4) span:first-child i {
    border-bottom: 0.1rem solid #7F7D7D;
}
	.hcoImpFooter{width: 90%; margin: 0 auto; overflow: hidden; padding: 3rem 5%;}
	.hcoImpFooter ul li{float: left; width: 50%;}
	.hcoImpFooter ul li > span{border-top: 0.1rem solid #4c4948; display: block; width: 3rem; margin-bottom: 2rem;}
    .hcoImpFooter ul li:nth-child(3) > span{display:none;}
	.hcoImpFooter ul li > p a{font-size: 1.4rem; color: #7F7D7D; height: 2rem;}
	.hcoImpFooter ul li > p > img{display: block; max-width: 100%; margin-top: 0.1rem;}
	.hcoImpFooter ul li > h2{font-weight: bold; margin: 1rem 0;}
	.hcoImpFooter ul li > h2 a{font-size: 1.1rem; color: #3e3a39; font-weight: bold;}
	.hcoImpFooter ul li > h2 span i{font-size: 1.1rem;  color: #3e3a39; font-weight: bold;}
	.hcoImpFooter ul li > h2 span:nth-child(2){display: none;}
	.hcoImpFooter ul li:first-child > font{margin-top: 1.3rem;}
	.hcoImpFooter ul li > font{display: block; margin-top: 1rem;}
	.hcoImpFooter ul li > font a{font-size: 1.1rem; color: #7F7D7D;  text-transform:uppercase;}
	.hcoImpFooter ul li > font a span{font-size: 1.1rem;}
	.hcoImpFooter ul li > font:nth-child(4){margin-top: 0;}
	.hcoImpFooter ul li > font span:nth-child(2){display: none;}
	.hcoImpFooter ul li > div{}
	.hcoImpFooter ul li > div span{display: inline-block; padding: 0.3rem; position: relative;}
	.hcoImpFooter ul li > div span:first-child{padding-left: 0;}
	.hcoImpFooter ul li > div span img{}
	.hcoImpFooter ul li:last-child{width: 50%; margin-top: 1rem;    float: right;}
	.hcoImpFooter ul li:last-child > span{width: 0;}
	.waUl > li > p{position:relative;}
	.syA{position: absolute; top: 0%; left: 0; width: 100%; height: 100%;  text-align: center; z-index: 9;  display:block;}
	.syA span{position: absolute; font-size: 0.9rem; text-align: center; color: #FFFFFF; right:2%; bottom:3%;    text-transform: Uppercase; display: block; opacity: 0.6;  line-height:1rem;}
	.syA span strong{font-weight:bold;}
	/*aboutUs*/
	.aboutUsCenter{width: 100%; margin: 0 auto; overflow: hidden; padding: 0 0%;}
	.aboutUsCenter > p img{width: 100%; display: block;}
	.aboutUsCenter > h2{font-size: 1.8rem; color: #898989; padding: 2rem 5%;}
	.aboutUsCenter > h2 span{color: #4c4948; font-size: 1.6rem; display: inline-block; border-right: 0.2rem solid #898989; padding-right: 1rem; margin-right: 1rem;}
    .aboutUsCenter > div{padding:0 5%;}
	.aboutUsCenter > div p{text-indent: 2rem; line-height: 2.5rem; font-size: 1.3rem; margin-top: 0.5rem; text-transform: uppercase; color: #4c4948;}
	.aboutUsCenter > div h2{text-indent: 2rem; line-height: 2.3rem; font-size: 1.3rem; margin-top: 0.5rem; text-transform: uppercase; color: #7d7d7d;word-break:break-all;}
	.aboutUsCenter > p{position:relative;}
	.aboutWx{width: 90%; margin: 0 auto; overflow: hidden; padding: 2rem 5%;}
	.aboutWx *{text-transform: uppercase;}
	.aboutWx > p{width: 100%;}
	.aboutWx > p img{max-width: 40%; display: block; margin: 0 auto; }
	.aboutWx > div{width: 100%; float: left; margin-top: 2rem; text-align:center;}
	.aboutWx > div h2{font-size:1.6rem; color: #4c4948; padding-bottom: 1rem;}
	.aboutWx > div h3{font-size:1.3rem; color: #4c4948;  line-height: 2.5rem;}
	.aboutWx > div p{font-size: 1.3rem; line-height: 2.5rem; color: #7d7d7d;}
	.aboutWx > div p span:first-child{margin-left: 0;}
    .aboutWx > div p em{display:block; text-transform:initial;}
	.aboutWx > div p span{color: #4c4948; margin-left: 1rem;}
	.aboutWx > div > span{display: block; font-size: 1.3rem; margin-top: 1rem; color: #7d7d7d;text-transform:initial;}
	
    .hzhb{width: 90%; margin: 0 auto; overflow: hidden; padding: 3rem 5%;}
    .hzhb h2{font-size:1.3rem; text-align:center; text-transform: uppercase;}
    .hzhb h2 span{display:block; font-size:1.3rem; text-transform:uppercase; line-height:2rem;color:#3e3a39;}
    .hzhb h2 em{display:none;}
     .hzhb h2 font{display:block; font-size:1.4rem; margin-top:0.5rem; color:#898989; }
    .hzhb div{overflow:hidden; padding:2rem 0 1rem 0; width:100%;}
    .hzhb div p{width:50%; float:left; height:5.5rem; position:relative; margin-top:2rem;}
    .hzhb div p:first-child,.hzhb div p:nth-child(7){margin-left:0;}
     .hzhb div p a{display:block; height:100%;}
    .hzhb div p img{max-width:60%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin: 0 auto;}
    .hzhb div p .Mimg{max-width:25%;}
    .hzhb div p .simg{max-width:40%;}
    .hzhb div p .aimg{max-width:45%;}
   .hzhb div p .hmig{max-width:35%;}
	/*works*/
	.worksOl{ overflow: hidden; padding: 1rem 5%; }
	.worksUl ul{overflow: hidden;}
	.worksOl li{display: inline-block; padding-right: 1rem; margin-right: 1rem; height:1.5rem; overflow:hidden; border-right: 0.1rem solid #7d7d7d;}
	.worksOl li em{display: block; font-size: 1.1rem; line-height: 1.5rem; height:1.5rem; text-transform: uppercase; margin-top:0; transition:0.5s margin-top; cursor: pointer; color: #7d7d7d; text-align: center;}
	.worksOl li:hover em:first-child{margin-top:-1.5rem;}
	.worksOl li:last-child{border-right: 0; padding-right:0; margin-right:0;}
	
	.worksOl .worksOlThis em{color: #4c4948; }
	
	.worksUl{width: 100%; margin: 0 auto; overflow: hidden; padding: 0 0%; text-align: center;}
	.worksUl ul li{width: 100%; float: left; margin: 0%; position: relative; margin-top:1rem;}
    .worksUl ul li:first-child{margin-top:0rem;}
	.worksUl ul li img{width: 100%; display: block;}
	.worksUl ul li p{opacity: 0; transition: 0.5s opacity; position: absolute; top: 0; left: 0;  background-color: rgba(0,0,0,0.4); text-align: center;}
	.worksUl ul li p .liSpan{position: absolute; font-size: 1.3rem; text-align: center; color: #FFFFFF; text-transform: Uppercase;}
	.worksUl ul li:hover p{opacity: 1;}
	
	.pblImg{width: 10rem; margin: 2rem auto; line-height: 2rem; display: none;}
	.pblImg img{width: 2rem; height: 2rem; float: left; margin-right: 1rem;}
	
	/*banna*/
	.newsBanna{width: 90%; margin: 0 auto; overflow: hidden; padding: 1rem 5%; text-align:center; position: relative;}
	.newsBanna:hover .bannaTitle{opacity: 1;}
	.newsBanna .banna{overflow: hidden; padding: 1rem; background-color: #4c4948; position: relative;}
	.bannaLeft{width: 41%; position: absolute; bottom: 1rem; left: 1rem; overflow: hidden; text-align:left;}
	.bannaLeft h2{font-size: 1.3rem; font-weight: bold; color: #dcdddd; padding-bottom: 0.5rem; overflow: hidden; text-overflow: ellipsis; display: block;}
	.bannaLeft h3{font-size: 1.2rem; color: #dcdddd; margin-bottom: 0.5rem; line-height: 1.5em; height:3.4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

    .bannaLeft p{font-size:0.9rem; font-weight:100; color: #9fa0a0; line-height: 1.5rem; text-transform: uppercase; height:4.5rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.bannaLeft *{color: #FFFFFF; }
	.bannaRight{width: 55%; float: right; position: relative; overflow: hidden;}
	.bannaRight img{display: block; max-width: 100%; float: right;}
	.newsBanna .bx-wrapper .bx-controls-direction a{background: initial; margin: 0;}
	.newsBanna .bx-wrapper .bx-prev {left: 0; top: 0; width: 50%; height: 100%; cursor: w-resize;}
	.newsBanna .bx-wrapper .bx-next {right: 0; top: 0; width: 50%; height: 100%; cursor: w-resize;}
	.newsBanna .bx-wrapper{margin-bottom: 0; border:0;}

	.bannaTitle{position: absolute; top: 1rem; left: 5%; width: 5rem; height: 6rem; background-color: #FFFFFF; opacity: 1; transition: 0.5s opacity;}
	.bannaTitle h2{padding: 1rem 0.5rem; font-size: 1rem; color: #4c4948;  text-transform: uppercase;}
	.bannaTitle p{position: absolute; bottom: 1rem; right: 0.5rem; font-size: 1rem; color: #4c4948;}
	.bannaTitle span{position: absolute;filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=-0.7, M12=-0.7, M21=0.5,
M22=-0.7); transform: rotate(-35deg); bottom: 2.5rem; right: 1rem; border-bottom: 0.1rem solid #4c4948; width: 3rem;}
	.newsCenter{width: 90%; margin: 0 auto; overflow: hidden; padding: 0 5%; }
	.newsCenter p{font-size: 1.2rem; line-height: 2rem;}
	.newsCenter p strong{font-weight: bold; font-size: 1.3rem;}
	.newsCenter h2{ color: #898989; font-size: 1.2rem; line-height: 2rem;}
	.newsCenter h2 span{font-size: 1.3rem; display: block; text-transform: uppercase;}
	
	.newsTitle{font-size: 1.3rem; line-height: 2rem; text-transform: uppercase; margin-top: 1rem;}
	.newsTitle span{display: block; font-size: 1.5rem; font-weight: bold;}
	.newsWap{padding: 0 !important;}
	.newsBr{display: none;}
	
	.footerWx{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.4); display: none;}
	.footerWx div p{text-align: center; font-size: 1rem; color: #666666; line-height: 1.5rem; margin-top: 0.5rem;}
	.footerWx div{position: fixed; width: 14rem; height: 14rem;  padding: 2.5rem 2.5rem 4.5rem 2.5rem; background-color: #FFFFFF; z-index: 999; border-radius: 0;}
	.footerWx h2{position: absolute; top: 0; left: 0; right: 0; top: 0; width: 100%; z-index: 1;}
	.footerWx div span{position: absolute; right: 0.5rem; top: 0rem; font-size: 3rem; color: #888888; line-height: 3rem; cursor: pointer;}
	.footerWx div img{width: 100%; height: 100%; display: block;}

	/*waUl*/
	.waUl{ overflow: hidden; }
	.waUl > li{margin-top: 1rem; position: relative; cursor: pointer;}
	.waUl > li:first-child{margin-top: 0;}
	.waUl > li > p img{display: block; width: 100%;}
	.waUlDiv{overflow: hidden; position: relative;}
	.waUlDiv > h2{text-align: center; font-size: 2rem; padding: 2rem 0;}
	.waUlDiv > p{text-align: center;}
	.waUlDiv > p span{display: inline-block; width: 1.9rem; text-align: center; position: relative; margin: 0 0.5rem; cursor: pointer;}
	.waUlDiv > p a{display: block; width: 100%;}
	.waUlDiv > p span img{opacity: 0.7;display: block; width: 100%;}
	.waUlDiv > p span:hover img{opacity: 1;}
	.worksAUl{margin-top: 1rem; overflow: hidden;     margin: 1rem 4.5rem;}
	.worksAUl li{width: 100%; float: left; border-top: 0.1rem solid #b5b5b6; padding-top: 1rem; margin-top: 3rem;}
	.worksAUl li:last-child{margin-right: 0;}
	.worksAUl li h2{font-size: 1.3rem;}
	.worksAUl li h2 em{display: block; width: 0.5rem; border-bottom: 2px solid #b5b5b6; margin-top: 1rem;}
	.worksAUl li p{font-size: 1.2rem; margin-top: 1rem;}
	.waUlDivs{overflow: hidden;}
	/*worksATxt*/
	.worksATxt{ max-width: 90%; margin: 0 auto; margin-top: 2rem;}
	.worksATxt h2{font-size: 2rem; text-align: center;}
	.worksATxt p{margin-top: 2rem;}
	.worksATxt span{display: block; text-indent: 2rem; line-height: 2rem; font-size: 1rem;}

     .liSpan{position: absolute; font-size: 1.2rem; text-align: center; color: #FFFFFF; text-transform: Uppercase; opacity: 0;}
     .hzhb div p .wapMax{max-width: 70%;}
}
@media only screen and (max-width: 321px) {
    .bannaLeft h3{height:3rem;}
}