@charset "UTF-8"; 
* { font-style: normal; list-style: none; padding: 0; margin: 0; outline: none;}
body { min-width: 1300px; line-height: 22px; font-family: Microsoft YaHei; font-size: 12px; color: #333; background: #f2f3f7 url(../images/ssbg.png) no-repeat center; background-attachment: fixed;}
button,
input,
select,
textarea { -webkit-font-smoothing: antialiased; font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hevetica,\\5b8b\4f53,sans-serif; color: #666; word-break: break-all;}
table { border-collapse: collapse; border-spacing: 0;}
a { text-decoration: none; color: #666;}
a:hover { color: #24bb99;}
a:focus { outline: none;}
input[disabled],
input[disabled="disabled"],
input[readonly],
input[readonly="readonly"] { background-color: #fff;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #999;} 
:-moz-placeholder { color: #999;} 
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #999;} 

.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}
.warp { width: 1300px; margin: 0 auto; position: relative;}
.mart10 { margin-top: 10px;}

/*隐藏显示*/
.hide { display: none !important;}
.show { display: block !important;}

/*标题*/
.title { width: 100%; height: 30px; line-height: 30px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.title h3 { float: left; font-size: 16px; color: #333;}
.title a { float: right; font-weight: bold; font-size: 12px; color: #24bb99; margin-left: 20px;}

/*空列表*/
.no_records { width: 100%; text-align: center; padding: 60px 0;}
.no_records i { display: block; width: 159px; height: 104px; margin: 0 auto; background: url(../images/not-common-icon.png) no-repeat 0 0;}
.no_records p { line-height: 50px; font-size: 14px; color: #8c8c8c;}
.no_records a { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: #fff; padding: 0 15px; border-radius: 15px; background: #24bb99;}

/*顶部*/
.headtop { width: 100%; height: 35px; line-height: 35px; background: #f2f3f7;}
.headtop p { float: left; width: 30%; font-size: 13px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.headtop .rgt { display: flex; flex-direction: row; justify-content: flex-end; float: right; width: 70%;}
.headtop .rgt a { display: block; font-size: 13px; color: #666; margin-left: 30px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.headtop .rgt a::after { display: block; content: ""; width: 1px; height: 10px; margin: auto; background: rgba(0,0,0,0.2); position: absolute; left: -15px; top: 0; bottom: 0;}
.headtop .rgt a:first-child::after { display: none;}
.headtop .rgt a:hover { color: #24bb99;}
.headtop .rgt .gren { color: #24bb99;}

/*头部*/
.head { width: 100%; height: 95px; padding: 10px 0; background: #fff;}
.head .logo { float: left; width: 400px; height: 75px; margin-top: 10px;}
.head .logo img { display: block; height: 100%;}
.head .search { float: right; width: 585px; margin-top: 20px;}
.head .search .nr { width: 100%; height: 40px; overflow: hidden; background: url(../images/hy01.png) no-repeat 0 0;}
.head .search .nr input { display: block; float: left; width: calc(100% - 126px); height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 15px; border: none; background: none;}
.head .search .nr .btn { width: 95px; height: 40px; line-height: 40px; font-size: 15px; color: #fff; text-align: left; padding: 0 0 0 45px; background: url(../images/hy02.png) no-repeat 20px center;}
.head .search p { height: 30px; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.head .search p a { display: inline-block; line-height: 30px; font-size: 12px; color: #666; margin-right: 30px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.head .search p a::after { display: block; content: ""; width: 1px; height: 10px; background: #e5e5e5; position: absolute; right: -15px; top: 10px;}
.head .search p a:last-child { margin-right: 0;}
.head .search p a:last-child::after { display: none;}
.head .search p a:hover { color: #24bb99;}
.head .carts { float: right; width: 95px; height: 40px; margin: 20px 30px 0 15px; padding: 0 15px; background: url(../images/hy03.png) no-repeat 0 0;}
.head .carts a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #24bb99;}
.head .carts a span { display: block; float: left; width: 40px; height: 40px; margin-right: 5px; background: url(../images/hy04.png) no-repeat center; position: relative;}
.head .carts a span i { display: block; min-width: 10px; height: 15px; line-height: 15px; font-size: 10px; color: #fff; text-align: center; padding: 0 2.5px; border-radius: 15px; background-image: linear-gradient(to right,#fe7e9e,#ff773c); position: absolute; right: 0; top: 4px;}
.head .ewm { float: right; width: 80px; text-align: center;}
.head .ewm img { display: block; width: 68px; height: 68px; padding: 3px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden;}
.head .ewm p { height: 25px; line-height: 25px; font-size: 12px; color: #999;}

/*导航*/
.navs { width: 100%; height: 50px; background: #fff; position: relative; z-index: 999;}
.navs .menu { float: left; width: 260px; position: relative;}
.navs .menu span { display: block; height: 50px; line-height: 50px; font-weight: bold; font-size: 16px; color: #fff; padding: 0 20px 0 45px; border-radius: 15px 15px 0 0; background-image: linear-gradient(to right,#15daa4,#21c19b); position: relative;}
.navs .menu span::after { display: block; content: ""; width: 25px; height: 50px; background: url(../images/hy00.png) no-repeat left center; position: absolute; left: 20px; top: 0; z-index: 1;}
.navs .menu .lst { display: none; width: calc(100% - 20px); padding: 10px; background: #fff; position: absolute; left: 0; top: 50px;}
.navs .menu .lst li { margin-bottom: 10px; padding: 12px 10px; border: 1px solid rgba(36,187,153,0.15); border-radius: 4px; background-image: linear-gradient(to right,rgba(36,187,153,0.05),rgba(36,187,153,0.1)); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.navs .menu .lst li::after { display: block; content: ""; width: 6px; height: 6px; margin: auto; border-top: 1px solid #fff; border-right: 1px solid #fff; border-radius: 2px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; top: 0; bottom: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.navs .menu .lst li:last-child { margin-bottom: 0;}
.navs .menu .lst li img { display: block; float: left; width: 30px; height: 30px;}
.navs .menu .lst li .wz { float: right; width: calc(100% - 35px);}
.navs .menu .lst li .wz a { display: block; width: 100%; height: 30px; line-height: 29px; font-weight: bold; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.navs .menu .lst li .wz p { height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.navs .menu .lst li .wz p a { display: inline-block; width: auto; line-height: 20px; font-weight: 500; font-size: 12px; color: #999; margin-right: 10px;}
.navs .menu .lst li:hover { background-image: linear-gradient(to right,#15daa4,#21c19b);}
.navs .menu .lst li:hover img { filter: grayscale(100) brightness(100);}
.navs .menu .lst li:hover .wz a { color: #fff;}
.navs .menu .lst li:hover .wz p a { filter: alpha(opacity=80); opacity: 0.8;}
.navs .menu:hover .lst { display: block;}
.navs .nav { float: left; max-width: calc(100% - 260px);}
.navs .nav li { float: left; height: 50px; position: relative;}
.navs .nav li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: #e8e9ed; position: absolute; top: 19px; right: 0;}
.navs .nav li:last-child::after { display: none;}
.navs .nav li a { display: block; line-height: 50px; font-weight: bold; font-size: 16px; color: #333; padding: 0 30px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.navs .nav li a i { display: none; height: 17px; line-height: 16px; font-size: 12px; color: #fff; margin-left: 5px; padding: 0 5px; border-radius: 10px 10px 10px 0; background-image: linear-gradient(to right,#fd80a7,#ff6a29); position: relative; top: -1px;}
.navs .nav li:nth-child(2) a i:first-child,
.navs .nav li:nth-child(3) a i:last-child { display: inline-block;}
.navs .nav li .curr,
.navs .nav li a:hover { color: #24bb99;}

/*脚部*/
.footer { width: 100%; margin-top: 30px; background: #fff;}
.footer .lst { display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding: 25px 0; border-bottom: 1px solid #f2f2f2;}
.footer .lst p { float: left; height: 41px; line-height: 41px; font-weight: bold; font-size: 16px; color: #333; padding-left: 55px; background-repeat: no-repeat; background-position: left center;}
.footer .lst .lt01 { background-image: url(../images/hy21.png);}
.footer .lst .lt02 { background-image: url(../images/hy22.png);}
.footer .lst .lt03 { background-image: url(../images/hy23.png);}
.footer .lst .lt04 { background-image: url(../images/hy24.png);}
.footer .nr { width: 100%; padding: 35px 0 25px 0;}
.footer .nr .msg { float: left; width: calc(100% - 475px); margin-top: 15px;}
.footer .nr .msg p { line-height: 30px;}
.footer .nr .msg p span { display: inline-block; font-size: 13px; color: #999; margin-right: 15px;}
.footer .nr .msg p span a { font-size: 13px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .nr .msg p .ads { padding-left: 20px; background: url(../images/hy25.png) no-repeat left center;}
.footer .nr .msg p .tel { padding-left: 20px; background: url(../images/hy26.png) no-repeat left center;}
.footer .nr .msg .link { font-size: 0;}
.footer .nr .msg .link span { margin-right: 0;}
.footer .nr .msg .link a { display: inline-block; font-size: 13px; color: #999; margin-right: 15px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .nr .msg .link a::after { display: block; content: ""; width: 1px; height: 12px; background: #ddd; position: absolute; right: -7px; top: 10px;}
.footer .nr .msg .link a:last-child { margin-right: 0;}
.footer .nr .msg .link a:last-child::after { display: none;}
.footer .nr .msg p a:hover { color: #333;}
.footer .nr .rgt { float: right; width: 410px; border-left: 1px solid #f2f2f2;}
.footer .nr .rgt .img { float: left; width: 100px; text-align: center; margin: 0 65px;}
.footer .nr .rgt .img img { display: block; width: 90px; height: 90px; padding: 3px; border: 1px solid #d9d9d9; border-radius: 4px; background: #fff;}
.footer .nr .rgt .img p { height: 25px; line-height: 25px; font-size: 14px; color: #999; margin-top: 10px;}
.footer .nr .rgt .tel { float: left; width: 175px; text-align: center; margin-top: 10px;}
.footer .nr .rgt .tel h3 { height: 35px; line-height: 35px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .nr .rgt .tel p { height: 20px; line-height: 20px; font-size: 12px; color: #666;}
.footer .nr .rgt .tel a { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 35px; margin-top: 15px; border-radius: 20px; background-image: linear-gradient(to right,#15daa4,#21c19b);}
.footer .nr .rgt .tel a i { display: block; width: 25px; height: 25px; margin-right: 5px; background: url(../images/hy27.png) no-repeat center / 100%;}
.footer .nr .rgt .tel a span { display: block; line-height: 35px; font-size: 14px; color: #fff;}

.footer .nr .icpimg { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999999;}
.footer .nr .icpimg img { display: block; max-width: 90%; height: 600px; margin: auto; padding: 25px; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}



/*右侧挂件*/
.watrgt { width: 65px; position: fixed; right: 0; top: 40%; z-index: 9999;}
.watrgt li { width: 100%; height: 55px; text-align: center; padding-top: 10px; background: #31353b; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.watrgt li::after { display: block; content: ""; width: 50%; height: 1px; margin: auto; background: rgba(255,255,255,0.1); position: absolute; left: 0; right: 0; bottom: 0;}
.watrgt li:first-child { border-radius: 4px 0 0 0;}
.watrgt li:last-child { border-radius: 0 0 0 4px;}
.watrgt li img { display: block; width: 25px; height: 25px; margin: 0 auto;}
.watrgt li span { display: block; height: 25px; line-height: 25px; font-size: 12px; color: #fff;}
.watrgt li p { display: none; text-align: center; padding-right: 10px; overflow: hidden; position: absolute; right: 65px; top: 0; z-index: 2;}
.watrgt li p::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #24bb99; position: absolute; right: 3px; top: 20px; z-index: 2;}
.watrgt li p img { display: block; width: 110px; height: 110px; padding: 5px; border-radius: 4px; overflow: hidden; background: #24bb99;}
.watrgt li .kefu { display: none; text-align: center; padding-right: 10px; position: absolute; right: 65px; top: 0; z-index: 2;}
.watrgt li .kefu::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #24bb99; position: absolute; right: 3px; top: 20px; z-index: 2;}
.watrgt li .kefu .top { width: 180px; height: 100px; line-height: 100px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 10px; border-radius: 4px; overflow: hidden; background: #24bb99;}
.watrgt li .kefu .msg { width: 150px; text-align: left; padding: 10px 15px; box-shadow: 5px 5px 20px rgba(0,0,0,0.1); border-radius: 4px; overflow: hidden; background: #fff url(../images/hy32.png) no-repeat right top / 65px;}
.watrgt li .kefu .msg h3 { height: 25px; line-height: 25px; font-size: 15px; color: #24bb99; margin-bottom: 15px; position: relative;}
.watrgt li .kefu .msg h3::after { display: block; content: ""; width: 60px; height: 1px; background-image: linear-gradient(to right,#fff,#21c19b,#fff); position: absolute; left: 0; bottom: -5px;}
.watrgt li .kefu .msg label { display: block; height: 25px; line-height: 25px; font-weight: bold; font-size: 14px; color: #24bb99; padding-left: 20px; background: url(../images/hy31h.png) no-repeat left 6px / 15px;}
.watrgt li .kefu .msg em { display: block; height: 20px; line-height: 20px; font-size: 12px; color: #24bb99;}
.watrgt li:hover,
.watrgt li.on { background: #24bb99;}
.watrgt li:hover p,
.watrgt li:hover .kefu { display: block;}

/*分页*/
.pages { width: 100%; text-align: center; margin: 40px 0;}
.pages .pages_warp { overflow: hidden; font-size: 0;}
.pages .item { display: inline-block; width: 28px; height: 28px; line-height: 28px; margin: 0 2px; border: 1px solid #d2d2d2;}
.pages .item.next { margin-right: 0;}
.pages .item a { display: block; float: left; width: 28px; height: 28px; font-size: 12px; color: #8c8c8c; text-align: center; background: #f8f8f8;}
.pages .item a .iconfont { font-size: 12px; color: #8c8c8c;}
.page-white-bg .item a { background-color: #fff;}
.pages .item.span,
.pages .item.span:hover { border-color: #fff;}
.pages .item span { float: left; width: 28px; height: 28px; line-height: 22px; font-size: 12px; text-align: center;}
.pages .item.cur { border-color: #24bb99;}
.pages .item.cur a { color: #fff; background-color: #24bb99;}
.pages .item:hover { border-color: #24bb99;}
.pages .item:hover a { color: #24bb99;}
.pages .item.cur:hover a { color: #fff;}
.pages .item.prev:hover a .iconfont,
.pages .item.next:hover a .iconfont { color: #24bb99;}
.pages li { display: inline-block; width: 28px; height: 28px; line-height: 28px; margin: 0 2px; border: 1px solid #d2d2d2;}
.pages li a,
.pages li span { display: block; width: 100%;}
.pages li:hover,
.pages .active { border-color: #24bb99; background: #24bb99;}
.pages li:hover a,
.pages .active span { color: #fff;} 

/*********登录*********/
.head .rgt { float: right; line-height: 95px; font-size: 14px; color: #090103;}
.head .rgt a { color: #24bb99;}
.head .rgt a:hover { text-decoration: underline;}

.login-tb { width: 100%; height: calc(100vh - 240px); overflow: hidden; background: url(../images/loginbg.jpg) no-repeat center / cover;}
.login-tb .warp { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: calc(100vh - 240px);}

.login-tb .img { width: 40px; height: 40px; padding: 3px; margin: 0 auto 10px auto; border: 1px solid #eee; border-radius: 50%; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.login-tb .img img { display: block; width: 40px; height: 40px; border-radius: 50%;}
.login-tb h1 { font-size: 16px; color: #8c8c8c; text-align: center; padding: 0 15px 20px 15px; position: relative;}
.login-tb h1::before,
.login-tb h1::after { display: block; content: ""; width: 35%; height: 1px; background: #eee; position: absolute; top: 13px;}
.login-tb h1::before { left: 0;}
.login-tb h1::after { right: 0;}

.login-tb .tabs { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.login-tb .tabs li { float: left; width: 50%; height: 40px; line-height: 40px; font-size: 14px; color: #666; cursor: pointer; text-align: center; position: relative;}
.login-tb .tabs li::after { display: block; content: ""; width: 0; height: 2px; margin: auto; background: #24bb99; position: absolute; left: 0; right: 0; bottom: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.login-tb .tabs li.on { font-weight: bold; color: #24bb99;}
.login-tb .tabs li.on::after { width: 30px;}

.login-tb .sc-redBg-btn { display: block; width: 100%; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; margin: 15px auto 5px auto; border-radius: 2px; background: #24bb99; cursor: pointer;}

.login-tb .login-form { width: 300px; padding: 20px 30px; background: #fff;}
.login-tb .login-form .nams { height: 45px; line-height: 30px; font-weight: bold; font-size: 20px; color: #24bb99;}
.login-tb .login-form .swiper-slide { background: #fff;}
.login-tb .login-form .msg { width: 100%;}
.login-tb .login-form .msg .ewmimg { width: 240px; height: 240px; margin: 0 auto; border: 1px solid #ddd; border-radius: 4px; overflow: hidden;}
.login-tb .login-form .msg .ewmimg img { display: block; width: 240px; height: 240px;}

.login-tb .login-form .msg li { height: 30px; line-height: 30px; padding: 5px; margin-bottom: 10px; border: 1px solid #ddd;}
.login-tb .login-form .msg li i { display: block; float: left; width: 25px; height: 30px; color: #ddd; text-align: center; padding-right: 5px;}
.login-tb .login-form .msg li input { display: block; float: left; width: 258px; height: 30px; line-height: 30px; color: #333; border: none;}
.login-tb .login-form .msg li .yzm { width: 165px;}
.login-tb .login-form .msg li .captcha_img { display: block; float: right; width: 90px; height: 30px;}
.login-tb .login-form .msg .notpwd { line-height: 30px; color: #666;}
.login-tb .login-form .msg .notpwd:hover { color: #24bb99;}
.login-tb .login-form .msg .tps { line-height: 22px; font-size: 12px; color: #f60; filter: alpha(opacity=75); opacity: 0.75;}

.login-tb .register-form { width: 320px; padding: 20px 30px; background: #fff;}
.login-tb .register-form li { line-height: 40px; margin-top: 10px;}
.login-tb .register-form li label { float: left; width: 70px; text-align: center;}
.login-tb .register-form li .msg { float: right; width: 250px;}
.login-tb .register-form li .msg input { display: block; width: 228px; height: 38px; line-height: 38px; color: #333; padding: 0 10px; border: 1px solid #ddd;}
.login-tb .register-form li .msg .yzm,
.login-tb .register-form li .msg .dxyz { float: left; width: 110px;}
.login-tb .register-form li .msg .captcha_img { display: block; float: right; width: 110px; height: 38px; border: 1px solid #ddd;}
.login-tb .register-form li .msg .sms-btn { display: block; float: right; width: 110px; height: 38px; text-align: center; border: 1px solid #f2f2f2; background: #f6f6f6;}
.login-tb .register-form .read { line-height: 22px;}
.login-tb .register-form .read .msg .solid-checkbox { float: left; width: auto; height: auto; margin: 5px 5px 0 0;}
.login-tb .register-form .read .msg .solid-label { float: left;}
.login-tb .register-form .read .msg .solid-label a { color: #24bb99;}
.login-tb .register-form li .msg .sc-redBg-btn { width: 100%; height: 40px; line-height: 40px; color: #fff; margin: 0 auto; border: 1px solid #24bb99;}

.loginfoot { width: 100%; line-height: 25px; text-align: center; padding-top: 25px;}
.loginfoot .nva { width: 100%;}
.loginfoot .nva a { display: inline-block; font-size: 14px; color: #333; margin: 0 15px; position: relative;}
.loginfoot .nva a::after { display: block; content: ""; width: 1px; height: 10px; background: #bbb; position: absolute; left: -15px; top: 10px;}
.loginfoot .nva a:first-child::after { display: none;}
.loginfoot .copy { width: 100%; margin-top: 10px;}
.loginfoot .copy p { line-height: 25px; color: #666;}
.loginfoot .copy p a { color: #666;}
.loginfoot a:hover { color: #24bb99;}

/*********文本页面*********/
.articlecont { width: 100%;}
.articlecont .artbanner { width: 100%; height: 100px; margin-bottom: 20px; background: url(../images/article_bg.jpg) no-repeat center top;}
.articlecont .artbanner h3 { float: left; line-height: 100px; font-size: 28px; color: #fff;}
.articlecont .artbanner .hd-search { float: right; margin-top: 30px;}
.articlecont .artbanner .hd-search .fsearch { width: 440px; height: 45px; line-height: 45px; border-radius: 22.5px; background: #fff; overflow: hidden;}
.articlecont .artbanner .hd-search .fsearch input { float: left; width: 300px; line-height: 45px; font-size: 14px; color: #333; padding: 0 20px; border: none;}
.articlecont .artbanner .hd-search .fsearch .btn-submit { float: left; width: 100px; height: 45px; font-size: 16px; color: #fff; text-align: center; border: none; background: #24bb99;}
.articlecont .artbanner .hd-search .fsearch .btn-submit i { margin-right: 5px;}

/*文本左栏*/
.articlecont .artlft { float: left; width: 240px; border-radius: 10px; overflow: hidden; background: #fff;}
.articlecont .artlft h3 { height: 45px; line-height: 45px; font-size: 16px; color: #fff; padding: 0 15px; background-image: linear-gradient(#15daa4,#21c19b);}
.articlecont .artlft dl {}
.articlecont .artlft dl dd { border-top: 1px solid #f4f4f4;}
.articlecont .artlft dl dd .item-hd { padding: 10px 15px;}
.articlecont .artlft dl dd .item-hd a { float: left; font-size: 14px; color: #333;}
.articlecont .artlft dl dd .item-hd i { float: right; font-size: 10px; color: #666;}
.articlecont .artlft dl dd .item-bd { display: none; padding: 10px 15px; border-top: 1px solid #f4f4f4; background: #fafafa;}
.articlecont .artlft dl dd .item-bd li { width: 100%; line-height: 30px;}
.articlecont .artlft dl dd .item-bd li a { display: block; color: #333; padding-left: 10px; position: relative;}
.articlecont .artlft dl dd .item-bd li a::after { display: block; content: ""; width: 4px; height: 4px; background: #666; position: absolute; left: 0; top: 13px;}
.articlecont .artlft dl dd .item-bd li .item-hd { padding: 0;}
.articlecont .artlft dl dd .item-bd li .item-hd a { font-weight: 500; font-size: 12px;}
.articlecont .artlft dl dd .item-bd li .item-bd { padding: 0 10px; border-top: none;}

/*文本右栏*/
.articlecont .artrgt { float: right; width: calc(100% - 300px); padding: 15px 20px; border-radius: 10px; overflow: hidden; background: #fff;}
.articlecont .artrgt .am-hd { width: 100%; line-height: 30px;}
.articlecont .artrgt .am-hd h3 { font-weight: bold; font-size: 16px;}
.articlecont .artrgt .am-infor,
.articlecont .artrgt .am-bd { width: 100%; min-height: 200px; font-size: 14px; color: #666;}
.articlecont .artrgt .am-infor { line-height: 30px; padding: 10px 0; margin-top: 10px; border-top: 1px solid #eee;}
.articlecont .artrgt .am-infor img,
.articlecont .artrgt .am-infor img { display: block; max-width: 100%; margin: 0 auto;}
.articlecont .artrgt .am-bd .list { margin-top: 10px; border-top: 1px solid #eee;}
.articlecont .artrgt .am-bd .list li { padding: 10px 0; border-bottom: 1px solid #f4f4f4;}
.articlecont .artrgt .am-bd .list li h3 { font-weight: 500; padding-left: 15px; margin-bottom: 5px; position: relative;}
.articlecont .artrgt .am-bd .list li h3::after { display: block; content: ""; width: 4px; height: 4px; background: #24bb99; position: absolute; left: 0; top: 11px;}
.articlecont .artrgt .am-bd .list li h3 a { display: block; width: 100%; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.articlecont .artrgt .am-bd .list li p { padding-left: 15px; font-size: 12px; color: #090103;}

/*会议列表*/
.meeting { width: 100%;}
.meeting .nams { height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; color: #333;}
.meeting .lsts { width: 100%;}
.meeting .lsts li { float: left; width: 320px; margin: 20px 20px 0 0; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting .lsts li:nth-child(3n) { margin-right: 0;}
.meeting .lsts li .img { width: 100%; height: 180px; border-radius: 4px 4px 0 0; overflow: hidden; background: #f8f8f8;}
.meeting .lsts li .img img { display: block; width: 100%; min-height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting .lsts li .msg { padding: 10px 15px; border: 1px solid #e6e6e6; border-radius: 0 0 4px 4px; overflow: hidden;}
.meeting .lsts li .msg h3 { height: 50px; line-height: 25px; font-weight: 500; font-size: 15px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting .lsts li .msg p { line-height: 22px; font-size: 12px; color: #999;}
.meeting .lsts li .msg p b { color: #24bb99;}
.meeting .lsts li .msg .bmpep { float: left; width: calc(100% - 80px); height: 30px; line-height: 30px; font-size: 12px; color: #666; margin: 10px 0 0 8px;}
.meeting .lsts li .msg .bmpep img { display: block; float: left; width: 20px; height: 20px; margin: 2.5px 0 0 -10px; border: 2px solid #fff; border-radius: 50%;}
.meeting .lsts li .msg .bmpep span { display: block; float: left; line-height: 30px; font-size: 12px; color: #666; margin-left: 5px;}
.meeting .lsts li .msg i { float: right; width: 70px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; margin-top: 10px; border-radius: 4px; background: #24bb99;}
.meeting .lsts li:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.meeting .lsts li:hover .img img { transform: scale(1.1,1.1);}
.meeting .lsts li:hover .msg h3 { color: #24bb99;}

/*会议详情*/
.meetshow { width: 100%; position: relative;}
.meetshow .img { float: left; width: 364px; height: 205px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fdfdfd;}
.meetshow .img img { display: block; width: 100%;}
.meetshow .msg { float: right; width: calc(100% - 400px);}
.meetshow .msg h1 { height: 50px; line-height: 25px; font-size: 16px; color: #333;}
.meetshow .msg span { display: block; float: left; line-height: 40px; font-weight: bold; font-size: 14px; color: #24bb99; margin: 15px 0; overflow: hidden;}
.meetshow .msg a { display: block; float: right; width: 90px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin: 15px 0; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#15daa4,#21c19b);}
.meetshow .msg p { line-height: 30px; font-size: 12px; color: #999; padding-left: 25px; background-repeat: no-repeat; background-position: 0 center; background-size: 15px;}
.meetshow .msg p i { font-style: normal; color: #666;}
.meetshow .msg .tm { background-image: url(../images/rl51.png);}
.meetshow .msg .bm { background-image: url(../images/rl52.png);}
.meetshow .msg .ad { background-image: url(../images/rl53.png);}
.meetshow .tab { width: 100%; margin-top: 20px;}
.meetshow .tab-head { height: 50px; line-height: 50px; text-align: center; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.meetshow .tab-head li { display: inline-block; font-size: 14px; color: #666; padding: 0 25px; cursor: pointer; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tab-head li::after { display: none; content: ""; width: 40px; height: 2px; margin: auto; background: #24bb99; position: absolute; left: 0; right: 0; bottom: -1px;}
.meetshow .tab-head .on { font-weight: bold; font-size: 16px; color: #24bb99;}
.meetshow .tab-head .on::after { display: block;}
.meetshow .tab-body { width: 100%;}
.meetshow .tab-body li { display: none;}
.meetshow .tab-body li[class="on"] { display: block;}
.meetshow .tab-body li .ticklst { width: 100%;}
.meetshow .tab-body li .ticklst .lst { height: 50px; line-height: 50px; padding-left: 15px; border-bottom: 1px solid #f8f8f8; position: relative;}
.meetshow .tab-body li .ticklst .lst::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #24bb99; border-radius: 2px; position: absolute; left: 0; top: 23px;}
.meetshow .tab-body li .ticklst .lst h3 { float: left; width: 60%; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tab-body li .ticklst .lst p { float: right; max-width: 40%;}
.meetshow .tab-body li .ticklst .lst p span { display: inline-block; font-size: 12px; color: #999; margin-left: 20px;}
.meetshow .tab-body li .ticklst .lst p span i { font-style: normal; color: #666;}
.meetshow .tab-body li .ticklst .lst p span b { font-size: 14px;}
.meetshow .tab-body li .ticklst .lst p span .red { color: #e52f42;}
.meetshow .tab-body li .jclst { width: 100%;}
.meetshow .tab-body li .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 .tab-body li .jclst li:nth-child(3n) { margin-right: 0;}
.meetshow .tab-body li .jclst li .ig { width: 100%; height: 185px; overflow: hidden;}
.meetshow .tab-body li .jclst li .ig img { display: block; width: 100%; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tab-body li .jclst li .mg { padding: 10px 15px; border: 1px solid #eee; border-top: none;}
.meetshow .tab-body li .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 .tab-body li .jclst li .mg p { height: 45px; line-height: 22px; font-size: 12px; color: #999; margin-bottom: 10px; overflow: hidden;}
.meetshow .tab-body li .jclst li .mg span { display: block; line-height: 25px; font-size: 12px; color: #666;}
.meetshow .tab-body li .jclst li:hover .ig img { transform: scale(1.1,1.1);}
.meetshow .tab-body li .jclst li:hover .mg h3 { color: #24bb99;}
.meetshow .tank { width: 850px; min-height: 465px; margin: auto; padding: 0 15px; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.2); background-image: linear-gradient(#24bb99,#fff 75%); overflow: hidden; position: fixed; top: 15%; right: 0; left: 0; z-index: 1800;}
.meetshow .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: 18px; z-index: 2;}
.meetshow .tank .clos::before,
.meetshow .tank .clos::after { display: block; content: ""; margin: auto; background: #24bb99; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.meetshow .tank .clos::before { width: 12px; height: 2px;}
.meetshow .tank .clos::after { width: 2px; height: 12px;}
.meetshow .tank h1 { height: 60px; line-height: 60px; font-size: 18px; color: #fff;}
.meetshow .tank .waiks { width: 100%; height: 450px; overflow: scroll; scrollbar-width: none;}
.meetshow .tank .waiks::-webkit-scrollbar { width: 0; height: 0;}
.meetshow .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 .tank .nrs h3 { line-height: 45px; font-size: 16px; color: #333; border-bottom: 1px solid #eee; position: relative;}
.meetshow .tank .nrs h3 em { font-style: normal; font-weight: 500; font-size: 12px; color: #666; margin-left: 5px;}
.meetshow .tank .nrs h3 a { display: block; height: 30px; line-height: 30px; font-weight: 500; font-size: 12px; color: #fff; padding: 0 10px; border-radius: 2px; background: #ca2c07; position: absolute; top: 7.5px; right: 0;}
.meetshow .tank .nrs li { cursor: pointer; border-radius: 4px; border: 1px solid #eee; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tank .nrs .piao { width: 100%;}
.meetshow .tank .nrs .piao li { float: left; width: calc(50% - 42px); padding: 10px 15px; margin: 10px 20px 0 0;}
.meetshow .tank .nrs .piao li:nth-child(2n) { margin-right: 0;}
.meetshow .tank .nrs .piao li h4 { line-height: 25px; font-size: 15px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meetshow .tank .nrs .piao li p { display: flex; line-height: 22px; font-size: 12px; color: #999;}
.meetshow .tank .nrs .piao li p b { font-weight: 500; color: #333;}
.meetshow .tank .nrs .piao li p span { display: block; margin-right: 30px;}
.meetshow .tank .nrs .piao li p span:last-child { margin-right: 0;}
.meetshow .tank .nrs .piao li p span b { font-weight: bold; font-size: 14px;}
.meetshow .tank .nrs .piao li p .blu,
.meetshow .tank .nrs .piao li p .blu b { color: #24bb99;}
.meetshow .tank .nrs .piao li p .red,
.meetshow .tank .nrs .piao li p .red b { color: red;}
.meetshow .tank .nrs .ren { width: 100%;}
.meetshow .tank .nrs .ren li { float: left; width: calc(100% / 5 - 30px); text-align: center; padding: 10px; margin: 10px 10px 0 0;}
.meetshow .tank .nrs .ren li:nth-child(5n) { margin-right: 0;}
.meetshow .tank .nrs .ren li i { display: block; height: 22px; line-height: 22px; font-style: normal; font-size: 11px; color: #fff; padding: 0 5px; border-radius: 0 0 0 4px; background: #24bb99; position: absolute; right: 0; top: 0;}
.meetshow .tank .nrs .ren li h4 { height: 25px; line-height: 25px; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meetshow .tank .nrs .ren li p { height: 25px; line-height: 25px; font-size: 14px; color: #666;}
.meetshow .tank .nrs li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.meetshow .tank .nrs .on { border-color: #24bb99; box-shadow: 0 0 10px #eee;}
.meetshow .tank .botom { height: 65px;}
.meetshow .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 .tank .botom .nr p { float: left; width: 60%; font-size: 14px; color: #333; text-align: right;}
.meetshow .tank .botom .nr p span { color: #24bb99;}
.meetshow .tank .botom .nr p span b { font-weight: 500; font-size: 22px;}
.meetshow .tank .botom .nr .enroll { float: right; width: 30%; font-weight: bold; font-size: 16px; color: #fff; cursor:  pointer; text-align: center; overflow: hidden; background: #24bb99;}
.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: #24bb99; background: #24bb99;}