.wrapper{
    max-width: 1920px;
    min-width: 1400px;
    margin: 0 auto;
    font-family: '微软雅黑';
}
.header{
    height: 105px;
    width: 1400px;
    margin: 0 auto
}
.header>.icon-liebiao{
    font-size: 50px;
    color: #229b1c;
    line-height: 105px;
    margin-right: 15px;
    margin-left: 100px;
}
/* 下拉菜单样式开始 */
.downmenu.active{
    display: block;
}
.downmenu{
    max-width: 1920px;
    min-width: 1400px;
    background-color: #111b;
    position: fixed;
    top:105px;
    left:0;
    right: 0;
    margin: 0 auto;
    display: none;
    z-index: 5;
}
.downmenu>ul{
    width: 1300px;
    padding-left: 100px;
    margin: 0 auto; 
}
.downmenu>ul>li{
    height: 80px;
    line-height: 80px;
    font-size: 32px;
    font-weight: bold;
}
.downmenu>ul>li>a{
    color: #fff;
}
.downmenu>ul>li:hover>a{
    color: #229b1c;
}
.header>a:last-child{
    display: block;
    float: right;
    width: 112px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #777;
    font-size: 16px;
    color: #959595;
    margin-top: 32px;
    border-radius: 8px;
}
.header>a:last-child>i{
    font-size: 22px;
    vertical-align: middle;
}
/* 首页顶部样式结束 */
.center{
    width: 1300px;
    margin: 0 auto;
    padding-top: 92px;
    padding-left: 100px;
}
.industry{
    height: 860px;
    background: url(../images/index_bg01.png) no-repeat  center 0;
}
.industry>.center>img{
    float: left;
}
.industry>.center>.right{
    width: 726px;
    float: left;
    margin-left: 106px;
    color: #fff;
    padding-top: 170px;
}
.industry>.center>.right>h3{
    font-size: 34px;
    line-height: 1.8;
}
.industry>.center>.right>pre{
    font-size: 26px;
    line-height: 1.5;
}
/* 首页工商业样式结束 */
.homehouse{
    height: 660px;
    background: url(../images/index_bg_pc.png) no-repeat center 0;
}
.center>.left{
    padding-top: 85px;
    width: 726px;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    float: left;
}
.center>.left>h3{
    font-size: 34px;
}
.merit{
    display: flex;
    justify-content: start;
    margin-top: 30px;
}
.merit>.item{
    width: 140px;
    font-size: 12px;
    color: #fff;
    margin-right: 5px;
    text-align: center;
}
.merit>.item>span{
    display: block;
}
/*.merit>.item:not(:first-child){*/
/*    padding-top: 12px;*/
/*}*/
/* 家庭储能样式结束  */
.large{
    height: 605px;
    background: url(../images/index_bg_pc_03.jpg) no-repeat  center 0;
}
.large>.center>.left{
    width: 600px;
}
.large>.center>img{
    margin-top: 80px;
    max-width: 700px;
}
/* 大型储能样式结束 */
.contactus_index_pc,.pro_index_pc{
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}
.pro_index_pc>ul>li{
    width: 380px;
    text-align: center;
}
.pro_index_pc>ul>li>a:first-child{
    display: block;
    width: 380px;
    height: 190px;
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden;
}
.pro_index_pc>ul>li.active>a:first-child,
.pro_index_pc>ul>li:hover>a:first-child{
    box-shadow: 0 0  10px #0e5a6e66 ;    
}
.pro_index_pc>ul>li>a:first-child>img{
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    transition: all 0.3s;
}
.pro_index_pc>ul>li.active>a:last-child,
.pro_index_pc>ul>li:hover>a:last-child{
    color: #276e83;
}
.pro_index_pc>ul>li>a{
    color: #222;
    font-size: 24px;
    line-height: 3;
}
.pro_index_pc>ul{
    display: flex;
    justify-content: space-between;
}
.pro_index_pc>ul>li:hover>a>img{
    transform-origin: center;
    transform: scale(1.2);
}
/* 首页产品列表样式结束 */
.contactus_text_pc{
    float: left;
    width: 900px;
}
.contactus_text_pc>pre{
    float: left;
    font-family: '微软雅黑';
}
.contactus_text_pc>pre>span{
    font-size: 30px;
    color: #222;
}
.contactus_text_pc>pre>h4{
    font-size: 28px;
    color: #19677d;
    font-weight: bold;
    line-height: 2;
}
.contactus_text_pc>pre>p{
    font-size:20px;
    line-height: 1.6;
}
.contactus_index_pc>div.fr>a{
    display: block;
    width: 214px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    background-color: #19677d;
    font-size: 28px;
    color: #fff;
    border-radius: 8px;
    margin-top: 60px;
}
/* 首页联系我们样式结束 */
.footer{
    background-color: #f4f4f4;
    padding: 50px 0;
}
.footer>.footer_center{
    width: 1200px;
    margin: 0 auto;
}
.footer>.footer_center>.mes_footer{
    width: 470px;
    font-size: 14px;
    color: #333;
    float: left;
}
.footer>.footer_center>.mes_footer>ul>li:nth-child(2){
    margin-top: 30px;
}
.footer>.footer_center>.mes_footer>ul>li:last-child{
    margin-top: 90px;
}
.footer>.footer_center>.mes_footer>ul>li:last-child>input[type=text]{
    width: 300px;
    height: 18px;
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: transparent;
}
.footer>.footer_center>.mes_footer>ul>li:last-child>input[type=submit]{
    width: 115px;
    height: 50px;
    border: none;
    background-color: #19677d;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
}
.footer>.footer_center>.productIntroduction{
    float: left;
    width: 210px;
    font-size: 16px;
}
.footer>.footer_center>.productIntroduction>ul>li:first-child,
.footer>.footer_center>.solution>ul>li:first-child{
    margin-bottom: 15px;
}
.footer>.footer_center>.productIntroduction>ul>li>span,
.footer>.footer_center>.solution>ul>li>span{
    font-size: 18px;
    font-weight: bold;
    color: #222;
}
.footer>.footer_center>.productIntroduction>ul>li>a,
.footer>.footer_center>.solution>ul>li>a{
    color: #222;
    display: block;
    line-height: 1.8;
}
.footer>.footer_center>.solution{
    width: 230px;
    float: left;
}
.footer>.footer_center>.disseminate{
    width: 290px;
    float: left;
}
.footer>.footer_center>.disseminate>ul{
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.footer>.footer_center>.disseminate>ul>li{
    width: 123px;
    text-align: center;
}
/* 底部样式结束 */
/* 首页样式结束 */
/* 内容页顶部样式开始 */
.header>.nav{
    float: left;
    padding-left: 50px;
}
.header>a:first-child{
    margin-left: 100px;
}
.header>.nav>ul>li{
    float: left;
    font-size: 18px;
    line-height: 105px;
    width: 120px;
    text-align: center;
}
.header>.nav>ul>li>a{
    color: #222;
    display: block;
}
.header>.nav>ul>li:hover>a{
    color: #19667c;
    font-weight: bold;
}
/* 内容页顶部样式结束 */
/* 产品列表页样式开始 */
.product_banner_pc{
    height: 450px;
    background: url(../images/productlist_banner.png)no-repeat center;
}
.main{
    width: 1200px;
    margin: 0 auto;
}
.sort_list_pc>ul{
    padding: 50px 0;
   display: flex;
   justify-content: center;
}
.sort_list_pc>ul>li{
    margin: 0 5px;
}
.sort_list_pc>ul>li>a{
    display: inline-block;
    line-height: 50px;
    padding: 0 20px;
    background-color: #E2F8FF;
    border-radius: 6px;
    color: #222;
    font-size: 20px;
}
.sort_list_pc>ul>li.focus>a,
.sort_list_pc>ul>li:hover>a{
    background-color: #19687D;
    color: #fff;
}
.pro_list_pc>ul>li{
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 3;
}
.pro_list_pc>ul>li:nth-child(3n+2){
    margin: 0 60px;
}
.pro_list_pc>ul>li:nth-child(n+4){
    margin-top: 20px;
}
.pro_list_pc>ul>li>a:first-child{
    display: block;
    width: 360px;
    height: 270px;
    background-color: #dfdfdf;
    position: relative;
    overflow: hidden;
}
.pro_list_pc>ul>li>a:first-child>img{
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.pro_list_pc>ul>li>a:last-child{
    display: block;
    width: 360px;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro_list_pc>ul>li:hover>a:first-child{
    box-shadow: 0 0  10px #0e5a6e66;
}
.pro_list_pc>ul>li:hover>a:first-child>img{
    transform: scale(1.2);
}
/* 产品列表页样式结束 */
/* 产品内容页样式开始 */
.main{
    width: 1200px;
    margin:0 auto
}
/* 产品内容页样式结束 */
.product_content>.pro_title{
    margin: 30px 0;
}
.product_content>.pro_title>h1{
    text-align: center;
    font-size: 24px;
    color: #222;
    font-weight: normal;
}
.product_content>figure{
    text-align: center;
}
.product_content>figure>img{
    max-width: 90%;
}
/* 新闻列表页样式开始 */
.news_banner{
    height: 450px;
    background: url(../images/news_banner.jpg)no-repeat center;
}
.news_list>ul>li::after,
.salessupport_list>ul>li::after,
.hr_list>ul>li::after{
    content: "";
    display: block;
    clear: both;    
}
.news_list>ul>li,
.salessupport_list>ul>li,
.hr_list>ul>li{
    padding: 40px 0 ;
    border-bottom:1px solid #CCC ;
}
.news_list>ul>li:first-child,
.salessupport_list>ul>li:first-child,
.hr_list>ul>li:first-child{
    padding-top: 0;
}
.news_list>ul>li>.time,
.salessupport_list>ul>li>.time,
.hr_list>ul>li>.time{
    float: left;
    width: 111px;
    height: 113px;
    text-align: center;
    background-color: #19687D;
    color: #fff;
}
.news_list>ul>li>.time>span:first-child,
.salessupport_list>ul>li>.time>span:first-child,
.hr_list>ul>li>.time>span:first-child{
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.8;
    padding-top: 10px;
}
.news_list>ul>li>.time>span:last-child,
.salessupport_list>ul>li>.time>span:last-child,
.hr_list>ul>li>.time>span:last-child{
    font-size: 24px;
}
.news_list>ul>li>.brief,
.salessupport_list>ul>li>.brief,
.hr_list>ul>li>.brief{
    float: right;
    width: 1056px;
}
.news_list>ul>li>.brief>h3,
.salessupport_list>ul>li>.brief>h3,
.hr_list>ul>li>.brief>h3{
    font-weight: normal;
    font-size: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}
.news_list>ul>li>.brief>p,
.salessupport_list>ul>li>.brief>p,
.hr_list>ul>li>.brief>p{
    font-size: 16px;
    color: #666;
    padding-top: 18px;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.paging>ul{
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    line-height: 37px;
}
.paging>ul>li:not(:first-child):not(:last-child){
    width: 35px;
    height: 35px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    letter-spacing: -5px;
}
.paging>ul>li:nth-child(2){
    border-left:1px solid #ccc;
    margin-left: 20px;
}
.paging>ul>li>a{
    color: #222;
}
.paging>ul>li:last-child>form>input[type=text]{
    width: 42px;
    height: 35px;
    border: 1px solid #ccc;
    margin: 0 15px;
    outline: none;
}
.paging>ul>li:last-child>form>input[type=submit]{
    width: 35px;
    height: 35px;
    border:1px solid #ccc;
    background-color: #F8F8F8;
    color:#666;
}
/* 新闻列表页样式结束 */
/* 新闻内容页样式开始 */
.article>.title_article>h1{
    font-size: 24px;
    color: #222;
    font-weight: normal;
    text-align: center;
}
.article>.mes_article{
    line-height:6;
    text-align: center;
    font-size: 16px;
    color: #666;
}
.article>.mes_article>span{
    padding: 0 18px;
}
.article>.content_article{
    text-align: center;
    min-height: 430px;
}
.article>.content_article img{
    width: 90%;
}
.article>.content_article>p{
    margin-top: 20px;
    text-align: left;
    text-indent: 2em;
    font-size: 16px;
    color: #222;
    line-height: 2;
}
/* 新闻内容页样式结束 */
/* 关于我们页面开始 */
.banner_aboutus{
    height: 450px;
    background: url(../images/aboutus_banner_pc.png)  no-repeat center;
}
.main>.aboutus{
    padding-top: 80px;
}
.main>.aboutus>.intro{
    width: 600px;
    float: right;
    background-color: #F6F6F6;
    font-size: 120px;
    font-weight: bolder;
    color: transparent;
    -webkit-background-clip: text;
}
.main>.aboutus>.intro>.title_aboutus>h3{
    font-size: 36px;
    font-weight: bold;
    color: #222;
    line-height: 1.6;
}
.main>.aboutus>.intro>.content_aboutus{
    height: 170px;
    line-height: 1.8;
    font-size: 16px;
    color: #222;
    font-weight: normal;
    overflow: auto;
}
.main>.intro_list>ul{
    display: flex;
    justify-content: space-between;
}
.main>.intro_list>ul>li::after{
    content: '';
    display: block;
    clear: both;
}
.main>.intro_list>ul>li>span{
    float: left;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-right: 10px;
}
.main>.intro_list>ul>li:first-child>span.icons{
    background: url(../images/culture.png)no-repeat center #ededed;
}
.main>.intro_list>ul>li:nth-child(2)>span.icons{
    background: url(../images/bird.png)no-repeat center #ededed;
}
.main>.intro_list>ul>li:last-child>span.icons{
    background: url(../images/mission.png)no-repeat center #ededed;
}
.main>.intro_list>ul>li>a{
    float: left;
    color: #222;
    width: 240px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
    line-height: 1.6;
}
.main>.intro_list>ul>li>a>h4{
    font-size: 24px;
}
.develop{
    margin-top: 40px;
    background: url(../images/about_bg_pc.png)3px 5px;
    height: 540px;
}
.develop>.develop_center{
    width: 1400px;
    margin: 0 auto;
}
.title_p{
    padding: 50px 0;
}
.title_p>h2{
    font-size: 36px;
    text-align: center;
    line-height: 1;
}
.develop>.develop_center>.timeline{
    position: relative;
    height: 370px;
    padding-left: 100px;
    padding-right: 30px;
    background: url(../images/about_bg02.png)no-repeat center;
}
.develop>.develop_center>.timeline>ul>li>b{
    font-size: 30px;
    color: #125f76;
}
.develop>.develop_center>.timeline>ul>li>span{
    display: block;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
    position: relative;
    padding-left: 10px;
}
.develop>.develop_center>.timeline>ul>li>span::before{
    content: '';
    position: absolute;
    top:50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #125f76;
    border-radius: 50%;
}
.develop>.develop_center>.timeline>ul{
    display: flex;
    justify-content: space-between;
}
.develop>.develop_center>.timeline>ul>li:nth-child(2n+1){
    margin-top: 252px;
}
.develop>.develop_center>.timeline>ul>li:nth-child(2n){
    margin-top: 30px;
}

.honor{
    width: 1200px;
    margin: 0 auto;
}
.honor>.honors{
    height: 370px;
    position: relative;
}
.honor>.honors>.pre,
.honor>.honors>.next{
    display: block;
    width: 60px;
    height: 60px;
    background-color: #19677d;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-family: '宋体';
    font-weight: bold;
    -webkit-text-stroke: 2px;
    border-radius: 50%;
    position: absolute;
    top:50%;
    margin-top: -60px;
    cursor: pointer;
}
.honor>.honors>.pre{
    left: 0;
}
.honor>.honors>.next{
   right: 0;
}
.honor>.honors>.honor_list{
    width: 1080px;
    height: 310px;
    margin: 30px auto;
    position: relative;
    overflow: hidden;
}
.honor>.honors>.honor_list>ul{
    position: absolute;
    top:0;
    left:0
}
.honor>.honors>.honor_list>ul>li{
    float: left;
    margin-right: 75px;
}
.honor>.honors>.honor_list>ul{
    width: max-content;
}
.honor>.honors>.honor_list>ul>li>a{
    display: block;
    position: relative;
    width: 310px;
    height: 310px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    overflow: hidden;
}
.honor>.honors>.honor_list>ul>li>a>img{
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 95%;
    max-height: 95%;
}
.honor>.honors>.honor_list>ul>li:last-child{
    margin-right: 0;
}
.honor>.honors>.honor_list>ul>li:hover>a{
    border:1px solid #125f76;
    
}
.honor>.honors>.honor_list>ul>li:hover>a>img{
    transform: scale(1.1);
}
/* 关于我们页面结束 */
/* 加入我们页面样式开始 */
.joinus_banner{
    height: 450px;
    background: url(../images/jionus_banner.jpg)no-repeat center;
}
.hr_list>ul>li:last-child,
.salessupport_list>ul>li:last-child{
    border: none;
}
/* 加入我们页面样式结束 */
/* 售后支持页面开始 */
.salessupport_banner{
    height: 450px;
    background: url(../images/salesSupport_banner.jpg)no-repeat center
}
.salessupport_list{
    margin: 40px auto;

}
/* 售后支持页面结束 */
/* 联系我们页面开始 */
.contact_banner{
    height: 450px;
    background: url(../images/contactus_banner.jpg)no-repeat center;
}
.message>ul>li{
    width: 290px;
    text-align: center;
    font-size: 24px;
    line-height: 1.6;
    color: #222;
}
.message>ul>li>i{
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #19677d;
    position: relative;
}
.message>ul{
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    justify-content: space-between;
}
.message>ul>li>i>img{
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left:0;
    margin: auto;
}
.message>ul>li>span{
    display: block;
}
.map>img{
    border: 1px solid #19677d;
    box-sizing: border-box;
    max-width: 100%;
}
/* 联系我们页面结束 */
/* 联系我们弹窗开始 */
.allbg{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #0008;
    left:0;
    top:0;
}

.hide{
    display: none;
}
.contactus_alert{
    position: absolute;
    top:160px;
    left: 50%;
    margin-left: -365px;
    width: 610px;
    height: 480px;
    padding: 60px;
    background-color: #fff;
}
.contactus_alert>img.close{
    position: absolute;
    left:60px;
    top:60px;
    width: 20px;
    height: 20px;
    z-index: 10;
}
.contactus_alert>.title_contactus_alert>h3{
    font-size: 30px;
    text-align: center;
    line-height: 1;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.contactus_alert>.collect>ul>form>li{
    font-size: 18px;
    color: #222;
    line-height: 2.2;
    text-align: left;
    margin-top: 10px;
}
.contactus_alert>.collect>ul>form>li>input[type=text]{
    display: block;
    width: 588px;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-left: 20px;
}
.contactus_alert>.collect>ul>form>li>textarea{
    display: block;
    width: 588px;
    height: 106px;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-left: 20px;
    padding-top: 20px;
    resize: none;
}
.contactus_alert>.collect>ul>form>li>input[type=submit]{
    display: block;
    width: 100%;
    height: 50px;
    border:none;
    border-radius: 8px;
    background-color: #19677c;
    color: #fff;
}
/* 联系我们弹窗结束 */
/* 解决方案列表页开始 */
.programme_banner_pc{
    height: 450px;
    background: url(../images/programme_banner.jpg)no-repeat center;
}
/* 解决方案列表页结束 */



/* 增加的样式 */
.header>.nav>ul>li.focus>a{
    color: #19667c;
    font-weight: bold;
}
.cases_banner_pc{
    height: 450px;
    background: url(../images/cases_banner_pc.png)no-repeat center;
}
a{
    color: #222;
}
a:hover{
    color: #19667c;
}