@charset "utf-8";
/* CSS Document */
/* 标准色#0042b0 rgba(0,66,176)*/
body { width: 100%; height: 100%; font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif,Simsun; font-size: 14px; line-height: 1.6; color:#333; text-align: justify;}
a { color: #333; text-decoration: none;}
#news a:visited { color: #999;}
body,div,dl,dt,dd,ul,ol,li,input,textarea,p,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
ul,li { list-style: none;}
img { border: 0; display: block;}
.left { float: left;}
.right { float: right;}
.block { display: block;}
.hidden { display: none;}
.clearfix:after { content: " "; display: block; clear: both; height: 0;}
.clearfix { zoom: 1;}
.auto { margin: 0 auto;}
.content { width: 1200px; margin: 0 auto;}

/*top*/
#top { width: 100%; height: 80px; z-index: 30; background: #fff; box-shadow: 0 2px 30px rgba(153,153,153,.4);}
#top img { height: 50px; margin: 15px 0; float: left;}
#top img.zn { height: 30px; margin: 25px 0 0 20px; float: left; border-left: 1px solid #666; padding-left: 20px;}
#nav li { float: left; margin-left: 50px; text-align: center; font-weight: bold;}
#nav li.active a { color: #0042b0;}
#nav li.active:after { content: " "; display: block; width: 80px; height: 3px; border-radius: 10px; background: linear-gradient(to right,#57c5ff,#a2dfff); position: relative; z-index: 50; margin-top: -3px;}
#nav a { line-height: 80px; color: #000; display: block; width: 80px; font-size: 18px;}
#nav a:hover { color: #0042b0; text-decoration: .3s;}
#nav ul { display: none;}
#nav li:hover ul { display: block; position: absolute; z-index: 10; top: 80px; width: 100px; padding: 10px; background: #fff; border-radius: 10px; margin-left: -20px; box-shadow: 0 2px 10px rgba(0,0,0,.15);}
#nav li ul a { color: #000!important; font-size: 16px; line-height: 40px; text-align: center; width: auto;}
#nav li ul a:hover { color: #0042b0!important; text-decoration: .3s;}

/*banner*/
#banner { width: 100%; height: 600px; overflow: hidden; position: relative;}
#banner img { left: 50%; margin-left: -960px; display: block; position: relative;}

/*底部详情*/
#bottom { background: #222 url(http://zdao.org.cn/templets/default/images/back-bottom.jpg) no-repeat center; background-size: cover auto; padding: 30px 0; color: #fff;}
#bottom .inf { background: url(http://zdao.org.cn/templets/default/images/slogan.png) no-repeat right; background-size: 175px; padding-right: 200px;}
#bottom .inf img { height: 40px;}
#bottom .inf p { line-height: 2;}
#bottom table { text-align: center; margin-top: 20px;}
#bottom table.about { width: 300px; margin-left: 30px;}
#bottom table.about th { font-size: 14px; padding-bottom: 10px}
#bottom table.about td,#bottom table.about td a { color: rgba(255,255,255,.6); font-size: 12px; line-height: 2;}
#bottom table.about td a:hover { text-decoration: underline;}
#bottom .ewm img { width: 100px; border-radius: 2px; display: block; margin: 0 15px 5px;}

/*备案版权*/
#footer { background: #000; text-align: center;}
#footer a { color: #fff; line-height: 40px; font-size: 12px; margin: 0 5px;}
#footer a:nth-last-child(1) { background: url(http://zdao.org.cn/templets/default/images/footer1.png) no-repeat left; padding-left: 25px;}
#footer a:hover,#moshi .left a:hover { color: #ffcc00; transition-duration: .3s;}

/*右侧悬浮*/
#xuanfu {position: fixed;bottom: calc(50% - 100px);right: 20px;background: #0042B0;border-radius: 10px;border: 3px solid #0042B0;box-shadow: 0 2px 10px rgba(0,66,176,.1);}
#xuanfu a {cursor: pointer;width: 80px;color: #fff; display: block;font-size: 14px;text-align: center;line-height: 20px; background: url(http://zdao.org.cn/templets/default/images/back-tel.png) no-repeat center 10px;background-size: 30px;padding: 45px 0 10px; font-weight: bold;}
#xuanfu a:nth-child(2) {background: #fff url(http://zdao.org.cn/templets/default/images/back-kefu.png) no-repeat center 10px;background-size: 30px; border-top-left-radius: 6px;border-top-right-radius: 6px;color: #000;border-bottom: 1px dashed #ddd;}
#xuanfu a:nth-child(3) {background: #fff url(http://zdao.org.cn/templets/default/images/back-top.png) no-repeat center 10px;background-size: 30px;padding: 35px 0 10px;border-bottom: none;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;color: #000;}
#xuanfu .hidden {float: left;width: 140px;margin: -45px 0 0 -160px;text-align: center;background: #0042b0;color: #fff;line-height: 20px;padding: 15px 0;border-radius: 6px;}
#xuanfu .hidden:after { content: " "; display: block; width: 15px; height: 15px; border-radius: 2px; transform: rotate(45deg); float: right; margin: -8px -6px 0 -30px; background: #0042b0;}
#xuanfu #tel:hover .hidden { display: block;}


/*易聊弹窗*/
.jesong-abstract h2 { margin: 0; text-align: left; background: none;}

/*表单样式*/
/*
#chat { position: fixed; width: 600px; left: calc(50% - 300px); top: calc(50% - 175px); border-radius: 10px; background: #fff; overflow: hidden; z-index: 20000; _bottom: auto;_width: 100%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight- (parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));}
#chat_t { background: linear-gradient(to left,#499efa,#185efa);line-height: 60px;font-weight: bold;color: #fff;padding: 0 30px;}
#chat_t .left { display: inline-block;}
#close a { width:60px; height: 60px; text-align: right; display: inline-block;}
#chat_t div,#chat_t a { color: #fff; font-size: 16px;}
#chat .form_yuyue { margin: 0 auto; padding: 20px 30px;}
#chat .form_yuyue input { width: 500px; line-height:50px;background: #f8f8f8;border: solid 1px #eee;color: #666;padding: 0 15px;border-radius: 6px;margin-bottom: 1em;font-size: 1em;}
#chat .form_yuyue .submit_yuyue { display: block; width: 120px; line-height: 50px; text-align: center;background-color: #ffde00;color: #000;border-radius: 6px;padding: 0 15px; font-size: 14px;}
#bg { width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;filter: Alpha(opacity=50);opacity: 0.5;background: #000000;display: none;z-index: 100;}
*/

/*标题样式*/
h2 { text-transform: uppercase; text-align: center; font-size: 36px; margin: 80px auto 30px; color: #0042b0; background: url(http://zdao.org.cn/templets/default/images/title.png) no-repeat center 0px;}
#hxcp h2,#zsyx h2 { background: url(http://zdao.org.cn/templets/default/images/title6.png) no-repeat center 0px;}
#hz1 h2,#wlyx h2,#jyrj h2 { background: url(http://zdao.org.cn/templets/default/images/title8.png) no-repeat center 0px;}
h2 span { display: block; font-weight: normal; color: #999; font-size: 16px;}

/*首页样式*/
/*核心产品*/
#hxcp .left { width: 360px; margin: 0 20px; text-align: center; padding: 50px 0 30px; height: 350px;}
#hxcp img { width: 80px; margin: 0 auto 20px;}
#hxcp img:nth-child(2) { display: none;}
#hxcp h3 { font-size: 26px;}
#hxcp span { color: #999;}
#hxcp p { font-size: 16px; margin: 20px 0 30px; line-height: 1.8; color: #333;}
#hxcp a { color: #0042b0; border: 1px solid #0042b0; width: 140px; line-height: 46px; border-radius: 6px; display: block; font-size: 16px; margin: 0 auto; display: none;}
#hxcp .left:hover { background: linear-gradient(#effaff,#fff); transition-duration: .3s;}
#hxcp .left:hover img:nth-child(1) { display: none;}
#hxcp .left:hover img:nth-child(2) { display: block;}
#hxcp .left:hover a { display: block; transition-duration: .3s;}
#hxcp a:hover { color: #fff; background: linear-gradient(to right,#499efa,#185efa); border: none; transition-duration: .3s;}
/*服务优势*/
#backall { height: 731px;}
#backall #fwys { background: #F7FBFD url(http://zdao.org.cn/templets/default/images/back-fwys.png) 50% 0 no-repeat fixed; width: 100%; position: absolute; overflow: hidden;  padding: 1px 0 60px;}
#fwys .content { background: url(http://zdao.org.cn/templets/default/images/back-fuwu.png) no-repeat center;}
#fwys .left { width: 320px; padding: 8px 230px 0 50px; margin: 30px 0;}
#fwys .left:nth-child(2),#fwys .left:nth-child(6) { padding: 8px 50px 0 230px;}
#fwys .left:nth-child(3) { padding: 8px 280px 0 0px;}
#fwys .left:nth-child(4) { padding: 8px 0px 0 280px;}
#fwys h3 { font-size: 24px; color: #0042b0; margin-bottom: 10px;}
#fwys p { height: 45px;}
#fwys .left:nth-child(2n+1) h3,#fwys .left:nth-child(2n+1) p { text-align: right;}
/*企业动态*/
#qydt .left { padding: 25px; width: 330px; margin: 0 30px 20px 0; background: #fff; box-shadow: 0 2px 15px rgba(0,66,176,.1); border-radius: 15px;}
#qydt .left:nth-child(3) { margin-right: 0;}
#qydt .left:hover { margin-top: -15px; margin-bottom: 35px; box-shadow: 0 2px 20px rgba(0,66,176,.2); transition-duration: .3s;}
#qydt h3 { font-size: 20px; font-weight: bold; line-height: 1.4; height: 60px;}
#qydt h3:before { content: " "; display: block; width: 6px; height: 20px; background: #0042b0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; float: left; margin: 4px 0 0 -25px;}
#qydt h3:hover { color: #0042b0; transition-duration: .3s;}
#qydt p { margin: 5px 0 10px; color: #666; font-size: 15px;}
#qydt .right p:after { content: "...";}
#qydt img { width: 100%; height: auto!important;}
#qydt .date { border-top: 1px dashed #ddd; margin-top: 10px; padding-top: 10px;}
#qydt .date span,#qydt .date span { color: #999; padding-left: 20px; background: url(http://zdao.org.cn/templets/default/images/icon-time.png) no-repeat left; margin-right: 30px; font-size: 13px;}
#qydt .date span:nth-child(2),#qydt .date span:nth-child(2) { background: url(http://zdao.org.cn/templets/default/images/icon-eye.png) no-repeat left;}
#qydt .btn { background: linear-gradient(to right,#499efa,#185efa); text-align: center; width: 320px; font-size: 16px; padding: 20px 0; border-radius: 70px; margin: 20px auto 60px;}
#qydt .btn a { color: #fff; background: url(http://zdao.org.cn/templets/default/images/pp-r.png) no-repeat right; margin-left: 20px; padding-right: 30px; line-height: 30px;}
#qydt .btn:hover a { color: #ffcc00; background: url(http://zdao.org.cn/templets/default/images/pp-r1.png) no-repeat right; transition-duration: .3s;}
/*合作品牌*/
#hz1 { background: #F7FBFD; padding: 1px 0 60px;}
#hz1 .left { width: 220px; height: 80px; box-shadow: 0 2px 15px rgba(0,66,176,.1); background: #fff; margin: 0 25px 25px 0;}
#hz1 .left:nth-child(5n+5) { margin-right: 0;}
#hz1 img { display: block; margin: 0 auto; width: auto; height: 80px;}
#hz1 .ppbtn { margin-top: 15px;}

/*产品服务*/
/*网络营销定制服务*/
#wlyx h3,#wlyx1 h3 { color: #0042b0; border-bottom: 1px solid #0042b0; font-size: 26px; padding-left: 45px; background: url(http://zdao.org.cn/templets/default/images/wlyx1.png) no-repeat left; display: inline-block; width: 300px;}
#wlyx1 h3 { background: url(http://zdao.org.cn/templets/default/images/wlyx2.png) no-repeat left;}
#wlyx p,#wlyx1 p { margin-top: 20px;}
#wlyx p:nth-child(3),#wlyx1 p:nth-child(3) { font-weight: bold;}
#wlyx .content span,#wlyx1 .content span { color: #0042b0;}
#wlyx .content span:before,#wlyx1 .content span:before { content: "· ";}
#wlyx .right { width: 550px;}
#wlyx1 .left { width: 400px; padding-left: 140px;}
#wlyx1 { background: linear-gradient(to right,#f1faff,#f1faff,#fff,#fff); padding: 40px 0; margin-top: 50px;}
/*招生营销服务*/
#zsyx .left { width: 310px; margin: 0 20px; text-align: center; padding: 0 25px;}
#zsyx .left:hover { box-shadow: 0 2px 20px rgba(7,138,207,.2); transition-duration: .3s; margin: -15px 20px 15px; border-radius: 20px;}
#zsyx img { width: 240px; margin: 20px auto 10px;}
#zsyx h3 { font-size: 26px;}
#zsyx p { margin-top: 15px; line-height: 1.8; color: #333;}
#zsyx p:after { content: " "; display: block; width: 160px; height: 3px; border-radius: 5px; background: rgba(0,66,176,.6); margin: 30px auto 0;}
#zsyx .left:hover p:after { background: #0042b0; transition-duration: .3s;}
/*教育软件定制服务*/
#jyrj { background: #F0F8FC; padding: 1px 0 50px; margin-top: 60px;}
#jyrj h3,#jyrj1 h3 { color: #0042b0; font-size: 26px; line-height: 40px; padding-top: 50px; background: url(http://zdao.org.cn/templets/default/images/back-jyrj1.png) no-repeat 50px 0;}
#jyrj1 h3 { background: url(http://zdao.org.cn/templets/default/images/back-jyrj2.png) no-repeat 50px 0;}
#jyrj .left { width: 400px; padding-left: 250px;}
#jyrj1 .right { width: 550px;}
#jyrj1 { padding: 50px 0; margin-top: 50px;}
#jyrj p,#jyrj1 p { margin-top: 15px;}
#jyrj p:before,#jyrj1 p:before { content: "○"; color: #0042b0; font-weight: bold; margin-right: 10px;}
#jyrj p:nth-child(2),#jyrj1 p:nth-child(2) { color: #0042b0;}
#jyrj p:nth-child(2):before,#jyrj1 p:nth-child(2):before { display: none;}
/*产品配图*/
#wlyx img,#jyrj img,#jyrj1 img { float: left;}
#wlyx1 img { float: right;}
/*位置调整*/
#wlyx img { margin-left: 140px;}
#wlyx .right { margin-top: 50px;}
#wlyx1 img { margin-right: 140px;}
#wlyx1 .left { margin-top: 50px; margin-left: 30px;}
#jyrj1 .right { margin-top: 15px;}
#jyrj1 img { margin-left: 130px;}
#jyrj .left { margin-top: 20px;}

/*企业动态*/
/*列表*/
#news { background: #F5FCFF; padding: 1px 0 40px;}
#news .content { background: #fff; border-radius: 20px; padding: 30px;}
#news .news1 { border-bottom: 1px dashed #ddd; padding: 25px 0; width: 100%;}
#news .news1:nth-child(1) { border-top: 1px dashed #ddd;}
#news .news1 img { width: 240px; height: auto;}
#news .news1 .right { width: 920px;}
#news .news1 .right a { font-size: 24px; font-weight: bold;}
#news .news1 .right a:hover { color: #0042b0; transition-duration: .3s;}
#news .news1 .right p { margin: 10px 0 20px; font-size: 16px;}
#news .news1 .right p:after { content: "...";}
#news .date span,#news_detail .date span { color: #999; padding-left: 20px; background: url(http://zdao.org.cn/templets/default/images/icon-time.png) no-repeat left; margin-right: 30px;}
#news .date span:nth-child(2),#news_detail .date span:nth-child(2) { background: url(http://zdao.org.cn/templets/default/images/icon-eye.png) no-repeat left;}
/*页码*/
.page { margin-top: 20px;}
.page .thisclass { background: #0042b0; color: #fff; border: none;}
.page li { border: 1px solid #ddd; float:left; margin: 10px 15px 0 0; line-height: 30px; padding: 0 15px; text-align: center;}
.page li:hover a { color: #0042b0;}
.page li select { border: none; background: #fff;}

/*详情*/
#news_detail { background: #F5FCFF; padding: 40px 0;}
#news_detail .left,#news_detail .right { background: #fff; border-radius: 20px;}
#news_detail .left { width: 780px; padding: 30px 35px;}
#news_detail .right { width: 280px; padding: 20px; position: sticky; top: 20px;}
#news_detail h2 { font-size: 26px; background: none; margin: 10px 0; color: #333;}
#news_detail .date { text-align: center; margin-bottom: 20px;}
#news_detail .detail { text-indent: 2em; line-height: 2; color: #666; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
#news_detail .detail p,#news_detail .detail div { margin: 10px 0;}
#news_detail .detail img { width: 545px!important; height: auto!important; margin: 10px auto;}
#news_detail .pian,#news_detail .pian a { color: #666; line-height: 2.4; margin-top: 20px;}
#news_detail .pian a { margin-top: 0px;}
#news_detail .pian a:hover { color: #000; transition-duration: .3s;}
#news_detail .right a { display: block; border-bottom: 1px dashed #ddd;}
#news_detail .right a:nth-child(1) { border-bottom: 1px solid #ddd; font-weight: bold; font-size: 20px; padding-bottom: 5px;}
#news_detail .right a:nth-child(1) span { color: #999; background: #f8f8f8; border-radius: 40px; padding: 2px 10px 3px; line-height: 16px; font-weight: normal; font-size: 12px; float: right; margin-top: 5px;}
#news_detail .right a:nth-child(1):hover,#news_detail .right a.clearfix:hover .right { color: #0042b0; transition-duration: .3s;}
#news_detail .right a:nth-child(1):hover span { color: #fff; background: #0042b0; transition-duration: .3s; margin-right: 10px;}
#news_detail .right a:nth-child(1):before { content: " "; display: block; width: 6px; height: 20px; border-radius: 6px; background: #0042b0; float: left; margin: 7px 10px 0 0;}
#news_detail .right a.clearfix { padding: 15px 0;}
#news_detail .right img { width: 100px; height: auto; float: left;}
#news_detail .right .right { width: 160px; margin: 0; padding: 0; line-height: 1.4;}
#news_detail .right .date { text-align: left; font-size: 10px; font-weight: normal; margin: 10px 0 0;}
#news_detail .right .date span { margin-right: 0;}

/*关于我们*/
/*企业简介*/
#about { background: url(http://zdao.org.cn/templets/default/images/back-jj.jpg) no-repeat top; background-size: cover auto; padding-bottom: 40px;}
#about img { border-radius: 10px; margin-top: 120px; float: right; width: 450px; height: auto;}
#about .jianjie { width: 680px;}
#about h2 { background: none; text-align: left; color: #333;}
#about p { text-indent: 2em; line-height: 1.8; margin-bottom: 10px; color: #000;}
#about .tedian { margin: 30px 130px 0 0;}
#about .tedian:nth-last-child(3) { margin-right: 0;}
#about .tedian div { color: #0042b0; font-size: 36px; font-weight: bold; background: url(http://zdao.org.cn/templets/default/images/icon-aboutus.png) no-repeat 100% center; padding-right: 25px; line-height: 1}
#about .tedian p { text-indent: 0; font-size: 16px; margin-top: 6px; font-weight: bold;}
/*发展历程*/
#licheng { background: url(http://zdao.org.cn/templets/default/images/back-lic.png) no-repeat center 100px;}
#licheng .lic { margin-right: 20px;}
#licheng .lic:nth-last-child(1) { margin-right: 0;}
#licheng .lic h3 { color: #fff; width: 70px; line-height: 30px; background: #0042b0; border-radius: 30px; font-weight: normal; font-size: 14px; text-align: center; margin: 0 0 10px 15px;}
#licheng .lic h3:before { content: " "; display: block; width: 6px; height: 6px; border-radius: 6px; background: #0042b0; float: left; margin: 11px 10px 0 -15px;}
#licheng .lic p { width: 150px; margin-left: 20px; font-size: 12px;}
#licheng .lic p span { color: #0042b0; margin-right: 5px;}
#licheng .lic .left { width: 2px; height: 200px; background: linear-gradient(#0042b0,rgba(6,133,204,0)); margin: 12px -4px 0 4px;}
#licheng .xia .lic .left { width: 2px; height: 200px; background: linear-gradient(rgba(6,133,204,0),#0042b0); margin: -188px -4px 0 4px;}
#licheng .xia .lic { margin-top: 200px;}
#licheng .lic.y2011 { margin-top: 140px;}
#licheng .lic.y2013 { margin-top: 0px;}
#licheng .lic.y2015 { margin-top: 50px;}
#licheng .lic.y2017 { margin-top: 30px;}
#licheng .lic.y2019 { margin-top: 100px;}
#licheng .lic.y2022 { margin-top: 20px;}
#licheng .lic.y2012 { margin-top: 70px; margin-left: 65px;}
#licheng .lic.y2014 { margin-top: 20px;}
#licheng .lic.y2016 { margin-top: -20px;}
#licheng .lic.y2018 { margin-top: 20px;}
#licheng .lic.y2020 { margin-top: 40px;}
#licheng .lic.y2023 { margin-top: 20px;}
#licheng .lic.y2012 .left { height: 120px; margin-top: -108px;}
#licheng .lic.y2014 .left { height: 150px; margin-top: -138px;}
#licheng .lic.y2015 .left { height: 180px;}
#licheng .lic.y2016 .left { height: 130px; margin-top: -118px;}
#licheng .lic.y2018 .left { height: 150px; margin-top: -138px;}
#licheng .lic.y2020 .left { height: 100px; margin-top: -88px;}
#licheng .lic.y2023 .left { height: 100px; margin-top: -88px;}
/*企业文化*/
#culture { padding: 1px 50px 70px; border-radius: 50px; box-shadow: 0 2px 30px rgba(7,138,207,.15); width: 1200px; margin: 60px auto;}
#culture .left { width: 200px; height: 300px; margin: 0 20px; text-align: center; background: #000 url(http://zdao.org.cn/templets/default/images/back-wh1.png) no-repeat top; border-radius: 4px;}
#culture .left:nth-child(2) { background: #000 url(http://zdao.org.cn/templets/default/images/back-wh2.png) no-repeat top;}
#culture .left:nth-child(3) { background: #000 url(http://zdao.org.cn/templets/default/images/back-wh3.png) no-repeat top;}
#culture .left:nth-child(4) { background: #000 url(http://zdao.org.cn/templets/default/images/back-wh4.png) no-repeat top;}
#culture .left:nth-child(5) { background: #000 url(http://zdao.org.cn/templets/default/images/back-wh5.png) no-repeat top;}
#culture .left:hover { background: #0042b0 url(http://zdao.org.cn/templets/default/images/back-wh1.png) no-repeat top;}
#culture .left:nth-child(2):hover { background: #0042b0 url(http://zdao.org.cn/templets/default/images/back-wh2.png) no-repeat top;}
#culture .left:nth-child(3):hover { background: #0042b0 url(http://zdao.org.cn/templets/default/images/back-wh3.png) no-repeat top;}
#culture .left:nth-child(4):hover { background: #0042b0 url(http://zdao.org.cn/templets/default/images/back-wh4.png) no-repeat top;}
#culture .left:nth-child(5):hover { background: #0042b0 url(http://zdao.org.cn/templets/default/images/back-wh5.png) no-repeat top;}
#culture h3 { color: #fff; font-size: 18px; margin-top: 130px;}
#culture p { color: #fff; margin-top: 10px; display: none;}
#culture .left:hover h3 { margin-top: 105px; transition-duration: .3s;}
#culture .left:nth-child(1):hover h3,#culture .left:nth-child(2):hover h3,#culture .left:nth-child(4):hover h3 { margin-top: 115px; transition-duration: .3s;}
#culture .left:hover p { display: block;}
/*企业实力*/
#shili { background: #F5FCFF url(http://zdao.org.cn/templets/default/images/back-shili.jpg) no-repeat bottom; padding: 1px 0 80px;}
#shili .left,#shili .right { text-align: center; color: #0042b0; font-size: 16px;}
#shili .left { width: 580px;}
#shili .right { width: 620px;}
#shili h3 { margin-top: 40px;}
#shili h3:before { content: " "; display: block; width: 40px; height: 2px; background: linear-gradient(to left,#0042b0,rgba(6,133,204,0)); float: left; margin: 14px -115px 0 115px;}
#shili h3:after { content: " "; display: block; width: 40px; height: 2px; background: linear-gradient(to right,#0042b0,rgba(6,133,204,0)); float: right; margin: 14px 115px 0 -115px;}
#shili .right h3:before { margin: 14px -200px 0 200px;}
#shili .right h3:after { margin: 14px 200px 0 -200px;}
#shili img { width: 550px; margin: 30px auto 0;}
#shili img:hover { margin: 15px auto; transition-duration: .3s;}

/*联系我们*/
#contact .content { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; padding-bottom: 50px;}
#contact .left { background: linear-gradient(#f5fcff,#fff); border-radius: 20px; text-align: center; width: 350px; height: 210px; box-shadow: 0 2px 15px rgba(7,138,207,.15); padding: 40px 0 20px; margin: 0 auto;}
#contact .left img { display: block; margin: 0 auto;}
#contact .left h3 { font-size: 24px; margin: 15px 0 10px;}
#contact .left p { color: #666;}
#contact .left:nth-child(1) p:nth-child(3) { font-size: 18px; margin-bottom: 10px; color: #0042b0;}
#contact div.btn { background: linear-gradient(to right,#499efa,#185efa); margin: 20px auto 0; text-align: center; width: 240px; line-height: 20px; font-size: 16px; padding: 20px 0; border-radius: 40px;}
#contact div.btn:hover { transition-duration: .3s; margin: 10px auto; box-shadow: 0 2px 15px rgba(7,138,207,.3);}
#contact div.btn a { color: #fff;}
#contact div.btn a { background: url(http://zdao.org.cn/templets/default/images/pp-r.png) no-repeat right; margin-left: 20px; padding-right: 30px;}
#contact div.btn a:hover { color: #ffcc00; transition-duration: .3s; background: url(http://zdao.org.cn/templets/default/images/pp-r1.png) no-repeat right;}

/*商务合作*/
/*合作模式*/
#moshi .left { width: 340px; margin: 0 30px; border-radius: 20px; text-align: center; background: url(http://zdao.org.cn/templets/default/images/moshi1.jpg) no-repeat center; padding: 70px 0 40px; font-size: 16px;}
#moshi .left:nth-child(2) { background: url(http://zdao.org.cn/templets/default/images/moshi2.jpg) no-repeat center;}
#moshi .left:nth-child(3) { background: url(http://zdao.org.cn/templets/default/images/moshi3.jpg) no-repeat center;}
#moshi .left h3 { font-size: 32px; color: #000;}
#moshi .left a { width: 240px; line-height: 50px; background: linear-gradient(to right,#499efa,#185efa); color: #fff; height: 50px; border-radius: 50px; display: block; margin: 30px auto 0; font-size: 16px;}
#moshi .left:hover { margin-top: -20px; margin-bottom: 20px; transition-duration: .3s; box-shadow: 0 2px 15px rgba(7,138,207,.1);}
/*合作品牌*/
#pinpai { background: #F7FBFD; margin-top: 70px; padding: 1px 0 40px;}
#pinpai .content { margin-bottom: 30px;}
#pinpai .left { background: #eaf2ff; box-shadow: 0 2px 0 #0042b0; border-radius: 10px; width: 110px; line-height: 60px; text-align: center;}
#pinpai .right { background: #fff; width: 158px; height: 60px; border: 1px solid #ddd; margin-left: 20px;}
#pinpai .right img { width: 120px; margin: 0 auto;}
.ppbtn { background: linear-gradient(to right,#499efa,#185efa); margin: 0 auto; text-align: center; width: 580px; line-height: 20px; font-size: 16px; padding: 25px 0; border-radius: 40px;}
.ppbtn a { color: #fff;}
.ppbtn a:nth-child(2),.ppbtn a:nth-child(3) { background: url(http://zdao.org.cn/templets/default/images/pp-r.png) no-repeat right; margin-left: 20px; padding-right: 30px; border-bottom: 1px solid #fff;}
.ppbtn a:nth-child(2):hover,.ppbtn a:nth-child(3):hover { color: #ffcc00; border-bottom: 1px solid #ffcc00; transition-duration: .3s; background: url(http://zdao.org.cn/templets/default/images/pp-r1.png) no-repeat right;}

/*加入我们*/
/*招聘需求*/
.position { text-align: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;}
.position li { background: #fff; border-radius: 2px; box-shadow: 0 2px 15px rgba(153,153,153,.2); width: 220px; margin: 0 auto; padding: 50px 0 30px;}
.position li:hover { box-shadow: 0 2px 15px rgba(7,138,207,.2); transition-duration: .3s; margin-top: -15px; margin-bottom: 15px;}
.position h3 { font-size: 26px; color: #333; padding-bottom: 15px; font-weight: bold; border: none; line-height: 1;}
.position p { color: #c8c8c8; text-align: center;}
.position a { color: #fff; background: linear-gradient(#499efa,#185efa); display: block; width: 160px; line-height: 40px; font-style: italic; letter-spacing: 1px; border-radius: 6px; margin: 25px auto 0; font-size: 15px;}
.position a:hover { text-decoration: underline; color: #ffcc00; transition-duration: .3s;}
.dian { top: 0; right: 0; bottom: 0; left: 0; z-index: 80; display: none; background: rgba(0, 0, 0, 0.8); position: fixed; cursor: default;}
.dian:target { display: block;}
.gangwei { top: -100%; right: 0; left: 50%; z-index: 81; width: 800px; height: 330px; position: fixed; box-sizing: border-box;  background: #fff; -webkit-transform: translate(-50%, -600%); -ms-transform: translate(-50%, -600%); -o-transform: translate(-50%, -600%); transform: translate(-50%, -600%); border-radius: 10px; overflow: hidden;}
.gangwei h3 { background: linear-gradient(to left,#499efa,#185efa); font-weight: bold; font-size: 26px; color: #fff; padding: 15px 40px 10px; line-height: 50px; border: none;}
.gangwei h3:before { content: " "; display: block; width: 40px; height: 50px; background: url(http://zdao.org.cn/templets/default/images/zhaopin.png) no-repeat center; background-size: 40px; float: left; margin-right: 20px;}
.gangwei span { color: #0042b0; font-weight: bold; margin: 25px 45px 10px; display: block; font-size: 16px;}
.gangwei p { text-indent: 0; margin: 0 50px 30px; line-height: 2.4; font-size: 16px;}
.dian:target + .gangwei { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 30%;}
.close { top: -10px; right: 0px; width: 25px; height: 25px; position: absolute; text-align: center; text-decoration: none; color: #000;}
/*福利待遇*/
#fuli .content { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;}
#fuli .content li { text-align: center; width: 170px; margin: 0 auto; padding: 20px 0; border-radius: 2px;}
#fuli .content li:hover { box-shadow: 0 2px 20px rgba(7,138,207,.2); transition-duration: .3s; margin-top: -15px; margin-bottom: 15px;}
#fuli .content h3 { font-size: 20px;}
#fuli .content img { margin: 15px auto 10px;}
#fuli .content p { color: #333;}
/*joinus*/
#joinus { background: url(http://zdao.org.cn/templets/default/images/back-joinus.jpg) no-repeat center; background-size: cover; padding: 60px 0 40px; margin-top: 30px;}
#joinus .content { padding: 0 50px 85px; background: url(http://zdao.org.cn/templets/default/images/back-joinus.png) no-repeat bottom;}
#joinus h2 { margin: 0; text-align: left; background: none; font-size: 30px;}
#joinus p { margin-top: 20px;}
#joinus span { background: #dbeef8; color: #0042b0; padding: 3px 10px; border-radius: 2px; margin-right: 10px;}
#joinus .left { width: 220px; text-align: center; padding-top: 60px; margin: 30px 10px 0;}
#joinus .left:nth-child(2n+1) { margin-top: 110px;}
#joinus .left:nth-child(6) { margin-top: 15px;}
#joinus .left div { font-size: 16px; color: #0042b0;}
#joinus .left p { color: #000; margin-top: 10px;}