@charset "utf-8";
/* CSS Document */
i, em { font-style: normal; }

.fl { float: left; }
.fr { float: right; }



.news_list .serve_ul_top { padding-top: 20px; }
.news_list .news_list_ul .serve_li_bor { border-top: 1px solid rgba(0,0,0,0); }
.news_list_box .serve_txt { width: 772px; }
.news_list_ul .news_list_box a{ color:#333;}
.news_list_ul .news_list_box:hover h3 a { color: #2882e8; }
.news_list_ul .news_list_box:hover a i { color: #333; }
.news_list_ul .news_list_box:hover p a { color: #777; }
.news_list{ max-width:96%; margin:0 auto; overflow:hidden;}


/*servicepost*/

.news_date { color: #939393; padding-top: 2px; }
.news_date span { font-size: 28px;}
.news_date i { font-size: 14px;}
.news_anlge_right { border-radius: 30px; width: 40px; height: 40px; border: 1px solid #fff; text-align: center; padding-top: 10px; margin-top: 10px; transition: all 0.3s ease-out 0s; }
.news_content:hover .news_anlge_right { border: 1px solid rgba(255,255,255,.3); }
.news_anlge_r_mar { margin-top:44px; }
.news_anlge_right i { font-size: 21px; color: #A3A3A3; }
.news_content_bot { width: auto; height: 62px; background: rgba(245,245,245,.9); padding: 9px 38px 9px 38px; position: relative; transition: all 0.3s ease-out 0s; }
.news_Tri_r { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #f6f6f6; position: absolute; top: 38%; right: -10px; transition: all 0.3s ease-out 0s; }
.news_box_l { border-right: 1px solid rgba(0,0,0,.05); float: left; width: 599px; position: relative; height: 720px; }
.news_box_r { float: left; width: 598px; position: relative; height: 720px; }
.news_Tri_l { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f6f6f6; position: absolute; top: 42%; left: -10px; transition: all 0.3s ease-out 0s; }


.news_list_date { width: 90px; height: 74px; margin-left: 28px; padding-top: 28px; }
.news_list_date span { font-size: 28px; color: #3d3d3d;}
.news_list_date i { font-size: 13px; color: #8c8c8c;}
.news_list_txt { width: 530px; height: 102px; padding-left: 30px; }
.news_list_txt h3 { font-size: 16px; line-height:25px; overflow: hidden;}
.news_list_txt h3 a { color: #525252; }
.news_list_txt p { font-size: 13px; line-height: 24px; margin-top: 6px; height: 44px; overflow: hidden; }
.news_list_txt p a { color: #B0B0B0; }
.news_list_box { width: 1168px; margin: 0 auto; background:#fff; margin-bottom:10px;}
.news_list .news_list_box { height:170px; padding:20px; border-bottom: 1px solid #ddd; }
.news_list_box:hover .news_anlge_right { background:#e40f7b url(../images/jt.png) center no-repeat; color: #fff; border: 1px solid #e40f7b; }



.news_list .news_list_box:hover { background-color: #f6f6f6; transition: all 0.6s ease 0s; }

.news_list .news_list_box:hover .news_anlge_r_mar { transition: all 0.6s ease 0s; margin-right:120px; }
@media screen and (max-width: 1280px) {
.news_list .news_list_box:hover .news_anlge_r_mar { transition: all 0.6s ease 0s; margin-right: 120px; }
}
.news_list .news_list_box:hover .news_list_txt h3{ margin-left: 20px; }
.news_list .news_list_box:hover .news_list_txt p{ margin-left: 20px; }

.news_list_txt h3{ font-size: 18px; transition: all 0.6s ease 0s; }

.news_list_txt p{ transition: all 0.6s ease 0s; width: 480px;}

.news_list_date::after{ content: ""; display: block; width: 20px; height: 2px; background-color: rgba(73, 173, 163, 0); position: relative; right: 62px; bottom: 41px;transition: all 0.6s ease 0s; }
.news_list .news_list_box:hover .news_list_date::after{ content: ""; display: block; width: 42px; height: 2px; background-color: #e40f7b; position: relative; right: 62px; bottom: 41px;}
.news_list .news_list_box:hover .news_list_date span{ margin-left: 20px; }
.news_list_date span{transition: all 0.6s ease 0s;}
.news_list_date i{transition: all 0.6s ease 0s;}
.news_list .news_list_box:hover .news_list_date i{ margin-left: 20px; }
.news_list_date{ width: 104px; margin-left: 42px;}



.inner2{ width: 1200px; margin: 0px auto;}
.padding-page{ padding:5px 0px 40px;}
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.ntime{ background: url(../images/new_i1.png) no-repeat scroll left center; padding:2px 0px 2px 22px; margin-right: 12px;}
.nease{ background: url(../images/new_i2.png) no-repeat scroll left center; padding:2px 0px 2px 28px;}


.ledMore{ display: block; width: 100%; height: 36px; line-height: 36px; background-color: #799dcd; text-align: center;}
.ledMore span{ color: #fff; background: url(../images/list_ico.png) no-repeat scroll left center; padding-left: 26px;}
.ledMore:hover{ background-color: #215bab;}
.infoPage{ padding:38px 0px 0px; background-color:#fff; margin: 0px auto; position: relative; overflow: hidden;}
.infoPage .lbot{ width: 0%; height: 8px; background-color: #dbd1be; position: absolute; left: 0px; top: 0px;}
.infoPage .lbot i{ width: 0%; height: 8px; background-color: #c5ac7e; display: block;}
.infoPage.action .lbot{ width: 100%;}
.infoPage.action .lbot i{ width: 160px;}
.infoPage a:link,.infoPage a:visited { color: #999999;}
.infoPage a:active,.infoPage a:hover { color: #666;}
.infoT{ border-bottom: 1px solid #eee; padding-bottom:12px; margin:0px 32px 30px; position: relative;}
.infoT .t{ font-size:22px; color: #333; line-height: 1.2; margin-bottom: 14px;}
.infoT .time{ color: #999999;  font-family: "acaslonpro","times new roman",tahoma,georgia; font-size: 18px; padding-right: 180px;}
.infoT .nsharp{ float: right; display: block;}
.nsharp a{ padding-left: 20px; height: 20px; margin-left: 6px; display: inline-block; background: url(../images/sharp3.png); float: left;}
.nsharp a.i1{ background-position: 0px 0px;}
.nsharp a.i2{ background-position: -50px 0px;}
.nsharp a.i3{ background-position: -95px 0px;}
.nsharp a.i1:hover{ background-position: 0px -20px;}
.nsharp a.i2:hover{ background-position: -50px -20px;}
.nsharp a.i3:hover{ background-position: -95px -20px;}
.pageCon{ overflow: hidden; line-height: 2; color: #666; font-size: 14px; text-align: justify;}
.pageCon a:link, .pageCon a:visited { color: #4f7cb7; }
.pageCon a:active, .pageCon a:hover { color: #C62923; }
.pageCon img { max-width: 100%; }
.infoPage .pageCon{ margin: 0px 32px; padding-bottom: 50px;}
.infoPaging a { height: 48px; color: #fff; font: 14px/48px "microsoft yahei"; width: 33.33%; float: left; display: block; text-align: center; background-color:#ccc; overflow: hidden;transition: 1s;}
.infoPaging a.list { margin: 0px 0.1%; width: 33.03%;}
.infoPaging a.list span{ background:url(../images/list.png) no-repeat scroll left center; padding-left: 38px; display: inline-block; color: #fff;}
.infoPaging a:hover { color: #fff; background-color: #999;transition: 1s;}
.infoPaging a.pprev span{ background: url(../images/pagign_l.png) no-repeat scroll left center; padding-left: 32px;}
.infoPaging a.pnext span{ background: url(../images/pagign_r.png) no-repeat scroll right center; padding-right: 32px;}