@charset "utf-8"; /* CSS Document */ /*banner*/ .y_ban{width:100%;height:500px;} .y_ban .ban_li .slide_box li{width:100%;height:500px; } .y_ban .ban_li .slide_box li a{display:block;width:100%;height:100%} .ban_slider{position:relative} .ban_slider .guide{position:absolute;left:50%;bottom:0;width:100%;margin-left:-50%;text-align:center;overflow:hidden;z-index:9999} .ban_slider .guide ul{text-align:center;} .ban_slider .guide li{display:inline-block;font-size:20px;text-shadow:2px 2px 5px rgba(0,0,0,0.3);color:#fff;cursor:pointer} .ban_slider .ban_li{position:relative;overflow:hidden} .ban_slider .ban_li ul{overflow:hidden;zoom:1} .ban_slider .ban_li ul li{float:left;_display:inline;background-position:center;background-repeat:no-repeat;overflow:hidden} .ban_slider .top_guide li{display:inline-block;text-shadow:2px 2px 5px rgba(0,0,0,0.3);cursor:pointer; margin-bottom:15px;} .ban_slider .top_guide li div{background:#fff;width: 14px; height: 14px; margin: 0px 3px; border-radius:100px;} .ban_slider .top_guide li.on div{background:#1b3900; border-radius:100px;} /*Intermediate content*/ /* .all_title{ width:100%; background:#ecefed; border-top-left-radius:4px; border-bottom-left-radius:4px; color:#fff;} .all_title h2{ display:inline-block; line-height:32px; width:155px; background:url(../images/i_ico.png) no-repeat 18px center #52843a; border-radius:4px; text-align:center;} .all_title span a{ color:#767676; line-height:32px;} .all_centent{ background:#f6f8f7; color:#000; display:block; overflow:hidden;} */ /*news center*/ /* .news_center{ margin:8px 15px 0 15px;} */ /* .news_center li{ background:url(../images/block.png) no-repeat left center; text-indent:15px; line-height:30px; border-bottom:1px #9e9e9e dashed;} */ .news_center li:last-child{ border-bottom:none;} .news_center li a:hover{ color:#507900;} /*Business domain*/ #banner{position: relative; width: 230px;height: 215px;overflow: hidden; float:left; top:12px;} #banner_list img {border: 0px; height:185px; width:230px;} #banner_bg {position: absolute;bottom:31px;background-color:#000;height:25px;filter: Alpha(Opacity=60);opacity:0.6;z-index: 1000;cursor: pointer;width: 230px;} #banner_info {position: absolute;bottom:0;left: 5px;height:27px;color:#4d4d4d;z-index: 1001;cursor: pointer;} #banner_text {position: absolute;width:120px;z-index: 1002;right: 3px;bottom: px;} #banner ul {position: absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity: 0.8;z-index: 1002;margin: 0;padding: 0;bottom: 31px;right: 4px;} #banner ul li {width:27px;float: left;display: block;color: #FFF;cursor: pointer; line-height:25px; border-right:1px #fff solid; text-align:center} #banner ul li:last-child{border-right:none;} #banner ul li.active{background-color: #ce0609;} #banner_list a{position: absolute;} /*company structure*/ .main-wrap { background-color: #f2f2f2; } .core-business-wrap { position: relative; width: 100%; height: 600px; background: url('../images/core-bg.jpg') center no-repeat; } .core-business-box { position: absolute; top: 87px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); width: 1100px; height: 498px; background-color: rgba(34,34,34,0.6); } .core-business-title { position: absolute; top: -46px; right: 228px; font-size: 28px; line-height: 28px; color: #000000; } .core-business-box > .left-top { width: 472px; height: 290px; position: relative; left: 58px; top: -58px; } .core-business-box > .left-top .border-line { position: absolute; top: -14px; left: -14px; width: 100%; height: 100%; border: 1px solid #fff; } /* 棣栭〉鏍稿績涓氬姟宸︿晶鍥剧墖榧犳爣鏀句笂鍚戝乏涓婅绉诲姩鏁堟灉 .core-business-box > .left-top img { transition: all .3s ease-in-out; } .core-business-box > .left-top:hover img{ margin-left: -12px; margin-top: -12px; }*/ .core-business-box > .right-top { position: absolute; right: 38px; top: 16px; width: 488px; height: 244px; overflow: hidden; } .core-business-box > .right-top .border-line, .core-business-core3 .border-line{ position: absolute; left: 50%; top: 50%; display: table; transform:translate(-50%, -50%); width: 96%; height: 93%; border: 1px solid #fff; } .core-business-core3 .border-line { width: 93%; height: 88%; } .core-business-box > .right-top .business-name, .core-business-core3 .business-name { display: table-cell; vertical-align: middle; width: 100%; height: 100%; font-size: 20px; color: #fff; text-align: center; font-weight: bolder; } .core-business-box > .right-top .mask, .core-business-core3 .mask, .company_list li .mask{ position:absolute; width: 100%; height: 100%; top: 0; left: 100%; background-color: rgba(22, 61, 10, 0.55); transition: all 0.2s ease-in-out; } .core-business-box .content-text, .core-business-core3 .content-text, .company_list li .content-text { position: absolute; left: -100%; top: -100%; width: 274px; font-size: 12px; color: #fff; text-indent: 2em; line-height: 32px; transition: all 0.2s ease-in-out; opacity: 0; } .core-business-box .content-text p:nth-of-type(1), .core-business-box .company-synopsis p:nth-of-type(1) { font-size: 14px; line-height: 1em; margin-bottom: 10px; text-indent: 0; } .core-business-box > .right-top:hover .mask, .core-business-core3:hover .mask, .company_list li:hover .mask{ left: 0; } .core-business-box > .right-top:hover .border-line, .core-business-core3:hover .border-line { opacity: 0; } .core-business-box > .right-top:hover .content-text, .core-business-core3:hover .content-text, .company_list li:hover .content-text{ opacity: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); transition-delay: 0.3s; } .core-business-box .company-synopsis { width: 225px; font-size: 12px; color: #fff; line-height: 32px; margin-left: 80px; margin-top: -30px; } .company-synopsis span{ font-size: 16px; } .core-business-box .company-synopsis p:nth-of-type(1) { font-size: 24px; } .more { float: right; width: 71px; height: 17px; border-radius: 5px; border: solid 1px #fff; font-size: 13px; color: #fff; line-height: 17px; text-indent: 0em; text-align: center; } .more:hover { color: #77ce4d; border-color: #5a8c45; } .core-business-core3 { width: 344px; height: 212px; position: absolute; bottom: 17px; left: 359px; overflow: hidden; } .core-business-core4 { left: 716px; } .news-module { width: 1100px; margin: 0 auto; background-color: #f2f2f2; } .news-h5, .bottom-scroll { font-size: 22px; color: #000000; padding-left: 38px; line-height: 26px; padding-bottom: 12px; border-bottom: 1px solid #a6a6a6; font-family: "AdobeHeitiStd-Regular"; margin-bottom: 10px; margin-top: 20px; background: url('../images/new-icon.png') left top no-repeat; } .news-module-content { font-size: 0; padding-bottom: 22px; } .news-module-content > div { display: inline-block; vertical-align: top; } .news-module-left { width: 612px; } .news-headlines { height: 160px; display: table; margin-bottom: 14px; } .news-headlines a{ color: #000; border-color: #000; } .news-headlines .text { display: table-cell; vertical-align: middle; width: 314px; font-size: 14px; color: #000; line-height: 20px; overflow: hidden; padding-left: 14px; } .news-headlines .text p:nth-of-type(1) { font-size: 18px; line-height: 18px; margin-bottom: 6px; } .news-list { width: 100%; font-size: 14px; } .news-list > li { border-bottom: 1px dashed rgba(0, 0, 0, 0.14); } .news-list > li span{ /* margin-left: 4px; */ float: right; } .news-list a { display: inline-block; width: 526px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; } .news-module-right { height: 276px; width: 444px; margin-left: 41px; border: 1px solid #bfbfbf; overflow: hidden; } .news-module-right > div { display: block; padding: 8px 40px 16px; font-size: 14px; color: #494949; line-height: 20px; border-bottom: 1px solid #bfbfbf; } .news-module-right > div a { color: #494949; } .news-module-right > div a::before { content: ''; background-color: #ff6600; display: inline-block; vertical-align: middle; width: 2px; height: 2px; margin-right: 6px; } .news-module-right > div p:nth-of-type(1) { font-size: 18px; color: #000; margin-bottom: 8px; } .news-module-right > div:hover { background-color: #52843a; color: #fff; } .news-module-right > div:hover a { color: #c3c3c3; } .news-module-right > div a:hover { color: #fdfcfc; } .news-module-right > div:hover p:nth-of-type(1) { color: #fff; } .news-module-right a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bottom-scroll-wrap { width: 100%; height: 250px; background-color: #ededed; padding-bottom: 16px; } .w1100 { width: 1100px; margin: 0 auto; padding-top: 16px; } .bottom-scroll { background-image: url('../images/s1.png'); background-position-y: 1px; } .scroll_company{position:relative;width:100%;height:176px; padding-top: 4px;} .scroll_company .company_structure{overflow:hidden;position:relative;width:998px;height:100%;margin:0 auto;} .scroll_company .company_list{overflow:hidden;width:9999px;} .scroll_company .company_list li{float:left;width:236px;overflow: hidden; text-align:center; position: relative;margin-right: 20px;} .scroll_company .company_list a { display: block; position: relative; height: 153px; } .company-title { text-align: center; font-size: 12px; } .company_list li .content-text { width: 220px; text-indent: 0; text-align: left; line-height: 22px; } /* .company_list li .content-text p:nth-of-type(2) { text-indent: 2em; } */ .plus, .minus{ position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 24px; background: url('../images/prev.png') center no-repeat; cursor: pointer; } .minus { right: 10px; background: url('../images/next.png') center no-repeat; } /*Industry information*/ /* .industry_ul li{ line-height:31px;} */ /**********浠ヤ笅鏄唴椤垫牱寮?**********/ .nei_banner ul li img{ display:block; position:absolute; left:50%; margin-left:-960px;} .color_333 a{ color:#959595;} .color_333 a:hover{color:#507900;} .company_profile_nav{ color:#959595; line-height:50px;} .inside_page_left img{ width:100%; height:175px; overflow:hidden; display:block;} .left_nav{ border:1px #d8d8d8 solid;} .left_nav li{ height:50px; line-height:50px; background:url(../images/arrowhead1.png) no-repeat 40px center; text-indent:56px;} .arrowhead2 li {background:url(../images/arrowhead2.png) no-repeat 40px center;} .left_nav li a{ display:block; color:#000;} .left_nav li.active a{ background:#52843a url(../images/arrowhead.png) no-repeat 40px center; color:#fff;} .left_nav li.active-red a{ background:#d9000a url(../images/arrowhead.png) no-repeat 40px center; color:#fff;} .show_bg li{ border-bottom:1px #d8d8d8 solid;} .show_bg li:last-child{ border-bottom:none;} .left_nav li.t_65{ background:url(../images/arrowhead1.png) no-repeat 60px center; text-indent:75px;} .left_nav li.t_65.active a{ background:#507900 url(../images/arrowhead.png) no-repeat 60px center; color:#fff;} .content_area{ border:1px #d8d8d8 solid; padding:40px; line-height:35px;} .content_area_1{ padding:0 40px;} /*subsidiary*/ .subsidiary_z{text-align:center; text-decoration:underline;} .subsidiary_ul{width: 1300px; margin-left: 8px; color: #464646;} .subsidiary_ul li{width: 380px; height: 400px; border:1px solid #e9ebec; border-radius:3px; text-align: center; box-shadow: 0px 0px 13px #e9ebec; margin:0 15px 16px 3px; float:left;} .subsidiary_ul li img{width: 319px; height: 203px; margin:33px 0 18px 0; overflow:hidden;} .subsidiary_ul li .f-16{font-size:16px; color: #464646;} .subsidiary_ul li .line{display: inline-block; width:25%;height: 3px; background-color: #568f00; margin-bottom: 5px;} .subsidiary_ul li .f-12{display: inline-block; width: 294px; height:67px; overflow:hidden; color: #464646; font-size: 12px; text-align: left;} .page_turning a{display:block; color:#207af4;} /*news center*/ .new_list_ul li{ line-height:95px; border-bottom:1px #bdbaba dashed; background:url(../images/block1.png) no-repeat left center; text-indent:24px;} .new_list_ul .block-red{background:url(../images/block2.png) no-repeat left center;} .new_list_ul li a{ display:block; color:#333;} .new_list_ul li a:hover{ color:#507900;} .new_list_ul .block-red a:hover { color:red;} .new_list_ul li a span{ float:right;} /*page number*/ .page_number{display:inline-block;} .page_number li{ float:left; } .page_number li a{color:#818181;height:30px; line-height:30px; border:1px #d2d2d2 solid; margin:0 5px 19px 5px; padding:0 10px; border-radius:3px; display:block;} .page_number li.active a{background:#507900; color:#fff; border-radius:3px;} .gray_bg a{ background:#efefef;} .line_bottom{ border-bottom:1px #bdbaba dashed;} .new_centent img{ margin:0 auto; display:block;} /*business territory*/ .new-list-content{font-size: 14px; background-color: #f0f0f0; padding-bottom: 64px;} .new-list-content .content{width: 834px;} .news-main{width: 100%; height: 168px; background-color: #fff; transition: box-shadow .4s ease-out; margin-bottom: 30px;} .new-list-content .content .newsImg{width: 256px; height: 168px; margin-right: 26px;} .new-list-content .news-txt{width: 510px; font-size: 0px;} .news-txt .color-333{ color: #333;} .news-txt .font-20{display: inline-block; width: 100%; font-size: 20px;font-weight: bold;} /* .news-txt .font-14{ line-height: 24px;} */ .news-txt .font-14{ font-size: 16px; color: #333; font-weight: bold; line-height: 14px; padding: 42px 0 24px 0;} .news-txt .font-12{ font-size: 12px; color: #333;} .news-main:hover{box-shadow: 0px 6px 10px #d9d9d9;} /**/ .party_column_red {background:url(../images/g_header_bg2.jpg) bottom repeat-x;} /*The chain*/ .the-chain{font-size: 14px; color: #393939; overflow: hidden; font-weight: bold; width: 100%; min-height: 112px; background: url(../images/line1.png) top repeat-x;} .the-chain-content{padding-top: 30px; max-width:1098px; font-size: 0px; margin: 0 auto 5px; text-align: center;} .the-chain-content a {margin-right: 18px;font-size: 14px; display: inline-block; } .the-chain-content a:nth-last-child(1){margin-right: 0px;} /* long text left nav style */ .left_nav_long li{text-indent: 20px;background-position-x: 10px;} .left_nav_long li.active a {background-position-x: 10px;} .left_nav_long li.t_65{text-indent: 42px; background-position-x: 26px;} .video .icon-play { display: inline-block; position: relative; top: 50%; transform: translateY(-50%); width: 72px; height: 72px; cursor: pointer; background: url("../images/play.png") center no-repeat; } .shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; transition: all .4s ease; } .vclose { position: absolute; right: 10px; top: 10px; border-radius: 100%; cursor: pointer; } /*begin-video*/ :focus{ outline:none } a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none; } /*end*/ /*begin-video-bg*/ .video-wrap { background-color: rgba(0,0,0,0.4); height: 100%; width: 100%; position: fixed; z-index: 9999; left: 0px; top: 0px; } .video-wrap .location { position: absolute; height: 50%; width: 50%; left: 0px; top: 0px; } .video-wrap .location .video { height: 540px; width: 960px; position: absolute; right: -480px; bottom: -270px; } .video-wrap .location .video .close-btn:hover { background-color: rgba(0,0,0,0.8); } /*end*/