@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: 'Noto Sans SC', '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; outline: 0; vertical-align: middle;}

input, textarea, select, option { background: none; outline: 0; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }
input { outline: none; font-family:'Noto Sans SC', '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: #0078d4; color: #fff; text-shadow: none; }
::selection { background: #0078d4; 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; -webkit-transition: 0.3s; transition: 0.3s; }
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; }

.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1360px; 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-354{padding-bottom: 35.4%;}
.rect-50{padding-bottom: 50%;}
.rect-54{padding-bottom: 54%;}
.rect-57{padding-bottom: 57%;}
.rect-67{padding-bottom: 67%;}
.rect-75{padding-bottom: 75%;}
.rect-118{padding-bottom: 118%;}

.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;}
.header .haderTop{ width:100%; height:40px; background:#f1f3f8; line-height:40px; font-size:14px; color:#666;}
.header .haderTop .huan .fl a{ color:#0078d4;}
.header .haderTop #clock{ float:left; margin-left:20px;}
.header .haderTop .bdshare-button{ position: relative; float: right;}
.header .haderTop .bdshare-button a{display: inline-block;content: ''; padding-left: 24px; position: relative; cursor: pointer; color: #666;}
.header .haderTop .bdshare-button a.bds_weixin { background: url(../img/icow.png) left center no-repeat;}
.header .haderTop .bdshare-button a.douyin {background: url(../img/icos.png) left center  no-repeat;}
.header .haderTop .bdshare-button a+a { margin-left: 10px;}
.header .haderTop .bdshare-button a span{ display: none; position: absolute; top: 100%; width: 100px; z-index:99;}
.header .haderTop .bdshare-button a:hover span {display: inline-block}
.header .haderTop .bdshare-button a.bds_weixin span,.header .haderTop .bdshare-button a.douyin span{ left: 50%; margin-left: -50px;}
.header .headercm{ width: 100%; background-color: #f9fafd;}
.header .headercm .logo{ float: left; margin: 44px 0; position: relative;}
.header .headercm .logo img{height: 85px;}
.header .headercm .logo::before{ position: absolute; content: ''; width: 1px; height: 50px; top: 50%; margin-top: -25px; right: -20px; background-color: #e3e4e6;}
.header .headercm .biaoyu{float: left; margin: 51px 0 51px 40px; }
.header .headercm .biaoyu img{height: 80px;}
.header .headercm .biaoyu .b48,.header .headercm .biaoyu .b38{ display:none;}
.header .headercm .so_search{position:relative;width:23%;height:36px;border-radius:18px;float: right;background: #eee; margin:60px 0 69px 0;}
.header .headercm .so_search .search {position: relative;}
.header .headercm .so_search .search .search-txt{float: left; width: 82%;}
.header .headercm .so_search .search input{padding:8px 5%;color:#333;width: 90%; height: 20px; line-height: 20px; border:none; outline:none; font-size: 15px;}
.header .headercm .so_search .search .search-btn{float: right; position: relative; height: 36px;}
.header .headercm .so_search .search button{background:#77b3e1 url(../img/so.png) center no-repeat; width: 50px; height: 36px; border:none; cursor: pointer;  outline:none; border-bottom-right-radius: 18px; border-top-right-radius: 18px;}
.header .headercm .wx{ position: relative; width: 8%; float: right; margin: 20px 0;}
.header .headercm .wx .img{ border: 1px #ddd solid;}
.header .headercm .wx .img img{ width: 100%;}
.header .headercm .wx p{text-align: center; font-size: 14px; color: #666; }
.mheader,.sjj_nav,.zw{ display:none;}



.nav{ width: 100%; background: #fff; box-shadow: 0 0 15px rgba(0,0,0, 0.05);}
.nav .nav_list{ width: 100%; position: relative;}
.nav .nav_list .drop{display: inline-block;text-align:center;width:14.28%;float:left; position:relative;-webkit-transition: all 1s; -moz-transition: all 1s;transition: all 1s; }
.nav .nav_list .drop:before{ position:absolute; content:''; width:12px; height:7px; top:50%; margin-top:-3.5px; background:url(../img/nline.png) center no-repeat; right:22%;}
.nav .nav_list .drop.active:before{ position:absolute; content:''; width:12px; height:7px; top:50%; margin-top:-3.5px; background:url(../img/nlineh.png) center no-repeat; right:22%;}
.nav .nav_list .drop:after{ width: 0; height: 3px; position: absolute; content: ''; bottom: 0;left: 50%; margin-left:-44px; background:#0078d4;-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; }
.nav .nav_list .drop:hover:after{ width: 94px; height: 3px; position: absolute; content: ''; bottom: 0;left: 50%; margin-left:-40px; background:#0078d4; }
.nav .nav_list .drop.active:after{ width: 94px; height: 3px; position: absolute; content: ''; bottom: 0;left: 50%; margin-left:-40px; background:#0078d4; }
.nav .nav_list .drop:hover:before{ background:url(../img/nlineh.png) center no-repeat; }
.nav .nav_list .drop:first-child:before{ display: none;}
.nav .nav_list .drop.on:first-child:after{ display: none;}
.nav .nav_list .drop>a{ font-size: 17px; color: #333; line-height: 60px;display: block;font-weight: bold;}
.nav .nav_list .drop.active>a{ color:#0078d4;}
.nav .nav_list .drop:hover>a{ color:#0078d4;}
.nav .nav_list .drop .subnav{display: none;width: 530px; height: auto; left: 50%; top: 60px; margin-left: -265px; position: absolute; background: #f9f9f9; z-index:999;}
.nav .nav_list .drop:last-child .subnav{ left:auto; right:0;}
.nav .nav_list .drop .subnav .subnavl{ width: 35%; float: left;  background: #f9f9f9;height: 100%;}
.nav .nav_list .drop .subnav .subnavl ul{padding: 30px 20px;}
.nav .nav_list .drop .subnav .subnavl li{ border-bottom: #e0e0e0 1px solid;}
.nav .nav_list .drop .subnav .subnavl li a{ width: 100%;line-height: 45px; color: #242424; font-size: 14px; display: block;font-weight: normal;perspective: 300px;-webkit-perspective: 300px;}
.nav .nav_list .drop .subnav .subnavl li a:before{content: '';position: absolute; top: 0; left: 0; width: 0; height: 100%;  opacity: 0; visibility: hidden; transform: scale(1); transition: all .5s; z-index: -1;background: -webkit-linear-gradient(-110deg, #048ff9, #0078d4);background: -o-linear-gradient(-110deg, #048ff9, #0078d4);background: -moz-linear-gradient(-110deg, #048ff9, #0078d4);background: linear-gradient(-110deg, #048ff9, #0078d4);}
.nav .nav_list .drop .subnav .subnavl li:hover a:before{opacity: 1; visibility: visible; transform: none; width: 100%;}
.nav .nav_list .drop .subnav .subnavl li:hover a{ color: #fff;}
.nav .nav_list .drop .subnav .subnavr{ width: 63%; float: right; background:#f9f9f9;}
.nav .nav_list .drop .subnav .subnavr .navcover{ padding: 30px 20px;}
.nav .nav_list .drop .subnav .subnavr .navcover .Img{ width: 100%; position: relative;}
.nav .nav_list .drop .subnav .subnavr .navcover .Img img{ width: 100%;}
.nav .nav_list .drop .subnav .subnavr .navcover .tit{ font-size: 18px;padding: 15px 0px 4px; text-align: left; font-weight: bold;}
.nav .nav_list .drop .subnav .subnavr .navcover .sec{font-size: 14px; color: #5a5a5a; line-height: 26px; text-align: left; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/* 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:#0078d4;}
.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;}

.hotNews{ width: 100%; padding: 40px 0;background:#fff;}
.hotNews .tou_list{ width: 100%; position: relative;}
.hotNews .tou_list .bd{ width: 84%; margin: 0 auto; position: relative; height:auto !important;}
.hotNews .tou_list .bd li{ width: 100%;zoom:1; vertical-align:middle;}
.hotNews .tou_list .bd li a{font-size: 30px; color: #0078d4; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; text-align: center; line-height: 1.1; margin-bottom: 10px;}
.hotNews .tou_list .bd li:hover a{color: #0078d4;}
.hotNews .tou_list .bd li p{ font-size: 16px; line-height: 30px; text-align: center; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.Inpart{ width: 100%; position: relative; padding-bottom:70px;background:#fff;}
.Inpart .Innews{ width: 70%; float: left;}
.Inpart .Innews .top{ margin-bottom: 30px; border-bottom: 1px #cdd9e8 solid;}
.Inpart .Innews .top .hd{ float: left;}
.Inpart .Innews .top .hd li{ font-size: 28px; color: #333; margin-right: 50px; float: left; line-height: 50px; position:relative; cursor:pointer;}
.Inpart .Innews .top .hd li:last-child{ margin-right: 0;}
.Inpart .Innews .top .hd li.on{ color:#0078d4; font-weight:bold;}
.Inpart .Innews .top .hd li.on:before{ position:absolute; content:''; width:100%; height:3px; left:0; bottom:0; background:#0078d4;}
.Inpart .Innews .top .more{ float: right; line-height: 50px;font-size: 14px; color: #0574d5; }
.Inpart .Innews .newsTab{ width:100%; position:relative;}
.Inpart .Innews .newsTab .bd{ width:100% !important; height:auto !important;}
.Inpart .Innews .newsTab .bd .Newsitem{width:100% !important; }
.Inpart .Innews .Imgnews{ width: 48%; float: left; position: relative;}
.Inpart .Innews .Imgnews p{ position: absolute; font-size: 15px; color: #fff; left: 0; bottom: 0; width: 94%; padding: 0 3%; height: 45px; line-height: 45px; background: rgba(0,0,0, 0.3);}
.Inpart .Innews .Imgnews .swiper-pagination{ text-align:right !important;}
.Inpart .Innews .Imgnews .swiper-pagination .swiper-pagination-bullet{ background-color:#fff; opacity:0.8;}
.Inpart .Innews .Imgnews .swiper-pagination .swiper-pagination-bullet-active{ background-color:#0078d4;opacity:1; }
.Inpart .Innews .newsList{ width: 50%; float: right;}
.Inpart .Innews .newsList li{ width: 100%; position: relative;vertical-align:bottom; height: 38px;}
.Inpart .Innews .newsList li::before{ position: absolute; content: ''; width: 9px; height: 7px; background: url(../img/line.png); left: 0; top: 50%; margin-top: -3.5px; border-radius: 50%;}
.Inpart .Innews .newsList li:hover::before{ background: url(../img/lineh.png);}
.Inpart .Innews .newsList li a{ font-size: 16px; color: #333; line-height: 38px;display:block;float:left;max-width:72%;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left: 15px;}
.Inpart .Innews .newsList li span{ font-size: 15px; float: right; color: #999; line-height: 34px;}
.Inpart .Innews .newsList li:hover a{color: #0574d5; padding-left: 20px; font-weight:bold;}
.Inpart .Innotice{ width: 27%; float: right; background-color: #f2f5fb;}
.Inpart .Innotice .cover{ padding: 6%;}
.Inpart .Innotice .top{ font-size: 28px; line-height: 1.2; color: #0574d5; font-weight: bold; padding-bottom: 18px; border-bottom: 1px #cdd9e8 solid;margin-bottom: 18px;}
.Inpart .Innotice .top .more {float: right;line-height: 50px;font-size: 14px;color: #0574d5; font-weight:normal;}
.Inpart .Innotice li{ width: 100%; position: relative;vertical-align:bottom; height: 38px;}
.Inpart .Innotice li a{ font-size: 16px; color: #333; line-height: 38px; max-width:96%;  display:block;float:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left: 15px;}
.Inpart .Innotice li::before{ position: absolute; content: ''; width: 5px; height: 5px; background: #88c4f8; left: 0; top: 50%; margin-top: -2.5px; border-radius: 50%;}
.Inpart .Innotice li:hover::before{ background: #0574d5;}
.Inpart .Innotice li:hover a{color: #0574d5; padding-left: 20px; font-weight:bold;}


.InAbout{ display: block; width:100%; position:relative; padding: 90px 0 160px; box-sizing: border-box;}
.InAbout::before{ content: ''; position: fixed;  z-index: -1; top: 0;right: 0; bottom: 0; left: 0; background: url(../img/abobg.jpg) center 0 no-repeat; background-size: cover; display:block; }
.InAbout .ti{font-size:30px; color:#fff;}
.InAbout .tic{ font-size:30px; color:#fff; line-height:50px; margin-top:30px;}
.InAbout .more{ width:210px; height:60px; border-radius:8px; background:#fff; margin-top:50px;}
.InAbout .more a{ display:block;  font-size:18px; font-weight:bold; color:#0078d4; line-height:60px; text-align:center;}
.InAbout .more .ico{ background:url(../img/abom.png); width:26px; height:14px; margin-left: 15px; display: inline-block; -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;}
.InAbout .more:hover .ico{ margin-left:25px;}
.InAboz{ position:relative; background:#f5f5f5;}
.InAboz .Aboz{ width:100%; background:#fff; border-radius:8px; margin-top:-80px; box-shadow:0 0 20px rgba(0,0,0, 0.1)}
.InAboz .Aboz .cover{ padding:25px 30px;}
.InAboz .Aboz .AbozT{ font-size:20px; color:#0078d4; font-weight:bold; position:relative}
.InAboz .Aboz .AbozT:before{ position:absolute; content:''; width:100%; height:1px; background:#eaecef; left:0;bottom:-10px;}
.InAboz .Aboz .AbozB{ position:relative; margin-top:40px;}
.InAboz .Aboz .AbozB li{ width:12.5%; float: left;display: flex;align-content: center;flex-direction: column;justify-content: center;align-items: center; text-align: center; position: relative;}
.InAboz .Aboz .AbozB li p{ font-size: 17px; color: #333;  text-align: center; line-height:40px;}
.InAboz .Aboz .AbozB li::before{position: absolute; content: ''; width: 1px; height: 50px; background: #eee;  right: 0; top:50%; margin-top: -25px;}
.InAboz .Aboz .AbozB li:last-child::before{ display: none;}
.InAboz .Aboz .AbozB li:hover p{color: #0078d4;font-weight: bold;}
.InAboz .Aboz .AbozB li:hover img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.InTeam{ width:100%; position:relative; padding:50px 0 20px; background:#f5f5f5}
.InTeam .Top{ position:relative;text-align:center;}
.InTeam .Top .T{font-size:28px; color:#0078d4; font-weight:bold;}
.InTeam .Top .Ti{ font-size:16px; color:#333; margin-top:10px;}
.InTeam .TeamList{ position: relative; margin-top: 30px;}
.InTeam .TeamList .bd{ width: 100%; overflow: hidden;}
.InTeam .TeamList .bd .tempWrap{ width: 100% !important; overflow: hidden;}
.InTeam .TeamList ul{ padding: 0 4px;}
.InTeam .TeamList .swiper-slide{ float: left; position: relative;}
.InTeam .TeamList .swiper-slide.tpt-md-4{ width: 22.75%; margin-right: 3%;}
.InTeam .TeamList .swiper-slide.tpt-md-4:last-child{ margin-right:0;}
.InTeam .TeamList .swiper-slide .Img img{ border-radius:8px;}
.InTeam .TeamList .swiper-slide .cover{width: 90%; background:rgba(255,255,255, 0.8); position:absolute; bottom:30px; left: 5%; border-top-right-radius:8px;border-bottom-left-radius:8px;}
.InTeam .TeamList .swiper-slide .empty{ height: 138px; position:relative; bottom:30px;}
.InTeam .TeamList .swiper-slide .cover .Text_box{ padding:25px 15px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InTeam .TeamList .swiper-slide .cover .Text_box .T{ position: relative; line-height:30px;}
.InTeam .TeamList .swiper-slide .cover .Text_box .T p{font-size: 17px; color: #666; font-weight: bold; float:left; margin-right: 20px;}
.InTeam .TeamList .swiper-slide .cover .Text_box .T span{ font-size: 14px; color: #666; float:left; width:70%;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InTeam .TeamList .swiper-slide .cover .Text_box .Tc{ font-size: 14px; line-height: 24px; max-height:48px; color: #666;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; margin-top:10px;}
.InTeam .TeamList .swiper-slide .cover .Text_box .m{ font-size: 14px; color: #fff; margin-top:20px; display: none;}
.InTeam .TeamList .swiper-slide .cover .Text_box .m .ico{ width:8px; height:9px; margin-left: 10px; display: inline-block; background:url(../img/tm.png) center no-repeat;-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;}
.InTeam .TeamList .swiper-slide:hover .cover{background:#2482d6;}
.InTeam .TeamList .swiper-slide:hover .cover .Text_box{ padding:30px 15px;}
.InTeam .TeamList .swiper-slide:hover .cover .Text_box .T p,.InTeam .TeamList .swiper-slide:hover .cover .Text_box .T span,.InTeam .TeamList .swiper-slide:hover .cover .Text_box .Tc{ color: #fff;}
.InTeam .TeamList .swiper-slide:hover .cover .Text_box .m{ display: block;}
.InTeam .TeamList .swiper-slide .cover .Text_box .m:hover .ico{ margin-left:15px;}
.InTeam .TeamList .prev{ width: 38px; height: 38px; position: absolute; left: -45px; top: 50%; margin-top: -19px; background: url(../img/prev.png) center no-repeat; cursor: pointer;}
.InTeam .TeamList .next{ width: 38px; height: 38px; position: absolute; right: -45px; top: 50%; margin-top: -19px; background: url(../img/next.png) center no-repeat; cursor: pointer;}
.InTeam .TeamList .prev:hover{ background: url(../img/prevh.png) center no-repeat; }
.InTeam .TeamList .next:hover{ background: url(../img/nexth.png) center no-repeat; }

.InYiliao{ width:100%; position:relative; padding:50px 0; background:#fff; }
.InYiliao .Top{ position:relative;text-align:center;}
.InYiliao .Top .T{font-size:28px; color:#0078d4; font-weight:bold;}
.InYiliao .Top .Ti{ font-size:16px; color:#333; margin-top:10px;}
.InYiliao .Yiliao{ position:relative; margin-top:30px;}
.InYiliao .Yiliao .YiliaoSwiper{ overflow:hidden;}
.InYiliao .Yiliao .swiper-slide{ float: left; position: relative;cursor: pointer;}
.InYiliao .Yiliao .swiper-slide.tpt-md-4{ width: 22.75%; margin-right: 3%;}
.InYiliao .Yiliao .swiper-slide.tpt-md-4:last-child{ margin-right:0;}
.InYiliao .Yiliao .swiper-slide p{ width:90%;padding: 0 5%;position:absolute; left:0; bottom:0; background:rgba(0,120,212,0.85); height:50px; line-height:50px; font-size:16px; color:#fff; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InYiliao .Yijian{ position:relative; margin:20px auto 0; text-align:center;}
.InYiliao .Yijian .x{ width:20px; height:1px; margin:0 10px 12px; display:inline-block; background:#0078d4;}
.InYiliao .Yijian .swiper-button-prev{background: url(../img/sleft.png) center no-repeat;width: 33px; height: 33px; display:inline-block; cursor:pointer;}
.InYiliao .Yijian .swiper-button-next{background: url(../img/sright.png) center no-repeat;width: 33px; height: 33px; display:inline-block; cursor:pointer;}

.InTi{width: 100%; position: relative; padding-bottom:50px; background:#fff;}
.InTi .TiList .Top{ position:relative;text-align:center; display:none;}
.InTi .TiList .Top .T{font-size:28px; color:#0078d4; font-weight:bold;}
.InTi .TiList .Top .Ti{ font-size:16px; color:#333; margin-top:10px;}
.InTi .TiList{ position:relative; background:#f3f5f7;}
.InTi .TiList .cover{ padding:15px 20px;}
.InTi .TiList .Tol{ float:left;}
.InTi .TiList .Toc{ width:94%; float:right; overflow:hidden;}
.InTi .TiList .Toc .swiper-slide{ float: left; position:relative; }
.InTi .TiList .Toc .swiper-slide.tpt-md-4{ width: 22.75%; margin-right: 3%;}
.InTi .TiList .Toc .swiper-slide.tpt-md-4:last-child{ margin-right:0;}

.footer{ width: 100%; position: relative; background: #f2f4f9;}
.footer .link{ width:100%; border-top:6px #e7eaec solid; border-bottom: 1px #dedfe0 solid; padding:21px 0;}
.footer .link .linkl{ float: left; background: url(../img/linkbg.png) left center no-repeat; height:28px; line-height:28px; font-size: 17px; color: #333; padding-left: 40px; font-weight: bold;}
.footer .link .link_list{ float: left; width:100%}
.footer .link .link_list a{font-size: 15px;line-height:28px; color: #333; padding:0 10px; position: relative;}
.footer .link .link_list a:hover{ color: #0078d4;}
.footer .foot{ width: 100%; padding: 40px 0; position: relative;}
.footer .foot .footl{ width:24%; float:left;}
.footer .foot .footl dl{ width:100%; position:relative;}
.footer .foot .footl dl dt{ font-size:17px; color:#333; font-weight:bold; margin-bottom:50px; position:relative;}
.footer .foot .footl dl dt:before{ position:absolute; content:''; width:20px; height:2px; background:#0075d4; left:0; bottom:-30px;}
.footer .foot .footl dl dd a{ width:50%; float:left; font-size:14px; color:#666; line-height:42px;}
.footer .foot .footl dl dd a:hover{color: #0078d4;}
.footer .foot .footlx{ width:48%; float:left; position:relative}
.footer .foot .footlx:before{ position:absolute; content:''; width:1px; height:100%; background:#d1d2d4; right:0; top:0;}
.footer .foot .footlx dl{ width:100%; position:relative;}
.footer .foot .footlx dl dt{ font-size:17px; color:#333; font-weight:bold; margin-bottom:50px; position:relative;}
.footer .foot .footlx dl dt:before{ position:absolute; content:''; width:20px; height:2px; background:#0075d4; left:0; bottom:-30px;}
.footer .foot .footlx dl dd{ width:49%;float:left; margin-right:2%;}
.footer .foot .footlx dl dd:nth-child(2n){ margin-right:0;}
.footer .foot .footlx dl dd p{font-size:14px; color:#666; line-height:42px; padding-left:35px;}
.footer .foot .footlx dl dd .p1{ background:url(../img/p1.png) center left no-repeat;}
.footer .foot .footlx dl dd .p2{ background:url(../img/p2.png) center left no-repeat;}
.footer .foot .footlx dl dd .p3{ background:url(../img/p3.png) center left no-repeat;}
.footer .foot .footlx dl dd p span{ font-size:18px; color:#0078d4; font-weight:bold;}
.footer .foot .footewm{ float:right;width: 28%; text-align: center;}
.footer .foot .footewm p{ width:100%; text-align:center; font-size:15px; color:#666; line-height:40px;}
.footer .copy{ width: 100%; height: 60px; background: #0078d4; line-height: 60px; font-size: 15px; color: #fff;}
.footer .copy a{font-size: 15px; color: #fff;}
.footer .copy a:hover{color: #80c5e8;}
.mfooter{ display:none;}

.page_banner{width: 100%; overflow: hidden; position: relative;}
.page_banner img{display: block; width: 100%; }

.PageMain{ position:relative;}
.Menunav{ border-bottom: 2px solid #f7f7f7;}
.Menunav .home{float: left;width: 70px;line-height: 70px;text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.Menunav .home .icon{display: inline-block; vertical-align: middle; width: 17px; height: 15px; background: url(../img/home.png) no-repeat center;}
.Menunav .PageNav{float: left;}
.Menunav .PageNav ul{font-size: 0;}
.Menunav .PageNav .PageUL{position: relative;display: inline-block;width: auto;vertical-align: middle;}
.Menunav .PageNav .PageUL::before{ position: absolute; content: ''; width: 1px; height: 20px; background-color: #ddd; right: 0; top: 50%; margin-top: -10px;}
.Menunav .PageNav .PageUL>a{position: relative;font-size: 16px;height: 70px;line-height: 70px;color: #333; display: block; padding: 0 40px; transition: 0.3s ease 0s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Menunav .PageNav .PageUL>a:before{ position:absolute; content:''; width:0; height:3px; background:#0078d4; bottom:0; left:0;  transition: 0.5s ease 0s;}
.Menunav .PageNav .PageUL.select,.Menunav .PageNav li:hover{ color: #0078d4;}
.Menunav .PageNav .PageUL:hover>a{ color: #0078d4;font-weight:bold; }
.Menunav .PageNav .PageUL.select>a{ color: #0078d4; font-weight:bold;}
.Menunav .PageNav .PageUL:hover>a:before,.Menunav .PageNav .PageUL.select>a:before{width:100%;}
.Menunav .PageNav .Pagesub{ display:none; width:100%; left:0; top:70px; z-index: 9999;  position:absolute; background:#f5f5f5; } 
.Menunav .PageNav .Pagesub li{ zoom:1; width:100%; position:relative; text-align:center;}
.Menunav .PageNav .Pagesub li:before{ position:absolute; content:''; bottom:0; left:0; width:100%; height:1px; background:#d3dde6;}
.Menunav .PageNav .Pagesub li a{ display:block; color: #333;  font-size: 16px; line-height: 45px; height:45px; margin: 0;}
.Menunav .PageNav .Pagesub li a:hover{ background:#0078d4; color:#fff;}
.Menunav .crumbs{height:auto; line-height:70px; font-size:15px; float:right;}
.Menunav .crumbs .fangzi{display: inline-block; width: 17px; height: 15px;  background: url(../img/home.png); margin-right: 5px; margin-bottom: -1px;}
.Menunav .crumbs a{color: #333;margin: 0 2px; font-size:15px;}
.Menunav .crumbs a:hover{color: #0078d4;}
.Menunav .PageNav1{float: left;}
.Menunav .PageNav1 ul{font-size: 0;}
.Menunav .PageNav1 .PageUL{position: relative;display: inline-block;width: auto;vertical-align: middle;}
.Menunav .PageNav1 .PageUL::before{ position: absolute; content: ''; width: 1px; height: 20px; background-color: #ddd; right: 0; top: 50%; margin-top: -10px;}
.Menunav .PageNav1 .PageUL>a{position: relative;font-size: 16px;height: 70px;line-height: 70px;color: #333; display: block; padding: 0 20px; transition: 0.3s ease 0s;}
.Menunav .PageNav1 .PageUL>a:before{ position:absolute; content:''; width:0; height:3px; background:#0078d4; bottom:0; left:0;  transition: 0.5s ease 0s;}
.Menunav .PageNav1 .PageUL.select,.Menunav .PageNav li:hover{ color: #0078d4;}
.Menunav .PageNav1 .PageUL:hover>a{ color: #0078d4; font-weight:bold;}
.Menunav .PageNav1 .PageUL.select>a{ color: #0078d4; font-weight:bold;}
.Menunav .PageNav1 .PageUL:hover>a:before,.Menunav .PageNav1 .PageUL.select>a:before{width:100%;}
.Menunav .PageNav1 .Pagesub{ display:none; width:100%; left:0; top:70px; z-index: 9999; border-top:4px #0367b3 solid;  position:absolute; background:#f5f5f5; } 
.Menunav .PageNav1 .Pagesub li{ zoom:1; width:100%; position:relative; text-align:center;}
.Menunav .PageNav1 .Pagesub li:before{ position:absolute; content:''; bottom:0; left:0; width:100%; height:1px; background:#d3dde6;}
.Menunav .PageNav1 .Pagesub li a{ display:block; color: #333;  font-size: 16px; line-height: 45px; height:45px; margin: 0;}
.Menunav .PageNav1 .Pagesub li a:hover{ background:#0078d4; color:#fff;}

.sidebar{width: 22%; float:left; margin-right:3%;}
.NewsL1{ width:75%; float:right;}
.NewsL1 .cover{ padding:4%; background:#fff; min-height: 420px; }
.NewsL1 .page_news .cover1{ padding:4%; background:#fff; box-shadow: 0 0 20px rgba(0,0,0, 0.05);}
/* 左侧栏目标题 */
.leftTitle {color:#fff; position:relative; padding:30px 0 24px 30px; background:#0078d4; }
.leftTitle i,.leftTitle s { display:block; }
.leftTitle i { font-size:36px;  font-weight:normal; font-style: normal;}
.leftTitle s { color:#eee; font:14px/18px arial; text-decoration:none; text-transform:capitalize ; margin-top:10px; }
/* 二级、三级菜单 */
.menu { padding:0 0 30px 30px; background:#0078d4; }
.menu dl { background:#fff; padding:25px 0; overflow: hidden;}
.menu dl dt { height:45px; line-height:45px; font-size:18px; }
.menu dl dt a { position:relative; display:block; color:#000; padding-left:30px; border-right:3px solid #fff; }
.menu dl dt a:before { position:absolute; left:30px; top:50%; margin-top:-1px; display:block; content:""; width:0; height:2px; background:#fff; transition: all 0.2s ease 0s; }
.menu dl dt:hover a,.menu dl dt .select { padding-left:50px; color:#0078d4; border-color:#ff0000; background:#f3f3f3; font-weight: bold; }
.menu dl dt:hover a:before,.menu dl dt .select:before { width:7px; background:#0078d4; }
 
/* 二级、三级菜单 */
.menu .nunav { background:#fff; padding:25px 0; overflow: hidden;}
.menu .nunav>li {line-height:45px; font-size:18px; }
.menu .nunav>li>a { position:relative; display:block; color:#000; padding-left:30px; border-right:3px solid #fff; }
.menu .nunav>li>a:before { position:absolute; left:30px; top:50%; margin-top:-1px; display:block; content:""; width:0; height:2px; background:#fff; transition: all 0.2s ease 0s; }
.menu .nunav>li:hover>a,.menu .nunav>li.open .afinve{ padding-left:50px; color:#0078d4; border-color:#ff0000; background:#f3f3f3; font-weight: bold; }
.menu .nunav>li:hover>a:before,.menu .nunav>li.open .afinve:before{ width:7px; background:#0078d4; }
.nunav>li>ul.sub-menu{ display: none; list-style: none; clear: both; margin: 8px 0px 0px 10px; padding-bottom: 5px; }
.nunav>li>ul.sub-menu li { background: none; margin: 0px; padding: 0px; }
.nunav>li>ul.sub-menu li>a { display: block; font-size: 16px; line-height: 40px; padding-left: 40px; color: #666; clear: both; }
.nunav>li>ul.sub-menu li>a:hover{color: #0078d4; font-weight:bold;}
.nunav>li.open .sub-menu{ display:block;}
.nunav>li.open .sub-menu .finve a{ color:#0078d4; font-weight:bold;}

.boxNan{ padding:0 30px 30px 30px; background:#0078d4; margin-top:30px;}
.boxNan .Tit{ font-size:24px; color:#fff; padding: 40px 0 30px 0;}
.boxNan .l-nr li{ width:49%; float:left; margin-right:2%; background:#fff; text-align: center; position: relative; padding: 15px 0; margin: 5px 2% 5px 0; border-radius:10px;}
.boxNan .l-nr li:nth-child(2n){ margin-right:0;}
.boxNan .l-nr li p { font-size: 16px; color: #333; text-align: center; line-height: 40px;}
.boxNan .l-nr li:hover p{color: #0078d4;font-weight: bold;}
.boxNan .l-nr li:hover img{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}



.page_news01{ position: relative; width: 100%;}
.page_news01 li{ width: 49%; margin-right:2%; float: left;  margin-bottom: 20px; position:relative;}
.page_news01 li:nth-child(2n){ margin-right:0;}
.page_news01 li a{ display: block; background: #f9f9f9; padding: 20px 4%; position: relative; }
.page_news01 li .news_text{ position: relative; z-index:9;}
.page_news01 li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 16%; margin: 0 20px 0 0;}
.page_news01 li .news_text .img img{ display: block; width: 100%;  transition: 0.48s;}
.page_news01 li .news_fix h3{color: #232323; font-size: 17px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; font-weight: bold;overflow: hidden; transition: 0.35s;}
.page_news01 li .news_fix p{ color: #666; font-size: 14px; font-weight:normal; line-height: 26px; height: 54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.page_news01 li .news_fix p strong{font-weight:normal !important;}
.page_news01 li .news_fix .year{font-size: 16px;line-height: 20px;color: #888585; font-weight:normal;}
.page_news01 li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.page_news01 li a:hover .news_fix h3{ color: #0574d5;}
.page_news01 li:before{ position:absolute; content:''; width:0; height:5px; background:#0078d4; left:0; bottom:0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; z-index:99;}
.page_news01 li:hover:before{ width:100%;}
.page_news01 li:hover{box-shadow:0 0 20px rgba(0,0,0, 0.1)}


.about_us01{ width:100%; position:relative; padding:50px 0;}
.about_us01 .tic { font-size: 36px;;color: #333; text-align:center;}
.about_us01 .tib{font-size: 30px;color: #333; text-align:center;}
.about_us01 .txt {font-size: 16px;line-height: 2; color: #666; margin: 23px 0 0; text-align:center;}

.about_us02{ position:relative; width:100%; padding:40px 0; background:#f6f6f6;}
.about_us02 li{width: 32%;float: left; margin-right:2%; position:relative}
.about_us02 li:last-child{ margin-right:0;}
.about_us02 li:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.about_us02 li .more{padding:0 20px 0 40px; height:38px; line-height:38px; background:#0078d4; font-size:15px; color:#fff; position:absolute; left:0; bottom:0; transition:all 0.5s ease; opacity:0; visibility:hidden;}
.about_us02 li .more span{display:inline-block; vertical-align:middle;}
.about_us02 li .more span.icon{margin-left:46px; width:8px; height:16px; background:url(../img/about_center_jt.png) no-repeat center;}
.about_us02 li:hover .more{opacity:1; visibility:visible;}
.about_us02 li .intro{background:#fff;}
.about_us02 li .intro .box{padding:30px 6%; color:#343e47;}
.about_us02 li .intro .box .line{width:43px; height:3px; background:#0078d4; margin-bottom:20px;}
.about_us02 li .intro .box .tit{font-size:24px;  margin-bottom:10px; transition:all 0.5s ease;}
.about_us02 li .intro .box .con{font-size:14px; line-height:22px; height:44px; transition:all 0.5s ease; font-weight:lighter;}
.about_us02 li .intro .li_line{width:0; height:5px; background:#0078d4; position:absolute; left:0; bottom:0; transition:all 0.5s ease;}
.about_us02 li:hover .intro .li_line{width:100%;}

.about_us03{width:100%; position:relative; padding:50px 0; background:url(../img/about_us03_bg.jpg) center no-repeat;}
.about_us03 .top{ position:relative;text-align:center;}
.about_us03 .top .tit{ font-size:36px; color:#fff;}
.about_us03 .top .tic{ font-size:15px; color:#eee; margin-top:10px;}
.about_us03 .history{ position:relative; margin-top:35px; padding:0 30px;}
.about_us03 .history .hisSwiper{ overflow:hidden;}
.about_us03 .history .swiper-slide{width: 22.75%; margin-right: 3%;float: left;  position: relative; background:rgba(255,255,255,0.85); cursor: pointer;}
.about_us03 .history .swiper-slide:last-child{ margin-right:0;}
.about_us03 .history .swiper-slide .cover{padding: 40px 10%;}
.about_us03 .history .swiper-slide .title{font-size: 28px; color: #333;}
.about_us03 .history .swiper-slide .detail{font-size: 14px;height: 90px;overflow: hidden;color: #606060;line-height: 30px; margin-top:30px;}
.about_us03 .history .swiper-button-prev{ width:28px; height:40px; background:url(../img/hisprev.png) no-repeat; position:absolute; left:-10px; top:50%; margin-top:-20px; cursor:pointer}
.about_us03 .history .swiper-button-next{ width:28px; height:40px; background:url(../img/hisnext.png) no-repeat; position:absolute; right:-10px; top:50%; margin-top:-20px; cursor:pointer}
.about_us03 .history .swiper-slide:hover .title{ color:#0078d4;}

.about_us04{width:100%; position:relative; padding:50px 0;}
.about_us04 .top{ position:relative;text-align:center;}
.about_us04 .top .tit{ font-size:36px; color:#333;}
.about_us04 .top .tic{ font-size:15px; color:#666; margin-top:10px;}
.about_us04 .leader{ position:relative; margin-top:35px;}
.about_us04 .leader li{width: 20%;float: left; position: relative;}
.about_us04 .leader li .zoombox{margin: 0 2%; display:block;}
.about_us04 .leader li .Text_box{ width:100%; height:60px; background:#fff; line-height:60px;}
.about_us04 .leader li .Text_box .cover{ padding:0 4%;}
.about_us04 .leader li .Text_box p{font-size: 17px; color: #666; font-weight: bold; float:left; margin-right: 20px;}
.about_us04 .leader li .Text_box span{font-size: 14px; color: #666; float:left; width:60%;overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.about_us04 .leader li:hover .Text_box{background:#0078d4;}
.about_us04 .leader li:hover .Text_box p,.about_us04 .leader li:hover .Text_box span{ color:#fff}

.Page_content{ position:relative; padding:50px 0;}
.contentbg{ background:#f2f2f2;}
.Page_content .Page_con{font-size: 16px; line-height: 30px; color: #666;}
.Page_content .Page_con img{ max-width:100%;}


.Pagehist{ position:relative; padding:60px 0;}
.Pagehist:after { content: ''; width: 24px;height: 12px; background-image: url(../img/hjt.png);top: 1rem; left: 50%; margin-left: -12px; position: absolute; z-index:99;}
.Pagehist .bg{ position:absolute; content:''; width:180px; height:100%; top:0; left:50%; margin-left:-90px; background:rgba(0,120,212,0.5); z-index:0;}
.Pagehist li{float:left;width: 50%;margin: 25px 0; clear: both;text-align:right; position:relative; cursor:pointer; z-index:99;}
.Pagehist li .date{ padding-right: 20px;font-size: 30px;line-height: 30px; color: #fff; font-weight:bold; padding-bottom: 10px; position: relative; font-family:Impact; float:right;}
.Pagehist li .date:before { content: ''; width: 65px; height: 6px; background-color: #fff; right: 0; bottom: 0; margin-right:20px; position: absolute; }
.Pagehist li .intro{padding-right: 30px; font-size:15px; line-height:28px; color:#666; float:right; width:70%;}
.Pagehist li:nth-child(2n){ float:right;text-align: left;}
.Pagehist li:nth-child(2n) .date{ float:left; padding-left: 20px; padding-right:0;}
.Pagehist li:nth-child(2n) .date:before { content: ''; width: 65px; height: 6px; background-color: #fff; left: 0; bottom: 0; position: absolute; margin-left: 20px;}
.Pagehist li:nth-child(2n) .intro{ padding-left: 30px; float:left; padding-right:0; }
.Pagehist li .bot{ width: 15px; height: 15px; background-color: #6fa1ce; border-radius: 50%; position: absolute; right: -7.5px; top: 16%; z-index: 5;}
.Pagehist li .bot1{ display:none;}
.Pagehist li .bot:after {content: ''; width: 15px; height: 15px; background-color: #6fa1ce; border-radius: 50%; position: absolute;  top: 50%; margin-top: -7.5px; margin-left: -7.5px; left: 50%; z-index: 22;}
.Pagehist li:nth-child(2n) .bot{display:none;}
.Pagehist li:nth-child(2n) .bot1{ display:block;width: 15px; height: 15px; background-color: #6fa1ce; border-radius: 50%; position: absolute; left: -7.5px; top: 16%; z-index: 5;}
.Pagehist .line{
    position: absolute;
    width: 6px;
    height: calc(100% - 5rem);
    background-color: #fff;
    left: 50%;
    margin-left: -3px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}


.culture .rect-1436{padding-bottom:143.6%;}
.culture .rect-48{padding-bottom:48%;}
.culture .rect-88{padding-bottom:88%;}
.culture .rect-111{padding-bottom:111%;}
.culture .left{float:left; width:40%; position:relative;}
.culture .left .intro{position: absolute; top: 0; left: 0; width: 80%;height: 80%;padding: 10%;font-size: 30px; z-index: 1;}
.culture .left .intro .tit{font-size:30px; font-weight:bold; color:#000;}
.culture .left .intro .tic{font-size:16px; line-height:30px; margin-top:20px; color:#333;}
.culture .right{float:right; width:58.6%;}
.culture .right .item{ position:relative;}
.culture .right .item .intro{position: absolute; top: 0; left: 0; width: 80%;height: 80%;padding: 10%;font-size: 30px; color: #fff; z-index: 1;}
.culture .right .item .tit{font-size:30px; font-weight:bold; color:#000;}
.culture .right .item .tic{font-size:16px; line-height:30px; margin-top:20px; color:#333;}
.culture .right .r_bott .item1{float:left; width:54.6%;}
.culture .right .r_bott .item2{float:right; width:43.3%;}
.culture .right .item3{float:left; width:54.6%; margin-bottom: 15px;}
.culture .right .item4{float:right; width:43.3%;}
/* 图片触控效果 */
.culture .imgZoom{position:relative; transition:ease 0.1s;}
.culture .imgZoom:hover{transition:ease 0.2s; opacity:0.75;}
.culture .imgZoom::after {transition:ease 0.2s;position:absolute;top:50%;left:0;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:0%;background-color:#fff;content:"";opacity:0.5;}
.culture .imgZoom:hover::after {transition:ease 0.4s;position:absolute;bottom:0;left:0;width:100%;height:130%;background-color:transparent;content:"";opacity:0.5;}
		
.Pageleader{ position:relative;}
.Pageleader li{width: 20%;float: left; position: relative;}
.Pageleader li .zoombox{margin: 0 2%; display:block;}
.Pageleader li .Text_box{ width:100%; height:60px; background:#fff; line-height:60px;}
.Pageleader li .Text_box .cover{ padding:0 3%;}
.Pageleader li .Text_box p{font-size: 17px; color: #666; font-weight: bold; float:left;}
.Pageleader li .Text_box span{font-size: 17px; color: #666;margin-right: 20px;font-weight: bold; float:left; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.Pageleader li:hover .Text_box{background:#0078d4;}
.Pageleader li:hover .Text_box p,.Pageleader li:hover .Text_box span{ color:#fff}


.Pagecreate{position:relative;}
.Pagecreate .item{width:25%; float:left; margin-bottom:2%;}
.Pagecreate .item a{display:block; margin:0 2%}
.Pagecreate .item .intro{background:#f6f6f6; transition:all 0.5s ease;}
.Pagecreate .item .intro .box{padding:6%; height:160px;}
.Pagecreate .item .intro .box .d{font-size:14px; line-height:26px; color:#666;}
.Pagecreate .item .intro .box .t{font-size:20px; line-height:30px; color:#666; font-weight:bold; margin-top:7px; max-height:60px; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.Pagecreate .item .intro .box .c{font-size:14px; line-height:26px; color:#666; height:52px; overflow:hidden; margin-top:15px;}
.Pagecreate .item:hover .intro .box .t{color:#0078d4;}
.Pagecreate .item1{width:25%; float:left; margin-bottom:2%;}
.Pagecreate .item1 a{display:block;margin:0 2%}
.Pagecreate .item1 .intro{background:#f6f6f6; transition:all 0.5s ease;}
.Pagecreate .item1 .rect-57{ background:#0078d4;}
.Pagecreate .item1 .rect-57 .box{padding:6%;}
.Pagecreate .item1 .rect-57 .box .d{font-size:14px; line-height:26px; color:#fff;}
.Pagecreate .item1 .rect-57 .box .t{font-size:20px; line-height:30px; color:#fff; font-weight:bold; max-height:60px; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.Pagecreate .item1 .intro .box{padding:6%; height:160px;}
.Pagecreate .item1 .intro .box .c{font-size:14px; line-height:26px; color:#666; height:52px; overflow:hidden; margin-top:15px;}
.Pagecreate .item:hover a,.Pagecreate .item1:hover a{box-shadow: 0 0 20px rgba(0,0,0,.2);}

.news_center01{ width:100%; padding:60px 0; position:relative; background:#f5f5f5;}
.news_center01 .top{ text-align:center; position:relative;}
.news_center01 .top .tit{font-size: 36px; margin-bottom: 40px; font-weight: bold; color: #333;}
.news_center01 .news_01{ position:relative;}
.news_center01 .news_01 .left{ width:49.5%; float:left; position:relative;}
.news_center01 .news_01 .left .mask{position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../img/banner_on.png) no-repeat center;}
.news_center01 .news_01 .left .intro{position:absolute; left:0; bottom:0; width:100%;}
.news_center01 .news_01 .left .intro .box{padding:4%; color:#fff;}
.news_center01 .news_01 .left .intro .box .d{font-size:14px; line-height:24px; margin-bottom:10px;}
.news_center01 .news_01 .left .intro .box .t{font-size:24px; font-weight:bold; line-height:40px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.news_center01 .news_01 .right{width:49%; float:right;}
.news_center01 .news_01 .right .rect-3523{padding-bottom:35.23%;}
.news_center01 .news_01 .right .rect-7269{padding-bottom:72.69%;}
.news_center01 .news_01 .right .rect-7275{padding-bottom:72%;}
.news_center01 .news_01 .right .r_top{margin-bottom:14px; overflow:hidden;}
.news_center01 .news_01 .right .r_top .top_l{float:left; width:49%;}
.news_center01 .news_01 .right .r_top .top_l .introduce{position:absolute; left:0; bottom:0; z-index:2;  background:url(../img/jb_black.png) center;}
.news_center01 .news_01 .right .r_top .top_l .introduce .box{padding:5%;}
.news_center01 .news_01 .right .r_top .top_l .introduce .box .d{font-size:14px; line-height:24px; color:#fff;}
.news_center01 .news_01 .right .r_top .top_l .introduce .box .t{font-size:17px; line-height:24px; font-weight:bold; color:#fff; height:48px; overflow:hidden;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news_center01 .news_01 .right .r_top .top_r{float:right; width:49%;}
.news_center01 .news_01 .right .r_top .top_r .introduce{position:absolute; left:0; bottom:0; z-index:2; background:url(../img/jb_black.png) center; width:100%;}
.news_center01 .news_01 .right .r_top .top_r .introduce .box{padding:5%;}
.news_center01 .news_01 .right .r_top .top_r .introduce .box .d{font-size:14px; line-height:24px; color:#fff;}
.news_center01 .news_01 .right .r_top .top_r .introduce .box .t{font-size:17px; line-height:24px; font-weight:bold; color:#fff; height:48px; overflow:hidden;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news_center01 .news_01 .right .r_bott{overflow:hidden;}
.news_center01 .news_01 .right .r_bott .bott_l{float:left; width:49%;}
.news_center01 .news_01 .right .r_bott .bott_l{background:#facd00;}
.news_center01 .news_01 .right .r_bott .bott_l .box{padding:10% 4%; color:#4f4f4f;}
.news_center01 .news_01 .right .r_bott .bott_l .box .d{font-size:14px; line-height:24px;}
.news_center01 .news_01 .right .r_bott .bott_l .box .t{font-size:17px; line-height:30px; font-weight:bold; max-height:90px; overflow:hidden;overflow:hidden;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.news_center01 .news_01 .right .r_bott .bott_r{float:right; width:49%;}
.news_center01 .news_01 .right .r_bott .bott_r{background:#0078d4;}
.news_center01 .news_01 .right .r_bott .bott_r .box{padding:10% 4%; color:#fff;}
.news_center01 .news_01 .right .r_bott .bott_r .box .d{font-size:14px; line-height:24px;}
.news_center01 .news_01 .right .r_bott .bott_r .box .t{font-size:17px; line-height:30px; font-weight:bold; max-height:90px; overflow:hidden;overflow:hidden;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}

.news_center02{ width:100%; padding:60px 0; position:relative;}
.news_center02 .top{ text-align:center; position:relative;}
.news_center02 .top .tit{font-size: 36px;  margin-bottom: 40px; font-weight: bold; color: #333;}
.news_center02 .news_02{ position:relative;}
.news_center02 .news_02 .left{width:56%; float:left;}
.news_center02 .news_02 .left .rect-67{ border-radius:10px;}
.news_center02 .news_02 .left .cell{width:47.7%; margin-left:3.5%; float:left;}
.news_center02 .news_02 .left .cell a{display:block;}
.news_center02 .news_02 .left .cell:first-child{margin-left:0;}
.news_center02 .news_02 .left .cell .img_{position:relative;}
.news_center02 .news_02 .left .cell .img_:after{content:''; width:55px; height:55px; background:url(../img/ipart01_2.png) no-repeat center; transition:all 0.5s ease; position:absolute; left:50%; margin-left:-27px; bottom:-27px;}
.news_center02 .news_02 .left .cell .intro{margin-top:50px;}
.news_center02 .news_02 .left .cell .intro .t{font-size:24px; color:#1f1f1f; line-height:26px; max-height:26px; margin-bottom:7px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_center02 .news_02 .left .cell .intro .d{font-size:16px; line-height:20px; color:#a8a8a8;  margin-bottom:7px;}
.news_center02 .news_02 .left .cell .intro .c{font-size:16px; color:#666; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_center02 .news_02 .left .cell:hover .img_:after{background:url(../img/ipart01_3.png) no-repeat center;}
.news_center02 .news_02 .left .cell:hover .intro .t{color:#0078d4;}
.news_center02 .news_02 .right{width:43%; float:right;}
/*.news_center02 .news_02 .right .scroll_con{height:399px; overflow:hidden;}*/
.news_center02 .news_02 .right li{border-bottom:1px solid #eee; position:relative;}
.news_center02 .news_02 .right li:before{ position:absolute; content:''; width:0; height:3px; background:#0078d4; left:0; bottom:0; z-index:99;}
.news_center02 .news_02 .right li:hover:before{ width:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.news_center02 .news_02 .right .li_box{padding:4%; display:block;}
.news_center02 .news_02 .right .li_box .date{width:30%; color:#a7a7a7; transition:all 0.5s ease;}
.news_center02 .news_02 .right .li_box .date .day{font-size:60px;  line-height:1;}
.news_center02 .news_02 .right .li_box .date .year {font-size:16px; line-height:20px; color:#888585;}
.news_center02 .news_02 .right .li_box .intro{width:100%; float:left; margin-top:5px;}
.news_center02 .news_02 .right .li_box .intro .t{font-size:22px; line-height:30px;  max-height:30px; color:#252424; margin-bottom:11px; transition:all 0.5s ease;  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.news_center02 .news_02 .right .li_box .intro .c{font-size:16px; line-height:26px;  max-height:26px; color:#666;transition:all 0.5s ease; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.news_center02 .news_02 .right .scroll_btn .btns{width:49%; float:left; margin-right:1%;  max-height:25px; line-height:25px; text-align:center; font-size:16px;background:#e7e7e7; color:#fff; font-weight:bold; cursor:pointer; transition:all 0.5s ease;}
.news_center02 .news_02 .right .scroll_btn .btns:hover{background:#0078d4;}
.news_center02 .news_02 .right li:hover .li_box .date{color:#0078d4;}
.news_center02 .news_02 .right li:hover .li_box .intro .t{color:#0078d4; font-weight:bold;}

.news_center03{ width:100%; padding:60px 0; position:relative; background:#f5f5f5;}
.news_center03 .top{ text-align:center; position:relative;}
.news_center03 .top .tit{font-size: 36px; margin-bottom: 40px; font-weight: bold; color: #333;}
.news_center03 .news_03{ position:relative;}
.news_center03 .news_03 li{ width: 49%; float: left;  margin-bottom: 25px; margin-right:2%; position:relative;}
.news_center03 .news_03 li:nth-child(2n){ margin-right:0;}
.news_center03 .news_03 li a{ display: block; background: #fff; padding: 25px 3%; position: relative; }
.news_center03 .news_03 li .news_text{position: relative; z-index:9;}
.news_center03 .news_03 li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold;overflow: hidden;  transition: 0.35s;}
.news_center03 .news_03 li .news_fix p{ color: #666; font-size: 14px; line-height: 30px;  max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_center03 .news_03 li .news_fix .year{font-size: 16px;line-height: 20px;color: #888585;}
.news_center03 .news_03 li a:hover .news_fix h3{ color: #0078d4;}
.news_center03 .news_03 li:before{ position:absolute; content:''; width:0; height:5px; background:#0078d4; left:0; bottom:0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; z-index:99;}
.news_center03 .news_03 li:hover:before{ width:100%;}
.news_center03 .news_03 li:hover{box-shadow:0 0 20px rgba(0,0,0, 0.2)}
.NewsL{ width: 70%; float:left;}
.page_news{ position: relative; width: 100%;}
.page_news li{ width: 100%; float: left;  margin-bottom: 2%; position:relative;}
.page_news li a{ display: block; background: #f9f9f9; padding: 20px 4%; position: relative; }
.page_news li .news_text{ position: relative; z-index:9;}
.page_news li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 16%; margin: 0 20px 0 0;}
.page_news li .news_text .img img{ display: block; width: 100%;  transition: 0.48s;}
.page_news li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 10px; font-weight: bold;overflow: hidden;  transition: 0.35s;}
.page_news li .news_fix p{ color: #666; font-size: 14px; line-height: 26px;  max-height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.page_news li .news_fix .year{font-size: 16px;line-height: 20px;color: #888585;}
.page_news li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.page_news li a:hover .news_fix h3{ color: #0574d5;}
.page_news li:before{ position:absolute; content:''; width:0; height:5px; background:#0078d4; left:0; bottom:0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; z-index:99;}
.page_news li:hover:before{ width:100%;}
.page_news li:hover{box-shadow:0 0 20px rgba(0,0,0, 0.1)}
.NewsR{width: 27%; float:right;}
.NewsR .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #0078d4; line-height: 1;    padding-left: 8px;}
.NewsR .news_hot .item{margin-bottom: 15px;}
.NewsR .news_hot .item .infor{padding: 6%;background: #f7f7f7;}
.NewsR .news_hot .item .infor .tit{ font-size: 18px;color: #333;font-weight: bold; max-height: 22px; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.NewsR .news_hot .item .infor .con{font-size: 14px;color:#666;line-height: 24px; max-height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.NewsR .news_hot .item:hover .infor .tit{ color:#0078d4;}
.NewsR .cover{border: #f3f3f3 10px solid;}
.NewsR .pages01{ width:90%; padding: 5%; background: #fff; }
.NewsR .pages01 .pages1_l{ float:left; width:100%; padding-bottom: 20px;margin-bottom: 20px; border-bottom: 1px #ececec solid;}
.NewsR .pages01 .pages1_l p{font-size: 20px;font-weight: bold; color: #0078d4; position: relative; padding-bottom: 8px;}
.NewsR .pages01 .pages1_l a{ line-height:28px; color:#333; font-size: 15px;}
.NewsR .pages01 .pages1_l:hover a{ color:#0078d4;}
.NewsR .pages01 .pages1_r{ float:left; width:100%; }
.NewsR .pages01 .pages1_r p{font-size: 20px;font-weight: bold; color: #0078d4; position: relative; padding-bottom: 8px;}
.NewsR .pages01 .pages1_r a{ line-height:28px; color:#333;display:block; font-size: 15px;}
.NewsR .pages01 .pages1_r:hover a{ color:#0078d4;}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:15px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsC>span{ display: inline-block; padding: 0 12px; position:relative;}
.pageNewsC>span:after{ position:absolute; content:''; width:1px; height:12px; background:#ddd; right:0; top:50%; margin-top:-6px;}
.pageNewsC>span:last-child:after{ display:none;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD p a{font-size: 15px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100% !important;}
.pageNewsD table,tr{ font-size: 15px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}

.dangj_center01{ position:relative; width:100%; padding:60px 0;}
.dangj_center01 .infor .tit{position:relative; text-align:center;}
.dangj_center01 .infor .tit a{display:inline-block; width:150px;  font-size:32px; font-weight:bold; color:#333;}
.dangj_center01 .infor .tit a span { color: #e00107;}
.dangj_center01 .infor .tit_left{width:42%; height:2px; position:absolute; top:50%; margin-top:-1px; left:0%; background:#e00107;}
.dangj_center01 .infor .tit_right{width:42%; height:2px; position:absolute; top:50%; margin-top:-1px; right:0%; background:#e00107;}
.dangj_center01 .dangj01{ margin-top:30px; position:relative;}
.dangj_center01 .dangj01 .left{width: 56%; float: left;}
.dangj_center01 .dangj01 .left .item{margin-bottom:20px;}
.dangj_center01 .dangj01 .left .item a{display:block;}
.dangj_center01 .dangj01 .left .item .t{font-size:26px; color:#e00107; font-weight:bold; line-height:35px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dangj_center01 .dangj01 .left .item .c{font-size:15px; color:#000; line-height:28px; margin-top:14px; max-height:56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dangj_center01 .dangj01 .left .item:hover .c{color:#e00107;}
.dangj_center01 .dangj01 .left .list {margin-top:20px;}
.dangj_center01 .dangj01 .left .list li{margin-bottom:10px;}
.dangj_center01 .dangj01 .left .list li a{display:block;}
.dangj_center01 .dangj01 .left .list li a span{display:inline-block; vertical-align:middle;}
.dangj_center01 .dangj01 .left .list li a span.sign{font-size:15px; line-height:27px; border-radius:5px; width:10%; background:#e00107; color:#fff; text-align:center; margin-right:2.5%;}
.dangj_center01 .dangj01 .left .list li a span.txt{width:70%; font-size:17px; color:#000; line-height:27px; max-height:27px; overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.dangj_center01 .dangj01 .left .list li:hover a span.txt{color:#e00107;}
.dangj_center01 .dangj01 .right{width:40%; float:right; position:relative;}
.dangj_center01 .dangj01 .right .intro{font-size:17px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.5); padding:0 3%; line-height:55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position:absolute; left:0; bottom:0; z-index:999;  width:94%;}
.dangj_center02{ position:relative; width:100%; padding:60px 0; background:#fdf8f2;}
.dangj_center02 .left{ width:49%; position:relative; float:left;}
.dangj_center02 .left span{font-size: 17px; font-weight: bold; color: #fff; background: rgba(0,0,0,0.5); padding: 0 3%; line-height: 55px; max-height:55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: absolute; left: 0; bottom: 0; z-index: 999; width:94%;}
.dangj_center02 .right{width:49%; position:relative; float:right;}
.dangj_center02 .right .titleTxt { display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 30px; line-height: 30px;}
.dangj_center02 .right .titleTxt .dj_title { font-weight: bold;  font-size: 32px; color:#333; -webkit-flex-shrink: 0;  flex-shrink: 0;  margin-bottom: 0; margin-right: 10px;}
.dangj_center02 .right .titleTxt .dj_title span { color: #e00107;}
.dangj_center02 .right .titleTxt .dj_titleBorder { width: 100%; text-align: right;border-bottom: 1px solid #000;}
.dangj_center02 .right .titleTxt .dj_titleBorder .bi-arrow{font-size: 26px; color: #bac4ce; -webkit-transition: all 0.3s; transition: all 0.3s;}
.dangj_center02 .right .dj02_list{ position: relative;}
.dangj_center02 .right .dj02_list .item{ padding: 15px 0 10px 0;}
.dangj_center02 .right .dj02_list .item:first-child {padding-top: 0;}
.dangj_center02 .right .dj02_list .dj02_firstLi { border-bottom: 2px #cb1235 dashed; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}
.dangj_center02 .right .dj02_list .dj02_firstLi .dj_summaryTitle {  margin-bottom: 10px;}
.dangj_center02 .right .dj02_list .dj02_firstLi .dj_summaryTitle a{font-size: 20px; max-height:24px; font-weight: bold; color:#333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;display:block; }
.dangj_center02 .right .dj02_list .dj02_firstLi .dj_summaryTitle a:hover{color:#e00107;}
.dangj_center02 .right .dj02_list .dj02_firstLi .dj_summary{ display:block;}
.dangj_center02 .right .dj02_list .dj02_firstLi .dj_summary span{ line-height:28px;max-height:56px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dangj_center02 .right .dj02_list .dj02_firstLi .dj_summary a{color: #e00107;}
.dangj_center02 .right .dj02_list .dj02_firstLi .new_date { color: #c8c8c8; font-size: 16px; font-weight: normal; -webkit-flex-shrink: 0; flex-shrink: 0; padding:6px 0;}
.dangj_center02 .right .dj02_list .list-item{border-bottom: 1px #d1d5d7 solid ;}
.dangj_center02 .right .dj02_list .list-item .jd_listTitle {display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-pack: justify; -webkit-justify-content: space-between;justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center;align-items: center; padding:2px 0;}
.dangj_center02 .right .dj02_list .list-item .jd_listTitle a{ color:#333; }
.dangj_center02 .right .dj02_list .list-item .jd_listTitle:hover a{color:#e00107; font-weight:bold;}
.dangj_center02 .right .dj02_list .list-item .new_date { color: #c8c8c8; font-size: 16px; font-weight: normal; -webkit-flex-shrink: 0; flex-shrink: 0; padding:6px 0;}
.dangj_center03{ position:relative; width:100%; padding:60px 0;}
.dangj_center03 .infor .tit{position:relative; text-align:center;}
.dangj_center03 .infor .tit a{display:inline-block; width:150px; font-size:32px; font-weight:bold; color:#333;}
.dangj_center03 .infor .tit a span { color: #e00107;}
.dangj_center03 .infor .tit_left{width:42%; height:2px; position:absolute; top:50%; margin-top:-1px; left:0%; background:#e00107;}
.dangj_center03 .infor .tit_right{width:42%; height:2px; position:absolute; top:50%; margin-top:-1px; right:0%; background:#e00107;}
.dangj_center03 .dangj03{margin-top: 30px; position: relative;}
.dangj_center03 .dangj03 .item{width:47.5%; float:left; margin-right:2.5%;}
.dangj_center03 .dangj03 .item a{display:block;}
.dangj_center03 .dangj03 .top_{margin-bottom:24px;}
.dangj_center03 .dangj03 .top_l{width:29%; float:left;}
.dangj_center03 .dangj03 .top_l .rect-100{padding-bottom:56.25%;}
.dangj_center03 .dangj03 .top_r{width:57%; float:right; padding-right:8%;}
.dangj_center03 .dangj03 .top_r .t{font-size:20px; color:#333; line-height:26px; max-height:26px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dangj_center03 .dangj03 .top_r .t:hover{color:#e00107;}
.dangj_center03 .dangj03 .top_r .c{font-size:15px; color:#666; line-height:26px; margin:10px 0; max-height:78px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.dangj_center03 .dangj03 .top_r .more{font-size:14px; color:#e00107;}
.dangj_center03 .dangj03 .bott_{padding-top:20px; border-top:1px dotted #dbdada;}
.dangj_center03 .dangj03 .bott_ .cell{margin-bottom:18px; background:#eee; line-height:35px;}
.dangj_center03 .dangj03 .bott_ .cell a{display:block; position:relative;}
.dangj_center03 .dangj03 .bott_ .cell i{position:absolute; top:50%; margin-top:-3px; left:10px; width:6px; height:6px; background:#4e4e4e;}
.dangj_center03 .dangj03 .bott_ .cell span{display:block;padding-left:30px; padding-right:20px; font-size:16px; color:#000;max-height:35px; overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.dangj_center03 .dangj03 .bott_ .cell:hover span{color:#e00107;}


.PageTeam{ position:relative;}
.PageTeam li{width:20%; float:left; cursor:pointer; margin-bottom:2%;}
.PageTeam li a{ display:block; margin:0 4%;}
.PageTeam .li_box .intro .box{padding-top:14px;}
.PageTeam .li_box .intro .box .tit{font-size:18px; color:#000; line-height:25px; background:#d5ecf6; display:inline-block; padding:0 2%; width:96%;}
.PageTeam .li_box .intro .box .tit span{display:inline-block;}
.PageTeam .li_box .intro .box .tit{background:none;}
.PageTeam .li_box .intro .box .tit span.name{font-weight:bold;padding-right:10px;position:relative; float:left}
.PageTeam .li_box .intro .box .tit span.name:after{content:''; width:3px; height:20px; background:#0078d4; position:absolute; right:0; top:50%; margin-top:-10px}
.PageTeam .li_box .intro .box .tit span.post{padding:0 3px;float:left; max-height:25px;overflow : hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;width:65%; font-size:16px;}
.PageTeam .li_box .intro .box .con{font-size:14px; color:#3e3e3e; line-height:26px; margin-top:23px; height:52px; overflow:hidden; padding-right:12px; width:100%;}
.PageTeam .li_box .intro .box .more{position:relative; background:#efefef; line-height:44px; text-align:center; margin-top:20px; transition:all 0.5s ease;}
.PageTeam .li_box .intro .box .more i{display:inline-block; font-size:12px; position:absolute; left:7px; top:50%; margin-top:-22px; color:#c0c0c0; font-weight:bold;}
.PageTeam .li_box .intro .box .more span{display:inline-block; font-size:16px; color:#000;}
.PageTeam li:hover .li_box .intro .box .more{background:#0078d4;}
.PageTeam li:hover .li_box .intro .box .more i{color:#fff;}
.PageTeam li:hover .li_box .intro .box .more span{color:#fff;}
.PageTeam .left{ width:24%; float:left;}
.PageTeam .left .oneClass{width: 95%; height: 60px; background: #fff; line-height: 60px; font-size: 20px; font-weight:bold; color: #0078d4;padding-left: 5%; margin: 20px 0 0; border-bottom:2px #ccc solid;}
.PageTeam .left .oneClassT{padding: 20px 5%; font-size: 15px;line-height: 28px;background: #fff;}
.PageTeam .right{ width:73%; float:right;}
.PageTeam .right .cover{ padding:4%; background:#fff; min-height: 510px;}
.PageTeam .title{font-size: 32px;font-weight: bold; line-height: 32px; position: relative; padding-left: 10px; margin-bottom: 20px;}
.PageTeam .title:after {content: '';width: 4px; height: 30px; background: #0078d4; position: absolute; top: 3px; left: 0;}
.PageTeam .tib{ font-size:17px;font-weight:bold; color:#0078d4; line-height:30px; margin-bottom:10px;}
.PageTeam .tib span{ font-size:16px;color:#333; font-weight:normal;}
.PageTeam .tib dd{ font-size:16px;color:#333; font-weight:normal;}

.tousu{ width:100%;}
.tousu .tit{font-size: 36px;color: #333; text-align:center; margin-bottom:45px;}
.tousu .form-group{ width:48%; float:left; position:relative; margin-bottom:20px;}
.tousu .form-group .label{ float:left;display: inline-block; color: #666; vertical-align: middle; margin-right:10px;}
.tousu .form-group .form-control{height: 22px; padding:5px 10px; line-height: 28px; border: 1px #ddd solid; width:70%;}
.tousu .form-group1{ width:100%; float:left; position:relative; margin-bottom:20px;}
.tousu .form-group1 .label{ float:left;display: inline-block; color: #666; vertical-align: middle; margin-right:10px;}
.tousu .form-group1 .form-control{height: 110px; line-height: 28px; border: 1px #ddd solid; width:78%; padding:10px;}
.tousu .button{width:150px;height:38px;float:left; font-size:15px;line-height: 38px;  box-shadow: none; outline:none;border:none;border-radius: 0;text-align:center;background:#f1f1f1; cursor:pointer;}
.tousu .button:hover{background:#0078d4; color:#fff;}

.news-tops{ position:relative; width:100%; margin-bottom:30px;}
.news-tops .items{display: inline-block; vertical-align: middle; float:left; font-size: 16px; position: relative; width: 49%; margin-right: 2%; border-radius: 5px; overflow: hidden; color: #fff;}
.news-tops .items:nth-child(2n){ margin-right:0}
.news-tops .items .zhegai{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0, 0.4); z-index:2;}
.news-tops .items .images{ background:#0078d4;}
.news-tops .items .words { position: absolute; bottom: 0; left: 0; width: 100%;padding:40px 20px; box-sizing: border-box; z-index:99;}
.news-tops .items .time {line-height: 1; font-size:16px;}
.news-tops .items .blins{ position:relative;}
.news-tops .items .ft26 { font-size:18px;font-weight:bold;line-height: 28px; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;overflow: hidden; padding-right: 40px;}
.news-tops .items .blins:before{width:35px;height: 35px;content:'';position: absolute; right: 0;bottom: 0;background: url(../img/i30.png) no-repeat center; background-size: 100%;border: 1px solid #fff; border-radius: 50%;}


.departTop{ position:relative;}
.departTop .left{ width:45%; float: left; background: #0078d4; border-radius: 50px 0 0 0;position: relative; font-size:16px; line-height:30px; color:#fff;}
.departTop .left .box{ padding:6%;}
.departTop .right{ position:absolute; right:0; top:0; width:55%; background:url(../img/departTop.jpg) center no-repeat; height:100%; background-size: cover;}
.PageDepart{ width:100%; position:relative; background:#fff;}
.PageDepart .cover{ padding:4%;}
.PageDepart .tabs{ position:relative;}
.PageDepart .tabs-list li{ width: 16.666%; float: left; text-align: center; margin-bottom:2%;}
.PageDepart .tabs-list li a{ display:block; margin:0 1%; background-color: #e3eaf6; line-height: 45px;border-radius: 23px; cursor: pointer;font-size: 17px; color: #333; font-weight: bold;}
.PageDepart .tabs-list li.active a,.tabs-list li:hover a{ color:#fff;background-color: #0078d4;}
.PageDepart .tabs-container{ position:relative; overflow: hidden;}
.PageDepart .tabs-container .tab-content{font-size:15px;color: #666;line-height: 30px;overflow: hidden;margin-top: 40px;}

.PageShebei{ width: 100%; position: relative;}
.PageShebei li{ width: 25%;  float: left; margin-bottom: 2%; cursor: pointer;-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; position:relative;}
.PageShebei li:hover {
 -webkit-transform: scale(1.05) translate3d(-10px) rotate(-1.5deg);
 -moz-transform: scale(1.05) translateY(-10px) rotate(-1.5deg);
 -ms-transform: scale(1.05) translateY(-10px) rotate(-1.5deg);
 transform: scale(1.05) translateY(-10px) rotate(-1.5deg);
}
.PageShebei li .box{ border:2px #ddd solid; padding:4px; margin:0 2%;  overflow: hidden;}
.PageShebei li .box .ico{ position:absolute; z-index:99; top:10%; left:8%;}
.PageShebei li .img{position: relative; overflow: inherit;  }
.PageShebei li:hover .box{border: 2px #0078d4 solid;}
.PageShebei 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%;}
.PageShebei li p{ line-height:50px; height:50px; padding:0 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageShebei li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageShebei li:hover p{  color: #0078d4;}



.PageMlrk{ width: 100%; position: relative;}
.PageMlrk li{ width: 25%; float: left; margin-bottom: 2%; cursor: pointer;-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; position:relative;}
.PageMlrk li a{display:block; margin:0 2%;}
.PageMlrk li:hover {
 -webkit-transform: scale(1.05) translate3d(-10px) rotate(-1.5deg);
 -moz-transform: scale(1.05) translateY(-10px) rotate(-1.5deg);
 -ms-transform: scale(1.05) translateY(-10px) rotate(-1.5deg);
 transform: scale(1.05) translateY(-10px) rotate(-1.5deg);
}
.PageMlrk li .box{ border:2px #ddd solid;border-radius: 6px; padding:4px; box-shadow:0 0 20px rgba(0,0,0, 0.1); overflow: hidden;}
.PageMlrk li:nth-child(4n){ margin-right: 0;}
.PageMlrk li .box .ico{ position:absolute; z-index:99; top:10%; left:8%;}
.PageMlrk li .img{position: relative; overflow: inherit;  }
.PageMlrk li:hover .box{border: 2px #0078d4 solid;}
.PageMlrk 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%;}
.PageMlrk li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageMlrk li .tit{ padding:10px 3%;}
.PageMlrk li .tit p{float:left; width:60%; padding-left:30px; line-height:27px; color: #333; transition: 0.3s all ease; font-size: 17px; font-weight:bold; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; background:url(../img/xcico.png) left no-repeat;}
.PageMlrk li .tit span{ float:right; padding-right:3%; font-size:13px; color:#0078d4;padding: 6px 12px; background-color: rgba(0, 0, 0, 0.03); -webkit-border-radius: 3px;
    -moz-border-radius: 3px;border-radius: 15px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.15s ease-in;}
.PageMlrk li:hover p{  color: #0078d4;}
.PageMlrk .cover{ padding:6%; background:#fff;}
.PageMlrk .title{ padding-left:35px; border-bottom:1px #ddd solid; margin-bottom:40px; background:url(../img/nxcico.png) left no-repeat;}
.PageMlrk .title p{ font-size:24px; color:#333; float:left; font-weight:bold; width:70%; line-height:35px; }
.PageMlrk .title .fh{ padding:10px 15px; font-size:15px; background:#333; float:right; color:#fff;}
.PageMlrk .title .fh:hover{background:#0078d4;}
.PageMlrk .item{ width:22.75%; float:left; margin-right:3%; margin-bottom:30px; box-shadow:0 0 15px rgba(0,0,0,0.1); cursor:pointer;}
.PageMlrk .item .box{padding:5px; background-color:#fff;}
.PageMlrk .item:first-child{transform: rotate(-3deg)}
.PageMlrk .item:nth-child(4n){ margin-right:0;}
.PageMlrk .item:nth-child(2n){transform: rotate(6deg) translateY(35px);}
.PageMlrk .item:nth-child(2n-1){transform: rotate(-4deg)}



.PagePaiban{ width: 100%; position: relative;}
.PagePaiban li{ width:49%; float:left; margin-right:2%; background-color:#eeefef;line-height: 50px;margin-bottom: 10px;}
.PagePaiban li:nth-child(2n){ margin-right:0;}
.PagePaiban li a{padding:0 20px; display:block;}
.PagePaiban li i{ float:left; color:#333; line-height:50px; margin-right:10px;}
.PagePaiban li .news_fix{ width:55%; float:left; font-size:17px; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PagePaiban li .date{ font-size:15px; color:#666; float:right;}
.PagePaiban li:hover{background-color:#0078d4;}
.PagePaiban li:hover .news_fix,.PagePaiban li:hover .date,.PagePaiban li:hover i{ color:#fff;}

.PageGuahao{ width:100%; position:relative;}
.PageGuahao .tit{font-size: 36px;color: #333; text-align:center; margin-bottom:30px;}
.PageGuahao .left{ float:left; width:40%;}
.PageGuahao .left .form-group{ width:100%; position:relative; margin-bottom:20px;}
.PageGuahao .left .form-group .label{ float:left;display: inline-block; color: #666; vertical-align: middle; margin-right:10px;}
.PageGuahao .left .form-group .form-control{height: 22px; padding:5px 10px; line-height: 28px; border: 1px #ddd solid; width:70%;}
.PageGuahao .left .button{width: 150px; height: 38px; font-size:15px; line-height: 38px;  box-shadow: none; outline: none; border: none; border-radius: 0;text-align:center; background:#f1f1f1; cursor:pointer;}
.PageGuahao .left .button:hover{background:#0078d4; color:#fff;}
.PageGuahao .right{ float:right; width:60%; font-size:16px; color:#333; line-height:40px;}

.map_box{height: 380px; max-height: 380px; position: relative; margin-top:20px;}
.map_box .map{ height:100%;overflow:hidden;}
.map_box .con{ position:absolute; top:15%; right:5%; background: rgba(0,120,212, 0.8); color:#fff; }
.map_box .con dl{ padding:40px 30px; }
.map_box .con dt{ font-size:24px; font-weight:bold; margin-bottom:20px; }
.map_box .con dd{ font-size:16px; line-height:28px;}
.map_box .con dd a{ color:#fff;}
.contact_us02{background: #f5f7f9;overflow: hidden;padding: 50px 0;}
.contact_us02 .item{background:#fff; width:49%; float:left; margin-right:2%;}
.contact_us02 .item:nth-child(2n){ margin-right:0;}
.contact_us02 .item .box{padding:45px 35px;-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;}
.contact_us02 .item .box .t{color:#000; font-size:20px; margin-bottom:10px; font-weight:bold;}
.contact_us02 .item .box .info{color:#333; font-size:16px; line-height:1.6;}
.contact_us02 .item .box:hover{ box-shadow:0 0 20px rgba(0,0,0,.1);background:-webkit-linear-gradient(120deg,#0078d4,#0491fd); background:linear-gradient(120deg,#0078d4,#0491fd);}
.contact_us02 .item .box a{transition:none;}
.contact_us02 .item .box a:hover{color:#fff;}
.contact_us02 .item .box:hover .t{color:#fff;}
.contact_us02 .item .box:hover .info{color:#fff;}



/* fenye */
.pages { margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:36px; line-height:36px; background:#f8f8f8; }
.pages li a{text-align:center; color:#333; padding:0 15px;}
.pages .active {background:#0078d4;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#0078d4;   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;}
.pages1{ width:100%; padding: 2% 0; background: #fff; margin-top: 20px; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#0078d4;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#0078d4;}




/* 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: 60%;
    height: 60vh;
    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: #0078d4;

    -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: #0078d4;
}
#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%;
}