html, body{margin: 0; padding: 0; font-family: "Microsoft YaHei", sans-serif; font-size: 100%; background: #fff; overflow-x: hidden }

ul, li ,ol{margin: 0; padding: 0}

h1,h2,h3,h4,h5,h6{margin: 0; font-weight: normal}

p{margin: 0;}

a{text-decoration: none}


img{border: 0; float: left}

.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}

ul:after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}

.w1200{width: 1200px; margin: 0 auto; position: relative}

.left{float: left}
.right{float: right}

@font-face{font-family: 'novecentowide-book';src: url('../font/novecentowide-book-webfont.eot');src: url('../font/novecentowide-book-webfont.eot#iefix') format('embedded-opentype'), url('../font/novecentowide-book-webfont.woff2') format('woff2'), url('../font/novecentowide-book-webfont.woff') format('woff'), url('../font/novecentowide-book-webfont.ttf') format('truetype'), url('http://www.jinchensolar.com/templates/default/font/novecentowide-book-webfont.svg#novecentowide-bold-webfont') format('svg');}


/*----header----*/
.header{width: 100%; height: 70px; position: fixed; background: rgba(0,0,0,.1); transition: all .6s; -webkit-transition: all .6s; z-index: 999}
.header .logo{width: auto; height: 40px; display: block; float: left; padding: 15px 140px 20px 40px; background: url("../image/logobg.png") no-repeat; background-position: -400px 0  ;transition: all .4s; -webkit-transition: all .4s}
.header p{color: #fff; font-size: 12px; float: left; margin-left: -120px; padding-top: 40px; transition: all .4s; -webkit-transition: all .4s}


/*--------navArea--------*/
.nav{float: right; transition: all ease-out .4s; -webkit-transition: all ease-out .4s}
.nav .nav_bar{list-style: none; margin-right: 100px; padding: 22px 0; transition: all .6s; -webkit-transition: all .6s}
.nav .nav_bar li{float: left; margin: 0 2px; position: relative; padding-bottom: 20px}
.nav .nav_bar li>a{display: block; width: 80px; padding: 4px 10px; color: #fff; font-size: 14px; text-align: center; border-radius: 4px; transition: all .4s; -webkit-transition: all .4s}
.nav .nav_bar li a:hover{background: #ffed00; color: #000}
.nav .nav_bar li a.on{background: #302e2d; color: #fff}

.nav .nav_son{list-style: none; position: absolute; top: 44px; left: 0; margin-left: -15px; width: 130px; display: none}
.nav .nav_son li{float: none; margin: 0; border-bottom: 1px solid #e0e0e0; padding: 0; background: #fff}
.nav .nav_son li:nth-child(1){border-top: 2px solid #999}
.nav .nav_son li a{width: 70px; padding: 8px 30px; font-size: 14px; color: #666; border-radius: 0; transition: all ease .3s; -webkit-transition: all ease .3s}
.nav .nav_son li:hover a{background: #302e2d; color: #fff}

.nav 
.lan1{width:20px; padding: 4px 10px;  margin: 18px 70px 28px 0; font-size: 13px; color: #fff; text-align: center; position: absolute; top: 0; right: 0; border-radius: 4px; transition: all .2s; -webkit-transition: all .2s;}

.lan2{width:20px; padding: 4px 10px;  margin: 18px 40px 28px 0; font-size: 13px; color: #fff; text-align: center; position: absolute; top: 0; right: 0; border-radius: 4px; transition: all .2s; -webkit-transition: all .2s;}

.lan3{width:20px; padding: 4px 10px;  margin: 18px 10px 28px 0; font-size: 13px; color: #fff; text-align: center; position: absolute; top: 0; right: 0; border-radius: 4px; transition: all .2s; -webkit-transition: all .2s; }

.nav .lan img{width: 100%}




.mini{height: 60px; background: #111}
.mini .logo{padding: 10px 200px 10px 30px; background-position: 0 0}
.mini .logo img{transform: scale(0.8); -webkit-transform: scale(0.8)}
.mini p{margin-left: -198px; padding-top: 32px}
.mini .nav .nav_bar{padding: 18px 0; margin-right: 90px}
.mini .nav .lan{margin: 18px 30px 18px 0}

/*--------btn-nav--------*/
.header .btn-nav{position: absolute; left: 0; top: 0; width: 40px; height: 40px; padding: 6px; margin: 4px; background: none; border: none; cursor: pointer; display: none }
.header button{outline: none}
.header .btn-nav span{width: 26px; height: 2px; position: absolute; top: 0; left: 7px; display: block; background: #fff; transition: all .5s; -webkit-transition: all .5s}

.header .btn-nav span:nth-child(1){top: 12px}
.header .btn-nav span:nth-child(2){top: 19px}
.header .btn-nav span:nth-child(3){top: 26px}

#button .span1{top: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg)}
#button .span2{opacity: 0}
#button .span3{top: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg)}


/*----footer----*/
.footer{width: 100%; height: 60px; position: relative; bottom: 0; text-align: center; background: #151214; text-align: center; z-index: 19}
.footer p{display: inline-block;font-size: 12px ; color: #595959; padding-top: 20px; margin-right: 20px}
.footer p a{font-size: 12px ; color: #595959; }


/*----top----*/
.top{width: 30px; position: fixed; right: 20px; bottom: 30px; background: rgba(0,0,0,.3); z-index: 99}
.top .img{width: 30px; height: 30px; background: url("../image/top.png") no-repeat 5px; cursor: pointer;}
.top:hover{background: rgba(0,0,0,.8)}


/*----page_info----*/
.page_info{padding-bottom: 40px}
.page_info span{padding: 0 10px}

/*----page-list----*/
.page_list{padding-bottom: 30px; margin-bottom: 30px}
.page_list a{float: left; margin: 0 2px; padding: 2px 8px; color: #666}
.page_list .num{background: #999; color: #fff; margin: 0 6px}
.page_list .on{background: #ffea00; color: #fff; margin: 0 6px}





.hydl1{ width:1200px; height:558px; margin:0 auto;background:url(../images/hydlzj.jpg) no-repeat; }
.dlmk{ width:279px; height:340px; background:url(../images/mkbj.jpg) no-repeat; border:8px solid #CCC; float:right; margin-right:193px; margin-top:0px; }
.hydlbt{ width:259px; height:64px; line-height:64px; font-family:΢ź; font-size:16px; color:#666666; font-weight:bold; padding-left:20px;} 
.yhm{ width:259px; height:28px; line-height:28px; padding-left:20px;}
.yzmzp img{ width:70px; height:29px; float:right; margin-top:-32px; margin-right:22px; margin-left:5px;border:1px solid red;}
.yzm{width:259px; height:28px; line-height:28px; padding-left:20px;}
.wjmm{width:139px; height:28px; line-height:28px; margin-top:55px; padding-left:120px;}
.wjmm a{ color:#000000;}
.wjmm a:hover{ color:#fe9900;} 
.anjian{width:259px; height:28px; line-height:28px; padding-left:20px; margin-top:20px;}






.allhyzc{ width:100%; height:1010px; margin:0 auto;}
.hyzc{ width:100%; height:802px; margin:0 auto; background:url(../images/hyzcbj.jpg) no-repeat;}
.hyzczj{ width:1200px; height:802px; margin:0 auto; background:url(../images/hyzczj.jpg) no-repeat;}
.hyzc1{ width:1190px; height:40px; padding-top:80px; padding-left:32px;} 
.zcanjiu{ width:73px; height:31px; }
.zcyhm{ float:left;width:960px; height:40px; line-height:40px; padding-left:230px; margin-top:45px;}
.zcyhm{ float:left;}
.zhushi{ float:right; padding-right:500px;color:#9b9b9b;}
.zczh{ float:left;width:960px; height:40px; line-height:40px; padding-left:243px; margin-top:15px;}
.zcmm{ float:left;width:960px; height:40px; line-height:40px; padding-left:243px; margin-top:15px;}
.zcqrmm{ float:left;width:960px; height:40px; line-height:40px; padding-left:215px; margin-top:15px;}
.zcxm{float:left;width:960px; height:40px; line-height:40px; padding-left:243px; margin-top:15px;}
.zcgmcp{ float:left;width:960px; height:40px; line-height:40px; padding-left:215px; margin-top:15px; }

.zcgmd{float:left;width:960px; height:40px; line-height:40px; padding-left:228px; margin-top:15px; }
.zcyzm{float:left;width:960px; height:40px; line-height:40px; padding-left:228px; margin-top:15px; color:#000000; }