/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : Soare - Solar Panel HTML Template
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Why Choose Us css
08. Intro Video css
09. Our Project css
10. Our Testimonial css
11. Our Faqs css
12. Latest News css
13. Footer css
14. About us Page css
15. Services Page css
16. Service Single css
17. Blog Archive css
18. Blog Single css
19. Project Page css
20. Project Single css
21. Team Page css  
22. Contact us Page css
23. Gallery Page css
24.	FAQs Page css
25. 404 Page css
26. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/	

:root{
	--primary-color: #0E0D1B;
	--secondary-color: #e9eff4;
	--text-color: #737577;
	--accent-color: #255994;
	--white-color: #FFFFFF;
	--divider-color: #E8E8E8;
	--dark-divider-color: #ffffff20;
	--error-color: rgb(230, 87, 87);
	--default-font: "Plus Jakarta Sans", sans-serif;
	--font-color: #255993
}

/************************************/
/*** 	   02. General css		  ***/
/************************************/
.clear {
    clear: both;
}

/* 新闻内容部分 */
li {
    list-style: none;
}
.newerlist {
    display: block;
    padding-top: 2%;
}
div.middle {
    width: 1200px;
    margin: 0px auto;
}
.newerlist li a.hasdiv {
    float: left;
    width: 47%;
}
.hasdiv {
    overflow: hidden;
    display: block;
}
.hasdiv .bkg {
    display: block;
    width: 100%;
    transition: All 2s ease;
    -webkit-transition: All 2s ease;
    -moz-transition: All 2s ease;
    -o-transition: All 2s ease;
}
.newerlist li.shen {
    background: url(../images/shen.gif) repeat-x #F7F7F7;
}
.newerlist li dl {
    width: 47%;
    float: right;
    margin-top: 7%;
}
.newerlist li dl span.spantimes {
    display: block;
    font-size: 16px;
    color: #666;
    padding-bottom: 15px;
}
.newerlist li dl a.aizi {
    display: block;
    font-size: 24px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newerlist li dl p {
    line-height: 30px;
    padding-top: 19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.newerlist li dl a.rm {
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin: 42px 0px 0px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #767575;
    padding-left: 29px;
    background: url(../images/rm.png) 0px 0px no-repeat;
}
.newerlist li.qian a.hasdiv {
    float: right;
}

@media screen and (max-width:1444px){
	div.listmiddle{  top:32%; }
}
@media screen and (max-width:1200px){	
div.middle{ width:97%;}
.menu_er {
	width: 97%;
}
}
@media screen and (max-width:1024px){	
}
@media screen and (max-width:1000px){	
.pc{ display:none;}
.wap{ display:block;}
}
@media screen and (max-width:900px){	
	div.listmiddle{  top:22%; }
	.newerlist li dl span.spantimes{  padding-bottom:10px;}
.newerlist li dl a.aizi{  font-size:18px;  }
.newerlist li dl p{line-height:24px; padding-top:12px;}
.newerlist li dl a.rm{margin:20px 0px 0px 0px; }
}
@media screen and (max-width:800px){	
div.comtitle span.c{  padding-bottom:5px;  }
}
@media screen and (max-width:767px){	
div.twhp a.hasimg{ width:90%; margin-left:5%; border:0px solid #FFF; margin-bottom:5%;}
div.twhp:hover a.hasimg{border:0px solid #255993;}
div.twhp div.twhpnr{ padding-left:0px; margin-left:5%; width:90%; }
.dlroute p.parr{ font-size:16px;}

div.listmiddle p span.arrch{ font-size:18px; }
div.listmiddle p span.arren{ font-size:18px; }

.ernavs{ margin-top:0px; line-height:39px; height:auto; }

.newerlist li a.hasdiv{ margin-left:5%; width:90%;}
.newerlist li dl{ width:90%; margin-right:5%; }

.newerlist li.qian a.hasdiv{ margin-right:5%; width:90%;}
.newerlist li.qian dl{ width:90%; margin-left:5%; }



}
@media screen and (max-width:640px){	
div.list_thumb ul li{ width:45%; margin-left:3.3%; margin-bottom:3.3%; margin-right:0px;}
div.xuanzhuan li{ width:45%; margin-left:3.3%;}
.ernavs a{ font-size:14px;}
}
@media screen and (max-width:480px){
	
}
@media screen and (max-width:320px){	
}