/* 鍏叡鏍峰紡 */ .hoverLine{position: relative;} .hoverLine::before{content: '';width: 0;position: absolute;right: 50%;bottom: 0;border-bottom: 2px solid #af2b2b;transition: all 0.2s;} .hoverLine::after{content: '';width: 0;position: absolute;left: 50%;bottom: 0;border-bottom: 2px solid #af2b2b;transition: all 0.2s;} .hoverLine:hover::before,.hoverLine:hover::after{width: 50%;transition: all 0.4s;} .hoverLine.on::before,.hoverLine.on::after{width: 50%;} .ie7 .hoverLine,.ie8 .hoverLine{border-bottom: 2px solid #fff;} .ie7 .hoverLine.on,.ie8 .hoverLine.on{border-bottom: 2px solid #af2b2b;} .ie7 .hoverLine:hover,.ie8 .hoverLine:hover{border-bottom-color:#af2b2b;} .fl{float: left;} .fr{float: right;} .pub-shadow{background-color: rgba(255, 255, 255, 0.94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;} .ftfam-SimHei{font-family: 'SimHei';} .cb{clear: both;} /* 鍏充簬鎴戜滑 */ .g-banner .text{width: 506px;float: right;overflow: hidden;margin-right: 60px;} .g-banner .text h1{color: #eebf84;margin-bottom: 20px;margin-top: 10px;} .g-banner .text p{color: #79797e;line-height: 24px;margin-bottom: 24px;} .g-banner .text h1 span{margin-left: 20px;display: inline-block;} .g-banner{padding: 0; position: relative;} .g-banner>img{width: 100%;} .g-banner-out{position:absolute; top:0; left: 0;width: 100%; padding-top: 82px; display: none;} .g-banner .msg{max-height: 144px; overflow: hidden;} @media only screen and (max-width: 1660px){ .g-banner .text h1{font-size: 46px;} .g-banner-out{padding-top: 50px;} } @media only screen and (max-width: 1440px){ .g-banner .text h1{font-size: 36px; margin:10px 0;} .g-banner-out{padding-top: 50px;} } @media only screen and (max-width: 1366px){ .g-banner .text h1{font-size: 36px; margin:10px 0;} .g-banner-out{padding-top: 30px;} } .g-part1 {padding-top: 90px;} .g-part1 .nav{text-align: center;margin-bottom: 60px;} .g-part1 .nav ul{display: inline-block; width: 818px; margin: auto;} .g-part1 .nav li{float: left;margin: 0 30px;} .g-part1 .nav li>a{color: #515151;position: relative;font-weight: bold;padding-bottom: 10px;transition: all 0.4s;} .g-part1 .nav li>a em{position:absolute; left: 50%; bottom: 0; width: 0%;border-bottom: 2px solid #af2b2b;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .g-part1 .nav li.on a{color: #b02b2b;} .g-part1 .nav li.on a em{ width: 100%; left: 0; } .g-part1 .nav li:hover a{color: #b02b2b;} .g-part1 .nav li:hover a em{ width: 100%; left: 0; } .g-part1 .append-box ul{margin: 0 -7px;} .g-part1 .append-box ul li{float: left;width: 33.33%;margin-bottom: 14px;} .g-part1 .append-box ul li .item{margin: 0 7px;position: relative;} .g-part1 .append-box ul li .item a{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; background: url(../images/png.png) repeat; z-index: 200; } .g-part1 .append-box .text-shadow{position: absolute;width: 100%;height: 100%;background: url('../images/g-list-bg.jpg') no-repeat;background-size: 100% 100%;top: 0;left: 0;transition: all 0.3s;opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;} .g-part1 .append-box ul li .item:hover .text-shadow{opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;} .g-part1 .append-box .text-shadow p,.g-part1 .append-box .text-shadow h1{color: #fff;font-weight: bold; line-height: 1.5em; max-height: 4.5em; overflow: hidden;width: 90%; letter-spacing: 3px; margin:auto; text-align: center;} .g-part1 .append-box .text-shadow table{width: 100%; height: 100%;} @media only screen and (max-width: 1280px){ .text h1.fnt_66{ font-size: 40px; } .g-part1{ padding-top: 50px; } .g-part1 .nav ul.fnt_34{ font-size: 26px; } .g-part1 .nav{margin-bottom: 40px;} } /* 鍥介檯鑽h獕 */ .history-nav{text-align: center;margin-top: 50px;margin-bottom: 57px;} .history-nav a{display: inline-block;font-weight: bold;font-family: 'SimHei';padding-bottom:8px;} .history-nav a:first-child{margin-right: 40px;padding-left: 24px;padding-right: 10px;} .history-nav a:last-child{padding-right: 24px;padding-left: 10px;} .history-nav a.on{color: #b02b2b;} .history-box {padding-top: 139px;padding-bottom: 163px;background-repeat: no-repeat;background-size: cover;background-position: center center;} /* 澶т簨璁 */ .dahis .left{width: 133px; height: 555px; float: left; position: relative; overflow: hidden;} .dahis .left .prev{overflow: hidden;} .dahis .left .prev i{float: left; width:100%; height:22px; margin-bottom: 5px; background: url(../images/his_arrowTop_on.png) no-repeat 98px center; cursor: pointer; } .dahis .left .prev i.disabled{cursor:default;background: url(../images/his_arrowTop.png) no-repeat 98px center;} .dahis .left .next{overflow: hidden;} .dahis .left .next i{float: left; width:100%; height:22px;margin-top: 5px; background: url(../images/his_arrowbottom_on.png) no-repeat 98px center; cursor: pointer;} .dahis .left .next i.disabled{ cursor:default; background: url(../images/his_arrowbottom.png) no-repeat 98px center;} .dahis .left .prevBox{position: relative; overflow: hidden; height: 500px;} .dahis .left .prevBox ul{position:relative; height:8000%;} .dahis .left .prevBox ul li{position: relative;text-align: right;line-height: 36px;height: 36px;} .dahis .left .prevBox ul li .item{height: 22px;vertical-align: middle;line-height: 22px;padding-right: 11px;} .dahis .left .prevBox ul li span{padding-left: 24px; cursor: pointer; display: inline-block; height: 22px; line-height: 22px; font-family: arial; color: #fff; transition:0.3s all;} .dahis .left .prevBox ul li.on span{padding-left: 20px;font-size: 18px; font-weight: bold; color: #fff; background: url(../images/his_point.png) 10px center no-repeat} .dahis .left .prevBox ul li.on .item{background: #b02b2b;padding-right: 8px;} .his_cons{ float:left; position: relative; width: 794px;margin-left: 152px;padding-top: 28px;} .his_cons .line{width:4px; position:absolute; left:50%; margin-left: -2px; top:0; bottom:0; background:#B0B0B0;} .his_list .y_tit{width:75px; height:40px; line-height:40px; text-align:center;font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; left:50%; margin-left:-37px; top:0; position:absolute; background:#00B49D;} .his_list .y_con{padding-top:40px} .his_list .y_con li{ width:50%;margin-left: 50%; float:right; text-align:left; position: relative; margin-top: 40px;} .his_list .y_con li:nth-child(even){ float: left; margin-left: 0;} .his_list .y_con li .month{ position: absolute;left:-78px; top:0; min-width: 51px; height: 21px; line-height: 21px;} .his_list .y_con li .month span{ display: block; background: #00B49D; color: #fff; text-align: center; position: relative;z-index: 2;} .his_list .y_con li .month em{position:absolute; left:46px; top:7px; overflow:hidden; width:8px;height:8px;background:#00B49D; z-index: 1;-webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); } /* .his_list .y_con li i{ position:absolute;width: 17px; height: 17px; background: url(../images/dot_03.png) no-repeat; top:2px;left:-9px;} */ .his_list .y_con li .txt{padding-left:26px;} .his_list .y_con li h2{ line-height: 1.1; margin-bottom: 16px; color: #363636} .his_list .y_con li .img img{width: 100%;} .his_list .y_con li:nth-child(even) i{ left:auto; right:-8px; } .his_list .y_con li:nth-child(even) .txt{padding-left: 0; padding-right: 26px;} .his_list .y_con li:nth-child(even) .month{ left: auto; right:-78px; } .his_list .y_con li:nth-child(even) .month em{left:-3px;} /* 澶т簨璁拌疆鎾 */ .his_cons .his-swiper-box{width: 650px;margin: 0 auto;height: 0;padding-bottom: 63.48%;position: relative;} .his_cons .swiper-container{position: absolute;width: 100%;height: 100%;overflow: hidden;} .his_cons .swiper-slide p{color: #fff;margin-top: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;} .his_cons .swiper-slide .img{width: 100%;height: 0;padding-bottom: 70.15%;position: relative;} .his_cons .swiper-slide .img img{position: absolute;} .his_cons .btn{position: absolute;width: 24px;height: 40px;background-size: cover;background-position: center center;top: 215px;cursor: pointer;} .his_cons .leftBtn{background-image: url('../images/hisSwiper_arrowLeft.png');left: 0;} .his_cons .rightBtn{background-image: url('../images/hisSwiper_arrowRight.png');right: 0;} .his_cons .leftBtn.on{background-image: url('../images/hisSwiper_arrowLeft_on.png');} .his_cons .rightBtn.on{background-image: url('../images/hisSwiper_arrowRight_on.png');} .his_cons .pageNum{color: #fff;text-align: center;margin-top: 8px;} .ie7 .his_cons .his-swiper-box{padding-bottom: 0px;height: 504px;} @media only screen and (max-width: 767px){ .his_list .y_tit,.his_cons .line{ left: 24%;} .his_list .y_con li,.his_list .y_con li:nth-child(even){ float: left; width:76%; margin-left: 24%;} .his_list .y_con li:nth-child(even) i{ left: -9px; right:auto; } .his_list .y_con li:nth-child(even) .month{ left: -78px; right:auto; } .his_list .y_con li:nth-child(even) .month em{ left: 46px; } .his_list .y_con li:nth-child(even) .txt{padding-left: 26px; padding-right: 0;} .his_list .y_con li h2{ line-height: 1.5; } } /* 闆嗗洟楂樺眰 */ .executives-list li{background: #efefef;} .executives-list li .job{background: #b02b2b;color: #fff!important;display: inline-block;padding-left: 6px;padding-right: 12px; padding:10px;} .about_gc_leader .executives-list li .job{padding-left: 0; padding-right: 0} .executives-list li .wrap2{width: 1004px;margin: 0 auto;position: relative;padding-top: 30px;min-height: 440px;} .executives-list li .left{width: 436px;text-align: left;position: absolute;height: 100%;margin-top: -30px;left: 0;} .executives-list li .left img{vertical-align: bottom;max-width: 90%;position: absolute;bottom: 0px;left: 0;} .executives-list li .right{width: 567px;padding-top: 59px;padding-left: 436px;} .executives-list li .right h1{color: #000;margin-bottom:36px;} .executives-list li .right .job{color: #b02b2b;line-height: 26px;margin-bottom:19px;} .executives-list li .right .message{line-height: 24px;color: #646464;} .executives-list li.on{background: #fff;} .executives-list li.on .left{right:0;text-align: right;left: auto;} .executives-list li.on .right{padding-left: 0px;} .executives-list li.on .left img{left: auto;right: 0;} .about_gc .executives-list li .job{color: #b02b2b !important; background: none} /* 鍏徃绠€浠 */ /*.int .part-1{background: url('../images/int_bg.png') no-repeat center center;background-size: cover;position: relative;padding-top: 70px;text-align: center;padding-bottom: 83px;} .int .part-1 .wrap2{position: relative;z-index: 2;} .int .part-1 h4{color: #515151;font-weight: bold;} .int .part-1 p{color: #646464;} .int .part-1 .title{margin-bottom: 35px;} .int .part-1 .message{line-height: 26px;margin-bottom: 75px;} .int .part-1 li{float: left;text-align: left; margin-bottom: 30px;} .int .part-1 li .box{width: 334px;padding: 58px 40px 60px;} .int .part-1 li .intr_img{width: 100%; margin-bottom: 20px;} .int .part-1 li .box:hover{background: #b02b2b;} .int .part-1 li .box:hover h4,.int .part-1 li .box:hover p{color: #fff;} .int .part-1 li h4{margin-bottom: 28px;} .int .part-1 li p{line-height: 26px;}*/ /*鍏徃绠€浠?0181025鍙樻洿 by dhq*/ .int .part-0,.int .part-0 img{width: 100%;} .int .part-0{position: relative; margin-bottom: 94px;} .int .part-0 .inner{ text-align: center; color: #fff; top:42%; width: 100%; } .int .part-0 h2{margin-bottom: 20px;} .int .part-0 p{line-height:1.6;} .int .part-1{ overflow: hidden; margin-bottom: 60px; } .int .part-1 li{ float: left; width: 56.29%; position: relative; overflow: hidden;} .int .part-1 li:nth-child(2),.int .part-1 li:nth-child(3),.int .part-1 li:nth-child(6){ width: 43.71%; } .int .part-1 li:nth-child(2),.int .part-1 li:nth-child(6){ float: right; } .int .part-1 li:nth-of-type(2n+1){clear: both;} .int .part-1 li .intr_img{ width: 100%; position: relative; height: 100%;} .int .part-1 li .intr_img img{width: 100%; height: 100% !important;} .int .part-1 li .intr_img h2{ position: absolute; left:80px; top:80px; color: #fff; z-index: 1;} .int .part-1 li .intr_txt{ padding:80px; box-sizing: border-box; color: #fff; width: 100%; position: absolute; z-index: 2; left:0; top:0; width: 100%; height: 100%; background: #B02D2D;-webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); transform: translateY(100%);transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .int .part-1 li .intr_txt h2{margin-bottom: 20px;} .int .part-1 li .intr_txt .c{line-height: 1.8; height: 18em;} .int .part-1 li:hover .intr_txt{-webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform: translateY(0);} .int .part-1 li:hover .intr_img h2{opacity: 0;} @media only screen and (max-width: 1720px){ .int .part-1 li .intr_img h2,.int .part-1 li .intr_txt h2{font-size:60px;} .int .part-1 li .intr_txt .c{height: 14.4em;} } @media only screen and (max-width: 1520px){ .int .part-1 li .intr_img h2,.int .part-1 li .intr_txt h2{font-size:50px;} .int .part-1 li .intr_txt .c{height: 10.8em;} } @media only screen and (max-width: 1365px){ .int .part-1 li .intr_img h2,.int .part-1 li .intr_txt h2{font-size:40px;} .int .part-1 li .intr_txt .c{height: 10.8em;} } .int .part-2{padding: 53px 0 126px;} .int .part-2 .nav{text-align: center;margin-bottom: 81px;} .int .part-2 .nav a{color: #515151;padding: 0 13px 8px;font-weight: bold;margin: 0 16px;} .int .part-2 .nav a.on{color: #b02b2b;} .int .part-2 li{float: left;width: 208px;text-align: center;} .int .part-2 li h5{margin-bottom: 13px;margin-top: 17px;} .int .part-2 li p{line-height: 24px;} .int .part-2 li .img{width: 95px;height: 95px;display: inline-block;} .int .part-2 li .img img{max-width: 100%;} .int .part-2 .int_list02 li{width: 25%;*margin-left: -1px;} .int .part-2 .int_list02 li,.int .part-2 .int_list03 li{margin-bottom: 60px;} .int .part-2 .int_list02,.int .part-2 .int_list03{width: 980px; margin: auto;} .int .part-2 .int_list03 li{width: 20%;*margin-left: -1px; } .int .part-2 .int_list03 li.on{width: 20%;} .int .part-2 .int_list03 li.on0{margin-left: 10%;} .int .part-2 .int_list03 li.on1{clear: both;} .append ul{margin:0 -10px;} .int_box{padding:0 10px;} /* 涓嬪睘鍏徃 */ .subsidiary .part-1{padding-top: 70px;padding-bottom: 96px;background: #efefef;} .subsidiary h4{color: #000;margin-bottom: 41px;} .subsidiary li{float: left;width: 310px;height: 160px;line-height: 160px;position: relative;text-align: center;background: #fff;overflow: hidden;border: none;} .subsidiary li .pub-shadow{background-color: rgba(181, 55, 55, 0.94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5b53737,endColorstr=#E5b53737);color: #fff;font-size: 26px;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .subsidiary li:hover .pub-shadow{opacity: 1;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .ie8 .subsidiary li .pub-shadow,.ie7 .subsidiary li .pub-shadow{display: none;} .ie8 .subsidiary li:hover .pub-shadow,.ie7 .subsidiary li:hover .pub-shadow{display: block;} .subsidiary li .pub-shadow .text{line-height: 30px;display: inline-block;vertical-align: middle;} .subsidiary li img{vertical-align: middle;} .subsidiary li.other{background: #efefef;border: 1px solid #dcdcdc;width: 309px;line-height: 160px;height: 158px;} .subsidiary .part-2{padding-top: 70px;padding-bottom: 96px;} .ie7 .subsidiary li .text{height: 160px;} .ie7 .subsidiary li .text table{width: 100%;height: 100%;} .x28{overflow: hidden; margin-bottom: 90px;} .x28 ul{margin: 0 -1.5%;} .x28 ul li{width: 22%; margin:0 1.5% ; float: left; text-align: center;} .x28 ul li a{display: block;} .x28 ul li a dl dt{margin-bottom: 40px; padding: 6px; border: #cdcdcd solid 1px; border-radius: 50%; overflow: hidden;} .x28 ul li a dl dt img{width: 100%;} .x28 ul li a dl dd{color: #070b0d; font-weight: bold;}