@charset "utf-8";
* { list-style: none; padding: 0; margin: 0;}
body { min-width: 1500px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0 auto; background: #f7f7f7;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none;}
img { border: 0;}
ul li { list-style: none;}
.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}
.warp { width: 1500px; margin: 0 auto; position: relative;}
#VCode { cursor: pointer;}
input { outline: none;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 

/*头部*/
.header { width: 100%; height: 80px; position: fixed; left: 0; top: 0; z-index: 999999;}
.header .logo { float: left; width: 300px; height: 50px; padding: 15px 0; overflow: hidden;}
.header .logo .yuan { display: none;}
.header .logo .whit { display: block;}
.header .logo img { display: block; height: 50px;}

.header .serch { float: right; width: 35px; height: 80px; margin-left: 20px; position: relative;}
.header .serch .aniu { width: 35px; height: 80px; cursor: pointer; filter: grayscale(100) brightness(100); background: url(../images/rl02.png) no-repeat center center; position: relative;}
.header .serch .aniu::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: rgba(255,255,255,0.4); position: absolute; right: -12px; top: 0; bottom: 0;}
.header .serch .nrs { display: none; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 99999;}
.header .serch .nrs .close { width: 50px; height: 50px; cursor: pointer; border-radius: 10%; background: #fff; position: absolute; right: 15px; top: 15px; z-index: 2;}
.header .serch .nrs .close::after { display: block; content: "+"; width: 50px; height: 50px; line-height: 50px; font-size: 40px; color: #e52f42; text-align: center; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.header .serch .nrs form { display: block; width: 570px; height: 60px; margin: auto; border: 4px solid #e52f42; border-radius: 4px; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.header .serch .nrs input { display: block; float: left; width: 470px; height: 60px; line-height: 50px; font-size: 14px; color: #333; text-align: left; outline: none; padding: 0 10px; border: none; overflow: hidden; background: #fff;}
.header .serch .nrs .btn { width: 80px; background: #e52f42 url(../images/rl02h.png) no-repeat center center;}
.header .hov .nrs { display: block;}

.header .logn { float: right; height: 80px; margin-left: 30px;}
.header .logn a { display: block; line-height: 80px; font-size: 14px; color: #fff;}
.header .logn .zc,
.header .logn .dl { float: left; height: 35px; line-height: 35px; padding: 0 20px; margin: 22.5px 0 0 15px; border-radius: 20px; box-sizing: border-box;}
.header .logn .zc { color: #fff !important; background: #e52f42;}
.header .logn .dl { border: 1px solid #fff;}

.header .nav { float: right; max-width: 65%; height: 80px;}
.header .nav li { float: left; line-height: 80px;}
.header .nav li a { display: block; font-size: 16px; color: #fff; padding: 0 20px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #e52f42; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li .subnav { display: none; width: 100%; border-top: 1px solid #f8f8f8; border-radius: 0 0 4px 4px; box-shadow: 0 10px 10px rgba(229,47,66,0.1); overflow: hidden; background: #f9f8fd url(../images/sub.png) no-repeat left bottom / 320px; position: absolute; left: 0; top: 80px; z-index: 2;}
.header .nav li:hover a::after,
.header .nav .on a::after { width: 40%;}
.header .nav li:hover .subnav { display: block;}
.header .nav li .subnav .lft { float: left; width: 320px; min-height: 200px; padding: 30px;}
.header .nav li .subnav .lft h3 { line-height: 40px; font-size: 22px; color: #333; margin-bottom: 10px;}
.header .nav li .subnav .lft p { line-height: 25px; font-size: 12px; color: #666;}
.header .nav li .subnav .rgt { float: right; width: calc(100% - 430px); min-height: 210px; padding: 25px; background: #fff;}
.header .nav li .subnav .rgt a { float: left; width: calc(100% / 3 - 105px); line-height: 40px; font-size: 14px; color: #333 !important; padding: 0 0 0 15px; margin: 0 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.header .nav li .subnav .rgt a::after { width: 5px; height: 5px; margin: 0; border: 1px solid #e52f42; background: none; bottom: 16px; right: auto;}
.header .nav li .subnav .rgt a:hover { color: #e52f42 !important;}
.header .nav li .subnav .rgt a:hover::after { background: #e52f42;}
.header .nav li .subnav .rgt .nr { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f4f4f4;}
.header .nav li .subnav .rgt .nr h3 { line-height: 40px; font-size: 15px; color: #333; padding: 0 0 0 15px; margin: 0 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.header .nav li .subnav .rgt .nr h3::after { display: block; content: ""; width: 3px; height: 14px; background: #e52f42; position: absolute; left: 0; top: 13px;}
.header .nav li .subnav .rgt .nr h3 a { float: none; font-size: 15px; color: #333; padding: 0; margin: 0;}
.header .nav li .subnav .rgt .nr h3 a::after { display: none;}
.header .nav li .subnav .rgt .nr:last-child { margin-bottom: 0; border-bottom: none;}

.header:hover,
.headerFix,
.headeron { box-shadow: 0 5px 10px rgba(0,0,0,0.02); background: #fff;}
.header:hover .logo .yuan,
.headerFix .logo .yuan,
.headeron .logo .yuan { display: block;}
.header:hover .logo .whit,
.headerFix .logo .whit,
.headeron .logo .whit { display: none;}
.header:hover .serch .aniu,
.headerFix .serch .aniu,
.headeron .serch .aniu { filter:grayscale(0%);}
.header:hover .serch .aniu::after,
.headerFix .serch .aniu::after,
.headeron .serch .aniu::after { background: #ccc;}
.header:hover .logn a,
.headerFix .logn a,
.headeron .logn a { color: #0049a7;}
.header:hover .logn .dl,
.headerFix .logn .dl,
.headeron .logn .dl { border-color: #0049a7;}
.header:hover .nav li a,
.headerFix .nav li a,
.headeron .nav li a { color: #333;}

/*友情链接*/
.links { width: 100%; padding: 25px 0;}
.links .nam { float: left; width: 80px; line-height: 40px; font-size: 16px; color: #333;}
.links .msg { float: right; width: calc(100% - 80px);}
.links .msg li { float: left; width: calc(100% / 3 - 22px); height: 40px; margin-left: 20px; border: 1px solid #ddd; background: #fff; position: relative;}
.links .msg li span { display: block; width: calc(100% - 45px); height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 30px 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative;}
.links .msg li span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #666 transparent transparent transparent; position: absolute; right: 15px; top: 18px;}
.links .msg li p { display: none; width: 100%; border: 1px solid #ddd; border-bottom: none; border-radius: 4px 4px 0 0; overflow:hidden; background: #fff; position: absolute; left: -1px; bottom: 40px; z-index: 2;}
.links .msg li p a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 15px; border-bottom: 1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.links .msg li p a:hover { color: #0049a7;}
.links .msg li:hover p { display: block;}

/*脚部*/
.footer { width: 100%; line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.7); padding: 30px 0; background: #19212e;}
.footer a { color: rgba(255,255,255,0.7);}
.footer a:hover { color: #fff;}
.footer .msg { float: left; width: calc(100% - 200px); margin-top: 15px;}
.footer .img { float: right; width: 135px; text-align: center;}
.footer .img img { display: block; width: 90px; height: 90px; padding: 5px; margin: 0 auto; background: rgba(255,255,255,0.1);}
.footer .img p { margin-top: 5px;}

/*右侧广告*/
.rgtadvs { width: 130px; min-height: 100px; border-radius: 4px; overflow: hidden; position: fixed; right: 10px; bottom: 20%; z-index: 9999;}
.rgtadvs a,
.rgtadvs img { display: block; width: 100%;}

/*banner*/
.banner { width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide .warp { height: 240px; margin: auto; transform: translateX(-200px); filter: alpha(opacity=0); opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}
.banner .swiper-slide .warp h3 { line-height: 70px; font-size: 46px; color: #fff; text-shadow: 8px 4px 0 rgba(0,0,0,0.05); letter-spacing: 5px;}
.banner .swiper-slide .warp p { line-height: 40px; font-size: 18px; color: #fff;}
.banner .swiper-slide .warp a { display: inline-block; height: 45px; line-height: 45px; font-size: 14px; color: #fff; margin-top: 40px; padding: 0 35px; border-radius: 4px; background: #e52f42;}
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-pagination-bullets { bottom: 110px;}
.banner .swiper-pagination-bullets span { width: 8px; height: 8px; margin-left: 20px !important; border-radius: 50%; filter: alpha(opacity=60); opacity: 0.6; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .swiper-pagination-bullets span::after { display: block; content: ""; width: 20px; height: 20px; margin: auto; filter: alpha(opacity=0); opacity: 0; border: 1px solid #fff; border-radius: 50%; position: absolute; left: -7px; top: -7px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { filter: alpha(opacity=100); opacity: 1;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active::after { filter: alpha(opacity=100); opacity: 1;}
.banner .swiper-slide-active .warp { transform: translateX(0); filter: alpha(opacity=100); opacity: 1;}

/*四按钮*/
.banner .fouran { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9;}
.banner .fouran li { float: left; width: calc(100% / 5); height: 90px; overflow: hidden; background: rgba(0,0,0,0.45); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .fouran li::after { display: block; content: ""; width: 1px; height: 50%; margin: auto; background: rgba(255,255,255,0.1); position: absolute; right: 0; top: 0; bottom: 0;}
.banner .fouran li:last-child { margin-right: 0;}
.banner .fouran li a { display: block; width: 90%; height: 90px; line-height: 90px; text-align: center; padding: 0 5%;}
.banner .fouran li span { display: inline-block; font-size: 22px; color: #fff; padding-left: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; position: relative;}
.banner .fouran .fr01 span { background-image: url(../images/rl17.png);}
.banner .fouran .fr02 span { background-image: url(../images/rl18.png);}
.banner .fouran .fr03 span { background-image: url(../images/rl19.png);}
.banner .fouran .fr04 span { background-image: url(../images/rl55.png);}
.banner .fouran .fr05 span { background-image: url(../images/rl08.png);}
.banner .fouran li:hover { background: #1053b7;}

/*二级banner*/
.banner_ej { width: 100%; overflow: hidden;}
.banner_ej img { display: block; width: 100%;}


/*公共标题*/
.tits { width: 100%; height: 50px; border-bottom: 1px solid #eee; position: relative; z-index: 2;}
.tits h3 { float: left; line-height: 50px; font-size: 20px; color: #1053b7; text-transform: Uppercase; padding-left: 35px; background-repeat: no-repeat; background-position: left 9px; position: relative;}
.more { float: right; height: 30px; line-height: 30px; font-size: 14px; color: #999; margin-top: 10px; padding-right: 20px; background: url(../images/rl04.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.more:hover { color: #0049a7; background-image: url(../images/rl04h.png);}

/*企业人力资源全周期服务图鉴*/
.fulatlas { width: 100%; text-align: center; padding: 50px 0; margin-top: 25px; overflow: hidden; background: #fff url(../images/ful01.png) no-repeat center top; position: relative;}
.fulatlas::before,
.fulatlas::after { display: block; content: ""; margin: auto; background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute;}
.fulatlas::before { width: 290px; height: 290px; animation: trantale 6s 2s linear infinite forwards; background-image: url(../images/ful02.png); right: -200px; bottom: 0;}
/*.fulatlas::after { width: 100px; height: 100px; animation: ani-stereoscopic 3s infinite; background-image: url(../images/ful03.png); right: 10%; bottom: 0;}*/
.fulatlas .warp { z-index: 2;}
.fulatlas h1 { height: 50px; line-height: 50px; font-weight: 500; font-size: 32px; color: #17233d;}
.fulatlas h1 span { color: #0b5ada;}
.fulatlas p { height: 30px; line-height: 30px; font-size: 14px; color: #333; margin-bottom: 20px;}
.fulatlas img { display: block; width: 100%; margin: 0 auto; position: relative; z-index: 1;}

@keyframes ani-rotate {
  0% { -webkit-transform: rotateZ(300deg); transform: rotateZ(300deg);}
  100% { -webkit-transform: rotateZ(-60deg); transform: rotateZ(-60deg);}
}
@keyframes ani-stereoscopic {
  50% { bottom: 10%;}
}
@keyframes trantale {
  0% { transform: translate(0, 0);}
  25% { transform: translate(-40px, -40px);}
  50% { transform: translate(60px, -60px);}
  100% { transform: translate(0, 0);}
}


/*名录、活动*/
.diract { width: 100%; padding: 40px 0 30px 0;}
.diract .lft { float: left; width: 700px; padding: 5px 20px 20px 20px; background: #fff;}
.diract .lft .tits { margin-bottom: 15px;}
.diract .lft .tits h3 { background-image: url(../images/rl39.png);}
.diract .lft .lst { width: 340px;}
.diract .lft .lst .names { width: calc(100% - 30px); height: 60px; line-height: 60px; padding: 0 15px; background: url(../images/rl56.png) no-repeat 0 0; position: relative;}
.diract .lft .lst .names::after { display: block; content: ""; width: 11px; height: 11px; background-color: #fff; background-repeat: no-repeat; background-position: 0; position: absolute; left: 0; top: 0;}
.diract .lft .lst .names h3 { float: left; font-size: 18px; color: #fff; letter-spacing: 2px;}
.diract .lft .lst .names a { display: block; float: right; width: 45px; height: 60px; background: url(../images/rl57.png) no-repeat right center;}
.diract .lft .lst .nr { height: 357px; padding: 10px 15px; background: #f7f7f7;}
.diract .lft .lsdw { float: left;}
.diract .lft .lsdw .names { background-color: #08a49e;}
.diract .lft .lsdw .names::after { background-image: url(../images/rl58.png);}
.diract .lft .lsdw li { padding: 10px 0; border-bottom: 1px dashed #ddd; position: relative;}
.diract .lft .lsdw li:last-child { border-bottom: none;}
.diract .lft .lsdw li .img { float: left; width: 90px; height: 40px; padding: 10px; border: 1px solid #ebebeb; overflow: hidden; background: #fff;}
.diract .lft .lsdw li .img img { display: block; width: 90px; height: 40px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.diract .lft .lsdw li p { float: right; width: calc(100% - 130px); height: 60px; line-height: 30px; font-size: 15px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.diract .lft .lsdw li:hover .img img { transform: scale(0.95,0.95);}
.diract .lft .lsdw li:hover p { color: #1053b7;}
.diract .lft .lsdw .swiper-container { height: 357px;}
.diract .lft .lsdw .swiper-slide { position: relative;}
.diract .lft .lsdw .swiper-slide i { display: block; height: 20px; line-height: 20px; font-style: normal; font-size: 12px; color: #fff; padding: 0 5px; border-radius: 0 0 4px 0; background-image: linear-gradient(#ffa70d, #ff8e3d); position: absolute; left: 0; top: 10px; z-index: 2;}
.diract .lft .lsdw .swiper-slide a { display: block; padding: 9.2px 0; border-bottom: 1px dashed #ddd;}
.diract .lft .lsdw .swiper-slide .img { float: left; width: 80px; height: 40px; padding: 5px; border: 1px solid #ebebeb; overflow: hidden; background: #fff;}
.diract .lft .lsdw .swiper-slide .img img { display: block; max-width: 80px; height: 40px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.diract .lft .lsdw .swiper-slide p { float: right; width: calc(100% - 105px); height: 50px; line-height: 25px; font-size: 15px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.diract .lft .lsdw .swiper-slide:hover .img img { transform: scale(0.95,0.95);}
.diract .lft .lsdw .swiper-slide:hover p { color: #1053b7;}
.diract .lft .hydw { float: right;}
.diract .lft .hydw .names { background-color: #4886d6;}
.diract .lft .hydw .names::after { background-image: url(../images/rl59.png);}
.diract .lft .hydw li { height: 38.8px; line-height: 38.8px; padding-left: 35px; border-bottom: 1px dashed #ddd; background: url(../images/rl40.png) no-repeat left 10px / 18px; position: relative;}
.diract .lft .hydw li a { display: block; font-size: 15px; color: #333; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.diract .lft .hydw li i { display: block; width: 35px; font-style: normal; font-weight: bold; font-size: 14px; color: transparent; text-align: right; background: linear-gradient(to right,#ffa70d, #ff8e3d); -webkit-background-clip: text; position: absolute; right: 0; top: 0; z-index: 2;}
.diract .lft .hydw li:hover a { color: #1053b7;}
.diract .rgt { float: right; width: 700px; padding: 5px 20px 20px 20px; background: #fff;}
.diract .rgt .tits h3 { background-image: url(../images/rl27.png);}
.diract .rgt li { float: left; width: 220px; margin: 15px 20px 0 0; overflow: hidden; position: relative;}
.diract .rgt li:nth-child(3n) { margin-right: 0;}
.diract .rgt li i { display: block; height: 30px; line-height: 30px; font-style: normal; font-size: 14px; color: #fff; padding: 0 10px; border-radius: 0 4px 0 4px; overflow: hidden; background-image: linear-gradient(to right,#15a4ff,#1053b7 70%); position: absolute; right: 0; top: 0; z-index: 9;}
.diract .rgt li i b { display: block; float: left; width: 22px; height: 30px; background: url(../images/huo.png) no-repeat left center / 19px;}
.diract .rgt li .img { width: 100%; height: 140px; border-radius: 4px 4px 0 0; overflow: hidden; background: #fafafa;}
.diract .rgt li .img img { display: block; width: 100%; min-height: 140px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.diract .rgt li .msg { padding: 10px; border: 1px solid #eee; border-top: none; border-radius: 0 0 4px 4px; overflow: hidden;}
.diract .rgt li .msg h3 { line-height: 30px; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.diract .rgt li .msg p { line-height: 20px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.diract .rgt li:hover .img img { transform: scale(1.1,1.1);}
.diract .rgt li:hover .msg h3 { color: #1053b7;}

/*数字*/
.figure { width: 100%; height: 185px; margin-bottom: 40px; border-radius: 0 0 90px 0; overflow: hidden; background: #1a72ca url(../images/rl26.png) no-repeat center top;}
.figure li { float: left; width: calc(100% / 5); height: 91px; text-align: center; padding: 47px 0;}
.figure li h3 { height: 65px; line-height: 65px; font-size: 0; color: #fff;}
.figure li h3 span { font-size: 50px;}
.figure li h3 i { font-style: normal; font-size: 28px; margin-left: 10px;}
.figure li p { line-height: 25px; font-size: 16px; color: #fff;}

/*协会动态*/
.news { float: left; width: 500px; padding: 5px 20px 15px 20px; background: #fff;}
.news .tits { margin-bottom: 10px;}
.news .tits h3 { background-image: url(../images/rl09.png);}
.news li { height: 45.5px; line-height: 45.5px; padding-left: 18px; border-bottom: 1px dashed #ddd; position: relative;}
.news li:last-child { border-bottom: none;}
.news li::after { display: block; content: ""; width: 5px; height: 5px; border: 1px solid #0049a7; border-radius: 2px; position: absolute; left: 0; top: 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li a { display: block; float: left; width: 82%; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li span { display: block; float: right; font-size: 12px; color: #999;}
.news li:hover::after { border-radius: 5px;}
.news li:hover a { color: #0049a7;}

/*会员名录*/
.directory { float: right; width: 310px; padding: 0 25px 23px 25px; background: #e3f0ff url(../images/rl38.png) no-repeat center bottom;}
.directory .tits { border-bottom-color: #d3e1f2;}
.directory .tits h3 { background-image: url(../images/rl39.png);}
.directory .tits .more { color: #0049a7; background-image: url(../images/rl04h.png);}
.directory .lst { width: 100%; padding-top: 14px;}
.directory .lst li { height: 45px; line-height: 45px;}
.directory .lst li a { display: block; font-size: 16px; color: #333; padding-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/rl40.png) no-repeat left 10px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.directory .lst li:hover a { color: #1053b7;}

/*会员风采*/
.activities { float: left; width: 500px; margin: 0 20px; padding: 0 25px 23px 25px; background: #fff;}
.activities .tits h3 { color: #333; background-image: url(../images/rl27.png);}
.activities li { padding: 15px 0; border-bottom: 1px solid #e6e6e6; position: relative;}
.activities li i { display: block; height: 25px; line-height: 25px; font-style: normal; font-size: 14px; color: #fff; padding: 0 10px; border-radius: 0 0 10px 0; background-image: linear-gradient(#ffa70d, #ff8e3d); position: absolute; left: 0; top: 15px; z-index: 9;}
.activities li .img { float: left; width: 160px; height: 110px; overflow: hidden;}
.activities li .img img { display: block; width: 160px; height: 110px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities li .msg { float: right; width: calc(100% - 180px);}
.activities li .msg h3 { height: 45px; line-height: 45px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #666; overflow: hidden;}
.activities li:hover .msg h3 { color: #1053b7;}
.activities li:hover .img img { transform: scale(1.1,1.1);}

/*综合服务*/
.comservs { float: right; width: 330px; padding: 5px 20px 20px 20px; background: #fff;}
.comservs .tits h3 { color: #333; background-image: url(../images/rl28.png);}
.comservs .lst { border-left: 1px solid #e6e6e6;}
.comservs .lst li { float: left; width: calc(100% / 2 - 1px); text-align: center; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.comservs .lst li a { display: block; width: 100%; padding: 35px 0;}
.comservs .lst li i { display: block; width: 35px; height: 35px; margin: 0 auto 5px auto; background-repeat: no-repeat; background-position: center;}
.comservs .lst li p { height: 30px; line-height: 30px; font-size: 16px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comservs .lst .sv01 i { background-image: url(../images/rl29.png);}
.comservs .lst .sv02 i { background-image: url(../images/rl30.png);}
/*.comservs .lst .sv03 i { background-image: url(../images/rl31.png);}*/
.comservs .lst .sv03 i { background-image: url(../images/rl32.png);}
.comservs .lst .sv04 i { background-image: url(../images/rl33.png);}
/*.comservs .lst .sv06 i { background-image: url(../images/rl34.png);}*/
.comservs .lst .sv05 i { background-image: url(../images/rl35.png);}
.comservs .lst .sv06 i { background-image: url(../images/rl36.png);}
/*.comservs .lst .sv09 i { background-image: url(../images/rl37.png);}*/
.comservs .lst li:hover p { font-weight: bold; color: #1053b7;}

/*广告*/
.advs { width: 100%; height: 125px; margin: 25px auto; overflow: hidden;}
.advs img { display: block; width: 100%; height: 125px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advs:hover img { transform: scale(1.1,1.1);}

/*专家、顾问*/
.zhuanj { float: left; width: 800px; margin-bottom: 25px; padding: 5px 20px 20px 20px; background: #e3f0ff url(../images/rl38.png) no-repeat right bottom;}
.zhuanj .tabs { width: 100%; height: 50px; margin-bottom: 20px; border-bottom: 1px solid #d3e1f2; overflow: hidden; position: relative;}
.zhuanj .tabs li { float: left; line-height: 50px; margin-right: 30px;}
.zhuanj .tabs li span { display: inline-block; height: 50px; line-height: 50px; font-weight: bold; font-size: 20px; color: #333; cursor: pointer; text-transform: Uppercase; position: relative;}
.zhuanj .tabs li span::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #0049a7; position: absolute; left: 0; right: 0; bottom: -1px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zhuanj .tabs li .more { display: none; color: #0049a7; background-image: url(../images/rl04h.png); position: absolute; top: 2px; right: 0;}
.zhuanj .tabs .on span { color: #1053b7;}
.zhuanj .tabs .on span::after { width: 50%;}
.zhuanj .tabs .on .more { display: block;}
.zhuanj .swiper-slide {}
.zhuanj .swiper-slide a { display: block; border-radius: 4px; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zhuanj .swiper-slide a .img { width: 185px; height: 259px; overflow: hidden; background: #fff;}
.zhuanj .swiper-slide a .img img { display: block; width: 100%; min-height: 259px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zhuanj .swiper-slide a .msg { width: calc(100% - 20px); padding: 10px; background: rgba(0,0,0,0.65); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zhuanj .swiper-slide a .msg h3 { height: 25px; line-height: 25px; font-size: 15px; color: #fff;}
.zhuanj .swiper-slide a .msg p { max-height: 40px; line-height: 20px; font-size: 11px; color: rgba(255,255,255,0.8); overflow: hidden;}
.zhuanj .swiper-slide a:hover .img img { transform: scale(1.1,1.1);}
.zhuanj .swiper-slide a:hover .msg { background: rgba(16,83,183,0.95);}

/*人才库*/
.renck { float: right; width: 600px; margin-bottom: 25px; padding: 5px 20px 20px 20px; background: #fff;}
.renck .tits h3 { color: #333; background-image: url(../images/rl39.png);}
.renck .nrs { width: 100%; height: 259px; overflow: hidden; margin-top: 20px;}
.renck .nrs .swiper-container { width: 100%; height: 259px;}
.renck .nrs .swiper-container .swiper-slide { width: calc(100% / 3 - 14px); height: 259px; text-align: center; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck .nrs .swiper-container .swiper-slide:nth-child(3n+1) { margin-left: 0 !important;}
.renck .nrs .swiper-container .swiper-slide a { display: block; padding: 30px 0 10px 0; border: 1px solid #eee; border-radius: 4px; }
.renck .nrs .swiper-container .swiper-slide a i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 12px; color: #666; padding: 0 10px; border-radius: 0 0 0 4px; background: #eee; position: absolute; right: 0; top: 0; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck .nrs .swiper-container .swiper-slide a .img { width: 150px; height: 150px; margin: 0 auto 10px auto; border: 1px solid #eee; border-radius: 50%; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck .nrs .swiper-container .swiper-slide a .img img { display: block; max-width: 150px; height: 150px; margin: 0 auto;}
.renck .nrs .swiper-container .swiper-slide a .msg { padding: 0 15px;}
.renck .nrs .swiper-container .swiper-slide a .msg h3 { line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck .nrs .swiper-container .swiper-slide a .msg p { line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.renck .nrs .swiper-container .swiper-slide a .msg p span { margin: 0 5px;}
.renck .nrs .swiper-container .swiper-slide a:hover { border: 1px solid rgba(16,83,183,0.5);}
.renck .nrs .swiper-container .swiper-slide a:hover i { color: #fff; background: #1053b7;}
.renck .nrs .swiper-container .swiper-slide a:hover .img { border-radius: 4px;}
.renck .nrs .swiper-container .swiper-slide a:hover .msg h3 { color: #1053b7;}

.renck li { float: left; width: calc(100% / 3 - 16px); text-align: center; margin: 20px 20px 0 0; padding: 30px 0 10px 0; border: 1px solid #eee; border-radius: 4px; overflow: hidden; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck li:nth-child(3n) { margin-right: 0;}
.renck li i { display: inline-block; height: 25px; line-height: 25px; font-style: normal; font-size: 12px; color: #666; padding: 0 10px; border-radius: 0 0 0 4px; background: #eee; position: absolute; right: 0; top: 0; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck li .img { width: 150px; height: 150px; margin: 0 auto 10px auto; border: 1px solid #eee; border-radius: 50%; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck li .img img { display: block; max-width: 150px; height: 150px; margin: 0 auto;}
.renck li .msg { padding: 0 15px;}
.renck li .msg h3 { line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.renck li .msg p { line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.renck li .msg p span { margin: 0 5px;}
.renck li:hover { border: 1px solid rgba(16,83,183,0.5);}
.renck li:hover i { color: #fff; background: #1053b7;}
.renck li:hover .img { border-radius: 4px;}
.renck li:hover .msg h3 { color: #1053b7;}

/*供需平台*/
.supply { float: left; width: 500px; padding: 5px 20px; background: #fff;}
.supply .tits h3 { color: #333; background-image: url(../images/rl41.png);}
.supply .tits .add { display: block; float: right; height: 30px; line-height: 30px; font-size: 14px; color: #fff; padding: 0 15px; margin: 10px 15px 0 0; border-radius: 15px; background: #1053b7; -webkit-transition: all .5s ease; transition: all .5s ease;}
.supply .tits .add:hover { color: #fff; background: #1053b7;}
.supply .img { width: 100%; height: 105px; margin-top: 10px; overflow: hidden;}
.supply .img img { display: block; width: 100%; height: 105px;}
.supply .lst { width: 100%;}
.supply .lst li { margin: 10px 0 11.4px 0; border-radius: 8px; background: #fafbfc; -webkit-transition: all .2s ease; transition: all .2s ease;}
.supply .lst li .msg { padding: 11px 15px;}
.supply .lst li .msg h3 { float: left; width: 70%; height: 30px; line-height: 30px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.supply .lst li .msg i { float: right; max-width: 30%; height: 30px; line-height: 30px; font-style: normal; font-size: 16px; color: #ff2b1b;}
.supply .lst li .msg span { display: inline-block; line-height: 25px; font-size: 14px; color: #999; margin-right: 35px;}
.supply .lst li .botm { height: 35px; line-height: 35px; padding: 0 15px; background: #f0f3f7;}
.supply .lst li .botm p { float: left; width: calc(70% - 30px); font-size: 14px; color: #333; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/rl40.png) no-repeat left center / 18px;}
.supply .lst li .botm span { display: block; float: right; max-width: 30%; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.supply .lst li:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.supply .lst li:hover .msg h3 { font-weight: bold; color: #1053b7;}

/*下载中心*/
.download { float: left; width: 500px; margin: 0 20px; padding: 5px 20px 6px 20px; background: #fff;}
.download .tits h3 { color: #333; background-image: url(../images/rl42.png);}
.download .banner { width: 500px; height: 200px; margin: 15px 0; overflow: hidden;}
.download .banner img { display: block; width: 500px; height: 200px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.download .banner:hover img { transform: scale(1.1,1.1);}
.download .banner .swiper-pagination { bottom: 10px;}
.download .banner .swiper-pagination span { width: 20px; height: 3px; border-radius: 0; background: #fff;}
.download .lst { width: 100%;}
.download .lst li { float: left; width: calc(100% / 3 - 12px); text-align: center; margin: 0 15px 15px 0; border: 1px solid #d4e6fa; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.download .lst li:nth-child(3n) { margin-right: 0;}
.download .lst li a { display: block; width: 100%; padding: 25px 0 20px 0;}
.download .lst li i { display: block; width: 40px; height: 40px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: 40px;}
.download .lst li p { height: 30px; line-height: 30px; font-size: 14px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.download .lst li:hover { border-color: #1053b7; background: #1053b7;}
.download .lst li:hover p { color: #fff;}
.download .lst .dl01 i { background-image: url(../images/rl43.png);}
.download .lst .dl01:hover i { background-image: url(../images/rl43h.png);}
.download .lst .dl02 i { background-image: url(../images/rl44.png);}
.download .lst .dl02:hover i { background-image: url(../images/rl44h.png);}
.download .lst .dl03 i { background-image: url(../images/rl45.png);}
.download .lst .dl03:hover i { background-image: url(../images/rl45h.png);}
.download .lst .dl04 i { background-image: url(../images/rl46.png);}
.download .lst .dl04:hover i { background-image: url(../images/rl46h.png);}
.download .lst .dl05 i { background-image: url(../images/rl47.png);}
.download .lst .dl05:hover i { background-image: url(../images/rl47h.png);}
.download .lst .dl06 i { background-image: url(../images/rl48.png);}
.download .lst .dl06:hover i { background-image: url(../images/rl48h.png);}

/*hrtalk*/
.hrtalk { float: right; width: 340px; padding: 5px 20px 15px 20px; background: #e3f0ff url(../images/rl38.png) no-repeat center bottom;}
.hrtalk .tits { border-bottom-color: #d3e1f2;}
.hrtalk .tits h3 { background-image: url(../images/rl49.png);}
.hrtalk .tits .more { color: #0049a7; background-image: url(../images/rl04h.png);}
.hrtalk .lst { width: 100%; padding-top: 15px;}
.hrtalk .lst li { height: 50px; line-height: 50px; margin-bottom: 15px; border: 1px solid #d7e8fb; border-radius: 4px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.hrtalk .lst li a { display: block; font-size: 16px; color: #333; padding: 0 55px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/rl50.png) no-repeat 300px center; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.hrtalk .lst li:hover { border-color: #1053b7; background: #1053b7;}
.hrtalk .lst li:hover a { color: #fff; background-image: url(../images/rl50h.png);}

/*************** 子页公用 *******************/
.content { width: 1500px; margin: 0 auto; position: relative; z-index: 2;}
.comsite { height: 60px; line-height: 60px; font-size: 12px; color: #666; padding-left: 20px; background: url(../images/seat.png) no-repeat 0 20px;}
.comsite a { display: inline-block; color: #666; margin: 0 5px;}

.pagesite { width: 100%; height: 60px; margin-bottom: 30px; position: relative;}
.pagesite::before,
.pagesite::after { display: block; content: ""; height: 60px; position: absolute;}
.pagesite::before { width: 70%; border-radius: 0 0 30px 0; background: #0049a7; left: 0; top: 0;}
.pagesite::after { width: 30%; border-radius: 30px 0 0 0; background: #fff; right: 0; top: -60px;}
.pagesite .comsite { position: absolute; top: -60px; left: 72%; z-index: 9;}

.catnav { float: left; width: 200px; border-radius: 4px 4px 0 0; box-shadow: 5px 5px 0 rgba(0,73,167,0.02); overflow: hidden; background: #fff;}
.catnav h3 { height: 50px; line-height: 50px; font-size: 20px; color: #fff; letter-spacing: 2px; padding: 10px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #0049a7;}
.catnav .lst { border: 1px solid rgba(0,73,167,0.1); border-top: none;}
.catnav .lst li { padding: 5px 0; border-bottom: 1px solid rgba(0,73,167,0.05); position:relative;}
.catnav .lst li::after { display: block; content: ""; width: 2px; height: 0; margin: auto; background: #1c4ead; position: absolute; left: 0; top: 18px;}
.catnav .lst li:last-child { border-bottom: none;}
.catnav .lst li a { display: block; line-height: 40px; font-size: 15px; color: #666; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .lst .on::after { height: 15px;}
.catnav .lst li:hover a,
.catnav .lst .on a { color: #1c4ead;}

.catnav .lst li i { display: block; width: 5px; height: 5px; border-bottom: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 18px; right: 16px;}
.catnav .lst li .subnav { display: none; width: 100%; position: relative;}
.catnav .lst li .subnav a { line-height: 35px; font-size: 12px; color: #666; padding-left: 40px; position: relative;}
.catnav .lst li .subnav a::before,
.catnav .lst li .subnav a::after { display: block; content: ""; margin: auto; background: #eee; position: absolute; top: 0; left: 20px;}
.catnav .lst li .subnav a::before { width: 1px; height: 40px;}
.catnav .lst li .subnav a::after { width: 15px; height: 1px; bottom: 0;}
.catnav .lst li .subnav a:hover,
.catnav .lst li .subnav .hov { color: #1c4ead;}
.catnav .lst li .subnav .hov::before,
.catnav .lst li .subnav .hov::after { background: rgba(0,73,167,0.3);}
.catnav .lst .on i { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 23px;}
.catnav .lst .on .subnav { display: block;}


.catrgt {  float: right; width: calc(100% - 265px); min-height: 500px; padding: 20px; border: 1px solid rgba(0,73,167,0.1); border-radius: 4px 4px 0 0; box-shadow: 5px 5px 0 rgba(0,73,167,0.02); overflow: hidden; background: #fff;}
.catrgt .nmtips { width: 100%; height: 30px; line-height: 30px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee; position: relative;}
.catrgt .nmtips::after { display: block; content: ""; width: 45px; height: 3px; background: #0049a7; position: absolute; left: 0; bottom: -1px;}
.catrgt .nmtips h3 { float: left; font-weight: 500; font-size: 22px; color: #333;}
.catrgt .nmtips h3 span { display: inline-block; font-size: 16px; color: #666; margin-left: 10px;}
.catrgt .nmtips h3 span i { display: inline-block; font-style: normal; font-size: 12px; margin-left: 10px;}
.catrgt .nmtips a { float: right; height: 30px; line-height: 30px; font-size: 12px; color: #fff; padding: 0 15px; border-radius: 4px; background: #1053b7; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catrgt .nmtips a:hover { border-radius: 15px;}


/*详情页公用*/
.lh { line-height: 30px; font-size: 14px; color: #333; text-align: justify;}
.lh img { max-width: 100%; height: auto !important;}
.lh p { margin-top: 5px;}
.lh ul,.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.show_h3 { width: 100%; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid rgba(0,73,167,0.1);}
.show_h3 h3 { line-height: 35px; font-size: 22px; color: #333;}
.show_h3 p { line-height: 25px; font-size: 12px; color: #bbb; margin-top: 5px;}
.show_h3 p span { margin: 0 15px;}
.show_sxp { line-height: 25px; font-size: 12px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(0,73,167,0.1);}
.show_sxp p { width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { display: inline-block; margin-right: 10px;}
.show_sxp a { color: #1c4ead;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #1c4ead; text-decoration: underline;}

/*分页*/
.scott { height: 35px; text-align: center; padding: 15px 0; overflow: hidden; position: relative;}
.scott li { display:inline-block; line-height: 35px; margin: 0 5px; border: 1px solid rgba(0,73,167,0.1); border-radius: 4px; background: #ebf4fc; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; font-size: 16px; color: #333; cursor: pointer; padding: 0 15px;}
.scott li:hover a,
.scott li:hover span { color: #1c4ead;}
.scott .active { border-color:#1c4ead; background: #1c4ead;}
.scott .active:hover span,
.scott .active span,
.scott .active:hover a,
.scott .active a { color: #fff;}
.scott .seelk { display: block; width: 120px; height: 40px; line-height: 40px; font-size: 12px; color: #fff; text-align: center; border-radius: 4px; background: #0049a7; position: absolute; right: 0; top: 12px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott .seelk:hover { border-radius: 20px;}
.scott .layui-laypage { display: flex; flex-direction: row; justify-content: center;}
.scott .layui-laypage span,
.scott .layui-laypage a { display:block; height: 35px; line-height: 35px; font-size: 16px; color: #333; cursor: pointer; padding: 0 15px; margin: 0 5px; border: 1px solid rgba(0,73,167,0.1); border-radius: 4px; overflow: hidden; background: #ebf4fc; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott .layui-laypage span:hover,
.scott .layui-laypage a:hover { color: #1c4ead;}
.scott .layui-laypage .layui-laypage-prev,
.scott .layui-laypage .layui-laypage-next { font-size: 12px;}

/*空白提示*/
.kongb { width: 100%; text-align: center;}
.kongb img { display: block; width: 283px; height: 170px; margin: 0 auto -20px auto;}
.kongb p { height: 40px; line-height: 40px; font-size: 16px; color: #333; letter-spacing: 1px;}


/*新闻列表*/
.newlist { width: 100%;}
.newlist li { margin-bottom: 20px; padding: 10px; border: 1px solid rgba(0,73,167,0.1); border-radius: 4px; overflow: hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .img { float: left; width: 190px; height: 130px; border-radius: 4px; overflow: hidden;}
.newlist li .img img { display: block; width: 190px; height: 130px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg { float: right; width: calc(100% - 215px);}
.newlist li .msg h3 { line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 12px; color: #999; margin: 5px 0 20px 0; overflow: hidden;}
.newlist li .msg span { display: inline-block; line-height: 25px; font-size: 12px; color: #666;}
.newlist li:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover h3 { color: #1c4ead;}

.newpic { width: 100%;}
.newpic li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0;}
.newpic li:nth-child(4n) { margin-right: 0;}
.newpic li .img { width: 100%; height: 185px; border-radius: 8px 8px 0 0; overflow: hidden;}
.newpic li .img img { display: block; width: 100%; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newpic li h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newpic li p { height: 25px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newpic li:hover .img img { transform: scale(1.1,1.1);}
.newpic li:hover h3 { color: #0049a7;}

/*单条新闻列表*/
.danlist { width: 100%;}
.danlist li { height: 50px; line-height: 50px; padding-left: 20px; border-bottom: 1px dashed #d0d6d7; position: relative;}
.danlist li::after { display: block; content: ""; width: 5px; height: 5px; background: #999; position: absolute; left: 0; top: 24px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.danlist li a { display: block; float: left; width: 80%; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.danlist li span { display: block; float: right; font-size: 12px; color: #999;}
.danlist li:hover::after { background: #0049a7;}
.danlist li:hover a { color: #0049a7;}

.article-msg { line-height: 30px; font-size: 14px; color: #333; margin-bottom: 15px; padding: 15px 20px; border-radius: 2px; overflow: hidden; background: #f8f8f8;}
.article-msg .mg {}
.article-msg .mg i { font-style: normal; font-size: 15px; font-weight: bold; margin: 0 5px;}
.article-msg .jobinfo {}
.article-msg .jobinfo li { color: #999; padding-left: 15px; position: relative;}
.article-msg .jobinfo li::after { display: block; content: ""; width: 7px; height: 7px; border-radius: 35%; background: #999; position: absolute; left: 0; top: 12px;}
.article-msg .jobinfo .inprogress { color: #fa4628;}
.article-msg .jobinfo .inprogress::after { background: #fa4628;}
.article-msg .jobinfo .finished { color: #0049a7;}
.article-msg .jobinfo .finished::after { background: #0049a7;}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 5 - 18px); margin: 0 20px 20px 0; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.piclist li:nth-child(5n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 150px; padding: 10px 0; border-bottom: 1px solid #eee; overflow: hidden;}
.piclist li .img img { display: block; max-width: 100%; height: 150px; margin: 0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li h3 { line-height: 45px; font-weight: 500; font-size: 14px; color: #333; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li:hover .img img { transform: scale(0.95,0.95);}
.piclist li:hover h3 { color: #0049a7;}

/*专委会*/
.fenlist { width:100%;}
.fenlist li { float: left; width: 290px; height: 300px; margin: 0 22px 20px 0; border: 1px solid #ededed; position: relative;}
.fenlist li:nth-child(4n) { margin-right: 0;}
.fenlist li::after { display: block; content: ""; width: 100%; height: 100%; background-image: linear-gradient(rgba(255,255,255,1) 40%, rgba(255,255,255,0)); position: absolute; left: 0; top: 0; z-index: 2;}
.fenlist li .msg { width: calc(100% - 50px); height: 235px; text-align: center; padding: 40px 25px 0 25px; position: relative; z-index: 3;}
.fenlist li .msg i { display: block; width: 20px; height: 3px; margin: 15px auto; background: #0049a7;}
.fenlist li .msg h3 { height: 60px; line-height: 30px; font-size: 18px; color: #333; margin-bottom: 80px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fenlist li .msg span { display: block; width: 90px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; margin: 0 auto; border-radius: 20px; background: #0049a7; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fenlist li img { display: block; width: 100%; min-height: 165px; position: absolute; left: 0; bottom: 0; z-index: 1;}
.fenlist li:hover .msg h3 { color: #0049a7;}
.fenlist li:hover .msg span { border-radius: 4px;}

/*专委会详情*/
.fenshow { width: 100%;}
.fenshow .imgs { float: left; width: 300px; height: 300px; border: 1px solid #ededed; position: relative;}
.fenshow .imgs::after { display: block; content: ""; width: 100%; height: 90%; background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1),rgba(255,255,255,0)); position: absolute; left: 0; top: 0; z-index: 2;}
.fenshow .imgs .top { width: calc(100% - 60px); height: 265px; text-align: center; padding: 30px 30px 0 30px; position: relative; z-index: 3;}
.fenshow .imgs .top i { display: block; width: 20px; height: 3px; margin: 15px auto; background: #0049a7;}
.fenshow .imgs .top h3 { height: 60px; line-height: 30px; font-size: 18px; color: #0049a7; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fenshow .imgs img { display: block; width: 100%; min-height: 165px; position: absolute; left: 0; bottom: 0; z-index: 1;}

.fenshow .msg { float: right; width: calc(100% - 500px);}
.fenshow .kuan { width: calc(100% - 350px);}
.fenshow .msg h3 { font-size: 18px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.fenshow .msg h3::after { display: block; content: ""; width: 80px; height: 2px; background: #0049a7; position: absolute; left: 0; bottom: -1px;}
.fenshow .msg li { float: left; width: 50%; line-height: 35px; font-size: 14px; color: #333;}
.fenshow .msg li span { color: #999;}
.fenshow .wit100 { width: 100%;}
.fenshow .martop { margin-top: 30px;}
.fenshow .nams { font-weight: bold; font-size: 18px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.fenshow .nams::after { display: block; content: ""; width: 80px; height: 2px; background: #0049a7; position: absolute; left: 0; bottom: -1px;}
.fenshow .tabs { width: 100%; text-align: center; margin: 20px 0; border-bottom: 1px solid #eee;}
.fenshow .tabs li { display: inline-block; height: 45px; line-height: 45px; font-size: 16px; color: #666; cursor: pointer; margin: 0 20px; position: relative;}
.fenshow .tabs li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #0049a7; position: absolute; left: 0; right: 0; bottom: 0;}
.fenshow .tabs .on { font-weight: bold; font-size: 18px; color: #333;}
.fenshow .tabs .on::after { width: 100%;}
.fenshow .swiper-slide { background: #fff;}

/*专家库*/
.talents { width: 100%; line-height: 50px; font-size: 16px; color: #333; text-align: center;}
.talents li { float: left; width: 135px; text-align: left; margin: 0 22px 20px 0;}
.talents li:nth-child(8n) { margin-right: 0;}
.talents li .img { width: 135px; height: 135px; border: 1px solid #eee; border-radius: 10px; overflow: hidden;}
.talents li .img img { display: block; max-width: 100%; height: 135px; margin: 0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.talents li h3 { line-height: 25px; font-weight: 500; font-size: 16px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.talents li p { height: 22px; line-height: 0; font-size: 0;}
.talents li p span { display: inline-block; line-height: 22px; font-size: 12px; color: #999; margin-right: 5px;}
.talents li p span:last-child { margin-right: 0;}
.talents li:hover .img img { transform: scale(0.95,0.95);}
.talents li:hover h3 { color: #0049a7;}

.explst { width: 100%;}
.explst li { float: left; width: 190px; margin: 0 19px 20px 0; border-radius: 4px; overflow: hidden; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.explst li:nth-child(6n) { margin-right: 0;}
.explst li .img { width: 100%; height: 266px; overflow: hidden;}
.explst li .img img { display: block; width: 100%; min-height: 266px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.explst li .msg { width: calc(100% - 20px); padding: 10px; background: rgba(0,0,0,0.65); position: absolute; left: 0; bottom: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.explst li .msg h3 { height: 30px; line-height: 30px; font-size: 16px; color: #fff;}
.explst li .msg p { max-height: 40px; line-height: 20px; font-size: 12px; color: rgba(255,255,255,0.8); overflow: hidden;}
.explst li:hover .img img { transform: scale(1.1,1.1);}
.explst li:hover .msg { background: rgba(16,83,183,0.95);}

/*招聘*/
.jobs { width: 100%;}
.jobs li { margin-bottom: 10px; padding: 15px 20px 20px 20px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.jobs li .msg { float: left; width: calc(100% - 180px);}
.jobs li .msg .top { display: flex; flex-direction: row; height: 40px; line-height: 40px; font-size: 15px; color: #333;}
.jobs li .msg .top h3,
.jobs li .msg .top span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jobs li .msg .top h3 { flex: 1 1 0%; font-weight: 500; color: #0049a7;}
.jobs li .msg .top h3 a { color: #0049a7;}
.jobs li .msg .top span { width: 350px; text-align: center; padding: 0 15px;}
.jobs li .msg .top .red { width: 200px; font-weight: bold; font-size: 16px; color: #e52f42; text-align: right; padding: 0;}
.jobs li .msg p { line-height: 25px; font-size: 12px; color: #666;}
.jobs li .msg p span { display: inline-block; width: 24%;}
.jobs li .btn { float: right; width: 100px; padding-top: 4px;}
.jobs li .btn a { display: block; width: 98px; height: 35px; line-height: 35px; font-size: 14px; color: #e52f42; text-align: center; border: 1px solid #e52f42; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs li .btn .sendvitae { color: #fff; margin-bottom: 8px; background: #e52f42;}
.jobs li .btn .grys { color: #999; border-color: #e4e4e4; border-radius: 4px !important; background: #eee;}
.jobs li .msg .top h3:hover { text-decoration: underline;}
.jobs li .btn a:hover { border-radius: 20px;}

/*招聘详情*/
.jobshow { float: left; width: 74%;}
.jobshow .tit { line-height: 35px; font-size: 22px; color: #0049a7; margin-bottom: 10px;}
.jobshow .tit span { display: inline-block; font-weight: 500; font-size: 18px; margin-left: 5px;}
.jobshow li { float: left; width: calc(25% - 20px); line-height: 30px; font-size: 12px; color: #333; margin-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jobshow li:nth-child(3n) { width: calc(50% - 20px); margin-right: 0;}
.jobshow li span { color: #999;}
.jobshow .nams { line-height: 30px; font-weight: bold; font-size: 16px; color: #333; margin-top: 20px;}
.jobshow .lh { color: #666;}

.jobgn { float: right; width: calc(24% - 80px); padding: 25px 40px 30px 40px; border-top: 4px solid #ff911d; border-radius: 0 0 4px 4px; overflow: hidden; background: #0049a7;}
.jobgn h3 { line-height: 35px; font-size: 20px; color: #fff;}
.jobgn p { line-height: 40px; font-size: 12px; color: rgba(255,255,255,0.75);}
.jobgn a { display: block; height: 35px; line-height: 35px; font-size: 16px; color: #fff; margin-top: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobgn .sendvitae { width: 100%; height: 50px; line-height: 54px; font-weight: bold; color: #fff; letter-spacing: 3px; text-align: center; border-radius: 4px; box-shadow: 5px 5px 0 rgba(0,0,0,0.2); background: #f45151;}
.jobgn .grys { color: #666; background: #fff;}
.jobgn .sendvitae:hover { border-radius: 25px;}
.jobgn .grys:hover { border-radius: 4px;}

/*会员列表*/
.mienlst { width: 100%;}
.mienlst .srchs { width: 100%; margin-bottom: 20px;}
.mienlst .srchs input { display: block; float: left; width: 300px; height: 45px; line-height: 45px; font-size: 14px; color: #333; padding: 0 10px; border: 1px solid #0049a7; border-right: none; border-radius: 4px 0 0 4px; background: #fff;}
.mienlst .srchs button { display: block; float: left; width: 90px; height: 47px; line-height: 47px; font-size: 16px; color: #fff; border: 1px solid #0049a7; border-radius: 0 4px 4px 0; background: #0049a7;}
.mienlst li { float: left; width: calc(100% / 5 - 16px); margin: 0 20px 20px 0;}
.mienlst li:nth-child(5n) { margin-right: 0;}
.mienlst li .img { width: calc(100% - 2px); height: 200px; border: 1px solid #eee; border-radius: 8px 8px 0 0; overflow: hidden;}
.mienlst li .img p { display: table-cell; width: 100vw; height: 200px; text-align: center; vertical-align: middle;}
.mienlst li .img p img { display: block; width: 180px; max-height: 180px; margin: 0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.mienlst li h3 { line-height: 30px; font-weight: 500; font-size: 14px; color: #333; text-align: center; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mienlst li:hover .img img { transform: scale(0.95,0.95);}
.mienlst li:hover h3 { color: #0049a7;}

/*人才详情*/
.mienshow { width: 100%;}
.mienshow .img { float: left; width: 300px; height: 300px; text-align: center; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.mienshow .img img { display: block; max-width: 100%; height: 300px; margin: 0 auto;}
.mienshow .msg { float: right; width: calc(100% - 340px);}
.mienshow .msg h1 { height: 40px; line-height: 40px; font-size: 0; color: #333; padding-bottom: 10px; margin-bottom: 35px; border-bottom: 1px solid #eee;}
.mienshow .msg h1 b { font-size: 26px; margin-right: 30px;}
.mienshow .msg h1 span { font-weight: 500; font-size: 14px; color: #888; margin-right: 15px;}
.mienshow .msg .nr { height: 60px; line-height: 30px; font-size: 14px; color: #666; overflow: hidden;}
.mienshow .msg li { float: left; width: calc(50% - 35px); line-height: 30px; font-size: 14px; color: #999; margin-top: 10px; padding-left: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left top; background-size: 30px;}
.mienshow .msg li span { color: #333;}
.mienshow .msg .ms01 { background-image: url(../images/rc01.png);}
.mienshow .msg .ms02 { background-image: url(../images/rc02.png);}
.mienshow .msg .ms03 { background-image: url(../images/rc03.png);}
.mienshow .msg .ms04 { background-image: url(../images/rc04.png);}
.mienshow .msg .ms05 { background-image: url(../images/rc05.png);}
.mienshow .msg .ms06 { background-image: url(../images/rc06.png);}
.mienshow .msg .ms07 { background-image: url(../images/rc07.png);}
.mienshow .msg .ms08 { background-image: url(../images/rc08.png);}
.mienshow .msg .wh100 { width: calc(100% - 35px); overflow: initial; white-space: initial;}
.mienshow .msg .see { display: block; width: 110px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; margin-top: 30px; border: none; border-radius: 4px; background: #0049a7;}

.mienshow .lstnr { width: 100%; margin-top: 25px; padding-top: 15px; border-top: 1px solid #f4f4f4;}
.mienshow .lstnr .nam { height: 35px; line-height: 35px; font-weight: bold; font-size: 16px; color: #333; padding-left: 15px; margin-bottom: 5px; position: relative;}
.mienshow .lstnr .nam::after { display: block; content: ""; width: 4px; height: 16px; background: #0049a7; position: absolute; left: 0; top: 9px;}
.mienshow .lstnr .lh { color: #666;}
.mienshow .qyfc { width: 100%;}
.mienshow .qyfc li { float: left; width: calc(100% / 4 - 15px); height: 180px; margin: 0 20px 20px 0; overflow: hidden;}
.mienshow .qyfc li:nth-child(4n) { margin-right: 0;}
.mienshow .qyfc li img { display: block; width: 100%; height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mienshow .qyfc li:hover img { transform: scale(1.1,1.1);}

/*会议列表*/
.meeting { width: 100%;}
.meeting li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0; overflow: hidden; position: relative;}
.meeting li:nth-child(4n) { margin-right: 0;}
/*.meeting li .type { line-height: 30px; font-size: 12px; color: #fff; padding: 0 10px; border-radius: 0 0 0 15px; background: #0049a7; position: absolute; top: 0; right: 0; z-index: 999;}*/
.meeting li .img { width: 100%; height: 185px; border-radius: 4px 4px 0 0; overflow: hidden; position: relative;}
.meeting li .img b { display: block; width: 35px; height: 30px; border-radius: 0 0 0 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); overflow: hidden; background: #fff url(../images/huo.png) no-repeat 10px center / 19px; position: absolute; right: 0; top: 0; z-index: 9;}
.meeting li .img img { display: block; width: 100%; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting li .msg { padding: 10px; border: 1px solid #eee; border-radius: 0 0 4px 4px; overflow: hidden;}
.meeting li .msg h3 { line-height: 35px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting li .msg p { line-height: 25px; font-size: 12px; color: #999; padding: 0 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #f6f6f6; position: relative;}
.meeting li .msg p::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #0049a7; position: absolute; left: 0; top: 11px;}
.meeting li .msg p span { display: block; color: #666;}
.meeting li .msg p span b { font-weight: 500; color: #0049a7;}
.meeting li .msg .bmpep { float: left; max-width: 65%; line-height: 22px; margin: 3px 0 0 8px;}
.meeting li .msg .bmpep img { float: right; width: 20px; height: 20px; border: 1px solid #fff; margin-left: -8px; border-radius: 50%; background-color: #ddd;}
.meeting li .msg .bmpep span { float: right; font-size: 12px; color: #999; margin-left: 10px;}
.meeting li .msg i { float: right; max-width: 60px; font-style: normal; line-height: 25px; font-size: 12px; color: #fff; text-align: center; padding: 0 10px; border-radius: 15px; background: #0049a7;}
.meeting li:hover .img img { transform: scale(1.1,1.1);}

/*会议详情*/
.meetshow { width: 100%; position: relative;}
.meetshow .metlft { float: left; width: calc(100% - 380px); padding: 20px; border: 1px solid rgba(0,73,167,0.1); border-radius: 4px 4px 0 0; box-shadow: 5px 5px 0 rgba(0,73,167,0.02); overflow: hidden; background: #fff;}
.meetshow .metlft .img { float: left; width: 395px; height: 250px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fdfdfd;}
.meetshow .metlft .img img { display: block; width: 100%; min-height: 250px;}
.meetshow .metlft .msg { float: right; width: calc(100% - 420px);}
.meetshow .metlft .msg h1 { height: 80px; line-height: 40px; font-size: 24px; color: #333; margin-bottom: 10px;}
.meetshow .metlft .msg h1 b { float: left; display: block; width: 30px; height: 40px; background: url(../images/huo.png) no-repeat left center / 28px;}
.meetshow .metlft .msg span { display: block; float: left; max-width: calc(100% - 130px); line-height: 35px; font-size: 14px; color: #fff; padding: 0 10px; border-radius: 4px; overflow: hidden; background: #0049a7;}
.meetshow .metlft .msg a { display: block; float: right; width: 100px; height: 35px; line-height: 35px; font-size: 15px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden; background: #0049a7;}
.meetshow .metlft .msg p { line-height: 35px; font-size: 14px; color: #999; padding: 0 10px 0 25px; margin-top: 6px; border-bottom: 1px solid #f4f4f4; background-repeat: no-repeat; background-position: 0 center; background-size: 18px;}
.meetshow .metlft .msg p i { font-style: normal; color: #666;}
.meetshow .metlft .msg .tm { background-image: url(../images/rl51.png);}
.meetshow .metlft .msg .bm { background-image: url(../images/rl52.png);}
.meetshow .metlft .msg .ad { background-image: url(../images/rl53.png);}
.meetshow .metlft .tab { margin-top: 30px;}
.meetshow .metlft .tab-head { height: 50px; line-height: 50px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.meetshow .metlft .tab-head li { display: inline-block; font-size: 16px; color: #666; padding: 0 30px; cursor: pointer; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .metlft .tab-head li::after { display: none; content: ""; width: 30px; height: 3px; margin: auto; background: #0049a7; position: absolute; left: 0; right: 0; bottom: -1px;}
.meetshow .metlft .tab-head .on { font-weight: bold; font-size: 18px; color: #0049a7;}
.meetshow .metlft .tab-head .on::after { display: block;}
.meetshow .metlft .tab-body { width: 100%; min-height: 500px;}
.meetshow .metlft .tab-body > div { display: none;}
.meetshow .metlft .tab-body > div[class="on"] { display: block;}
.meetshow .metlft .tab-body .ticklst { width: 100%;}
.meetshow .metlft .tab-body .ticklst .lst { height: 40px; line-height: 40px; margin-bottom: 15px; padding: 0 0 15px 15px; border-bottom: 1px solid #f8f8f8; position: relative;}
.meetshow .metlft .tab-body .ticklst .lst::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #0049a7; border-radius: 2px; position: absolute; left: 0; top: 18px;}
.meetshow .metlft .tab-body .ticklst .lst h3 { float: left; width: 60%; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .metlft .tab-body .ticklst .lst p { float: right; max-width: 40%;}
.meetshow .metlft .tab-body .ticklst .lst p span { display: inline-block; font-size: 12px; color: #999; margin-left: 20px;}
.meetshow .metlft .tab-body .ticklst .lst p span i { font-style: normal; color: #666;}
.meetshow .metlft .tab-body .ticklst .lst p span b { font-size: 14px;}
.meetshow .metlft .tab-body .ticklst .lst p span .red { color: #e52f42;}
.meetshow .metlft .tab-body .jclst { width: 100%;}
.meetshow .metlft .tab-body .jclst li { display: block; float: left; width: calc(100% / 3 - 10px); margin: 0 15px 15px 0; border-radius: 4px 4px 0 0; overflow: hidden;}
.meetshow .metlft .tab-body .jclst li:nth-child(3n) { margin-right: 0;}
.meetshow .metlft .tab-body .jclst li .ig { width: 100%; height: 185px; overflow: hidden;}
.meetshow .metlft .tab-body .jclst li .ig img { display: block; width: 100%; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .metlft .tab-body .jclst li .mg { padding: 10px 15px; border: 1px solid #eee; border-top: none;}
.meetshow .metlft .tab-body .jclst li .mg h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .metlft .tab-body .jclst li .mg p { height: 45px; line-height: 22px; font-size: 12px; color: #999; margin-bottom: 10px; overflow: hidden;}
.meetshow .metlft .tab-body .jclst li .mg span { display: block; line-height: 25px; font-size: 12px; color: #666;}
.meetshow .metlft .tab-body .jclst li:hover .ig img { transform: scale(1.1,1.1);}
.meetshow .metlft .tab-body .jclst li:hover .mg h3 { color: #0049a7;}
.meetshow .metlft .tab-body .dhzj { width: 100%;}
.meetshow .metlft .tab-body .dhzj li { float: left; width: calc(50% - 20px); margin: 0 40px 25px 0; overflow: hidden;}
.meetshow .metlft .tab-body .dhzj li:nth-child(2n) { margin-right: 0;}
.meetshow .metlft .tab-body .dhzj li .igm { float: left; width: 100px; height: 150px; border-radius: 4px; overflow: hidden; background: #f8f8f8;}
.meetshow .metlft .tab-body .dhzj li .igm img { display: block; max-width: 100%; height: 150px; margin: 0 auto;}
.meetshow .metlft .tab-body .dhzj li .mgs { float: right; width: calc(100% - 120px);}
.meetshow .metlft .tab-body .dhzj li .mgs h3 { line-height: 30px; font-weight: bold; font-size: 16px; color: #0049a7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.meetshow .metlft .tab-body .dhzj li .mgs p { line-height: 30px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meetshow .metlft .tab-body .dhzj li .mgs p span { color: #999;}
.meetshow .metlft .tab-body .dhzj li .mgs .ms { height: 50px; line-height: 25px; font-size: 13px; color: #999; margin-top: 10px; overflow:hidden;}
/* 专家详情 */
.meetshow .metlft .tab-body .tankshow { width: 800px; height: 80vh; margin: auto; border-radius: 4px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); overflow: hidden; background: #fff; position: fixed; top: 15vh; right: 0; left: 0; z-index: 99999;}
.meetshow .metlft .tab-body .tankshow .close { width: 35px; height: 35px; border-radius: 0 0 0 4px; background: #e00; position: absolute; right: 0; top: 0;}
.meetshow .metlft .tab-body .tankshow .close::after { display: block; content: "+"; width: 35px; height: 35px; line-height: 35px; font-size: 26px; color: #fff; text-align: center; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position: absolute; top: 0; right: 0;}

.meetshow .metlft .tab-body .tankshow .nr { padding: 15px;}
.meetshow .metlft .tab-body .tankshow .nr .imgs { float: left; width: 120px; height: 180px; border-radius: 4px; overflow: hidden; background: #f8f8f8;}
.meetshow .metlft .tab-body .tankshow .nr .imgs img { display: block; max-width: 100%; height: 180px; margin: 0 auto;}
.meetshow .metlft .tab-body .tankshow .nr .msgs { float: right; width: calc(100% - 135px);}
.meetshow .metlft .tab-body .tankshow .nr .msgs h3 { line-height: 30px; font-weight: bold; font-size: 16px; color: #0049a7; margin-bottom: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.meetshow .metlft .tab-body .tankshow .nr .msgs p { line-height: 30px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meetshow .metlft .tab-body .tankshow .nr .msgs p span { color: #999;}
.meetshow .metlft .tab-body .tankshow .nr .msgs .ms { height: 75px; line-height: 25px; font-size: 13px; color: #999; margin-top: 10px; overflow:hidden;}
.meetshow .metlft .tab-body .tankshow .nr .nrms { line-height: 30px; font-size: 14px; color: #333; padding-top: 10px; margin-top: 15px; border-top: 1px solid #eee;}
.meetshow .metlft .tab-body .tankshow .nr .nrms pre { font-family:Microsoft YAHEI;}

.meetshow .metlft .tank { width: 540px; height: 400px; margin: auto; padding: 0 15px; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.2); background-image: linear-gradient(#0049a7,#fff 75%); overflow: hidden; position: fixed; top: 25%; right: 0; left: 0; z-index: 999;}
.meetshow .metlft .tank .clos { display: block; width: 25px; height: 25px; line-height: 25px; font-style: normal; text-align: center; border-radius: 50%; background: #fff; position: absolute; right: 15px; top: 15px; z-index: 2;}
.meetshow .metlft .tank .clos::before,
.meetshow .metlft .tank .clos::after { display: block; content: ""; margin: auto; background: #0049a7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.meetshow .metlft .tank .clos::before { width: 12px; height: 2px;}
.meetshow .metlft .tank .clos::after { width: 2px; height: 12px;}
.meetshow .metlft .tank h1 { height: 40px; line-height: 40px; font-size: 18px; color: #fff; padding-top: 10px;}
.meetshow .metlft .tank .nrmg { width: 100%; height: 280px; overflow-y: scroll; scrollbar-width: none;}
.meetshow .metlft .tank .nrmg::-webkit-scrollbar { width: 0; height: 0;}
.meetshow .metlft .tank .nrs { padding: 0 15px 15px 15px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); background: #fff;}
.meetshow .metlft .tank .nrs h3 { line-height: 45px; font-size: 16px; color: #333; border-bottom: 1px solid #eee;}
.meetshow .metlft .tank .nrs h3 a { float: right; height: 30px; line-height: 30px; font-weight: 500; font-size: 12px; color: #fff; cursor: pointer; padding: 0 10px; margin-top: 8px; border-radius: 2px; background: #0049a7;}
.meetshow .metlft .tank .nrs li { float: left; width: calc(100% / 4 - 29.5px); text-align: center; cursor: pointer; padding: 10px; margin: 10px 10px 0 0; border: 1px solid #eee; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .metlft .tank .nrs li:nth-child(4n) { margin-right: 0;}
.meetshow .metlft .tank .nrs li h4 { line-height: 30px; font-size: 16px; color: #333;}
.meetshow .metlft .tank .nrs li span { display: block; line-height: 20px; font-size: 11px; color: #0049a7;}
.meetshow .metlft .tank .nrs li span b { font-size: 14px;}
.meetshow .metlft .tank .nrs li p { line-height: 22px; font-size: 11px; color: #666;}
.meetshow .metlft .tank .nrs li p i { font-style: normal; font-size: 13px; color: #0049a7; margin: 0 3px;}
.meetshow .metlft .tank .nrs li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.meetshow .metlft .tank .nrs .on { border-color: #0049a7; box-shadow: 0 0 10px rgba(0,73,167,0.1);}
.meetshow .metlft .tank .botom { height: 65px;}
.meetshow .metlft .tank .botom .nr { width: 100%; height: 55px; line-height: 55px; border-top: 1px solid #eee; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 2;}
.meetshow .metlft .tank .botom .nr p { float: left; width: 60%; font-size: 14px; color: #333; text-align: right;}
.meetshow .metlft .tank .botom .nr p span { color: #0049a7;}
.meetshow .metlft .tank .botom .nr p span b { font-weight: 500; font-size: 22px;}
.meetshow .metlft .tank .botom .nr .enroll { float: right; width: 30%; font-weight: bold; font-size: 16px; color: #fff; cursor:  pointer; text-align: center; overflow: hidden; background: #0049a7;}
.meetshow .tank .jbdd { padding: 0 15px 10px 15px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); overflow:  hidden; background: #fff;}
.meetshow .tank .jbdd h3 { line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #eee;}
.meetshow .tank .jbdd li { line-height: 40px; font-size: 14px; padding-left:  20px; border-bottom:  1px solid #f8f8f8; position:  relative;}
.meetshow .tank .jbdd li::after { display: block; content: ""; width: 8px; height: 8px; border: 1px solid #666; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 16px;}
.meetshow .tank .jbdd li b { color:#333;}
.meetshow .tank .jbdd li span { font-size: 12px; color: #666; margin-left: 15px;}
.meetshow .tank .jbdd .on::after { border-color: #048efb; background: #048efb;}
.meetshow .metrgt { float: right; width: 290px; padding: 15px; border: 1px solid rgba(0,73,167,0.1); border-radius: 4px 4px 0 0; box-shadow: 5px 5px 0 rgba(0,73,167,0.02); overflow: hidden; background: #fff;}
.meetshow .metrgt .tits { height: 30px; padding-bottom: 10px; border-color: rgba(0,73,167,0.1);}
.meetshow .metrgt .tits h3 { line-height: 30px; background-image: url(../images/rl09.png); background-position: left -2px;}
.meetshow .metrgt .meeting li { float: none; width: 100%; margin: 20px 0 0 0; background: #fff;}
.meetshow .metrgt .meeting li .img,
.meetshow .metrgt .meeting li .msg { float: none;}

/*产品列表*/
.prolist { width: 100%;}
.prolist li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0;}
.prolist li:nth-child(4n) { margin-right: 0;}
.prolist li .img { width: 100%; height: 185px; margin-bottom: 10px; border-radius: 8px; overflow: hidden;}
.prolist li .img img { display: block; width: 100%; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li h3 { line-height: 35px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li:hover h3 { color: #0049a7;}
.prolist li:hover .img img { transform: scale(1.1,1.1);}

/*视频列表*/
.vidlist { width: 100%;}
.vidlist li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0;}
.vidlist li:nth-child(4n) { margin-right: 0;}
.vidlist li .img { width: 100%; height: 185px; border-radius: 8px 8px 0 0; overflow: hidden;}
.vidlist li .img img { display: block; width: 100%; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidlist li h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidlist li:hover .img img { transform: scale(1.1,1.1);}
.vidlist li:hover h3 { color: #0049a7;}

/*下载列表*/
.softlst { width: 100%;}
.softlst li { float: left; width: calc(100% / 4 - 37px); text-align: center; margin: 0 20px 20px 0; padding: 20px 10px; border: 1px solid #e4e4e4; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li:nth-child(4n) { margin-right: 0;}
.softlst li h3 { line-height: 45px; font-weight: bold; font-size: 16px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.softlst li h3::after { display: block; content: ""; width: 30px; height: 2px; margin: auto; background: #0049a7; position: absolute; left: 0; right: 0; bottom: 0;}
.softlst li p,
.softlst li span { line-height: 22px; font-size: 12px;}
.softlst li p { color: #999;}
.softlst li span { color: #666; margin: 0 10px;}
.softlst li a { display: block; width: 90px; height: 30px; line-height: 30px; font-style: normal; font-size: 12px; color: #0049a7; margin: 15px auto 0 auto; border-radius: 4px; background: #ebf4fc; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li:hover { border-color: rgba(0,73,167,0.25); box-shadow: 0 5px 10px rgba(0,73,167,0.1);}
.softlst li a:hover { color: #fff; background: #0049a7;}

/*店铺*/
.kejixiaoyuan.store .kj01 {}
.kejixiaoyuan.store .kj01 .imgs .swiper-pagination { width:100%; line-height:50px; left:0; bottom:0;}
.kejixiaoyuan.store .kj01 .imgs .swiper-pagination span { background:#000;}
.kejixiaoyuan.store .kj01 .imgs .swiper-pagination .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1; background:#fff;}
.kejixiaoyuan.store .kj01 .msg h3 { line-height:40px; font-size:22px; color:#0049a7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kejixiaoyuan.store .kj01 .msg .lh { height:275px; margin-bottom:15px; border-bottom:1px dashed #ddd; overflow:hidden;}
.kejixiaoyuan.store .kj01 .msg li { float:left; width:calc(50% - 30px); line-height:35px; font-size:14px; color:#999; cursor:pointer; padding-left:30px; border:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-repeat:no-repeat; background-position:left center;}
.kejixiaoyuan.store .kj01 .msg li::after { display:none;}
.kejixiaoyuan.store .kj01 .msg .tel { background-image:url(../images/nx22.png);}
.kejixiaoyuan.store .kj01 .msg .tel:hover { background-image:url(../images/nx22h.png);}
.kejixiaoyuan.store .kj01 .msg .emil { background-image:url(../images/nx23.png);}
.kejixiaoyuan.store .kj01 .msg .emil:hover { background-image:url(../images/nx23h.png);}
.kejixiaoyuan.store .kj01 .msg .addrs { width:100%; background-image:url(../images/nx24.png);}
.kejixiaoyuan.store .kj01 .msg .addrs:hover { background-image:url(../images/nx24h.png);}
.kejixiaoyuan.store .kj01 .msg li a { display:inline; float:none; font-size:14px; color:#999;}
.kejixiaoyuan.store .kj01 .msg li:hover,.kejixiaoyuan.store .kj01 .msg li:hover a { color:#0049a7;}

.kejixiaoyuan.store .st02 { width:100%; padding:50px 0;}
.kejixiaoyuan.store .st02 .warp { position:relative;}
.kejixiaoyuan.store .st02 .swiper-slide {}
.kejixiaoyuan.store .st02 .swiper-slide .img { width:100%; height:280px; border-radius:4px 4px 0 0; overflow:hidden;}
.kejixiaoyuan.store .st02 .swiper-slide .img img { display:block; width:280px; height:280px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide .msg { width:90%; text-align:center; padding:15px 5%; background:#f7f8fa; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide h3 { line-height:35px; font-weight:500; font-size:18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide p { line-height:25px; font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st02 .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.kejixiaoyuan.store .st02 .swiper-slide:hover .msg { background:#0049a7;}
.kejixiaoyuan.store .st02 .swiper-slide:hover .msg h3,.kejixiaoyuan.store .st02 .swiper-slide:hover .msg p { color:#fff;}
.kejixiaoyuan.store .st02 .swiper-button-prev,.kejixiaoyuan.store .st02 .swiper-button-next { width:30px; height:30px; top:65%;}
.kejixiaoyuan.store .st02 .swiper-button-prev { left:-50px;}
.kejixiaoyuan.store .st02 .swiper-button-next { right:-50px;}
.kejixiaoyuan.store .st02 .swiper-button-prev::after,.kejixiaoyuan.store .st02 .swiper-button-next::after { font-size:22px; color:#999;}
.kejixiaoyuan.store .st02 .swiper-button-prev:hover::after,.kejixiaoyuan.store .st02 .swiper-button-next:hover::after { color:#0049a7;}

.kejixiaoyuan.store .st03 { width:100%; padding:50px 0; background:#f2f3f5;}
.kejixiaoyuan.store .st03 li { float:left; width:345px; height:205px; margin:0 0 15px 15px; overflow:hidden; position:relative;}
.kejixiaoyuan.store .st03 li a { display:block; width:100%;}
.kejixiaoyuan.store .st03 li img { display:block; width:345px; height:205px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kejixiaoyuan.store .st03 li p { width:90%; height:50px; line-height:50px; font-size:16px; color:#fff; text-align:center; padding:15px 5% 0 5%; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); position:absolute; right:0; bottom:0; left:0; z-index:2;}
.kejixiaoyuan.store .st03 li:first-child { width:480px; height:430px; margin:0;}
.kejixiaoyuan.store .st03 li:first-child img { width:480px; height:430px;}
.kejixiaoyuan.store .st03 li:hover img { transform:scale(1.1,1.1);}

/*商城*/
.shopnav { width: 100%; margin-bottom: 20px;}
.shopnav li { width: 100%; line-height: 30px; font-size: 13px; padding: 10px 0; border-bottom: 1px solid #eee;}
.shopnav li:last-child { border-bottom: none;}
.shopnav li label { float: left; width: 75px; color: #333;}
.shopnav li p { float: right; width: calc(100% - 75px);}
.shopnav li p a { display: inline-block; color: #666; cursor: pointer; margin-right: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shopnav li p a:hover,
.shopnav li p .on { color: #0049a7;}
.shoplist { width: 100%; padding: 25px 0;}
.shoplist li { float: left; width: 220px; cursor: pointer; margin: 0 25px 25px 0;}
.shoplist li:nth-child(5n) { margin-right: 0;}
.shoplist li a { display: block; width: 100%;}
.shoplist li .img { width: 220px; height: 220px; border-radius: 4px; overflow: hidden;}
.shoplist li .img img { display: block; width: 220px; height: 220px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shoplist li .msg { width: 100%;}
.shoplist li .msg h3 { height: 44px; line-height: 22px; font-weight: 500; font-size: 14px; color: #333; margin: 5px auto; overflow: hidden;}
.shoplist li .msg span { display: block; max-width: 55%; line-height: 25px; font-size: 12px; color: #0049a7;}
.shoplist li .msg span b { font-weight: 500; font-size: 16px;}
.shoplist li .msg i { display: block; max-width: 45%; line-height: 25px; font-style: normal; font-size: 11px; color: #bbb;}
.shoplist li:hover .img img { transform: scale(1.1,1.1);}
.shoplist li:hover .msg h3 { color: #0049a7;}

/*商城详情*/
.comsite .crumb { width: 100%; font-size: 12px; color: #999; padding-left: 20px; background: url(../images/xy07.png) no-repeat left 17px / 13px;}
.comsite .crumb a { color: #666;}
.comsite .crumb a:last-child { color: #0049a7;}
.datails-content { padding-bottom: 80px;}
.protop { margin-bottom: 45px;}
.protop .proimg { float: left; width: 430px; height: 430px; border: 1px solid #eaeaea; border-radius: 4px; overflow: hidden;}
.protop .proimg img { display: block; width: 100%;}
.protop .promsg { float: right; width: 730px;}
.protop .promsg .title { line-height: 35px; font-size: 22px; position: relative;}
.protop .promsg .summary { padding: 25px 40px; margin: 20px auto; background: #f5f5f5;}
.protop .promsg .summary p { line-height: 40px; font-size: 14px; color: #888;}
.protop .promsg .summary p s { color: #666; padding-left: 25px;}
.protop .promsg .summary .price b { font-size: 28px; color: #0049a7; padding-left: 25px;}
.protop .promsg .summary .price b i { font-size: 14px;}
.protop .promsg .attrs { line-height: 30px; font-size: 14px; color: #888; padding-left: 40px; margin-bottom: 20px;}
.protop .promsg .attrs .nam { float: left; width: 43px; text-align: right; margin-right: 25px;}
.protop .promsg .attrs .color { margin-bottom: 20px;}
.protop .promsg .attrs .color .color-cont { float: left; width: calc(100% - 68px);}
.protop .promsg .attrs .color .color-cont .btn { display: inline-block; color: #999; cursor: pointer; padding: 0 10px; margin-right: 10px; border: 1px solid #ddd; border-radius: 2px;}
.protop .promsg .attrs .color .color-cont .btn.active { color: #0049a7; border-color: #0049a7;}
.protop .promsg .attrs .number { line-height: 30px;}
.protop .promsg .attrs .number .number-cont { float: left; width: calc(100% - 68px); line-height: 30px;}
.protop .promsg .attrs .number .number-cont .btn { float: left; width: 35px; font-size: 20px; text-align: center; cursor: pointer; border: 1px solid #ddd; background: #f8f8f8; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;}
.protop .promsg .attrs .number .number-cont input { float: left; width: 35px; height: 30px; text-align: center; margin: 0 5px; border: 1px solid #ddd;}
.protop .promsg .btns { padding-left: 40px;}
.protop .promsg .btns .layui-btn { height: 50px; line-height: 50px; color: #fff; padding: 0 20px; border: 1px solid #0049a7; border-radius: 4px; background: #0049a7;}
.protop .promsg .btns .car-btn { margin-left: 65px; border: 1px solid #f50; background: #f50;}
.prohot { float: left; width: 272px;}
.prohot h4 { line-height: 40px; font-weight: bold; font-size: 16px; color: #333;}
.prohot .item-list { padding: 0 25px; border: 1px solid #eee;}
.prohot .item-list .content { width: auto; margin: 0 auto;}
.prohot .item-list .content .shoplist li { padding-bottom: 10px; margin: 0 0 20px 0; border-bottom: 1px solid #eee;}
.prohot .item-list .content .shoplist li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.prodetail { float: right; width: calc(100% - 300px);}
.prodetail h4 { line-height: 40px; font-weight: bold; font-size: 16px; color: #333; padding-left: 15px; position: relative;}
.prodetail h4::after { display: block; content: ""; width: 3px; height: 15px; background: #0049a7; position: absolute; left: 0; top: 12px;}
.prodetail .item { line-height: 30px; font-size: 14px; color: #333; padding: 25px; border: 1px solid #eee;}
.prodetail .item img { display: block; max-width: 100%;}

/*购物车*/
.cart { margin-top: 25px; border: 1px solid #eee;}
.cart .cart-table-th { height: 50px; line-height: 50px; background: #f5f5f5;}
.cart .th { float: left; text-align: center;}
.cart .th-chk { width: 70px; margin-left: 15px; text-align: left; position: relative;}
.cart .th-chk .select-all,
.cart .th-chk .select-all label { cursor: pointer;}
.cart .cart-checkbox { display: inline-block;}
.cart .CheckBoxShop { width: 15px; height: 15px; border: 1px solid #ccc; position: relative; top: 5px;}
.cart .th-item { width: 413px; text-align: left; padding-left: 90px; box-sizing: border-box;}
.cart .th-price { width: 200px;}
.cart .th-amount { width: 200px;}
.cart .th-sum { width: 200px;}
.cart .th-op { width: 100px;}
.cart .item-content { padding: 15px 0; border-top: 1px solid #eee; box-sizing: border-box; position: relative;}
.cart .item-content .th-chk { margin-top: 35px;}
.cart .item-content .th-item { padding-left: 0;}
.cart .item-content .th-su { display: inline-block; line-height: 100px; font-size: 12px; color: #0049a7;}
.cart .item-content .th-su b { font-size:18px;}
.cart .item-content .th-item .item-cont img { float: left; width: 98px; height: 98px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.cart .item-content .th-item .item-cont .text { float: right; width: calc(100% - 110px); line-height: 25px;}
.cart .item-content .th-item .item-cont .text .title { color: #333;}
.cart .item-content .th-item .item-cont .text p { font-size: 12px; color: #999; margin-top: 5px;}
.cart .item-content .th-amount .box-btn { text-align: center; margin-top: 30px;}
.cart .item-content .th-amount .box-btn .btn,
.cart .item-content .th-amount .box-btn input { display: inline-block; color: #333; text-align: center; border: 1px solid #eee; background: #fff;}
.cart .item-content .th-amount .box-btn .btn { width: 35px; height: 35px; line-height: 35px; font-size: 18px; background: #fafafa;}
.cart .item-content .th-amount input { width: 45px; height: 35px;}
.cart .item-content .th-op span { display: inline-block; line-height: 30px; color: #fff; cursor: pointer; padding: 0 15px; margin-top: 35px; border-radius: 4px; background: #0049a7;}
.cart .FloatBarHolder { line-height: 50px; border-top: 1px solid #eee; background: #f5f5f5; position: relative;}
.cart .FloatBarHolder .th-chk { width: 150px;}
.cart .FloatBarHolder .batch-deletion span { cursor: pointer;}
.cart .FloatBarHolder .total { margin-right: 25px;}
.cart .FloatBarHolder .total span { font-size: 14px; color: #0049a7; padding-left: 5px;}
.cart .FloatBarHolder .total span b { font-size: 24px; position: relative; top: 1px;}
.cart .FloatBarHolder .th-chk .select-all label { margin-left: 5px;}
.cart .FloatBarHolder .Settlement,
.cart .FloatBarHolder .total { float: right;}
.cart .FloatBarHolder .Settlement button.layui-btn { width: 180px; height: 54px; line-height: 54px; font-weight: bold; font-size: 18px; color: #fff; text-align: center; background: #0049a7; border-radius: 0;}

/*空*/
.cartkong { width: 100%; text-align: center; padding-top: 130px; margin: 45px 0; background: url(../images/nocart.png) no-repeat center top;}
.cartkong p { line-height: 30px; font-size: 16px; color: #333;}
.cartkong a { display: block; width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin: 15px auto; border-radius: 20px; background: #0049a7; -webkit-transition: all .5s ease; transition: all .5s ease;}
.cartkong a:hover { color: #fff; background: #0049a7;}

/*充值*/
.mcertif {}
.mcertif .mtit { line-height:50px; font-size:18px; color:#333; padding:0 15px; border-bottom:1px solid #eee; background:#fafafa;}
.mcertif .vipwal { padding:15px;}
.mcertif .vipwal h1 { line-height:40px; font-size:24px; color:#333; margin-bottom:15px; padding:0 15px;}
.mcertif .vipwal li { float:left; width:calc(100% / 4); text-align:center; padding:20px; margin:0 15px 30px 15px; border:1px solid #eee; box-shadow:0 5px 10px rgba(2,6,225,0.1); background:#fff;}
.mcertif .vipwal li p { line-height:35px; font-size:12px; color:#999;}
.mcertif .vipwal li p span { font-size:14px; color:#0049a7; margin-right:5px; position:relative; top:2px;}
.mcertif .vipwal li p span b { font-size:22px;}
.mcertif .vipwal li a { display:block; line-height:30px; color:#666;}
.mcertif .vipwal .act { border-color:#0049a7;}
.mcertif .eval_btn { display:block; width:160px; height:40px; line-height:40px; font-size:14px; color:#fff; margin:0 15px; border:none; border-radius:2px; background:#0049a7;}
.mbunit .layui-btn-danger { background:#0049a7;}

/*结算页面*/
.settle { width:100%; padding:20px 0;}
.settle h1 { line-height:30px; font-size:16px; color:#666;}
.settle h2 { line-height:30px; font-weight:bold; font-size:14px; color:#333;}
.settle .shdz { padding:10px 20px; margin:10px auto; border:1px solid #eee;}
.settle .shdz li { width:100%; height:25px; line-height:25px; font-size:14px; color:#666; margin:10px auto;}
.settle .shdz li b { display:inline-block; width:100px; text-align:center; margin-right:25px; border:2px solid #0049a7; position:relative;}
.settle .shdz li b::before,.settle .shdz li b::after { display:block; content:""; position:absolute;}
.settle .shdz li b::before { width:0; height:0; border-style:solid; border-width:0 0 15px 25px; border-color:transparent transparent #0049a7 transparent; bottom:0; right:0; z-index:0;}
.settle .shdz li b::after { width:8px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); right:2px; bottom:3px; z-index:2;}
.settle .shdz li:hover { color:#333; cursor:pointer;}
.settle .shdz .adbtn { width:120px; height:35px; margin:10px 0;}
.settle .shdz .adbtn .btn { display:block; width:100%; height:35px; line-height:35px; font-size:12px; color:#fff; border:none; background:#0049a7;}
.settle .list { padding:15px 20px 10px 20px; border:1px solid #eee;}
.settle .list li { padding:10px 0; border-bottom:1px solid #f4f4f4;}
.settle .list li:last-child { border-bottom:none;}
.settle .list li img { float:left; width:100px; height:100px; border-radius:4px; overflow:hidden;}
.settle .list li .msg { float:right; width:calc(100% - 115px);}
.settle .list li .kjname { float:left; width:60%; height:50px; line-height:25px; font-size:14px; color:#666; overflow:hidden;}
.settle .list li .price { float:left; width:25%; height:25px; line-height:25px; font-size:12px; color:#0049a7; text-align:center;}
.settle .list li .price span { font-size:16px; font-weight:bold;}
.settle .list li .num { float:left; width:15%; height:25px; line-height:25px; font-size:15px; color:#666; text-align:center;}
.settle .list li .num i { font-style:normal; font-size:12px; margin-right:2px;}
.settle .list li p { line-height:25px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.settle .list li .gge { color:#666; margin-top:10px;}
.settle .count { padding:15px 20px; margin:10px auto; border:1px solid #eee;}
.settle .count li { padding-bottom:10px; margin-bottom:5px; border-bottom:1px solid #f4f4f4;}
.settle .count li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:none;}
.settle .count li p { line-height:25px; font-size:12px; color:#999;}
.settle .balance { text-align:right; padding:20px 0;}
.settle .balance p { line-height:30px; font-size:14px; color:#666; padding-right:30px;}
.settle .balance p b { display:inline-block; font-weight:500; font-size:18px; color:#0049a7;}
.settle .balance p b::first-letter { font-weight:500; font-size:14px;}
.settle .bottom { padding:20px; background:#fafafa;}
.settle .bottom p { line-height:40px; font-size:15px; color:#333; text-align:right; padding-right:15px;}
.settle .bottom p span { margin-left:30px;}
.settle .bottom p span b { display:inline-block; font-style:normal; font-size:20px; color:#0049a7; margin:0 5px;}
.settle .bottom p span:last-child b::first-letter { font-size:14px;}
.settle .bottom .btn { float:right; width:120px; height:45px; line-height:45px; font-weight:bold; font-size:16px; color:#fff; margin-top:5px; border:none; background:#0049a7;}

/*会籍查询*/
.membership { width:100%;}
.membership h1 { line-height:80px; font-size:28px; color:#0049a7; text-align:center;}
.membership .topnr { width:100%;}
.membership .topnr li { width:100%; margin-top:15px;}
.membership .topnr li label { display:block; float:left; width:130px; height:45px; line-height:45px; font-size:14px; color:#333; text-align:center; border:1px solid #eee; border-right:none; border-radius:2px 0 0 2px; box-sizing:border-box; background:#fcfcfc;}
.membership .topnr li input,.membership .topnr li .tag,.membership .topnr li img { display:block; float:left; height:45px; outline:none; border:1px solid #eee; border-radius:0 2px 2px 0; box-sizing:border-box; background:#fff;}
.membership .topnr li input,.membership .topnr li select { line-height:45px; font-size:14px; color:#333; text-align:left; padding:0 10px;}
.membership .topnr li .tag { width:410px; padding-right:20px; position:relative;}
.membership .topnr li .tag::after { display:block; content:""; width:0; height:0; border-style:solid; border-width:5px 5px 0 5px; border-color:#bbb transparent transparent transparent; position:absolute; right:8px; top:20px;}
.membership .topnr li .tag select { width:100%; border:none; background:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.membership .topnr li .dwmc { width:410px;}
.membership .topnr .yzm input { width:225px; margin-right:9px;}
.membership .topnr li .btn { width:160px; color:#fff; text-align:center; margin-left:130px; border-color:#0049a7; background:#0049a7;}
.membership .topnr li .bg { margin-left:10px; color:#333; border-color:#e6e6e6; background:#eee;}
.membership .mainr { width:100%; margin-top:40px; border-top:1px solid #eee;}
.membership .mainr .tabs { width: 100%;}
.membership .mainr .tabs .ner { width: 100%; margin: 0 auto; border: 1px solid #0049a7;}
.membership .mainr .tabs .ner li { float: left; width: calc(100% / 3 - 1px); line-height: 45px; font-size: 14px; color: #333; text-align: center; border-right: 1px solid #0049a7; border-bottom: 1px solid #0049a7;}
.membership .mainr .tabs .ner li:nth-child(3n) { border-right: none;}
.membership .mainr .tabs .ner li span { display: block; float: left; width: 35%; color: #999; border-right: 1px solid #0049a7; background: #fafafa;}
.membership .mainr .tabs .ner li b { display: block; float: left; width: calc(65% - 1px); font-weight: 500; background: #fff;}
.membership .mainr .result { line-height:30px; font-size:14px; color:#999; margin:20px 0;}
.membership .mainr table { line-height:30px; font-size:14px; color:#333;}
.membership .mainr table th,.membership .mainr table td { padding:5px 10px; text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.membership .mainr table td:last-child { border-right:1px solid #ddd;}
.membership .mainr table th { line-height:40px; font-size:16px; color:#fff; border-color:#006bbf; background:#0049a7;}
.membership .mainr table .nobod td { border:none;}

.membership .mainr .kong { text-align:center; padding-top:150px; background:url(../images/kong.png) no-repeat center top;}
.membership .mainr .kong p { line-height:30px; font-size:14px; color:#666;}

/*协会刊物*/
.kwlist { width:100%;}
.kwlist li { float:left; width:215px; margin:15px 20px 0 0; position:relative;}
.kwlist li:nth-child(4n) { margin-right:0;}
.kwlist li a { display:block; width:100%;}
.kwlist li .img { width:205px; height:265px; border:5px solid #eee; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kwlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kwlist li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; text-align:center; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.kwlist li:hover .img { border-color:#0049a7;}
.kwlist li:hover .img img { transform:scale(1.1,1.1);}
.kwlist li:hover h3 { color:#0049a7;}

/*申报*/
.sblist { width:100%;}
.sblist li { float:left; width:290px; margin:15px 25px 0 0; position:relative;}
.sblist li:nth-child(3n) { margin-right:0;}
.sblist li a { display:block; width:100%;}
.sblist li .img { width:290px; height:215px; border-radius:4px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sblist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sblist li h3 { line-height:25px; font-size:16px; color:#333; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sblist li p { line-height:20px; font-size:12px; color:#999;}
.sblist li:hover .img { border-color:#0049a7;}
.sblist li:hover .img img { transform:scale(1.1,1.1);}
.sblist li:hover h3 { color:#0049a7;}
.zhumsg { line-height:30px; font-size:14px; color:#ee0707; white-space:pre-wrap; margin-top:30px; padding:20px 40px; border-radius:4px; background:#fafafa;}

/*弹框*/
.tanks { width: 450px; height: 340px; margin: auto; padding: 20px 25px 10px 25px; border-radius: 8px; box-shadow: 0 5px 20px rgba(11,75,172,0.2); background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
.tanks .close { width: 30px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; border-radius: 50%; background: #0049a7; position: absolute; right: -5px; top: -5px; z-index: 9;}
.tanks .login { width: 100%; padding: 0; margin: 0; background: none;}
.tanks .login h1 { line-height: 30px; font-size: 22px; color: #222; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.tanks .login li { width: 100%; margin-bottom: 15px;}
.tanks .login li input { display: block; width: calc(100% - 22px); height: 45px; line-height: 45px; font-size: 14px; color: #333; outline:none; padding: 0 10px; border: none; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.tanks .login .yzm {}
.tanks .login .yzm input { float: left; width: calc(100% - 180px);}
.tanks .login .yzm img { float: right; width: 145px; height: 45px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.tanks .login .yzm .layui-btn { float: right; width: 145px; height: 47px; line-height: 47px; font-size: 14px; color: #666; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff;}
.tanks .login .btn { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; letter-spacing: 4px; border: none; border-radius: 4px; overflow: hidden; background: #0049a7; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tanks .login p { line-height: 30px; font-size: 12px; color: #666; text-align: center; margin-top: 15px;}
.tanks .login p span { margin: 0 15px;}
.tanks .login p span a { font-weight: bold; font-size: 16px; color: #0049a7; cursor: pointer;}
.tanks .login p span a:hover { text-decoration: underline;}

/*人才筛选*/
.rchoose { width: 100%; margin-bottom: 20px; position: relative; z-index: 9;}
.rchoose .hotzw { width: 100%; margin-bottom: 10px;}
.rchoose .hotzw h3 { line-height: 35px; font-size: 16px; color: #333;}
.rchoose .hotzw a { line-height: 30px; font-size: 14px; color: #666; margin-right: 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.rchoose .hotzw a:hover,
.rchoose .hotzw .on { color: #0049a7;}
.rchoose .serchare { padding-top: 5px; border-top: 1px solid #eee;}
.rchoose .serchare li { float: left; line-height: 35px; font-size: 14px; color: #333; text-align: center; margin-right: 15px; position: relative;}
.rchoose .serchare li span { display: block; cursor: pointer; padding-right: 20px; margin-right: 30px; position: relative;}
.rchoose .serchare li span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px;
border-color: #999 transparent transparent transparent; position: absolute; right: 0; top: 15px;}
.rchoose .serchare li p { display: none; width: 120px; max-height: 240px; text-align: left; box-shadow: 0 0 5px rgba(0,0,0,0.1); overflow-y: scroll; scrollbar-width: none; background: #fff; position: absolute; left: 0; top: 35px;}
.rchoose .serchare li p::-webkit-scrollbar { width: 0; height: 0;}
.rchoose .serchare li p span { line-height: 35px; font-size: 12px; color: #666; padding: 0 10px; margin-right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rchoose .serchare li p span::after { display: none;}
.rchoose .serchare li p span:hover,
.rchoose .serchare li p .on { color: #0049a7; background: rgba(0,73,167,0.05);}
.rchoose .serchare li:hover p { display: block;}

/*详情页图片切换*/
.xczxpic { width: 600px; margin: 0 auto;}
.xczxpic .swiper-slide { height: 300px; background: #fff;}
.xczxpic .swiper-slide img { display: block; max-width: 100%; height: 300px; margin: 0 auto;}
.xczxpic .swiper-pagination { height: 10px; padding: 10px 0; margin: 15px 0 30px 0; position: relative;}
.xczxpic .swiper-pagination span { width: 10px; height: 10px; margin: 0 5px; border: 1px solid #333; background: none;}
.xczxpic .swiper-pagination .swiper-pagination-bullet-active { border-color: #0049a7;}

.xcpics { width: 100%; margin-bottom: 30px;}
.xcpics .xczxpic { float: left; width: 550px; margin: 0; padding: 15px; border: 1px solid #eee; position: relative;}
.xcpics .xczxpic .swiper-pagination { width: 100%; margin: 0; position: absolute; bottom: 0px;}
.xcpics .msg { float: right; width: calc(100% - 650px); padding-top: 5px;}
.xcpics .msg .show_h3 { text-align: left;}
.xcpics .msg .show_h3 p span:first-child { margin-left: 0;}
.xcpics .msg .lh { color: #888;}
.xcpics .msg .btn { display: block; width: 150px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; margin-top: 40px; border-radius: 4px; background: #0049a7;}


/*申报页面*/
.comform { width: 100%;}
.comform .fomwz { width: 100%; height: 60px; background: #d7e4f4; position: relative;}
.comform .fomwz::before,
.comform .fomwz::after { display: block; content: ""; height: 60px; position: absolute;}
.comform .fomwz::before { width: 70%; border-radius: 0 0 30px 0; background: #0049a7; left: 0; top: 0;}
.comform .fomwz::after { width: 30%; border-radius: 30px 0 0 0; background: #fff; right: 0; top: -59px;}
.comform .fomwz .comsite { position: absolute; top: -60px; left: 72%; z-index: 9;}
.comform .topmsg { width: 100%; padding: 50px 0; margin-bottom: 50px; background: #d7e4f4;} 
.comform .topmsg .msg { float: left; width: 60%;}
.comform .topmsg .msg h3 { line-height: 50px; font-size: 24px; color: #000; margin-bottom: 15px;}
.comform .topmsg .msg p { line-height: 30px; font-size: 15px; color: #333;}
.comform .topmsg .img { float: right; width: 500px; height: 200px; border-radius: 8px; overflow: hidden; background: #fafafa;}
.comform .topmsg .img img { display: block; width: 500px; height: 200px;}
.comform .lftnew { float: left; width: 320px; border-radius: 4px 4px 0 0; box-shadow: 5px 5px 0 rgba(0,73,167,0.02); overflow: hidden; background: #fff;}
.comform .lftnew h3 { line-height: 50px; font-size: 16px; color: #fff; padding: 0 15px; background: #0049a7;}
.comform .lftnew .lst { padding: 10px 15px;}
.comform .lftnew .lst li { height: 40px; line-height: 40px; padding-left: 15px; border-bottom: 1px dashed #ddd; position: relative;}
.comform .lftnew .lst li::after { display: block; content: ""; width: 5px; height: 5px; border: 1px solid #666; border-radius: 2px; position: absolute; left: 0; top: 17px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comform .lftnew .lst li:last-child { border-bottom: none;}
.comform .lftnew .lst li a { display: block; float: left; width: 75%; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comform .lftnew .lst li span { display: block; float: right; font-size: 12px; color: #999;;}
.comform .lftnew .lst li:hover::after { border-color: #0049a7; border-radius: 5px;}
.comform .lftnew .lst li:hover a { color: #0049a7;}

.comform .rgtfm { float: right; width: calc(100% - 350px); border: 1px solid rgba(0,73,167,0.1); border-radius: 4px 4px 0 0; box-shadow: 5px 5px 0 rgba(0,73,167,0.02); overflow: hidden; background: #fff;}
.comform .rgtfm .nams { line-height: 50px; font-weight: bold; font-size: 16px; color: #0049a7; margin-bottom: 10px; padding: 0 20px; border-bottom: 1px solid rgba(0,73,167,0.1);}
.comform .rgtfm .myForm { padding: 20px;}

/*考试报名列表*/
.exams { width: 100%;}
.exams li { margin-bottom: 10px; padding: 15px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; position: relative;}
.exams li .img { float: left; width: 185px; height: 130px; border-radius: 4px; overflow: hidden;}
.exams li .img img { display: block; width: 185px; height: 130px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.exams li .msg { float: left; width: calc(100% - 280px); margin-left: 15px;}
.exams li .msg h3 { height: 25px; line-height: 25px; font-size: 14px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.exams li .msg h3 i { display: inline-block; font-style: normal; margin-right: 20px; position: relative;}
.exams li .msg h3 i::after { display: block; content: ""; width: 1px; height: 13px; background: #999; position: absolute; right: -10px; top: 10px;}
.exams li .msg h3 .grey { color: #999;}
.exams li .msg h3 .green { color: #0049a7;}
.exams li .msg p { float: left; width: calc(100% / 3); line-height: 25px; font-size: 12px; color: #999;}
.exams li .msg p span { color: #666;}
.exams li .msg .w100 { width: 100%;}
.exams li .msg .w60 { width: 66%;}
.exams li .btn { float: right; width: 80px; text-align: right; margin-top: 50px;}
.exams li .btn a { display: inline-block; max-width: 50px; height: 40px; line-height: 40px; font-size: 12px; padding: 0 15px; border-radius: 4px;}
.exams li .btn .grys { color: #999; background: #eee;}
.exams li .btn .bule { color: #fff; background: #0049a7;}
.exams li:hover .img img { transform: scale(1.1,1.1);}