@charset "utf-8";
/* 4eb6ff */
/*=============== 全局初始化 ===============*/
body {background:#f9f9f9;}
.about .mainWidth,
.contact .mainWidth,
.join .mainWidth {background:#fff;}


/*========== BANNER ==========*/
.about.banner {padding-top:15px;}
/*========== MENU ==========*/
.about.menu .menu {width:100%; height:0; position:relative;}
.about.menu .menu ul {position:absolute; width:480px; height:120px; background:#fff; outline:1px #eaeaea solid; left:50%; margin-left:-240px; top:0; margin-top:-60px; z-index:2;}
.about.menu .menu ul li {float:left; width:33.33%; height:100%; display:table;}
.about.menu .menu ul li a, .about.menu .menu ul li span {display:table-cell; vertical-align:middle;}
.about.menu .menu ul li b {display:block; height:54px; border-left:1px #eaeaea solid;}
.about.menu .menu ul li b i {display:block; width:54px; height:54px; margin:0 auto; background:url(/front/public/images/other/about/menu.jpg);}
.about.menu .menu ul li b i.about {background-position:0 0;}
.about.menu .menu ul li b i.contact {background-position:-54px 0;}
.about.menu .menu ul li b i.join {background-position:-108px 0;}
.about.menu .menu ul li font {display:block; padding-top:10px; text-align:center; font-size:1.3em;}
.about.menu .menu ul li span font {color:#4eb6ff;}
.about.menu .menu ul li a:hover b i.about, .about.menu .menu ul li span b i.about {background-position:0 -54px;}
.about.menu .menu ul li a:hover b i.contact, .about.menu .menu ul li span b i.contact {background-position:-54px -54px;}
.about.menu .menu ul li a:hover b i.join, .about.menu .menu ul li span b i.join {background-position:-108px -54px;}
.about.menu .menu ul li:first-child b {border-left:none;}
.about.menu .menu ul li span {cursor:default;}


/* .cr@yzm. */
/*=============================================
				关于云自媒页面
=============================================*/
/*========== 标题 ==========*/
.about.title .title {height:180px; text-align:center; line-height:260px; font-size:2.4em; color:#333; overflow:hidden;}
/*========== 内容 ==========*/
.about.txt .txt {padding:0 50px; padding-bottom:50px; font-size:1.3em; color:#666; line-height:30px;}
/*---------- 轮播图 ----------*/
/*.slider和.secs可任意更改	.sections和.pages不用改动*/
.slider {width:1100px; height:320px; margin:0 auto; position:relative; overflow:hidden;}
.slider .sections, .slider .section {height:100%;}
.slider .sections {position:relative;}
.slider .section {width:100%;}
.slider .pages {position:absolute; z-index:2;}
.slider .pages li {list-style-type:none; width:10px; height:10px; border-radius:10px; background:#ccc;}
.slider .pages li:hover {background:#4eb6ff; opacity:0.5;}
.slider .pages li.active {background:#4eb6ff;}
.slider .pages.horizontal {left:50%; transform:translateX(-50%); bottom:5px;}
.slider .pages.horizontal li {display:inline-block; margin-right:10px;}
.slider .pages.horizontal li:last-child {margin-right:0;}
.slider .pages.vertical {right:5px; top:50%; transform:translateY(-50%);}
.slider .pages.vertical li {margin-bottom:10px;}
.slider .pages.vertical li:last-child {margin-bottom:0;}
.slider .secs {width:100%; padding:10px 0;}
.slider .secs > div {float:left;}
.slider .secs .img {width:27%;}
.slider .secs .txt {width:73%;}
.slider .secs .txt .name {font-size:1.4em; color:#333; font-weight:bold;}
.slider .secs .txt .nr {line-height:25px; font-size:1.3em; margin-top:20px;}
.slider .secs .txt .nr.prize {color:#4eb6ff;}


/*=============================================
				联系我们页面
=============================================*/
/*---------- 百度地图 ----------*/
.contact.map .baiduMap {width:1100px; height:500px; border:1px #666 solid; margin:0 auto;}
/*---------- 联系方式 ----------*/
.contact.list {padding-bottom:25px;}
.contact.list .list {padding:30px 50px;}
.contact.list .list ul {display:block; width:100%;}
.contact.list .list ul li {float:left; width:50%; height:30px; margin-bottom:10px;}
.contact.list .list ul li i, .contact.list .list ul li span {float:left;}
.contact.list .list ul li i {width:30px; height:30px; margin-right:10px; background:url(/front/public/images/other/about/icon-contact.png) left top no-repeat;}
.contact.list .list ul li i.addr {background-position:0 0;}
.contact.list .list ul li i.number {background-position:-30px 0;}
.contact.list .list ul li i.traffic {background-position:-60px 0;}
.contact.list .list ul li i.qq {background-position:-90px 0;}
.contact.list .list ul li i.fax {background-position:-120px 0;}
.contact.list .list ul li i.email {background-position:-150px 0;}
.contact.list .list ul li span {height:30px; line-height:30px; color:#333; font-size:1.3em;}


/*=============================================
				加入我们页面
=============================================*/
.join.post {padding-bottom:25px;}
.join.post .post {padding:30px 0; width:1050px; margin:0 auto;}
/*---------- 职位 ----------*/
.join.post .post ul {display:block; width:100%;}
.join.post .post ul li {float:left; width:25%; margin-bottom:40px;}
.join.post .post ul li label {display:block; width:170px; margin:0 auto; cursor:pointer;}
.join.post .post ul li label i {display:block; position:relative; width:156px; height:156px; border:4px #e7e7e7 solid; background:#fff; border-radius:50%;}
.join.post .post ul li label i b {position:absolute; width:100px; height:100px; left:50%; top:50%; margin-left:-50px; margin-top:-50px; background:url(/front/public/images/other/about/icon-join.png) left top no-repeat;}
.join.post .post ul li label i b.p1 {background-position:0 0;}
.join.post .post ul li label i b.p2 {background-position:-100px 0;}
.join.post .post ul li label i b.p3 {background-position:-200px 0;}
.join.post .post ul li label i b.p4 {background-position:-300px 0;}
.join.post .post ul li label i b.p5 {background-position:-400px 0;}
.join.post .post ul li label i b.p6 {background-position:-500px 0;}
.join.post .post ul li label i b.p7 {background-position:-600px 0;}
.join.post .post ul li label i b.p8 {background-position:-700px 0;}
.join.post .post ul li label span {display:block; height:40px; line-height:40px; text-align:center; font-size:1.3em; color:#333;}
.join.post .post ul li label:hover i {border:4px #4eb6ff solid; background:#4eb6ff;}
.join.post .post ul li label:hover i b.p1 {background-position:0 -100px;}
.join.post .post ul li label:hover i b.p2 {background-position:-100px -100px;}
.join.post .post ul li label:hover i b.p3 {background-position:-200px -100px;}
.join.post .post ul li label:hover i b.p4 {background-position:-300px -100px;}
.join.post .post ul li label:hover i b.p5 {background-position:-400px -100px;}
.join.post .post ul li label:hover i b.p6 {background-position:-500px -100px;}
.join.post .post ul li label:hover i b.p7 {background-position:-600px -100px;}
.join.post .post ul li label:hover i b.p8 {background-position:-700px -100px;}
.join.post .post ul li label:hover span {color:#4eb6ff;}
/*---------- 福利 ----------*/
.join.post .post .treatment {width:1050px; margin:0 auto;}
.join.post .post .treatment b {display:block; padding-bottom:30px; font-size:1.4em; color:#333;}
.join.post .post .treatment div {font-size:1.3em; line-height:28px; padding-bottom:30px;}

.popLayer.post .box {width:800px;}
.popLayer.post .box .title {height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:1.6em; color:#333;}
.popLayer.post .box b {display:block; font-size:1.3em; color:#f66;}
.popLayer.post .box .nr {padding-top:10px; padding-bottom:15px; line-height:24px; font-size:1.3em;}

#post1:checked ~ .join.post .post ul li label[for="post1"] i,
#post2:checked ~ .join.post .post ul li label[for="post2"] i,
#post3:checked ~ .join.post .post ul li label[for="post3"] i,
#post4:checked ~ .join.post .post ul li label[for="post4"] i,
#post5:checked ~ .join.post .post ul li label[for="post5"] i,
#post6:checked ~ .join.post .post ul li label[for="post6"] i,
#post7:checked ~ .join.post .post ul li label[for="post7"] i,
#post8:checked ~ .join.post .post ul li label[for="post8"] i {border:4px #4eb6ff solid; background:#4eb6ff;}
#post1:checked ~ .join.post .post ul li label[for="post1"] span,
#post2:checked ~ .join.post .post ul li label[for="post2"] span,
#post3:checked ~ .join.post .post ul li label[for="post3"] span,
#post4:checked ~ .join.post .post ul li label[for="post4"] span,
#post5:checked ~ .join.post .post ul li label[for="post5"] span,
#post6:checked ~ .join.post .post ul li label[for="post6"] span,
#post7:checked ~ .join.post .post ul li label[for="post7"] span,
#post8:checked ~ .join.post .post ul li label[for="post8"] span {color:#4eb6ff;}
#post1:checked ~ .join.post .post ul li label[for="post1"] i b.p1 {background-position:0 -100px;}
#post2:checked ~ .join.post .post ul li label[for="post2"] i b.p2 {background-position:-100px -100px;}
#post3:checked ~ .join.post .post ul li label[for="post3"] i b.p3 {background-position:-200px -100px;}
#post4:checked ~ .join.post .post ul li label[for="post4"] i b.p4 {background-position:-300px -100px;}
#post5:checked ~ .join.post .post ul li label[for="post5"] i b.p5 {background-position:-400px -100px;}
#post6:checked ~ .join.post .post ul li label[for="post6"] i b.p6 {background-position:-500px -100px;}
#post7:checked ~ .join.post .post ul li label[for="post7"] i b.p7 {background-position:-600px -100px;}
#post8:checked ~ .join.post .post ul li label[for="post8"] i b.p8 {background-position:-700px -100px;}
#post1:checked ~ .popLayer.post1,
#post2:checked ~ .popLayer.post2,
#post3:checked ~ .popLayer.post3,
#post4:checked ~ .popLayer.post4,
#post5:checked ~ .popLayer.post5,
#post6:checked ~ .popLayer.post6,
#post7:checked ~ .popLayer.post7,
#post8:checked ~ .popLayer.post8 {visibility:visible; opacity:1;}