@charset "utf-8";
* { margin:0px auto; padding:0; border:0; list-style-type:none; text-decoration:none; font-family:Verdana, Geneva, sans-serif;
}
.clear { clear:both;}
.head { width:100%;padding:0; height:100%; max-width:1200px; margin:0px auto; overflow:hidden;}
header { border:0; padding:0; margin:0;}
html.cover,
html.cover body,
.common-banner .picbox,
.lrbox .table,
.lrbox .cell,
.navwap,
.navwap .inner,
.navwap .table,
.navwap .cell,
.navwap .menu,
.index .owl-c1,
.index .owl-c2,
.index .owl-c1 .owl-stage-outer,
.index .owl-c1 .owl-stage,
.index .owl-c1 .owl-item,
.index .owl-c1 .item,
.index .owl-c2 .owl-stage-outer,
.index .owl-c2 .owl-stage,
.index .owl-c2 .owl-item,
.index .owl-c2 .item,
.index .part2 .textbox,
.index .part2 .textbox .table,
.index .part2 .textbox .cell,
.index .part3 .playbox>.inner,
.index .part4 .table,
.index .part4 .cell,
.index .part5 li .picbox,
.residence .list  .table,
.residence .list  .cell,
.list .intro .table,
.list .intro .cell,
.list .play .txtbox,
.list .play .table,
.list .play .cell,
.list .grid-item .picbox,
.list .grid-item .txtbox,
.list .grid-item .txtbox .table,
.list .grid-item .txtbox .cell,
.space .rec .table,
.space .rec .cell,
.space .list .table,
.news .list li .picbox,
.storeimage .imgshow .grid-item a,
.storesearch .storeslist .table,
.about .honor .table,
.about .honor .cell,
.contact .info .mapbox .map,
.product .main .info .table,
.product .main .info .cell {
    width: 100%;
    height: 100%
}

