@charset "utf-8";
/* CSS Document */
.urHere { font-size:14px; padding:20px 0px 0px; }
.urHere b { margin:0px 10px; color:#008CD7; }
.pager { clear:both; }
.footer, .pager { margin-top: 0px; }
.banner { height: 175px; }
.container { min-height: 500px; }
.pcate { height: 26px; padding: 25px 0 0 0px; clear: both; }
.pcate .pname { float: left; width: 130px; font-size: 18px; font-weight: bold; }
.pcate .plist { width: 1050px; float: left; font-size: 16px; }
.pcate .plist a { margin-right: 30px; }
.pcate .plist a:hover, .pcate .plist a.cur { color: #004ea2; }
.pcate .ppath { float: right; max-width: 400px; font-size: 16px; }
/**/
.artinfo { height: 100px; padding-top: 50px; }
.artinfo .aname { font-size: 24px; text-align: center; color: #004ea2; }
.artinfo .adesc { font-size: 14px; text-align: center; text-transform: uppercase; padding:15px 0px; }
/**/
.pcontent { margin: 10px 0px; }
/**/
.imglst { clear: both; margin-top: 30px; }
.imglst li {width: 48%; margin-top: 25px; margin-right: 20px; background:#F2F2F2; }
.imglst li p { padding:0px 15px 5px; }
.imglst li p a { font-size:16px; }
.imglst li:nth-child(odd) { float: left; }
.imglst li:nth-child(even) { float: right; }
.imglst li img { width: 100%; max-height: 900px; }
/* article_category */
#articleList dl { border-bottom: 1px dotted #D1D1D1; padding: 20px 0; zoom: 1; overflow: hidden; }
#articleList dl.last { border-bottom: 0; }
#articleList .img { margin-right: 20px; width:120px; height:90px; float:left; overflow:hidden; }
#articleList .img img { width:120px; min-height:90px; }
#articleList dt { background: url(../images/icon_red.gif) no-repeat left 50%; padding-left: 25px; height:20px; line-height:20px; margin-bottom:10px; }
#articleList dt ,#articleList dt a { font-size:16px; }
#articleList dt ,#articleList dt a:hover{color: #0072C6; }
#articleList dd { color: #999999; padding-left: 2px; line-height: 20px; zoom: 1; overflow: hidden; }
#articleList dd p { float: left; }
#articleList dd p.desc { width: 90%; font-size:12px; }
#articleList .numDate { float: right; text-align: right; padding-top: 12px; }
#articleList .numDate em {
	width: 46px;
    display: inline-block;
    background: #797979 url(../images/eye.png) left no-repeat;
    color: #FFF;
    padding: 0px 1px;
    font-size: 13px;}

#articleList .numDate p { font-size: 16px; color: #999999; margin-top: 5px; }
/**/
.aleft { width:850px; }
.aright { width:318px; }
/*  article_image*/
#articleImage dl { width:260px; height:275px; float:left; margin:20px; }
#articleImage dt { height:60px; line-height:60px; }
#articleImage dt em { display:inline-block; width:20px; height:20px; margin:20px 0px; float:left; border-radius:50%; background:#004EA2; }
#articleImage dt span { display:inline-block; width:235px; height:60px; float:left; overflow:hidden; font-size:20px; text-indent:5px; }
#articleImage dt a { display:inline-block; float:right; line-height:18px; height:18px; width:58px; font-size:9px; border:1px solid #efefef; margin:20px 0px; text-align:center; color:#c5b3a6; }
#articleImage dd { width:265px; height:195px; padding:10px; background:#e3e0e1; }
#articleImage dd:hover { background:#939597; }
#articleImage .img { width:100%; height:100%; overflow:hidden; }
#articleImage .img img { width:100%; min-height:195px; }
/* video_category
----------------------------------------------- */
#videoList { padding-top: 20px; zoom: 1; overflow: hidden; }
#videoList dl { float: left; width: 279px; margin: 0 27px 27px 0; }
#videoList dl.last { margin-right: 0; }
#videoList dt { background-color: #DDD; padding: 3px 10px; text-align: center; }
#videoList dt  a i { display: block; text-align: center; font-size: 60px; margin-top: -2.2em; margin-bottom: 0.8em; opacity: 0.7; }
.fa-play-circle-o:before{content:"\f01d"}
#videoList dd { width:279px; height:155px; overflow:hidden; }
#videoList .picon { width:100%; height:100%; position:relative; top:-165px; background:url(../images/play_icon.png) center no-repeat; transition:background 0.2s; }
#videoList .picon:hover { background:url(../images/play_icou.png) center no-repeat; transition:background 0.2s; }
/* video
----------------------------------------------- */
#video { padding: 20px 0; }
#video h1 { color: #333333; font-size: 18px; font-weight: bold; text-align: center; }
#video h2 { border-bottom: 1px solid #DDD; color: #19B4EA; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
#video .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; text-align: center; }
#video .content { color: #666666; line-height: 180%; }
#video .video { text-align: center; }
/* case_category */
#caseList { padding-top: 20px; zoom: 1; overflow: hidden; }
#caseList dl { float: left; width: 175px; margin: 0 26px 26px 0; }
#caseList dl.last { margin-right: 0; }
#caseList dt { background-color: #DDD; padding: 3px 10px; text-align: center; }
#jcaseList { padding-top: 20px; zoom: 1; overflow: hidden; }
#jcaseList .widget { width:370px; height:200px; margin:0px 15px 20px; float:left; }
#jcaseList .widget dd { width:100%; height:100%; background-size:100% 100%; background-position:center; transition:all 0.5s; }
#jcaseList .widget:hover dd {background-size:110% 110%; transition:all 0.5s; }
#jcaseList .widget dt { width:100%; height:145px; padding:55px 0px 0px; position:relative; top:-200px; background:rgba(0,0,0,0.5); }
#jcaseList .widget .wname { text-align:center; color:#e4eaec; }
#jcaseList .widget .cut { display:block; width:20px; height:2px; background:#e4eaec; margin:20px auto; }
#jcaseList .widget .link { display:block; width:58px; height:33px; line-height:33px; text-align:center; border:1px solid #e4eaec; border-radius:3px; margin:0px auto; color:#e4eaec; transition: background 0.5s; }
#jcaseList .widget .link:hover { background:#e4eaec; color:#76838F; transition: background 0.5s;}
/* case */
#case { padding: 20px 0; }
#case h1 { color: #333333; font-size: 18px; font-weight: bold; text-align: center; }
#case h2 { border-bottom: 1px solid #DDD; color: #19B4EA; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
#case .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; text-align: center; }
#case .info img { max-width:90%; }
#case .desc { margin-bottom: 20px; font-size: 13px; line-height: 180%; }
#case .desc b { font-weight: bold; }
#case .content { color: #666666; line-height: 180%; }

.slideTxtBox{ width:1200px; }
.slideTxtBox .hd{ width:1200px; height:75px; padding-top:15px; background:url(../images/timeline.png) center no-repeat; position:relative; }
.slideTxtBox .hd ul{ float:left; }
.slideTxtBox .hd ul li{ width:61px; height:61px; line-height:63px; text-align:center; float:left; cursor:pointer; border-radius:50%; background:#666; border:1px solid #666; margin:0px 20px; }
.slideTxtBox .hd ul li,.slideTxtBox .hd ul li a { color:#fff; }
.slideTxtBox .hd ul li.on{ border:1px solid #ddd; background:#0050A2; }
.slideTxtBox .bd ul{ padding:100px 7%;  zoom:1;  }
.slideTxtBox .bd li{ height:40px; line-height:24px; font-size: 16px;}
.slideTxtBox .bd li .date{ color:#999; margin-right:20px; }
.slideTxtBox .arrow{ }
.slideTxtBox .arrow a{ display:block;  width:60px; height:60px; float:right; margin-top:10px;  overflow:hidden; cursor:pointer; }
.slideTxtBox .arrow .next{ float:left; }

/**/
#mask_shadow { display: none; opacity: 0; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.mask_popup { display: none; opacity: 0; position: fixed; z-index: 2; top: 35%; width: 855px; height: 155px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.mask_popup .title { position: relative; width: 100%; height: 55px; background-color: #5bc0de; cursor: move; }
.mask_popup .title p { padding-left: 14px; line-height: 55px; color: #fff; }
.mask_popup .title span { position: absolute; top: 12px; right: 20px; width: 30px; height: 30px; line-height: 26px; color: #000; opacity: .2; font-size: 21px; cursor: pointer; text-align: center; border: 1px solid #333; }
.mask_popup .title span:hover { opacity: .8; }
.mask_popup .cont { width: 100%; min-height: 20px; line-height: 26px; background-color: #EDEDED; }