.nav .nav_bar li>a
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: 90px; position: fixed; background:#2766bb; transition: all .6s; -webkit-transition: all .6s; z-index: 999}
.header .logo{width: auto;
    height: 40px;
    display: block;
    float: left;
    padding: 5px 20px 20px 40px;
   
    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}
.banner-bg1{width: 100%; height: 733px; position: relative }
.banner-bg1 .img{background-color: #39383e; background-repeat: no-repeat; background-position: center; background-size: cover; position: fixed; width: 105%; height:733px;}

/*--------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 12px; position: relative; padding-bottom: 20px}
.nav .nav_bar li>a{display: block; width: 65px; padding:12px 23px; color: #fff; font-size: 16px; text-align: center; border-radius: 4px; transition: all .4s; -webkit-transition: all .4s}
.nav .nav_bar li a:hover{background: #ed7b00; color: #fff}
.nav .nav_bar li a.on{background: #ed7b00; color: #fff}

.nav .nav_son{list-style: none; position: absolute; top: 44px; left: 0; margin-left: -15px; width: 160px; display: none;z-index: 3333;}
.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: 100px; padding: 8px 30px; font-size: 12px; color: #666; border-radius: 0; transition: all ease .3s; -webkit-transition: all ease .3s}
.nav .nav_son li:hover a{background: #ed7b00; color: #fff}

.nav .lan{width: 30px; padding: 4px 10px; margin: 22px 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}
.nav .lan img{width: 100%}

.mini{height: 90px; background: #2766bb}
.mini .logo{padding: 10px 55px 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: #ed7b00; color: #fff; margin: 0 6px}
@media(max-width:1200px){
	
	.nav .nav_bar li>a {
    display: block;
    width: 65px;
    padding: 12px 2px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 4px;
    transition: all .4s;
    -webkit-transition: all .4s;
}
	.header .logo {
    width: auto;
    height: 40px;
    display: block;
    float: left;
    /* padding: 5px 20px 20px 40px; */
    background-position: -400px 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
}



.leibaout_a{
    max-width: 1326px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.leibaout_a .leibaout_atext{
    background: #f6f6f6;
    width:31%;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 43px;
    padding-bottom: 22px;
}
.leibaout_a .leibaout_atext label{
    margin: 22px 0;
    padding: 0 7px;
	display: block;
    color: #211d18;
    font-size: 22px;
}
.leibaout_a .leibaout_atext div{
    overflow: hidden;
}

.leibaout_a .leibaout_atext div img{
    width: 100%;
    transition: all 0.3s;
}

.leibaout_a .leibaout_atext p{
    padding: 0 7px;
    color: #53514e;
}

.leibaout_a .leibaout_atext a{
    padding: 0 7px;
    display: block;
    font-size: 16px;
    color: #1058ae;
    margin-bottom: 7px;
}


.leibaout_a .leibaout_atext:hover div img{
    transform: scale(1.1);
}