﻿.news-banner{ width: 100%; height: auto; padding: 180px 0 120px 0; color: #FFFFFF;}

.news-position{ font-size: 1.2rem; height: 36px; line-height: 29px; border-bottom:1px solid #FFFFFF; padding-bottom: 7px; }
.news-position a{ color: #FFFFFF;}
.news-position a.fa-home1{display: inline-block; width: 38px; height: 29px; background: #000000 url(../images/newsicon1.png) no-repeat center; border-radius:4px; }
.news-position span{ padding:0 10px;}


.news-search{ margin-top: 80px !important;}
.news-search-box{ width: 55%; height: 44px; line-height: 42px; border:1px solid #FFFFFF; border-radius:30px; margin: 0 auto; padding: 0 25px;}
.news-search-box input{ width: calc(100% - 18px); font-size: 1.1rem; line-height: 42px; color: #FFFFFF; border: none; background: none;}
.news-search-box button{ background: none; border: none; width: 18px; height: 42px; background: url(../images/searchicon.png) no-repeat center; }

.news-title{ padding: 60px 0; border-bottom: 2px solid #f1f1f1; text-align: center;}
.news-title h1{ color: #000000; font-size: 3.4rem; line-height: 82px;}
.news-title p{ color: #000000; font-size: 1.3rem; line-height: 30px; margin-top: 5px; max-width: 450px;}


.news-list{ padding-bottom: 80px;}

.news-list-item{ padding: 60px 40px;  border-bottom: 2px solid #f1f1f1;  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; background: #FFFFFF;}
.news-list-item-pic{ width: 580px; height: auto; overflow: hidden; border-radius:12px;}
.news-list-item-pic:hover img{transform: scale(1.06);}
.news-list-item-pic img{ width: 100%; height: auto; border-radius:12px;}


.news-list-item-info{ width: calc(100% - 580px); padding-left: 80px;}
.news-list-item-info a.bloglinks1{  display: block; font-size: 2rem; font-family: myFirstFont1; color: #111111; height: 44px; line-height: 44px; overflow: hidden; margin-bottom:10px;}
.news-list-item-info p{ font-size: 1rem; line-height: 20px; height: 80px; overflow: hidden; color: #999999;}
.news-list-item-info-links{ width: 100%; border-top:1px solid #000; margin-top: 45px; padding-top: 25px;}
.news-list-item-info-links em{ display: block; color: #999999; line-height: 30px; margin-bottom: 10px; font-size: 1rem;}
.news-list-item-info-links a{ display: inline-block; color: #FFFFFF; background: #000000; height: 34px; line-height: 34px; padding: 0 15px; border-radius:30px;}
.news-list-item-info-links a i{ margin-left: 5px; display:inline-block; width:10px; height:10px;  background: url(../images/blogjt.png) no-repeat center; }
.news-list-item-info-links a:hover{ background: #000000; color: #FFFFFF; }


.news-list-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
}
.news-list-item:hover .news-list-item-info-links a i{ background: url(../images/blogjts.png) no-repeat center; }


#newsshow{ background: #f5f5f5;}


.news-show-position{ margin-top: 180px !important; font-size: 1.2rem; height: 36px; line-height: 29px; border-bottom:1px solid #000000; padding-bottom: 7px;}
.news-show-position a{ color: #000000;}
.news-show-position span{ padding:0 10px; color: #afafaf;}
.news-show-position a.fa-home1{display: inline-block; width: 38px; height: 29px; line-height: 29px; text-align: center; color: #FFFFFF; background: #000000 url(../images/newsicon.jpg) no-repeat center; border-radius:4px;}
.news-show-position a:last-child{ color: #afafaf;}
.news-show-position span:nth-child(4){ color: #afafaf;}

.news-show{ padding: 60px 0;}
.news-show-remark{ padding:10px 30px; width: 100%; border-left:1px solid #d9d9d9;}
.news-show-remark h1{ color: #000000; line-height: 60px; margin-bottom: 15px; font-size: 3.2rem;}
.news-show-remark p{ font-size: 1.2rem; line-height: 25px; max-width: 800px; color: #666666; margin: 0;}
.news-show-remark em{ display: block; color: #999999; font-size: 1.2rem; line-height: 42px; margin-top:30px;}

.news-show-info{ width: 80%; font-size: 1rem; line-height: 28px; margin:50px auto;}
.news-show-info h2{ font-size: 1.2rem; color: #000000;}
.news-show-info h3{ font-size: 1.2rem; color: #000000;}
.news-show-info img{ max-width: 100%;}

.news-show-info-img{ width:100%; height:auto; margin-top:50px;}
.news-show-info-img img{ width:100%; height:auto;}

@media (max-width: 1200px) {


.news-banner{ padding: 100px 0 50px 0; }

.news-position{ font-size: 1rem; }

.news-search{ margin-top: 30px !important;}
.news-search-box{ width: 100%; padding: 0 15px;}
.news-search-box input{ width: 90%; }

.news-title{ padding: 30px 0;}
.news-title h1{ font-size:1.6rem; line-height: 42px;}
.news-title p{ font-size: 1rem; line-height: 26px; margin-top: 5px; max-width: 100%;}


.news-list{ padding-bottom:30px;}

.news-list-item{ padding:20px; }
.news-list-item-pic{ width: 100%; }



.news-list-item-info{ width: 100%; padding: 0; padding-top: 20px;}
.news-list-item-info a.bloglinks1{  font-size: 1.4rem; height: auto; line-height: 32px;}
.news-list-item-info p{ font-size: 0.9rem; line-height: 20px; height: auto; }
.news-list-item-info-links{  margin-top: 20px; padding-top: 15px;}



.news-show-position{ margin-top: 81px !important; font-size: 1rem;}


.news-show{ padding:30px 0;}
.news-show-remark{ padding: 20px; width: 100%;}
.news-show-remark h1{ line-height: 32px; margin-bottom: 10px; font-size: 1.6rem;}
.news-show-remark p{ font-size: 1rem;max-width: 100%; }


.news-show-info{ font-size: 0.9rem; line-height: 26px;}
.news-show-info h2{ font-size: 1.1rem; color: #000000;}
.news-show-info h3{ font-size: 1.1rem; color: #000000;}
.news-show-info img{ max-width: 100%; margin-top:20px;}



}


