.xgt-news-list-main{width:1200px; margin: 0 auto; margin-top:25px;}

.blk-xs{width:240px;}

.xgt-news-sm{width:100%;}

.blk{margin-bottom:30px;}

.p12-pagination-1-main 

{

    margin: 0 auto; 

    padding: 30px 0;

    height: 30px;

    text-align: center;

}



.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover{

    vertical-align: top;

    display: inline-block;

    padding: 0 8px;

    height: 26px;

    line-height: 26px;

    border: 1px solid #e5e5e5; 

    text-align: center;

    margin: 0 2px;

    background: #fff;

}



.p12-pagination-1 b

{

    vertical-align: top;

    display: inline-block;

    padding: 0 8px;

    height: 26px;

    line-height: 26px;

    border: none;

    text-align: center;

    margin: 0 2px;

    background: #fff;

}





.p12-pagination-1 span {    border: 1px solid #fff; }



.p12-pagination-1 .page_curr {

    background:#0178CC;

    color:#fff;

    border-color:#0178CC;

}

.p12-pagination-1 .laypage_first,

.p12-pagination-1 .laypage_last { display: none;  }



.news-list-area-list{ padding:0px; margin:0px;}



.news-list-area-list p{ font-size: 1.1vw;  line-height:2.8vw; }



.news-list-area-list dl 

{

border: 1px solid #dedede;

margin-bottom: 15px;

padding: 12px 18px 12px 18px;

background: #fff;

overflow: hidden;

}        

.news-list-area-list dl:hover 

{ border-color: #0178CC;        }        

.news-list-area-list dt 

{

width: 33%;

float: left;

margin-right:1vw;

}        

.news-list-area-list dt img

{

width: 328px;

height:246px;

}

        

.news-list-area-list dd 

{

width: 65%;

float: left;

}

.news-list-area-list dd h4 

{

height:2.5vw;

font-weight: normal;

font-size:1.3vw;

color: #154c64;

line-height:2.5vw;

margin-bottom:1vw;

margin-top:1vw;

}

.news-list-area-list h4 a 

{

 display: block;

 color: #333333;

 overflow: hidden;

 text-overflow: ellipsis;

 white-space: nowrap;

}        

.news-list-area-list dl:hover h4 a

 {color: #0178CC;     }  

       

.news-list-area-list-desc 

{

font-size: 1.1vw;

line-height:2.6vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw;

padding-top:1vw;

}       

.news-list-area-list-desc  p

{margin-bottom: 10px;    }  



.news-list-area  p{font-size: 1.2vw; color: #797979; line-height:2vw; font-weight:normal;}



.news-list-area-list-deta 

{

 float: right;

 width: 134px;

 height: 40px;

 display: inline-block;

 border: 1px solid #aaa;

 font-size: 16px;

line-height: 40px;

text-align: center;

background: #0178CC;

border-color: #0178CC;

}  



.news-list-area-list-deta  a

{

color: #fff;

font-size:1.2vw; 

}     

.news-list-area-list dl:hover .news-list-area-list-deta 

{

 background: #0178CC;

 border-color: #0178CC;

}        

 .news-list-area-list dl:hover .news-list-area-list-deta a

{ color: #fff;      } 





@media screen and (min-width:1800px) and (max-width:2000px)

{



.p12-pagination-1-main 

{

    margin: 0 auto; 

    padding: 30px 0;

    height: 30px;

    text-align: center;

}



.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover{

    vertical-align: top;

    display: inline-block;

    padding: 0 8px;

    height: 26px;

    line-height: 26px;

    border: 1px solid #e5e5e5; 

    text-align: center;

    margin: 0 2px;

    background: #fff;

}



.p12-pagination-1 b

{

    vertical-align: top;

    display: inline-block;

    padding: 0 8px;

    height: 26px;

    line-height: 26px;

    border: none;

    text-align: center;

    margin: 0 2px;

    background: #fff;

}



.news-list-area-list p{ font-size: 1.1vw;  line-height:2.8vw; }



.news-list-area-list dl 

{

border: 1px solid #dedede;

margin-bottom: 15px;

padding: 12px 18px 12px 18px;

background: #fff;

overflow: hidden;

}        

  

.news-list-area-list dd h4 

{

height:2.5vw;

font-weight: normal;

font-size:1.3vw;

color: #154c64;

line-height:2.5vw;

margin-bottom:1vw;

margin-top:1vw;

}

.news-list-area-list h4 a 

{

 display: block;

 color: #333333;

 overflow: hidden;

 text-overflow: ellipsis;

 white-space: nowrap;

}        

.news-list-area-list dl:hover h4 a

 {color: #0178CC;     }  

       

.news-list-area-list-desc 

{

font-size: 1vw;

line-height:2.6vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw;

padding-top:1vw;

}       

.news-list-area-list-desc  p

{margin-bottom: 10px;    }  



.news-list-area  p{font-size: 1vw; color: #797979; line-height:2vw; font-weight:normal;}



.news-list-area-list-deta 

{

 float: right;

 width: 134px;

 height: 40px;

 display: inline-block;

 border: 1px solid #aaa;

font-size: 1vw;

line-height: 40px;

text-align: center;

background: #0178CC;

border-color: #0178CC;

}  

.news-list-area-list-deta  a
{
color: #fff;
font-size:1.1vw; 
}     

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:1.1vw;  
} 



}



@media screen and (max-width:1100px)

{

.xgt-news-list-main{width:100%; margin: 0 auto; margin-top:25px;}

.xgt-news-sm{width:100%;}

.blk{margin-bottom:30px;}

.p12-pagination-1-main 

{

    margin: 0 auto; 

    padding: 20px 0;

    height: 30px;

    text-align: center;

}





.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover{

    vertical-align: top;

    display: inline-block;

    padding: 0 8px;

    height: 26px;

    line-height: 26px;

    border: 1px solid #e5e5e5; 

    text-align: center;

    margin: 0 2px;

    background: #fff;

	font-size:1.8vw;

}



.p12-pagination-1 b{

    vertical-align: top;

    display: inline-block;

    padding: 0 8px;

    height: 26px;

    line-height: 26px;

    border: none;

    text-align: center;

    margin: 0 2px;

    background: #fff;

	font-size:1.8vw;

}





.p12-pagination-1 span { border: 1px solid #fff; }



.p12-pagination-1 .page_curr

{

    background:#0178CC;

    color:#fff;

    border-color:#0178CC;

}

.p12-pagination-1 .laypage_first,

.p12-pagination-1 .laypage_last { display: none;  }



.news-list-area-list{ padding:0px; margin:0px;}

.news-list-area-list p{ font-size: 1.1vw;  line-height:2.8vw; }

.news-list-area-list dl 

{

border: 1px solid #dedede;

margin-bottom: 15px;

padding: 12px 18px 12px 18px;

background: #fff;

overflow: hidden;

width:95%;

}        

.news-list-area-list dl:hover 

{ border-color: #0178CC;        }        

.news-list-area-list dt 

{

width: 32%;

float: left;

margin-right:1vw;

}        

.news-list-area-list dt img

{

width: 300px;

height:225px;

}

        

.news-list-area-list dd 

{

width: 63%;

float: left;

}

.news-list-area-list dd h4 

{

height:2.5vw;

font-weight: normal;

font-size:1.8vw;

color: #154c64;

line-height:2.5vw;

margin-bottom:1vw;

margin-top:1vw;

}

.news-list-area-list h4 a 

{

 display: block;

 color: #333;

 overflow: hidden;

 text-overflow: ellipsis;

 white-space: nowrap;

}  

     

.news-list-area-list dl:hover h4 a

 {color: #0178CC;     }  

       

.news-list-area-list-desc 

{

font-size: 1.5vw;

line-height:3vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw;

}  



.news-list-area-list-deta a

{

font-size: 1.5vw;

}  

     

.news-list-area-list-desc  p

{margin-bottom: 10px;    }  



.news-list-area  p{font-size: 1.5vw; line-height:3vw; }



.news-list-area-list-deta 

{

float: right;

width: 134px;

height: 40px;

display: inline-block;

border: 1px solid #aaa;

font-size: 16px;

line-height: 40px;

text-align: center;

}      

.news-list-area-list dl:hover .news-list-area-list-deta 

{

 background: #0178CC;

 border-color: #0178CC;

}        

 .news-list-area-list dl:hover .news-list-area-list-deta a

{ color: #fff;

  font-size:1.5vw;     } 



}



@media screen and (max-width:1000px)

{   

.news-list-area-list dt 

{

width: 32.333333%;

float: left;

margin-right:1vw;

}        

.news-list-area-list dt img

{

width: 260px;

height:195px;

}

        

.news-list-area-list dd 

{

width: 63%;

float: left;

}

.news-list-area-list dd h4 

{

height:3vw;

font-size:2vw;

color: #154c64;

line-height:3vw;

}       

.news-list-area-list-desc 

{

font-size: 1.7vw;

line-height:3.8vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw;

}  

.news-list-area-list-deta a
{
font-size: 1.8vw;
}       

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:1.8vw;  
} 


.news-list-area-list-desc  p

{margin-bottom: 10px;  }  

.news-list-area  p{font-size: 1.8vw; line-height:3vw; }



.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:2vw;}





.p12-pagination-1 b,

.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:2vw;}


}



@media screen and (max-width:900px)

{   

.news-list-area-list dt 

{

width: 33%;

float: left;

margin-right:2vw;

}        

.news-list-area-list dt img

{

width: 280px;

height:205px;

}

        

.news-list-area-list dd 

{

width: 63%;

float: left;

}

.news-list-area-list dd h4 

{

height:2.8vw;

font-size:2.2vw;

color: #154c64;

line-height:4vw;

}       

.news-list-area-list-desc 

{

font-size:1.9vw;

line-height:4vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw;

}  

.news-list-area-list-deta a
{
font-size:1.9vw;
} 

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:1.9vw;  
} 
      

.news-list-area-list-desc  p

{margin-bottom: 10px;  }  

.news-list-area  p{font-size: 1.9vw; line-height:6.6vw; }



.p12-pagination-1 b,

.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:2.2vw;}



}



@media screen and (max-width:800px)

{ 

news-list-area-list

{ width:100%;  }

  

.news-list-area-list dl 

{

width:44%;

float:left;

margin:0px auto;

margin-right:1vw;

margin-bottom:1vw;

height:520px;

} 

  

.news-list-area-list dt 

{

width:100%;

float:left;

}        

.news-list-area-list dt img

{margin:0 auto; width:100%;height:240px; text-align:center; float:left;}

        

.news-list-area-list dd 

{

width: 100%;

float: left;

}

.news-list-area-list dd h4 

{

height:2.6vw;

font-size:2.6vw;

color: #154c64;

line-height:4vw;

}       

.news-list-area-list-desc 

{

font-size:2vw;

line-height:4vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;
}  

.news-list-area-list-deta a
{
font-size:2vw;
}  

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:2vw;  
} 
     

.news-list-area-list-desc  p

{margin-bottom: 10px;  }  

.news-list-area  p{font-size: 2vw; line-height:6vw; height:6vw; }



.p12-pagination-1 b,

.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:2.6vw;}

}



@media screen and (max-width:768px)

{ 

news-list-area-list

{ width:100%;  }

  

.news-list-area-list dl 

{

width:93%;

float:left;

margin:0px auto;

margin-right:1vw;

margin-left:1vw;

margin-bottom:1vw;

height:auto;

} 

  

.news-list-area-list dt 

{

width:100%;

float:left;

}        

.news-list-area-list dt img

{margin:0 auto; width:100%;height: auto; text-align:center; float:left;}

        

.news-list-area-list dd 

{

width: 100%;

float: left;

}

.news-list-area-list dd h4 

{

height:3vw;

font-size:2.8vw;

color: #154c64;

line-height:4vw;

margin-top:4vw;

}       

.news-list-area-list-desc 

{

font-size: 2.4vw;

line-height:6vw;

color: #797979;

margin-bottom:2vw;

overflow: hidden;

text-indent:5vw; 

}  

 

.news-list-area-list-deta a
{
font-size:2.8vw;
}    


.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:2.8vw;  
} 
   

.news-list-area-list-desc  p

{margin-bottom: 10px;  }  

.news-list-area  p{font-size: 2.4vw; line-height:8vw; }


}



@media screen and (max-width:425px)

{ 

news-list-area-list

{ width:100%;  }

  

.news-list-area-list dl 

{

width:89%;

float:left;

margin:0px auto;

margin-right:1vw;

margin-left:1vw;

margin-bottom:2vw;

} 

  

.news-list-area-list dt 

{

width:100%;

float:left;

}        

.news-list-area-list dt img

{margin:0 auto; width:100%;height: auto; text-align:center; float:left;}

        

.news-list-area-list dd 

{

width: 100%;

float: left;

}

.news-list-area-list dd h4 

{

height:5vw;

font-size:5vw;

color: #154c64;

line-height:5vw;

margin-top:4vw;

}       

.news-list-area-list-desc 

{

font-size: 3.8vw;

line-height:8vw;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw; 

}  



.news-list-area-list-deta a
{
font-size:4vw;
} 

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:4vw;  
} 
 

.news-list-area  p
{

font-size: 4vw;  

line-height:12vw; 

margin-bottom:6vw;

text-indent:0px;

}



.p12-pagination-1 b,

.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:3.5vw;}



}