.head .logo { width:21%; padding:0; float:left; background:#71bc2e;}
.head .logo img{ width:100%; height:110%;}

.index .banner {
    width: 100%;
    height: auto;
	top:5px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}
.index .banner  img{
	width:100%; height:37%;
   
}


#focus{ overflow:hidden;}
#focus ul{ float:left;}
#focus li{ width:100%; float:left;}
#focus li img{ width:100%}


.indexapic { width:100%; max-width:560px; overflow:hidden; margin:0px auto; height:auto;}
.indexapic li { list-style-type:none; height:auto}
.indexapic li.left { width:29.547%; max-width:196px; padding-top:50px; float:left; text-align:right; }
.indexapic li.left a { float:right;}
.indexapic li.left a img { width:100%; -webkit-filter: grayscale(30%);   
  -moz-filter: grayscale(30%);  
   -ms-filter: grayscale(30%);   
  -o-filter: grayscale(30%);     
     filter: grayscale(30%); 	     
 
filter: gray;}

.indexapic li.center { width:47%; max-width:266px; float:left; margin:2%; text-align:right; }
.indexapic li.center a img { width:100%; -webkit-filter: grayscale(30%);   
  -moz-filter: grayscale(30%);  
   -ms-filter: grayscale(30%);   
  -o-filter: grayscale(30%);     
     filter: grayscale(30%); 	     
 
filter: gray;}
.indexapic li.right { width:19.4%; max-width:115px; padding-top:30px; float:right; text-align:right; }

.indexapic li.right a img{ width:100%; -webkit-filter: grayscale(30%);   
  -moz-filter: grayscale(30%);  
   -ms-filter: grayscale(30%);   
  -o-filter: grayscale(30%);     
     filter: grayscale(30%); 	     
 
filter: gray;}
.indexapic li a:hover img{-webkit-filter: grayscale(0%);   
  -moz-filter: grayscale(0%);  
   -ms-filter: grayscale(0%);   
  -o-filter: grayscale(0%);     
     filter: grayscale(0%);filter:""}

.aboutjob li.jobcon { width:100%; float:left;  overflow:hidden;   padding-top:25px; line-height:25px; color:#999; }
.aboutjob li.jobcon dl.joblist { width:100%; float:left; border-bottom:1px #cccccc dotted; padding-bottom:15px; margin-bottom:15px;    }
.aboutjob li.jobcon dl.joblist ol.title { width:100%; float:left;  float:left; height:31px;   border-bottom:1px #70be2c solid;   }
.aboutjob li.jobcon dl.joblist ol.title dd.left { width:60%; padding-left:15px; background:url(../images/bj-arr-02.gif) no-repeat 0px 11px;   float:left;    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.aboutjob li.jobcon dl.joblist ol.title dd.left a { font-size:16px; font-weight:bold; color:#70be2c;    }
.aboutjob li.jobcon dl.joblist ol.title dd.left a i { color:#b8270b; }
.aboutjob li.jobcon dl.joblist ol.title dd.right { width:30%; float:right;  text-align:right; color:#666666;    }

.aboutjob li.jobcon dl.joblist ol.subcon { width:100%; float:left;height:35px; line-height:35px; padding:5px 0px; border-bottom:1px #f8e7c0 solid;   }
.aboutjob li.jobcon dl.joblist ol.subcon dd.left { color:#db3a1b; width:70%; float:left; text-align:left; }
.aboutjob li.jobcon dl.joblist ol.subcon dd.right a.sub { width:100px; height:25px; line-height:25px; float:right; text-align:center; border:1px #70be2c solid; background:#70be2c; color:#FFFFFF; text-shadow:1px 1px 1px #70be2c;     }

.aboutjob li.jobcon dl.joblist ol.subcon dd.right a.sub:hover { border:1px #61c308 solid; background:#61c308; color:#FFFFFF; text-shadow:1px 1px 1px #61c308;   }

.aboutjob li.jobcon dl.joblist ol.desc { width:98%; padding:0 1%; padding:0px; background:#fcfcfc; line-height:25px; color:#444444;   }
.aboutjob li.jobcon dl.joblist ol.desc strong { color:#7d4100; }















.bus {
	width: 80%;
	height: 107px;
	margin-top: -40px;
	position: relative;
	z-index: 9;
	
}
.bus .bus_left { width:5%; background:url(../images/pleft.png) left bottom no-repeat; float:left; height:100%}
.bus .bus_right { width:5%; background:url(../images/pright.png) left bottom no-repeat; float:right; height:100%}
.bus .bus_center { width:90%; float:left; background:#FFF; height:100%}
.bus .bus_center li{ width:25%; height:100%; float:left}
.bus .bus_center li p { width:100%; text-align:center;height:68px; line-height:68px; font-size:32px; }
.bus .bus_center li:hover p,.bus .bus_center li:hover p>span,.bus .bus_center li:hover dd { color:#77cb2d}
.bus .bus_center li p>span { font-size:16px; color:#999;}
.bus .bus_center li dd { width:100%; height:auto; text-align:center; font-size:12px; color:#666;}

.busa {
	width: 90%;
	height: 107px;
	margin: 40px auto;
	position: relative;
	z-index: 9;
	
}

.busa .bus_center { width:100%; float:left; background:#FFF; height:100%}
.busa .bus_center li{ width:25%; height:100%; float:left}
.busa .bus_center li p { width:100%; text-align:center;height:68px; line-height:68px; font-size:32px; }
.busa .bus_center li:hover p,.busa .bus_center li:hover  p i,.busa .bus_center li:hover  dd { color:#77cb2d}
.busa .bus_center li p i { font-size:16px; color:#999;}
.busa .bus_center li dd { width:100%; height:auto; text-align:center; font-size:12px; color:#666;}



.indexabout { width:100%; background:#efedf2; height:auto;}
.indexabout .indexl { width:100%; max-width:1200px; height:auto; padding:40px 0;}

.indexabout .abouttext { font-size:14px; color:#666; max-width:960px; padding:10px;}
.indexabout .abouttext .pic { width:100%; text-align:center; margin:20px auto;}
.indexabout .abouttext img{ max-width:100%; height:auto;}

.about { width:100%; background:#fff; height:auto;}
.about .indexl { width:100%; max-width:1200px; height:auto; padding:40px 0;}

.about .abouttext { font-size:14px; color:#666; max-width:960px; padding:10px;}
.about .abouttext .pic { width:100%; text-align:center; margin:20px;}
.about .abouttext img{ max-width:100%; height:auto;}
.indexl .abouttext img{ max-width:100%; height:auto;}

.bodymenu { width:100%; max-width:960px; margin:0px auto; overflow:hidden; }
.bodymenu li { float:left; width:12%; }
.bodymenu li  a {width:100%; text-align:center; height:20px; float:left; margin-top:60px; color:#999; line-height:20px;}
.bodymenu li:hover a,.bodymenu li:hover { color:#70bb2b;border-right:1px #70bb2b solid;}
 
.bodymenu li.open a ,.bodymenu li.open { color:#70bb2b;border-right:1px #70bb2b solid;}




.partner { width:100%;  margin:40px auto; overflow:hidden;}
.partner .partnertitle { width:100%; text-align:center; background: url(../images/partnerbg.jpg) center center no-repeat; background-size:100% auto;}
.partner .partnerlist { width:100%; max-width:1100px; margin:20px auto; height:auto;}
.partner .partnerlist li { float: left;
    width: calc(100% / 6);
    margin: 10px auto;
    padding: 0px;
    text-align: center}


.partner .partnerlist li a { color:#666;}



/*产品页*/
.producta { width:100%; max-width:900px; margin:20px auto; overflow:hidden}

.producta li {
  width:100%;
  background: #fff;
  transition: 0.3s;
  float:left;
}

.producta li { list-style-type:none;}
.producta li .pic {
  width: 50%;
  float: left;
  overflow: hidden;
  position: relative;
}
.producta li .pic img {
  transition: 0.3s;
}
.producta li .pic i {
  display: block;
  padding-bottom: 0;
}
.producta li .pic2 {
  float: right;
}
.producta li .text {
  width: 48%;
  float: right;
  margin-top:50px;
  padding:0;
}
.producta li .text span {
  color: #6fba2c;
  padding: 2px 5px;
  font-size: 34px;
  font-family: arial;
}
.producta li .text h3 {
  color: #333333;
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
  margin: 6px 0px 10px;
  font-size: 16px;
}
.producta li .text p {
  color: #808080;
  height: 40px;
  width: 100%;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
}
.producta li:hover {
  background: #6fba2c;
}
.producta li:hover .pic img {
  transform: scale(1.1);
}
.producta li:hover .text span {
  color: #e2e2e2;
}
.producta li:hover .text h3 {
  color: #fff;
}
.producta li:hover .text p {
  color: #fff;
}
@media (max-width: 640px) {
  .producta li .pic {
    width: 100%;
  }
  
    .producta li .pic  img{
    width: 100%;

  }
  
  .producta li .text {
    width: 100%;
  }
  .producta li .text span {
    font-size: 12px;
  }
  .producta li .text h3 {
    font-size: 14px;
    margin: 5px 0px 5px;
  }
  .producta li .text p {
    font-size: 12px;
  }
  
  .bus {
	width: 100%;
	height: auto;
	margin-top: -40px;
	position: relative;
	z-index: 9;
	
}

.bus .bus_left { width:5%; background:url(../images/pleft.png) left bottom no-repeat; display:none; float:left; height:100%}
.bus .bus_right { width:5%; background:url(../images/pright.png) left bottom no-repeat; float:right;  display:none; height:100%}
.bus .bus_center { width:100%; float:left; background:#FFF; height:100%}
.bus .bus_center li{ width:25%; height:100%; float:left}
.bus .bus_center li p { width:100%; text-align:center;height:auto; line-height:2.0rem; font-size:1.6rem; }
.bus .bus_center li:hover p,.bus .bus_center li:hover  p>span,.bus .bus_center li:hover  dd { color:#77cb2d}
.bus .bus_center li p>span { font-size:0.5rem; color:#999;}
.bus .bus_center li dd { width:100%; height:auto; text-align:center; font-size:0.5rem; color:#666;}

.bodymenu li { float:left; width:calc(25% - 1px); }
.bodymenu li  a {width:100%; text-align:center; height:20px; float:left; margin-top:10px; color:#999; line-height:20px;}
.bodymenu li:hover a,.bodymenu li:hover { color:#70bb2b;border-right:1px #70bb2b solid;}
 
.bodymenu li.open a ,.bodymenu li.open { color:#70bb2b;border-right:1px #70bb2b solid;}
}


.partnerimg { width:100%; max-width:1200px; margin:0px auto;}
.partnerimg img { width:100%; height: auto;}


/*新闻中心*/
.zi_new_ul { width:100%; max-width:1000px; height:auto; overflow:hidden;}
.zi_new_ul li { width:100%;
  background: #f7f7f7;
  margin-bottom: 10px;
  transition: 0.3s;
  overflow:hidden;
}

.zi_new_ul li { list-style-type:none;}
.zi_new_ul li .pic {
  width: 25%;  
  float: left;
  overflow: hidden;
  position: relative;
}
.zi_new_ul li .pic img {
	width:100%;
	height:100%;
  transition: 0.3s;
}
.zi_new_ul li .pic i {
  display: block;

}
.zi_new_ul li .pic2 {
  float: right;
}
.zi_new_ul li .text {
  width: 73%;
  float: right;
  padding: 2% 0;
}
.zi_new_ul li .text span {
  background: #6fba2c;
  color: #fff;
  padding: 2px 5px;
  font-size: 14px;
  font-family: arial;
}
.zi_new_ul li .text h3 {
  color: #333333;
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
  margin: 6px 0px 10px;
  font-size: 16px;
}
.zi_new_ul li .text p {
  color: #808080;
  height: 40px;
  width: 100%;
  overflow: hidden;
  line-height: 20px;
  font-size: 14px;
}
.zi_new_ul li:hover {
  background: #6fba2c;
}
.zi_new_ul li:hover .pic img {
  transform: scale(1.1);
}
.zi_new_ul li:hover .text span {
  color: #666;
  background: #fff;
}
.zi_new_ul li:hover .text h3 {
  color: #fff;
}
.zi_new_ul li:hover .text p {
  color: #fff;
}
@media (max-width: 640px) {
  .zi_new_ul li .pic {
    width: 100%;
    padding-top: 0%;
  }
  .zi_new_ul li .text {
    width: 95%;
  }
  .zi_new_ul li .text span {
    font-size: 12px;
  }
  .zi_new_ul li .text h3 {
    font-size: 14px;
    margin: 5px 0px 5px;
  }
  .zi_new_ul li .text p {
    font-size: 12px;
  }
}






/*page*/
.page {
  text-align: center; margin:20px auto;
}
@media (max-width: 767px) {
  .page {
    text-align: center;
  }
}
.page li {width:auto;
	display: inline-block;
  line-height: 32px;
  padding: 0;
  height: 32px;
  margin: 0 0 0 4px;
  font-family: arial;
  font-size: 12px;
  background: #474747;
  color: #fff;
}
.page  a,.page span {
  display: inline-block;
  background: #efefef;
  line-height: 32px;
  padding: 0 13px;
  height: 32px;
  color:#6fba2c;
  margin: 0;
  font-family: arial;
  font-size: 12px;
}
.page a:hover {
  background: #6fba2c;
  color: #fff;
}
@media (max-width: 767px) {
  .page .page-num {
    display: none;
  }
}


.next a{ color:#fff; width:45%; background:#6fba2c; padding:1%; margin-right:3%; float:left;}






.con-map {
  width: 100%;
  padding-top: 5%;
}
.con-map #map1_container {
  width: 100%;
  height: 380px;
}





@media screen and (max-width: 991px) {
    .index .banner {
		margin-top:70px;
        height: auto
    }
	
	.partner .partnerlist li { float: left;
    width: calc(100% / 4);
    margin: 10px auto;
    padding: 0px;
    text-align: center}

}

@media screen and (max-width: 767px) {
    .index .banner {
		margin-top:70px;
        height: auto
    }
	.partner .partnerlist li { float: left;
    width: calc(100% / 3);
    margin: 10px auto;
    padding: 0px;
    text-align: center}
	.partner .partnerlist li img { width:100%; height:auto;}
   .next a{ color:#fff; width:98%; background:#6fba2c; padding:1%; margin:1% auto; float:left;}
}








@media screen and (min-width:992px) {

.nav { width:55%; margin:25px 2%; height:auto; float:left;}.nav li { width:16.6%; text-align:center; float:left; line-height:53px;}.nav li a { color:#666; text-decoration:none; font-size:15px;}.nav li i{ width:0.66%; background:url(../images/menu01.jpg) center center no-repeat; height:53px; float:right;} .nav li:hover a { color:#6fba2c}

.search { width:10%; height:22px; border:1px #e2e2e2 solid; float:left; margin:40px auto;}.search input { width:80%; float:left; border:0; height:90%;outline:none;}.search i { width:20%; float:right;}.search i img { width:60%; margin:20% auto;}
	
.lang { width:7%; float:right;}.lang a{ width:33%; float:left; text-align:center; margin:40px auto; }
}








.topbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    width: 100%;
    height: 70px;
    background-color: #fff
}

@media screen and (max-width: 991px) {
    header {
        display: none
    }
	
	
}


@media screen and (min-width: 992px) {
    .topbar {
        display: none
    }
	
	
}

.topbar.scrolled {
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1)
}

.topbar .logo-wap {
    position: fixed;
    top: 10px;
    left: 15px;
    z-index: 100;
    width: 138px
}

@media screen and (min-width: 992px) {
    .topbar .logo-wap {
        display: none
    }
}

.topbar .logo-wap a {
    display: block
}

.topbar .logo-wap a img {
    display: block;
    width: 100%
}

.topbar .toggle span {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.topbar .toggle.openmenu span {
    background-color: #fff
}

.topbar .toggle.openmenu span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.topbar .toggle.openmenu span:nth-child(2) {
    opacity: 0
}

.topbar .toggle.openmenu span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}


.toggle {
    position: fixed;
    top: 12px;
    right: 0px;
    z-index: 676;
    width: 20px;
    height: 16px;
    padding: 15px;
    cursor: pointer
}

@media screen and (min-width: 992px) {
    .toggle {
        display: none
    }
}

.toggle span {
    position: absolute;
    left: 15px;
    width: 30px;
    height: 2px;
    background-color: #6fba2c
}

.toggle span:nth-child(1) {
    top: 15px
}

.toggle span:nth-child(2) {
    top: 22px
}

.toggle span:nth-child(3) {
    top: 29px
}

.toggle.openmenu span {
    background-color: #fff
}

.toggle.openmenu span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.toggle.openmenu span:nth-child(2) {
    opacity: 0
}

.toggle.openmenu span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}











.navwap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    visibility: hidden
}

@media screen and (min-width: 992px) {
    .navwap {
        display: none
    }
}

.navwap svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.navwap svg path {
    fill: #6fba2c
}

.navwap .inner {
    position: relative;
    box-sizing: border-box;
    padding: 20px 15px
}

.navwap .logo {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 108px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -moz-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -ms-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -o-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    transition: transform 0.5s 1s, opacity 0.8s, 1s
}

.navwap .logo a {
    display: block
}

.navwap .logo a img {
    display: block;
    width: 100%
}

.navwap .toggle span {
    opacity: 0;
    background-color: #fff;
    -webkit-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -moz-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -ms-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -o-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    transition: transform 0.5s 1s, opacity 0.8s, 1s
}

.navwap .cell {
    vertical-align: middle;
    text-align: center
}

.navwap .nav-first a {
    position: relative;
    padding: 5px 0;
    font-size: 22px;
    color: #e2e2e2;
	text-decoration:none;
}

.navwap .nav-first li {
    margin: 15px 0; list-style-type:none;
}

.navwap .nav-first li.active>a {
    color: #fff
}

.navwap .nav-first>li {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px)
}

.navwap .nav-second {
    display: none;
    padding-top: 10px;
    text-align: center
}

.navwap .nav-second li {
    display: inline-block;
    margin: 8px 10px
}

.navwap .nav-second a {
    font-size: 14px
}

.navwap.show {
    visibility: visible
}

.navwap.show .logo {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.navwap.show .toggle span {
    opacity: 1
}

.navwap.show .toggle span:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg)
}

.navwap.show .toggle span:nth-child(2) {
    opacity: 0
}

.navwap.show .toggle span:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -o-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg)
}

.navwap.show .nav-first>li {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.navwap.show .nav-first>li:nth-child(1) {
    -webkit-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -moz-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -ms-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    -o-transition: transform 0.5s 1s, opacity 0.8s, 1s;
    transition: transform 0.5s 1s, opacity 0.8s, 1s
}

.navwap.show .nav-first>li:nth-child(2) {
    -webkit-transition: transform 0.5s 1.2s, opacity 0.8s, 1.2s;
    -moz-transition: transform 0.5s 1.2s, opacity 0.8s, 1.2s;
    -ms-transition: transform 0.5s 1.2s, opacity 0.8s, 1.2s;
    -o-transition: transform 0.5s 1.2s, opacity 0.8s, 1.2s;
    transition: transform 0.5s 1.2s, opacity 0.8s, 1.2s
}

.navwap.show .nav-first>li:nth-child(3) {
    -webkit-transition: transform 0.5s 1.4s, opacity 0.8s, 1.4s;
    -moz-transition: transform 0.5s 1.4s, opacity 0.8s, 1.4s;
    -ms-transition: transform 0.5s 1.4s, opacity 0.8s, 1.4s;
    -o-transition: transform 0.5s 1.4s, opacity 0.8s, 1.4s;
    transition: transform 0.5s 1.4s, opacity 0.8s, 1.4s
}

.navwap.show .nav-first>li:nth-child(4) {
    -webkit-transition: transform 0.5s 1.6s, opacity 0.8s, 1.6s;
    -moz-transition: transform 0.5s 1.6s, opacity 0.8s, 1.6s;
    -ms-transition: transform 0.5s 1.6s, opacity 0.8s, 1.6s;
    -o-transition: transform 0.5s 1.6s, opacity 0.8s, 1.6s;
    transition: transform 0.5s 1.6s, opacity 0.8s, 1.6s
}

.navwap.show .nav-first>li:nth-child(5) {
    -webkit-transition: transform 0.5s 1.8s, opacity 0.8s, 1.8s;
    -moz-transition: transform 0.5s 1.8s, opacity 0.8s, 1.8s;
    -ms-transition: transform 0.5s 1.8s, opacity 0.8s, 1.8s;
    -o-transition: transform 0.5s 1.8s, opacity 0.8s, 1.8s;
    transition: transform 0.5s 1.8s, opacity 0.8s, 1.8s
}

.navwap.show .nav-first>li:nth-child(6) {
    -webkit-transition: transform 0.5s 2s, opacity 0.8s, 2s;
    -moz-transition: transform 0.5s 2s, opacity 0.8s, 2s;
    -ms-transition: transform 0.5s 2s, opacity 0.8s, 2s;
    -o-transition: transform 0.5s 2s, opacity 0.8s, 2s;
    transition: transform 0.5s 2s, opacity 0.8s, 2s
}

.navwap.show .nav-first>li:nth-child(7) {
    -webkit-transition: transform 0.5s 2.2s, opacity 0.8s, 2.2s;
    -moz-transition: transform 0.5s 2.2s, opacity 0.8s, 2.2s;
    -ms-transition: transform 0.5s 2.2s, opacity 0.8s, 2.2s;
    -o-transition: transform 0.5s 2.2s, opacity 0.8s, 2.2s;
    transition: transform 0.5s 2.2s, opacity 0.8s, 2.2s
}

.navwap.closing .logo {
    -webkit-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    -moz-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    -ms-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    -o-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    transition: transform 0.3s 0s, opacity 0.3s, 0s;
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.navwap.closing .toggle span {
    -webkit-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    -moz-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    -ms-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    -o-transition: transform 0.3s 0s, opacity 0.3s, 0s;
    transition: transform 0.3s 0s, opacity 0.3s, 0s;
    opacity: 0
}

.navwap.closing .toggle span:nth-child(1) {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg)
}

.navwap.closing .toggle span:nth-child(2) {
    opacity: 0
}

.navwap.closing .toggle span:nth-child(3) {
    -webkit-transform: translateY(0) rotate(0deg);
    -moz-transform: translateY(0) rotate(0deg);
    -ms-transform: translateY(0) rotate(0deg);
    -o-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg)
}

.navwap.closing .nav-first>li {
    -webkit-transition: transform 0.25s 0s, opacity 0.25s, 0s;
    -moz-transition: transform 0.25s 0s, opacity 0.25s, 0s;
    -ms-transition: transform 0.25s 0s, opacity 0.25s, 0s;
    -o-transition: transform 0.25s 0s, opacity 0.25s, 0s;
    transition: transform 0.25s 0s, opacity 0.25s, 0s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 0
}


.footer .inner {
    position: relative
}

.footer .top {
    border-top: 1px solid #ccc
}

.footer .top>.table {
    width: 1096px;
    margin: 0 auto;
    padding: 45px 0;
	overflow:hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

.footer .top>.table>.cell {
    vertical-align: middle;
    text-align: left
}

.footer .top>.table .info-cell {
    width: 40%;
	float:left;
}

.footer .top>.table .info-cell p {
    color: #666;
	font-family: Verdana, Geneva, sans-serif;
	width:100%;
	text-align:left;
}

.footer .top>.table .info-cell  a { color:#666; text-decoration:none;}

.footer .top>.table .info-cell p.en {
	width:20%;
    padding-bottom: 5px;
	float:left;
    font-size: 16px;
	border-bottom:3px #666 solid;
}

.footer .top>.table .info-cell p strong {
    color: #000; font-size:24px;
}

.footer .top>.table .info-cell li {
    float: left;
	width:100%;
    padding: 7px 0;
    color: #666;
	list-style-type:none;
}

.footer .top>.table .info-cell li strong {
    color: #000
}

.footer .top>.table .info-cell li:nth-child(odd) {
    width: 100%
}

.footer .top>.table .info-cell li:nth-child(even) {
    width: 100%
}

.footer .top>.table .qrcode-cell {
    text-align: right; width:50%;
	float:right;
}

@media screen and (max-width: 1180px) {
    .footer .top>.table {
        width: 90%
    }
}

.biaodan .ban { width:46%; float:left; margin:2%; text-align:left;}

.biaodan .ban input { width:100%; border:0; border-bottom:1px #e2e2e2 solid;outline:none; color:#666; height:25px; line-height:25px;}
.texta textarea {width:96%;margin:2%; border:0; border-bottom:1px #e2e2e2 solid;outline:none; color:#666; height:100px; line-height:25px;}
.weixin { width:46%; float:left;}
.biut { float:right; text-align:right; width:40%;}
.biut input { width:50px; height:25px; border:0;}
@media screen and (max-width: 991px) {
    .footer .top>.table {
        width: auto;
        margin: 0 15px
    }
    .footer .top>.table .logo-cell {
        padding-right: 20px
    }
    .footer .top>.table .info-cell .info li {
        float: left;
        width: 100%;
        white-space: nowrap
    }
}

@media screen and (max-width: 767px) {
    .footer .top>.table {
        display: block
    }
    .footer .top>.table .cell {
        display: block
    }
    .footer .top>.table .logo-cell {
        display: none
    }
    .footer .top>.table .info-cell {
        width: 100%
    }
	 .footer .top>.table .info-cell .info li {
        float: left;
        width: 100%;
        white-space: nowrap
    }
    .footer .top>.table .qrcode-cell {
		width: 100%;
        padding-top: 15px;
        text-align: left
    }
    .footer .top>.table .qrcode-cell .qrcode {
        display: block
    }
    .footer .top>.table .qrcode-cell .qrcode .table {
        display: block
    }
    .footer .top>.table .qrcode-cell .qrcode .table .cell {
        display: inline-block;
        padding-left: 0;
        padding-right: 15px
    }
	
	
	
	
}

.footer .logo {
    width: 112px
}

.footer .logo a {
    display: block
}

.footer .logo a img {
    display: block;
    width: 100%
}

.footer .qrcode {
    display: inline-block
}

.footer .qrcode .cell {
    padding-left: 15px
}

.footer .qrcode img {
    display: block;
    width: 85px
}

.footer .qrcode h6 {
    padding-top: 5px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    text-align: center
}

.footer .bottom {
    padding: 25px 0;
    background-color: #000
}

.footer .bottom .copyright {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
	text-align:center;
}

@media screen and (max-width: 1180px) {
    .footer .bottom .copyright {
        width: 90%
    }
}

@media screen and (max-width: 991px) {
    .footer .bottom .copyright {
        width: auto;
        margin: 0 15px
    }
}

.footer .bottom .copyright .brand {
    color: rgba(242, 204, 40, 0.6)
}

.footer .bottom .copyright .yufei-design {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6)
}

@media screen and (min-width: 992px) {
    .footer .bottom .copyright .yufei-design:hover {
        color: #11adbb
    }
}

.footer .bottom .copyright .icplink {
    color: rgba(255, 255, 255, 0.6)
}

@media screen and (min-width: 992px) {
    .footer .bottom .copyright .icplink:hover {
        color: #fff
    }
}











.news { margin:0 auto; overflow:hidden; background:url(../images/index_bg.jpg)}
.news .list .grid-sizer {
    width: calc(100% / 4)
}

.newstitle { width:100%; margin:30px auto; text-align:center; background:url(../images/bottombg.jpg) bottom center no-repeat; height:auto}
.newstitle span { text-align:center; margin:0px auto; color:#333; font-size:14px; height:20px;}
.newstitle p { text-align:center; margin:0 auto; color:#333; font-size:20px; line-height:40px;}
.news .list { max-width:1200px; margin:30px auto;}
.news .list ul {
	
    margin: 0 -16px;
    text-align: center
}
.newsmore { width:100%; margin-bottom:40px; height:auto; text-align:center; overflow:hidden;}
.newsmore p {
	width:80px;
	height:20px;
	border:1px #6fba2c solid;
	border-radius:10px;
-moz-border-radius:10px; /* 老的 Firefox */
	}
.newsmore a { color:#6fba2c; font-size:12px; line-height:20px;}

.indexpic { width:100%; height:auto; margin:0px auto;}
.indexpic img { width:100%; height:27%;}


.news .list li {
    float: left;
    box-sizing: border-box;
    width: calc(100% / 4);
    margin-bottom: 50px;
    padding: 0 16px;
    text-align: left
}

.news .list li .picbox {
    overflow: hidden
}

.news .list li .picbox img {
    display: block;
    width: 100%
}

.news .list li .txtbox {
    box-sizing: border-box;
    padding: 20px 25px;
    background-color: #6fba2c
}

.news .list li .time {
    font-size: 12px;
    color: #fff
}

.news .list li h2 {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #eee;
    overflow: hidden;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s
}

.news .list li a {
    display: block;
    box-sizing: border-box;
    border: 1px solid #eee;
    overflow: hidden;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s
}

@media screen and (min-width: 992px) {
    .news .list li a:hover {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        border-color: transparent;
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    .news .list li a:hover h2 {
        color: #fff
    }
}

@media screen and (max-width: 991px) {
    .news .list ul {
        margin: 0 -6px
    }
    .news .list li {
        padding: 0 6px
    }
    .news .ptitle {
        padding: 30px 0 20px;
        text-align: center
    }
	    .news .list li a:hover {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        border-color: transparent;
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    .news .list li a:hover h2 {
        color: #fff
    }
}

@media screen and (max-width: 767px) {
    .news .list ul {
        margin: 0
    }
	    .news .list li a:hover {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        border-color: transparent;
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    .news .list li a:hover h2 {
        color: #fff
    }
    .news .list li {
    float: left;
    box-sizing: border-box;
    width: calc(100% / 2);
    margin-bottom: 25px;
    padding: 0 8px;
    text-align: left
    }
}