@charset "utf-8";
* { list-style: none; padding: 0; margin: 0;}
body { min-width: 1400px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 0 auto; background: #f5f7fa;}
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: 1400px; margin: 0 auto; position: relative;}
.bai { padding: 20px 30px 30px 30px; background: #fff;}
#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;} 

/*top*/
.header { width: 100%; height: 160px; box-sizing: border-box; background: #fff url(../images/gg01.jpg) no-repeat center top;}
.header .logo { float: left; width: 500px; height: 90px; padding: 35px 0; overflow: hidden;}
.header .logo img { display: block; height: 90px;}
.header .logn { float: right; width: 125px; line-height: 50px; text-align: center; border-radius: 4px; overflow: hidden; margin-top: 55px; background: #02a9ad;}
.header .logn a { display: block; width: 100%; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .serch { float: right; width: 300px; height: 48px; margin: 55px 15px 0 0; padding-left: 35px; border: 1px solid #0043ae; border-radius: 4px; overflow: hidden; background: #fff url(../images/gg02.png) no-repeat 10px center;}
.header .serch input { display: block; float: left; width: 220px; height: 48px; line-height: 45px; font-size: 14px; color: #333; border: none; background: none;}
.header .serch .btn { width: 80px; font-size: 16px; color: #fff; background: #0043ae;}

/*导航*/
.nav { width: 100%; height: 60px; background: #0043ae; position: relative; z-index: 1700;}
.nav li { float:left; width: calc(100% / 8); line-height: 60px; text-align: center; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.nav li a { display: block; font-size: 16px; color: #fff; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.nav li a i { display: inline-block; width: 30px; height: 30px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: 30px; position: relative; top: 8px;}
.nav li.nv0 a i { background-image: url(../images/dh1.png);}
.nav li.nv1 a i { background-image: url(../images/dh2.png);}
.nav li.nv2 a i { background-image: url(../images/dh3.png);}
.nav li.nv3 a i { background-image: url(../images/dh4.png);}
.nav li.nv4 a i { background-image: url(../images/dh5.png);}
.nav li.nv5 a i { background-image: url(../images/dh6.png);}
.nav li.nv6 a i { background-image: url(../images/dh7.png);}
.nav li.nv7 a i { background-image: url(../images/dh8.png);}
.nav li:hover,
.nav .on { background: #013a95;}
.nav li:hover a,
.nav .on a { color: #fff;}
.nav li:hover .subnav { display: block;}
.nav li .subnav { display: none; width: 100%; overflow: hidden; background: #013a95; position: absolute; top: 60px; right: 0;}
.nav li .subnav a { line-height: 45px; font-size: 14px; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(0,0,0,0.08); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav li .subnav a:hover { color: #fff; background: #0043ae;}

/*友情链接*/
.links { width: 100%; padding: 20px 0; position: relative; z-index: 999;}
.links .nam { float: left; line-height: 40px; font-size: 16px; color: #333;}
.links li { float: left; width: 310px; height: 40px; margin-left: 18px; border: 1px solid #ddd; border-radius: 2px; position: relative;}
.links li span { display: block; width: 265px; height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 30px 0 15px; border-radius: 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: #fff; position: relative;}
.links 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 li p { display: none; width: 100%; border: 1px solid #ddd; border-radius: 2px; overflow: hidden; background: #fff; position: absolute; left: -1px; bottom: 40px; z-index: 2;}
.links li p a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #666; 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 li p a:last-child { border-bottom: none;}
.links li p a:hover { color: #0043ae;}
.links li:hover p { display: block;}

/*脚部*/
.footer { width: 100%; line-height: 25px; font-size: 14px; color: #fff; padding-top: 25px; background: url(../images/gg20.jpg) no-repeat center top;}
.footer a { color: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { text-decoration: underline;}
.footer .log { float: left; width: 420px; height: 85px; margin-top: 20px; overflow: hidden;}
.footer .log img { display: block; height: 100%; filter: grayscale(100) brightness(100);}
.footer .msg { float: left; width: 500px; padding-left: 70px; margin-top: 20px; border-left: 1px solid rgba(255,255,255,0.15);}
.footer .img { float: right; width: 90px; text-align: center; padding: 15px; background: rgba(0,52,108,0.4); position: relative;}
.footer .img img { display: block; width: 80px; height: 80px; padding: 5px; background: #fff;}
.footer .img p { height: 25px; line-height: 35px;}
.footer .copy { text-align: center; margin-top: 25px; padding: 10px 0; background: rgba(0,0,0,0.1);}

/*公共标题*/
.tits { width: 100%; height: 45px; margin-bottom: 20px; padding-bottom: 4px; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.tits h3 { float: left; height: 45px; line-height: 45px; font-size: 22px; color: #000; padding-left: 35px; background-repeat: no-repeat; background-position: left center; position: relative;}
.more { float: right; line-height: 45px; font-size: 14px; color: #999; padding-right: 20px; background: url(../images/gg03.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.more:hover { color: #0043ae; background-image: url(../images/gg03h.png);}

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

/*广告资讯*/
.advnews { width: 100%; margin-bottom: 30px; padding-bottom: 50px; position: relative;}
.advnews::after { display: block; content: ""; width: 110%; height: 20px; background: #f5f7fa; position: absolute; left: -5%; bottom: 0;}
.advnews .imgs { float: left; width: 700px; height: 410px; overflow: hidden;}
.advnews .imgs .swiper-slide { background: #fff;}
.advnews .imgs .swiper-slide img { display: block; width: 700px; height: 410px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advnews .imgs .swiper-slide p { width: calc(70% - 20px); height: 50px; line-height: 50px; font-size: 18px; color: #fff; padding: 0 30% 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.advnews .imgs .swiper-slide:hover img { transform: scale(1.1,1.1);}
.advnews .imgs .swiper-pagination { width: 30%; text-align: right; left: auto; right: 10px; bottom: 20px; z-index: 9;}
.advnews .imgs .swiper-pagination span { display: inline-block; width: 15px; height: 3px; margin: 0 0 0 5px !important; border-radius: 0; background: #fff;}
.advnews .imgs .swiper-pagination .swiper-pagination-bullet-active { width: 25px;}
.advnews .msg { float: right; width: calc(100% - 730px); height: 410px;}
.advnews .msg .tabs { width: 100%;}
.advnews .msg .tabs li { float: left; width: 155px; height: 45px; line-height: 45px; margin-right: 1px; background: #f5f5f5 url(../images/gg04.png) no-repeat right bottom;}
.advnews .msg .tabs li a { display: block; font-size: 16px; color: #333; text-align: center;}
/*.advnews .msg .tabs li:first-child { background: url(../images/gg05.jpg) no-repeat 0 0;}
.advnews .msg .tabs li:first-child a { font-size: 0;}*/
.advnews .msg .tabs li.on { background-color: #cc0000;}
.advnews .msg .tabs li.on a { color: #fff;}
/*.advnews .msg .tabs li.on:first-child { background-image: url(../images/gg05h.jpg);}*/
.advnews .msg .swiper-slide { background: #fff;}
.advnews .msg .swiper-slide .top { padding: 10px 20px; margin: 15px 0; background: #f7f9fc;}
.advnews .msg .swiper-slide .top h3 { line-height: 45px; font-size: 20px; color: #cc0000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advnews .msg .swiper-slide .top p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.advnews .msg .swiper-slide li { height: 43px; line-height: 43px; border-bottom: 1px dashed #eee;}
.advnews .msg .swiper-slide li:last-child { margin-bottom: 0;}
.advnews .msg .swiper-slide li a { float: left; width: calc(80% - 20px); font-size: 17px; color: #333; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advnews .msg .swiper-slide li a::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #0043ae; border-radius: 50%; background: #fff; position: absolute; left: 2px; top: 18px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advnews .msg .swiper-slide li span { display: block; float: right; font-size: 16px; color: #999;}
.advnews .msg .swiper-slide li:hover a { color: #0043ae;}

/*广告资源*/
.advresour { width: 100%; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.advresour::after { display: block; content: ""; width: 110%; height: 20px; background: #f5f7fa; position: absolute; left: -5%; bottom: 0;}
.advresour .tits h3 { background-image: url(../images/gg06.png);}
.advresour .tabs { width: 100%; height: 45px; margin: 15px 0;}
.advresour .tabs ul { display: flex; flex-direction: row;}
.advresour .tabs li { flex: 1 1 0%; height: 45px; line-height: 45px; margin-right: 10px; background: #f5f5f5; position: relative;}
.advresour .tabs li:last-child { margin-right: 0;}
.advresour .tabs li::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 10px 0 10px; border-color: #0043ae transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.advresour .tabs li a { display: block; font-size: 16px; color: #333; text-align: center;}
.advresour .tabs li.on { background: #0043ae;}
.advresour .tabs li.on::after { display: block;} 
.advresour .tabs li.on a { color: #fff;}
.advresour .swiper-slide { width: 100%; background: #fff;}
.advresour .swiper-slide .santb { width: 100%; height: 45px; margin-bottom: 20px; border-bottom: 1px solid #eee; position: relative;}
.advresour .swiper-slide .santb ul { display: flex; flex-direction: row;}
.advresour .swiper-slide .santb li { height: 45px; line-height: 45px; margin-right: 60px;}
.advresour .swiper-slide .santb li a { display: block; font-size: 15px; color: #666; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advresour .swiper-slide .santb li a::after { display: block; content: ""; width: 0; height: 2px; margin: auto; background: #0043ae; position: absolute; left: 0; right: 0; bottom: -1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advresour .swiper-slide .santb .on a { font-weight: bold; color: #0043ae;}
.advresour .swiper-slide .santb .on a::after { width: 100%;}

.advresour .swiper-slide .swiper-slide li { float: left; width: calc(100% / 3 - 20px); margin: 0 30px 15px 0;}
.advresour .swiper-slide .swiper-slide li:nth-child(3n) { margin-right: 0;}
.advresour .swiper-slide .swiper-slide li .img { float: left; width: 170px; height: 100px; overflow: hidden;}
.advresour .swiper-slide .swiper-slide li .img img { display: block; width: 170px; height: 100px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advresour .swiper-slide .swiper-slide li .msg { float: right; width: calc(100% - 185px);}
.advresour .swiper-slide .swiper-slide li .msg h3 { line-height: 25px; 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;}
.advresour .swiper-slide .swiper-slide li .msg p { height: 45px; line-height: 22px; font-size: 13px; color: #999; margin: 5px 0; overflow: hidden;}
.advresour .swiper-slide .swiper-slide li .msg span { display: block; line-height: 20px; font-size: 14px; color: #999;}
.advresour .swiper-slide .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.advresour .swiper-slide .swiper-slide li:hover .msg h3 { color: #0043ae;}

/*协会活动*/
.advactv { width: 100%;}
.advactv .tits h3 { background-image: url(../images/gg08.png);}
.advactv li { float: left; width: calc(100% / 4 - 15px); margin-right: 20px;}
.advactv li:last-child { margin-right: 0;}
.advactv li .img { width: 100%; height: 187px; overflow: hidden;}
.advactv li .img img { display: block; width: 100%; height: 187px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advactv li .msg { padding: 10px 20px; overflow: hidden; background: #f7f9fc;}
.advactv li .msg 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;}
.advactv li .msg p { line-height: 25px; font-size: 14px; color: #999; padding: 0 0 10px 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.advactv li .msg p::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #0043ae; position: absolute; left: 0; top: 12px;}
.advactv li .msg .bmpep { float: left; max-width: calc(100% - 80px); line-height: 30px; margin-left: 8px;}
.advactv li .msg .bmpep img { float: right; width: 20px; height: 20px; border: 1px solid #fff; margin: 4px 0 0 -8px; border-radius: 50%; background-color: #ddd;}
.advactv li .msg .bmpep span { float: right; font-size: 12px; color: #999; margin-left: 10px;}
.advactv li .msg i { float: right; width: 65px; font-style: normal; line-height: 30px; font-size: 12px; color: #fff; text-align: center; border-radius: 15px; background: #0043ae;}
.advactv li:hover .img img { transform: scale(1.1,1.1);}
.advactv li:hover .msg h3 { color: #0043ae;}

/*中部广告*/
.advmidd { width: 100%; margin: 20px 0 30px 0; padding-bottom: 50px; position: relative;}
.advmidd::after { display: block; content: ""; width: 110%; height: 20px; background: #f5f7fa; position: absolute; left: -5%; bottom: 0;}
.advmidd li { float: left; width: calc(50% - 10px); height: 110px; margin-right: 20px; overflow: hidden;}
.advmidd li:last-child { margin-right: 0;}
.advmidd li img { display: block; width: 100%; height: 110px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advmidd li:hover img { transform: scale(1.1,1.1);}

/*相同板块*/
.fourlst { float: left; width: calc(50% - 50px); height: 380px; margin: 0 20px 20px 0; padding: 10px 20px; background: #f7f9fc;}
.fourlst .tits h3 { background-image: url(../images/gg11.png);}
.fourlst .tits .tabs { float: right; height: 45px; max-width: 70%;}
.fourlst .tits .tabs li { float: left; line-height: 45px; margin-left: 30px; position: relative;}
.fourlst .tits .tabs li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: #c6c7ca; position: absolute; left: -15px; top: 0; bottom: 0;}
.fourlst .tits .tabs li:first-child::after { display: none;}
.fourlst .tits .tabs li a { display: block; font-size: 16px; color: #333;}
.fourlst .tits .tabs .on a { color: #0043ae;}
.fourlst .rlxq { width: 100%;}
.fourlst .rlxq li { height: 40px; line-height: 40px; padding-left: 10px; position: relative;}
.fourlst .rlxq li::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #0043ae; border-radius: 4px; position: absolute; left: 0; top: 18px;}
.fourlst .rlxq li p { float: left; width: 85%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fourlst .rlxq li p b { display: inline-block; font-weight: 500; color: #000; margin-right: 5px;}
.fourlst .rlxq li span { float: right; max-width: 15%; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fourlst .rlxq li:hover p { color: #0043ae;}
.fourlst .lst { width: 100%;}
.fourlst .lst .top { width: 100%; margin-bottom: 15px;}
.fourlst .lst .top .img { float: left; width: 230px; height: 135px; overflow: hidden;}
.fourlst .lst .top .img img { display: block; width: 230px; height: 135px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fourlst .lst .top .msg { float: right; width: calc(100% - 245px); padding-top: 5px;}
.fourlst .lst .top .msg h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fourlst .lst .top .msg span { display: block; line-height: 40px; font-size: 14px; color: #999;}
.fourlst .lst .top .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.fourlst .lst .top:hover .img img { transform: scale(1.1,1.1);}
.fourlst .lst .top:hover .msg h3 { color: #0043ae;}
.fourlst .lst li { height: 40px; line-height: 40px; padding-left: 15px; position: relative;}
.fourlst .lst li::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #0043ae; border-radius: 4px; position: absolute; left: 0; top: 18px;}
.fourlst .lst li a { float: left; width: 80%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.fourlst .lst li span { float: right; max-width: 20%; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fourlst .lst li:hover a { color: #0043ae;}
.gxpt {}
.gxpt .tits h3 { background-image: url(../images/gg09.png);}
.gxpt .tits .add { display: block; float: right; height: 35px; line-height: 35px; font-size: 14px; color: #fff; margin-top: 5px; padding: 0 20px; border-radius: 20px; background: #0043ae;}
.rcfw { margin-right: 0;}
.rcfw .tits h3 { background-image: url(../images/gg10.png);}
.ggrw { margin-right: 0;}
.ggrw .tits h3 { background-image: url(../images/gg12.png);}
.ggrw .tits a { display: block; float: right; width: 290px; height: 45px; background: url(../images/gg13.png) no-repeat right center;}
.ggrw .ren { width: 100%; padding-bottom: 5px;}
.ggrw .ren li { float: left; width: calc(100% / 4 - 10px); margin-right: 10px;}
.ggrw .ren li .img { width: 100%; height: 185px; overflow: hidden;}
.ggrw .ren li .img img { display: block; width: 100%; min-height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ggrw .ren li h3 { line-height: 40px; font-weight: 500; font-size: 16px; color: #333; text-align: center; margin: 5px 0 10px; position: relative;}
.ggrw .ren li h3::before,
.ggrw .ren li h3::after { display: block; content: ""; margin: auto; position: absolute; left: 0; right: 0; bottom: 0;}
.ggrw .ren li h3::before { width: 40%; height: 1px; background: #d4d6d9;}
.ggrw .ren li h3::after { width: 10%; height: 2px; background: #01458e;}
.ggrw .ren li p { height: 65px; line-height: 22px; font-size: 12px; color: #999; text-align: center; overflow: hidden;}
.ggrw .ren li:hover .img img { transform: scale(1.1,1.1);}
.ggrw .ren li:hover h3 { color: #0043ae;}

/*政策法规*/
.laws { float: left; width: calc(100% - 370px);}
.laws .tits h3 { background-image: url(../images/gg14.png);}
.laws .tabs { float: left; width: 250px;}
.laws .tabs li { height: 55px; line-height: 55px; margin-bottom: 8px; border: 1px solid #ddd; background: #f6f6f6; -webkit-transition: all .5s ease; transition: all .5s ease;}
.laws .tabs li:last-child { margin-bottom: 0;}
.laws .tabs li a { display: block; font-size: 16px; color: #666; -webkit-transition: all .5s ease; transition: all .5s ease;}
.laws .tabs li a i { display: block; float: left; width: 50px; height: 55px; margin-right: 15px; border-right: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/gg07.png) no-repeat center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.laws .tabs li.on { border-color: #0043ae; background: #0043ae;}
.laws .tabs li.on a { color: #fff;}
.laws .tabs li.on a i { border-right-color: rgba(255,255,255,0.5);}
.laws .msg { float: right; width: calc(100% - 275px);}
.laws .msg .swiper-slide { background: #fff;}
.laws .msg .top { width: 100%; margin-bottom: 10px;}
.laws .msg .top .img { float: left; width: 230px; height: 135px; overflow: hidden;}
.laws .msg .top .img img { display: block; width: 230px; height: 135px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.laws .msg .top .msg { float: right; width: calc(100% - 245px); padding-top: 5px;}
.laws .msg .top .msg h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.laws .msg .top .msg span { display: block; line-height: 40px; font-size: 14px; color: #999;}
.laws .msg .top .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.laws .msg .top:hover .img img { transform: scale(1.1,1.1);}
.laws .msg .top:hover .msg h3 { color: #0043ae;}
.laws .msg li { height: 40px; line-height: 40px; padding-left: 15px; position: relative;}
.laws .msg li::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #0043ae; border-radius: 4px; position: absolute; left: 0; top: 18px;}
.laws .msg li a { float: left; width: 80%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.laws .msg li span { float: right; font-size: 14px; color: #999;}
.laws .msg li:hover a { color: #0043ae;}

/*快捷通道*/
.quicks { float: right; width: 320px;}
.quicks h3 { height: 50px; line-height: 50px; text-align: center; position: relative;}
.quicks h3::before,
.quicks h3::after { display: block; content: ""; width: 90px; height: 2px; margin: auto; position: absolute; top: 0; bottom: 0;}
.quicks h3::before { background-image: linear-gradient(to right,#fff,#01458e); left: 0;}
.quicks h3::after { background-image: linear-gradient(to right,#01458e,#fff); right: 0;}
.quicks h3 span { display: inline-block; font-size: 22px; color: #01458e; position: relative;}
.quicks h3 span::before,
.quicks h3 span::after { display: block; content: ""; width: 10px; height: 10px; margin: auto; border-radius: 50%; background: #01458e; position: absolute; top: 0; bottom: 0;}
.quicks h3 span::before { left: -30px;}
.quicks h3 span::after { right: -30px;}
.quicks .lst { padding: 20px; border: 1px solid #ececec; background: url(../images/gg15.jpg) repeat 0 0;}
.quicks .lst li { height: 80px; line-height: 80px; margin-bottom: 14px; border-radius: 4px; overflow: hidden; background: #eaf3fd; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.quicks .lst li::after { display: block; content: ""; width: 8px; height: 8px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 40px; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.quicks .lst li:last-child { margin-bottom: 0;}
.quicks .lst li a { display: block; font-size: 18px; color: #333; padding: 0 40px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.quicks .lst li i { display: block; float: left; width: 55px; height: 80px; background-repeat: no-repeat; background-position: left center;}
.quicks .lst li.qk1 i { background-image: url(../images/gg16.png);}
.quicks .lst li.qk2 i { background-image: url(../images/gg17.png);}
.quicks .lst li.qk3 i { background-image: url(../images/gg18.png);}
.quicks .lst li.qk4 i { background-image: url(../images/gg19.png);}
.quicks .lst li:hover { background: #01458e;}
.quicks .lst li:hover::after { border-color: #fff;}
.quicks .lst li:hover a { color: #fff;}
.quicks .lst li:hover i { filter: grayscale(100) brightness(100);}

/*************** 子页公用 *******************/
.content { width: 100%; margin: 0 auto;}
.comsite { height: 20px; line-height: 20px; font-size: 12px; color: #666; padding: 0 0 15px 20px; margin-bottom: 25px; border-bottom: 1px solid #eee; background: url(../images/seat.png) no-repeat 0 1px;}
.comsite a { display: inline-block; color: #666; margin: 0 5px;}
.catnav { float: left; width: 220px; overflow: hidden;}
.catnav .lst { width: 100%; margin-bottom: 15px;}
.catnav .lst li { margin-bottom: 10px; border: 1px solid rgba(0,67,174,0.1); border-radius: 2px; overflow: hidden; background: #f5f9fe; position:relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .lst li::after { display: block; content: ""; width: 6px; height: 6px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; top: 20px;}
.catnav .lst li:last-child { margin-bottom: 0;}
.catnav .lst li a { display: block; line-height: 50px; font-size: 14px; color: #333; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .lst li p { display: none; padding: 0 15px; background: #fff;}
.catnav .lst li p a { line-height: 45px; font-size: 14px; color: #666 !important; padding: 0; border-bottom: 1px solid #eee;}
.catnav .lst li p a:last-child { border-bottom: none;}
.catnav .lst li p a:hover { color: #0043ae !important;}
.catnav .lst li:hover { border-color: rgba(0,67,174,0.5);}
.catnav .lst li:hover::after { border-color: #0043ae;}
.catnav .lst li:hover a { color: #0043ae;}
.catnav .lst .on { border-color: #0043ae; background: #0043ae;}
.catnav .lst .on:hover::after,
.catnav .lst .on::after { border-color: #fff;}
.catnav .lst .on:hover a,
.catnav .lst .on a { color: #fff;}
.catnav .lst .on p { display: block;}
.catnav .lst .on p .hov { color: #0043ae !important;}

.catnav .quik { margin-bottom: 15px; padding: 15px; border: 1px solid #ececec; background: url(../images/gg15.jpg) repeat 0 0;}
.catnav .quik li { height: 55px; line-height: 55px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; background: #eaf3fd; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .quik li::after { display: block; content: ""; width: 5px; height: 5px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .quik li:last-child { margin-bottom: 0;}
.catnav .quik li a { display: block; font-size: 14px; color: #333; padding: 0 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .quik li i { display: block; float: left; width: 40px; height: 55px; background-repeat: no-repeat; background-position: left center; background-size: 30px;}
.catnav .quik li.qk1 i { background-image: url(../images/gg16.png);}
.catnav .quik li.qk2 i { background-image: url(../images/gg17.png);}
.catnav .quik li.qk3 i { background-image: url(../images/gg18.png);}
.catnav .quik li.qk4 i { background-image: url(../images/gg19.png);}
.catnav .quik li:hover { background: #0043ae;}
.catnav .quik li:hover::after { border-color: #fff;}
.catnav .quik li:hover a { color: #fff;}
.catnav .quik li:hover i { filter: grayscale(100) brightness(100);}

.catnav .nwlst { padding-bottom: 10px; border: 1px solid #ececec;}
.catnav .nwlst .nam { height: 30px; line-height: 30px; padding: 5px 15px; margin-bottom: 10px; border-bottom: 1px solid #ececec; background: #fafafa;}
.catnav .nwlst .nam h3 { float: left; font-size: 16px; color: #333;}
.catnav .nwlst .nam a { float: right; font-size: 12px; color: #999; padding-right: 20px; background: url(../images/gg03.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .nwlst .nam a:hover { color: #0043ae; background-image: url(../images/gg03h.png);}
.catnav .nwlst li { height: 35px; line-height: 35px; padding: 0 15px;}
.catnav .nwlst li a { display: block; width: calc(100% - 15px); font-size: 14px; color: #333; padding-left: 15px; border-bottom: 1px dashed #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .nwlst li a::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #0043ae; border-radius: 4px; position: absolute; left: 0; top: 16px;}
.catnav .nwlst li:hover a { color: #0043ae;}

.catrgt { float: right; width: calc(100% - 250px); min-height: 500px; overflow: hidden; background: #fff;}

/*详情页公用*/
.lh { min-height: 150px; line-height: 30px; font-size: 14px; color: #666; text-align: justify;}
.lh img { display: block; max-width: 100%; height: auto !important; margin: 0 auto;}
.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;}
.serchms { line-height: 40px; font-weight: bold; font-size: 18px; color: #333; text-align: center; padding-top: 30px;}

.show_h3 { width: 100%; text-align: center; margin-bottom: 30px; padding: 10px 0; border-bottom: 1px solid #eee;}
.show_h3 h3 { line-height: 35px; font-size: 22px; color: #333;}
.show_h3 p { line-height: 25px; font-size: 12px; color: #999; 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 #eee;}
.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: #0043ae;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #0043ae; text-decoration: underline;}


/*供需及招聘联系*/
.gxptshow { display: flex; flex-direction: row;}
.gxlft { flex: 1 1 0%;}
.lxkuang { max-width: 200px; height: 110px; padding: 20px 30px; margin-left: 50px; border-top: 4px solid #ff911d; border-radius: 0 0 4px 4px; overflow: hidden; background: #0043ae; background-image: linear-gradient(120deg,#0043ae 20%,#02a9ad);}
.lxkuang h3 { line-height: 30px; font-size: 16px; color: #fff;}
.lxkuang p { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.85); margin-bottom: 15px;}
.lxkuang a { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #fff;}
.lxkuang a b { font-size: 24px;}
.lxkuang .btn { width: 100%; height: 45px; line-height: 45px; font-weight: bold; font-size: 16px; color: #0043ae; margin-top: 20px; border: none; border-radius: 4px; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.lxkuang .btn:hover { border-radius: 25px;}
.jobshow .lxkuang { height: 175px;}

/*分页*/
.scott { text-align: center; padding: 15px 0; overflow: hidden;}
.scott li { display:inline-block; line-height: 40px; margin: 0 5px; border-radius: 4px; background: #eee; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; padding: 0 20px; font-size: 15px; color: #666; cursor: pointer; padding: 0 20px;}
.scott li:hover a,
.scott li:hover span { color: #0043ae;}
.scott .active { background: #0043ae;}
.scott .active:hover span,
.scott .active span { color: #fff;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { margin-bottom: 20px; padding: 15px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .img { float: left; width: 222px; height: 130px; font-size: 0; border-radius: 4px; overflow: hidden; background: #eee;}
.newlist li .img img { display: block; height: 130px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg { float: right; width: calc(100% - 242px);}
.newlist li .msg 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;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 12px; color: #999; margin: 5px 0 15px 0; overflow: hidden;}
.newlist li .msg span { display: inline-block; line-height: 25px; font-size: 12px; color: #666;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover h3 { color: #0043ae;}

.newpic { width: 100%;}
.newpic li { float: left; width: 350px; margin: 0 20px 20px 0;}
.newpic li:nth-child(3n) { margin-right: 0;}
.newpic li .img { width: 100%; height: 205px; border-radius: 4px 4px 0 0; overflow: hidden; background: #eee;}
.newpic li .img img { display: block; max-width: 100%; height: 205px; margin: 0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newpic li .msg { padding: 10px 15px; border: 1px solid #eee;}
.newpic li .msg 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;}
.newpic li .msg span { display: block; line-height: 30px; font-size: 12px; color: #bbb;}
.newpic li .msg p { height: 50px; line-height: 25px; font-size: 12px; color: #999; overflow: hidden;}
.newpic li:hover .img img { transform: scale(1.1,1.1);}
.newpic li:hover .msg h3 { color: #0043ae;}

/*协会刊物*/
.kwlist { width: 100%;}
.kwlist li { float: left; width: 235px; margin: 0 18px 20px 0; padding: 5px; border: 2px solid #e6e6e6; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.kwlist li:nth-child(4n) { margin-right: 0;}
.kwlist li a { display: block; width: 100%;}
.kwlist li .img { width: 235px; height: 320px; overflow: hidden;}
.kwlist li .img img { display: block; width: 100%;}
.kwlist li p { width: calc(80% - 20px); height: 40px; line-height: 40px; font-size: 15px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0 4px 4px 0; background: #0043ae; position: absolute; left: 5px; bottom: 40px;}
.kwlist li:hover { border-color: #0043ae;}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 5 - 16px); margin: 0 20px 20px 0;}
.piclist li:nth-child(5n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 260px; border-radius: 4px 4px 0 0; overflow: hidden; background: #eee;}
.piclist li .img img { display: block; max-width: 100%; height: 260px; margin: 0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { line-height: 30px; font-size: 16px; color: #333; text-align: center; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li:hover .img img { transform: scale(1.1,1.1);}
.piclist li:hover p { color: #0043ae;}

/*产品列表*/
.prolist { width: 100%;}
.prolist li { float: left; width: 350px; margin: 0 20px 20px 0;}
.prolist li:nth-child(3n) { margin-right: 0;}
.prolist li .img { width: 100%; height: 205px; margin-bottom: 10px; border-radius: 4px 4px 0 0; overflow: hidden;}
.prolist li .img img { display: block; width: 100%; height: 205px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li p { 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 p { color: #0043ae;}
.prolist li:hover .img img { transform: scale(1.1,1.1);}

/*视频列表*/
.vidlist { width: 100%;}
.vidlist li { float: left; width: 340px; margin: 0 20px 20px 0;}
.vidlist li:nth-child(3n) { margin-right: 0;}
.vidlist li .img { width: 100%; height: 205px; border-radius: 4px 4px 0 0; overflow: hidden;}
.vidlist li .img img { display: block; width: 100%; height: 205px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.vidlist li p { 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 p { color: #0043ae;}

/*下载列表*/
.softlst { width: 100%;}
.softlst li { width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; overflow: hidden;}
.softlst li .msg { float: left; width: calc(100% - 100px);}
.softlst li .msg 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;}
.softlst li .msg p { height: 25px; line-height: 25px; font-size: 12px; color: #999;}
.softlst li .msg span { margin-right: 30px;}
.softlst li b { display: block; float: right; width: 90px; height: 40px; line-height: 40px; font-weight: 500; font-size: 12px; color: #0043ae; text-align: center; margin: 7.5px 0; border: 1px solid rgba(0,67,174,0.1); border-radius: 4px; background: #f5f9fe; -webkit-transition: all .5s ease; transition: all .5s ease;}
.softlst li:hover .msg h3 { color: #0043ae;}
.softlst li:hover b { border-color: #0043ae; border-radius: 20px;}

/*会员列表*/
.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 #0043ae; 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 #0043ae; border-radius: 0 4px 4px 0; background: #0043ae;}
.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 { padding: 10px; border: 1px solid #eee; box-sizing: border-box; border-radius: 4px 4px 0 0; overflow: hidden; background: #fff;}
.mienlst li .img img { display: block; max-width: 100%; height: 160px; margin: 0 auto;}
.mienlst li p { line-height: 25px; 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 p { color: #0043ae;}

/*会员详情*/
.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; 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; margin: 15px 0; overflow: hidden;}
.mienshow .msg li { float: left; width: calc(50% - 35px); line-height: 30px; font-size: 14px; color: #999; margin-bottom: 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 .ms09 { background-image: url(../images/rc09.png);}
.mienshow .msg .ms10 { background-image: url(../images/rc10.png);}
.mienshow .msg .wh100 { width: calc(100% - 35px); overflow: initial; white-space: initial;}
.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: #0043ae; 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);}

/*专家库*/
.talents { width: 100%;}
.talents li { float: left; width: calc(100% / 3 - 32px); margin: 0 15px 15px 0; padding: 10px; border: 1px solid #eee; border-radius: 4px; box-shadow: 5px 5px 10px rgba(0,0,0,0.05); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.talents li:nth-child(3n) { margin-right: 0;}
.talents li .img { float: left; width: 70px; height: 80px; border-radius: 4px; overflow: hidden;}
.talents li .img img { display: block; width: 70px; height: 80px;}
.talents li .msg { float: right; width: calc(100% - 85px);}
.talents li .msg h3 { line-height: 35px; font-size: 16px; color: #1053b7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.talents li .msg h3 span { display: inline-block; font-weight: 500; font-size: 14px; color: #666; margin-left: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.talents li .msg p { height: 45px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.talents li:hover { background: #1053b7;}
.talents li:hover .msg h3,
.talents li:hover .msg h3 span { color: #fff;}
.talents li:hover .msg p { color: rgba(255,255,255,0.6);}

/*招聘*/
.jobs { width: 100%;}
.jobs li { margin-bottom: 10px; padding: 10px 20px 15px 20px; background: #f8f8f8; position: relative;}
.jobs li::after { display: block; content: ""; width: 10px; height: 10px; margin: auto; border-top: 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: 0; right: 22px; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs li h3 { line-height: 40px; font-size: 18px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.jobs li span { display: block; float: left; width: 25%; line-height: 25px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jobs li .wi3 { width: 75%;}
.jobs li:hover h3 { color: #0043ae;}
.jobs li:hover::after { border-color: #0043ae;}

/*招聘详情*/
.jobshow { width: 100%;}
.jobshow .tit { line-height: 35px; font-size: 22px; color: #333; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.jobshow .tit span { float: right; font-size: 15px; color: #0043ae;}
.jobshow li { float: left; width: calc(100% / 3 - 27px); line-height: 35px; font-size: 14px; color: #333; margin-right: 40px;}
.jobshow li:nth-child(3n) { margin-right: 0;}
.jobshow li span { color: #999;}
.jobshow .nams { line-height: 40px; font-weight: bold; font-size: 16px; color: #333; margin: 30px 0 15px 0; border-bottom: 1px solid #eee; position: relative;}
.jobshow .nams::after { display: block; content: ""; width: 40px; height: 2px; background: #0043ae; position: absolute; left: 0; bottom: -1px;}

/*会议列表*/
.meeting { width: 100%;}
.meeting li { float: left; width: 350px; margin: 0 20px 20px 0;}
.meeting li:nth-child(3n) { margin-right: 0;}
.meeting li a { display: block; width: 100%;}
.meeting li .type { line-height: 30px; font-size: 12px; color: #fff; padding: 0 10px; border-radius: 0 0 0 15px; background: #0043ae; position: absolute; top: 0; right: 0; z-index: 999;}
.meeting li .img { width: 100%; height: 205px; border-radius: 4px 4px 0 0; overflow: hidden;}
.meeting li .img img { display: block; width: 100%; height: 205px; -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: #0043ae; 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: #0043ae;}
.meeting li .msg .bmpep { float: left; max-width: 75%; line-height: 22px; margin-left: 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; width: 60px; font-style: normal; line-height: 22px; font-size: 12px; color: #fff; text-align: center; border-radius: 11px; background: #0043ae;}
.meeting li:hover .img img { transform: scale(1.1,1.1);}

/*会议详情*/
.meetshow { width: 100%; position: relative;}
.meetshow .img { float: left; width: 418px; height: 245px; 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% - 440px);}
.meetshow .msg h1 { height: 70px; line-height: 35px; font-size: 22px; color: #333; margin-bottom: 15px;}
.meetshow .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: #0043ae;}
.meetshow .msg a { display: block; float: right; width: 90px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden; background: #02a9ad;}
.meetshow .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 .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 { margin-top: 30px;}
.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: 16px; color: #666; padding: 0 30px; cursor: pointer; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tab-head li::after { display: none; content: ""; width: 30px; height: 3px; margin: auto; background: #0043ae; position: absolute; left: 0; right: 0; bottom: -1px;}
.meetshow .tab-head .on { font-weight: bold; font-size: 18px; color: #0043ae;}
.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: 40px; line-height: 40px; margin-bottom: 15px; padding: 0 0 15px 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 #0043ae; border-radius: 2px; position: absolute; left: 0; top: 18px;}
.meetshow  .tab-body li .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  .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: #0043ae;}
.meetshow .tank { width: 540px; 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(#0043ae,#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: #0043ae; 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 .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;}
.meetshow .tank .nrs li { float: left; width: calc(100% / 2 - 27px); 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 .tank .nrs li:nth-child(2n) { margin-right: 0;}
.meetshow .tank .nrs li span { display: block; line-height: 25px; font-size: 12px; color: #0043ae;}
.meetshow .tank .nrs li span b { font-weight: 500; font-size: 16px;}
.meetshow .tank .nrs li h4 { max-height: 25px; line-height: 25px; font-size: 15px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meetshow .tank .nrs li h4 .ybm { display: inline-block; margin-left: 5px;}
.meetshow .tank .nrs li p { line-height: 22px; font-size: 11px; color: #666;}
.meetshow .tank .nrs li p i { font-style: normal; font-size: 13px; color: #0043ae; margin: 0 3px;}
.meetshow .tank .nrs li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.meetshow .tank .nrs .on { border-color: #0043ae; 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: #0043ae;}
.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: #0043ae;}
.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: #0043ae; background: #0043ae;}

/*店铺*/
.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:#0043ae; 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:#0043ae;}

.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:#0043ae;}
.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:#0043ae;}

.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%;}
.shopnav li { width: 100%; line-height: 30px; font-size: 14px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.shopnav li:last-child { border-bottom: none; padding-bottom: 0;}
.shopnav li label { float: left; width: 70px; color: #999;}
.shopnav li a { float: left; color: #666; padding: 0 15px; cursor: pointer;}
.shopnav li a:hover { color: #0043ae;}
.shopnav li .on { color: #fff; border-radius: 15px; background: #0043ae;}
.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: #0043ae;}
.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: #0043ae;}

/*商城详情*/
.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: #0043ae;}
.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: #0043ae; 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: #0043ae; border-color: #0043ae;}
.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 #0043ae; border-radius: 4px; background: #0043ae;}
.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: #0043ae; 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: #0043ae;}
.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: #0043ae;}
.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: #0043ae; 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: #0043ae; 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: #0043ae; -webkit-transition: all .5s ease; transition: all .5s ease;}
.cartkong a:hover { color: #fff; background: #0043ae;}

/*充值*/
.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:#0043ae; 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:#0043ae;}
.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:#0043ae;}
.mbunit .layui-btn-danger { background:#0043ae;}

/*结算页面*/
.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 #0043ae; 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 #0043ae 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:#0043ae;}
.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:#0043ae; 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:#0043ae;}
.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:#0043ae; 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:#0043ae;}

/*会籍查询*/
.membership { width:100%;}
.membership h1 { line-height:80px; font-size:28px; color:#0043ae; 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 label span { color: #f00; margin-right: 5px;}
.membership .topnr li .layui-input,
.membership .topnr li .layui-form-select,
.membership .topnr li img { display:block; float:left; width: calc(100% - 130px); height:45px; outline:none; border:1px solid #eee; border-radius:0 2px 2px 0; box-sizing:border-box; background:#fff;}
.membership .topnr li .ipt,
.membership .topnr li select { line-height:45px; font-size:14px; color:#333; text-align:left; padding:0 10px;}
.membership .topnr li .layui-form-select .layui-input { float: none; width: 100%; height: 43px; line-height: 43px; border: none;}
.membership .topnr li .tag { 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 .ipt { width:225px; margin-right:9px;}
.membership .topnr li .btn { width:160px; color:#fff; text-align:center; margin-left:130px; border-color:#0043ae; background:#0043ae;}
.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%; padding: 120px 0 30px 0; background: #f9f9f9 url(../images/zsbg.png) no-repeat center top;}
.membership .mainr .tabs .ner { width: 95%; margin: 0 auto; border: 1px solid #0043ae;}
.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 #0043ae; border-bottom: 1px solid #0043ae;}
.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 #0043ae; background: #fafafa;}
.membership .mainr .tabs .ner li b { display: block; float: left; width: calc(65% - 1px); font-weight: 500; background: #fff;}

.membership .mainr .qsr { line-height: 30px; font-size: 14px; color: #333; text-align: center; padding: 30px 0; border: 1px solid #eee; border-top: none;}
.membership .mainr table { line-height: 35px; font-size: 12px; color: #333;}
.membership .mainr table th,
.membership .mainr table td { padding: 5px 10px; text-align: center; border-left: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box;}
.membership .mainr table th:last-child,
.membership .mainr table td:last-child { border-right: 1px solid #eee;}
.membership .mainr table th { line-height: 40px; font-size: 14px; color: #333; background: #fafafa;}
.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;}

/*申报*/
.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:#0043ae;}
.sblist li:hover .img img { transform:scale(1.1,1.1);}
.sblist li:hover h3 { color:#0043ae;}
.zhumsg { line-height:30px; font-size:15px; color:#ee0707; letter-spacing:1px; white-space:pre-wrap; margin-top:30px; padding:20px 40px; border-radius:4px; background:#fafafa;}

/*弹框*/
.tanks { width: 450px; height: 340px; margin: auto; padding: 15px; 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: #0043ae; 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: #0043ae; -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: #0043ae; cursor: pointer;}
.tanks .login p span a:hover { text-decoration: underline;}

/*意见征集*/
.feedbook { width: 100%;}
.feedbook li { float: left; width: calc(100% / 3 - 13.5px); margin: 0 20px 20px 0;}
.feedbook li:nth-child(3n) { margin-right: 0;}
.feedbook li input,
.feedbook li textarea { display: block; width: calc(100% - 32px); font-size: 14px; color: #333; outline: none; padding: 0 15px; border: 1px solid #e4e4e4; border-radius: 2px; overflow: hidden;}
.feedbook li input { height: 50px; line-height: 50px;}
.feedbook li textarea { font-family: Microsoft YAHEI; padding: 15px;}
.feedbook li img { display: block; max-width: 100%; min-width: 100px; height: 50px; border: 1px solid #e4e4e4; border-radius: 2px; overflow: hidden; background: #fff;}
.feedbook .btn { display: block; width: 140px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; border: none; border-radius: 4px; overflow: hidden; background: #0043ae;}
.feedbook .wth100 { width: 100%; margin-right: 0;}