index.css 65 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892
  1. @charset "utf-8";
  2. body{background:#EBEBF3;}
  3. .publicblock{width:1200px;margin:0 auto;clear: both; zoom: 1;}
  4. .publicblock:after{content:"";display:block;height:0;clear:both;visibility:hidden}
  5. .publicblock{*+height:1%;}
  6. .oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  7. .shadow{box-shadow:0 0 4px #ddd;}
  8. .shadow:hover{box-shadow:0 0 8px #ddd !important;}
  9. .shadow2{box-shadow:rgba(0,0,0,0.15) 1px 1px 10px;}
  10. /*title*/
  11. .title{width:1200px;text-align:center;padding:20px 0;}
  12. .title .t span{position:relative;color:#233159;font-size:26px;font-weight:700;}
  13. .title .t span:after{content:"";display:block;width:38px;height:10px;position:absolute;left:-50px;top:50%;margin-top:-4px;background:url(../images/i5.png) no-repeat center;}
  14. .title .t span:before{content:"";display:block;width:38px;height:10px;position:absolute;right:-50px;top:50%;margin-top:-4px;background:url(../images/i6.png) no-repeat center;}
  15. .title p{color:#AFB3BF;font-size:14px;margin-top:5px;}
  16. .title ul{height:21px;line-height:21px;margin-top:5px;}
  17. .title ul li{display:inline-block;font-size:14px;position:relative;padding:0 5px;}
  18. .title ul li a{color:#AFB3BF;}
  19. .title ul li a:hover{color:#135FBB;}
  20. .title ul li:after {content: '';position: absolute;right: -2px;top: 50%;width: 1px;height: 9px;background-color: #AFB3BF;margin-top:-2.5px;}
  21. .title ul li:last-child:after {background-color: transparent;}
  22. /*focusbox*/
  23. .focusbox{width:100%;min-width:1200px;height:560px;margin:0 auto;position:relative;overflow:hidden;}
  24. .focusbox .bd_bigbanner ul li{width:100%;height:100%;}
  25. .focusbox .bd_bigbanner ul li a{display: block;width: 1200px;margin: 0 auto;height: 560px}
  26. .focusbox .hd_bigbanner{height:10px;width:500px;text-align:center;position:absolute;left:50%;margin-left:-250px;bottom:160px;z-index:1;}
  27. .focusbox .hd_bigbanner li{display:inline-block;width:8px;height:8px;background:#fff;margin:0 3px;border-radius:5px;cursor:pointer;opacity:0.6;text-indent:-9999999px;transition: all .35s ease;}
  28. .focusbox .hd_bigbanner li.on{opacity:0.8;width:40px;transition: all .35s ease;}
  29. /*sidebar*/
  30. .sidebar{width:1200px;height:0;margin:0 auto;position:relative;z-index:10;margin-top: 145px;}
  31. .sidebar .sidebarbox{width:85px;height:540px;background:#fff;z-index:3;position:absolute;left:0;top:8px;}
  32. .sidebar .single{width:85px;height:89px;background:#1C202C;float:left;cursor:pointer;border-bottom:1px solid #303852;color:#fff;}
  33. .sidebar .single:last-child{border:none;height:90px;}
  34. .sidebar .single .img{width:40px;height:40px;margin:13px auto 0 auto;}
  35. .sidebar .single .img span{display:block;width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center;}
  36. .sidebar .single .txt{text-align:center;font-size:14px;font-weight:700;}
  37. .sidebar .single1 .img span{background:url(../images/m1.png) no-repeat center;}
  38. .sidebar .single1:hover .img span{background:url(../images/m1_h.png) no-repeat center;}
  39. .sidebar .single1.on .img span{background:url(../images/m1_h.png) no-repeat center;}
  40. .sidebar .single2 .img span{background:url(../images/m2.png) no-repeat center;}
  41. .sidebar .single2:hover .img span{background:url(../images/m2_h.png) no-repeat center;}
  42. .sidebar .single3 .img span{background:url(../images/m3.png) no-repeat center;}
  43. .sidebar .single3:hover .img span{background:url(../images/m3_h.png) no-repeat center;}
  44. .sidebar .single4 .img span{background:url(../images/m4.png) no-repeat center;}
  45. .sidebar .single4:hover .img span{background:url(../images/m4_h.png) no-repeat center;}
  46. .sidebar .single5 .img span{background:url(../images/m5.png) no-repeat center;}
  47. .sidebar .single5:hover .img span{background:url(../images/m5_h.png) no-repeat center;}
  48. .sidebar .single6 .img span{background:url(../images/m6.png) no-repeat center;background-size:26px auto !important;}
  49. .sidebar .single6:hover .img span{background:url(../images/m6_h.png) no-repeat center;}
  50. /*sidebar-abox*/
  51. .sidebar .abox{border-bottom:1px dashed #e1e1e1;padding:15px 0;}
  52. .sidebar .abox h3{color:#ff580e;font-weight:700;font-size:16px;position:relative;line-height:20px;}
  53. .sidebar .abox .a_li{overflow:hidden;padding-top:5px;}
  54. .sidebar .abox .a_li a{font-size:13px;color:#868994;display:block;line-height:22px;float:left;margin:2px 0;padding-right:21px;position:relative;}
  55. .sidebar .abox .a_li a:after{content: '';position: absolute;right: 10px;top: 50%;width: 1px;height: 8px;background-color: #C4D0EA;top:50%;margin-top:-3px;}
  56. .sidebar .abox .a_li a:hover{color:#F47349;}
  57. .sidebar .abox .a_li font{position:relative;}
  58. .sidebar .abox .a_li a.hot font:before{content:"";width:20px;height:20px;position:absolute;display:block;left:50%;top:-13px;background:url(../images/hot2.png) no-repeat left center;margin-left:-10px;}
  59. .sidebar .abox .a_li a.hot{color:#ff580e;}
  60. .sidebar .abox:last-child,.sidebar .abox.bdnone{border:none;}
  61. .sidebar .abox .a_li a:last-child:after{display:none;}
  62. /*sidebar-abox2*/
  63. .sidebar .abox2{border-bottom:1px dashed #e1e1e1;padding:0 0 15px 0;}
  64. .sidebar .abox2 h3{color:#ff580e;font-weight:700;font-size:16px;position:relative;line-height:20px;}
  65. .sidebar .abox2 .a_li{overflow:hidden;padding-top:5px;width:735px;}
  66. .sidebar .abox2 .a_li a{font-size:13px;color:#868994;display:block;line-height:22px;float:left;margin:2px 0;position:relative;width:100px;}
  67. .sidebar .abox2 .a_li a:hover{color:#F47349;}
  68. /*sidebar-content*/
  69. .sidebar .content{width:130px;height:540px;background:#fff;position:absolute;right:-140px;top:0;padding-left:10px;overflow:hidden;display:block;}
  70. .sidebar .content .li{padding-top:10px;}
  71. .sidebar .content .li h2{font-size:15px;height:22px;line-height:22px;}
  72. .sidebar .content .li h2 a{position:relative;}
  73. .sidebar .content .li h2 a.hot:after{content:"";display:block;width:23px;height:11px;background:url(../images/hot1.png) no-repeat center;position:absolute;right:-25px;top:50%;margin-top:-5.5px;}
  74. .sidebar .content .li .li_li{border-bottom:1px dotted #ccc;padding:6px 0;}
  75. .sidebar .content .li .li_li_head{color:#4B4B4B;line-height:20px;height:20px;overflow:hidden;position:relative;padding-left:22px;}
  76. .sidebar .content .li .li_li_head i{width:20px;height:20px;display:block;position:absolute;left:0;top:0;font-size:16px;text-align:center;line-height:20px;color:#888;}
  77. .sidebar .content .li .li_li_coentent{line-height:20px;height:20px;overflow:hidden;}
  78. .sidebar .content .li .li_li_coentent a{color:#ADADAD;padding-right:2px;}
  79. .sidebar .content .li .li_li_coentent a:hover{color:#000;text-decoration:underline;}
  80. /*sidebar-popone*/
  81. .sidebar .popone{width:975px;height:540px;background:#f3f8fa;position:absolute;left:226px;top:0;display:none;}
  82. .sidebar .popone_left{height:500px;width:670px;float:left;background:#fff;padding:20px 30px;overflow:hidden;}
  83. .sidebar .popone_right{width:229px;float:right;max-height:540px;overflow:hidden;background:#F3F8FA;padding:8px;padding-bottom:0;}
  84. .sidebar .popone_right li{border-right:1px solid #F7F7F7;transition: all .35s ease;overflow:hidden;background-color:#fff !important;margin-bottom:10px;}
  85. .sidebar .popone_right li .boxa{height:167px;position:relative;}
  86. .sidebar .popone_right li .boxa .txt1{padding:46px 8px 8px 8px;}
  87. .sidebar .popone_right li .boxa .txt1 h2{line-height:24px;font-size:15px;font-weight:normal;position:absolute;left:0;top:0;background:#A17FEF;padding:0 20px 0 10px;border-radius:0 0 30px 0;color:#fff;}
  88. .sidebar .popone_right li .boxa .txt1 .c{line-height:24px;color:#5A5A5A;font-size:15px;position:relative;z-index:1;}
  89. .sidebar .popone_right li .boxa .txt1 .e{font-size:10px;font-family:arial;color:#C5C5C5;text-transform:uppercase;font-weight:700;line-height:20px;z-index:1;position:relative;}
  90. .sidebar .popone_right li .boxa .txt1 .a{height:24px;display:inline-block;text-align:center;line-height:24px;border-radius:4px;z-index:1;position:relative;color:#FD5723;}
  91. .sidebar .popone_right li .boxa .txt1 .a:after{width:0; height:0; border-top:4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #FD5723;display:inline-block;position:absolute;content:"";right:-8px;top:9px;}
  92. /*sidebar-poptwo*/
  93. .sidebar .poptwo{width:1115px;height:540px;background:#f3f8fa;position:absolute;left:85px;top:0;display:none;}
  94. .sidebar .poptwo_left{height:500px;width:805px;float:left;background:#fff;padding:20px 30px;}
  95. .sidebar .poptwo_left .box1 h2{font-size:14px;color:#585858;padding-left:20px;background:url(../images/search.png) no-repeat left center;}
  96. .sidebar .poptwo_left .box1 .searchBlock {margin-top:10px;width: 802px;height: 44px;border: solid 1px #E7EAEE;background-color: #ffffff;position: relative;border-radius:3px;z-index:1;}
  97. .sidebar .poptwo_left .box1 .searchBlock span {width: 499px;display: inline-block;}
  98. .sidebar .poptwo_left .box1 .searchBlock .searchText {border: none;width:603px;height:44px;outline: 0 none;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 44px;letter-spacing: 0px;color: #676767;padding:0 10px;}
  99. .sidebar .poptwo_left .box1 .searchBlock .searchBtn {border: none;width:180px;height:45px;color: white;font-size: 16px;cursor: pointer;float: right;background:#ff580e;position:absolute;top:-1px;right:-1px;border-radius:0 3px 3px 0;transition: all .35s ease}
  100. .sidebar .poptwo_left .box1 .searchBlock .searchBtn:hover{background:#2B3D63;transition: all .35s ease}
  101. .sidebar .poptwo_left .box1 .searchBlock .search_box p {font-size: 12px; color:#2B3D63;margin-top: 5px;}
  102. .sidebar .poptwo_left .box1 .searchBlock .search_box p a {color: #a7a7a7;margin-right: 10px;}
  103. .sidebar .poptwo_left .box1 .searchBlock .search_box p a:hover {text-decoration: underline;color:#2B3D63;}
  104. /*sidebar-popthree*/
  105. .sidebar .popthree{width:1115px;height:540px;background:#f3f8fa;position:absolute;left:85px;top:0;display:none;}
  106. .sidebar .popthree_left{height:500px;width:805px;float:left;background:#fff;padding:20px 30px;}
  107. /*sidebar-popad*/
  108. .sidebar .popad{float:right;width:230px;height:520px;padding:10px;}
  109. .sidebar .popad li{height:166px;background:#fff;overflow:hidden;margin-bottom:10px;}
  110. .sidebar .popad li img{width:100%;height:100%;}
  111. /*sidebar-popad*/
  112. .sidebar .bottomad{position:absolute;bottom:12px;left:30px;}
  113. .sidebar .bottomad li{width:195px;background:#fff;overflow:hidden;float:left;margin-right:10px;}
  114. .sidebar .bottomad li img{width:100%;}
  115. /*鼠标交互效果*/
  116. .sidebar .single:hover .pop{transition: all .35s ease;display:block;}
  117. .sidebar .single.on{background:#fff;transition: all .35s ease}
  118. .sidebar .single.on dt{color:#FF570D;transition: all .35s ease}
  119. .sidebar .single6{background-color:#1C202C !important;}
  120. .sidebar .single6 a{color:#fff;}
  121. .sidebar .single6:hover a{color:#ff580e;}
  122. /*sidebar_right*/
  123. .sidebar_right{width:1200px;height:0;margin:0 auto;position:relative;}
  124. .sidebar_right .sidebarbox{width:230px;height:540px;background:#fff;z-index:3;position:absolute;right:0;top:8px;}
  125. .sidebar_right .bd_count{height:90px; overflow: hidden;border-bottom:1px dashed #DBDCDD;}
  126. .sidebar_right .bd_count .bd_count_box{overflow: hidden; width: 240px;}
  127. .sidebar_right .bd_count .count{background:#F3F5F8; text-align: center; padding: 15px 0;}
  128. .sidebar_right .bd_count .count li{background: #F3F5F8;}
  129. .sidebar_right .bd_count .count .dt{font-size: 28px; font-weight: 700; font-family: arial; color:#FF570D; line-height: 30px;}
  130. .sidebar_right .bd_count .count .dd{line-height: 30px; color:#929292;font-size:14px;}
  131. .sidebar_right .bd_count .count .dd span{position:relative;}
  132. .sidebar_right .bd_count .count .dd span:after{content:"";display:block;width:20px;height:1px;position:absolute;left:-25px;top:50%;margin-top:-0.5px;background:#CBCCCE;}
  133. .sidebar_right .bd_count .count .dd span:before{content:"";display:block;width:20px;height:1px;position:absolute;right:-25px;top:50%;margin-top:-0.5px;background:#CBCCCE;}
  134. .sidebar_right .business_news{background:#F3F5F8;padding:10px 18px;overflow: hidden;border-bottom:1px dashed #DBDCDD;}
  135. .sidebar_right .business_news .titles{height:30px;}
  136. .sidebar_right .business_news .titles span{display:block;float:left;height:30px;line-height:30px;color:#2B3D63;font-size:13px;font-weight:700;}
  137. .sidebar_right .business_news .titles .hd_business{float:left;height:30px;line-height:30px;margin-left:5px;}
  138. .sidebar_right .business_news .titles .hd_business .fy{float:left;width:20px;height:16px;margin-top:6px;cursor:pointer;border:1px solid #E0E0E0;margin-left:3px;border-radius:2px;}
  139. .sidebar_right .business_news .titles .hd_business .prev{background:url(../images/icon8.png) no-repeat center;}
  140. .sidebar_right .business_news .titles .hd_business .next{background:url(../images/icon9.png) no-repeat center;}
  141. .sidebar_right .business_news .titles .hd_business .prev:hover{background:#fff url(../images/icon8_1.png) no-repeat center;border-color:#5377C1;}
  142. .sidebar_right .business_news .titles .hd_business .next:hover{background:#fff url(../images/icon9_1.png) no-repeat center;border-color:#5377C1;}
  143. .sidebar_right .business_news .bd_business{height:40px;overflow:hidden;line-height:20px;}
  144. .sidebar_right .business_news .bd_business .p1{color:#535353;}
  145. .sidebar_right .business_news .bd_business .p2{color:#999999;}
  146. .sidebar_right .mvbtn{height:75px;cursor: pointer;}
  147. .sidebar_right .item{overflow:hidden;background:#fff;border-bottom:1px solid #E3E6EE;}
  148. .sidebar_right .item li{color:#4D4D4D;float:left;width:114px;border-top:1px solid #E3E6EE;height:45px;line-height:45px;border-right:1px solid #E3E6EE;text-align:center;font-size:14px;}
  149. .sidebar_right .item li a{display:block;height:100%;color:#F25204;font-weight:700;}
  150. .sidebar_right .item li a font{display:inline-block;padding-left:25px;}
  151. .sidebar_right .item li.li1 a font{background:url(../images/i1.png) no-repeat left center;}
  152. .sidebar_right .item li.li2 a font{background:url(../images/i2.png) no-repeat left center;}
  153. .sidebar_right .item li.li3 a font{background:url(../images/i3.png) no-repeat left center;}
  154. .sidebar_right .item li.li4 a font{background:url(../images/i4.png) no-repeat left center;}
  155. .sidebar_right .gonggao{background:#fff;padding:0 18px;}
  156. .sidebar_right .gonggao .titles{height:30px;padding-top:12px;}
  157. .sidebar_right .gonggao .titles span{display:block;float:left;height:30px;line-height:30px;padding-left:26px;color:#2B3D63;font-size:13px;font-weight:700;background:url(../images/gg.png) no-repeat left 5px;}
  158. .sidebar_right .gonggao .titles .gonggao_hd{float:right;height:30px;line-height:30px;}
  159. .sidebar_right .gonggao .titles .gonggao_hd .fy{float:left;width:20px;height:20px;margin-top:5px;cursor:pointer;}
  160. .sidebar_right .gonggao .titles .gonggao_hd .prev{background:url(../images/fy1.png) no-repeat center;}
  161. .sidebar_right .gonggao .titles .gonggao_hd .next{background:url(../images/fy2.png) no-repeat center;}
  162. .sidebar_right .gonggao .titles .gonggao_hd ul{float:left;overflow:hidden;}
  163. .sidebar_right .gonggao .titles .gonggao_hd ul li{width:5px;height:5px;float:left;margin:13px 3px 0 3px;background:#CACED7;border-radius:50%;cursor:pointer;}
  164. .sidebar_right .gonggao .titles .gonggao_hd ul li.on{background:#548ACE;}
  165. .sidebar_right .gonggao .gonggao_bd{line-height:30px;margin-top:7px;height:90px;overflow:hidden;}
  166. .sidebar_right .gonggao .newsli{overflow:hidden;}
  167. .sidebar_right .gonggao .newsli li{background:url(../images/icon3.png) no-repeat left center;padding-left:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 30px;line-height: 30px}
  168. .sidebar_right .gonggao .newsli li a{color:#A4A4A4;transition: all .35s ease}
  169. .sidebar_right .gonggao .newsli li a:hover{color:#135FBB;transition: all .35s ease}
  170. .sidebar_right .banner_right_bottom{height:30px;background:#fff;position:relative;padding:7px 0;border-top:1px solid #E2E5ED;margin-top:6px;}
  171. .sidebar_right .banner_right_bottom .com{display:block;width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;cursor:pointer;}
  172. .sidebar_right .banner_right_bottom .next{right:7px;background:url(../images/icon9_1.png) no-repeat center;}
  173. .sidebar_right .banner_right_bottom .prev{left:8px;background:url(../images/icon8_1.png) no-repeat center;}
  174. .sidebar_right .banner_right_bottom ul{width:175px;margin:0 auto;}
  175. .sidebar_right .banner_right_bottom ul li{font-size:14px;line-height:30px;font-weight:700;text-align:center;}
  176. .sidebar_right .banner_right_bottom ul li a{color:#135FBB;}
  177. /*banner_bottom*/
  178. .banner_bottom{height:0;margin:0 auto;width:1200px;position:relative;}
  179. .banner_bottom_box{height:125px;width:725px;background:#fff;position:absolute;top:-137px;left:235px;}
  180. .banner_bottom .contentul{overflow:hidden;}
  181. .banner_bottom .contentul li{width:129px;border-right:1px solid #F7F7F7;float:left;overflow:hidden;background-image: linear-gradient(-45deg,#ebe2ff,#fff);}
  182. .banner_bottom .contentul li .boxa{height:125px;position:relative;}
  183. .banner_bottom .contentul li .boxa .txt1{display:none;padding:46px 8px 8px 8px;}
  184. .banner_bottom .contentul li .boxa .txt1 h2{line-height:24px;font-size:15px;font-weight:normal;position:absolute;left:0;top:0;background:#A17FEF;padding:0 20px 0 10px;border-radius:0 0 30px 0;color:#fff;}
  185. .banner_bottom .contentul li .boxa .txt1 .c{line-height:24px;color:#5A5A5A;font-size:15px;position:relative;z-index:1;}
  186. .banner_bottom .contentul li .boxa .txt1 .e{font-size:10px;font-family:arial;color:#C5C5C5;text-transform:uppercase;font-weight:700;line-height:20px;z-index:1;position:relative;}
  187. .banner_bottom .contentul li .boxa .txt1 .a{height:24px;display:inline-block;text-align:center;line-height:24px;border-radius:4px;z-index:1;position:relative;}
  188. .banner_bottom .contentul li .boxa .txt1 .a:after{width:0; height:0; border-top:4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #353D59;display:inline-block;position:absolute;content:"";right:-8px;top:9px;}
  189. .banner_bottom .contentul li .boxa .txt2{position:relative;z-index:1;padding:10px;}
  190. .banner_bottom .contentul li .boxa .txt2 h2{font-size:13px;font-weight:normal;color:#7C5AC7;}
  191. .banner_bottom .contentul li .boxa .txt2 .c{color:#9F9F9F;}
  192. .banner_bottom .contentul li:hover h3{color:#2B3D63;}
  193. .banner_bottom .contentul li.on{width:205px;}
  194. .banner_bottom .contentul li.on .txt1{display:block;}
  195. .banner_bottom .contentul li.on .txt2{display:none;}
  196. .banner_bottom .contentul .li5{border-right:none;}
  197. .banner_bottom .contentul .li1 .boxa .a{color:#EF7E5A;}
  198. .banner_bottom .contentul .li2 .boxa .a{color:#477FBE;}
  199. .banner_bottom .contentul .li3 .boxa .a{color:#3BA4BB;}
  200. .banner_bottom .contentul .li4 .boxa .a{color:#DB4592;}
  201. .banner_bottom .contentul .li1 .txt1 .a:after{border-left: 4px solid #EF7E5A !important;}
  202. .banner_bottom .contentul .li2 .txt1 .a:after{border-left: 4px solid #477FBE !important;}
  203. .banner_bottom .contentul .li3 .txt1 .a:after{border-left: 4px solid #3BA4BB !important;}
  204. .banner_bottom .contentul .li4 .txt1 .a:after{border-left: 4px solid #DB4592 !important;}
  205. /*热门服务*/
  206. .blockbox1{background:#fff;margin-top:15px;}
  207. .blockbox1 .head{height:55px;padding:0 20px;border-bottom:1px solid #E1E7F3;}
  208. .blockbox1 .head .head_left{float:left;}
  209. .blockbox1 .head .head_left .s1{display:inline-block;border-bottom:2px solid #FF570D;font-weight:700;font-size:18px;color:#FF570D;height: 54px;line-height: 66px;padding-left:24px;background:url(../images/hot.png) no-repeat left 22px;}
  210. .blockbox1 .head .head_left .s2{font-size:14px;color:#94949D;}
  211. .blockbox1 .head .head_right{height:25px;margin:15px 0;float:right;line-height:25px;}
  212. .blockbox1 .head .head_right dt{float:left;width:130px;height:25px;font-size:14px;color:#37476B;font-weight:700;}
  213. .blockbox1 .head .head_right dd{float:left;width:400px;height:25px;overflow:hidden;}
  214. .blockbox1 .head .head_right dd li{width:400px;height:25px;color:#8A8A8A;}
  215. .blockbox1 .content{overflow:hidden;padding:20px;}
  216. .blockbox1 .content li{width:150px;height:110px;background:#E8EAF6;padding:25px 20px;float:left;margin-right:2px;transition: all .35s ease;}
  217. .blockbox1 .content li h2{line-height:24px;color:#233159;font-size:16px;position:relative;z-index:1;position:relative;}
  218. .blockbox1 .content li h2:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:30px;}
  219. .blockbox1 .content li .p1{font-size:10px;font-family:arial;color:#9199A9;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;}
  220. .blockbox1 .content li .p2{color:#FF4700;font-size:16px;font-family:arial;font-weight:700;margin-top:10px;}
  221. .blockbox1 .content li a{display:block;}
  222. .blockbox1 .content li .go{display:block;width:13px;height:13px;background:url(../images/go.png) no-repeat center;margin-top:5px;}
  223. .blockbox1 .content li .go2:after{width:0; height:0; border-top:4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #353D59;display:inline-block;position:absolute;content:"";right:-3px;top:9px;}
  224. .blockbox1 .content li .go2{color:#353D59;display:none;padding:0 10px;height:24px;text-align:center;line-height:22px;border-radius:4px;z-index:1;position:relative;padding-left:0;}
  225. .blockbox1 .content li.on{background-color:#F1F3F9 !important;width:350px !important;}
  226. .blockbox1 .content li.on .go{display:none;}
  227. .blockbox1 .content li.on .go2{display:inline-block;}
  228. .blockbox1 .content li.li5{margin-right:0;}
  229. /*blockbox2*/
  230. .blockbox2{margin-top:35px!important;}
  231. .blockbox2 .hd{height:500px;width:225px;background:#000;float:left;position:relative;z-index:1;}
  232. .blockbox2 .hd .hd1{height:120px;background:url(../images/hd1.jpg) no-repeat center top;}
  233. .blockbox2 .hd .hd1 h2{font-size:30px;color:#fff;padding:17px 0 0 20px;height:36px;line-height:36px;}
  234. .blockbox2 .hd .hd1 p{font-size:14px;color:#fff;margin-left:20px;font-weight:700;position:relative;height:20px;line-height:20px;}
  235. .blockbox2 .hd .hd1 p:after{content:"";width:12px;height:8px;background:url(../images/go3.png) no-repeat center;position:absolute;left:0;bottom:-15px;}
  236. .blockbox2 .hd .hd2{height:380px;background:#2F395D url(../images/hd2.png) no-repeat left bottom;}
  237. .blockbox2 .hd .hd2 .ht{height:50px;padding:0 13px;padding-left:20px;background:url(../images/go5.png) no-repeat 173px center;}
  238. .blockbox2 .hd .hd2 .ht a.ha{font-size: 16px;color:#fff;display:block;width:100%;height:100%;line-height:50px;position:relative;}
  239. .blockbox2 .hd li{border-top:1px solid rgba(225,225,225,0.1);}
  240. .blockbox2 .hd dl.dlm{border-bottom:1px dashed #4C5F87;padding:14.8px 0;margin-left:20px;display:none;}
  241. .blockbox2 .hd dl.dlm dd{overflow:hidden;margin-top:3px;height:20px;overflow:hidden;}
  242. .blockbox2 .hd dl.dlm dd a{color:#8395B8;padding:0 2px 0 0;font-size:12px;line-height:20px;white-space:nowrap;}
  243. .blockbox2 .hd dl.dlm dd a:hover{color:#fff;top:-1px;position:relative;}
  244. .blockbox2 .hd dl.dlm dd a.no{background:none !important;}
  245. .blockbox2 .hd dt.dt{font-size:14px;padding:0 13px 0 0;position:relative;height:22px;line-height:22px;color:#CFD7EB;}
  246. .blockbox2 .hd dt.dt a{color:#CFD7EB;display:block;height:100%;position:relative;padding-left:20px;}
  247. .blockbox2 .hd dt.dt a i{display:block;width:20px;height:20px;position:absolute;left:0;top:0;display:block;}
  248. .blockbox2 .hd li:first-child{border-top:none !important;}
  249. .blockbox2 .hd li .li_content{height:0px;overflow:hidden;}
  250. .blockbox2 .hd li.on .li_content{height:227.8px;}
  251. .blockbox2 .hd li:first-child.on{border-top:none !important;}
  252. .blockbox2 .hd li.on{border-top:1px solid transparent !important;}
  253. .blockbox2 .hd li.on dl.dlm{display:block;}
  254. .blockbox2 .hd li.on dl:last-child{border:1px solid transparent !important;}
  255. .blockbox2 .hd li.on .ht{background-color:#596CA9;border-right:6px solid #FF743E;border-bottom-color:transparent !important;width:191px;}
  256. .blockbox2 .bd{width:975px;height:500px;float:left;float:right;overflow:hidden;background: #fff;}
  257. .blockbox2 .bd li{width:975px;height:500px;}
  258. .blockbox2 .bd .single{float:left;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:relative;overflow:hidden;border-right:1px solid #EBEBEB;border-bottom:1px solid #EBEBEB;width:242.7px;height:250px;}
  259. .blockbox2 .bd .single a{display:block;height:188px;overflow:hidden;padding:31px 0;transition: all .35s ease;position:relative;}
  260. .blockbox2 .bd .single a:before{position:absolute;display:block;content:"";width:100%;height:100%;box-sizing:border-box;left:0;top:0;}
  261. .blockbox2 .bd .single .img{width:242.7px;height:90px;text-align:center;margin:0 15px;margin-bottom:20px;display: table-cell;vertical-align: middle;text-align: center;}
  262. .blockbox2 .bd .single .img img{max-width:90%;max-height:90px;transition: all .35s ease}
  263. .blockbox2 .bd .single:hover a:before{border:5px solid #F3F8FA;padding:26px 0;transition: border-width .55s ease;}
  264. .blockbox2 .bd .single:hover img{transform: scale(0.9);transition: all .35s ease}
  265. .blockbox2 .bd .single .txt{font-size:18px;text-align:center;color:#4C4C4C;line-height:27px;padding:5px 0 0 0;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
  266. .blockbox2 .bd .single .intro{font-size:12px;line-height:20px;color:#B0B0B0;text-align:center;padding:5px 0;margin:0 20px;}
  267. .blockbox2 .bd .moneybox{text-align:center;margin-top:5px;}
  268. .blockbox2 .bd .money{display:inline-block;overflow:hidden;}
  269. .blockbox2 .bd .money span{height:24px;line-height:26px;text-align:center;display:block;float:left;font-size:14px;font-family:arial;padding:0 5px;}
  270. .blockbox2 .bd .money .s1{background:#FF652B;color:#fff;font-weight:700;border:1px solid #FF652B;font-size:16px;}
  271. .blockbox2 .bd .money .s1 font{font-size:12px;}
  272. .blockbox2 .bd .money .s2{background:#fff;color:#ACACAC;text-decoration:line-through;border:1px solid #FF652B;}
  273. /*商标服务*/
  274. .blockbox3{padding:10px 0 40px 0;margin-top:25px;background:#233159 url(../images/b3.jpg) no-repeat center bottom;}
  275. .blockbox3 .t span{color:#fff;}
  276. .blockbox3 .content{overflow:hidden;margin-top:5px;}
  277. .blockbox3 .contnet_left{width:870px;height:445px;background:#fff;float:left;}
  278. .blockbox3 .hd{width:225px;height:445px;float:left;}
  279. .blockbox3 .hd .hd1{height:120px;background:url(../images/hd1.jpg) no-repeat center top;}
  280. .blockbox3 .hd .hd1 h2{font-size:30px;color:#fff;padding:17px 0 0 20px;height:36px;line-height:36px;}
  281. .blockbox3 .hd .hd1 p{font-size:14px;color:#fff;margin-left:20px;font-weight:700;position:relative;height:20px;line-height:20px;}
  282. .blockbox3 .hd .hd1 p:after{content:"";width:12px;height:8px;background:url(../images/go3.png) no-repeat center;position:absolute;left:0;bottom:-15px;}
  283. .blockbox3 .hd .hd2{height:325px;background:#2F395D url(../images/hd2.png) no-repeat left bottom;}
  284. .blockbox3 .hd .hd2 li{width:100%;border-bottom:1px solid rgba(225,225,225,0.1);transition: all .35s ease}
  285. .blockbox3 .hd .hd2 li a{display:block;padding:11px 20px;margin:0 5px 0 20px;}
  286. .blockbox3 .hd .hd2 li .s1{display:block;font-size:16px;color:#FFF;line-height:22px;height:22px;}
  287. .blockbox3 .hd .hd2 li .s2{display:block;color:#7284C0;font-size:12px;font-family:arail;line-height:18px;text-transform : uppercase;margin-top:2px;}
  288. .blockbox3 .hd .hd2 li.on{background:#596CA9;border-right:6px solid #FF743E;border-bottom-color:transparent !important;position:relative;border-bottom:1px solid transparent !important;transition: all .35s ease}
  289. .blockbox3 .hd .hd2 li.on:after{content:"";width:225px;height:1px;position:absolute;top:-1px;left:0;background:#596CA9;}
  290. .blockbox3 .hd .hd2 li.on:before{content:"";width:6px;height:66px;position:absolute;top:-1px;right:-6px;background:#FF743E;}
  291. .blockbox3 .bd{margin:0 25px;float:left;width:595px;height:445px;overflow:hidden;}
  292. .blockbox3 .bd_head{height:22px;border-bottom:1px solid #eee;padding:10px 0;line-height:22px;padding-top:20px;}
  293. .blockbox3 .bd_head .s1{float:left;color:#9D9D9D;font-size:14px;font-weight:700;}
  294. .blockbox3 .bd_head .s2{float:right;color:#AAAAAA;font-size:14px;padding-right:25px;background:url(../images/go4.png) no-repeat right;}
  295. .blockbox3 .bd dl{padding:23px 0;border-bottom:1px solid #eee;}
  296. .blockbox3 .bd dt h2{line-height:24px;color:#233159;font-size:20px;position:relative;z-index:1;position:relative;font-weight:normal;}
  297. .blockbox3 .bd dt h2:after{content: '';width:30px;height:1px;background:url(../images/hr2.png) no-repeat left center;display:block;position:absolute;left:0;top:30px;}
  298. .blockbox3 .bd dt .p1{font-size:10px;font-family:arial;color:#B8B8B8;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;}
  299. .blockbox3 .bd dd{overflow:hidden;margin-top:15px;}
  300. .blockbox3 .bd dd a{background:#fff;width:138px;height:38px;border:1px solid #DBDBDB;border-radius:1px;display:block;line-height:38px;font-size:13px;color:#5B5B5B;text-align:center;float:left;margin-right:10px;}
  301. .blockbox3 .bd dd a .s1{display:block;width:33px;border-right:1px solid #DBDBDB;height:38px;float:left;}
  302. .blockbox3 .bd dd a .s2{display:block;width:104px;height:38px;float:left;}
  303. .blockbox3 .bd dd a.on{color:#FF733D;border-color:#FF733D;position:relative;}
  304. .blockbox3 .bd dd a.on:after{content: '';width:16px;height:15px;background:url(../images/gou.png) no-repeat center;display:block;position:absolute;right:0;top:0;}
  305. .blockbox3 .bd dd a.on .s1{border-color:#FF733D;}
  306. .blockbox3 .bd .submit{width:200px;height:37px;display:block;line-height:37px;text-align:center;font-size:16px;font-weight:700;background:#FF733D;color:#fff;border-radius:4px;margin:21px auto;}
  307. .blockbox3 .contnet_right{width:325px;height:445px;background:#FFF;float:right;}
  308. .blockbox3 .contnet_right li{padding:18px 26px;border-bottom:1px solid #E4E5F0;position:relative;}
  309. .blockbox3 .contnet_right h2{line-height:24px;color:#233159;font-size:20px;position:relative;z-index:1;position:relative;font-weight:normal;background:url(../images/gou2.png) no-repeat right center;}
  310. .blockbox3 .contnet_right .p1:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:27.5px;}
  311. .blockbox3 .contnet_right .p1{font-size:10px;font-family:arial;color:#B8B8B8;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:4px;padding-bottom:15px;}
  312. .blockbox3 .contnet_right .p2{overflow:hidden;margin-left:-5px;height:21px;overflow:hidden;position:absolute;bottom:46px;width:273px;}
  313. .blockbox3 .contnet_right .p2 a{display:inline-block;font-size:14px;position:relative;padding:0 5px;color:#AFB3BF;transition: all .15s ease}
  314. .blockbox3 .contnet_right .p2 a:hover{color:#233159;transition: all .15s ease}
  315. .blockbox3 .contnet_right .p2 a:after {content: '';position: absolute;right: -2px;top: 50%;width: 1px;height: 9px;background-color: #AFB3BF;margin-top:-2.5px;}
  316. .blockbox3 .contnet_right .p2 a:last-child:after {background-color: transparent;}
  317. .blockbox3 .contnet_right .p3{color:#FF4700;font-size:16px;font-family:arial;font-weight:700;margin-top:26px;}
  318. .blockbox3 .contnet_right li:hover h2{background:url(../images/gou2_1.png) no-repeat right center;}
  319. /*地图查询*/
  320. @font-face {
  321. font-family: 'news706_b';
  322. src: url("font/news706blod/NEWS706B.woff2") format("woff2"),
  323. url("font/news706blod/NEWS706B.woff") format("woff"),
  324. url("font/news706blod/NEWS706B.svg") format("svg"),
  325. url("font/news706blod/NEWS706B.TTF") format("ttf"),
  326. url("font/news706blod/NEWS706B.eot") format("eot");
  327. }
  328. .zq_service{width: 100%;background-color:#F3F3F3;position: relative;z-index: 100;margin-top:200px;}
  329. .zq_service .title{position:absolute;z-index:1;top:-180px;}
  330. .zq_service .better_adviser .gd_map_box{height: auto !important;position: relative;}
  331. .zq_service .better_adviser .gd_map_box .adviser_title .adviser_p{background-color: #145fbc;}
  332. .zq_service .better_adviser .gd_map_box .service_data_box{width: 100%;height: 150px;background-color: #ffffff;box-shadow: 0px 0px 15px 5px rgba(52, 27, 21, 0.06);position: absolute;top:-70px;z-index: 111;}
  333. .zq_service .better_adviser .gd_map_box .service_data_box ul{display: inline-block;width: 100%;height: 100%;}
  334. .zq_service .better_adviser .gd_map_box .service_data_box ul li{width: 299px;height: 100%;float: left;border-right: 1px solid #e8e8e8;cursor: default;text-align:center;}
  335. .zq_service .better_adviser .gd_map_box .service_data_box ul li:last-child{border-right: none;}
  336. .zq_service .better_adviser .gd_map_box .service_data_box ul li:hover h2{color: #145fbc;}
  337. .zq_service .better_adviser .gd_map_box .service_data_box ul li h2{color: #3b3b3b;font-size: 50px;font-family: news706_b;margin-top: 25px;position: relative;transition: color 0.3s linear;}
  338. .zq_service .better_adviser .gd_map_box .service_data_box ul li h2 .top_label{width: 14px;height: 14px;display: inline-block;font-size: 14px;color: #919191;font-weight: normal;position: relative;right: 15px;top: -30px;}
  339. .zq_service .better_adviser .gd_map_box .service_data_box ul li h2 .top_label div{background-color: rgba(85, 85, 85, 0.4);position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
  340. .zq_service .better_adviser .gd_map_box .service_data_box ul li h2 .top_label .x_s{width: 100%;height: 4px;}
  341. .zq_service .better_adviser .gd_map_box .service_data_box ul li h2 .top_label .y_s{width: 4px;height: 100%;}
  342. .zq_service .better_adviser .gd_map_box .service_data_box ul li p{color: #919191;font-size: 14px;}
  343. .zq_service .better_adviser .gd_map_box .map_query_div{width: 372px;height: 540px;padding: 20px 18px;text-align: left;background-color: #ffffff;box-shadow: 0px 0px 15px 5px rgba(52, 27, 21, 0.06);position: absolute;left: 0;top: 120px;z-index: 9;}
  344. .zq_service .better_adviser .gd_map_box .map_query_div .map_query_input{border: solid 1px #e2e2e2;}
  345. .zq_service .better_adviser .gd_map_box .map_query_div .map_query_input input{display: inline-block;width: 270px;height: 40px;padding: 0 8px;color: #ff734e;}
  346. .zq_service .better_adviser .gd_map_box .map_query_div .map_query_input a{display: inline-block;width: 78px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #ffffff;position: absolute;right: 18px;background:#EF1E25;}
  347. .zq_service .better_adviser .gd_map_box .map_query_div .query_toast{color: #acacac;font-size: 12px;padding-top: 13px;padding-bottom: 18px;}
  348. .zq_service .better_adviser .gd_map_box .map_query_div .city_query_tab{width: 100%;height: 30px;border-bottom: 1px solid #d5d5d5;}
  349. .zq_service .better_adviser .gd_map_box .map_query_div .city_query_tab li{display: inline-block;line-height: 30px;padding: 0 8px;color: #cc5656;cursor: default;}
  350. .zq_service .better_adviser .gd_map_box .map_query_div .city_query_tab li.on{border: 1px solid #d5d5d5;border-bottom: none;background-color: #ffffff;}
  351. .zq_service .better_adviser .gd_map_box .map_query_div .city_list_box{height: 225px;width: 100%;padding: 20px 0;overflow: hidden;}
  352. .zq_service .better_adviser .gd_map_box .map_query_div .city_list_box .city_list_ul{display: none;height: 100%;width: 105%;overflow: auto;}
  353. .zq_service .better_adviser .gd_map_box .map_query_div .city_list_box .city_list_ul li{width: 60px;margin-right: 10px;margin-top: 20px;display: inline-block;}
  354. .zq_service .better_adviser .gd_map_box .map_query_div .city_list_box .city_list_ul li:nth-of-type(5n){margin-right: 0;}
  355. .zq_service .better_adviser .gd_map_box .map_query_div .city_list_box .city_list_ul li a{color: #7c7c7c;font-size: 12px;}
  356. .zq_service .better_adviser .gd_map_box .map_query_div .city_list_box .city_list_ul li a:hover{color: #145fbc;}
  357. .zq_service .better_adviser .gd_map_box .map_query_div .query_map_bottom{padding: 0 10px;}
  358. .zq_service .better_adviser .gd_map_box .map_query_div .query_map_bottom h2{display: inline-block;font-size: 16px;color: #414141;margin-top: 25px;}
  359. .zq_service .better_adviser .gd_map_box .map_query_div .query_map_bottom .slide{width: 15px;height: 1px;background-color: #e8e8e8;margin-top: 17px;}
  360. .zq_service .better_adviser .gd_map_box .map_query_div .query_map_bottom p{color: #797979;font-size: 13px;line-height: 30px;height: 60px;overflow: hidden;margin-top: 17px;}
  361. .zq_service .query_city{width: 100%;height: 735px;position: relative;border-top:2px solid #fff;border-bottom:2px solid #fff;}
  362. .zq_service .query_city #gd_map_box{width: 100%;height: 100%;}
  363. .zq_service .query_city #gd_map_box .amap-ui-smp-ifwn-container .amap-ui-infowindow-close{display: none;}
  364. .zq_service .query_city #gd_map_box .amap-ui-smp-ifwn-container h3.amap-ui-infowindow-title{display: none;}
  365. .zq_service .amap-info-contentContainer .amap-ui-smp-ifwn-content-body{box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);border-color: #cccccc;}
  366. .zq_service .amap-info-contentContainer .custom_gdmap_windows{width: 260px;height: 80px;padding: 21px;background-color: #ffffff;position: relative;}
  367. .zq_service .amap-info-contentContainer .custom_gdmap_windows .map_head_img{width: 80px;height: 80px;border-radius: 50%;float: left;}
  368. .zq_service .amap-info-contentContainer .custom_gdmap_windows .map_head_img img{width: 100%;}
  369. .zq_service .amap-info-contentContainer .custom_gdmap_windows .map_company_info{float: right;width: 170px;padding-left: 10px;height: 100%;}
  370. .zq_service .amap-info-contentContainer .custom_gdmap_windows .map_company_info .name{color: #474747;font-size: 16px;}
  371. .zq_service .amap-info-contentContainer .custom_gdmap_windows .map_company_info .info{color: #a2a2a2;font-size: 12px;padding: 5px 0 15px 0;}
  372. .zq_service .amap-info-contentContainer .custom_gdmap_windows .map_company_info a{display: block;width: 72px;height: 23px;line-height: 23px;text-align: center;border: solid 1px #ff734e;color: #ff734e;}
  373. /*专利服务*/
  374. .blockbox4{padding-top:20px;}
  375. .blockbox4 .content{padding:20px;background:#fff;overflow:hidden;}
  376. .blockbox4 .content_focus{width:455px;height:265px;position:relative;float:left;}
  377. .blockbox4 .content_focus .bd{width:455px;height:265px;overflow:hidden;}
  378. .blockbox4 .content_focus .bd li{width:455px;height:265px;float:left;}
  379. .blockbox4 .content_focus .bd li h2{line-height:28px;color:#233159;font-size:24px;position:relative;z-index:1;font-weight:normal;margin-top:70px;margin-left:25px;position:relative;}
  380. .blockbox4 .content_focus .bd li h2:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:35px;}
  381. .blockbox4 .content_focus .bd li .p1{font-size:10px;font-family:arial;color:#C5C5C5;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;margin-left:25px;}
  382. .blockbox4 .content_focus .bd li .p2{color:#FF4700;font-size:16px;font-family:arial;font-weight:700;margin-top:20px;margin-left:25px;}
  383. .blockbox4 .content_focus .bd li .a{height:24px;display:inline-block;text-align:center;line-height:24px;border-radius:4px;z-index:1;position:relative;color:#233159;margin-top:3px;margin-left:25px;}
  384. .blockbox4 .content_focus .bd li .a:after{width:0; height:0; border-top:4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #353D59;display:inline-block;position:absolute;content:"";right:-8px;top:9px;}
  385. .blockbox4 .content_focus .bd li a{display:block;width:100%;height:100%;}
  386. .blockbox4 .content_focus .bd li .i1{background:#FF5408;font-size:10px;color:#fff;padding:0 5px;border-radius:2px;position:absolute;left:0;top:-18px;height:18px;line-height:18px; font-family: news706_b;text-transform : uppercase}
  387. .blockbox4 .content_focus .bd li .i1:after{content: '';position:absolute;left:50%;margin-left:-4.5px;bottom:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #FF5408;}
  388. .blockbox4 .content_focus .hd{height:10px;text-align:center;position:absolute;z-index:1;left:0;bottom:20px}
  389. .blockbox4 .content_focus .hd ul{overflow:hidden;margin-left:24px;}
  390. .blockbox4 .content_focus .hd li{display:block;width:8px;height:8px;background:#fff;margin:0 3px;border-radius:5px;cursor:pointer;opacity:0.6;text-indent:-9999999px;transition: all .35s ease;border:1px solid #8D92A5;float:left;}
  391. .blockbox4 .content_focus .hd li.on{opacity:0.8;transition: all .35s ease;border:1px solid #2E3B5E;background:#898EA1;}
  392. .blockbox4 .content_right{float:left;height:265px;width:480px;position:relative;}
  393. .blockbox4 .content_right li{width:190px;height:80px;background:#F1F3F7;padding:25px 20px;float:left;margin:0 0 5px 5px;transition: all .35s ease;}
  394. .blockbox4 .content_right li:hover h2{background:url(../images/jiantou.png) no-repeat right center;}
  395. .blockbox4 .content_right li h2{line-height:24px;color:#233159;font-size:16px;position:relative;z-index:1;position:relative;display:inline-block;padding-right:20px;}
  396. .blockbox4 .content_right li h2:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:30px;}
  397. .blockbox4 .content_right li .p1{font-size:10px;font-family:arial;color:#8E8E8E;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;}
  398. .blockbox4 .content_right li .p2{color:#FF4700;font-size:16px;font-family:arial;font-weight:700;margin-top:10px;}
  399. .blockbox4 .content_right li a{display:block;}
  400. .blockbox4 .content_right .li5{background-position:center bottom !important;position:absolute;right:-225px;top:0;height:215px !important;}
  401. /*版权服务*/
  402. .blockbox5{padding-top:20px;}
  403. .blockbox5 .content{padding:20px;background:#fff;overflow:hidden;}
  404. .blockbox5 .content_left{width:940px;height:265px;position:relative;float:left;}
  405. .blockbox5 .content_left li{width:190px;height:80px;background:#F1F3F7;padding:25px 20px;float:left;margin:0 5px 5px 0;transition: all .35s ease;}
  406. .blockbox5 .content_left li:hover h2{background:url(../images/jiantou.png) no-repeat right center;display:inline-block;padding-right:20px;}
  407. .blockbox5 .content_left li h2{line-height:24px;color:#233159;font-size:16px;position:relative;z-index:1;position:relative;}
  408. .blockbox5 .content_left li h2:after{content: '';width:30px;height:1px;background:url(../images/hr2.png) no-repeat left center;display:block;position:absolute;left:0;top:53px;}
  409. .blockbox5 .content_left li .p1{font-size:10px;font-family:arial;color:#8E8E8E;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:5px;}
  410. .blockbox5 .content_left li .p2{color:#FF4700;font-size:16px;font-family:arial;font-weight:700;margin-top:8px;}
  411. .blockbox5 .content_left li a{display:block;}
  412. .blockbox5 .content_left .li1{width:425px;}
  413. .blockbox5 .content_right{width:220px;height:265px;float:right;}
  414. .blockbox5 .content_right li{width:220px;height:130px;position:relative;margin-bottom:5px;}
  415. .blockbox5 .content_right li .img{width:220px;height:130px;}
  416. .blockbox5 .content_right li .img img{width:220px;height:130px;}
  417. .blockbox5 .content_right li .txt{position:absolute;left:0;bottom:0;width:100%;text-align:center;line-height:30px;background:rgba(0,0,0,0.6);color:#fff;font-size:14px;z-index:1;}
  418. /*创新服务*/
  419. .blockbox6{padding-top:20px;}
  420. .blockbox6 .content{padding:20px;background:#fff;overflow:hidden;}
  421. .blockbox6 .content_center{width:470px;height:305px;position:relative;float:left;}
  422. .blockbox6 .content_center li{width:190px;height:100px;background:#F1F3F7;padding:25px 20px;float:left;margin:0 5px 5px 0;transition: all .35s ease;}
  423. .blockbox6 .content_center li:hover h2{background:url(../images/jiantou.png) no-repeat right center;display:inline-block;padding-right:20px;}
  424. .blockbox6 .content_center li h2{line-height:24px;color:#233159;font-size:16px;position:relative;z-index:1;position:relative;}
  425. .blockbox6 .content_center li h2:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:30px;}
  426. .blockbox6 .content_center li .p1{font-size:10px;font-family:arial;color:#8E8E8E;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;}
  427. .blockbox6 .content_center li a{display:block;}
  428. .blockbox6 .content_center li .a{padding:0 14px 0 8px;height:22px;display:inline-block;text-align:center;line-height:22px;border-radius:4px;z-index:1;position:relative;border:1px solid #FD5723;color:#FD5723;background:#fff;margin-top:10px;}
  429. .blockbox6 .content_center li .a:after{width:0; height:0; border-top:4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #FD5723;display:inline-block;position:absolute;content:"";right:6px;top:8px;}
  430. .blockbox6 .content_center .li5{background-position:center bottom !important;position:absolute;right:-295px;top:0;height:255px !important;width:250px !important;}
  431. .blockbox6 .content_center .li5 .a{background:#FD5723;color:#fff;padding-right:8px;}
  432. .blockbox6 .content_left{width:395px;height:305px;float:left;margin-right:5px;}
  433. .blockbox6 .content_left h2{line-height:28px;color:#233159;font-size:24px;position:relative;z-index:1;font-weight:normal;margin-top:70px;margin-left:25px;position:relative;}
  434. .blockbox6 .content_left h2:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:35px;}
  435. .blockbox6 .content_left .p1{font-size:10px;font-family:arial;color:#8E8E8E;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;margin-left:25px;}
  436. .blockbox6 .content_left a{display:block;width:100%;height:100%;}
  437. .blockbox6 .content_left .i1{background:#FF5408;font-size:10px;color:#fff;padding:0 5px;border-radius:2px;position:absolute;left:0;top:-18px;height:18px;line-height:18px; font-family: news706_b;text-transform : uppercase}
  438. .blockbox6 .content_left .i1:after{content: '';position:absolute;left:50%;margin-left:-4.5px;bottom:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #FF5408;}
  439. .blockbox6 .content_left .a{padding:0 8px;height:22px;display:inline-block;text-align:center;line-height:22px;border-radius:4px;z-index:1;position:relative;border:1px solid #FD5723;background:#FD5723;color:#fff;margin-top:10px;margin-left:25px;}
  440. .blockbox6 .content_center li.li5 .a::after{display:none !important;}
  441. /*知识产权团队*/
  442. .blockbox7{padding-top:20px;}
  443. .blockbox7 .content{padding:20px;background:#fff;overflow:hidden;}
  444. .blockbox7 .content li{float:left;}
  445. .blockbox7 .content li.litxt{width:230px;height:100px;background:#F1F3F7;padding:30px;float:left;transition: all .35s ease;position:relative;}
  446. .blockbox7 .content li.litxt:after{content:"";width:10px;height:10px;border-left:2px solid #EAA982;left:5px;top:5px;border-top:2px solid #EAA982;display:block;position:absolute;}
  447. .blockbox7 .content li.litxt:hover{box-shadow: 0 2px 2px 0 rgba(44, 71, 146, 0.17);transition: all .35s ease;}
  448. .blockbox7 .content li.litxt h2{line-height:24px;color:#233159;font-size:16px;position:relative;z-index:1;position:relative;}
  449. .blockbox7 .content li.litxt h2:after{content: '';width:30px;height:1px;background:url(../images/hr.png) no-repeat left center;display:block;position:absolute;left:0;top:47px;}
  450. .blockbox7 .content li.litxt .p0{font-size:10px;font-family:arial;color:#C5C5C5;text-transform:uppercase;font-weight:700;line-height:20px;}
  451. .blockbox7 .content li.litxt .p1{font-size:10px;font-family:arial;color:#8E8E8E;text-transform:uppercase;line-height:20px;z-index:1;position:relative;font-size:14px;margin-top:10px;color:#4E5771;}
  452. .blockbox7 .content li.litxt a{display:block;}
  453. .blockbox7 .content li.litxt .a{font-size:22px;padding:0 12px;height:14px;display:inline-block;text-align:center;line-height:9px;border-radius:10px;z-index:1;position:relative;border:1px solid #233159;color:#233159;background:#fff;margin-top:10px;}
  454. .blockbox7 .content li.liimg{width:143px;height:160px;position:relative;margin: 1px;}
  455. .blockbox7 .content li.liimg .img{width:143px;height:160px;background-color: #1b1f27}
  456. .blockbox7 .content li.liimg .img img{width:100%;height:100%;}
  457. .blockbox7 .content li.liimg .txt{position:absolute;width:100%;left:0;bottom:0;z-index:1;background:rgba(0,0,0,0.6);height:0;overflow:hidden;transition: all .35s ease;}
  458. .blockbox7 .content li.liimg .txt:after{content:"";width:10px;height:10px;border-left:2px solid #3D3D3D;left:5px;top:5px;border-top:2px solid #3D3D3D;display:block;position:absolute;}
  459. .blockbox7 .content li.liimg .txt .s1{display:block;height:30px;line-height:30px;font-size:16px;color:#FFFFFF;text-align:center;padding-top:45px;}
  460. .blockbox7 .content li.liimg .txt .s2{width:100px;font-size:14px;padding:0 8px;height:26px;display:block;text-align:center;line-height:26px;border-radius:13px;z-index:1;position:relative;border:1px solid #FD5723;background: #FD5723;color: #fff;margin:0 auto;margin-top:10px;}
  461. .blockbox7 .content li.liimg:hover .txt{height:100%;transition: all .35s ease}
  462. /*案例●访谈*/
  463. .blockbox9{padding:20px 0 50px 0;}
  464. .blockbox9 .news_left{width:515px;float:left;height:460px;float:left;background:#fff;}
  465. .blockbox9 .news_left:hover h2{color:#FF863D !important;transition: all .35s ease}
  466. .blockbox9 .news_left .img{height:310px;background:#fff;position:relative;}
  467. .blockbox9 .news_left .img img{width:100%;height:100%;}
  468. .blockbox9 .news_left .img .palybtn{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/mask.png);cursor:pointer;}
  469. .blockbox9 .news_left .img .palybtn span{display:block;width:77px;height:77px;margin:116.5px auto;background:url(../images/p.png) no-repeat center;}
  470. .blockbox9 .news_left .one_li_content h2{font-size:18px;font-weight:normal;color:#535353;padding:15px 25px 5px 25px;line-height:1.5;transition: all .35s ease}
  471. .blockbox9 .news_left .one_li_content p.time{font-family:arial;font-size:14px;background:url(../images/zhr6.png) no-repeat 25px bottom;padding-bottom:5px;color:#aaa;padding-left:24px;line-height:1.5;transition: all .35s ease}
  472. .blockbox9 .news_left .one_li_content p.text{line-height:22px;font-size:14px;color:#A4A4A4;padding:10px 25px 20px 25px;background:url(../images/spot.png) no-repeat 25px bottom;}
  473. .blockbox9 .news_right{width:676px;float:right;float:right;height:460px;overflow:hidden;}
  474. .blockbox9 .news_right .li{height:152.5px;background:#fff;margin-bottom:4px;}
  475. .blockbox9 .news_right .li:last-child{border-bottom:none;}
  476. .blockbox9 .news_right .li a{display:block;width:100%;height:100%;}
  477. .blockbox9 .news_right .li:hover h2{color:#FF863D;transition: all .35s ease}
  478. .blockbox9 .news_right .li:hover .time{color:#FF863D;transition: all .35s ease}
  479. .blockbox9 .news_right .time{transition: all .35s ease;height:100%;width:145px;border-right:1px solid #F2F2F2;text-align:center;line-height:145px;font-size:30px;color:#233159;font-family:arial;position:relative;float:left;}
  480. .blockbox9 .news_right .time em{position:absolute;font-size:15px;color:#CCCCCC;font-family:arial;left:10px;top:10px;line-height:15px;}
  481. .blockbox9 .news_right .news_li_content{margin-left:145px;}
  482. .blockbox9 .news_right .news_li_content h2{transition: all .35s ease;font-size:18px;font-weight:normal;color:#233159;padding:20px 25px 12px 25px;background:url(../images/zhr6.png) no-repeat 25px bottom;line-height:1.5;}
  483. .blockbox9 .news_right .news_li_content .p{line-height:22px;font-size:13px;color:#A4A4A4;padding:10px 25px 20px 25px;background:url(../images/spot.png) no-repeat 25px bottom;}
  484. .blockbox9 .news_right .news_li_content p{height:44px;overflow:hidden;}
  485. /*资讯动态*/
  486. .blockbox10{background:#F3F4F8;padding:20px 0;}
  487. .blockbox10 .news{margin:0 auto;padding:10px 0;}
  488. .blockbox10 .news .ul{border-radius:5px;height:450px;}
  489. .blockbox10 .news .li{background:#fff;width:600px;float:right;height:450px;background:#fff;}
  490. .blockbox10 .news_title{border-bottom:1px dotted #CACFD9;height:55px;line-height:55px;}
  491. .blockbox10 .news_title .text{line-height:55px;font-size:16px;color:#404041;margin-left:25px;}
  492. .blockbox10 .news a.mores{float:right;display:block;height:10px;line-height:10px;margin:22px 18px 0 0;color:#727272;padding-left:10px;background:url(../images/jt.png) no-repeat left center;}
  493. .blockbox10 .news a.mores:hover{color:#000;}
  494. .blockbox10 .news ul{padding:25px 25px 15px 25px;}
  495. .blockbox10 .news ul li a{display:block;}
  496. .blockbox10 .news ul li font{float:right;font-family:arial;font-size:13px;color:#999;}
  497. .blockbox10 .news ul li:hover a{color:#145FBC;}
  498. .blockbox10 .news ul li:hover h2{color:#145FBC !important;}
  499. .blockbox10 .news .one{overflow:hidden;border-bottom: 1px dotted #CACFD9;padding-bottom:25px;}
  500. .blockbox10 .news .one .img{height:90px;width:150px;text-align:center;color:#fff;font-family:arial;position:relative;float:left;}
  501. .blockbox10 .news .one .img img{width:100%;height:100%;}
  502. .blockbox10 .news .one .news_li_content{margin-left:165px;}
  503. .blockbox10 .news .one .news_li_content .img{width:100%;height:100%;}
  504. .blockbox10 .news .one .news_li_content h2{font-size:16px;font-weight:normal;color:#61697B;padding:2px;position:relative;}
  505. .blockbox10 .news .one .news_li_content h2:after{content: '';position: absolute;left: 0;bottom:0;width:16px;height:1px;}
  506. .blockbox10 .news .one .news_li_content p{line-height:22px;font-size:13px;color:#999;height:22px;overflow:hidden;position:relative;height:44px;line-height:22px;}
  507. .blockbox10 .news .one .news_li_content p:after{content: '';position: absolute;left: 0;bottom:0;width:20px;height:5px;}
  508. .blockbox10 .news .one div.time{font-family:arial;font-size:12px;color:#D2D2D2;}
  509. .blockbox10 .news li.s{line-height:55px;border-bottom: 1px dotted #CACFD9;font-size:14px;color:#6C6C6C;padding-left:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:url(../images/jt.jpg) no-repeat left center;position:relative;}
  510. .blockbox10 .news li.s a{color:#8A8A8A;float:left;width:270px;}
  511. .blockbox10 .news .li1{border-radius:5px 0 0 5px;}
  512. .blockbox10 .news .li3{border-radius:0 5px 5px 0;}
  513. .blockbox10 .news .one2{overflow:hidden;border-bottom: 1px dotted #CACFD9;height:140px;}
  514. .blockbox10 .news .liboxs{padding:0 15px;line-height:22px;}
  515. .blockbox10 .news .liboxs a{display:block;width:45%;height:22px;float:left;margin:0 0 4px 0;color:#6D6D6D !important;}
  516. .blockbox10 .news .liboxs a:hover{color:#145FBC !important;}
  517. .blockbox10 .news .liboxs .a2,.blockbox10 .news .liboxs .a4{float:right;}
  518. .blockbox10 .news .one2li{line-height:50px;border-bottom: 1px dotted #CACFD9;}
  519. .blockbox10 .news .one2li a{color:#858282;font-size: 12px;line-height:55px;padding:0 15px;background:url() no-repeat 23px center;}
  520. .blockbox10 .news .li3{width:310px;border-right:none;border-radius:4px;overflow:hidden;border:1px solid #E4E7EE;}
  521. .blockbox10 .news .sort{padding:0 !important;}
  522. .blockbox10 .ul_left{float:left;width:1200px !important;border-radius:4px;overflow:hidden;border:1px solid #E4E7EE;}
  523. .blockbox10 .ul_left .li{height:394px;}
  524. .blockbox10 .big_news_title{border-bottom:1px dotted #CACFD9;height:55px;background:#fff;}
  525. .blockbox10 .big_news_title .text{line-height:55px;font-size:15px;color:#252525;margin-left:25px;font-weight:700;}
  526. .blockbox10 .ul_left .hd{float:left;}
  527. .blockbox10 .ul_left .hd ul{padding:0;overflow:hidden;height:100%;}
  528. .blockbox10 .ul_left .hd li{height:56px;width:149.5px;border-right:1px dotted #CACFD9;float:left;line-height:55px;text-align:center;color:#213151;font-size:15px;position:relative;color:#7B7B7B;cursor:pointer;}
  529. .blockbox10 .ul_left .hd li.on em{color:#0067E5;font-weight:700;}
  530. .blockbox10 .ul_left .hd li.on{font-weight:700;background:#FFF;font-size:16px;color:#343434;}
  531. .blockbox10 .ul_left .hd li span{padding-right:20px;position:relative;}
  532. .blockbox10 .ul_left .hd li i{display:block;width:17px;height:17px;position:absolute;right:0;top:50%;margin-top:-8.5px;}
  533. .blockbox10 .ul_left .bd{float:left;height:394px;overflow:hidden;}
  534. .blockbox10 .uls{width:1200px !important;height:394px !important;}
  535. .blockbox10 .ul_left .lis{overflow:hidden;width:1200px !important;height:394px !important;overflow:hidden;}
  536. .blockbox10 .news .one2 .search2{margin:15px;}
  537. .blockbox10 .news .one2 .search2 .searchBlock {height: 36px;border: solid 1px #ddd;background-color: #ffffff;position: relative;}
  538. .blockbox10 .news .one2 .search2 .searchBlock label {width: 36px;text-align: center;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
  539. .blockbox10 .news .one2 .search2 .searchBlock span {display:block;}
  540. .blockbox10 .news .one2 .search2 .searchBlock .searchText {background:#F4F4F4;border: none;height: 36px;width:206px;padding:0 10px;outline: 0 none;font-size: 12px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 0px;color: #676767;}
  541. .blockbox10 .news .one2 .search2 .searchBlock .searchText:hover{background:#fff;}
  542. .blockbox10 .news .one2 .search2 .searchBlock .searchText:focus{background:#fff;}
  543. .blockbox10 .news .one2 .search2 .searchBlock .searchBtn {border: none;width: 53px;height: 38px;color: white;font-size: 14px;cursor: pointer;float: right;background:#747F9F;position:absolute;top:-1px;right:-1px;}
  544. .blockbox10 .news .one2 .search2 .searchBlock .searchBtn:hover {background:#174BB8;}
  545. /*blockbox11*/
  546. .blockbox11{background:#F3F4F8 url(../images/b11.jpg) no-repeat center bottom;padding-bottom:10px;}
  547. .blockbox11 .publicblock{height:120px;}
  548. .blockbox11 .publicblock ul{width:110%;}
  549. .blockbox11 .publicblock li{display:block;width:165px;height:120px;background:#fff;float:left;margin-right:7.5px;position:relative;}
  550. .blockbox11 .publicblock i.j1{width:10px;height:10px;border-left:2px solid #D9DFEE;left:5px;top:5px;border-top:2px solid #D9DFEE;display:block;position:absolute;}
  551. .blockbox11 .publicblock li h3{font-size:24px;font-weight:700;color:#233159;padding:20px 20px 5px 20px;}
  552. .blockbox11 .publicblock li h3 span{padding-right:22px;background:url(../images/i8.png) no-repeat right 14px;}
  553. .blockbox11 .publicblock li p{font-size:12px;color:#A5A5A5;line-height:20px;padding:0 20px;}
  554. /*floor*/
  555. .floorbox{height:0;position:fixed;width:1200px;left:50%;margin-left:-600px;top:50%;z-index:100;}
  556. .floor{width:50px;background:#fff;position:absolute;left:-75px;top:50%;border-radius:3px;z-index:100;margin-top:-258px;display:none;}
  557. .floor dt{width:50px;height:50px;border-radius:3px 3px 0 0;background:#233159;}
  558. .floor dt a{display:block;width:50px;height:50px;text-align:center;color:#Fff;font-size:12px;line-height:68px;}
  559. .floor dt a i{display:block;width:20px;height:20px;position:absolute;left:50%;margin-left:-10px;top:5px;background: url(../images/m6.png) no-repeat center;background-size:cover;}
  560. .floor dd{width:48px;border:1px solid #ddd;border-radius:0 0 3px 3px;border-top:none;}
  561. .floor dd a{line-height:18px;padding:10px 12px;height:36px;display:block;}
  562. .floor dd a:nth-child(odd){background:#F4F7FF;}
  563. .floor dd a span{line-height:20px;text-align:center;display:block;color:#8C8C8C;}
  564. .floor dd a.on{background:#FC5F1E;border-bottom:1px solid #FC5F1E;width:26px;height:42px;position:relative;left:-1px;top:-1px;}
  565. .floor dd a.on span{color:#fff !important;}
  566. .floor dd a:hover span{color:#7F7FFF;}
  567. .floor dd a.top{display:block;height:40px;text-align:center;color:#8C8C8C;font-size:12px;line-height:60px;position:relative;border-bottom:none;}
  568. .floor dd a.top i{display:block;width:20px;height:15px;position:absolute;left:50%;margin-left:-10px;top:12px;background: url(../images/huidaodingbu.png) no-repeat center;}
  569. @media screen and (max-width: 1400px){.list-left{display: none;}
  570. .floor{position:fixed !important;left:10px !important;}
  571. }
  572. /*查询能否注册弹窗*/
  573. .background_1 {
  574. position: fixed;
  575. _position: absolute;
  576. z-index: 9999;
  577. top: 0px;
  578. left: 0px;
  579. width: 100%;
  580. height: 100%;
  581. background: #323232;
  582. background: rgba(0, 0, 0, 0.5);
  583. display: none;
  584. }
  585. .background_2 {
  586. position: fixed;
  587. _position: absolute;
  588. z-index: 9999;
  589. top: 0px;
  590. left: 0px;
  591. width: 100%;
  592. height: 100%;
  593. background: #323232;
  594. background: rgba(0, 0, 0, 0.5);
  595. display: none;
  596. }
  597. .background_3 {
  598. position: fixed;
  599. _position: absolute;
  600. z-index: 9999;
  601. top: 0px;
  602. left: 0px;
  603. width: 100%;
  604. height: 100%;
  605. background: #323232;
  606. background: rgba(0, 0, 0, 0.5);
  607. display: none;
  608. }
  609. .background_4 {
  610. position: fixed;
  611. _position: absolute;
  612. z-index: 9999;
  613. top: 0px;
  614. left: 0px;
  615. width: 100%;
  616. height: 100%;
  617. background: #323232;
  618. background: rgba(0, 0, 0, 0.5);
  619. display: none;
  620. }
  621. .webox {
  622. position: fixed;
  623. _position: absolute;
  624. z-index: 9999;
  625. padding: 14px;
  626. _background: #000;
  627. background: rgba(10, 10, 10, 0.5);
  628. border-radius: 5px;
  629. width: 700px;
  630. height: 490px;
  631. display: block;
  632. left: 50%;
  633. top: 50%;
  634. margin: -245px 0 0 -350px;
  635. }
  636. .webox #inside {
  637. background-color: #ffffff;
  638. height: 490px;
  639. }
  640. .webox #inside h1 {
  641. -moz-user-select: none;
  642. -webkit-user-select: none;
  643. position: relative;
  644. display: block;
  645. margin: 0;
  646. padding: 0;
  647. font-size: 18px;
  648. color: #fff;
  649. line-height: 60px;
  650. height: 60px;
  651. padding-left: 35px;
  652. font-family: Arial;
  653. background: #0586eb;
  654. cursor: move;
  655. }
  656. .webox #inside h1 a {
  657. position: absolute;
  658. display: block;
  659. right: 15px;
  660. margin-top: 15px;
  661. top: 0px;
  662. font-size: 14px;
  663. background-image: url(../images/close.fw.png);
  664. background-repeat: no-repeat;
  665. background-position: center top;
  666. width: 28px;
  667. height: 28px;
  668. cursor: pointer;
  669. display: inline-block;
  670. }
  671. .webox #inside h1 a:hover {
  672. background-position: center bottom;
  673. }
  674. .trademark-xq-reg {
  675. width: 440px;
  676. margin: 0 auto;
  677. color: #999;
  678. font-size: 14px;
  679. padding-top: 40px;
  680. }
  681. .trademark-xq-buy {
  682. width: 470px;
  683. margin: 0 auto;
  684. }
  685. .trademark-xq-buy-c li {
  686. margin-top: 24px;
  687. position: relative;
  688. }
  689. .trademark-xq-buy-cl {
  690. float: left;
  691. width: 80px;
  692. text-align: right;
  693. color: #4c4c4c;
  694. font-size: 16px;
  695. padding-top: 6px;
  696. }
  697. .trademark-xq-buy-cr {
  698. float: left;
  699. width: 380px;
  700. height: 34px;
  701. padding-left: 10px;
  702. }
  703. .clearone {
  704. clear: both;
  705. zoom: 1;
  706. height: 0;
  707. }
  708. .trademark-xq-buy-input {
  709. border: 1px solid #eee;
  710. height: 32px;
  711. line-height: 32px;
  712. width: 358px;
  713. padding: 0 10px;
  714. }
  715. .trademark-xq-reg-c-a {
  716. background: #7ac143 url(../images/trademark-serxq-d.png) no-repeat 10px 50%;
  717. color: #fff;
  718. position: absolute;
  719. top: -20px;
  720. right: 0;
  721. width: 352px;
  722. height: 20px;
  723. padding-left: 28px;
  724. }
  725. .submit-btn {
  726. background: #ff962a;
  727. border: 1px solid #ff962a;
  728. width: 149px;
  729. height: 38px;
  730. cursor: pointer;
  731. color: #fff;
  732. font-size: 14px;
  733. margin-left: 90px;
  734. }
  735. .reset-btn {
  736. background: #e5e5e5;
  737. border: 1px solid #d2d2d2;
  738. width: 149px;
  739. height: 38px;
  740. cursor: pointer;
  741. color: #4c4c4c;
  742. font-size: 14px;
  743. margin-left: 10px;
  744. }
  745. .trademark-xq-reg-b {
  746. height: 42px;
  747. line-height: 42px;
  748. color: #999;
  749. font-size: 14px;
  750. border-top: 1px dashed #efefef;
  751. margin-top: 35px;
  752. }
  753. .trademark-xq-reg-b span {
  754. padding-left: 20px;
  755. }
  756. .trademark-xq-buy-cr .select_box {
  757. float: left;
  758. }
  759. .trademark-xq-buy-cr .select_box dl dd {
  760. float: left;
  761. border: 1px solid #eee;
  762. height: 32px;
  763. line-height: 32px;
  764. width: 380px;
  765. position: relative;
  766. }
  767. .trademark-xq-buy-cr .select_box dl dd span {
  768. display: inline-block;
  769. width: 100%;
  770. position: relative;
  771. }
  772. .trademark-xq-buy-cr .select_box dl dd span a {
  773. display: inline-block;
  774. width: 100%;
  775. height: 32px;
  776. line-height: 32px;
  777. font-size: 12px;
  778. color: #818181;
  779. background: url(../images/pull_down_icon.png) no-repeat 94% 50%;
  780. padding: 0 44px 0 10px;
  781. box-sizing: border-box;
  782. -webkit-box-sizing: border-box;
  783. overflow: hidden;
  784. white-space: nowrap;
  785. text-overflow: ellipsis;
  786. }
  787. .trademark-xq-buy-cr .select_box dl dd .select {
  788. position: absolute;
  789. left: -1px;
  790. top: 32px;
  791. width: 100%;
  792. max-height: 120px;
  793. height: auto;
  794. z-index: 999;
  795. border: 1px solid #eee;
  796. background: #fff;
  797. overflow-x: hidden;
  798. overflow-y: auto;
  799. display: none;
  800. }
  801. .trademark-xq-buy-cr .select_box dl dd .select a {
  802. display: block;
  803. width: 100%;
  804. height: 24px;
  805. }
  806. .trademark-xq-buy-cr .select_box dl dd .select a label {
  807. display: block;
  808. width: 100%;
  809. line-height: 24px;
  810. font-size: 12px;
  811. color: #818181;
  812. text-indent: 10px;
  813. cursor: pointer;
  814. }
  815. .trademark-xq-buy-cr .select_box dl dd .select a input {
  816. width: 13px;
  817. height: 13px;
  818. display: inline-block;
  819. vertical-align: top;
  820. margin: 6px 4px 4px 0;
  821. }
  822. .bigbrand{height: 320px;margin-top: 25px;background: #fff;}
  823. .blockbox2 .bigbrand .hd{height: 320px;}
  824. .blockbox2 .bigbrand .hd .hd2{height: 200px;padding-left: 20px;}
  825. .bigbrand .hd2 .p1{font-size: 14px;color: #fff;padding-top: 38px;}
  826. .bigbrand .hd2 .p2{font-size: 44px;color: #FFDAA7;font-family: Arial-BoldMT;height: 44px;line-height: 44px;margin-top: 12px;}
  827. .bigbrand .hd2 .p2 span{font-size: 14px;color: #FFD59D;display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #4B5C98;border-radius: 100%;-webkit-border-radius: 100%;vertical-align: top;margin-top: 20px;margin-left: -9px;}
  828. .bigbrand .hd2 .p3{display: block;font-size: 14px;color: #885816;text-align: center;background: #FFD59D;background: linear-gradient(180deg, #FFECCC 0%, #FFD59D 100%);border-radius: 4px;-webkit-border-radius: 4px;width: 185px;height: 38px;line-height: 38px;margin-top: 30px;}
  829. .biglist{height: 320px;width: 975px;float: left;}
  830. .biglist ul{height: 320px;width: 975px;margin-left: -1px;}
  831. .biglist li{float: left;width: 194px;height: 159px;border-left: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;text-align: center;position: relative;overflow: hidden;}
  832. .biglist li .img{display: table;width: 100%;height: 116px;overflow: hidden;}
  833. .biglist li .mid{display: table-cell;vertical-align: middle;overflow: hidden;}
  834. .biglist li img{max-width: 165px;max-height: 116px;}
  835. .biglist li .bexpain{line-height: 20px;font-size: 14px;color: #5A5A5A;}
  836. .biglist li .bexpain::after{content: "";display: inline-block;width: 14px;height: 20px;background: url(../images/brand_pull.png) no-repeat center;margin-left: 5px;vertical-align: top;}
  837. .biglist li .blinks{display: block;width: 116px;height: 30px;line-height: 30px;background: #FD652B;border-radius: 4px;-webkit-border-radius: 4px;font-size: 14px;color: #fff;margin: 0 auto;margin-top: 26px;position: relative;z-index: 9;}
  838. .biglist li:hover .blinks{margin-top: -24px;}