/* 
    Created on : 2019-5-28, 9:03:06
    Author     : ChunLai
    Note       : PC端页面样式--详情页内容
*/
.banner_txt_1 u{color: #ff6a00;}

.main_container{
   width: 1100px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   padding-top: 30px;
}
.contents_left{width: 240px;}
.contents_right{width: 800px;padding-bottom: 50px;}


/*客户案例--内容*/
.cases_lists{display: flex;justify-content: space-around;flex-wrap: wrap;padding-top: 30px;}
.cases_lists li{width: 230px;margin-bottom: 20px}

.cases_lists li div{
   width: 100%;
   padding: 6px;
   margin: 3px auto;
   position: relative;
}
.cases_lists li div a{
   display: block;
}
.cases_lists li div p,
.cases_lists li div:hover p{
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}

.pro5-border1 {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   border-top: 2px solid transparent;
}
.pro5-border2 {
   position: absolute;
   left: 0;
   top: 0;
   height: 0;
   border-left: 2px solid transparent;
}
.pro5-border3 {
   position: absolute;
   right: 0;
   top: 0;
   height: 0;
   border-right: 2px solid transparent;
}
.pro5-border4 {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   border-bottom: 2px solid transparent;
}
.cases_lists li div:hover p.pro5-border1,
.cases_lists li div:hover p.pro5-border4 {
   width: 100%;
}
.cases_lists li div:hover p.pro5-border2,
.cases_lists li div:hover p.pro5-border3 {
   height: 100%;
}
.pg-border-color, .cases_lists li div:hover {
   border-color: #ff6a00;
}
.case_txt{font-size: 16px;line-height: 1.5;color: #666;}



.news_list{display: flex;flex-direction: column;padding-top: 30px;}
.news_list li{margin-bottom: 10px;padding: 10px 20px;border-bottom: 1px solid #999;display: flex;}
.news_list li .news_pic{
   width: 200px;
   padding: 6px;
   margin-right: 30px;
   position: relative;
}
.news_list li .news_pic a{
   display: block;
}
.news_list li .news_pic p,
.news_list li .news_pic:hover p{
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}

.news_list li .news_pic:hover p.pro5-border1,
.news_list li .news_pic:hover p.pro5-border4 {
   width: 100%;
}
.news_list li .news_pic:hover p.pro5-border2,
.news_list li .news_pic:hover p.pro5-border3 {
   height: 100%;
}
.pg-border-color, .news_list li .news_pic:hover {
   border-color: #ff6a00;
}
.news_txt{width: 420px;padding: 20px 0;}
.news_txt .news_tit_1 {font-size: 14px;line-height: 1.5;color: #666;}
.news_tit{width: 100%;font-size: 18px;font-weight: bold;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}


/*分页*/
.pagination-wrapper{margin-top: 20px;}
.pagination{display: flex;justify-content: center;}
.pagination li{padding: 4px 10px;line-height: 1;border: 1px solid #999;margin-right: 10px;}
.pagination .thisclass{color: #ff6a00;border: 1px solid #ff6a00;font-weight: bold;}
.pagination li a:hover{color: #0084c7;}