/*way*/	
.waycolor{width:100%;margin-top:110px;float:left;padding:0; }
.wayinside{width:100%; float:left;padding:0; margin-top: 155px;}
.siteway{width:77%; margin:0 auto; color: #000;padding-top: 10px; }
.siteway h1{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
.siteway h2{float:left; line-height:1.5em;margin:0;font-size:14px; font-weight:400;}
 .siteway h3{float:left; margin:0;line-height:1.5em;font-size:14px;} 
 .siteway h4{float:left; padding:0; margin:0;line-height:1.5em;font-size:14px;} 
 .siteway a{color: #000;transition:500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;text-decoration: none;}
 .siteway a:hover {color: #a86828;}
 .siteway i{font-size:11px; margin:0 5px 0 0; padding-bottom: 2px; vertical-align: middle;}
 .siteway span{margin:0 8px 0 8px; font-weight:bold; font-size: 10px; margin-top: -5px; vertical-align:top}
@media only screen and (max-width: 1600px) {
.waycolor{ width: 100%;margin-top:100px;}
.siteway{width:85%;}	
}
@media only screen and (max-width: 1200px) {
.waycolor{ width: 100%;margin-top:80px;}
.siteway{width:88%;}	
}
@media only screen and (max-width: 980px) {
.waycolor{ width: 100%;margin-top:80px;}
.siteway{width:90%;}	
}

.news{width: 100%; float: left;margin:0 0 40px}
.news .wrap{width:1100px;margin: 0 auto;}
.news .messageList {width: 100%; float: left;transition: 0.6s 0.4s;border-top: 1px solid #cacaca;margin-bottom: 50px}
.news .messageList ul li .item {width: 100%; display: flex;align-items: center;padding:15px 0;letter-spacing: 0.5px;}
.news .messageList ul li .item .date {color: #626262;font-size: 16px;padding-right: 15px;min-width: 120px;}
.news .messageList ul li .item .newIcon {min-width: 100px;text-align: center;background: #5a8987;color: #fff;padding: 0 12px; line-height: 28px;margin-right: 15px;transition: 0.6s; font-size: 15px;}
.news .messageList ul li .item h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news .messageList ul li:hover .date {color: #a86828;}
.news .messageList ul li:hover .newIcon {background: #a86828;}
.news .messageList ul li:hover h3 a {color: #a86828;}
.news .messageList ul li .item:after{content: "";display: block;line-height: 0;clear: both;}
.news-title {width: 100%;float: left; text-align: center; margin-bottom:50px;}
.news-title h2{font-size:28px; margin-bottom: 12px;font-weight: 500;}
.news-title h3{font-size:18px; color: #777;}
.news-line{width:100%;float: left; height: 1px;background-color:#cacaca;margin:0}

.newsdt{width: 100%; float: left;margin:70px 0}
.newsdt .wrap{width:1100px;margin: 0 auto;border-bottom: 1px solid #ccc}
.newsdt-title{width:100%; float:left;margin:0 0 35px 0; font-size:28px; letter-spacing: 0.05em; font-weight:500;line-height: 1.4em;text-align:justify;}
.newsdt-img {width: 100%;float: left; margin:0 0 35px;}
.newsdt-img {opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.newsdt-img.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}


.newsdt-img img {max-width: 100%; max-height: auto;  -moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s;-webkit-transition: -webkit-transform 1s;transition: transform 1s;}
.tx-info{float:left;width:100%;margin-bottom:40px; line-height:1.8em; font-size:17px;text-align:justify; }
.tx-info {opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.tx-info.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.tx-info br{  content: "";margin:2em;display: block;font-size:55%;}
.source{width: 100%;float: left;margin-bottom:40px;font-weight: 500;font-size:15px}
.daterow{width:100%;float: left;margin-bottom:40px;color: #717070;}
.newsdt-date {width: 65%; float: left;  font-size:15px;}
 .newsdt-date  span{margin-left:20px;}
.social{width:35%; float: left; margin: 0; text-align: right}
.social span{font-size:12px; font-weight:700; margin:0 8px 0 0;}
.social a{display: inline-block;width: 30px;height: 30px;margin:0 10px 0 0;font-size:16px; text-align:center;padding:0;line-height:30px;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s; border-radius:99em;color:#fff; background-color: #a86828}
.social a:hover{background-color:#a69494; }
.toppic{width:100%;float: left;margin:0; text-align:center}
.toppic img{max-width:100%; height: auto;}
.newsdt-wrap{width:100%;float: left;}
.newsdt-row{width:1280px;margin: 0 auto;}
.content-tx{width:100%; float:left;margin:0 0 30px;text-align:justify;line-height:2em;}
.video-wrap{width:100%;float: left; margin:0 0 15px;position: relative}
.video-wrap {opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.video-wrap.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-container iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media only screen and (max-width: 1600px) {
.newsdt{margin:60px 0}
.news{margin:0 0 30px}
}
@media only screen and (max-width: 1200px) {
.newsdt{margin:50px 0}
.newsdt .wrap{width:88%;}
.news{margin:0 0 25px}
.news .wrap{width:88%}
.news .messageList{margin-bottom: 40px}
.news-title {margin-bottom:40px;}	
}
@media only screen and (max-width: 980px) {
.newsdt{margin:40px 0 50px}
.newsdt .wrap{width:90%;}
.newsdt-title{margin:0 0 20px 0;}
.source{margin-bottom:30px}
.newsdt-img {margin:0 0 25px;}
.news{margin:0 0 20px}
.news-title {margin-bottom:20px;}
.news-title h2{font-size:28px;}
.news-title h3{font-size:20px;}
.news .messageList {margin-bottom:35px}
}
@media only screen and (max-width: 767px) {
.newsdt{margin:30px 0 50px}	
.newsdt-title{margin:0 0 15px 0; font-size:24px}
.newsdt-date {width: 100%;margin-bottom: 15px}
.social{width:100%; text-align:left}
}
@media only screen and (max-width: 550px) {
.newsdt{margin:25px 0 30px}	
.newsdt-title{margin:0 0 15px 0; font-size:24px;letter-spacing:0; }
.daterow{margin-bottom:20px}
.newsdt-img {margin:0 0 15px;}
.tx-info{margin-bottom:25px;}
.source{margin-bottom:20px}
.news{margin-bottom:15px}
.news-title {margin-bottom:15px;}
.news-title h2{font-size:24px;margin-bottom:4px;}
.news-title h3{font-size:16px;}
.news .messageList {margin-bottom:25px}
.news .messageList ul li .item{display:block;padding:15px 0;}
.news .messageList ul li .item .date {width:25%;float: left;}
.news .messageList ul li .item .newIcon {width:25%;float: left;}
.news .messageList ul li .item h3{width: 100%;float: left; overflow: auto; text-overflow: inherit; white-space: normal;margin-top: 10px;line-height: 1.7em}
}