﻿/* 
* @Author: ZHUMENG
* @Date:   2016-10-26 16:06:45
* @Last Modified by:   ZHUMENG
* @Last Modified time: 2018-03-19 17:17:55
*/

/*导航样式*/
* { margin: 0; padding: 0; }
body { background: url(../images/bg1.jpg) repeat; padding-top: 85px; }
ul, ol, li, dd, dt { list-style: none; }
a { text-decoration: none; }
input, textarea { font: 14px '微软雅黑'; color: #666; }
img { border: none; }
.header { position: fixed; top: 0; left: 0; width: 100%; height: 85px; background: url(../images/nav_bg.jpg) bottom repeat-x #131313; z-index: 1000; }
.header_in { width: 1200px; height: 100%; margin: 0 auto; background: url(../images/nav_bg.jpg) bottom repeat-x #131313; }
.logo { width: 191px; height: 0; margin-top: 11px; margin-left: 29px; padding-top: 50px; float: left; overflow: hidden; background: url(../images/logo.png) center center no-repeat; }
.qyrz { margin-left: 16px; margin-top: 26px; float: left; }
.nav { float: right; }
    .nav li { position: relative; display: inline-block; margin-left: 35px; padding: 0 20px; height: 70px; font: 16px/70px '微软雅黑'; color: white; }
        .nav li:hover { color: #ae892d; background-color: #222222; }
        .nav li span { position: absolute; top: 0; left: 0; width: 100%; height: 3px; filter: alpha(opacity=0); background-color: #AE892D; transition: .5s; transform: rotateY(-90deg); }
        .nav li:hover span { transform: rotateY(0); filter: alpha(opacity=100); }
    .nav .active { background: #222222; color: #AE892D; }
        .nav .active span { transform: rotateY(0); filter: alpha(opacity=100); }

/*首页banner*/
.index_banner { position: relative; width: 100%; min-width: 1200px; height: 600px; background-color: #181818; }
    .index_banner ul li { position: absolute; left: 0; top: 0; display: none; width: 100%; min-width: 1200px; height: 600px; }
        .index_banner ul li a { width: 100%; height: 100%; display: block; }
        .index_banner ul li:first-child { display: block; }
    .index_banner ol { position: absolute; left: 50%; bottom: 20px; margin-left: -60px; }
        .index_banner ol li { width: 7px; height: 7px; float: left; margin-left: 13px; background-color: #AE892D; border-radius: 4px; transition: 0.5s; cursor: pointer; }
            .index_banner ol li.active { width: 14px; }

/*旗下品牌*/
.qxpp { background: url(../images/bg1.jpg) repeat; }
.qxpp_in { width: 1200px; margin: 0 auto; padding: 56px 0; background: url(../images/fh1.png) left top no-repeat, url(../images/bg1.jpg) repeat; }
.title { width: 296px; margin: 0 auto; text-align: center; }
    .title h2 { font: bold 60px/ 60px '微软雅黑'; color: #292929; }
.linebox { position: relative; width: 100%; height: 1px; margin: 18px auto; background: #9FA0A0; }
    .linebox div { position: absolute; left: 50%; margin-left: -66px; top: -2px; width: 133px; height: 6px; background-color: #747474; }
.title p { font: 18px/18px '微软雅黑'; color: #292929; }
.title.white h2 { color: #FFFFFF; }
.title.white .linebox { background-color: #9FA0A0; }
    .title.white .linebox div { background-color: #D2D2D2; }
.title.white p { color: #d2d2d2; }
.logo_box { width: 1202px; /*height: 247px;*/ margin-top: 46px; /*overflow: hidden; */ }
    .logo_box ul { height: 100%; height: auto; }
        .logo_box ul > div { width: 1202px; height: 246px; padding: 1px 0 0 1px; float: left; }
.clear:before { content: ''; display: block; clear: both; }
.clear:after { content: ''; display: block; clear: both; }
.logo_box li { position: relative; float: left; width: 298px; height: 122px; margin-left: -1px; margin-top: -1px; border: 1px dashed #989898; }
    .logo_box li:hover { background-color: white; }
    .logo_box li img { width: 100%; height: 100%; }
.logo_box_page { margin-top: 38px; text-align: center; }
    .logo_box_page span { display: inline-block; width: 30px; height: 3px; margin-left: 7px; background: #9FA0A0; cursor: pointer; }
        .logo_box_page span.active { background-color: #AE892D; }
.qxpp_section { margin-top: 43px; }
    .qxpp_section > div { position: relative; width: 588px; height: 330px; float: left; overflow: hidden; }
        .qxpp_section > div > div:first-child img { transition: .5s; }
        .qxpp_section > div:hover > div:first-child img { transform: scale(1.1); }
        .qxpp_section > div:last-child { margin-left: 24px; }
        .qxpp_section > div > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

    .qxpp_section p { width: 370px; margin: 0 auto; font: 14px/30px '微软雅黑'; color: white; }
    .qxpp_section .black_bg { opacity: 0; filter: alpha(opacity=0); background-color: rgba(0,0,0,.7); transition: .5s; }
    .qxpp_section > div:hover .black_bg { opacity: 1; filter: alpha(opacity=100); background-color: black; background-color: rgba(0,0,0,.7); }
    .qxpp_section .black_bg img { display: block; margin: 70px auto 50px; }

/*精彩一览*/
.jcyl { background: url(../images/bg2.jpg) repeat; }
.jcyl_in { width: 1200px; margin: 0 auto; padding: 56px 0; background: url(../images/fh2.png) top right no-repeat, url(../images/bg2.jpg) repeat; }
.video { width: 1200px; margin: 58px auto 0; padding-bottom: 10px; background-color: white; }
    .video .play_box { width: 890px; float: left; }
    .video .play { width: 100%; height: 440px; margin: 10px 0 0 10px; background: #252525; }
    .video .play_box p { padding-left: 10px; font: 16px/40px '微软雅黑'; }
.video_list { width: 281px; float: right; margin: 10px 10px 0 0; }
    .video_list li { position: relative; width: 281px; height: 153px; margin-top: 10px; overflow: hidden; cursor: pointer; box-sizing: border-box; }
        .video_list li span { display: none; }
        .video_list li.active { border: 3px #AE892D solid; }
        .video_list li img { width: 100%; height: 100%; }
        .video_list li:first-child { margin-top: 0; }
        .video_list li .play_icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) center center no-repeat; background-color: black; background: url(../images/play.png) center center no-repeat rgba(0,0,0,.7); opacity: 0; filter: alpha(opacity=0); transition: .5s; }
        .video_list li p { position: absolute; bottom: 0; left: 0; padding-left: 10px; width: 100%; height: 30px; font: 16px/30px '微软雅黑'; color: white; background: linear-gradient(90deg, rgba(0,0,0,.8), rgba(0,0,0,0)); transition: .5s; }
        .video_list li:hover .play_icon { opacity: 1; filter: alpha(opacity=100); }
        .video_list li:hover p { opacity: 0; filter: alpha(opacity=0); }
.more { display: block; width: 55px; margin: 34px auto 0; text-align: center; font: bold 14px/14px '微软雅黑'; color: white; }
.more1 { animation: more 1s linear 0s infinite; }

@keyframes more {
    0% { transform: translateY(-10px; ); }
    100% { transform: translateY(10px); }
}

.more span { display: block; width: 2px; height: 2px; margin: 7px auto 0; background-color: white; }
.more i { display: block; width: 0; height: 0; margin: 7px auto 0; border: 10px solid transparent; border-top-color: white; }

/*.more span:nth-child(1) { animation: dot1 2s infinite; }
.more span:nth-child(2) { animation: dot2 2s infinite; }
.more span:nth-child(3) { animation: dot3 2s infinite; }
.more i { animation: triangle 2s infinite; }
@keyframes dot1 {
  0% { opacity: 1; }
  80% { opacity: 1; }
  81% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes dot2 {
  0% { opacity: 0; }
  20% { opacity: 0; }
  21% { opacity: 1; }
  80% { opacity: 1; }
  81% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes dot3 {
  0% { opacity: 0; }
  40% { opacity: 0; }
  41% { opacity: 1; }
  80% { opacity: 1; }
  81% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes triangle {
  0% { opacity: 0; }
  60% { opacity: 0; }
  61% { opacity: 1; }
  80% { opacity: 1; }
  81% { opacity: 0; }
  100% { opacity: 0; }
}*/

/*公司简介*/
.gsjj { background: url(../images/bg1.jpg) repeat; }
.gsjj_in { width: 1200px; margin: 0 auto; padding: 154px 0 60px; background: url(../images/fh1.png) left top no-repeat, url(../images/bg1.jpg) repeat; }
    .gsjj_in .left { width: 686px; height: 408px; overflow: hidden; float: left; }
    .gsjj_in .right { width: 430px; float: right; margin-right: 35px; }
        .gsjj_in .right > p { margin-top: 50px; font: 14px/30px '微软雅黑'; color: #272727; }
.more.horizontal { width: 134px; height: 40px; margin: 65px auto auto; font-size: 0; line-height: 45px; background-color: #747474; transition: .3s; }
    .more.horizontal span { position: relative; top: -5px; display: inline-block; margin: 0; margin-left: 7px; }
    .more.horizontal i { position: relative; top: 2px; display: inline-block; margin-left: 12px; border-top-color: transparent; border-left-color: white; }
    .more.horizontal b { display: inline-block; position: relative; top: -2px; font-size: 14px; color: white; }
    .more.horizontal:hover { background: black; }

/*企业聚焦*/
.qyjj { background: url(../images/bg2.jpg) repeat; }
.qyjj_in { width: 1200px; margin: 0 auto; padding: 58px 0; background: url(../images/fh2.png) right top no-repeat, url(../images/bg2.jpg) repeat; }
.qyjj_section ul { margin-left: -15px; }
.qyjj_section li { float: left; width: 390px; margin-left: 15px; padding-bottom: 40px; margin-top: 50px; background-color: white; }
.qyjj_section .top { width: 100%; height:265px; overflow: hidden; }
    .qyjj_section .top img { width: 100%; height: 100%; transition: .5s; }
    .qyjj_section .top:hover img { transform: scale(1.1); }
.qyjj_section h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 35px; margin-left: 25px; font: bold 22px/22px '微软雅黑'; color: #292929; }
    .qyjj_section h3:hover { color: #ae892d; }
.qyjj_section p { height: 56px; margin-top: 20px; padding: 0 25px; font: 14px/28px '微软雅黑'; color: #333; }
.qyjj_section .time { margin-top: 24px; }
.qyjj_section b { font: bold 14px/20px '微软雅黑'; float: left; margin-left: 25px; }
.qyjj_section .time a { display: block; width: 16px; height: 16px; float: right; margin-right: 25px; border: 2px solid #9D9D9D; border-radius: 50%; text-align: center; font: bold 12px/14px '微软雅黑'; color: #9D9D9D; }

/*聚阅活力*/
.jyhl { background: url(../images/bg1.jpg) repeat; }
.jyhl_in { width: 1200px; margin: 0 auto; padding: 58px 0; background: url(../images/fh1.png) left top no-repeat, url(../images/bg1.jpg) repeat; }
    .jyhl_in .news { margin-top: 65px; }
        .jyhl_in .news li { position: relative; width: 399px; float: left; border-left: 1px dotted #292929; }
            .jyhl_in .news li:first-child { border-left: none; }
        .jyhl_in .news dt { width: 150px; height: 32px; margin-left: 22px; margin-bottom: 25px; border: 1px #292929 solid; border-radius: 15px; font: 16px/32px '微软雅黑'; text-align: center; color: #292929; }
        .jyhl_in .news dd { font: 14px/32px '微软雅黑'; margin-left: 25px; }
            .jyhl_in .news dd a { color: #666; }
                .jyhl_in .news dd a:hover { color: #ae892d; }
    .jyhl_in .evenmore { position: absolute; top: 10px; right: 20px; font: bold 12px/12px '微软雅黑'; }
        .jyhl_in .evenmore a { color: #212121; }
            .jyhl_in .evenmore a:hover { color: #ae892d; }

/*聚阅活力*/
.hzzs { background: url(../images/bg1.jpg) repeat; }
.hzzs_in { width: 1200px; margin: 0 auto; padding: 20px 0 58px; background: url(../images/bg1.jpg) repeat; }
.title3 { margin-top: 20px; }
.hzzs_pic { width: 100%; min-width: 1200px; height: 410px; overflow: hidden; }
    .hzzs_pic ul { width: 100%; }
    .hzzs_pic li { position: relative; width: 390px; height: 410px; float: left; }
        .hzzs_pic li div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; filter: alpha(opacity=50); opacity: .5; transition: .5s; }
            .hzzs_pic li div:hover { filter: alpha(opacity=0); opacity: 0; }
    .hzzs_pic img { display: block; width: 100%; height: 100%; }

/*底部footer*/
.footer { background: url(../images/bg2.jpg) repeat; padding-bottom: 20px; }
.footer_in { position: relative; width: 1200px; margin: 0 auto; background: url(../images/bg2.jpg) repeat; }
.footer_logo { width: 256px; height: 404px; float: left; background-color: #EAEAEA; text-align: center; }
    .footer_logo img { margin-top: 127px; }
.footer_right { width: 850px; float: right; }
.footer_nav { padding-bottom: 22px; border-bottom: 1px solid white; }
.footer_nav_l { width: 500px; float: left; }
    .footer_nav_l dl { float: left; margin-top: 26px; margin-left: 56px; }
        .footer_nav_l dl:first-child { margin-left: 0; }
    .footer_nav_l dd { margin-top: 10px; }
    .footer_nav_l dt a { font: bold 18px/18px '微软雅黑'; color: white; }
        .footer_nav_l dt a:hover { color: #AE892D; }
    .footer_nav_l dd a { font: 12px/12px '宋体'; color: #a3a3a3; }
        .footer_nav_l dd a:hover { text-decoration: underline; color: #AE892D; }
.phone { width: 250px; float: right; text-align: center; }
    .phone div { width: 71px; height: 71px; margin: 25px auto 0; }
    .phone img { width: 100%; height: 100%; }
    .phone div:hover img { animation: phoneAni 1s linear 0s forwards; }

@keyframes phoneAni {
    0% { transform: rotateY(0) rotateX(0); }
    50% { transform: rotateY(180deg) rotateX(0deg); }
    100% { transform: rotateY(180deg) rotateX(180deg); }
}

.phone p { padding-top: 20px; font: 18px/18px '微软雅黑'; color: white; }
.phone h4 { padding-top: 10px; font: bold 28px/28px '微软雅黑'; color: #ae892d; }
.message_l { width: 340px; float: left; }
    .message_l input { width: 310px; height: 38px; padding-left: 10px; margin-top: 18px; border: none; outline: none; background-color: white; line-height: 38px; }
    .message_l .yzm_input { width: 154px; }
    .message_l .yzm { display: inline-block; width: 148px; height: 38px; vertical-align: top; margin-top: 18px; background: gray; }
    .message_l p { margin: 20px 0 0px; font: 14px/14px '微软雅黑'; color: #9e9e9e; }
.message_r { float: right; width: 510px; }
    .message_r textarea { width: 500px; height: 84px; padding-left: 10px; padding-top: 10px; margin-top: 52px; border: none; outline: none; resize: none; }
    .message_r input { width: 510px; height: 38px; margin-top: 15px; border: none; outline: none; background: linear-gradient(180deg, #CACACA 0%, #CACACA 40%, #BFBFBF 41%, #BFBFBF 100%); font: 16px/38px '微软雅黑'; color: black; cursor: pointer; }
.footer_bottom { margin-top: 30px; font: 12px/24px '宋体'; color: #838383; text-align: center; }
    .footer_bottom a { color: #838383; text-decoration: underline; }
        .footer_bottom a:hover { color: #AE892D; }

/*回到页面顶部*/
.gotop { position: fixed; bottom: 100px; left: 50%; margin-left: 610px; width: 52px; height: 52px; border: 5px #242424 solid; background: white; border-radius: 50%; cursor: pointer; box-shadow: 0 0 5px white; }
.gotop_in { width: 44px; height: 44px; background: #242424; border-radius: 50%; margin: 4px auto; text-align: center; }
    .gotop_in img { margin-top: 8px; animation: gotop 1s linear 0s infinite; }

@keyframes gotop {
    0% { transform: translateY(-5px); }
    100% { transform: translateY(5px); }
}

/*内页banner*/
.inner_banner { width: 100%; min-width: 1200px; height: 315px; background-repeat: no-repeat; background-position: center center; }

/*面包屑导航*/
.breadcrumb { width: 1200px; margin: 20px auto 68px; text-align: right; font: 12px/12px '宋体'; color: #292929; }
    .breadcrumb a { color: #292929; }
        .breadcrumb a:hover { color: #ae892d; text-decoration: underline; }
        .breadcrumb a.active { color: #ae892d; }
        .breadcrumb a.active { color: #ae892d; }

/*子导航*/
.sub_nav { width: 1200px; margin: 0 auto; text-align: center; }
    .sub_nav a { display: inline-block; width: 253px; height: 94px; margin-left: 30px; border: 2px #242424 solid; text-align: center; line-height: 94px; font: bold 42px/94px '微软雅黑'; color: #292929; }
        .sub_nav a:hover { color: white; background: url(../images/subnav_bg.jpg) center center no-repeat; }
        .sub_nav a.active { color: white; background: url(../images/subnav_bg.jpg) center center no-repeat; }

.container { width: 1200px; margin: 75px auto; }

/*晟创规模*/
.dsgm_top img { float: left; margin-left: -352px; }
.dsgm_top > div { padding-top: 60px; float: right; width: 560px; }
.line_title span { display: inline-block; position: relative; top: 5px; left: -5px; width: 5px; height: 27px; background-color: #242424; }
    .line_title span:before { display: block; content: ''; position: absolute; left: -3px; top: 0; width: 1px; height: 100%; background-color: #242424; }
.line_title b { font: bold 26px/26px '微软雅黑'; color: #292929; }
.dsgm_top p { margin-top: 25px; padding-left: 18px; font: 14px/28px '微软雅黑'; color: #292929; }
.dsgm_bottom div { width: 600px; height: 450px; }
.dsgm_bottom .dsgm_left { float: left; background: black; }
.dsgm_bottom .dsgm_right { float: left; overflow: hidden; }
    .dsgm_bottom .dsgm_right img { transition: 0.5s; }
    .dsgm_bottom .dsgm_right:hover img { transform: scale(1.1); }

/*晟创品牌*/
.dspp_title { margin-top: 50px; text-align: center; }
.logo_box li div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; background-color: rgba(0,0,0,.8); font: 18px/112px '微软雅黑'; color: white; text-align: center; filter: alpha(opacity=0); opacity: 0; transition: .5s; }
.dspp_logo li:hover { background: none; }
.logo_box li:hover div { filter: alpha(opacity=100); opacity: 1; }

/*企业荣誉*/
.long_title { width: auto; margin-top: 62px; }
    .long_title h2 { font-size: 50px; }
    .long_title .linebox div { margin-left: -125px; width: 250px; }
.qyry { margin-top: 60px; }
    .qyry div { float: left; }
    .qyry .left { width: 447px; }
        .qyry .left > div { height: 224px; }
    .qyry .center { width: 475px; margin-left: 25px; }
        .qyry .center > div { height: 479px; }
    .qyry .right { width: 223px; margin-left: 25px; }
        .qyry .right > div { height: 226px; }
    .qyry .last { margin-top: 25px; }
    .qyry > div > div { position: relative; overflow: hidden; }
    .qyry img { transition: .5s; }
    .qyry > div > div:hover img { transform: scale(1.1); }
    .qyry .left > div:first-child:before { display: block; content: ''; position: absolute; left: -7px; top: -7px; width: 100%; height: 100%; background: black; z-index: -1; }
    .qyry .right > div:last-child:before { display: block; content: ''; position: absolute; right: -7px; bottom: -7px; width: 100%; height: 100%; background: black; z-index: -1; }

/*文化内核*/
.whnh { width: 100%; min-width: 1200px; height: 750px; background: url(../images/whnh_bg.jpg) center bottom no-repeat; text-align: center; }
.whnh_in { width: 1200px; margin: 0 auto; }
    .whnh_in h3 { margin-top: 48px; margin-bottom: 30px; font: normal 30px/30px '微软雅黑'; color: #333333; }
    .whnh_in p { font: normal 14px/28px '微软雅黑'; color: #666666; }

/*团队风采*/
.tdfc { width: 1200px; margin: auto; }
.tdfc_pic { width: 1200px; margin: 55px auto 130px; }
    .tdfc_pic .left { width: 796px; float: left; }
    .tdfc_pic .right { width: 393px; float: right; }
    .tdfc_pic .left div { float: left; }
    .tdfc_pic .a, .tdfc_pic .b { width: 391px; height: 199px; }
    .tdfc_pic .b { margin-left: 13px; }
    .tdfc_pic .c { width: 796px; height: 411px; margin-top: 13px; }
    .tdfc_pic .d, .tdfc_pic .e, .tdfc_pic .f { width: 393px; height: 199px; }
    .tdfc_pic .e, .tdfc_pic .f { margin-top: 13px; }
    .tdfc_pic img { transition: .5s; }
    .tdfc_pic > div > div { overflow: hidden; }
        .tdfc_pic > div > div:hover img { transform: scale(1.1); }

/*企业动态*/
.qydt .left { width: 390px; height: 186px; float: left; overflow: hidden; }
    .qydt .left a { display: block; width: 100%; height: 100%; transition: .5s; }
    .qydt .left:hover a { transform: scale(1.1); }
.qydt .right { width: 760px; padding-right: 20px; float: right; }
    .qydt .right h4 { padding-top: 14px; font: normal 24px/24px '微软雅黑'; color: #2d2d2d; }
        .qydt .right h4 a { color: #2d2d2d; }
            .qydt .right h4 a:hover { color: #AE892D; }
    .qydt .right h5 { padding-top: 10px; }
    .qydt .right h5, .qydt .right p, .qydt .right h6 { font: normal 16px/30px '微软雅黑'; color: #737272; }
    .qydt .right h6 { text-align: right; }
        .qydt .right h6 a { color: #212121; }
            .qydt .right h6 a:hover { text-decoration: underline; color: #AE892D; }
.page { margin-top: 45px; text-align: center; }
    .page a { display: inline-block; height: 20px; margin-left: 6px; font: 16px/20px '微软雅黑'; text-align: center; border: 1px #747373 solid; color: #666; padding: 2px 10px; }
        .page a:hover { background-color: #282828; color: white; }
        .page a.active { background-color: #282828; color: white; }

/*旗下品牌*/
.pp_title { padding: 20px 0 10px; font: 14px/30px '微软雅黑'; color: #292929; text-indent: 2em; }
.pp_list li { height: 430px; margin-top: 32px; }
    .pp_list li > div { height: 430px; }
.pp_list .left { float: left; width: 276px; background: #DBDBDB; text-align: center; }
.pp_list .center { float: left; width: 602px; margin-left: 26px; background: #DBDBDB; }
.pp_list .right { float: right; width: 270px; }
.pp_list .left p { font: 14px/30px '微软雅黑'; color: #383838; }
.pp_list .left a { display: block; width: 140px; height: 30px; margin: 20px auto 30px; border-radius: 15px; font: 16px/30px '微软雅黑'; color: white; text-align: center; background-color: #AE892D; }
.pp_list .pp_video { width: 100%; height: 327px; background: black; }
.pp_list .center p { padding: 20px; font: 16px/30px '微软雅黑'; color: #383838; }
.pp_list .right div { width: 254px; height: 191px; border: 9px #DBDBDB solid; background-color: #DBDBDB; perspective: 500px; }
.pp_list .right img { width: 100%; height: 100%; transform-style: preserve-3d; transform-origin: center center; }
.pp_list .right .bottom { margin-top: 12px; }

/*咨询*/
.zixun li { padding: 56px 0; border-bottom: 1px #9FA0A0 solid; }

/*咨询单页*/
.zxIn_title { text-align: center; font: bold 50px/50px '微软雅黑'; color: #292929; }
.zxIn_pic { text-align: center; padding-top: 58px; }
.zxIn_word { margin-top: 60px; }
    .zxIn_word p { font: 14px/30px '微软雅黑'; color: #292929; text-indent: 2em; }
.bdsharebuttonbox { margin-top: 65px; }
    .bdsharebuttonbox a { float: right !important; }
    .bdsharebuttonbox span { float: right; font: 16px/42px '微软雅黑'; color: #292929; }
.prevNext { margin-top: 32px; }
    .prevNext a { font: 16px/16px '微软雅黑'; color: #292929; }
        .prevNext a:hover { color: #ae892d; text-decoration: underline; }
    .prevNext .prev { margin-bottom: 20px; }
    .prevNext .next { }
.readings { margin-top: 40px; }
    .readings h3 { font: bold 30px/30px '微软雅黑'; color: #292929; }
    .readings ul { width: 100%; padding: 14px 0; margin-top: 20px; border: 1px #292929 solid; }
    .readings li { padding: 0 14px; overflow: hidden; }
    .readings a { font: 14px/28px '微软雅黑'; color: #292929; }
        .readings a:hover { color: #ae892d; }
    .readings i, .readings em { font-style: normal; }
    .readings i { float: left; }
    .readings em { float: right; }
.hotkey { margin-top: 20px; font: 16px/16px '微软雅黑'; }
    .hotkey a { display: inline-block; margin-top: 10px; margin-left: 16px; padding: 2px 4px; font: 16px/16px '微软雅黑'; border: 1px #292929 solid; }
        .hotkey a:hover { border-color: #AE892D; }
.kuang { position: relative; width: 544px; height: 96px; margin: 60px auto 0; border: 1px #A8A8A8 solid; border-top: none; text-align: center; }
    .kuang:before, .kuang:after { display: block; content: ''; position: absolute; left: 0; top: 0; width: 98px; height: 1px; background: #A8A8A8; }
    .kuang:after { left: auto; right: 0; }
    .kuang span { position: absolute; left: 98px; top: -8px; display: block; width: 12px; height: 12px; border: 2px #A8A8A8 solid; border-radius: 50%; }
        .kuang span:first-child { left: auto; right: 98px; }
    .kuang h4 { position: relative; top: -16px; font: bold 26px/26px '微软雅黑'; color: #292929; }
    .kuang p { margin-top: 15px; font: 26px/26px '微软雅黑'; color: #292929; }

/*联系地址*/
.line_title.center { margin-top: 54px; text-align: center; }
.lxdz p { font: 20px/20px '微软雅黑'; color: #292929; text-align: center; margin-top: 38px; }
.map { height: 304px; margin-top: 45px; background-color: black; border: 2px #AE892D solid; }
.xwyd { margin-top: 55px; }
    .xwyd h2 { font: bold 50px/50px '微软雅黑'; color: #292929; text-align: center; }
    .xwyd .line { position: relative; width: 100%; height: 1px; margin-top: 24px; background-color: #9FA0A0; }
        .xwyd .line div { position: absolute; top: -3px; left: 50%; margin-left: -122px; width: 244px; height: 6px; background-color: #FEBC01; }
.xwyd_pic { position: relative; margin-top: 60px; }
    .xwyd_pic div { position: absolute; left: 0; top: 24px; height: 308px; width: 50%; background: linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,0)); }
    .xwyd_pic h5, .xwyd_pic h6 { padding-left: 58px; padding-top: 20px; font: bold 26px/26px '微软雅黑'; color: white; }
    .xwyd_pic h6 { color: #E5E5E5; }
    .xwyd_pic p { padding-top: 14px; padding-left: 58px; font: 16px/26px '微软雅黑'; color: #e5e5e5; }

.slideUp { transform: translateY(200px); opacity: 0; transition: transform .1s; }
    .slideUp.show { transform: translateY(0); opacity: 1; }

/*锚点*/
.anchor { position: relative; top: -85px; }
