@charset "gb2312";

* {box-sizing: border-box;}

/* 主体 */
.in-body {width: 100%;background-color: #fff;display: inline-block;}

/* 左侧导航 */
.in-left {width: 275px;float: left;border:1px solid #DEDEDE;padding-bottom: 30px;margin-top: 30px;}
.in-left div {width: 100%;height: 100px;position: relative;padding: 35px 40px;background-image: linear-gradient(45deg, #152d7c,#0d67bb );}
.in-left div span {position: relative;z-index: 3;font-size: 1.5rem;color: #FFFFFF;font-weight: 600;}
.in-left div::before {;position: absolute;right: -1.5px;bottom: -3px;z-index: 2;}
.in-left ul {display: inline-block;width: 100%;margin-top: 16px;}
.in-left ul li {width: 100%;height: 40px;line-height: 40px;background-image: url(../images/in-left-li-1.png);background-repeat: no-repeat;background-position: 22px center;position: relative;}
.in-left ul li::before {content: url(../images/in-left-li-2.png);position: absolute;right: 20px;top: 50%;transform: translate(0, -50%);}
.in-left ul .on {background-image: url(../images/in-left-li-11.png);}
.in-left ul li a {margin-left: 40px;font-size: 1rem;color: #333333;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.in-left ul .on a {color: #0d67bb;font-weight: 600;}
.in-left ul li:hover a {margin-left: 50px;color: #0d67bb;font-weight: 600;}

/* right */
.in-right {width: 965px;float: right;padding-top: 10px;padding-bottom: 80px;margin-top: 20px;}
/* 位置指示条 */
.in-right>p {width: 100%;font-size: 0.875rem;color: #999999;height: 52px;line-height: 52px;border-bottom: 1px solid #DEDEDE;}
.in-right>p a {margin-left: 10px;display: inline-block;padding-right: 16px;background-image: url("../images/zs-a-bg.png");background-repeat: no-repeat;background-position: right center;color: #999999;}
.in-right>p a:last-child {background: none;}
.in-right>p a:hover {color: #0177CA;}

.in-right dd{width:100%;float:left;color:#152d7c;line-height:56px;font-weight:600;background-color:rgba(1, 119, 202, 0.06);padding-left:20px;margin:10px 0 8px 0;}
.in-right dd a{font-size:0.875rem;float:right;color:#0177CA;font-weight:normal;padding-right:20px;}


/* 新闻资讯-新闻列表 */
.in-new-list {display: inline-block;width: 100%;background-color: #FFFFFF;}
.in-new-list li {width: 100%;height: 165px;position: relative;border-bottom: 1px dashed #DEDEDE;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.in-new-list li .bt {display: inline-block;width: 720px;/* padding-left: 28px; */margin-top: 30px;font-size: 1.125rem;color: #333333;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.in-new-list li .det {display: inline-block;width: 720px;height: 56px;/* padding-left: 28px; */font-size: 0.875rem;color: #999999;line-height: 2;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */-webkit-line-clamp: 2;}
.in-new-list li .tim {display: inline-block;width: 670px;/* padding-left: 28px; */font-size: 0.875rem;color: #999999;margin-top: 10px;}
.in-new-list li .img {display: inline-block;width: 180px;height: 125px;position: absolute;right: 0;top: 20px;overflow: hidden;}
.in-new-list li .img img {width: 100%;height: 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.in-new-list li:hover {background-color: rgb(13, 103, 187,0.08);}
.in-new-list li:hover .bt {text-decoration: underline;}
.in-new-list li:hover .bt {color: #0177CA;}
.in-new-list li:hover .img img {transform: scale(1.1, 1.1);}
.in-new-list .on .bt,.in-new-list .on .det,.in-new-list .on .tim {width: 100%;}


/* 分页 */
.in-page {width: 100%;text-align: center;margin-top: 30px;}
.in-page span {display: inline-block;
font-size: 0.875rem;color: #666666;padding: 10px 20px;border: 1px solid #EEEEEE;}
.in-page .strong {border: none;background-color: #0d67bb;color: #FFFFFF;}
.in-page a {display: inline-block;font-size: 0.875rem;color: #666666;padding: 10px 20px;border: 1px solid #EEEEEE;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.in-page a:hover {background-color: #0d67bb;border-color: #B5CAE0;color: #FFFFFF;}


/* 新闻详情 */
.in-new-detail {width: 100%;float: left;}
.in-new-detail .detail-one {margin-top: 0;}
.in-new-detail .bt {width: 100%;height: 136px;border-bottom: 1px solid #EEEEEE;padding-top: 40px;}
.in-new-detail .bt>span {font-size: 1.5rem;color: #333333;}
.in-new-detail .bt p {font-size: 0.875rem;color: #999999;line-height: 3.5;}
.in-new-detail .bt p span {margin: 0 10px;}


/* 图片新闻列表 */
.img-list {display: inline-block;width: 100%;padding-top: 20px;}
.img-list li {width:32%;height: 230px;overflow:hidden;float: left;margin-bottom: 1.5rem;margin-left: 2%;background-color: #f8f8f8;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.img-list li:nth-child(3n+1) {margin-left: 0;}
.img-list li .img {width: 100%;height: 180px;overflow: hidden;float: left;}
.img-list li .img img {width: 100%;height: 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.img-list li .bt {display: inline-block;width: 100%;height: 50px;float: left;padding: 0 10px;line-height: 50px;color: #333333;font-size: 0.9375rem;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.img-list li:hover .bt  {color: #fff;background-color: #0d67bb;}
.img-list li:hover img {transform: scale(1.1,1.1);}


/* 网页样式详情 */
.detail-one {width: 100%;margin-top: 30px;}
.detail-one .bt {text-align: center;}
.detail-one .bt>span {font-size: 1.5rem;color: #0d67bb;}
.detail-one .det {margin-top: 1rem;}
.detail-one .det p {text-indent: 2rem;font-size: 1rem;color: #333333;line-height: 2;margin: 1rem 0;}
.detail-one .det p img {margin-left: -2rem;display: block;margin: 0 auto;}

/*****留言板 *****/
.lyb{padding-bottom:40px;padding-top:30px;}
.lyb .ly_l{width:48%;float:left;}
.lyb .ly_r{width:48%;float:right;}
.lyb p input{border: 1px solid #e5e5e5;height:45px;margin-bottom:20px;padding-left: 10px;width:100%;color: #393939;font-size: 16px;float: left;background: rgba(255, 255, 255, 0.6);}
.lyb .ly_xq textarea{height:180px;border: 1px solid #e5e5e5;width: 100%;color: #393939;font-size: 16px;padding-left: 10px;padding-top: 10px;background: rgba(255, 255, 255, 0.6);}
.lyb .ly_tj{text-align:center;margin-top:30px;}
.lyb .ly_tj button{height:45px;background: #0d67bb;color:#fff;width:30%;border:none;font-size:16px;}