@charset "utf-8";
.lf {float:left;}
.rt {float:right;}
.clear:after { content: ""; display: block; clear:both;}

/*banner*/
.ny_banner { width: 100%;}
.ny_banner img { width: 100%; height: 100%; display: block;}

.ny_box{background: url(../images/ny_bg.jpg) no-repeat bottom center #f0f7f7;background-size: 100%; position: relative;padding: 50px 0;}
/*left*/
.ny_box .ny_left { width:220px; background-color: #fff; text-align: center;}
.ny_box .ny_left h2 { background:url("../images/ny_tit.png") no-repeat center; height: 80px; color:#fff; font-size: 20px; line-height: 80px; text-align: center;font-weight: bold;}

/*.ny_box .ny_left2 ul li { ine-height:46px; height:46px; position: relative; background-color:#fff; border-bottom: 1px solid #e5e5e5; font-size: 16px; }*/
/*.ny_box .ny_left2 ul li a { color: #707070; z-index: 1; position: relative; display: block;}*/
/*.ny_box .ny_left2 ul li i { display: block; width: 0; height: 46px; transition: all .3s; background-color: #0a8283; position: absolute; left: 0; top:0; }*/
/*.ny_box .ny_left2 ul li:hover i {width: 100%; }*/
/*.ny_box .ny_left2 ul li:hover a { color: #fff; }*/
/*.ny_box .ny_left2 ul li.on i { width: 100%;}*/
/*.ny_box .ny_left2 ul li.on a { color: #fff; }*/

.ny_box .ny_left h3 { line-height:60px; height:60px; position: relative; background-color:#fff; border-bottom: 1px solid #e5e5e5; font-size: 16px; }
.ny_box .ny_left ul{ display:none; border-bottom: 1px solid #e5e5e5; }
.ny_box .ny_left ul li { line-height:46px; height:46px; position: relative;}
.ny_box .ny_left ul li i { display: block; width: 0; height: 46px; transition: all .3s; background-color: #0a8283; position: absolute; left: 0; top:0;}
.ny_box .ny_left ul li:hover i {width: 100%;}
.ny_box .ny_left ul li a { color: #707070; z-index: 1; position: relative; display: block; font-size: 14px;}
.ny_box .ny_left ul li:hover a { color: #fff;}
.ny_box .ny_left ul li.on i { width: 100%;}
.ny_box .ny_left ul li.on a { color: #fff; }


@media screen and (max-width:768px ) {
 .ny_box { padding: 30px 0; }
 .wp {width: 95%;}
 .ny_box .ny_left {float: none; width: 100%; padding: 10px;}
 .ny_box .ny_left h2 {background: none; color: #0a8283; text-align: left; line-height: 1; height: auto; margin-bottom: 20px;}
 .ny_box .ny_left h3 { color: #0a8283; text-align: left; }
 .ny_box .ny_left ul { overflow: hidden;  margin-top: 10px; }
 .ny_box .ny_left ul li { text-align: center; border: 1px solid #e5e5e5; float: left; width: 31%; margin-right: 3%; line-height: 46px; height: 46px; margin-bottom: 3%;}
 .ny_box .ny_left ul li:nth-child(3n) { margin-right: 0;}
 .ny_box .ny_left ul li a { display: inline-block; }
 .ny_box .ny_left ul li i { display: none; }
 .ny_box .ny_left ul li.on a { color: #707070; }
}
@media screen and (max-width: 1024px) and (min-width:769px){
 .ny_box .ny_left { width:20%;}
}

/*right*/
.ny_box .ny_right { width:960px; background-color: #fff; padding: 40px; box-sizing: border-box}
.ny_box .ny_right .head2 { border-bottom:1px solid #dadada; padding: 5px 0 20px;}
.ny_box .ny_right .head2 h4 { float:left; padding-left: 20px; background:url("../images/icon1.png") no-repeat left center; height: 25px; line-height: 25px; }
.ny_box .ny_right .head2 h4 a { font-size:18px; font-weight: bold; }
.ny_box .ny_right .current { float:right; line-height: 25px; font-size: 14px;}
.ny_box .ny_right .current span,.ny_box .ny_right .current a { color:#999;}
.ny_box .ny_right .current a:hover { text-decoration: underline; color: #0a8283;}
@media screen and (max-width:768px ) {
 .ny_box .ny_right {float: none; width: 100%; padding: 2%;}
 .ny_box .ny_right .head2 { display: none; }
}
@media screen and (max-width: 1024px) and (min-width:769px){
 .ny_box .ny_right { width:78%; padding: 20px;}
}

/*ny_content*/
.ny_content { margin-top: 30px; }
.ny_content h3 { text-align: center; font-size: 20px;}
.ny_content .lab { text-align: center; margin: 15px 0; font-size: 14px;}
.ny_content .lab span { display: inline-block; _display:inline; *display:inline; zoom:1; vertical-align: middle; color: #8f8f8f; margin: 0 10px;}
.ny_content p { line-height: 2; text-indent: 2em; font-size: 14px; color: #4c4c4c;}
.ny_content img { max-width: 100%; display: block; margin: 10px 0;}
.ny_content .bottom { border-top: 1px solid #dadada; margin-top: 30px; padding-top: 30px; }
.ny_content .bottom h4 { font-size: 14px; font-weight: bold; color: #333; line-height: 2;}
.ny_content .bottom h4 a { font-weight: normal; color: #8f8f8f; }
.ny_content .bottom h4 a:hover { text-decoration: underline; color: #0a8283; }
@media screen and (max-width:768px ) {
 .ny_content { margin-top: 10px; }
 .ny_content .bottom { margin-top: 15px; padding-top: 15px; margin-bottom: 10px; }
 .ny_content .bottom h4 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}
@media screen and (max-width: 1024px) and (min-width:769px){
 .ny_content .bottom { margin-top: 15px; padding-top: 15px; }
}

/*ny_list1*/
.ny_list1 ul li { border-bottom: 1px dotted #e4e4e4; padding: 20px 0; background: url("../images/icon2.png") no-repeat left center;}
.ny_list1 ul li:hover { border-bottom: 1px dotted #0a8283; }
.ny_list1 ul li a { width: 86%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding-left: 14px; font-size: 14px;}
.ny_list1 ul li:hover a { color: #0a8283; }
.ny_list1 ul li span { color: #999; font-size: 14px;}
@media screen and (max-width:768px ) {
 .ny_list1 ul li { padding: 8px 0; background: none; }
 .ny_list1 ul li a { width: 100%; padding: 0; }
 .ny_list1 ul li span { float: left; }
}

/*ny_list2*/
.ny_list2 ul li { border-bottom: 1px dotted #e4e4e4; padding: 30px 0; }
.ny_list2 ul li .photo { width: 230px; height: 150px; overflow: hidden;}
.ny_list2 ul li .photo img { width: 100%; height: 100%; transition: all .3s}
.ny_list2 ul li .content { width: 630px; margin-top: 15px; }
.ny_list2 ul li .content h3 { width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #333; }
.ny_list2 ul li .content .txt { margin: 10px 0; line-height: 28px; height: 56px; overflow: hidden; color: #8f8f8f; font-size: 14px;}
.ny_list2 ul li .content .infor span { margin-right: 20px; font-size: 14px;}
.ny_list2 ul li:hover { border-bottom-color: #0a8283;  }
.ny_list2 ul li:hover .photo img { transform: scale(1.1); }
.ny_list2 ul li:hover .content h3 a { color: #0a8283; }
@media screen and (max-width:768px ) {
 .ny_list2 ul li { padding: 0 0 20px 0; margin-bottom: 20px;}
 .ny_list2 ul li .photo { float: none; width: 100%; height: auto; }
 .ny_list2 ul li .content { width: 100%; }
 .ny_list2 ul li .content .infor .view, .ny_list2 ul li .content .infor .author { display: none; }
}
@media screen and (max-width: 1024px) and (min-width:769px){
 .ny_list2 ul li .content { width: 440px; }
}


/*ny_pic*/
.ny_pic { margin-top: 30px; overflow: hidden; }
.ny_pic ul li { float: left; margin: 0 27px 20px 0; text-align: center; width:275px; }
.ny_pic ul li:nth-child(3n) { margin: 0 0 20px 0;}
.ny_pic ul li .box { width:100%; overflow: hidden; position: relative; padding-top: 75%; }
.ny_pic ul li .box img { width:100%; height: 100%; display: block; transition: all .3s; position: absolute; top:0; left: 0;}
.ny_pic ul li .txt { text-align: center; margin-top: 10px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ny_pic ul li .txt a { font-size: 16px; }
.ny_pic ul li:hover .box img {transform: scale(1.1);}
@media screen and (max-width:768px ) {
 .ny_pic { margin-top: 0; }
 .ny_pic ul li { margin: 0 2% 10px 0; width:49%;}
 .ny_pic ul li:nth-child(2n) { margin: 0 0 10px 0;}
 .ny_pic ul li:nth-child(3n) { margin: 0 2% 10px 0;}
 .ny_pic ul li .box { width:100%; }
}
@media screen and (max-width: 1024px) and (min-width:769px){
 .ny_pic ul li { margin: 0 2% 10px 0; width:32%;}
}





/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, .calendar-con .acaTb thead{background-repeat: repeat;}
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
 .calendar-con .acaTb thead{background-repeat: repeat;}
}








