input { outline:none; background:transparent; border:none; outline:medium; } /*::-webkit-input-placeholder { color:#D8D8D8; } :-moz-placeholder { color:#D8D8D8; } ::-moz-placeholder { color:#D8D8D8; } :-ms-input-placeholder { color:#D8D8D8; } *:focus { outline: none; background-color: transparent; } ::selection{background:transparent; } ::-moz-selection{background:transparent; }*/ .banner { width: 100%; height: auto; } .banner img { width: 100%; } .now_localtion p { width: 100%; text-align: right; color: #666666; font-size: 16px; padding-top: 20px; } .m-part1{margin-bottom:80px;} .m-part1 h2 { color: #000; font-size:40px; font-weight: 600; margin: 0; } .m-part1 h3 { color:#666666; font-size:30px; font-weight:lighter; margin:20px auto; } .m-part1 P { color: #666666; font-size: 18px; line-height: 24px; margin: 30px auto 0; } #page-investors .m-part1 ul { display: block; width: 100%; margin-top: 30px; overflow:hidden; } #page-investors .m-part1 ul li a{ display:block; } #page-investors .m-part1 ul li { width: 31.333%; margin: 0 2% 2% 0; position: relative; float: left; height: 100%; } #page-investors .m-part1 ul li img { width: 100%; height: auto; } #page-investors .m-part1 ul li div.mark { position: absolute; bottom: 0; left: 0; background: url("../images/bg.png") bottom no-repeat; background-size: 100%; width: 100%; height: 100%; } #page-investors .m-part1 ul li div p { position: absolute; bottom: 34px; width: 100%; text-align: center; color: #fff; font-size: 20px; line-height: 26px; } #page-report .m-part1 ul, #page-rules .m-part1 ul, #page-announcement .m-part1 ul { width: 100%; margin-top: 70px; margin-bottom:60px; } #page-report .m-part1 ul li, #page-rules .m-part1 ul li { height: 540px; /* line-height: 80px; */ /* border-bottom: 1px #dddddd solid; */ /* padding: 0 1%; */ width: 440px; /* color: #333333; */ /* font-size: 20px; */ float: left; margin-right: 40px; margin-bottom:40px; } #page-report .m-part1 ul>li:nth-child(3n), #page-rules .m-part1 ul>li:nth-child(3n){ margin-right:0; } #page-report li>div.info, #page-rules li>div.info{ height:287px; padding:30px; padding-bottom: 70px; box-sizing: border-box; position: relative; } #page-report li>div.info h5, #page-rules li>div.info h5{ font-size:24px; line-height: 38px; margin-bottom:25px; } #page-report .m-part1 ul li b, #page-rules .m-part1 ul li b, #page-announcement .m-part1 ul li b { color: #666; font-size: 16px; font-weight: normal; margin-right: 2%; } #page-report .m-part1 ul li i, #page-rules .m-part1 ul li i{ position: absolute; z-index: 1; margin-right: 0; font-size: 16px; color: #8C8C8C; cursor: pointer; } #page-report .m-part1 ul li i.details, #page-rules .m-part1 ul li i.details{ bottom: 39px; right: 30px; width: 100px; } #page-report .m-part1 ul li i.down, #page-rules .m-part1 ul li i.down{ bottom: 39px; left: 39px; width: 100px; } #page-report .m-part1 ul li i.down:before, #page-rules .m-part1 ul li i.down:before, #page-announcement .m-part1 ul li i.down:before { content: ''; display: inline-block; background: url("../images/icon-down.png") center no-repeat; background-size: 100%; width: 19px; height: 23px; margin-right: 8%; vertical-align: middle; } #page-report .m-part1 ul li i.details:before, #page-rules .m-part1 ul li i.details:before, #page-announcement .m-part1 ul li i.details:before { content: ''; display: inline-block; background: url("../images/icon-details.png") center no-repeat; background-size: 100%; width: 19px; height: 23px; margin-right: 8%; vertical-align: middle; } /* 主要股东 */ #page-supervision .main dl { width: 100%; margin: 3% 0; } #page-supervision .main dl dt { background: #d71718; border-top: 1px #dddddd solid; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid; color: #fff; width: 100%; height: 80px; } #page-supervision .main dl span { /* display: inline-block; */ float: left; width: 50%; height: 80px; line-height: 80px; text-align: center; font-size: 20px; font-weight: 400; box-sizing: border-box; } #page-supervision .main dl dd { width: 100%; height: 80px; color: #333; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid; } #page-supervision .main dl>dd:nth-child(2n-1){ background:#F7F7F7; } #page-supervision .main dl>dd:last-child{ border-bottom: 1px #dddddd solid; } #page-supervision .main dl span.ll { border-right: 1px #dddddd solid; } #page-supervision .main dl span.ll a:hover{color: #352cb5;text-decoration: underline;} /*   */ li i.details{ margin-right:30px; } /*国资委监事会专栏*/ #page-shareholders .main .m-part1 div { background: url("../images/bg.png") center no-repeat; background-size: 100%; width: 102%; height: 534px; margin: 3% 0; padding: 4% 7% 0; box-sizing: border-box; margin-left: -1%; } #page-shareholders .main .m-part1 div h2 { color: #000; font-size: 24px; font-weight: 600; display: block; margin: 1% 0; margin-bottom: 2%; } #page-shareholders .main .m-part1 div p { display: inline-block; width: 50%; float: left; font-size: 18px; color: #333; margin: 1% 0; } #page-shareholders .main .m-part1 div i { font-style: normal; display: inline-block; margin-right: 2%; vertical-align: middle; } #page-shareholders .address { background: url("../images/icon-address.png") center no-repeat; background-size: 100%; width: 18px; height: 23px; } #page-shareholders .zipCode { background: url("../images/icon-zipcode.png") center no-repeat; background-size: 100%; width: 25px; height: 23px; } #page-shareholders .tel { background: url("../images/icon-telb.png") center no-repeat; background-size: 100%; width: 20px; height: 20px; } #page-shareholders .e_mail { background: url("../images/icon-e_mailb.png") center no-repeat; background-size: 100%; width: 21px; height: 17px; } /*投资者服务 投资者关系*/ #page-service .main .m-part1 > div { background: url("../images/bg2.png") center no-repeat; background-size: 100%; width: 102%; height: 610px; margin: 3% 0; position: relative; margin-left: -1%; } #page-service.contact .main .m-part1 > div { background: url("../images/bg_contact01.png") center no-repeat; background-size: 100%; width: 102%; height: 696px; margin: 3% 0; position: relative; margin-left: -1%; } #page-service .ll { width: 59%; float: left; height: 550px; position: absolute; top: 12%; left: 9.6%; /* padding-top: 30px; */ /* padding-left: 50px; */ } #page-service .ll div{ width: 37.9%; float: left; margin-bottom: 4%; margin-right: 10%; } #page-service .ll input { width: 100%; height: 50px; line-height: 50px; padding: 0 6%; border: 1px #ddd solid; box-sizing: border-box; font-size: 20px; color: #333; } #page-service .ll b { color: #999999; font-size: 16px; line-height: 32px; display: block; font-weight: normal; padding-left: 1%; width: 50%; } #page-service div.information,#page-service div.selectBox{ width: 86%; position: relative; } #page-service textarea.information{ width: 100%; padding: 3%; box-sizing: border-box; font-size: 20px; height: 160px; overflow:auto; color: #333; font-weight: initial; font-family: -webkit-body; border:1px solid #ddd; } #page-service .ll .select_show_div{ position: relative; width:100%; line-height: 50px; border: 1px #ddd solid; padding: 0 3%; box-sizing: border-box; margin-bottom:0; cursor: pointer; } #page-service .ll .select_show_div img{ margin-top:21px; } #page-service .text_div{ display:inline-block; margin:0; color:#333; } #page-service .listBox { display:none; position: absolute; width:100%; background: #fff; border: 1px solid #ddd; border-top:2px solid #ddd; z-index: 1; top: 50px; box-sizing: border-box; height: 250px; overflow-y: scroll; } #page-service .listBox li{ padding: 12px 0 12px 3%; border-bottom: 1px solid #ddd; color:#333; width: 100%; box-sizing: border-box; cursor: pointer; } #page-service div.information a{ color: transparent; display: block; position: absolute; bottom: -25px; right: -28px; background: url("../images/icon-contact.png") center no-repeat; background-size: 100%; width: 70px; height: 70px; cursor:pointer; } #page-service .rr { width: 30%; float: left; height: 500px; position: absolute; top: -10px; right: 20px; padding-top: 50px; /* background: red; */ } #page-service.contact .rr { background:url("../images/bg_contact02.png")no-repeat center; height: 620px; top: 8px; right: 19px; } #page-service i { font-style: normal; display: inline-block; margin-right:2%; vertical-align: middle; } #page-service .rr p { width: 80%; margin: 0 auto; color: #fff; font-size: 18px; line-height: 40px; margin-top: 15px; } #page-service .rr h4 { width: 80%; margin: 18% auto 2%; color: #fff; font-size: 24px; font-weight: 500; } #page-service.contact .rr p ,#page-service.contact .rr h4{ color:#333; } #page-service.contact i.tel { background: url("../images/contact_022.png") center no-repeat; margin-right:1%; width:27px; height: 27px; background-size: 100%; } #page-service.contact i.fex{ background: url("../images/contact_032.png") center no-repeat; margin-right:1%; width:27px; height: 27px; background-size: 100%; } #page-service.contact i.e_mail{ background: url("../images/contact_042.png") center no-repeat; margin-right:1%; width:27px; height: 27px; background-size: 100%; } #page-service.contact i.zip_code{ background: url("../images/contact_052.png") center no-repeat; margin-right:1%; background-size: 100%; width:27px; height:27px; } #page-service.contact i.loca{ margin-right:1%; background: url("../images/contact_062.png") center no-repeat; background-size: 100%; width:27px; height:27px; } #page-service i.tel { background: url("../images/icon-tel.png") center no-repeat; background-size: 100%; width: 20px; height: 20px; } #page-service i.fex { background: url("../images/icon-fax.png") center no-repeat; background-size: 100%; width: 21px; height: 24px; } #page-service i.e_mail { background: url("../images/icon-e_mail.png") center no-repeat; background-size: 100%; width: 21px; height: 27px; } /* 临时公告 */ #page-announcement{ background:#fff; } #page-announcement .m-part1 ul li{ line-height: 80px; padding: 0 1%; color: #333333; font-size: 18px; } #page-announcement .m-part1 ul>li:nth-child(2n){ background:#F7F7F7; } #page-announcement .m-part1 ul li i { font-style: normal; float: right; width: 10%; font-size: 16px; color: #666666; text-align: right; } @media screen and (min-width:1201px) and (max-width:1679px){ #page-service .rr p{font-size:16px;margin-top:25px;line-height:30px;} .contact#page-service .rr{height:584px;top:26px;background-size:100%;} #page-service .rr h4{margin-top:10%;} } .lom h3{font-weight: bold;}