/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; }
i,em { font-weight:normal; font-style:normal; }
b{font-weight: normal;}
a,i,em,span,b,img{display: block;}
body { font-family: "Microsoft Yahei" , "PingFang SC"; }
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
input::-webkit-search-cancel-button{display: none;}/*清除谷歌浏览器下的 search 叉号*/
input::-ms-clear{display: none;}/*清除IE下的 search 叉号*/
textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸大小功能*/
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*========定义基础样式========*/
.hide { display:none;}
.vis{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }
/*a标签鼠标hover高亮显示状态（可选用）*/
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
/*主体宽度样式（可选用）如有新宽度，命名规则以小写w开头，后接具体宽度数据，例：*/
.w1200{width: 1200px; margin: 0px auto; }
.w1300{width: 68.4%;min-width: 1200px; margin: 0px auto; }
.w1400{width: 72.91%;min-width: 1200px; margin: 0px auto; }
.w1780{width: 92.7%;min-width: 1200px; margin: 0px auto; }
body{overflow-x: hidden;padding-top: 180px;}
.header{width: 100%;height: 99px;background: #fff;border-bottom: #e0e0e0 1px solid;position: fixed;top: 0;left: 0;width: 100%;z-index: 9;}
.header .logo a{display: flex;align-items: center; width: 400px;height: 99px;}
.header .list_nav li{float: left;}
.header .list_nav li{position: relative; float: left;}
.header .list_nav li .one{position: relative; display: block; margin: 0 1.9vw; font-size: 17px;color: #333; line-height: 99px;}
.header .list_nav li .one::after{transition: all 0.5s; position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%); width: 0;height: 2px;background: #21529c;content:" ";}
.header .list_nav li .pos{transition: all 0.5s; position: absolute;left: 50%;top:60px;z-index: 9; margin-left: -69px; width: 138px;height: 0px;overflow: hidden;}
.header .list_nav li .bac{position: relative;padding: 7px 0; background: rgba(253,252,253,0.95);background: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.1);margin: 0 6px 6px;}
.header .list_nav li .bac i{transition: all 0.5s; position: absolute;left: 50%;top: -14px;transform: translateX(-50%); width: 0px;height: 28px;background: url(../images/icon/icon_29.png) center no-repeat;}
.header .list_nav li .bac a{ display: flex; margin: 0;padding-left: 25px; line-height: 49px;font-size: 16px;color: #444;text-align: center;}
.header .list_nav li .bac a em{
display: none;
margin: 22px 0 0 6px;
width:12px;
height: 7px;
background: url(../images/icon/icon_46.png) center no-repeat;
background-size: 100% auto;
}
.header .list_nav li .bac .two.go a em{
display: block;
}
.header .list_nav li .bac em{color: #21529c;}
.header .list_nav li .three{
transition: all 0.7s;
max-height: 0;
overflow: hidden;
}
.header .list_nav li .three a{
padding: 0;
font-size: 14px;
line-height: 30px;
text-align: center;
display: block;
}
.header .list_nav p{margin-right: 21px; float: left;padding-top: 5px; font-size: 16px;color: #fefefd;line-height: 67px;}
.header .list_nav li:hover .one::after,.header .list_nav li.cur .one::after{transition: all 0.5s;width: 100%;}
.header .list_nav li:hover .pos{transition: all 0.5s; height: auto;padding-top: 32px;}
.header .list_nav li:hover .bac i{transition: all 0.5s;width: 28px;}
.header .list_nav li .two:hover a{
color: #21529c;
}
.header .list_nav li .two:hover .three a{
color: #444;
}
.header .list_nav li .two:hover em{
background: url(../images/icon/icon_46s.png) center no-repeat;
background-size: 100% auto;
}
.header .list_nav li .two.on .three{
transition: all 0.7s;
max-height:200px;
}
.header .list_nav li .two:hover .three a:hover{
color: #21529d;
}
.header .search i{margin-left: 1.9vw; width: 15px;height: 99px;background: url(../images/icon/icon_24.png) center no-repeat;}
@media(max-width:1400px){
.header .list_nav li .one{margin: 0 1.6vw;}
.header .search i{margin-left: 1.6vw;}
}
.footer{padding-top: 28px; background: #fafafa;}
.footer .t{margin:0 0 0; position: relative;}
.footer .t i{position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #e4e7ea;}
.footer .t img{position: relative;z-index: 3; margin:0 auto;padding:0 20px;display: block; background: #fafafa;}
.footer .top{padding: 5px 0 22px; border-bottom: #e4e7ea 1px solid;}
.footer .top .list{margin-top: 44px; max-width: 322px;/* max-width: 403px; */}
.footer .top .list li{float: left;line-height: 47px;}
.footer .top .list li a{float: left; font-size: 16px;color: #868585;}
.footer .top .list li a:hover{color: #21529c;}
.footer .top .list li i{float: left;margin: 18px 24px 0;width: 1px;height: 15px;background: #c8ccce;}
/* .footer .top .list li:nth-child(1) a{width: 177px;text-align: right;}
*/
.footer .top .right{max-width: 750px;}
.footer .top .right b{margin-bottom: 20px; font-size: 18px;color: #333;}
.footer .top .right .fl{width: 303px;}
.footer .top .right .fl:nth-child(2n){width: 440px;}
.footer .top .right p{padding-left: 34px;line-height: 47px;font-size: 16px;color: #868585;}
.footer .bot{padding: 26px 0 30px;}
.footer .bot .left{ display: flex;line-height: 34px; font-size: 16px;color: #868585;}
.footer .bot .left a{color: #868585;}
.footer .bot .right .icon div.fl{position: relative;cursor: pointer;}
.footer .bot .right .icon i{width: 31px;height: 34px; background: url(../images/icon/icon_35.png) center no-repeat;}
.footer .bot .right .icon i:hover{background: url(../images/icon/icon_35s.png) center no-repeat;}
.footer .bot .right .icon div.fl:nth-child(2){margin: 0 26px;}
.footer .bot .right .icon div.fl:nth-child(2) i{background: url(../images/icon/icon_37.png) center no-repeat;}
.footer .bot .right .icon div.fl:nth-child(2):hover i{background: url(../images/icon/icon_37s.png) center no-repeat;}
.footer .bot .right .icon div.fl:nth-child(3) i{background: url(../images/icon/icon_36.png) center no-repeat;}
.footer .bot .right .icon div.fl:nth-child(3):hover i{background: url(../images/icon/icon_36s.png) center no-repeat;}
.footer .bot .right .icon .pos{transition: all 0.5s; position: absolute;left: -45px;bottom: 43px;width: 120px;height: 0px;overflow: hidden;}
.footer .bot .right .icon .pos img{width: 120px;height: 129px;}
.footer .bot .right .icon div.fl:hover .pos{height: 129px;}
.footer .bot .right .select{position: relative;z-index: 9; margin:0 26px 0 0;padding: 0 20px 0 0;border-bottom: #e4e7ea 1px solid; cursor: pointer;}
.footer .bot .right .select p{ padding-right: 20px;width: 200px; height: 33px;line-height: 33px; font-size: 16px;color: #868585; background: url(../images/icon/icon_58.png) right center no-repeat;}
.footer .bot .right .select .pos{display: none;max-height: 370px;overflow-y: auto; position: absolute;left: 0;bottom: 53px;border: #fff 1px solid;width: calc(100% - 22px);padding:20px 10px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.footer .bot .right .select .pos a{padding:5px 0 5px 2px;line-height: 30px;font-size: 16px;color: #666;}
.footer .bot .right .select .pos a:hover{color: #ff0000;}
.footer .bot .right .select.on p{background: url(../images/icon/icon_58s.png) right center no-repeat;}
/*左侧飘窗*/
.pup_img{transition: all 0.8s; position: fixed;left: 0;bottom: 50%;transform: translateY(50%); z-index: 10;height: 0px; overflow: hidden;}
.pup_img i{width: 100%;height: 26px;background: url(../images/icon/icon_30.png) right center no-repeat;cursor: pointer;}
.pup_img img{width: 116px;}
.pup_img_fixed{transition: all 0.8s;height: 407px;}
.toTop{opacity: 0;transition: all 0.5s; font-size: 18px;color: #999999;position: fixed;bottom: 10px;right: 2%;z-index: 10; width: 22px;height: 36px; text-align: center;padding-top: 40px;background: url(../images/icon/i10.png) center 15px no-repeat;cursor: pointer;}
.toTop:hover{transition: all 0.5s;color: #21529c; background: url(../images/icon/i10s.png) center 0px no-repeat;cursor: pointer;}
.toTop_fixed{opacity: 1;}
/* 悬浮 */
/*.suspension{display: none; position: fixed;right: 0;top: 50%;z-index: 13; cursor: pointer;min-width: 70px;border-radius: 10px 0 0 10px;overflow: hidden;}*/
/*.suspension .sus{position: relative; width: 100%;padding: 6px 0;background: #e4eefc;margin-top: 1px;}*/
/*.suspension .sus1 p{ height:34px; background: url(../images/icon/about_3s.png) center no-repeat;}*/
/*.suspension .sus2 p{ height:34px; background: url(../images/icon/about_4s.png) center no-repeat;}*/
/*.suspension .sus3 p{ height:34px; background: url(../images/icon/about_5s.png) center no-repeat;}*/
/*.suspension .sus4 p{ height:34px; background: url(../images/icon/about_6s.png) center no-repeat;}*/
/*.suspension .sus5 p{ height:34px; background: url(../images/icon/about_7s.png) center no-repeat;}*/
/*.suspension .sus .pos{display: block; }*/
/*.suspension .sus .pos div{}*/
/*.suspension .sus .pos div em{color: #21529c;text-align: center;font-size: 14px;}*/
/*.suspension .sus .pos img{display: block;padding:12px 0 0 14px;width: 111px;height: 111px;}*/
/*.suspension .sus1:hover p{background: url(../images/icon/about_3.png) center no-repeat;}*/
/*.suspension .sus2:hover p{background: url(../images/icon/about_4.png) center no-repeat;}*/
/*.suspension .sus3:hover p{background: url(../images/icon/about_5.png) center no-repeat;}*/
/*.suspension .sus5:hover p{background: url(../images/icon/about_7.png) center no-repeat;}*/
/*.suspension .sus:hover{*/
/* background: #003399;*/
/*}*/
/*.suspension .sus4:hover{*/
/* background: #b1df51;*/
/*}*/
/*.suspension .sus4{*/
/* background: #b1df51;*/
/*}*/
/*.suspension .sus4 .pos div em{*/
/* color: #fff;*/
/*}*/
/*.suspension .sus:hover .pos div em{*/
/* color: #fff;*/
/*}*/
/*.suspension_fixed{display: block;}*/
/*留言弹窗*/
.message_team{display: none; position: fixed;left: 50%;top: 50%;z-index: 30; transform: translate(-50%,-50%);padding:40px 48px 50px;width: 680px; background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.message_team .title{margin-bottom: 30px;padding: 0; text-align: center;font-size: 24px;color: #0b4da2;font-weight: bold;}
.message_team .list li{margin:0 40px 18px 0;width: 200px; border-bottom: #b8b8b9 1px solid;}
.message_team .list li:nth-child(3n){margin-right: 0;}
.message_team .list li.other{margin-right:0;width: 100%;}
.message_team .list .tit{margin-bottom: 4px; font-size: 14px;color: #666;}
.message_team .list .tit p{float: left;}
.message_team .list .tit i{float: left;color: #ec0202;}
.message_team .list .antistop{position: relative;width: 100%; cursor: pointer;}
.message_team .list .antistop p{width:178px;height: 33px;line-height: 33px;font-size: 14px;color: #666; background: url(../images/zimages/icon_5.png) right center no-repeat;cursor: pointer;}
.message_team .list .antistop p.cur{ background: url(../images/zimages/icon_5.png) right center no-repeat;}
.message_team .list .antistop .pos{display: none; position: absolute;left: 0px;top: 34px;z-index: 2; width:calc(100% - 2px);max-height: 370px;overflow-y: auto; background: #fff;border: #e7e6e6 1px solid;border-top: none;}
.message_team .list .antistop .pos em{ line-height: 39px; font-size: 14px;color: #333;text-align: center; border-bottom: #f1efef; cursor: pointer;}
.message_team .list .antistop .pos em:hover{color: #0b4da2; background: #eef0f2;}
.message_team .list .inp{width: 100%;}
.message_team .list .inp input{width: 100%;height: 33px;line-height: 33px;font-size: 14px;color: #666;}
.message_team .list .inp textarea{width: 100%;height: 100px;border: none;}
.message_team .verify{line-height: 50px; font-size: 16px;color: #868585;}
.message_team .verify p{float: left;margin-right: 10px;}
.message_team .verify input{float: left;margin-right: 20px;padding: 0 10px; width: 172px;height: 50px;line-height: 50px;background: #eef0f2;}
.message_team .verify img{margin-right: 20px; float: left;width: 150px;}
.message_team .verify em{float: left;font-size: 16px;color: #0b4da2; cursor: pointer;}
.message_team .but{display: block;margin: 30px auto 0;width: 208px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background: #0b4da2;border: none;cursor: pointer;}
.message_team .delete{position: absolute;right:-54px;top: 0;width: 38px;height: 38px;background: url(../images/zimages/icon_16.png) right center no-repeat;cursor: pointer;}
.message_team_bac{display: none; position: fixed;left: 0;top: 0;z-index: 28; width: 100%;height: 100%;background: #000;opacity: 0.6;}
/*图片放大缩小*/
@keyframes kenburns {
0% {-webkit-transform: scale(1.3);
transform: scale(1.3);}
50% {
-webkit-transform: scale(1);
transform: scale(1);}
}
@-webkit-keyframes kenburns {
0% {-webkit-transform: scale(1.3);
transform: scale(1.3);}
50% {
-webkit-transform: scale(1);
transform: scale(1);}
}
@-moz-keyframes kenburns {
0% {-webkit-transform: scale(1.3);
transform: scale(1.3);}
50% {
-webkit-transform: scale(1);
transform: scale(1);}
}
#bloc {position: relative;min-height: 100%;opacity: 1;transition: opacity 0.2s;pointer-events: auto;}
#bloc.on {pointer-events: none;}
/*上下动*/
@keyframes Height {
0% {height: 0px;}
100% {height: 365px;}
}
@-webkit-keyframes Height {
0% {height: 0px;}
100% {height: 365px;}
}
@-moz-keyframes Height {
0% {height: 0px;}
100% {height: 365px;}
}
@-ms-keyframes Height {
0% {height: 0px;}
100% {height: 365px;}
}
/*由上方滑动下来且有渐显*/
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
/*由下方滑动上来 伴随着渐显*/
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInUp2 {
-webkit-animation-name: fadeInUp2;
animation-name: fadeInUp2
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,40%,0);
transform: translate3d(0,40%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translate3d(0,40%,0);
-ms-transform: translate3d(0,40%,0);
transform: translate3d(0,40%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
/*从左滑动出来 伴随着渐显*/
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
-ms-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
/*从右滑动出来 伴随着渐显*/
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
-ms-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
/*从左滑动出来 伴随着渐显*/
.fadeInLefts {
-webkit-animation-name: fadeInLefts;
animation-name: fadeInLefts
}
@-webkit-keyframes fadeInLefts {
0% {
opacity: 0;
-webkit-transform: translate3d(-80px,0,0);
transform: translate3d(-80px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLefts {
0% {
opacity: 0;
-webkit-transform: translate3d(-80px,0,0);
-ms-transform: translate3d(-80px,0,0);
transform: translate3d(-80px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
/*从右滑动出来 伴随着渐显*/
.fadeInRights {
-webkit-animation-name: fadeInRights;
animation-name: fadeInRights
}
@-webkit-keyframes fadeInRights {
0% {
opacity: 0;
-webkit-transform: translate3d(80px,0,0);
transform: translate3d(80px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRights {
0% {
opacity: 0;
-webkit-transform: translate3d(80px,0,0);
-ms-transform: translate3d(80px,0,0);
transform: translate3d(80px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
-ms-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
.aboutNav{
background: #f5f5f5;
min-height: 100px;
display: flex;
}
.aboutWid{
display: flex;
justify-content: space-between;
}
.anoutTitle{
position: relative;
}
.titleImg{
margin-top: 28px;
}
.titleImg img{
height: 35px;
}
.anoutTitle h2 {
display: flex;
position: absolute;
font-size: 34px;
bottom: 18%;
}
.us{
color: #0b4da2;
}
.aboutAddress{
display: flex;
align-items: center;
font-size: 14px;
}
.nowAddress{
margin-left: 10px;
}
.aboutAddress a:last-child,.aboutAddress a:hover{color: #0b4da2;}
.aboutBtn{
line-height: 70px;
border-bottom: 1px solid #ebebeb;
}
.aboutBtn ul{
display: flex;
/* justify-content: space-between; */
}
.aboutBtn ul li{
flex-grow: 1;
position: relative;
/* width: 16.67%; */
text-align: center;
border-left: 1px solid #ebebeb;
}
.aboutBtn ul li::after{
transition: all 0.5s;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 0%;
height: 3px;
background:#0b4da2;
content: " ";
}
.aboutBtn ul li.curr::after,.aboutBtn ul li:hover::after{
transition: all 0.5s;
width: 100%;
}
.aboutBtn ul li.curr a,.aboutBtn ul li:hover a{
color: #0b4da2;
}
.aboutBtn ul li:last-child{
border-right: 1px solid #ebebeb;
}
.aboutBtn ul li a{
width: 100%;
height: 100%;
display: block;
}
.footer img{
width: auto;
}
a{
color: #666;
}
img{
width: 100%;
}
.page-items {
margin-top: 150px;
background: #f7f7f7;
display: flex;
justify-content: space-between;
align-items: center;
height: 100px;
margin-bottom: 150px;
}
.prev{
margin-left: 50px;
}
.next{
margin-right: 50px;
}
.pageLink {
display: flex;
flex-wrap: wrap;
}
.pageLink a{
width: 50px;
height: 50px;
line-height: 50px;
display: block;
text-align: center;
border: 1px solid #ccc;
border-radius: 50%;
margin: 0 15px;
color: #999999;
transition-duration: 0.5s;
}
.pageLink a:hover{
background: #2868b1;
color: #fff!important;
border: 1px solid #2868b1;
}
.pageLink a.curr{
border: 1px solid #2868b1;
color: #2868b1;
}
.numEllipsis{
width: 50px;
height: 50px;
line-height: 40px;
border: 1px solid #ccc;
border-radius: 50%;
margin: 0 15px;
text-align: center;
color: #999999
}
.prevBg{
background: url("../images/news/prevd.png") no-repeat;
width: 19px;
height: 11px;
margin-right: 15px;
transition-duration: 0.5s;
}
.pageInfo:hover .prevBg{
background-image: url("../images/news/prev.png");
}
.disabled .prevBg{
background: url("../images/news/disablePrev.png") no-repeat;
width: 19px;
height: 11px;
opacity: 0.4;
}
.nextBg{
background: url("../images/news/next.png") no-repeat;
width: 19px;
height: 11px;
margin-left: 15px;
transition-duration: 0.5s;
}
.disabled .nextBg{
background: url("../images/news/disableNext.png") no-repeat;
width: 19px;
height: 11px;
margin-left: 15px;
opacity: 0.4;
}
.pageInfo{
display: flex;
align-items: center;
color: #999;
transition-duration: 0.5s;
}
.pageInfo:hover{
color: #2868b1;
}
.pageInfo:hover .nextBg{
background-image: url("../images/news/next-2.png")
}
.disabled .pageInfo{
color: #999;
}
.pageInfo.curr{
color: #2868b1;
}
.page-items2{
background: #f7f7f7;
/* display: flex;
justify-content: space-between;
align-items: center; */
height: 100px;
margin-bottom: 70px;
padding: 0 50px;
box-sizing: border-box;
text-align: center;
padding-top: 24px;
}
.page-items2 li{
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
text-align: center;
border: 1px solid #ccc;
border-radius: 50%;
margin: 0 15px;
color: #999999;
transition-duration: 0.5s;
}
.page-items2 li a,.page-items2 li span{
color: #999999;
transition-duration: 0.5s;
}
.page-items2 li:first-child{
border: 0;
margin: 0;
float: left;
padding-left: 34px;
background: url("../images/news/prevd.png") center left no-repeat;
}
.page-items2 li:last-child{
border: 0;
margin: 0;
float: right;
padding-right: 34px;
background: url("../images/news/disableNext.png") center right no-repeat;
}
.page-items2 li:hover{
background-color: #2868b1;
color: #fff;
border-color: #2868b1;
}
.page-items2 li:hover a{
color: #fff;
}
.page-items2 li.active,.page-items2 li.active:hover{
border-color: #2868b1;
color: #2868b1;
background-color: transparent;
}
.page-items2 li:last-child:hover{
background: url("../images/news/next-2.png") center right no-repeat;
}
.page-items2 li:first-child:hover{
background: url("../images/news/prev.png") center left no-repeat;
}
.page-items2 li:last-child:hover a,.page-items2 li:first-child:hover a,.page-items2 li:last-child:hover span,.page-items2 li:first-child:hover span{
color: #2868b1;
}
.banner_page{width: 100%;height: 500px;overflow: hidden;}
.banner_page i{display: block; width: 100%;height: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-name: imgZoom;
animation-name: imgZoom;
}
@keyframes imgZoom{
0%{transform: scale(1.08);}
100%{transform: scale(1);}
}
.modal{display: none;}
.mzsmClass:hover{
color: #21529c!important;
}
/* 右侧悬浮 */
.suspension{
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #21529d;
width: 110px;
border-radius: 0 0 10px 10px;
opacity: 0;
transition: all 0.5s;
z-index: 10;
}
.suspension.suspension_fixed{
opacity: 1;
transition: all 0.5s;
}
.suspension .sus{
color: #fff;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.suspension .sus:first-child{
margin-top: 15px;
}
.suspension .sus:last-child{
padding-bottom: 10px;
border-radius: 0 0 10px 10px;
}
.suspension .sus em{
position: relative;
padding-bottom: 10px;
box-sizing: border-box;
}
.suspension .sus em:after{
content: '';
position: absolute;
width: 0;
height: 1px;
background: #fff;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s;
}
.suspension .sus:hover em:after{
width: 20px;
transition: all 0.3s;
}
.sus5{
background: #8ec31f;
}
.sus5 em{
padding-bottom: 0!important;
}
.sus5 em:after{
display: none;
}
.sus5 i{
background: url("../../index/images/index/back.png") no-repeat;
width: 17px;
height: 17px;
margin-right: 8px;
}
.logoRight{
width: 84px;
height: 84px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
margin-top: -42px;
}
.leftPos{
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
display: none;
transition: all 0.5s;
}
.leftPos.active{
opacity: 1;
transition: all 0.5s;
z-index: 10;
}
.bayImg{
width: 150px;
}
.bayImg img{
width: 100%;
}
.bayClose {
cursor: pointer;
position: absolute;
right: 0;
background: #fff;
height: 24px;
}
.contentTop{
background: url("../../index/images/index/logoBg.png") no-repeat;
background-size: 100% 100%;
width: 100%;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.logoBg{
margin-top: 0px;
}
.navInfo{
background: #21529d;
position: relative;
}
.navMain{
display: flex;
align-items: center;
}
.navBox{
display: flex;
align-items: center;
justify-content: space-around;
width: calc(100% - 37px);
}
.navBox li{
line-height: 60px;
position: relative;
}
.navBox li a{
color: #fff;
position: relative;
}
.navBox li a:after{
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 0;
height: 3px;
background: #fff;
transition: all 0.5s;
}
.navBox li.curr a:after, .navBox li:hover a:after{
width: 100%;
transition: all 0.5s;
}
.searchImg{
margin-left: 20px;
}
.bannerLogo img{
width: auto;
}
.navHeaderFexed{
width: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 30;
height: auto;
border-bottom: none;
}
.indexHeader{
position: unset;
border: none;
height: auto;
background: transparent;
}
.bic_gray{
filter: grayscale(108%);
-webkit-filter: grayscale(100%);
-moz-filter grayscale(100%);
-ms-filter:grayscale(100%):
-o-filter:grayscale(100%);
filter:progid:DXImageTransform,Microsoft,BasicImage(grayscale=1):
-webkit-filter:grayscale(1);
}