@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } html { font-size: 14px; width: 100%; height: 100%; margin:0 auto; position: relative; } body { font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; /*font-family: "微软雅黑";*/ font-size: 14px; width: 100%; height: 100%; margin:0 auto; position: relative; } a { text-decoration: none; color: #7c7c7c; } ul, li { list-style: none } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } a:hover { color: #7c7c7c; } table { border-collapse: collapse; border-spacing: 0; } img { border: 0; -ms-interpolation-mode: bicubic; display: block; max-width: 100%; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; clear:both; } /* hides from IE-mac */ * html .clearfix { height: 1%; } .clearfix { display: block } /* End hides from IE-mac */ .wrap{ width: 1000px; margin: 0 auto; } /*头部*/ .header{ min-width: 1000px; width: 100%; height: 82px; background-image: url(../img/headerbg.jpg); } .header-con{ width: 1000px; margin: 0 auto; } .header-img{ display: block; cursor: pointer; } .header-img img{ display: block; float: left; } .header-ul{ width: 72%; float: right; } .header-li,.headered-li{ width: 11%; float: left; list-style: none; text-align: center; position: relative; } .header-li:hover,.headered-li:hover{ /*background: #1d5750;*/ background: url(../img/kuai.jpg) no-repeat; } .header-li:hover a,.header-li:hover p,.headered-li:hover a,.headered-li:hover p{ color: white; } .header-lia{ display: block; width: 100%; text-decoration:none; /*font-size: 16px; color: #ffffff;*/ color: #cbaf99; padding:26px 2px 17px 2px; } .header-li p,.headered-li p{ text-decoration:none; font-size: 12px; /*color: #ffcc67;*/ color: #cbaf99; margin-top: 4px; } .header-li .yincang{ width: 620%; position: absolute; background: #3d3c40; top: 82px; display: none; opacity: 0.8; z-index: 10; left: 0; } .headered-li .yincang{ width: 620%; position: absolute; background: #3d3c40; top: 82px; display: none; opacity: 0.8; z-index: 10; right: 0; } .yincang-ul{ width: 50%; margin-top: 20px; float: left; } .yincang-ul li{ width: 50%; float: left; list-style: none; text-align: center; padding:4px 0 4px 0 ; } .yincang-ul li a{ font-size: 15px; color: #eaf3f2; } .yincang-img{ width: 50%; float: right; text-align: center; padding: 24px 0; } .header-li:hover .yincang,.headered-li:hover .yincang{ display: block; } .yincang ul a:hover{ color: #00d2b9; } /*menu*/ .contain-menu{ width: 100%; border-bottom: 1px solid #d9d9d9; margin:0 auto; } .contain-menuul{ width: 1000px; margin:0 auto; } .contain-menuul li{ width: 123px; float: left; padding:11px 0px; font-size: 16px; background-image: url(../img/ff_03.png); background-repeat: no-repeat; text-align: center; margin-left: -7px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; } .contain-con{position:relative;} /*底部*/ .footer{ width: 100%; min-width: 1000px; border-top: 2px solid #124e48; margin-top: 30px; background: #e7e7e7; padding: 24px 0; } .footer-con{ width: 1000px; margin:0 auto; /*height: 50px;*/ } .footer-con p{ margin-top: 6px; margin-left: 7px; color: #929292; font-size: 14px; } .footer-ul{ width: 71%; } .footer-ul li{ float: left; list-style: none; /* width: 11%; */ padding: 0px 12px; text-align: center; border-right: 1px solid #929292; } .footer-ul li a{ text-decoration: none; font-size: 14px; color: #929292; } .footer-ul li a:hover{ color: #216a61; } .power{ float: right; margin: -22px 0 0 0; color: #a8a9a9; font-size: 9px; cursor: pointer; } .fenye{ margin: 50px 20px 10px 0; float: right; } .fenye a{ margin-right: 5px; } .fenye a{ padding:8px 12px; border: 1px solid #d7d7d7; border-radius: 4px; cursor: pointer; color: #878787; font-size: 16px; } .fenye span.current{ padding:8px 12px; border: 1px solid #d7d7d7; border-radius: 4px; cursor: pointer; color: #ffb134; font-size: 16px; margin-right: 5px; } .fenye .prev,.fenye .next{cursor:pointer;display:inline;line-height:auto;text-align:center;height:auto;position:static;z-index:2;top:0;font-size: 12px !important;} .fenye .first,.fenye .end{font-size: 12px !important;} .fenye .prev img,.fenye .next img{vertical-align:top; background: none; opacity: 1;} .fenye .prev{width:auto;left:0px;} .fenye .next{width:auto;right:0px;} .fenye .prev span,.fenye .next span{color:#4a4a4a;font-size:12px;position:static;left:0;} .fenye a:hover{ color: #ffb134; } /*切换中英文盒子的样式*/ .contain-con .switch_btn{display:block;position:absolute;width:150px;height:36px;right:-10px;top:12px;border:1px solid #f2f2f2;outline:none;transform:scale(0.8);} .contain-con .switch_btn .switch_icon{float:left;width:36px;height:36px;} .contain-con .switch_btn svg{margin:2px 0 0 2px;display:none;} .contain-con .switch_btn .icon_show{display:block;} .contain-con .switch_btn .switch_fy{float:left;width:110px;height:100%;padding-left:4px;box-sizing:border-box;border-left:1px solid #f2f2f2;margin-left:2px;} .contain-con .switch_btn .switch_fy h3{font-weight:normal;font-size:12px;line-height:18px;} .contain-con .switch_btn .switch_fy p{font-size:12px;line-height:14px;} .contain-left-ul .sjx .contain-left-div:before{right:-5px;margin-top:-5px;} .contain-con .contain-left .contain-left-ul li:hover .contain-left-div:before{right:-5px;margin-top:-5px;} .contain-right .contain-right-ul .gpxx p{color:#a7a0a0;} /*针对投资者关系英文版二级导航栏的文字自适应增加的样式*/ .ul_sjx{border-left:1px solid #ccc;position:relative;display:flex;} .ul_sjx:after{content:"";border:solid transparent; border-left-color:#fff; border-width:6px 6px;position:absolute;top:50%;left:-1px;margin-top:-5px;z-index:5;} .ul_sjx:before{content:"";border:solid transparent; border-left-color:#ccc; border-width:6px 6px;position:absolute;top:50%;left:0;margin-top:-5px;z-index:5;} .ul_sjx li{margin:0;width:auto;background:none;padding:11px 22px;float:none;position:relative;border-right:1px solid #ccc;overflow:inherit;} .ul_sjx li:after{content:"";border:solid transparent; border-left-color:#fff; border-width:6px 6px;position:absolute;top:50%;right:-11px;margin-top:-5px;z-index:5;} .ul_sjx li:before{content:"";border:solid transparent; border-left-color:#ccc; border-width:6px 6px;position:absolute;top:50%;right:-12px;margin-top:-5px;z-index:5;} .ul_sjx .li_on{background:#FFB134;color:#fff;} .ul_sjx .li_on:after{border-left-color:#FFB134;}