body {background: #fdfdfd;font:14px "Microsoft YaHei",verdana,Arial,Helvetica,sans-serif;font-weight: normal;font-style: normal;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset{margin: 0;padding: 0;}
ul li{list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;font-weight: normal;}
em, cite, i {font-style: normal;}
a {color: #333;text-decoration: none;}
a:hover {text-decoration: inherit;}
a img {border: none;}
.fl{float: left;} .fr{float: right;}

.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1; }

.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {zoom: 1;}
section {position: relative;overflow: hidden;width: 100%;}

.bgc1{background: #fff;}
.bgc2{background: #fdfdfd;}

.pb50{padding-bottom: 50px}
.pt50{padding-top: 50px}

.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
body{overflow-x:hidden }
*{padding:0;margin:0;}

#week_nav {background: #fff;border-bottom: 1px solid #E6E6E6;width: 100%;min-width: 1150px;overflow: visible;padding:10px;margin: 0 auto;position: fixed;top: 0;z-index: 15;}
#hd #week_nav .wk_navwp {width: 1150px;padding: 0;margin: 0 auto;}
.wk_lonav {overflow: hidden;float: left;width: 1150px;height: 60px;}
.wk_logo {float: left;width: 400px;overflow: hidden;}
.wk_logo h2{width: 180px;float: left;overflow: hidden}
.wk_logo .header-text{width: 200px;float: left;overflow: hidden}
  .header-text{font-size: 1rem;color: #919191;font-weight: 400;padding:7px 0 0 0;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
  .header-text span{display: block;font-size: 14px; font-weight:normal;padding:5px 0 0 0;}

  .wk_inav {display: block;float: left;width: 600px;height: 60px;overflow: hidden;}
.nav {height: 60px;overflow: hidden;}
.nav li {float: left;padding: 0 16px 0 23px;height: 60px;overflow: hidden;line-height: 60px;}
.nav li:first-child {background: none;}
.nav li a {font-size: 16px;color: #666;text-decoration: none;transition: color 0.3s linear 0s;line-height: 60px;height: 60px;padding: 10px 0;overflow: hidden;}
.nav li.a a, .nav li:hover, .nav li a:hover, .nav li.hover a {color: #71b100;}


.casel{position: fixed;z-index:7;left:0;background:rgba(0,0,0,0.3);width:140px;height:100%;}
	.casenav{position: absolute;top:50%;margin:-128px 0 0;width:100%;}
	.casenav ul{}
	.casenav ul li{color:#fff;font-size:0.875em;text-align:center;}
	.casenav ul li a{display: block;background:rgba(0,0,0,0.1);margin:0 0 1px;height:3.125em;color:#fff;line-height:3.125em;}
	.casenav ul li a:hover{background:rgba(0,0,0,0.2);}
	.casenavon{background:rgba(0,0,0,0.2);}
	.casetool{position: absolute;bottom:40px;width:100%;}
	.casetool p a{padding:40px 0 20px;display:block;color:#fff;}
	.casetoolqq a{background:url(../image/qq.png) no-repeat top center;}
	
	.caseconnext{margin:30px 0 0;padding:0 40px;}
	.caseconnext ul{text-align: center;}
	.caseconnext ul li{margin:0 6px;display:inline-block;}
	.caseconnext ul li a{display: block;width:50px;height:50px;border:2px solid #fff;border-radius:100%;text-indent: -99999px;}

	.caseconnext .casepbefore a{background:url(../image/casebefore.png) no-repeat center 0;}
	.caseconnext .casepbefore a:hover{background:rgba(0,0,0,0.2) url(../image/casebefore.png) no-repeat center 0;}
	.caseconnext .caseplist a{background:url(../image/caselist.png) no-repeat center 0;}
	.caseconnext .caseplist a:hover{background:rgba(0,0,0,0.2) url(../image/caselist.png) no-repeat center 0;}
	.caseconnext .casepafter a{background:url(../image/caseafter.png) no-repeat center 0;}
	.caseconnext .casepafter a:hover{background:rgba(0,0,0,0.2) url(../image/caseafter.png) no-repeat center 0;}



.caser{position: fixed;z-index:7;right:0;background:rgba(0,0,0,0.15);width:380px;height: 100%;}
	.caseinfo{position:absolute;top:50%;margin:-275px 0 0;width:100%;}
	.caseinfo h3{margin:0 0 30px;padding:0 40px;color:#fff;font-size:2em;font-weight:normal;line-height:120%;}
	.relatednews,.relatedpro{padding:0 40px;}
	.relatedpro li{float: left;margin-right: 20px;margin-bottom: 15px;width: 130px;height: 130px;overflow: hidden;}
	.relatedpro img{width: 130px;height: 130px; cursor: pointer; transition: all 0.6s;}  
    .relatedpro img:hover{transform: scale(1.2); }

	.relatednews ul{border-top:1px solid rgba(255,255,255,0.5);}
	.relatednews ul li{text-indent:5px;color:#fff;font-size:0.75em;line-height:260%;border-bottom:1px solid rgba(255,255,255,0.5);}
	.relatednews ul li i{margin-right: 10px}
	.relatednews ul li a{color: #fff}
	.relatednews ul li a:hover{color: #71b100}

	.caseconabout ul{border-top:1px solid rgba(255,255,255,0.5);}
	.caseconabout ul li{color:#fff;font-size:0.75em;line-height:260%;border-bottom:1px solid rgba(255,255,255,0.5);}
	.caseconabout ul li span{float:right;}
	.caseconabout ul li span a{color: #fff}

.casecon{position:absolute;z-index: 3;width: 100%;}
.casecbox{position:absolute;z-index:5;width:100%;padding:0 380px 0 140px;}
	.casecboxinfo{position:relative;background:#fff;margin-right:520px;padding:0 20px;overflow:hidden;}
	.casetitle{margin:130px 0 0;text-align:center;}
	.casetitle h1{color:#8a8f99;font-size:2em;font-weight:normal}
	.casetitle p{color:#8a8f99;margin:5px 0 0;font-family: sanfranciscodisplay-ultralight;font-size:1em;text-transform:uppercase;}
	
	.casemain{margin:0 auto;}

	.casecontent{margin:0 auto;width:900px;min-height: 600px}
	.casecontent h3{color:#797b80;font-size:1em;}
	
	.basictext{min-height:600px;margin:10px 0 0;padding-bottom:50px;color:#000;font-size:1em;line-height:200%;text-align:justify;text-justify:inter-ideograph;}
	.basictext p{padding:0 0 10px;}
	
	
	.nylistwidth .casecontent{width: 1100px;padding:80px 0 80px;min-height: 700px;}

	
	
	
	.news-pic img{display: block;float: left;border: 1px solid #ddd;padding:2px;margin-right: 20px}
	.news-pic h3,.news-list h3{font-size: 1.3rem;color: #000;margin-bottom: 15px}
	.news-pic p{line-height: 30px}
	.news-list{margin-top: 30px;}
	.news-list li{width:45%;float:left;margin:15px 20px 10px 20px;padding-bottom: 15px;border-bottom: 1px dashed #ddd;}
	.news-list li:hover{border-bottom: 1px dashed #71b100}
	.news-list li:hover h3{color: #71b100}
	.news-list li span{float: right;font-size: 0.8rem;font-weight: normal;color:#aaa;}
	
    .case-pic ul{padding-left: 0px}
    .case-pic li{float: left;margin:30px 5px 10px 20px;overflow: hidden;  }
    .case-pic li img{width:240px;height: 180px;border: #ddd solid 1px; padding:1px; cursor: pointer; transition: all 0.6s;}  
    .case-pic li img:hover{transform: scale(1.2); }

    
    .products-pic ul{padding-left: 0px}
    .products-pic li{float: left;margin:30px 5px 10px 20px;overflow: hidden; }
    .products-pic li img{width:240px;height: 240px; cursor: pointer; transition: all 0.6s;border: #ddd solid 1px; padding:1px; }  
    .products-pic li img:hover{transform: scale(0.9); border: #71b100 solid 1px;}
    .products-pic li p{text-align: center;margin-top: 15px}

    .pro-pic{width: 550px;height: 300px;margin-right: 30px;position:relative;}
    .pro-guige p{line-height: 30px;}

	
	.map{width: 100%;height: 450px;margin-top: 20px}
    #allmap {width: 100%;height: 100%;overflow: hidden;margin: 0;}
    .contacttext{margin-top: 50px;}
    .contact-com{width: 500px;box-sizing: border-box;margin:0 50px 0 100px;}
    .contact-com i{margin-right: 15px}
    .contact-com p{line-height: 30px;}
    .contact-ewm{margin-left: 100px}
@media screen and (max-width:1450px) {
	.casecontent{width:100%!important;overflow: hidden}
	.contact-com{margin-left: 30px}
} 
@media screen and (max-width:1368px) {
	.casecontent{width:100%!important;}
.contact-ewm{margin-left: 0px}
}
@media screen and (max-width:1360px) {
	.casecontent{width:100%!important;}
	.news-list li{width:42%;}
	.news-list li h3{font-size: 1rem}
	.case-pic li img{width:210px;height: auto;}
	.products-pic li img{width:200px;height: 200px;}
}
@media screen and (max-width:1280px) {
	.caser{width:300px;}
	.caseconlogo{width:120px;height:120px;}
	.caseconms{display:none;}
	.caseinfo{margin:-250px 0 0;}
	.casecboxinfo{margin-right:440px;}
	.changyanxq{display:none;}
	.relatedpro li{margin-right: 10px;}
	.relatedpro li,.relatedpro img{width: 100px;height: 100px}

	.contact-com p{line-height: 30px;margin:0 50px 0 50px;}
}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:980px) {
	.caser{display:none;}
	.casecboxinfo {margin-right: 140px;}
}
@media screen and (max-width:900px) {
	.pagefooter{display:none;}
}

@media screen and (max-width:680px) {
	.casel{display:none;}
	.casecbox{padding:0;}
	.casecboxinfo{margin:0;}
	#album-cover{display:none;}
}


.pagefooter{position: fixed;bottom:0;z-index:10;background:#1a1a1a;width:100%;overflow:hidden;border-top:none;}
.pagefootl{float:left;margin:0 0 0 15px;height:40px;font-size:12px;}
.pagefootl ul{margin:12px 0 0;overflow: hidden;color: #aaa}
.pagefootl ul li{float:left;margin:0 7px 5px 0;padding:0 7px 0 0;height:16px;line-height:16px;border-right:1px solid #262626;}
.pagefootl ul li a{color:#aaa;}
.pagefootl ul li a:hover{color:#71b100;}
.pagefootr{float:right;margin:0 15px 0 0;}
.pagefootr p{margin:11px 0 0;font-size:10px;color:#aaa;line-height:16px}
.pagefootr p a{color:#aaa;}
.pagefootr p a:hover{color:#71b100;}

.topveshare{font-size:1em;}
.topvesharetext{float:left;color:#aaa;}



.pages {text-align: center}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 17px 0 10px;
  border-radius: 3px; }
  .pagination > li {
    display: inline; }
  .pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 13px;
    line-height: 1.42857;
    text-decoration: none;
    color: #71b100;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: 4px; }
  .pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #333;
    background-color: #eee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #71b100;
    border-color: yellow;
    cursor: default; padding: 8px 16px;}
  .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }