master.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. @charset "utf-8";
  2. body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote
  3. { margin: 0; padding: 0; font-size: 12px; }
  4. html button::-moz-focus-inner{ border-color:transparent!important; }
  5. input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
  6. ul, li, dl, dt, dd, ol { display: block; list-style: none; }
  7. article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
  8. fieldset, img { border: 0; }
  9. iframe { background-image: none; }
  10. hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0;margin:0;padding:0;}
  11. h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;}
  12. table {border-collapse:collapse;border-spacing:0;}
  13. input[type="text"], input[type="password"], textarea {outline-style:none;-webkit-appearance:none;}
  14. .clear { clear:both; }
  15. .indent { text-indent: 24px;}
  16. .db{ display: block; }
  17. .di{ display: inline; }
  18. a {text-decoration:none;outline:none;transition:all 0s ease-in-out 0s;}
  19. a:hover {text-decoration:none;}
  20. a:active {star:expression(this.onFocus=this.blur());}
  21. center {padding:25px 0;} textarea {resize:none;}
  22. body{overflow-x:hidden;background:url("../images/bg_01.png") #ffffff center top no-repeat;}
  23. .header {width:1200px;height:116px;overflow:hidden;margin:0 auto;}
  24. .nav {width:1198px;height:48px;border:solid 1px #77c2ff;border-bottom:none;background:url("../images/navbg.png") repeat-x;margin:0 auto;}
  25. .nav ul {}
  26. .nav ul li {width:198.8px;height:48px;float:left;text-align:center;font:bold 18px/48px 'microsoft yahei';border-right:solid 1px #77c2ff;}
  27. .nav ul li a {display:block;width:100%;height:48px;background:none;color:#fff;}
  28. .nav ul li a.on {background:url("../images/navhober_06.png") repeat-x;color:#66a5f2;}
  29. .nav ul li a:hover {background:url("../images/navhober_06.png") repeat-x;color:#66a5f2;}
  30. .nav ul li:nth-child(6) {border-right:none;}
  31. .nav ul li a img {display:inline-block;position:relative;top:4px;margin-right:4px;}
  32. .container {width:1200px;height:auto;background:#fff;margin:0 auto;padding-bottom:50px;}
  33. .pageposition {width:1160px;margin:0 auto;font:14px/14px 'microsoft yahei';color:#666;position:relative;padding:30px 0;text-indent:12px;height:14px;}
  34. .pageposition_03 {width:1160px;margin:0 auto;font:25px/25px 'microsoft yahei'; color:#666; padding:20px 0;height:14px; background-color:#f5f5f5; text-align:center;}
  35. .pageposition_03 a { font-weight:bold;}
  36. .pageposition_04 {width:1160px;margin:0 auto;font:14px/14px 'microsoft yahei';color:#666;position:relative;padding:10px 0;height:14px; text-align:center;}
  37. .pageposition span {display:block;width:1px;height:14px;position:absolute;left:0px;top:30px;z-index:2;background:#ff6200;}
  38. .condition {float:left;height:32px;font:14px/32px 'microsoft yahei';color:#666;padding-bottom:20px;}
  39. .condition label {margin-right:22px;}
  40. .condition label input {margin-right:3px;position:relative;top:2px;}
  41. .condition label input:checked {background:#ff6200;}
  42. .search {width:1160px;margin:0 auto;height:auto;}
  43. .searchwrap {width:459px;height:32px;float:right;}
  44. .searchtext {width:333px;padding:0 10px;border:solid 1px #ddd;background:#fff;float:left;dispilay:block;height:30px;color:#666;font:14px/30px 'microsoft yahei';}
  45. .searchbtn {width:100px;display:block;text-align:center;float:right;height:32px;font:14px/32px 'microsoft yahei';color:#fff;background:#ff931f;}
  46. .searchbtn img {display:inline;position:relative;margin-right:5px;top:3px;}
  47. .tabtitle {width:1160px;height:36px;margin:0 auto;background:#ff6200;}
  48. .tabtitle a {display:block;float:left;width:166px;text-align:center;font:14px/36px 'microsoft yahei';color:#fff;border-right:solid 1px #fff;}
  49. .tabtitle a:hover,.tabtitle a.active {color:#ff6200;background:url("../images/tabhover.png") repeat-x;border-right:solid 1px #ff6200;}
  50. .tabwrap {width:1160px;height:auto;margin:0 auto;overflow-x:hidden;padding-top:26px;}
  51. .tabwrap ul {width:1200px;}
  52. .tabwrap ul li {width:186px;height:42px;border:solid 1px #ddd;font:14px/42px 'microsoft yahei';color:#666;float:left;margin-right:6.3px;margin-bottom:6px;}
  53. .tabwrap ul li a {color:#666;display:block;width:100%;height:42px;text-indent:44px;}
  54. .tabwrap ul li a span {color:#ff6200;padding-left:20px;font-family:'simsun';}
  55. .tabwrap ul li a:hover {color:#ff6200;}
  56. .slider {width:1160px;height:29px;margin:25px auto;border-top:solid 1px #ff6200;}
  57. .slider a {display:block;width:181px;height:29px;margin:0 auto;text-align:center;font:14px/28px 'microsoft yahei';color:#ff6200;background:url("../images/shouqi_45.png") no-repeat;}
  58. .slider a span {font-family:'simsun';transform:rotate(-90deg);display:inline-block;margin-left:3px;}
  59. .slider a span.isclose {font-family:'simsun';transform:rotate(90deg);display:inline-block;margin-left:3px;}
  60. .itemWrap {width:1158px;height:auto;border:solid 1px #ddd;background:#fcfcfc;margin:0 auto 10px;}
  61. .itemcontent {}
  62. .itemcontent h2 {font:14px/50px 'microsoft yahei';float:left;margin-left:20px;}
  63. .itemcontent h2 a {color:#666;}
  64. .itemcontent h2 a:hover {color:#ff6200;}
  65. .itemcontent span {float:right;display:inline-block;margin-right:20px;font:14px/50px 'microsoft yahei';color:#666;cursor:pointer;}
  66. .itemcontent span img {display:inline-block;position:relative;top:-2px;transform:rotate(-90deg);}
  67. .itemcontent span.isview img {display:inline-block;position:relative;top:-2px;transform:rotate(0deg);}
  68. .itemBtns {width:1120px;margin:0 auto;padding:0 0 20px 0;}
  69. .itemBtns a {display:inline-block;padding:0 32px;font:14px/26px 'microsoft yahei';color:#666;border:solid 1px #ddd;margin-right:10px;border-radius:2px;}
  70. .itemBtns a:hover {color:#ff6200;border-color:#ff6200;}
  71. .subItembox {display:none;border-top:solid 1px #ddd;padding-bottom:10px;}
  72. .subItembox h2 {font:normal normal 14px/32px 'microsoft yahei';padding:10px 20px;}
  73. .subItembox h2 a {color:#666;}
  74. .subItembox h2 a:hover {color:#ff6200;}
  75. .subitems {border-top:solid 1px #ddd;padding:10px 32px;}
  76. .subitems li {font:14px/32px 'microsoft yahei';}
  77. .subitems li a {color:#666;}
  78. .subitems li a:hover {color:#66cc66;}
  79. .loginbg {width:705px;height:405px;margin:10px auto 0px;background:url("../images/loginbg.png") no-repeat;}
  80. .login {width:400px;}
  81. .login h2 {text-align:center;font:18px/18px 'microsoft yahei';color:#333;padding-top:66px;padding-bottom:40px;}
  82. .login ul {padding-left:55px;}
  83. .login ul li {height:40px;padding-bottom:10px;width:300px;}
  84. .login ul li input {width:241px;height:38px;border:solid 1px #ddd;font:14px/38px 'microsoft yahei';color:#666;padding-left:38px;padding-right:20px;border-radius:2px;}
  85. #username {background:url("../images/loginicon_03.png") left center no-repeat;}
  86. #password {background:url("../images/loginicon_06.png") left center no-repeat;}
  87. #valid {background:url("../images/loginicon_08.png") left center no-repeat;width:116px;float:left;}
  88. .valid img {float:right;}
  89. .loginbtn {width:300px;margin: 10px 0 0 55px;background:#63a8eb;color:#fff;display:block;border-radius:3px;height:40px;font:16px/40px 'microsoft yahei';text-align:center;}
  90. .left {width:340px;float:left;min-height:400px;padding-left:20px;background:#fff;}
  91. .ava {height:58px;}
  92. .ava img {float:left;display:block;width:58px;height:58px;}
  93. .ava span {float:left;margin-left:10px;font:14px/58px 'microsoft yahei';color:#666;}
  94. .telno {display:block;margin-top:20px;font:14px/20px 'microsoft yahei';color:#666;margin-top:10px;padding-left:22px;background:url("../images/tem_03.png") left center no-repeat;}
  95. .changepwd {display:block;margin-top:36px;}
  96. .right {width:820px;float:right;background:#fff;min-height:400px;}
  97. .pageposition2 {padding-bottom:14px;}
  98. .infomationlist {width:700px;margin:0 auto;padding-top:30px;}
  99. .infomationlist li {display:block;border-bottom:solid 1px #6aa8f1;height:52px;font:14px/52px 'microsoft yahei';color:#333;padding-left:52px;}
  100. .infomationlist li h2 {display:inline-block;margin-left:14px;font-size:14px;font-weight:bold;width:140px;}
  101. .uid {background:url("../images/i1.png") left center no-repeat;}
  102. .tel {background:url("../images/i2.png") left center no-repeat;}
  103. .relname {background:url("../images/i3.png") left center no-repeat;}
  104. .addr {background:url("../images/i4.png") left center no-repeat;}
  105. .newslist {width:1160px;min-height:400px;overflow-x:hidden;margin:0 auto;}
  106. .newslist ul {width:560px;float:left;}
  107. .newslist ul li {width:560px;height:38px;}
  108. .newslist ul li a {float:left;padding-left:16px;background:url("../images/ico2.png") left center no-repeat;font:14px/38px 'microsoft yahei';color:#666;width:420px;overflow:hidden;text-overflow:ellipsis;}
  109. .newslist ul li a:hover {background:url("../images/ico1_03.png") left center no-repeat;color:#ff6200;}
  110. .newslist ul li span {float:right;margin-right:30px;font:12px/38px 'microsoft yahei';color:#999;}
  111. .appendline {width:560px;border-bottom:solid 1px #ddd;height:0px;margin:20px 0;}
  112. .newslist01 {width:1160px;min-height:400px;overflow-x:hidden;margin:0 auto;}
  113. .newslist01 a { font-family:"microsoft yahei"; font-size:14px; line-height:30px; color:#666;}
  114. .form1 {width:1100px;margin:0 auto;min-height:300px;}
  115. .form1 ul {}
  116. .form1 ul li {width:550px;float:left;padding-bottom:15px;font:14px/30px 'microsoft yahei';color:#666;}
  117. .form1 ul li p {float:left;width:150px;text-align:right;font:14px/30px 'microsoft yahei';color:#666;margin-right:10px;}
  118. .form1 ul li p i {font-style:normal;color:#f00;position:relative;top:2px;}
  119. .textCom {width:290px;height:28px;font:14px/28px 'microsoft yahei';color:#666;border:solid 1px #ddd;padding:0 10px;}
  120. .form1 ul li.long {width:1100px;}
  121. .form1 ul li label {margin-right:20px;}
  122. .form1 ul li label input[type="radio"] {position:relative;top:2px;}
  123. .appl {width:860px;border:solid 1px #ddd;border-bottom:none;float:left;}
  124. .applitem {line-height:70px;border-bottom:solid 1px #ddd;}
  125. .applitem span {float:left;width:150px;text-align:right;font:14px/70px 'microsoft yahei';color:#666;margin-right:10px;}
  126. .applitem label {float:left;}
  127. .applbtns {float:right;padding:17px 120px 0 0;line-height:30px;}
  128. .itemTitle {text-align:center;font:16px/20px 'microsoft yahei';color:#333;padding-bottom:15px;}
  129. .form2 {width:1158px;height:auto;border:solid 1px #fed8c1;margin:0 auto;border-bottom:none;}
  130. .form2 ul {}
  131. .form2 ul li {width:579px;float:left;border-bottom:solid 1px #fed8c1;height:38px;}
  132. .form2 ul li p {width:199px;height:38px;float:left;font:14px/38px 'microsoft yahei';color:#666;text-indent:10px;background:#feeee4;}
  133. .form2 ul li span {float:right;display:inline-block;width:360px;padding:0 10px;font:14px/38px 'microsoft yahei';overflow:hidden;text-overflow:ellipsis;color:#666;height:38px;}
  134. .tabtitle2 {width:1160px;height:36px;margin:30px auto 0;}
  135. .tabtitle2 a {display:block;float:left;text-align:center;font:14px/36px 'microsoft yahei';color:#fff;background:#ff6200;border-right:solid 1px #fff;width:164.71px;height:36px;position:relative;}
  136. .tabtitle2 a span {display:block;width:100%;height:2px;background:#ff6200;position:absolute;left:0;bottom:0;}
  137. .tabtitle2 a:hover {background:#fff;color:#333;}
  138. .tabtitle2 a.active {background:#fff;color:#333;}
  139. .tabtitle2 a.active span {display:block;}
  140. .tabcont {width:1160px;min-height:100px;padding:15px 0;font:14px/24px 'microsoft yahei';color:#666;margin:0 auto;}
  141. .infomationlist li input {background:#fff;border:solid 1px #ddd;padding:0px 8px ;font:14px/32px 'microsoft yahei';color:#666;display:inline-block;width:240px;margin-left:10px;height:32px;margin-right:10px;border-radius:2px;}
  142. .infomationlist li input.disabled {border:none;}
  143. .infomationlist li img {display:inline-block;position:relative;top:8px;display:none;}
  144. @media screen and (max-width: 1600px) and (min-width:1441px) {
  145. .guide {width:1600px;height:900px;margin-left:-800px;}
  146. }
  147. @media screen and (max-width: 1440px) and (min-width:1367px) {
  148. .guide {width:1440px;height:728px;margin-left:-720px;}
  149. }
  150. @media screen and (max-width: 1366px) and (min-width:1281px) {
  151. .guide {width:1366px;height:728px;margin-left:-683px;}
  152. }