@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.2;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Open Sans', 'Microsoft YaHei', Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }

input, textarea, select, option { background: none; outline: 0; font-family: 'Open Sans','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }
input { outline: none; font-family:'Open Sans', 'Microsoft YaHei', Arial, sans-serif;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #0171bb; color: #fff; text-shadow: none; }
::selection { background: #0171bb; color: #fff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer;  }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clear {clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1320px; position: relative; margin: 0 auto;}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-67{padding-bottom: 67%;}
.rect-100{padding-bottom: 100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* header */
.header{ width: 100%; position: fixed; z-index: 9999;top: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; background-color: #fff;}
.header .logo{ float: left; margin: 25px 0; height: 50px;}
.header .logo img{height: 50px;}
.header .NavRight{ float: right;}
.header .NavRight .nav{ float: left;}
.header .NavRight .nav li{ display: inline-block; line-height: 100px;}
.header .NavRight .nav li a{ padding: 0 15px; display: block; color: #000; font-size: 16px;  text-transform: uppercase; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.header .NavRight .nav li .active{ color: #0171bb;}
.header .NavRight .nav li:hover a{ color: #0171bb;}
.header .NavRight .iph{ margin-left: 20px; float: right;font-size: 24px; font-weight: bold;color: #0171bb; line-height: 100px;}
.header .NavRight .iph img{ margin-right: 5px;}
.header.scroll{ background: #fff;}
.header.scroll .NavRight .nav li a{ color: #333;}
.header.scroll .NavRight .nav li:hover a{ color: #0171bb;}


/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center;  overflow:hidden;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;background: #fff; border-radius:6px; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd .on {background:#0171bb;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-32px;left:8%;z-index:1;width:40px;height:64px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:-40px 0;}



.InProduct{ position: relative; padding: 60px 0; width: 100%;}
.InProduct .top{ position: relative; line-height:36px;}
.InProduct .top p{ font-size: 30px; color: #0171bb; float: left;}
.InProduct .top a{ font-size: 14px; color: #333; float: right;}
.InProduct .top a:hover{color: #0171bb; }
.InProduct .proList{ margin-top: 30px; position: relative;}
.InProduct .proList li{ width: 23.8%; float: left; margin-right: 20px; position: relative;}
.InProduct .proList li a{ display: block; border: 3px #eee solid;}
.InProduct .proList li .T{ width: 91%; padding: 0 5%; line-height: 55px; background-color: #eee;}
.InProduct .proList li .T p{ width: 70%; float: left; font-size: 17px; color: #333; font-weight: bold;}
.InProduct .proList li .T i{ width: 26px; height: 26px; background: url(../img/pro_jt.png) center no-repeat; float: right; margin: 14.5px 0;}
.InProduct .proList li:hover a{ border: 3px #0171bb solid;}
.InProduct .proList li:hover .T{background-color: #0171bb;}
.InProduct .proList li:hover .T p{ color: #fff;}
.InProduct .proList li:hover .T i{ background: url(../img/pro_jth.png) center no-repeat;}

.Intro{ position: relative; padding:0 0 60px; width: 100%;}
.Intro .InNews{ position: relative; width: 79%; float: left;}
.Intro .InNews .top{ position: relative; line-height:36px;}
.Intro .InNews .top p{ font-size: 30px; color: #0171bb; float: left;}
.Intro .InNews .top a{ font-size: 14px; color: #333; float: right;}
.Intro .InNews .top a:hover{ color:#0171bb;}
.Intro .InNews .newsList{ margin-top: 30px;}
.Intro .InNews .newsList .news01{ float: left; width: 40%; position: relative;}
.Intro .InNews .newsList .news01 .T{width: 90%; padding: 0 5%; font-size: 18px; line-height: 60px; height:60px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; background-color: #f7f7f7;}
.Intro .InNews .newsList .news01:hover .T{ color: #0171bb;}
.Intro .InNews .newsList .news02{ width: 58%; float: right;}
.Intro .InNews .newsList .news02 .newsTop{ width: 100%; display:inline-block; float: left;}
.Intro .InNews .newsList .news02 .newsTop .tix{ font-size: 18px; color: #2e2e2e; font-weight: bold; margin-bottom:  10px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Intro .InNews .newsList .news02 .newsTop:hover .tix{ color: #0171bb;font-weight: bold; }
.Intro .InNews .newsList .news02 .newsTop .tic{font-size: 14px; color: #999; line-height: 28px; height: 56px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.Intro .InNews .newsList .news02 .newsTop span{ font-size: 14px; color: #aaa;}
.Intro .InNews .newsList .news02 .listL li{ width: 100%; display:  inline-block; float: left; margin-top: 20px; position: relative; }
.Intro .InNews .newsList .news02 .listL li .deta{height: 0;width: 85px;border-top: 98px solid #f7f7f7;border-right: 15px solid transparent; float: left; position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.Intro .InNews .newsList .news02 .listL li .deta .day{ font-size: 30px; color: #333;  position: absolute;width: 100%;text-align: center;z-index: 1;top: -85px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.Intro .InNews .newsList .news02 .listL li .deta .month{ font-size: 16px; color: #333;  position: absolute;width: 100%;text-align: center;z-index: 1;top: -40px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.Intro .InNews .newsList .news02 .listL li .newsTopc{ float: left; position: absolute; padding-left: 125px;}
.Intro .InNews .newsList .news02 .listL li .newsTopc .tix{ font-size: 18px; color: #333; font-weight: bold;  margin-bottom:  10px; line-height: 30px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Intro .InNews .newsList .news02 .listL li .newsTopc .tic{ font-size: 14px; color: #999; line-height: 28px; height:56px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.Intro .InNews .newsList .news02 .listL li:hover .deta{border-top: 98px solid #0171bb;}
.Intro .InNews .newsList .news02 .listL li:hover .deta .day,.Intro .InNews .newsList .news02 .listL li:hover .deta .month{color: #fff; }
.Intro .InNews .newsList .news02 .listL li:hover .newsTopc .tix{ color: #0171bb; font-weight: bold; }
.Intro .InDing{ width: 19%; float: right;}
.Intro .InDing .top{ font-size: 30px; color: #0171bb; }
.Intro .InDing .dingList{ margin-top: 30px;}
.Intro .InDing .dingList .item{ width: 100%; position: relative; margin-bottom: 15px; box-shadow: 0 0 15px rgba(0,0,0, 0.1);}
.Intro .InDing .dingList .item a{ display: block; font-size: 20px; color: #333; font-weight: bold; border: 3px #f9f9f9 solid;background-color: #f9f9f9; padding:0 30px; line-height: 98px;}
.Intro .InDing .dingList .item:last-child{ margin-bottom: 0;}
.Intro .InDing .dingList .item img{ float: left; margin-top: 29px; margin-right: 20px;}
.Intro .InDing .dingList .item a:hover{ border: 3px #0171bb solid;}

.InAbo{ width: 100%; position: relative; background: url(../img/abobg.jpg) center no-repeat;}
.InAbo .abobox{ width: 41%; float: left; padding: 60px 0;}
.InAbo .abobox .tit{ font-size: 30px; color: #fff; margin-bottom: 20px;}
.InAbo .abobox .tic{ font-size: 15px; line-height: 28px; color: #fff;}
.InAbo .abobox .number{ position: relative; margin-top: 40px;}
.InAbo .abobox .number .item{ width: 50%; float: left;position: relative; text-align: center; }
.InAbo .abobox .number .item::before{ content: ''; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background: #ddd;}
.InAbo .abobox .number .item:last-child::before{ display: none;}
.InAbo .abobox .number .item .T .math{ font-size: 28px; color: #fff; line-height: 1.2; margin-right: 5px;}
.InAbo .abobox .number .item .T span{ font-size: 15px; color: #fff;}
.InAbo .abobox .number .item .c{ font-size: 15px; color: #fff;}


.footer{ width: 100%; position: relative;}
.footer .footTop{ position: relative; padding: 30px 0; background-color: #f5f5f5;}
.footer .footTop .footl{ width: 48%; float: left; margin: 20px 0;}
.footer .footTop .footl .footNav{ width: 100%; position: relative;}
.footer .footTop .footl .footNav a{ position: relative; padding:0 15px;font-size: 16px; color: #000;}
.footer .footTop .footl .footNav a::before{ position: absolute; content: ''; right: 0; top: 50%; margin-top: -8px; width: 1px; height: 16px; background-color: #999;}
.footer .footTop .footl .footNav a:first-child{ padding-left: 0;}
.footer .footTop .footl .footNav a:last-child::before{ display: none;}
.footer .footTop .footl .font_lx{ position: relative; margin-top: 20px;}
.footer .footTop .footl .font_lx p{ font-size: 15px; color: #333; line-height: 28px;}
.footer .footTop .footl .font_lx p span{ font-size: 20px; color: #0171bb; font-weight: bold;}
.footer .footTop .footewm{ float: right;}
.footer .footTop .footewm dd{ float: left; margin-left: 12px;}
.footer .footTop .footewm p{ font-size: 15px; color: #333; line-height: 30px; text-align: center;} 
.footer .copy{ width: 100%; position: relative;  background-color: #0171bb; font-size: 15px; color: #fff; line-height: 60px;}
.footer .copy a{ color: #fff;}
.footer .copy a:hover{ color: #ccc;}


.PageMain{ position: relative;}
.Page_banner{width: 100%;  height: auto; overflow: hidden; z-index: 2;position: relative;}
.Page_banner img{ width: 100%; display: block;}

.PageNav{ width: 100%; position: relative; border-bottom: 1px #eee solid;}
.PageNav .NavList{ width: 68%; float: left; }
.PageNav .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 70px;line-height: 70px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:hover a{ color: #0171bb; font-weight: bold; }
.PageNav .NavList li.select a{ color: #0171bb; font-weight: bold; }
.PageNav .NavList li a:after{content: '';position: absolute;width: 15px;height: 1px;display: block;background: #ccc;top: 50%;right: 0; display:none;}
.PageNav .NavList li a::before{content: '';position: absolute;width: 15px;height: 1px;display: block;background: #ccc;top: 50%;left: 0;}
.PageNav .Crumbs{ width: 32%;text-align: right; position: relative; float: right;}
.PageNav .Crumbs .crumbs{ line-height: 65px; height: 65px;font-size: 14px; }
.PageNav .Crumbs .crumbs .fangzi{display: inline-block; width: 12px; height: 15px;  background: url(../img/crumbs.png); margin-right: 5px; margin-bottom: -1px;}
.PageNav .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}

.PageContent{ width: 100%; position: relative; padding: 60px 0;}
.PageContent .page_con{ font-size: 16px; line-height: 30px; color: #333;}
.PageContent .page_con img{ max-width: 100%;}
.PageContent .contentUs{position: relative;}
#allmap{ width: 100%; height: 380px; position: relative;}
.PageContent .tactlist{ width: 38%; height: 380px; position: absolute; right: 0; top:0; z-index: 2; background: url(../img/kf.png) 95% 95% no-repeat rgba(1,113,187,0.9); color: #fff;}
.PageContent .tactlist .cover{ padding:60px 40px;}
.PageContent .tactlist .t{ font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 40px;}
.PageContent .tactlist p{ color: #fff; font-size: 16px; line-height: 40px;}
.PageContent .tactlist p a{color: #fff; }

.Dings{ position: relative;}
.Dings li{ width: 30.666%; margin-right: 4%; float: left;background-color: #f1f1f1;}
.Dings li a{display: block; display: flex; align-content: center; flex-direction: column; justify-content: center; align-items: center; height: 180px; border: 3px #f9f9f9 solid;}
.Dings li p{ font-size: 24px; color: #333; font-weight: bold; margin-top: 15px;}
.Dings li:nth-child(3n){margin-right: 0;}
.Dings li:hover a{border: 3px #0171bb solid;}

.PageHonor{width: 100%; position: relative; padding: 60px 0;}
.PageHonor .HonorList{ position: relative;}
.PageHonor .HonorList li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageHonor .HonorList li .box{ border:2px #eee solid;transition: 0.3s all ease;}
.PageHonor .HonorList li:nth-child(4n){ margin-right: 0;}
.PageHonor .HonorList li .img{position: relative; overflow: inherit;  }
.PageHonor .HonorList li:hover .box{border: 2px #0171bb solid;}
.PageHonor .HonorList li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageHonor .HonorList li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHonor .HonorList li p{ line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; background: #eee;}
.PageHonor .HonorList li:hover p{background: #0171bb; color: #fff;}


.PagePro{width: 100%; position: relative; padding: 60px 0;}
.PagePro .ProList{ position: relative;}
.PagePro .ProList li{ width: 24.25%; margin-right: 1%; float: left; margin-bottom: 1%;}
.PagePro .ProList li:nth-child(4n){ margin-right: 0;}
.PagePro .ProList li .img{position: relative; overflow: inherit; border: 2px #EBF4F6 solid;transition: 0.3s all ease; }
.PagePro .ProList li:hover .img{border: 2px #0171bb solid;}
.PagePro .ProList li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PagePro .ProList li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PagePro .ProList li p{ background:#EBF4F6; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;}
.PagePro .ProList li:hover p{ background: #0171bb; color: #fff;}
.downlist{ margin:0 auto; position: relative;  padding:0;}
.picFocus{ float:left;  width:38%;  position:relative;  overflow:hidden;  zoom:1; border: 2px #EBF4F6 solid;}
.floatl{ float: left;width: 38%;}
.floatr{ width: 58%; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #EBF4F6 solid; }
.floatr .titmd{margin:20px 0;font-size: 16px;color: #555;line-height:28px;height:196px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#0171bb;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#0171bb; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ margin-top:20px; font-weight: bold; color: #0171bb;}
.floatr .div-bz a{ padding:10px 40px; margin-right:10px; background-color:#f1f1f1; font-size:17px; font-weight:bold; color:#333; border-radius:5px; float:left; position:relative}
.floatr .div-bz a:hover{ background-color:#0171bb; color:#fff;}
.floatr .div-bz .tm::before{ position: absolute; content:''; left:10px; top:50%; width:26px; height:20px; margin-top:-10px; background:url(../img/ptm.png) center no-repeat;}
.floatr .div-bz .jd::before{ position: absolute; content:''; left:10px; top:50%; width:26px; height:20px; margin-top:-10px; background:url(../img/pjd.png) center no-repeat;}
.floatr .div-bz .tm:hover::before{ background:url(../img/ptmh.png) center no-repeat;}
.floatr .div-bz .jd:hover::before{ background:url(../img/pjdh.png) center no-repeat;}
.left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.left02 p{ font-size: 16px; line-height: 30px;}
.left02 img{max-width:100%;}
.left02 table{border-collapse:collapse; width:100%;}
.left02 table,.left02 table tr{ font-size: 16px; color:#444;}
.left02 table,.left02 table th,.left02 table td{border: 1px solid #333;text-align: center; font-size: 16px;}



.PageNews{ width: 100%; position: relative; padding: 60px 0;}
.PageNews .NewsList{ width: 100%; position: relative;}
.PageNews .NewsList li{ width: 49%; float: left;  position: relative; margin-right: 2%; margin-bottom: 25px;}
.PageNews .NewsList li:nth-child(2n){ margin-right: 0;}
.PageNews .NewsList li:hover{box-shadow: 0 0 20px rgba(0,0,0, 0.1);}
.PageNews .NewsList li::after{position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 5px; background-color: #0171bb;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.PageNews .NewsList li:hover::after{ width: 100%;}
.PageNews .NewsList li a{ display: block; background: #f9f9f9; padding: 30px 4%; position: relative;  }
.PageNews .NewsList li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #0171bb; position: relative; z-index:9;}
.PageNews .NewsList li .news_text{margin-top: 11px; position: relative; z-index:9;}
.PageNews .NewsList li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 22%; margin: 0 20px 0 0;}
.PageNews .NewsList li .news_text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .NewsList li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2;  margin-bottom: 15px; font-weight: bold;  transition: 0.35s; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.PageNews .NewsList li .news_fix p{ color: #666; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .NewsList li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .NewsList li a:hover .news_fix h3{ color: #0171bb;}

.pageNewsT{ width:100%; margin:0 auto; font-size:20px; text-align:center; color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 16px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}



.PageJoin{width: 100%; position: relative; padding: 60px 0;}
.PageJoin .JoinList{position: relative; width: 100%;}
.PageJoin .JoinList .jnlist{ position:relative;}
.PageJoin .JoinList .jnlist li{text-align: center; font-size: 17px; color: #fff; width: 18%; line-height:56px; display:inline-block;  background: #0171bb;}
.PageJoin .JoinList .jnlist li:first-child{ width: 26%;}
.PageJoin .JoinList .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .JoinList .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; }
.PageJoin .JoinList .joblist .list_dt p{text-align: center; font-size: 15px; color: #333; width: 18%; line-height:56px; display:inline-block;  }
.PageJoin .JoinList .joblist .list_dt p:last-child:hover{color: #0171bb;}
.PageJoin .JoinList .joblist .list_dt p:first-child{ width: 26%;}
.PageJoin .JoinList .joblist #open{border-bottom: 1px solid #0171bb;}
.PageJoin .JoinList .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}



/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:100%; height:40px;}
.pages1_l a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_l:hover a{ color:#0171bb;}
.pages1_r{ float:left; width:100%; height:40px; }
.pages1_r a{ line-height:40px; color:#666;display:block; font-size: 14px;}
.pages1_r:hover a{ color:#0171bb;}

.pages { margin:30px auto 0; text-align:center; font-size:15px;}
.pages li { display:inline-block; height:36px; line-height:36px; background:#f7f7f7; }
.pages li a{text-align:center; color:#333; padding:0 15px;}
.pages .active {background:#0171bb;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#0171bb;   text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}


/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #0060b6;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #0060b6;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}