@media screen and (max-width:375px)

{ 

news-list-area-list

{ width:100%;  }

  

.news-list-area-list dl 

{

width:87%;

float:left;

margin:0px auto;

margin-right:1vw;

margin-left:1vw;

margin-bottom:2vw;

} 

  

.news-list-area-list dt 

{

width:100%;

float:left;

}        

.news-list-area-list dt img

{margin:0 auto; width:100%;height: auto; text-align:center; float:left;}

        

.news-list-area-list dd 

{

width: 100%;

float: left;

}

.news-list-area-list dd h4 

{

height:8vw;

font-size:5.2vw;

color: #154c64;

line-height:8vw;

margin-top:4vw;

}       

.news-list-area-list-desc 

{

font-size: 4.2vw;

line-height:8vw;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw; 

}  



.news-list-area-list-deta a
{
font-size:4.4vw;
}  

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:4.4vw;  
} 


.news-list-area  p
{
font-size: 4.4vw;  

line-height:10vw;

margin-top:6vw;

margin-bottom:6vw;
}



.p12-pagination-1 b,

.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:4vw;}

}



@media screen and (max-width:320px)

{ 

news-list-area-list

{ width:100%;  }

  

.news-list-area-list dl 

{

width:86%;

float:left;

margin:0px auto;

margin-right:1vw;

margin-left:1vw;

margin-bottom:2vw;

} 

  

.news-list-area-list dt 

{

width:100%;

float:left;

}        

.news-list-area-list dt img

{margin:0 auto; width:100%;height: auto; text-align:center; float:left;}

        

.news-list-area-list dd 

{

width: 100%;

float: left;

}

.news-list-area-list dd h4 

{

height:8vw;

font-size:5.2vw;

color: #154c64;

line-height:8vw;

margin-top:4vw;

}       

.news-list-area-list-desc 

{

font-size: 4.8vw;

line-height:9vw;

margin-bottom:2vw;

overflow: hidden;

text-indent:0vw; 
}  

.news-list-area-list-deta a
{
font-size:5vw;
}  

.news-list-area-list dl:hover .news-list-area-list-deta a
{ 
font-size:5vw;  
} 

.news-list-area  p
{

font-size: 4.8vw;  

line-height:12vw;

margin-top:4vw;

margin-bottom:5vw;
}

.p12-pagination-1 b,

.p12-pagination-1 a,

.p12-pagination-1 span ,.p12-pagination-1 a:hover

{font-size:4.5vw;}



}