@charset "utf-8"; @font-face { font-family: "DINCOND-BLACKALTERNATE"; src: url("DINCOND-BLACKALTERNATE.woff2") format("woff2"), url("DINCOND-BLACKALTERNATE.woff") format("woff"), url("DINCOND-BLACKALTERNATE.ttf") format("truetype"), url("DINCOND-BLACKALTERNATE.eot") format("embedded-opentype"), url("DINCOND-BLACKALTERNATE.svg") format("svg"); } @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; } caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;} html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;} body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; } table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;} table{border-collapse:collapse;margin:0 auto!important;} img { border: 0; } input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; } input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;} input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; } textarea { -webkit-appearance: none; border-radius: 0; outline: none;} ::-moz-selection { background: #d7949b; color: #fff; text-shadow: none; } ::selection { background: #d7949b; color: #fff; text-shadow: none; } select{ outline: none;} select::-ms-expand { display: none; } a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: none; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .header a:link, .header a:visited { color: #666;} .header a.active,.header a:hover { color: #c6000f;} body{overflow: hidden !important;} .header{ position: fixed; z-index: 1419; width: 100%; left: 0; top: 0; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);} .logo{ display: block; position: absolute; top: 13px; left: 3%;} .logo a{ display: block; height:57px; padding: 11px 0px;} .logo .img{ height: 100%; display: block;} .nav{ font-size: 16px; display: block;height: 80px;font-weight: bold;float:right;margin-right: 25px;} .nav dd{ float: left; display: block; position: relative;} .nav a{ position: relative; height: 80px; line-height: 80px; padding: 0px 10px; display: block; z-index: 1;} .logo-box{height:80px;float: left;margin-left: 3%;} .logo-left{margin-top: 20px;padding-right: 15px;} .logo-left h1{font-size: 26px;font-weight: 100;line-height: 1;} .logo-left p{font-size: 12px;} .logo-left,.logo-right{float: left;} .logo-right{margin-top: 22px;padding-left: 15px;border-left: solid 1px #dfdfdf;} .logo-right p{font-size: 18px;line-height: 1.2;font-weight: 100;} .logo-right h2{font-size:18px;line-height: 1.2;font-weight: 100;letter-spacing: 7px;} /* .nav dd>a:before { content: ""; width: 100%; height: 3px; background-color: #c6000f; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; } .nav dd>a.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;} .nav dd>a:after{content:" ";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #c6000f;position: absolute;bottom: 3px;left: 50%;margin-left: -5px; transition: 0.4s; opacity: 0; visibility: hidden\9;} .nav dd>a.active:after{ opacity: 1; visibility: visible\9;}*/ .nav>dd{position: relative;} .nav>dd:hover .drop-down{top:80px;opacity: 1;visibility: visible; transition: 0.44s;} .drop-down li a:hover{background-color: #ff0c00;} .drop-down{position: absolute;top: 100px;left: 50%;opacity: 0; visibility: hidden;transition: 0.3s;background-color: #c6000f;margin-left: -70px;width: 140px;} .header .drop-down li a{height:38px;line-height: 38px;text-align: center;color: #fff;font-size: 14px;font-weight: 100;} .header .drop-down{padding: 10px 0 10px 0;} .header .drop-down:before{content:" ";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 9px solid #c6000f;position: absolute;top: -9px;left: 50%;margin-left: -6px;transition: 0.4s;} .top .nav a.active{ color: #ca884c;} .imgw{ width: 100%; display: block;} .tico{width: 60px; height: 16px; position: absolute; right: 3%; top: 35px;} .tico a{margin-right: 10px;} .tico .tico-fx{float: right;margin-top: -4px} .mh{ height: 80px;} /*清除浮动*/ .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1;} .vwrap { display: none; z-index: 1040; width: 100%; position: fixed; } .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } .vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; } .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; } #videobox_wrapper { height: 100%!important; } .vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px; background-color: #183883;} .vwrap .close i { display: block; width: 32px; height: 32px; background: url(../images/click_gb.png) no-repeat scroll center center #FFFFFF; text-align: center;color: #fff;-webkit-transition: 400ms; transition: 400ms;} .vwrap .close:hover i { background-color: #F1F1F1; } #videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; } .jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } .jwdisplayIcon{ background: none no-repeat!important;} /*slick样式*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /*手机导航*/ .navMask{background-color:rgba(0,0,0,.6);position: fixed; left:0; top:0;width: 100%;height: 100%; display: none;z-index: 1410;} .responsiveNav{ display: none;} .responsiveNavBtn{width: 85px;height: 80px;cursor: pointer;position: fixed;right: 0;top: 0;transition: all .8s;z-index: 1420;display: none;} .responsiveNavBtn p{width: 32px;height: 4px;background-color: #C6000F;margin-bottom: 6px;transition: all .4s;margin-left: 25px;} .responsiveNavBtn p.active{background-color: #294149;} .responsiveBox{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; height:100vh; z-index: 1415; background-color: #C6000F; overflow-x:hidden; overflow-y:auto; transition: all .8s;-webkit-transition: all .8s;-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch;} .NavBtnTop{margin-top: 28px;} .responsive-ul{margin: 80px 0;} .responsive-ul li ol{display: none;} .responsive-style .responsive-ol li{width: 100%;height: 45px;background-color: #C6000F;font-size: 16px;line-height: 45px;color: #666;} .responsive-style .responsive-ol li a {color: #fff;} .responsive-ul >li.selected{background: #cfa354; color:#fff;} .responsive-ul >li.selected >a{ color: #fff;} .responsive-style{width: 100%;} .responsive-font{font-size: 20px;line-height: 60px;width: 100%;display: block;color: #fff !important;} .responsive-style{width: 100%;text-align: center;position: relative;} .responsive-ul a:link, .responsive-ul a:visited { color: #434343;} .responsive-ul a:active,.responsive-ul a:hover { color: #fff;} .responsive-jh{width: 60px;height: 60px;position: absolute;top: 0;right: 10px;} .responsive-jh p{background-color: #c5c5c5;} .responsive-h{width: 27px;height: 2px;position: absolute;top: 30px;right: 20px;} .responsive-s{height: 27px;width: 2px;position: absolute;top: 17px;right: 33px;transform: rotate(0deg);transition: 0.36s;} /*index*/ .index-head{position: relative;} .index-time-box{position: absolute;top: 50%;right: 10px;width: 150px;height: 85px;background: url(../images/white_80.png) repeat; background: none rgba(255,255,255,0.8);margin-top: -45px;} .index-time-box p{color: #C6000F;font-size: 28px;text-align: center;line-height: 1.4;margin-top: 15px;} .index-time-box span{text-align: center;display: block;line-height: 1.2;} .banner-body img{ position: relative; transform: scale(1.1);width: 100%;display: block;} .banner-body.slick-current img{transform: scale(1);transition: 1.3s;} .banner-body{position: relative;} .banner-body article{position: absolute;top: 50%;left: 360px;margin-top: -113px;} .banner-body article p{font-size: 40px;color: #fff;opacity: 0;visibility: hidden;margin-top: 100px;} .banner-body article span{font-size: 48px;color: #fff;line-height: 1; font-family:"DINCOND-BLACKALTERNATE";margin-top: 100px;opacity: 0;visibility: hidden;} .banner-body article a{display: block;color: #fff;background-color: #C6000F;border-radius: 50px;width: 150px;height: 50px;line-height: 50px;text-align: center;margin-top: 55px;margin-top: 150px;opacity: 0;visibility: hidden;} .banner-body article p{margin-top: 0; opacity: 0;visibility: hidden;transform: translateY(40px); -webkit- transform: translateY(40px);} .banner-body article span{ display: block; margin-top: 0; opacity: 0;visibility: hidden;transform: translateY(60px); -webkit- transform: translateY(60px);} .banner-body article a{ transition: 0s;opacity: 0;visibility: hidden;margin-top: 100px;transform: translateY(80px); -webkit- transform: translateY(80px);} .banner-body.slick-current article p{opacity: 1; visibility: visible; transform: translateY(0); transition: 0.5s 0.3s;} .banner-body.slick-current article span{opacity: 1; visibility: visible; transform: translateY(0); transition: 0.6s 0.4s;} .banner-body.slick-current article a{opacity: 1; visibility: visible; transform: translateY(0); transition: 0.7s 0.5s;} .banner-box{position: relative;} .banner-box .slick-dots{position: absolute;bottom: 175px;left: 360px;width: 200px;} .banner-box .slick-dots li{float: left; width: 5px;height: 15px; margin-right: 12px; text-indent: 9999px; position: relative; } .banner-box .slick-dots li a{width: 5px; height: 5px; position: absolute; left: 0; bottom: 0;background-color: #fff;display: block;} .banner-box .slick-dots li.slick-active a{padding-bottom: 11px;} .banner-bottmo-box{width:100%;height: 144px;background: url(../images/block_50.png) repeat; background: none rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;} .banner-bottmo-body{width: 1200px;margin: 0 auto;} .banner-bottmo-img{float: left;position: relative;} .banner-bottmo-img img{width: 100%;display: block;} .bottmo-img-mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/red_70.png) repeat; background: none rgba(198,0,15,0.7);opacity: 0;visibility: hidden;transition: 0.4s;} .banner-bottmo-img:hover .bottmo-img-mask{opacity: 1;visibility: visible;transition: 0.6s;} .banner-bottmo-img article{width: 110px;position: absolute;top: 50%;left: 50%;margin-top: -19px;margin-left: -55px;} .banner-bottmo-img article img{float: left;display: block;width: 38px;} .banner-bottmo-img article p{float: right;font-size: 16px;color: #fff;line-height: 38px;} .banner-bottmo-img .article-img img{width: 27px;margin-left: 10px;} .banner-bottmo-none{display: none;} .banner-video{position: absolute;top: 50%;right: 10px;margin-top: -44px;} .banner-video img{ vertical-align: middle;} /*首页新闻头部*/ .index-news-head{border: solid 1px #f1f1f1;} .index-news-tz{width: 100px;padding:10px 0px 10px 25px;float: left;} .index-news-tz img,.index-news-tz p{float: left;} .index-news-tz img{margin-top: 6px;margin-right: 5px;} .index-news-tz p{font-size: 16px;color: #C6000F;} .index-news-ul li{width: 500px;float: left;background-color: #fff;} .index-news-ul{float: left; width: 70%;} .index-news-box{width: 47%;position: relative;float: left;border-right: solid 2px #f1f1f1;margin-left: 32px;} .index-news-li span{float: left;font-size: 12px;display: block;color: #cccccc;line-height: 48px;} .index-news-li p{float: left;color: #999999;line-height: 48px;margin-left: 10px;width: 48%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .index-news-li .index-news-li-new{width: 43px;height: 20px;font-size: 12px;border-radius: 30px;background-color: #C6000F;color:#fff;margin-top: -10px;text-align: center;line-height: 1.7;position: absolute;top: 50%;right: 35%;} .index-news-head-right{margin-top: 10px; float: left;} .index-news-head-right img{display: block;float: left;margin: 5px 20px 0 20px;} .index-news-head-right input{border: 0;padding: 5px 0;font-size: 14px;} .index-news-head-right input::-webkit-input-placeholder{color: #ccc;} /*end*/ /*首页新闻内容*/ .index-news-body{background: url(../images/index_news_bgimg.jpg) no-repeat center center;} .index-bodybox{width: 1200px;padding: 75px 0 75px 0;margin: 0 auto;} .index-news-modular-left{float: left;width: 49.5%;} .index-news-modular-right{float: right;width: 49.5%;} .modular-tab{background-color: #fff;} .modular-tab-head{border-bottom: solid 1px #f1f1f1;} .modular-tab-head a{font-size: 18px;color: #333;padding: 10px 0 10px;margin-left: 40px;display: block;float: left;position: relative;} .modular-tab-head a:before{content: "";width: 120%;height: 3px;position: absolute;bottom:-2px;background-color: #C6000F;margin-left: -10%;opacity: 0;visibility: hidden;transition: 0.6s;} .modular-tab-head a.active{ font-weight:bold; color:#C6000F;} .modular-tab-head a.active:before{opacity: 1;visibility: visible;} .modular-body-ul{padding: 25px 0 35px 0;} .modular-body-li{margin-top: 10px;margin-left: 40px;width: 65%;} .modular-body-li:first-child p{ color:#C6000F} .modular-body-li:hover p{color: #C6000F;} .modular-body-li:hover span{color: #C6000F;} .modular-body-li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#999;} .modular-body-li span{padding-right: 20px;color:#ccc;} .modular-possy{padding: 10px 0 10px 0;position: relative;} .modular-possy h3,.modular-hotspot h3{font-weight: 100;color: #fff;position: absolute;top: 30px;left: 40px;font-size: 18px;z-index: 10;} .possy-li{position: relative;} .possy-li img{width: 100%;display: block;} .possy-li-mask{ background: url(../images/block_50.png) repeat; background: none rgba(0,0,0,.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .possy-li figure{width: 62%; display: block; color: #fff;position: absolute;bottom: 35px;left: 40px;z-index: 20;/*font-weight: bold;*/} .possy-li figure article{font-size: 20px;line-height: 1.2;margin-top: 10px;} .possy-ul .slick-next{width: 50px;height: 50px;border-radius: 50%;display: block;position: absolute;bottom: 35px;right: 35px;background: #C6000F url(../images/index_news_jt.png) no-repeat center center;border: 0;} .modular-hotspot{position: relative;} .hotspot-ul .slick-dots{position: absolute;bottom: 35px;right: 35px;} .hotspot-ul .slick-dots li{text-indent: 9999px;float: left;margin-right: 15px;} .hotspot-ul .slick-dots li a{width: 8px;height: 8px;background-color: #fff;display: block;border-radius: 50%;} .hotspot-ul .slick-dots li.slick-active a{background-color: #C6000F;} .modular-party{padding: 10px 0 10px 0;} .modular-party-left{width: 40%;background-color: #fff;float: left;padding: 5% 5% 3.8% 5%;transition: 0.4s;position: relative;} .modular-party-left:hover{background-color: #C6000F;} .modular-party-left:hover h3{color: #fff;} .modular-party-left:hover figure{color: #fff;} .modular-party-left:hover p{color: #e9838a;} .party-left-jt{position: absolute;bottom: 38px;right: 65px;transition: 0.4s;} .modular-party-left:hover .party-left-jt{right: 35px;} .modular-party-left h3{font-weight: 100;color: #999;} .modular-party-left p{padding-top: 31.5%;color: #999;} .modular-party-left figure{font-size: 16px;color:#666;line-height:1.5; height:70px; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .modular-party-left img{margin-right: 5px;} .modular-party-right{width: 50%;background-color: #fff;float: right;height: 100%;} .modular-bottom-img img{width: 100%;display: block;} .modular-body .slick-prev{width: 53px;height: 53px;border-left: solid 1px #f1f1f1;} .modular-body .slick-next{width: 53px;height: 53px;border-left: solid 1px #f1f1f1;} .modular-body .slick-prev{position: absolute;top: -53px;right: 54px;z-index: 100;background: url(../images/modular_body_left.png) no-repeat center center;} .modular-body .slick-prev:hover{background: url(../images/modular_body_left1.png) no-repeat center center;} .modular-body .slick-next{position: absolute;top: -53px;right: 0;background: url(../images/modular_body_right.png) no-repeat center center;} .modular-body .slick-next:hover{background: url(../images/modular_body_right1.png) no-repeat center center;} .index-culture{background: url(../images/culture_bgimg.jpg) no-repeat center center;} .index-culture-body{padding: 120px 0 0 0;} .index-culture-body h2{text-align: center;font-size: 40px;color: #fff;font-weight: 100;line-height: 1.2;} .index-culture-body>p{text-align: center;color: #fff;font-size: 30px;font-family:"DINCOND-BLACKALTERNATE";} .index-culture-ul{width: 1200px;margin: 0 auto;padding: 75px 0 180px 0;} .index-culture-ul li{width: 28%;float: left;margin-left: 5%;box-shadow: rgba(0,0,0,.33) 0px 0px 18px;position: relative;} .index-culture-ul li:hover .culture-body-box{bottom: -120px;} .index-culture-ul li:hover .culture-body-box p{color: #fff;} .index-culture-ul li:hover .culture-body-box span{color: #fff;} .index-culture-ul li:hover .culture-body-box{background: url(../images/index_news_bgimg1.jpg) no-repeat center center;} .index-culture-ul li:hover .culture-body-box div{background: url(../images/culture_left_bg.png) no-repeat center center;} .index-culture-ul li:first-child{margin-left: 3%;} .culture-body-box{ background: url(../img/culture_img_bg.jpg) no-repeat center center;padding: 5% 8% 5% 8%; box-sizing:border-box; width:100%; position: absolute;bottom: -80px;left: 0;transition: 0.5s;} .culture-body-box span{margin-top: 25px;display: block;transition: 0.4s;color: #999;} .culture-body-box p{color: #666; height:50px; font-size: 18px;line-height: 1.4;transition: 0.4s; overflow: hidden;} .culture-body-box div{width: 30px;height: 30px;border: solid 1px #ccc;border-radius: 50%;background: url(../images/culture_left_bg1.png) no-repeat center center;position: absolute;bottom: 15px;right: 30px;} /*.culture-img{height: 180px;overflow: hidden;}*/ .culture-img img{width: 100%;display: block;} .culture-btn{text-align: center;line-height: 50px;padding-bottom: 110px;} .culture-btn a{color: #fff;width: 180px;height: 50px;display: block;background-color: #C6000F;border-radius: 30px;margin: 0 auto;transition: 0.36s;} .culture-btn a:hover{background-color: #ff0000;} .index-bottom{background: url(../images/index_bottom_bg.jpg) no-repeat center center;} .index-bottom-ul{padding: 120px 0 120px;width: 1200px;margin: 0 auto;} .index-bottom-ul li{float: left;margin-left: 8%;width: 12%;padding:35px 0 35px;position: relative;} .index-bottom-ul li:first-child{margin-left: 5%;} .bottom-bgimg{position: absolute;top: 0;left: 0;z-index: 0;transform: scale(0.3);opacity: 0;visibility: hidden;transition: 0.4s;} .index-bottom-ul li:hover .bottom-bgimg{transform: scale(1);opacity: 1;visibility: visible;} .index-bottom-ul li p{font-size: 16px;text-align: center;color: #fff;margin-top: 5px;} .bottom-li-img{z-index: 10;position: absolute;top: 50%;left: 50%;margin-left: -40px;} .bottom-li-img img{display: block;margin: 0 auto;} .foot{background-color: #333;} .foot-box{background-color: #C6000F;padding-top: 45px;} .foot-body{width: 1200px;margin: 0 auto;border-bottom: solid 1px #de6e76;} .foot-bottom{padding: 30px 0 30px;} .foot-left{float: left;width: 60%;border-bottom: solid 1px #8d000b;} .foot-left-logo img{float: left;} .foot-left-logo p{font-size: 30px;color: #fff;float: left;line-height: 1.2;margin-left: 10px;} .foot-left-num{padding: 30px 0 30px;} .foot-left-num-li{float: left;margin-right: 20px;} .foot-left-num-li img{float: left;} .foot-left-num-li p{float: left;color: #fff;line-height: 1;margin-left: 8px;} .foot-left-num-yx img{margin-top: 2px;} .foot-font{padding: 20px 0 20px;width: 1200px;margin: 0 auto;} .foot-font p,.foot-font a{color: #fff;} .foot-right{float: left;width: 34%;border-bottom: solid 1px #8d000b;padding: 50px 0 20px 6%;} .foot-right li{width: 114px;height: 36px;border: solid 2px #fff;text-align: center;line-height: 36px;border-radius: 30px;float: left;margin-left: 18px;background-color: #fff;transition: 0.4s;} .foot-right li:hover{background-color: #C6000F;} .foot-right li:hover p{color: #fff;} .foot-right li:hover a{color: #fff;} .foot-right li a{color: #999;} .foot-lj-box{width: 1200px;margin: 0 auto;} /*友情链接*/ .foot-lj-box div:first-child{margin-left: 0;} .BottomNavRight{width: 280px;position: relative;float: left;margin-left: 25px;} .BottomNavRight span{ display: block; padding-left: 20px; height: 45px; line-height: 45px; color: #fff; font-size: 14px; position: relative; cursor: pointer;background-color: #545454;} .BottomNavRight span.on:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);} .BottomNavRight span:before{content:"";width:0;height:0;border-left:6px solid transparent;border-right: 6px solid transparent;border-top: 5px solid #fff;position:absolute;right: 29px;top:50%;margin-top: -1px;transition: 0.36s;} .friends{ width: 100%; display: none; position: absolute; max-height:184px; overflow-y:auto; left: 0; bottom: 45px; background: #777777;} .friends li{ border-bottom: 1px solid #bcbcbc;} .friends li a{ display: inline-block; margin-left: 20px; color: #ffffff; font-size: 14px; line-height: 45px;} /*友情链接end*/ /*内页公共样式*/ .public-bttom-body .public-bgcolor{width: 15%;margin: 0 auto;} .public-bttom-body li:hover{background-color: #FF0C00;} .public-bttom-body .public-bgcolor1{width: 10.5%;margin: 0 auto;} .public-bttom-body .public-bgcolor2{width: 16%;margin: 0 auto;} .public-bttom-body .public-bgcolor3{width: 11.7%;margin: 0 auto;} .public-banner{position: relative;overflow: hidden;line-height: 1;} .public-banner img{width: 100%;display: block;} .banner-public{position: relative;} .public-banner-body{position: absolute;top: 50%;left: 50%;width: 200px;margin-left: -100px;margin-top: -40px;} .public-banner-body h1{font-size: 40px;text-align: center;color: #fff;font-family:"DINCOND-BLACKALTERNATE";font-weight: 100;line-height: 1.2;text-transform: Uppercase;} .public-banner-bottom{background: url(../images/red_80.png) repeat; background: none rgba(229,1,18,.8);position: absolute;bottom: 0;left: 0;width: 100%;} .public-bttom-body{width: 1200px;margin: 0 auto;} .public-bttom-body li{text-align: center;width: 20%;font-size: 16px;color: #fff;float: left;position: relative;padding-top: 35px;transition: 0.36s;} .public-bttom-body li a{ display: block; color: #fff;} .public-bttom-body>li:after{content: " "; width: 1px; height: 17px;background: #d2505a;position: absolute;bottom: 17px;left: 0px;} .public-bttom-body li:first-child:after{opacity: 0;} .public-bttom-body li p{padding: 20px 0 20px 0;line-height: 1;} .public-bttom-body li span{font-size: 35px;display: block;line-height: 1;} .public-size{width: 1200px;margin: 0 auto;} /*.publicNavigation{width: 100%;background-color: #fff;}*/ .publicNavigationBox{width: 720px;margin: 0 auto;} .publicNavigationBox li{float: left;width: 33.3%;height: 55px;position: relative;} .publicNavigationBox li a{display: block;color: #999;position: relative;text-align: center;line-height: 55px;} .publicNavigationBox li a:after{content: " ";width: 1px;height: 17px;background-color: #f0f0f0;position: absolute;top: 20px;left: 0;} .publicNavigationBox li:first-child a:after{display: none;} .publicNavigationBox li:before{ content: ""; width: 100%; height: 5px; background: #C6000F; position: absolute; left: 0; bottom: 0px; transform: scaleX(0); transform-origin: 100%; transition:transform 0.45s;} .publicNavigationBox li:hover:before,.publicNavigationBox li.active:before{ transform: scaleX(1); transform-origin:0;} .publicBodyBox{padding: 90px 0;} .public-paging{padding-bottom: 90px;position: relative;} /*end*/ /*about*/ .about-abstract{background: url(../images/about_gsjj_bg.jpg) no-repeat center center;position: relative;} .about-abstract-mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/block_50.png) repeat; background: none rgba(0,0,0,.5);display: none;} .about-abstract-box{padding: 175px 0 200px 0;position: relative;width: 1200px;margin: 0 auto;} .about-abstract-left{background: url(../images/about_gsjj_bg_left.jpg) no-repeat center center #fff;width: 47.7%;position: absolute;top: 50%;left: 0;margin-top: -205px;box-shadow: rgba(0,0,0,.33) 0px 0px 18px;} .abstract-left-body{padding: 11% 11% 8.4% 11%;border-top: solid 5px #C6000F;} .abstract-left-body h2{font-size: 28px;font-weight: 100;color: #333; line-height: 1.5; margin-bottom: 10px;} .abstract-left-body p{font-size: 16px;color: #666;padding-bottom: 60px;} .abstract-left-body a{width: 150px;height: 50px;display: block;border-radius: 30px;background-color: #C6000F;text-align: center;line-height: 50px;color: #fff;} .about-abstract-right{width: 70.3%;float: right;box-shadow: rgba(0,0,0,.33) 0px 0px 18px;} .about-abstract-right img{display: block;width: 100%;} .abstract-mask-body{width: 1200px;height: 480px;padding: 50px 0 70px;background-color: #fff;position: absolute;top: 50%;left: 50%;margin-left: -600px;margin-top: -300px;} .abstract-mask-body a{position: absolute;top: 15px;right: 20px;color: #999999;} .mask-body-box{padding: 0 10% 0 10%;} .mask-body-box h1{text-align: center;font-size: 30px;color: #333;padding-bottom: 20px;} .mask-font p{font-size: 16px;color: #666;} .mask-font{overflow-y: auto;height: 430px;} .about-leader{padding: 140px 0 140px;} .public-body-head{margin: 0 auto;width: 200px;} .public-body-head h2{text-align: center;font-size: 40px;color: #fff;font-weight: 100;} .public-body-head p{text-transform: Uppercase;font-family:"DINCOND-BLACKALTERNATE";text-align: center;color: #fff;font-size: 30px;line-height: 1;} .about-leader{background: url(../images/about_ld_bg.jpg) no-repeat center center;} .about-leader-body{padding-top: 60px;width: 1270px;position: relative;} .about-leader-box{margin-left: 35px; margin-right: 35px;background: url(../images/about_ld_bg_body.jpg) no-repeat center center;background-size: cover; box-shadow: rgba(0,0,0,.57) 0px 0px 20px;position: relative;} .about-leader .slick-arrow{width: 50px;height: 50px;border-radius: 50%;border: solid 1px #ccc;display: block;} .about-leader .slick-prev{background: url(../images/modular_body_left.png) no-repeat center center;position: absolute;bottom: -70px;left: 5%;z-index: 200;} .about-leader .slick-next{background: url(../images/modular_body_right.png) no-repeat center center;position: absolute;bottom: -70px;right: 5%;z-index: 200;} .about-leader .about-leader-body{position: relative;} .ld-img-box{ position: relative; overflow: hidden;margin: 0 auto;} .ld-img-box img{ width: 100%; display: block;} .ld-img-box:before{ content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0; background:url(../images/yy.png) repeat-x scroll left bottom; z-index: 1;} .about-leader-box .txt{ position: absolute; left: 5%; bottom: 5%; right: 5%; color: #fff; text-align: center; z-index: 2;} .about-leader-box .name{ font-size: 28px; line-height: 1.5; font-weight: normal;} .about-leader-box .type{ font-size: 16px;} .ld-img-body{margin-top: 30px;text-align: center;} .ld-img-body h3{font-size: 30px;color: #333;} .ld-img-body p{font-size: 16px;} .ld-img-body span{width: 20px;height: 2px;display: block;background-color: #cccccc;margin: 0 auto;margin-top: 10px;} .ld-img-body a{display: block;} .ld-img-more{width: 103px;height: 34px;background-color: #C6000F;border-radius: 30px;margin: 0 auto;margin-top: 30px;text-align: center;color: #fff;line-height: 34px;} .about-leader-mask{position: absolute;top: 0;left: 0;padding: 0 5%; width:90%;height: 100%;background: url(../images/about_ld_bg_body.jpg) no-repeat center center; background-size: cover; opacity: 0;visibility: hidden; z-index: 3; transition: 0.6s;} .about-leader-body li .about-leader-box:hover .about-leader-mask{opacity: 1;visibility: visible;} .about-leader-mask h3{font-size: 30px;color: #333;text-align: center;padding-top: 30px;} .about-leader-mask p{font-size: 16px;text-align: center;} .about-leader .slick-dots{position: absolute;bottom: -80px;left: 0;width: 100%;text-align: center;} .about-leader .slick-dots li{margin: 0 10px;text-indent: -9999px;width: 10px;height: 10px;border-radius: 50%;background-color: #fff;display: inline-block;} .about-leader .slick-dots li.slick-active{background-color: #C6000F;} .about-business{background: url(../images/about_gsjj_bg.jpg) no-repeat center center;padding: 120px 0 100px;} .about-business-head{padding-bottom: 35px;} .about-business-head h2{color: #c6000f;} .about-business-head p{color: #666;} .about-business-body{} .business-body-top{width: 100%;padding: 15px 0 0 0;} .business-top-img-left{float: left;width: 34.5%;position: relative;} .business-top-img-left img{width: 100%;display: block;} .business-img-hide{position: absolute;top: 0;left: 0;} .business-img-hide{opacity: 0;visibility: hidden;transition: 0.4s;} .business-top-img-left:hover .business-img-hide{opacity: 1;visibility: visible;} .business-top-img-right{float: right;width: 65.5%;} .business-top-img-right li{position: relative;width: 22.9%;margin-left: 2.1%;float: left;} .business-top-img-right li img{width: 100%;display: block;} .business-img-mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.4s;background-color: rgba(0,0,0,.6);} .business-top-img-right li:hover .business-img-mask{background-color: rgba(198,0,15,.3);} .business-img-box{position: absolute;bottom: 30px;left: 0;width: 100%;z-index: 100;} .business-img-box img{width: 20% !important;margin: 0 auto;} .business-img-box p{text-align: center;font-size: 16px;color: #fff;padding-top: 10px;} .about-structure{background: url(../images/about_ld_bg.jpg) no-repeat center center;padding: 90px 0 130px;} .about-abstract-img img{width: 90%;display: block;padding-top: 50px;margin: 0 auto;} .about-honor{background: url(../images/about_gsjj_bg.jpg) no-repeat center center;padding: 145px 0 150px;} .about-honor-head{margin: 0;} .about-honor-size{position: relative;} .slick-jh{position: absolute;top: 32px;right: 0;width: 65px;height: 65px;background: #fff url(../images/honor_jg.png) no-repeat center center;transition: 0.36s;} .slick-jh:hover{background: #C6000F url(../images/honor_jg1.png) no-repeat center center;} .about-honor-head h2{color: #C6000F;text-align: left;} .about-honor-head p{color: #666;text-align: left;} .about-honor-body{margin-left: -4%;margin-top: 60px;position: relative;} .about-honor-body li{width: 33.3%;float: left;} .about-honor-body li .about-honor-img{margin-left: 12%;} .about-honor-img{background: #fff;padding: 5px;} .about-honor-img img{width: 100%;display: block;} .about-honor-body .slick-arrow{width: 65px;height: 65px;background: #fff;display: block;} .about-honor-body .slick-prev{position: absolute;top: -130px;right: 65px;background: #fff url(../images/modular_body_left.png) no-repeat center center;} .about-honor-body .slick-prev:hover{background: #C6000F url(../images/modular_body_left3.png) no-repeat center center;;} .about-honor-body .slick-next{position: absolute;top: -130px;right: 0px;background: #fff url(../images/modular_body_right.png) no-repeat center center;} .about-honor-body .slick-next:hover{background: #C6000F url(../images/modular_body_right3.png) no-repeat center center;} /*news*/ .public-banner-pages{position: relative;} .public-banner-pages img{width: 100%;display: block;} .banner-pages-body{margin-left: -200px;margin-top: -72px;} .banner-pages-body h1{width: 400px;} .newsBodyBox{background: url(../images/news_bgimg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;} .news-body-left{float: left;width: 50%;} .news-body-left img{width: 100%;display: block;} .news-body-right{float: right;width: 40%;padding: 5% 5% 3.1% 5%;position: relative;} .news-ul li{margin-bottom: 35px;background-color: #fff;} .news-body-right span{font-size: 14px;color: #999;margin-bottom: 10px;display: block;transition: 0.36s;position: relative;padding-left: 20px;} .news-body-right span img{position: absolute;top: 5px;left: 0;transition: 0.36s;} .news-right-img-red{opacity: 0;visibility: hidden;} .news-body-right h3{font-size: 24px;color: #666;line-height: 1.2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 100;transition: 0.36s;} .news-body-right b{width: 30px;height: 1px;background: #ccc;display: block;margin: 25px 0 15px;} .news-body-right p{font-size: 14px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #999;} .news-body-right .news-body-a{width: 150px;height: 50px;text-align: center;line-height: 50px;background: #999;border-radius: 30px;color: #fff;display: block;margin-top: 75px;transition: 0.36s;} .news-body-right i{width: 55px;height: 25px;text-align: center;line-height: 25px;color: #fff;border-radius: 0 0 10px 10px;background-color: #C6000F;position: absolute;top: 0;left: 10%;display: block;} .news-ul li:hover .news-body-right h3{color: #C6000F;} .news-ul li:hover .news-body-right .news-body-a{background: #C6000F;} .news-ul li:hover .news-right-img-red{opacity: 1;visibility: visible;} .news-ul li:hover .news-body-right span{color: #C6000F;} .public-paging .public-prev{position: absolute;top: 0;left: 0;width: 20%;height: 65px;text-align: center;line-height: 65px;color: #888;background: #f1f1f1;transition: 0.36s;} .public-paging .public-prev:hover{background: #C6000F;color: #fff;} .public-paging .public-next{position: absolute;top: 0;right: 0;width: 20%;height: 65px;text-align: center;line-height: 65px;color: #888;background: #f1f1f1;transition: 0.36s;} .public-paging .public-next:hover{background: #C6000F;color: #fff;} .public-paging-ul{width: 60%;margin: 0 auto; text-align: center;background-color: #fff;} .public-paging-ul li{width: 16.15%; display: inline-block;} .public-paging-ul li a{ display: block; height: 65px; text-align: center;line-height: 65px;color: #888;background: #fff;transition: 0.36s;} .public-paging-ul li a:hover{background: #C6000F;color: #fff;} .public-paging-ul li a.active{background: #C6000F;color: #fff;} /*Reprint*/ .news-reprint-head{padding-bottom: 75px;} .news-reprint-head li{width: 31.334%;float: left;margin-left: 3%;} .news-reprint-head li:first-child{margin-left: 0;} .news-reprint-head li img{width: 100%;display: block;} .news-reprint-body{background: url(../img/culture_img_bg.jpg) no-repeat center center;padding: 5%;background-size: cover;position: relative;transition: 0.36s;} .news-reprint-body p{font-size: 20px;color: #666;line-height: 1.4; height: 56px; overflow: hidden; transition: 0.36s;} .news-reprint-body span{color: #999;padding-top: 30px;display: block;transition: 0.36s;} .news-reprint-btn{background: url(../images/news_btn.png) no-repeat center center;width: 30px;height: 30px;transition: 0.36s;border: solid 1px #C6000F;border-radius: 50%;position: absolute;bottom: 18px;right: 35px;} .news-reprint-body:hover{background: url(../images/index_news_bgimg1.jpg) no-repeat center center;background-size: cover;} .news-reprint-body:hover p{color: #fff;} .news-reprint-body:hover span{color: #fff;} .news-reprint-body:hover .news-reprint-btn{background: url(../images/news_btn1.png) no-repeat center center;border: solid 1px #fff;} .news-reprint-bottom li{margin-bottom: 26px;} .news-reprint-bottom-body{background: url(../images/news_reprint_li.jpg) no-repeat center bottom; padding: 36px 20% 30px 45px;position: relative;transition: 0.36s;} .news-reprint-bottom-body:hover{background: url(../images/news_reprint_li1.jpg) no-repeat center center;} .news-reprint-bottom-body:hover span{color: #fff;} .news-reprint-bottom-body:hover p{color: #fff;} .news-reprint-bottom-body span{position: relative;margin-left: 20px;color: #999; line-height: 1.5;} .news-reprint-bottom-body span img{position: absolute;top: 3px;left: -20px;} .news-reprint-time{opacity: 0;visibility: hidden;} .news-reprint-bottom-body:hover .news-reprint-time{opacity: 1;visibility: visible;} .news-reprint-bottom-body p{font-size: 20px;color: #666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .news-reprint-bottom-btn{background: url(../images/news_bottm_btn.png) no-repeat center center;width: 30px;height: 30px;transition: 0.36s;border: solid 1px #ccc;border-radius: 50%;position: absolute;bottom: 50px;right: 45px;transition: 0.36s;} .news-reprint-bottom-body:hover .news-reprint-bottom-btn{border: solid 1px #fff;background: url(../images/news_btn1.png) no-repeat center center;} .news-reprint-bottom li{position: relative;} .news-dynamic-new{width: 55px;height: 25px;text-align: center;line-height: 25px;color: #fff;border-radius: 0 0 10px 10px;background-color: #C6000F;position: absolute;top: 1px;left: 45px;transition: 0.36s;} .news-reprint-bottom li:hover .news-dynamic-new{background: #fff;color: #C6000F;} .detailsBodyBox{padding-bottom: 35px;} .news-details-head{line-height: 2.5;} .news-details-head img{margin-right: 10px;} .news-details-head span{color: #C6000F;} .news-details-box{border-top: solid 5px #C6000F;background-color: #fff;} .news-details-body{width: 1000px;margin: 0 auto;} .news-details-body-head{padding: 15px 0 15px;border-bottom: solid 1px #f1f1f1;} .news-details-body-head img{margin-right: 10px;} .news-details-size{width: 1200px;margin: 0 auto;margin-top:-86px;position: relative;} .news-details-title{border-bottom: solid 1px #f1f1f1;width: 1000px;margin: 0 auto;} .news-details-title h3{text-align: center;font-weight: 100;font-size: 24px;line-height: 1.5;padding: 40px 0 40px;} .news-details-content{padding: 30px 0 30px 5%;width: 80%;margin: 0 auto;overflow:hidden;} .news-details-content img{ max-width: 100% !important; width: auto !important; height: auto !important;} .news-details-boxs{padding-top: 35px;} .publicPageTurning{padding: 20px 0 35px;} .PageTurning{width: 20%;height: 65px;text-align: center;line-height: 65px;color: #888;background: #fff;transition: 0.36s;display: block;float: left;} .PageTurning-next{margin-left: 2px;} .PageTurning-return{float: right;} .PageTurning:hover{background-color: #C6000F;color: #fff;} .public-recommend{background-color: #fff;} .public-recommend-head{border-bottom: solid 1px #f1f1f1;padding: 15px 25px 15px 25px;} .public-recommend-head p{float: left;font-size: 16px;} .public-recommend-head a{float: right;font-size: 16px;color: #999;} .public-recommend-head a img{float: left;margin-top: 7px;margin-right: 5px;} .recommend-body{padding: 20px 25px 30px 25px;} .recommend-body li{width: 24.2%;margin-left: 1%;float: left;} .recommend-body li a{ display:block; color:#888;} .recommend-body li:first-child{margin-left: 0;} .recommend-body li img{width: 100%;display: block;} .recommend-body li p{font-size: 16px;line-height: 1.4;padding: 15px 3px 0 3px; height: 58px; overflow: hidden;} .recommend-body li a:hover{ color: #c6000f;} .itemNavigationBox{width: 480px;} .itemNavigationBox li{width: 50%;} .invest-item-ul{width: 1220px; margin: auto;} .invest-item-ul li{width: 33.333%; float: left; margin-bottom: 20px;} .invest-item-ul li a{ display: block; margin: 0 10px; position: relative;} .invest-item-ul li img{width: 100%;display: block;} .invest-item-mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;background-color: rgba(198,0,15,0.75);opacity: 0; visibility: hidden;transition: 0.36s;} .invest-item-ul li a:hover .invest-item-mask{opacity: 1;visibility: visible;} .invest-item-mask-font{font-size: 24px;line-height: 1.2;} .item-mask-box{padding: 65px 30px 70px 30px;} .invest-item-mask-xq{padding-top: 45px;} .geology-box{background: url(../images/item_bgimg.jpg) no-repeat center center;padding: 25px 8%;transition: 0.36s;background-size: cover;} .geology-item-ul li:hover .geology-box{background: url(../images/item_bgimg1.jpg) no-repeat center center;background-size: cover;} .geology-item-ul li:hover .geology-body span{color: #fff;} .geology-item-ul li:hover .geology-body p{color: #fff;} .geology-item-ul li:hover .geology-body{border-bottom: solid 1px #d34953;} .geology-item-ul li:hover .geology-time span{color: #fff;} .geology-item-ul li:hover .geology-time p{color: #fff;} .geology-item-ul .img{ position:relative; overflow:hidden; padding-bottom:60%; background-color:#f1f1f1;} .geology-item-ul .img img{ position:absolute; left:0px; top:0px;} .geology-body span{color: #999;transition: 0.36s;} .geology-body p{color: #666;font-size: 22px; height:60px; overflow:hidden; line-height: 1.4;transition: 0.36s;} .geology-body{padding-bottom: 15px;border-bottom: solid 1px #f1f1f1;transition: 0.36s;} .geology-time{padding-top: 15px;} .geology-time span{color: #999;transition: 0.36s;} .geology-time p{color: #666;transition: 0.36s;} /*parties*/ .partiesNavigationBox{width: 1200px;} .partiesNavigationBox li{width: 12.5%;} /*.parties-body-right{padding: 1.5%;}*/ .parties-head-body{position: relative;} .parties-ul .slick-dots{position: absolute;bottom: 45px;right: 35px;text-align: center;} .parties-ul .slick-dots li{margin-bottom: 0;text-indent: -9999px;display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #999;margin-right: 10px;cursor: pointer;} .parties-ul .slick-dots li.slick-active{background-color: #C6000F;} .parties-body{background-color: #fff;padding: 45px;width: 1110px;margin: 0 auto;margin-bottom: 20px;} .parties-body li{padding: 18px 0;border-top: solid 1px #f1f1f1;position: relative;} .parties-body li:first-child{border-top: 0;} .parties-body li span{margin-right: 40px;font-size: 14px;color: #ccc;transition: 0.36s;} .parties-body li p{font-size: 15px;width: 70%;color: #999;transition: 0.36s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .parties-body li i{position: absolute;top: 17px;right: 0;color: #ccc;transition: 0.36s;} .parties-body li:hover p{color: #C6000F;} .parties-body li:hover i{color: #C6000F;} /*science*/ .science-bttom-body{width: 720px;} .science-bttom-body li{width: 33.333%;} .science-banner-body{margin-left: -250px;width: 500px;margin-top: -48px;} .science-area{background: url(../images/science_bgimg1.jpg) no-repeat center center;} .science-area-box{padding: 140px 0;} .science-left-body{padding: 5% 10% 10% 10%;} .science-left-body h3{font-size: 30px;color: #C6000F;font-weight: 100;line-height: 1;} .science-left-body p{padding-bottom: 0;font-size: 30px;color: #999;text-transform:uppercase;font-family:"DINCOND-BLACKALTERNATE";line-height: 1.2;} .science-left-body ul{margin-top: 35px;} .science-duty{background: url(../images/science_bgimg2.jpg) no-repeat center center;padding: 120px 0 140px;background-size: cover;} .science-duty-ul{padding-top: 65px;} .science-duty-ul li{width: 9.1666%;height: 315px;background: #666;margin-left: 1.25%;float: left;transition: 0.5s;position: relative;} .science-duty-ul li:first-child{margin-left: 0;} .science-text{width: 20px;font-size: 16px;color: #FFFFFF;position: absolute;top: 50%;left: 50%;margin-left: -10px;margin-top: -42px;} #NewColor{width: 58.333%;transition: 0.5s;background: url(../images/science_li_bgimg.jpg) no-repeat center center;overflow: hidden;} .science-block-box{padding: 5% 10%;} .science-block-head{width: 120px;margin: 0 auto;padding: 30px 0;display: none;} .science-block-head img{float: left;display: block;} .science-block-head p{font-size: 24px;color: #666;float: left;margin-top: -12px;margin-left: 10px;transition: 0.36s;} .science-block-body{border-top: solid 1px #ccc;display: none;} .science-block-body p{padding: 5%;font-size: 16px;line-height: 1.5;color: #999;} #NewColor .science-text{display: none;} #NewColor .science-block-head,#NewColor .science-block-body{display: block;} .science-item{background: url(../images/science_bgimg1.jpg) no-repeat center center;} .science-item-head{width: 215px;} .science-item-body{margin-left: -1.5%;} .science-item-body li .science-honor-img{margin-left: 4%;} .science-honor-img{background: url(../images/science_bottom_bgimg.jpg) no-repeat center center;padding: 8%;background-size: cover;transition: 0.36s;} .science-item-body li:hover .science-honor-img{box-shadow: 0 0 10px rgba(27,27,27,0.28);} .science-body-head{padding-bottom: 15px;border-bottom: solid 1px #f1f1f1;} .science-body-head span{color: #999;} .science-body-head h2{font-size: 24px;line-height: 1.3;color: #666;transition: 0.36s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .science-body-middle{padding: 15px 0;border-bottom: solid 1px #f1f1f1;} .science-body-middle span{color: #999;} .science-body-middle p{line-height: 1.2;color: #666;} .science-body-bottom{padding: 15px 0;border-bottom: solid 1px #f1f1f1;} .science-body-bottom p{color: #999;} .science-body-bottom span{color: #666;transition: 0.36s;} .science-body-btn{width: 150px;height: 50px;background-color: #999;color: #fff;text-align: center;line-height: 50px;display: block;border-radius: 30px;margin-top: 40px;transition: 0.36s;} .science-item-body li:hover .science-body-head h2{color: #C6000F;} .science-item-body li:hover .science-body-bottom span{color: #C6000F;} .science-item-body li:hover .science-body-btn{background-color: #C6000F;} /*parties-schoolroom*/ .schoolroomBodyBox{background: url(../images/schoolroom_bg.jpg) repeat-y center center;} .schoolroom-body{margin-left: -2%;} .schoolroom-body li{width: 31.33%;margin-left: 2%;background: url(../images/schoolroom.jpg) no-repeat center center;padding: 45px 0 35px 0;margin-bottom: 20px;float: left;background-size: cover;} .schoolroom-body li:hover span{background-color: #fff;color: #C6000F;} .schoolroom-body li p{color: #fff;font-size: 20px;padding: 0 8%;} .schoolroom-body li span{display: block;margin-top: 60px;margin-left: 25px;width: 85px;height: 28px;line-height: 28px;color: #fff;background-color: #ee7c36;border-radius: 20px;text-align: center;transition: 0.36s;} /*education*/ .education-box div{background-color: #fff;} .education-body-left img{position: relative;z-index: 100;} .education-body-ul{padding: 35px 0;} .education-head{font-size: 30px;color: #C6000F;position: relative;margin-left: 25px;} .modular-body-li{position: relative;} .modular-body-li a div{width: 40px;height: 20px;color: #fff;line-height: 20px;border-radius: 10px;background-color: #C6000F;font-size: 12px;text-align: center;position: absolute;top: 3px;right: -60px;} .education-box .slick-dots{position: absolute;bottom: 0;left: 52.3%;} .education-box .slick-dots li{text-indent: -9999px;float: left;} .education-box .slick-dots li a{display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #cccccc;margin-left: 10px;} .education-box .slick-dots li.slick-active a{background-color: #C6000F;} .education-head:before{content: " ";width: 11px;height: 33px;position: absolute;top: 13px;left: -25px;background-color: #C6000F;} .education-box{padding-bottom: 20px;} .parties-details-head{color: #ccc;} .parties-download{padding-top: 20px;border-top: solid 1px #f1f1f1;margin-top: 20px;} .parties-download a{width: 80px;display: block;} .parties-download img{display: block;float: left;width: auto;} .parties-download span{display: block;float: left;margin-top: -4px;margin-left: 5px;color: #999;} .culture-BodyBox{background: url(../img/culture_bgimg.jpg) repeat-y center center;background-attachment: fixed;} /*mining*/ .schoolroom-body li{box-shadow: 0 0 10px rgba(0,0,0,.15);} .minningBodyBox{background: url(../img/mining_bgimg.jpg) repeat-y center center;} .mining-banner-body{width: 500px;margin-left: -250px;margin-top: -58px;} .minning-body li{background: url(../images/item_bgimg.jpg) no-repeat center center;background-size: cover;} .minning-body li p{color: #666;} .minning-body li span{color: #fff;background-color: #999;} .minning-body li:hover span{background-color: #C6000F;color: #fff;} /*info*/ .info-bottom-body{width: 480px;margin: 0 auto;} .info-bottom-body li{width: 50%;} .infoBodyBox{background: url(../images/info_bgimg.jpg) no-repeat center center;background-size: cover;} .info-body li{padding: 25px 0 25px 0;} .info-body li .info-li-time{font-size: 14px;color: #999;} .info-body li .info-li-body{font-size: 20px;line-height: 1.2; height: 48px; overflow: hidden; transition: 0.36s;} .info-body li:hover .info-li-body{color: #C6000F;} .info-body li .info-li-btn{width: 150px;height: 50px;background-color: #999;line-height: 50px;border-radius: 30px;} .info-head{padding-bottom: 50px;} .info-head p{color: #C6000F;font-size: 40px;line-height: 1.2; text-align: center;} .info-head span{text-align: center;font-family:"DINCOND-BLACKALTERNATE";font-size: 30px;text-transform: uppercase;display: block;} .info-recruit{background: url(../images/cu_bgimg.jpg) no-repeat center center;padding: 80px 0;} .recruit-head{height: 70px;background-color: #999;margin-bottom: 10px;} .recruit-head li{float: left;width: 15%;text-align: center;color: #fff;font-size: 20px;line-height: 70px;} .recruit-head li:first-child{width: 25%;text-align: left;padding-left: 5%;} .recruit-body{height: 70px;background-color: #fff;margin-top: 10px;transition: 0.36s;cursor: pointer;} .recruit-body li{float: left;width: 15%;text-align: center;color: #666;font-size: 16px;line-height: 70px;} .recruit-body li:first-child{width: 25%;text-align: left;padding-left: 5%;} .recruit-bgcolor{background-color: #fff;padding: 5%;display: none;} .recruit-bgcolor-box.active ul{background-color: #C6000F;} .recruit-bgcolor-box.active li{color: #fff;} .recruit-bgcolor-box.active .recruit-body-bg{background: #ccc url(../images/recruit_bg1.png) no-repeat center center;} .recruit-load{width: 240px;height: 60px;text-align: center;line-height: 60px;background-color: #f1f1f1;color: #666;display: block;margin: 0 auto;margin-top: 30px;} .recruit-body .recruit-body-bg{width: 70px;height: 70px;background: #ccc url(../images/recruit_bg.png) no-repeat center center; float: right;} .recruit-top p{color: #fff;} .recruit-top span{color: #fff;} /*map*/ .map{width: 100%;height: 620px;} .BMap_cpyCtrl{display: none;} .anchorBL{display: none;} .map-body-box{background: url(../images/map_bgimg.jpg) no-repeat center center;background-size: cover; padding: 10vh 0;} .map-body{width: 1000px;margin: 0 auto;background: url(../images/map_body_bgimg.jpg) no-repeat center center;border-top: solid 5px #C6000F;position: relative;background-size: cover;} .map-body-head{text-align: center;font-size: 30px;line-height: 1.2;padding: 45px 0;width: 90%;margin: 0 auto;border-bottom: solid 1px #ddd;} .map-body-head p{color: #C6000F;} .map-body-head span{color: #999;font-family:"DINCOND-BLACKALTERNATE";text-transform: uppercase;} .map-ul{width: 85%;margin: 0 auto;padding: 30px 0 30px;} .map-ul li{float: left;width: 33.33%;padding: 20px 0;} .map-li img{float: left;margin-top: 10px;} .map-li div{float: left;margin-left: 10px} .map-li div span{color: #999;line-height: 1.1;} .map-li div p{color: #666;font-size: 14px;line-height: 1.1;} /*search*/ .searchNavigation{background-color: #fff;} .search-body-box{background: url(../images/search_bgimg.jpg) no-repeat center center;} .search-body{background-color: #fff;margin-bottom:30px;} .search-head{padding: 30px 0 20px;position: relative;} .search-head h1{color: #C6000F;font-size: 40px;font-weight: 100;} .search-head-right{position: absolute;top: 50px;right: 0;} .search-head-right input{background-color: #fff;border: none;font-size: 14px;padding: 5.8px 0;width: 240px;float: left;box-shadow: 0 0 10px rgba(0,0,0,.21);} .search-head-right button{padding: 6.5px 25px;background-color: #C6000F;color: #fff;text-align: center;float: left;box-shadow: 0 0 10px rgba(0,0,0,.21);outline: none;border: 0;} .search-head-right p{float: left;margin-left: 25px;color: #999;margin-top: 4px;} .search-body-ul{width: 90%;margin: 0 auto;padding: 40px 0;} .search-body-ul li{color: #999999;font-size: 15px;padding: 15px 0;border-top: solid 1px #f1f1f1;position: relative;} .search-body-ul li i{position: absolute;top: 15px;right: 5%;color: #ccc;} .search-body-ul li p{width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;} .search-body-ul li:first-child{border-top: 0;} .search-body-ul li span{color: #C6000F;} /*选中的头部class样式*/ .lift-nav li{cursor: pointer;} .lift-nav li.current:before{ transform: scaleX(1);transform-origin: 0%;} .lift-nav li:before{ content: ""; width: 100%; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0px; transform: scaleX(0); transform-origin: 100%; transition: transform 0.45s; } /*超过一定高度固定在视窗顶部class*/ .position-fixed{ position: fixed !important; top: 80px; left: 0; bottom: inherit; z-index: 110; /*height: 100px;*/ transition: 0.4s; } .error-box{ width: 100%; height: 100%; display: table; position: absolute; left: 0; top: 0; line-height: 1; } .box-content{ display: table-cell; vertical-align: middle; text-align: center; } .box-content img{ margin: 0 auto 33px; } .error-01{ font-size: 30px; font-weight: bold; color: #666; margin-bottom: 17px; } .error-02{ font-family: arial; font-size: 14px; color: #999; margin-bottom: 20px; } .error-back{ display: inline-block; width: 75px; height: 25; background-color: #C6000F; } .error-back a{ font-size: 12px; line-height: 25px; color: #fff; /*text-decoration: underline;*/ } .error-back img{ margin: 0 10px 0 0; } .error-back a:last-child{ margin-right: 0; } .pop-mailbox{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9900; opacity: 0; visibility: hidden; transition: 0.65s;} .pop-mailbox.show{ opacity: 1; visibility: visible;} .pop-mailbox.show .mailboxs{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);} .popbg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/block_50.png) repeat; background: rgba(0,0,0,0.5);} .close__btn{ padding-left: 18px; line-height: 1; color: #999999; font-size: 14px; cursor: pointer; position: absolute; right: 23px; top: 12px;} .close__btn:before{ content: ""; width: 12px; height: 11px; background: url(../images/click_gb.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; transition: 0.35s;} .close__btn:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);} .mailboxs{ width: 1000px; padding: 0 100px 58px; background: #fdfdfd url(../images/mailbox.jpg) left bottom no-repeat; background-size: 100% auto; border-top: 5px solid #b7010e; position: fixed; left: 50%; margin-left: -600px; top: 0; max-height: 100%; min-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; transform: translateX(88px); -webkit-transform: translateX(88px); -moz-transform: translateX(88px); transition: 0.6s;} .mailbox__top{ padding: 66px 0 92px; text-align: center; border-bottom: 1px solid #f1f1f1;} .mailbox__top strong{ display: block; text-align: center; color: #b7010e; font-size: 30px; line-height: 1; margin-bottom: 12px;} .mailbox__top small{ display: block; text-align: center; color: #999999; font-size: 30px; line-height: 1; font-family: "DINCOND-BLACKALTERNATE"; text-transform: uppercase;} .mailbox__text{ padding: 35px 50px 42px; background: #fff; border-bottom: 1px solid #f1f1f1;} .mailbox__text h2{ text-align: center; line-height: 1; color: #333333; font-size: 26px; margin-bottom: 35px;} .mailbox__info strong{ display: block; color: #333333; font-size: 16px; font-weight: bold;} .mailbox__info p{ color: #666666; font-size: 16px;} .mailbox__form{ padding-top: 68px; padding-bottom: 58px;} .mailbox__row{ width: 32%; line-height: 0; float: left; margin-right: 2%; margin-bottom: 13px;} .mailbox--no{ margin-right: 0;} .mailbox__row input{ display: block; padding: 0; margin: 0; box-sizing: border-box; padding-left: 24px; width: 100%; height: 52px; line-height: 52px; border: 1px solid #f1f1f1; background: #ffff; color: #999999; font-size: 16px; transition: 0.4s;} .mailbox__row input:focus{ border-color: #b7010e;} .mailbox__row1{ width: 100%; margin-right: 0;} .mailbox__row textarea{ padding: 0; margin: 0; box-sizing: border-box; width: 100%; color: #999; font-size: 16px; padding: 12px 24px; width: 100%; height: 200px; background: #fff; border: 1px solid #f1f1f1; resize: none; transition: 0.4s;} .mailbox__row textarea:focus{ border-color: #b7010e;} .enclosure{ position: relative; width: 100%; float: left; text-align: center; line-height: 1;} .enclosure .loads{ display: inline-block; vertical-align:middle; height: 40px; color: #666666; font-size: 14px; padding-left: 18px; background: url(../images/enclosure.png) left center no-repeat; line-height: 40px; float: left;} .filewr{ float: left; margin-left: 16px; position: relative;} .filewr input{ width: 100%; margin-top:8px; z-index: 5; } .filewr .filetext{ display: block; width: 224px; height: 38px; border: 1px solid #f1f1f1; text-align: center; line-height: 38px; background: #fff; color: #999999; font-size: 14px;} .enclosure .upload{ width: 160px; height: 40px; float: left; text-align: center; line-height: 40px; background: #b7010e; color: #fff; font-size: 14px; margin-left:0; border: none; padding: 0; cursor: pointer;} #showImage{ float:left; color:#999; line-height:40px; margin-left:20px;} #showImage1{ float:left; color:#999; line-height:40px; margin-left:20px;} .mailbox__sub{ width: 100%; float: left; margin-top: 16px;} .verificate input{ box-sizing: border-box; width: 50%; float: left;} .verificate img{ display: block; float: left; width: 50%; height: 52px; float: left;} .mailbox__row .sub{ cursor: pointer; padding-left: 0; background: #b7010e; border: none; color: #fff;} .mailbox__row .reset{ cursor: pointer; padding-left: 0; background: #333333; border: none; color: #fff;} .mailbox__row2{ width: 64%; margin-right: 0;}