@charset "UTF-8";
/*主体内容S*/
html,body{height:100%}
body{min-width:1240px;}@media(max-width:1240px){body{min-width:1000px;}}
/*页面内容*/
.section-auto-container,.auto-main{margin:0 auto;position:relative;max-width:1200px;}@media(max-width:1240px){.section-auto-container,.auto-main{margin:0 50px;min-width:900px;}}
/*等高*/
.cell-item,.datebook-list li .time,.datebook-list li .things,.list-employ dt,.list-employ dd{display:table-cell;vertical-align:top;}
/*标题*/
.headline{color:#333;font-size:28px;font-weight:bold;line-height:1;text-align:center}
.headline .line{position:relative;left:50%;margin-left:-100px;margin-top:2.5%;width:200px;background:#F7662D;height:2px;border:0 #eee solid;border-left-width:83px;border-right-width:83px;}
/*分页*/
.pagelist{text-align:center;padding:20px 0;margin-top:20px;font-size:12px;}
.pagelist li{display:inline-block;}
.pagelist a,.pagelist span{display:inline-block;margin:12px 5px;padding:0 10px;border-radius:4px;line-height:28px;border:1px solid #E0E0E0}
.pagelist .disabled span{background:#fff;color:#999;}
.pagelist .active span{background:#F7662D;color:#fff;border-color:#F7662D}
.pagelist a{color:#333;}

/*header*/
.page-header{position:fixed;z-index:99;top:0;}
.header-bd{padding-top:2.3%;padding-bottom:2.3%;}
.header-bd .logo-box{width:18.25%}
.page-header .logo-box img+img,.page-cnt-header .logo-box img:first-child{display:none}
.header-bd ul{text-align:right;font-size:0}
.header-bd li{margin-left:6%;display:inline;font-size:16px;}@media(max-width:1240px){.header-bd li{margin-left:5%;}}@media(max-width:1100px){.header-bd li{margin-left:4%;}}
.header-bd li a{position:relative;color:rgba(255,255,255,.6);}
.header-bd li.active a{color:#fff;font-weight:bold}
.header-bd li .line{position:absolute;bottom:-10px;left:50%;margin-left:-25px;border:0 transparent solid;border-left-width:25px;border-right-width:25px;height:4px;line-height:0}
.header-bd li.active .line{border-color:#9CB868}

.header-leave-bt,.page-cnt-header{background:#F7662D;-moz-box-shadow:0 0 15px 5px rgba(4,0,0,0.1);-webkit-box-shadow:0 0 15px 5px rgba(4,0,0,0.1);box-shadow:0 0 15px 5px rgba(4,0,0,0.1);}
.header-leave-bt li.active .line,.page-cnt-header li.active .line{border-color:#fff}
.page-cnt-header{position:relative;}
/*主体内容*/
/*图文交替*/
.col-pull-6{right:50%}
.col-push-6{left:50%}
/*首页part1*/
.header-bd .logo-box,.header-bd ul,.datebook-box>div,.culture-panel .c-img,.culture-panel .c-intro,.gz-industrial-chain .list .l,.gz-industrial-chain .list .r{display:table-cell;vertical-align:middle;}
.datebook-box,.datebook-list li,.list-employ dl,.culture-panel,.gz-industrial-chain .list .inner{display:table;width:100%;}
.page-wrap,.page-header,.page-body,.bt-cover,.bt-cover img,.section-t .info,.logo-box img{width:100%;}

.bt-cover,.bt-cover img{position:relative;}
.bt-cover{color:#fff;background:rgba(0,0,0,.4);}
.bt-cover img{z-index:-1}
.section-t .info{position:absolute;bottom:21%}

.mission{font-size:40px;font-weight:bold}@media(max-width:1040px){.mission{font-size:38px;}}
.mission i{position:relative;}
.mission .quote-l{top:-22px;left:-2.5%}
.mission .quote-r{top:32px;left:3.3%;}
.mission .quote-l img{width:43px}
.mission .quote-r img{width:63px}

.section-t .banner-box{width:100%;}
.section-t .bt{position:relative;padding-top:45%;}
.section-t .bt-pic{position:absolute;top:0;left:0;}
.section-t .bt-pic,.section-t .bt-pic li{width:100%;height:100%;}
.section-t .bt-pic li+li{display:none}
.section-t .bt-tab{position:absolute;left:0;bottom:30px;width:100%;text-align:center;}
.section-t .bt-tab li{display:inline;float:none;_float:left;*float:left;margin-right:10px}
.section-t .bt-tab li a{text-indent:-9999px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.5);display:inline-block;width:8px;height:8px}
.section-t .bt-tab li a.active{background:#F7662D;width:24px}
/*集团介绍*/
.section-panel{padding-top:8%;padding-bottom:8%;}
.introduction-group .info{text-indent: 2em;color:#666666;font-size:16px;line-height:42px; text-align: left;padding:48px 12%;word-break:break-all;}
.introduction-group ul{padding-top:2%}
.introduction-group li{margin-bottom:16px;text-align:center}
.introduction-group li a{display:inline-block;}
.introduction-group li a>span{display:table-cell;vertical-align:middle;height:60px;}
.introduction-group li a>span>span{display:inline-block;position:relative;}
.introduction-group li img{max-width:100%;max-height:60px}
.introduction-group li img+img{position:absolute;top:0;left:0;opacity:0;}
.introduction-group li img+img,.media-list>ul li,.media-list>ul li .sub-thumb span{-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all 1s ease-in-out;transition:all .5s ease-in-out}
.introduction-group li a:hover img+img{display:inline;opacity:1;}
/*公司大事记*/
.timeChoose{position:relative;padding:50px 0;}
.timeChoose .time-box li{font-size:24px;color:#d8d8d8;font-weight:bold;line-height:60px;cursor:pointer;}
.timeChoose .time-box li.active{color:#333;font-size:40px;}
.timeChoose .prev,.timeChoose .next{cursor:pointer;position:absolute;left:0;display:block;width:32px;height:32px;background-size:contain;background-repeat:no-repeat;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.timeChoose .prev{top:0;background-image:url(../img/time_prev.png);}
.timeChoose .next{bottom:0;background-image:url(../img/time_next.png);}
.timeChoose .prev:hover{background-image: url("../img/time_prev_on.png")}
.timeChoose .next:hover{background-image: url("../img/time_next_on.png")}
.datebook-list{width:75%;padding-left:5%}
.datebook-list ul{border-left:1px solid #eee;}
.datebook-list li+li{padding-top:50px;}
.datebook-list li .time{color:#333;position:relative;padding-left:20px;width:16.667%}
.datebook-list li .things{color:#666;}
.datebook-list li .time:before{content:"";position:absolute;top:6px;left:-4px;width:8px;height:8px;border-radius:50%;background:#F7662D;}
/*公司相册所有，媒体中心*/
.photo-list>ul li .sub-thumb,.media-list>ul li .sub-thumb{position:relative;}
.photo-list>ul li .sub-thumb i,.media-list>ul li .sub-thumb i,.media-list>ul li .sub-thumb span{position:absolute;}
.photo-list>ul li .sub-thumb i,.media-list>ul li .sub-thumb i{top:0;width:100%;height:100%;display:block;}

.photo-list>ul{margin-top:5%;margin-left:-50px}
.photo-list>ul li{float:left;width:20%;padding-left:50px;padding-bottom:40px;}
.photo-list>ul li .sub-thumb{padding-top:100%;cursor:pointer;}
.photo-list>ul li .sub-title{position:relative;margin-top:19px;text-align:center;height:40px;line-height:20px;font-size:16px;}

.media-list>ul{margin:5% 20px 0;}
.media-list>ul li{float:left;width:25%;padding:20px 20px 13px}
.media-list>ul li>a{display:block;width:100%;height:100%;}
.media-list>ul li .sub-thumb{padding-top:72%;}
.media-list>ul li .sub-thumb span{top:50%;left:50%;margin-top:-35px;margin-left:-35px;opacity:0;transform:scale(0);}
.media-list>ul li .sub-title{margin-top:10%;font-size:16px;color:#333;}
.media-list>ul li .sub-cnt{margin-top:2.5%;font-size:13px;color:#666;height:40px;line-height:20px;}
.media-list>ul li:hover{-moz-box-shadow:0 0 20px 5px rgba(0,0,0,0.08);-webkit-box-shadow:0 0 20px 5px rgba(0,0,0,0.08);box-shadow:0 0 20px 5px rgba(0,0,0,0.08);}
.media-list>ul li:hover .sub-thumb span{opacity:1;transform:scale(1)}

.culture-pic .pic-list{overflow:hidden;padding-top:4.1666667%}
.culture-pic .pic-list ul{margin-left:-18px;}
.culture-pic .pic-list li{padding-left:18px;padding-bottom:30px;cursor:pointer}
.culture-pic .pic-list li>div:hover,.photo-list>ul li .sub-thumb i:hover{border-color:#DDD;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);-moz-box-shadow:0 2px 10px rgba(0,0, 0, 0.2);-webkit-box-shadow:0 2px 10px rgba(0,0, 0, 0.2);box-shadow:0 2px 10px rgba(0,0, 0, 0.2);}
.to-see-more{margin-top:17px;display:inline-block;padding:11px 108px;border:1px solid #e4e4e4;border-radius:2px;background:#fff;font-size:18px;color:#333;}
.to-see-more:hover{color:#666;}
.media-list+div .to-see-more{margin-top:30px;}

.album-tabs{margin-left: -50px;font-size: 0;color: #666;display: flex;flex-wrap:wrap;margin-top: 40px;font-weight: 400;}
.album-tabs>div{width: 20%;font-size: 16px;padding-left: 50px;margin: 20px 0 10px;height: 48px;}
.album-tabs>div.active>a{background-color: #ED6E34;color: #FFFFFF;border: 1px solid #ED6E34;}
.album-tabs>div>a{color:#666;border: 1px solid #CECECE;display: inline-block;width: 100%;border-radius: 2px;height: 100%;line-height: 48px;text-align: center;cursor: pointer;}
.need-center{justify-content: center;}


/*公司动态*/
.list-thumb-txt{padding-top:20px;}
.list-thumb-txt li{position:relative;margin:0 6.667%;padding:40px 0;height:220px;border-bottom:1px solid #eee;}
.list-thumb-txt .list-thumb{position:absolute;}
.company-dynamics .list-thumb a{display:block;width:140px;height:140px;}
.company-dynamics .list-txt{padding-left:160px;line-height:20px;}
.company-dynamics .list-txt .title{margin-top:15px;font-size:20px;color:#333;font-weight:600}
.company-dynamics .list-txt .title:hover{color:#F7662D;}
.company-dynamics .list-txt .time{margin-top:18px;font-size:12px;color:#999;}
.company-dynamics .list-txt .desc{margin-top:28px;color:#666;height:40px;}
/*加入我们*/
.list-employ>li{margin:0 3.333%;padding:60px 0;border-bottom:1px solid #eee;}
.list-employ>li a{display:block;}
.list-employ>li:hover .title{color:#F7662D;}
.list-employ .title,.ways-connect .sub-title{color:#333;font-size:20px;font-weight:700}
.list-employ dl{padding-top:3.572%;line-height:22px;}
.list-employ dt{width:9%;color:#333;font-weight:600}
.list-employ dd{width:91%;color:#666;}
.list-employ dd p+p{padding-top:10px;}
/*内容页：文章，招聘，视频*/
.page-cnt .page-cnt-bd{padding-top:5%;padding-bottom:4.5%}
.page-cnt .page-cnt-bd>div{padding:0 8.25%;}
.page-cnt .page-cnt-bd .title{font-size:26px;color:#333;font-weight:bold;line-height:1;}
.page-cnt .page-cnt-bd .time{margin-top:7px;color:#999;line-height:36px;}
.page-cnt .page-cnt-bd .cnt,.page-cnt .employ-info,.video-cnt .sub-item{font-size:16px;color:#666;}
.page-cnt .page-cnt-bd .cnt{padding-top:2%;line-height:36px;}
.page-cnt .page-cnt-bd .cnt img{margin:25px auto;display:block;max-width:90%;}

.page-cnt .employ-info .salary,.page-cnt .employ-info .region{padding-top:20px;line-height:1;}
.page-cnt .employ-info .salary b{color:#F7662D;font-size:24px;}

.video-cnt .title{padding:20px 0;font-size:24px;color:#fff;line-height:1;}
.video-cnt .video-desc{padding-top:5%;padding-bottom:7.5%}
.video-cnt .sub-title{font-size:24px;line-height:1;}
.video-cnt .sub-item{padding-top:12px;line-height:30px;}
/*404*/
.page-error img{padding-top:10%;margin:0 auto;display:block;width:904px}
.page-error p{padding-top:4%;font-size:16px;color:#999;}
.page-error a{margin-top:20px;display:inline-block;padding:7px 27px;border:1px solid #F7662D;font-size:16px;background:#F7662D;color:#fff}
.page-error a+a{margin-left:32px;color:#F7662D;background:#fff}

/*20200706 modify*/
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:block;clear:both;}
/*footer*/
.page-footer{background:#111;}
.footer-bd{padding:2.584% 0}
.footer-bd .f-connect{margin-bottom:3px;color:#999;font-size:12px}
.footer-bd .f-connect>p{margin-bottom:2px}
.footer-bd .copyright,.footer-bd .copyright a{font-size:12px;color:#444}
.footer-bd .copyright a:hover{color:#fff}
/*企业文化*/
.enterprise-culture .headline{padding-top:40px;padding-bottom:25px}
.culture-panel{padding:4.5% 0}
.culture-panel .c-img,.culture-panel .c-intro{position:relative;width:50%}
.culture-panel img{width:86.667%;max-width:520px;height:auto}
.culture-panel .title{font-size:20px;line-height:40px;font-weight:bold}
.culture-panel .desc{line-height:30px;}
.culture-panel .title+.desc{padding-top:18px;}
.culture-panel .c-intro{padding-left:20px;padding-right:40px}
.culture-panel .c-intro.col-pull-6{padding-left:40px;padding-right:20px}
/*业务体系*/
.business-introduce .headline{padding-top:8.33335%}
.business-introduce .sub-thumb{position:relative;width:54px;}
.business-introduce ul,.datebook-box{padding-top:6.5%}
.business-introduce li{padding:20px;width:20%}
.business-introduce li img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray Alpha(opacity=50);opacity:.5;}
.business-introduce li:hover img{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;opacity:1;}
.business-introduce li a{color:#999;}
.business-introduce li:hover a{color:#333;}
.business-introduce li .sub-title{margin:30px 0 20px;font-size:16px;text-align:center;height:44px;font-weight:600}
.business-introduce li .sub-item{text-align:justify}
/*联系我们*/
.ways-connect .sub-title{margin-top:4%;margin-bottom:4.5%;}
.ways-connect .sub-item{line-height:24px}
.ways-connect li{float:left;margin-top:8.5%;width:400px}@media(max-width:1240px){.ways-connect li{width:300px}}
.ways-connect ul{display:inline-block;max-width:1200px;}@media(max-width:1240px){.ways-connect ul{max-width:900px;}}
/*古筝产业链*/
.page-cnt .page-body{min-height:851px;min-height:calc( 100vh - 118px)}
.gz-industrial-chain h2{font-size:28px;font-weight:bold;color:#333;}
.gz-industrial-chain{padding-top:70px;padding-bottom:70px;}
.gz-industrial-chain .list li{padding-top:50px;padding-bottom:50px;border-bottom:1px solid #EEE;min-height:200px}
.gz-industrial-chain .list .inner{width:624px;position:relative}
.gz-industrial-chain .list-thumb{display:block;padding:14px;width:200px;height:200px;border:1px solid #E5E5E5;border-radius:4px;text-align:center;position:relative}
.gz-industrial-chain .img-box{display:inline-block;}
.gz-industrial-chain .img-box>span{display:table-cell;vertical-align:middle;height:140px;}
.gz-industrial-chain img{max-width:140px;max-height:140px;}
.gz-industrial-chain .img-tip{position:absolute;bottom:0;left:0;display:block;width:100%;font-size:12px;color:#666;line-height:30px;border-top:1px solid #E5E5E5;border-radius:0 0 4px 4px;}
.gz-industrial-chain .no-link .list-thumb{padding-top:29px}
.gz-industrial-chain .list-txt{display:block;padding-left:20px;padding-right:60px;width:424px;font-size:16px;color:#333;line-height:24px;}