@charset "UTF-8"; /* CSS Document */ /*-------------- Reset CSS--------------start*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent; } ol, ul, li{ list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*-------------- Reset CSS--------------end*/ /*鏈€灏忓搴 start*/ .banner-en{ display:inline-block; width:100%; min-height:490px; overflow:hidden; /*background:url(/en/img_common/banner-1920w-en.png) no-repeat;*/ background-size:100% auto; background-position-y:bottom; } .box-news-content{ margin-top:5px; font-size: 14px; color: #606266; line-height: 24px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*CSS3灞炴€э紝鏀寔IE8鍙婁互涓婃祻瑙堝櫒*/ } .wrapper{ min-width:1600px; max-width:1920px; margin:0px auto; } .header{ display:block; height:56px; position:relative; min-width:1600px; max-width:1920px; margin:0px auto; } .nav-container{ height:48px; background-color:#c7000b; position: absolute; z-index: 100000; width: 100%; } .news{ background-color:#faf6f6; min-height:490px; padding-right:1%; margin-top:48px; } .column{ width:95%; margin:0px auto; } .foot{ height:130px; background: #e1eefc; font-size: 12px; color: #303133; position:relative; margin-top:30px; min-width:1200px; } .fot{ margin-top:0!important; min-width:1200px; } .foot-width{ display:block; min-width:1600px; max-width:1920px; margin:0px auto; position:relative; } .banner{ display:inline-block; width:100%; min-height:490px; overflow:hidden; background:url(/en/img_common/banner-1920w.png) no-repeat; background-size:100% auto; background-position-y:bottom; } .banner-bg{ display:inline-block; width:60%; height:490px; overflow:hidden; /* background:url(/en/img_common/public-bg.png) repeat; background-size:100% auto; background-position-y:top; */ } /*鏈€灏忓搴 end*/ body { background-color: #fff; font-family: "Microsoft Yahei",Arial,sans-serif; /*overflow-x:hidden;*/ } a { text-decoration: none; cursor: pointer; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .clearboth { clear: both; } .logo{ position:absolute; left:30px; top:10px; width:372px; height:40px; background:url(/en/img_common/logo.png) no-repeat; background-size: 100% auto; } .logo-en{ position:absolute; left:30px; top:10px; width:372px; height:40px; background:url(/en/img_common/logo-en.png) no-repeat; background-size: 100% auto; } .deition{ position:absolute; right:30px; top:15px; font-size: 14px; color: #303133; } .deition a:link, .deition a:visited, .deition a:active{ color: #303133; } .deition a:hover{ color: #c7000b; } .deition-dividing-line{ display:inline-block; margin:0px 10px; } .wechat{ display:inline-block; width:18px; height:18px; background:url(/en/img_common/ic-default.png) no-repeat; margin-top:2px; cursor:pointer; } .wechat:hover{ display:inline-block; width:18px; height:18px; background:url(/en/img_common/ic-hover.png) no-repeat; margin-top:2px; cursor:pointer; } /*瀵艰埅鏍峰紡 start*/ .nav{ /*margin-top:-6px !important;*/ width:1200px; height:48px; margin:0px auto; } .nav >ul > li{ float:left; margin:0px 27px; font-size:16px; height:43px; line-height:48px; border-bottom:5px solid #c7000b; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; position:relative; } .nav >ul > li.menu_ir,.nav >ul > li.menu_csr,.nav >ul > li.menu_hr,.nav >ul > li.menu_culture{ margin-right:0; float:right; margin-left:50px; } .nav >ul > li:hover,.nav >ul > li.current,.nav >ul > li.on { border-bottom:4px solid #fff; } .nav >ul > li:hover > a,.nav >ul > li.current > a,.nav >ul > li.on > a{ color:#fff; } .nav >ul > li >a{ padding:0; padding-bottom: 25px; display: block; position:relative; } .nav >ul > li >a > span{ display:block; border-radius:100%; font-size:16px; position:absolute; background:#c7000c; color:#fff; left:-13px; /*bottom:15px;*/ width:15px; height:15px; line-height:15px; text-align:center; } .nav a.one-level:link, .nav a.one-level:hover, .nav a.one-level:visited, .nav a.one-level:active{ color:#fff; font-size:17px; font-weight:bold; } .sub_menu_box{ position:absolute; top:48px; background:#c7000c; left:0; font-size:14px; display:none; width:150px; border-bottom:none; } .sub_menu li{ border-bottom:1px solid #fff; } .sub_menu li a{ display:block; height:36px; line-height:36px; padding-left:13px; font-size:16px; color:#fff; } .sub_menu li a:hover{ background:#fff; color:#c7000c; } /*瀵艰埅鏍峰紡 end*/ /* .banner{ display:inline-block; width:60%; height:490px; background:url(/en/img_common/banner-1920w.jpg) no-repeat; background-size: 100% auto; } */ .news-main{ display:inline-block; width:39%; min-height:490px; } .column-box-news{ width:93%; margin-left:5%; } .box-news-title{ font-size: 20px; color: #C7000B; height:21px; margin-top:32px; } .box-news-title span{ float:left; margin:4px 5px 0px 0px; width:4px; height:20px; background-color:#C7000B; } .box-news-secondlevel{ margin-top:20px; font-size: 16px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*CSS3灞炴€э紝鏀寔IE8鍙婁互涓婃祻瑙堝櫒*/ } .box-news-secondlevel a:link, .box-news-secondlevel a:visited, .box-news-secondlevel a:active{ color: #303133; font-weight:bold; } .box-news-secondlevel a:hover{ color: #C7000B; font-weight:bold; } .box-news-date{ font-size: 14px; color: #606266; text-align:left; margin-top:10px; } .column-box{ display:inline-block; width:24%; margin-top:34px; } .column-box-en{ display:inline-block; width:49%; margin-top:34px; } .column-interval-line{ margin-right:1%; padding-right:1%; border-right:1px dotted #c0c4cc; } .column-box-title{ font-size: 20px; color: #C7000B; height:21px; } .column-box-title span{ float:left; margin:4px 5px 0px 0px; width:4px; height:20px; background-color:#C7000B; } .column-box-secondlevel{ margin-top:20px; font-size: 16px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*CSS3灞炴€э紝鏀寔IE8鍙婁互涓婃祻瑙堝櫒*/ } .column-box-secondlevel a:link, .column-box-secondlevel a:visited, .column-box-secondlevel a:active{ color: #303133; font-weight:bold; } .column-box-secondlevel a:hover{ color: #C7000B; font-weight:bold; } .column-box-more{ margin-top:29px; font-size:12px; text-align:right; } .column-box-more a:link, .column-box-more a:visited, .column-box-more a:active{ color: #606266; } .column-box-more a:hover{ color: #C7000B; } .news-more{ font-size:12px; text-align:right; padding:5px 20px 10px 0px; } .news-more a:link, .news-more a:visited, .news-more a:active{ color: #606266; } .news-more a:hover{ color: #C7000B; } .news-more-en{ font-size:12px; text-align:right; padding:15px 0px; } .news-more-en a:link, .news-more-en a:visited, .news-more-en a:active{ color: #606266; } .news-more-en a:hover{ color: #C7000B; } .column-box-content{ font-size: 14px; color: #606266; margin-top:6px; overflow: hidden; white-space: nowrap; /*-webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; -o-text-overflow: ellipsis;*/ text-overflow: ellipsis; /*CSS3灞炴€э紝鏀寔IE8鍙婁互涓婃祻瑙堝櫒*/ } .column-box-content p{ font-size: 14px; color: #606266; margin-top:6px; overflow: hidden; white-space: nowrap; /*-webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all; -o-text-overflow: ellipsis;*/ text-overflow: ellipsis; /*CSS3灞炴€э紝鏀寔IE8鍙婁互涓婃祻瑙堝櫒*/ } .column-box-date{ font-size: 14px; color: #606266; text-align:left; margin-top:6px; } .foot-left{ position:absolute; top:25px; left:50px; } .left-addtel{ border-left:3px solid #c0c4cc; padding-left:10px; } .left-info{ margin-top:11px; } .foot-right{ float:right; margin-top:25px; margin-right:50px; position:relative; } .left-addtel ul li span, .left-info ul li span{ margin-right:20px; } .right-select{ position:absolute; top:0px; right:7px; width:515px; } .group-members{ float:right; } .friendly-links{ float:left; } .right-link{ margin-top:50px; } .right-link ul li{ float:left; margin:0px 7px; } .right-link ul li a:link, .right-link ul li a:hover, .right-link ul li a:visited, .right-link ul li a:active{ color: #303133; } /*涓嬫媺妗 start*/ .select_header_link{ display:inline-block; width:250px; height:32px; line-height:26px; position:relative; cursor:pointer; background: #f6f8fa; border: 1px solid #dcdfe6; border-radius: 4px; font-size: 14px; color: #303133; } .select_header_link span{ width:110px; padding-left:10px; line-height:18px; color:#303133; } .select_header_link:hover span{ color:#262626; } .select_header_link:hover ul{ display:block; } .select_header_link ul{ position:absolute; bottom:32px; left:0; border:1px solid #d6d3d3; width:248px; background:#fff; display:none; padding:5px 0; } .select_header_link ul li{ line-height:18px; padding:10px 0; } .select_header_link ul li:hover{ background-color:#8f8f90; } .select_header_link ul li a{ display:block; padding-left:10px; color:#303133; } .select_header_link ul li:hover a{ color:#ffffff; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out;} .select_header_link ul li a:hover{ color:#ffffff; } .ic-jiantou-xia-cu-l{ position:absolute; right:20px; top:7px; width:15px !important; height:15px !important; font-size:12px; } /*涓嬫媺妗 end*/ .margin-right-20{ margin-right:20px; } /*瀛愰〉闈㈡牱寮 start*/ .header-subpage{ display:block; height:56px; position:relative; width:1200px; margin:0px auto; } .logo-subpage{ position:absolute; left:0px; top:10px; width:372px; height:40px; background:url(/en/img_common/logo.png) no-repeat; background-size: 100% auto; } .deition-subpage{ position:absolute; right:0px; top:15px; font-size: 14px; color: #303133; } .deition-subpage a:link, .deition-subpage a:visited, .deition-subpage a:active{ color: #303133; } .deition-subpage a:hover{ color: #c7000b; } .banner-secondlevel{ min-width:1200px; height:150px; background:url(/en/img_common/public-bg.png) repeat-x left; margin-top:48px; } .news-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/news-en.png) no-repeat left; margin:0px auto; } .about-us-en-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/about-us-en.png) no-repeat left; margin:0px auto; } .investor-relations-en-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/investor-relations-en.png) no-repeat left; margin:0px auto; } .our-business-en-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/our-business-en.png) no-repeat left; margin:0px auto; } .social-responsibility-en-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/social-responsibility-en.png) no-repeat left; margin:0px auto; } .corporate-governance-en-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/corporate-governance-en.png) no-repeat left; margin:0px auto; } .business-title-secondlevel{ width:1200px; height:150px; background:url(/en/img_common/our-business.png) no-repeat left; margin:0px auto; } .column-secondlevel{ width:1200px; margin:20px auto; position:relative; } .to-top-bar{ position:absolute; bottom:0px; right:0px; width:36px; height:80px; border-radius: 4px; background: #909399; cursor:pointer; } .to-top-bar:hover{ position:absolute; bottom:0px; right:0px; width:36px; height:80px; border-radius: 4px; background: #303133; cursor:pointer; } .to-top-img{ height:28px; background:url(/en/img_common/to-top.png) no-repeat center; margin-top:10px; } .to-top-text{ font-size:12px; color:#fff; text-align:center; } .secondlevel-leftbar{ display:inline-block; width:160px; background-color: #eff4fa; padding:15px 0px; position:absolute; top:0px; } .secondlevel-leftbar-li{ text-align:right; padding-right:20px; height:40px; line-height:40px; font-size: 16px; color: #303133; cursor:pointer; } .secondlevel-leftbar-li:hover{ text-align:right; padding-right:20px; height:40px; line-height:40px; font-size: 16px; color: #c7000b; cursor:pointer; } .leftbar-li-click{ text-align:right; padding-right:20px; height:40px; line-height:40px; font-size: 16px; color: #c7000b; cursor:pointer; } .secondlevel-leftbar-second{ text-align:right; padding-right:20px; height:40px; line-height:40px; font-size: 13px; color: #303133; cursor:pointer; } .secondlevel-leftbar-second:hover{ text-align:right; padding-right:20px; height:40px; line-height:40px; font-size: 13px !important; color: #c7000b; cursor:pointer; } .leftbar-second-click{ text-align:right; padding-right:20px; height:40px; line-height:40px; font-size: 13px; color: #c7000b; cursor:pointer; } .secondlevel-right{ display:inline-block; width:955px; margin-left:200px; } .secondlevel-crumbs{ font-size: 14px; color: #606266; } .crumbs-news{ color: #c7000b; } .secondlevel-crumbs ul li{ display:inline-block; } .secondlevel-title{ border-bottom: 1px solid #c7000b; height:60px; line-height:70px; } .secondlevel-title ul li{ float:left; font-size: 24px; color: #c7000b; } .secondlevel-title-gray{ color: #000015 !important; } .secondlevel-content-container{ } .secondlevel-content{ height:126px; border-bottom: 1px solid #e9ecee; padding:25px 0px 21px 0px; } .secondlevel-content-list{ height:93px; border-bottom: 1px solid #e9ecee; padding:25px 0px 21px 0px; } .right-list-title{ position:relative; height:26px; } .right-list-title a:link, .right-list-title a:visited, .right-list-title a:active{ font-size: 18px; color: #303133; font-weight:bold; } .right-list-title a:hover{ font-size: 18px; color: #c7000b; font-weight:bold; } .right-list-title span{ position:absolute; right:0px; top:3px; font-size: 14px; color: #909399; } .right-list-text{ width:100%; height:24px; line-height:24px; margin-top:6px; font-size: 14px; color: #606266; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*CSS3灞炴€э紝鏀寔IE8鍙婁互涓婃祻瑙堝櫒*/ } .left-date{ display:inline-block; height:80px; background-color:#eff4fa; padding-top:18px; } .left-date-ul{ display:inline-block; } .left-date ul li{ width:80px; text-align:center; } .left-day{ font-size: 18px; color: #303133; } .left-years{ font-size: 14px; color: #303133; } .secondlevel-right-content{ display:inline-block; width:844px; margin-left:25px; } .right-content-title{ } .right-content-text{ color: #606266; margin-top:10px; font-size: 14px; line-height: 24px; } .super-high { display: block; position: relative; width: 844px; height: 48px; font-size: 14px; color: #606266; line-height: 24px; text-align: left; overflow: hidden; } .super-high::after{ content: "..."; position: absolute; bottom: 0px; right: 0px; width:20px; padding-left: 20px; background: -webkit-linear-gradient(left, transparent, #fff 55%); background: -o-linear-gradient(right, transparent, #fff 55%); background: -moz-linear-gradient(right, transparent, #fff 55%); background: linear-gradient(to right, transparent, #fff 55%); } .right-content-title a:link, .right-content-title a:visited, .right-content-title a:active{ font-size: 18px; color: #303133; font-weight:bold; } .right-content-title a:hover{ font-size: 18px; color: #c7000b; font-weight:bold; } .secondlevel-paging{ display:block; width:390px; margin:20px auto 0px auto; } .secondlevel-paging ul li{ display:inline-block; height:32px; text-align:center; line-height:32px; color:#303133; font-size: 16px; } .paging-public{ width:32px; cursor:pointer; background-color:#e9ecee; } .paging-red{ width:32px; background-color: #c7000b; color:#fff !important; } .public-input input{ height:30px; line-height:30px; padding-left:10px; font-size:16px; color:#999; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; /*Safari, Chrome*/ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border:1px solid #CCC; } .public-input input:hover{ height:30px; line-height:30px; padding-left:10px; font-size:16px; color:#999; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; /*Safari, Chrome*/ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border:1px solid #CCC; } .public-input input:focus{ height:30px; line-height:30px; padding-left:10px; font-size:16px; color:#999; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; /*Safari, Chrome*/ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border:1px solid #CCC; } .paging-input input{ width:60px; } .margin-left-20{ margin-left:20px; } .secondlevel-nav-container{ position:absolute; top:56px; left:0px; width:100%; height:48px; background-color:#c7000b; z-index:100000; min-width:1200px; } .news-big-title{ font-size: 24px; color: #303133; font-weight:bold; } .news-big-title ul li{ height:40px; line-height:40px; text-align:center; } .news-date{ height:35px; line-height:60px; text-align:center; font-size: 16px; color: #606266; } .secondlevel-content-container p{ font-size: 16px; color: #303133; line-height: 32px; padding-top:30px; } .news-img{ text-align:center; padding-top:30px; } .foot-container{ width:1200px; height:130px; margin:0px auto; position:relative; } .foot-left-subpage{ position:absolute; top:25px; left:0px; } .foot-right-subpage{ float:right; margin-top:25px; position:relative; } /*瀛愰〉闈㈡牱寮 end*/ .flexslider{ width:100%; height:490px; }