styles.css 61 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233
  1. @charset "utf-8";
  2. /* CSS Document */
  3. /*--重定义浏览器默认样式--*/
  4. *{word-wrap:break-word}
  5. html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;text-align:justify}
  6. ul,ol,dl{list-style-type:none}
  7. html,body{*position:static;height: 100%;/* background-color:#1b1b1b;*/}
  8. html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
  9. address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
  10. input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
  11. input,button{overflow: visible;vertical-align:middle;outline:none}
  12. body,th,td,button,input,select,textarea{font-family:arial,"微软雅黑","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
  13. body{line-height:1.6;overflow: auto;}
  14. h1,h2,h3,h4,h5,h6{font-size:100%}
  15. a,area{outline:none;blr:expression(this.onFocus=this.blur())}
  16. a{text-decoration:none;cursor: pointer}
  17. a:hover{text-decoration:none;outline:none}
  18. a.ie6:hover{zoom:1}
  19. a:focus{outline:none}
  20. a:hover,a:active{outline:none}:focus{outline:none}
  21. sub,sup{vertical-align:baseline}
  22. button,input[type="button"], input[type="submit"] {line-height:normal !important;}
  23. /*img*/
  24. img{border:0;vertical-align:middle}
  25. a img,img{-ms-interpolation-mode:bicubic}
  26. .img-responsive{max-width: 100%;height: auto}
  27. /*IE下a:hover 背景闪烁*/
  28. *html{font-family: Microsoft YaHei, Microsoft YaHei;overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
  29. body[aos-delay='5000'] [aos], [aos][aos][aos-delay='5000']{
  30. transition-delay: 5000ms;
  31. }
  32. /*HTML5 reset*/
  33. header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
  34. audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
  35. audio:not([controls]){display:none}
  36. legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
  37. legend small{font-size:15px;color:#999}
  38. svg:not(:root) {overflow: hidden}
  39. fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
  40. input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
  41. input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
  42. input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
  43. /*
  44. Name: style_clearfix
  45. Example: class="clearfix|cl"
  46. Explain: Clearfix(简写cl)避免因子元素浮动而导致的父元素高度缺失能问题
  47. */
  48. .cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
  49. .fl{float:left; display:inline;}
  50. .fr{float:right; display:inline;}
  51. .clearboth{ clear:both;}
  52. .bigzm{text-transform:uppercase;}
  53. /*头部*/
  54. .liu_input input::placeholder {
  55. color: #333 !important; /* 使用十六进制颜色代码 */
  56. }
  57. .clearpadding{ padding:0px; margin:0px;}
  58. /* PAGE-MENU */
  59. .fullnavr { position:fixed; top: 50%; right:12px; z-index:1;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);}
  60. #pagemenu {list-style:none; padding:0; margin:0; text-align: center;position: relative;z-index: 1005; padding:10px 0px;}
  61. #pagemenu li { position:relative; width: 79px;}
  62. #pagemenu li a {width:79px; padding-left:19px;height:20px; color:#fff; font-size:14px; display:inline-block;
  63. transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; position:relative;}
  64. #pagemenu li a:after{width:10px; height:10px;background-color:#dddddd; border:1px solid #dddddd; position:absolute; left:0px; top:5px; content:"";-moz-border-radius: 100%; /* Gecko browsers */
  65. -webkit-border-radius: 100%; /* Webkit browsers */
  66. border-radius:100%; /* W3C syntax */}
  67. #pagemenu li a .s1{width:70px; height:20px; line-height:20px; display:inline-block; background-color:#00a0e9; text-align:center; overflow:hidden;-moz-border-radius: 10px; /* Gecko browsers */
  68. -webkit-border-radius: 10px; /* Webkit browsers */
  69. border-radius:10px; /* W3C syntax */opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(90%); -ms-transform: translateY(90%); -o-transform: translateY(90%); transform: translateY(90%);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
  70. .fullnavr #pagemenu li.active a:after{ border:1px solid #fff; background-color:#00a0e9; }
  71. .fullnavr #pagemenu li.active a .s1{opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  72. #pagemenu li a.disnone{ display:none;}
  73. .fullnavr #pagemenu li.active a .disnone,.fullnavr #pagemenu li.active a:hover .disnone,.fullnavr #pagemenu li a:hover .disnone{ display:block; text-decoration:none;}
  74. .mousehover{width:23px; height:37px; background:url(../images/tb_01.png) no-repeat; background-size:23px; position:absolute; left:50%; margin-left:-11.5px; bottom:55px; z-index:1000;}
  75. .section.y6{ height:auto !important}
  76. /*shade*/
  77. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  78. color: #888888;
  79. }
  80. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  81. color: #888888;
  82. }
  83. input:-ms-input-placeholder,
  84. textarea:-ms-input-placeholder {
  85. color: #888888;
  86. }
  87. input::-webkit-input-placeholder,
  88. textarea::-webkit-input-placeholder {
  89. color: #888888;
  90. }
  91. .layer{ position: fixed; z-index:1001011; width: 100%; height: 100%; overflow:hidden;}
  92. .layer .layer-top, .layer .layer-bottom{ position: absolute; width: 100%; height: 50%;/* background: #da1515;*/ top: 0%; transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s; z-index: 1;}
  93. .layer .layer-top{ background-color:#fff;}
  94. .layer .layer-bottom{ top: auto; bottom: 0%; background-color:#fff;}
  95. .layer .loading{width:145px; height:55px; position: absolute; top: 50%; left: 50%; margin-left:-72.5px; margin-top:-27.5px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; z-index: 2;-webkit-animation: rotateplane 1.2s infinite ease-in-out;
  96. animation: rotateplane 1.2s infinite ease-in-out;}
  97. .layer.show{ visibility: hidden;}
  98. .layer.show .loading{ display: none;}
  99. .layer.show .layer-top{ top: -50%;}
  100. .layer.show .layer-bottom{ bottom: -50%;}
  101. @-webkit-keyframes rotateplane {
  102. 0% { filter: alpha(opacity=0);-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); }
  103. 50%{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); }
  104. 100% {opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1); }
  105. }
  106. @keyframes rotateplane {
  107. 0% {filter: alpha(opacity=0);-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);}
  108. 50%{opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1);}
  109. 100% {opacity: 1; filter: alpha(opacity=100); -webkit-transform:scale(1, 1); transform:scale(1, 1);}
  110. }
  111. .wx_top{width:45px; height:45px; position:fixed; right:60px; bottom:60px; z-index:100; display:none;}
  112. .wx_top img{width:45px; height:45px;}
  113. /*Index*/
  114. .section{background-size: cover; background-position: center center; overflow:hidden;}
  115. .slide{background-size: cover; position:relative;}
  116. .section .sec-scale { width:100%; height:100%;/*transform: scale(0.8);opacity: 0.5;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;*/}
  117. /*.active .sec-scale {transform: translate(0px,0px) scale(1);transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }*/
  118. .bg {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;}
  119. .home-swiper {width: 100%;height: 100%;background: #000;}
  120. .home-swiper .swiper-slide {text-align: center;font-size: 18px;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%;}
  121. .home-swiper .swiper-slide .conver_div{width:100%; height:100%; position:absolute; left:0px; top:0px;}
  122. .home-swiper .swiper-slide img{ display:none;}
  123. .home-swiper .home_next{width:50px; height:50px; background:url(../images/banner_right.png) no-repeat; background-size:50px; right:3%;}
  124. .home-swiper .home_prev{width:50px; height:50px; background:url(../images/banner_left.png) no-repeat; background-size:50px; left:3%;}
  125. /*.home-swiper .swiper-slide.swiper-slide-active{-webkit-animation: hvr-bob 7s ease infinite;animation: hvr-bob 7s ease infinite;}*/
  126. .header_div{width:100%; height:100px; background-color:#fff; left:0px; top:0px; /*position:fixed;*/ z-index:10000;transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
  127. .header_div .i_logo{width:10%; padding-top:32px;}
  128. .header_div .i_logo img{ width:auto;}
  129. .header_div.fixedmenu,.header_div.fixedmenu1.fixedmenu{ position:fixed;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/
  130. -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/
  131. box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
  132. .header_div.fixedmenu1{ position:relative;}
  133. .nav_menu{width:55%; height:100px;display: flex; float: right; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400;font-weight: 600;}
  134. .nav_menu li{width:14%; height:100px; float:left; position:relative; text-align:center;}
  135. .nav_menu li .a_nav{ height:100px;/* padding:0px 15%;*/width:100%; line-height:100px; display:inline-block; overflow:hidden; color: #000; font-size:16px; text-align:center;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; position:relative;}
  136. .nav_menu li .a_nav:hover,.nav_menu li .a_nav.active,.nav_menu li .a_nav.active1{/* background-color:#d9261f;*/color:#0E50C8; text-decoration:none;}
  137. .nav_menu li .a_nav:after{width:0px; height:2px; background-color:#0E50C8;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s; content:""; position:absolute; left:50%; bottom:35px;webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%,0%);transform: translate(-50%, 0%);}
  138. .nav_menu li .a_nav:hover:after,.nav_menu li .a_nav.active:after,.nav_menu li .a_nav.active1:after{width:25px;}
  139. /*.header_div.fixedmenu1 .nav_menu li .a_nav{ color:#333;}
  140. .header_div.fixedmenu1 .nav_menu li .a_nav:hover, .header_div.fixedmenu1 .nav_menu li .a_nav.active,.header_div.fixedmenu1 .nav_menu li .a_nav.active1{ color:#333;}
  141. */.nav_menu li .dl{width:100%; position:absolute; z-index:10000; display:none; left:0px; top:80px; padding:10px; background-color:#fff;}
  142. .nav_menu li .dl dd{width:100%; height:38px; line-height:38px; float:left;}
  143. .nav_menu li .dl dd a{width:100%; height:38px; text-align:left; line-height:38px; display:inline-block; overflow:hidden; text-align:center; color:#333; font-size:14px;}
  144. .nav_menu li .dl dd a:hover{ color:#0871b8; text-decoration:none; }
  145. .i_phone{ padding-left:40px; height:100px; line-height:1.5; padding-right:1%; padding-top:30px; background:url(../images/tb_1.png) left center no-repeat; color:#000;}
  146. .i_phone .s1{ font-size:22px; /*color:#dddddd;*/font-size:14px;}
  147. .i_ss{width:5%; margin-left:0; position:relative;}
  148. .i_ss_t{width:100%; height:100px; cursor:pointer; background:url(../images/tb_2.png) center no-repeat; position:relative;}
  149. /* .i_ss_t:after{ width:1px; height:100px; background:url(../images/tb_18.png) left center no-repeat; position:absolute; left:0px; top:0px; content:"";} */
  150. .i_ss_c{width:200px; height:40px; background-color:#fff;position:absolute; right:0px; top:77px; display:none;}
  151. .i_ss_c .ipt1{width:170px; height:40px; line-height:40px; border:0px; background-color:transparent; color:#333; font-size:14px; text-indent:10px; font-family:"微软雅黑";}
  152. .i_ss_c .ipt2{width:30px; height:40px; background:url(../images/tb_2.png) left center no-repeat; border:0px;}
  153. .i_morebtn{width:5%; height:100px; background-color:#05468d; position:relative;}
  154. .left_but{width:40px; height:30px; cursor:pointer; position:absolute; left:50%; margin-left:-20px; top:50%; margin-top:-15px; z-index:100;}
  155. .left_but_btn{display:inline-block; position:relative;width:32px; height:3px; z-index:2; margin:14px 0 0 0px; background:#fff;
  156. -webkit-transition-property: background-color, -webkit-transform;
  157. transition-property: background-color, -webkit-transform;
  158. transition-property: background-color, transform;
  159. transition-property: background-color, transform, -webkit-transform;
  160. -webkit-transition-duration: 300ms;
  161. transition-duration: 300ms;-moz-border-radius:2px; /* Gecko browsers */
  162. -webkit-border-radius: 2px; /* Webkit browsers */
  163. border-radius:2px; /* W3C syntax */}
  164. .left_but_btn:before,.left_but_btn:after {content: ''; display:block; width:40px; height:3px; position:absolute; background:#fff;
  165. transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;
  166. transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
  167. transition-duration: 300ms; -webkit-transition-duration: 300ms;-moz-border-radius:2px; /* Gecko browsers */
  168. -webkit-border-radius: 2px; /* Webkit browsers */
  169. border-radius:2px; /* W3C syntax */}
  170. .left_but_btn:before{margin-top:-10px;}
  171. .left_but_btn:after {margin-top:10px;}
  172. .phone_nav_one .left_but_btn{background: rgba(0, 0, 0, 0); }
  173. .phone_nav_one .left_but_btn:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  174. .phone_nav_one .left_but_btn:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
  175. .phone_nav_one{ transition-delay:0s; -webkit-transition-delay:0s; }
  176. .yc_box1{width:100%; position:fixed; top:100%; background-color:#fff; left:0px; z-index:12;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;}
  177. .yc_box1.leftbutton{ top:80px;}
  178. .yc_box1_c{width:100%; padding:150px 18% 0px 18%}
  179. .yc_box1_c_ul{width:100%;}
  180. .yc_box1_c_ul li{width:16.66%; float:left; border-right:1px solid #d2d2d2; min-height:319px;}
  181. .yc_box1_c_ul li .a1{width:100%; height:33px; line-height:33px; overflow:hidden; display:inline-block; text-align:center; float:left; color:#333333; font-size:16px; margin-bottom:20px;}
  182. .yc_box1_c_ul li .a1:hover{ text-decoration:none; color:#2a3bcb;}
  183. .yc_box1_c_ul li .a2{ padding: 0 10px; width:100%; height:29px; line-height:29px; overflow:hidden; display:inline-block; text-align:center; float:left; color:#333333; font-size:14px;}
  184. .yc_box1_c_ul li .a2:hover{ text-decoration:none; color:#2a3bcb;}
  185. .i_picchange{width:100%; height:100%; overflow:hidden; display:block;}
  186. /*手机导航*/
  187. /* CSS Document */
  188. .phone_nav{ display:none;}
  189. .phone_logo{/* height:50px;*//* padding:10px 0px;*//* background-color:#fff;*/}
  190. .phone_logo .p1 img{/* height: 100%*/ width:100%;}
  191. @media screen and (max-width:1200px) {
  192. .phone_logo .p1 {/*padding-top: 10px;*//* height: 29px;*/ display: block; width:25%;display:inline-block;}
  193. .header_div{ display:none;}
  194. .phone_logo {width: 100%;padding: 10px 15px;box-sizing: border-box;}
  195. .phone_nav{display:block; position:relative;/* position:fixed;*/ background-color:#fff; width:100%; top:0;left:0; display:block; z-index:100000;}
  196. .phone_nav.fixedmenu{ position:fixed;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/
  197. -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/
  198. box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/
  199. }
  200. /*导航按钮*/
  201. .phone_nav .nav_but_box{ display:block; position:absolute; width:30px; height:30px; right:10px; top:50%; margin-top:-15px; z-index:1;
  202. transition:all 0.7s; -webkit-transition:all 0.7s;}
  203. .phone_nav .nav_but { display:inline-block; position:relative;width:20px; height:2px; z-index:2; margin:13px 0 0 5px; background:#05468d;
  204. -webkit-transition-property: background-color, -webkit-transform;
  205. transition-property: background-color, -webkit-transform;
  206. transition-property: background-color, transform;
  207. transition-property: background-color, transform, -webkit-transform;
  208. -webkit-transition-duration: 300ms;
  209. transition-duration: 300ms;}
  210. .phone_nav .nav_but:before,.nav_but:after {content: ''; display:block; width:20px; height:2px; position:absolute; background:#05468d;
  211. transition-property: margin, -webkit-transform; -webkit-transition-property: margin, -webkit-transform;
  212. transition-property: margin, transform; transition-property: margin, transform, -webkit-transform;
  213. transition-duration: 300ms; -webkit-transition-duration: 300ms;}
  214. .phone_nav .nav_but:before{margin-top:-5px;}
  215. .phone_nav .nav_but:after {margin-top:5px;}
  216. /*栏目名称*/
  217. .phone_nav .nav_main{height:100%; position:fixed; left:0; opacity:0; width:0; transition:all 0.4s ease 0.3s; -webkit-transition:all 0.4s ease 0.3s; background-color:#fff; overflow:hidden;}
  218. .phone_nav .nav_main ul{ padding:0 20px; margin-top:40px;}
  219. .phone_nav .nav_main li a{background-position:left; color:#333; height:46px; line-height:46px; display:inline-block; background-size:32px; background-repeat:no-repeat; font-weight:bold;}
  220. .phone_nav .nav_main .ss{border:1px solid #ccc; margin-top:20px;}
  221. .phone_nav .nav_main .ss .p2{ float:right;}
  222. .phone_nav .nav_main .ss .p2 input{ border:0; /*background:url("../images/app_ss1.png") center no-repeat;*/ width:34px; height:34px;}
  223. .phone_nav .nav_main .ss .p1{ display:block; margin:0 34px 0 5px; }
  224. .phone_nav .nav_main .ss .p1 input{ width:100%; height:34px; line-height:34px; background:none; border:0; font-family:"Microsoft YaHei"; font-size:14px; color:#fff;}
  225. .phone_nav .nav_main li b{ display:inline-block; position:absolute; right:10px; top:0px; width:50%; height:50px; background: url("../images/lmfooter_bottom.png") center right no-repeat; z-index:99;}
  226. .phone_nav .nav_main .ul{padding:0 0 0px 40px; margin:0; max-height:0; overflow:hidden; transition:max-height 0.4s; -webkit-transition:max-height 0.4s;}
  227. .phone_nav .nav_main .ul li{ padding:0; border-bottom:0; transform:translateX(0px); -webkit-transform:translateX(0px);}
  228. .phone_nav .nav_main .ul li a{ padding:0; height:auto; line-height:30px; font-weight:normal}
  229. .phone_nav .nav_main .b_one .ul{ max-height:300px; padding:0 0 0px 40px; margin-bottom:10px;}
  230. .phone_nav .nav_main li{ transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.8s ease; -webkit-transition:all 0.8s ease; border-bottom:1px solid rgba(225,225,225,0.5); padding:0 20px; position:relative;}
  231. .phone_nav .nav_main li:nth-of-type(1){ transition-delay:0.1s; -webkit-transition-delay:0.1s; }
  232. .phone_nav .nav_main li:nth-of-type(2){ transition-delay:0.2s; -webkit-transition-delay:0.2s; }
  233. .phone_nav .nav_main li:nth-of-type(3){ transition-delay:0.3s; -webkit-transition-delay:0.3s; }
  234. .phone_nav .nav_main li:nth-of-type(4){ transition-delay:0.4s; -webkit-transition-delay:0.4s; }
  235. .phone_nav .nav_main li:nth-of-type(5){ transition-delay:0.5s; -webkit-transition-delay:0.5s; }
  236. .phone_nav .nav_main li:nth-of-type(6){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
  237. .phone_nav .nav_main li:nth-of-type(7){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
  238. .phone_nav .nav_main li:nth-of-type(8){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
  239. .phone_nav .nav_main li:nth-of-type(9){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
  240. .phone_nav .nav_main li:nth-of-type(10){ transition-delay:0.6s; -webkit-transition-delay:0.6s; }
  241. /*打开样式*/
  242. .phone_nav_one{ transition-delay:0s; -webkit-transition-delay:0s;}
  243. .phone_nav_one .nav_main {opacity:1; width:100%; overflow:inherit;}
  244. .phone_nav_one .nav_but{background: rgba(0, 0, 0, 0); }
  245. .phone_nav_one .nav_but:before {margin-top: 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
  246. .phone_nav_one .nav_but:after {margin-top:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
  247. .phone_nav_one .nav_but_box { opacity:0.8;}
  248. .phone_nav_one .nav_main li{ transform:translateX(0); -webkit-transform:translateX(0);}
  249. }
  250. @media screen and (max-width:758px){/*--768-0--*/
  251. .phone_nav .nav_but_box{ right:10px;}
  252. .phone_nav .nav_main ul{ margin-top:20px; height:300px; overflow-y:auto; box-sizing:border-box;}
  253. .phone_nav .nav_main .b_one .ul{ height:auto;}
  254. }
  255. @media screen and (max-width:470px){/*--768-0--*/
  256. .phone_logo {padding: 8px 10px}
  257. .phone_nav .nav_main ul{ height:550px;}
  258. .phone_nav .nav_main .b_one .ul{ height:auto;}
  259. }
  260. /*手机导航*/
  261. .i_ssbn{width:12%; height:100%; background:url(../images/tb_2.png) center no-repeat; background-color:#05468d; background-size:20px; position:absolute; top:0px; right:50px; z-index:10000;}
  262. .i_ssbn span{width:100%; height:100%; display:inline-block;}
  263. .i_ssbn_div{width:200px; display:none; background-color:#fff; z-index:10000; position:absolute; right:0px; top:100%;}
  264. .i_ssbn_div .ipt1{width:80%; height:40px; line-height:40px; text-indent:15px; border:0px; font-family:"微软雅黑"; background-color:#fff; color:#b9b9b9; font-size:0.16rem;}
  265. .i_ssbn_div .ipt2{width:20%; height:40px; background:url(../images/tb_2.png) center no-repeat; border:0px; background-size:15px;}
  266. .i_ssbn_div input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  267. color: #b9b9b9;
  268. }
  269. .i_ssbn_div input::-moz-placeholder { /* Mozilla Firefox 19+ */
  270. color: #b9b9b9;
  271. }
  272. .i_ssbn_div input:-ms-input-placeholder {
  273. color: #b9b9b9;
  274. }
  275. .i_ssbn_div input::-webkit-input-placeholder {
  276. color: #b9b9b9;
  277. }
  278. .i_content{width:100%; height:100%;position:absolute; left:0px; top:0px;}
  279. .i_content_c{width:100%; height:100%;display: table-cell;vertical-align: middle;}
  280. .i_con{/*width:1250px;*/width:75%; margin:0px auto;}
  281. /*.i_con2{width:1300px; margin:0px auto;}*/
  282. .ui_div{width:100%;}
  283. .ui_div1{width:100%; overflow:hidden;}
  284. .ui_div_center{width:65%; margin:0px auto;}
  285. .ui_div_center1{width:75%; margin:0px auto;}
  286. .i_box1{width:599px; height:599px; margin:0px auto; position:relative;}
  287. .i_box1_bottom{width:100%; height:100%; background:url(../images/tb_5.png) no-repeat; position:relative; background-size:100%;}
  288. .i_box1_bottom .yan1{width:81%; height:81%; background-size:100%; position:absolute; left:9.5%; top:9.5%;animation: pgabout_yuan1 10s linear 0s infinite;}
  289. .i_box1_bottom .yan1 img{width:100%;}
  290. .i_box1_bottom .yan2{width:66%; height:66%; background-size:100%; position:absolute; left:17%; top:17%; border:1px solid #1792d1;-moz-border-radius: 100%; /* Gecko browsers */
  291. -webkit-border-radius: 100%; /* Webkit browsers */
  292. border-radius:100%; /* W3C syntax */}
  293. .i_box1_bottom .yan2:after,
  294. .i_box1_bottom .yan2:before{
  295. content: "";
  296. position: absolute;
  297. width: 100%;
  298. height: 100%;
  299. background:url(../images/tb_19.png) no-repeat; background-size:100%;
  300. }
  301. .i_box1_bottom .yan2:after{
  302. animation: pgaboutImg 5s ease 0.5s infinite;
  303. }
  304. .i_box1_bottom .yan2:before{
  305. animation: pgaboutImg 5s ease 0s infinite;
  306. }
  307. .i_box1_bottom .yan3
  308. {
  309. /* font-size: 30px!important; */
  310. color: #1792d1;
  311. font-weight: bold;
  312. }
  313. @keyframes pgaboutImg{
  314. 0%{
  315. transform: scale(1);
  316. opacity: 1;
  317. }
  318. 100%{
  319. transform: scale(5);
  320. opacity: 0;
  321. }
  322. }
  323. @keyframes pgabout_yuan1{
  324. 0%{
  325. transform: rotate(0deg);
  326. }
  327. 100%{
  328. transform: rotate(-360deg);
  329. }
  330. }
  331. .i_box1_bottom .yan3{width:100%; text-align:center; line-height:95px; position:absolute; left:0px; top:50%;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); text-align:center; color:#1792d1; font-size:30px;}
  332. .i_box1_bottom .yan3 img{width:158px;}
  333. .i_box1_top{width:100%; height:100%; position:absolute; left:0px; top:0px;}
  334. .i_box1_top li{position: absolute;
  335. width: 360px;}
  336. .i_box1_top li:nth-child(1){
  337. top: 3%;
  338. right: 73%;
  339. }
  340. .i_box1_top li:nth-child(2){
  341. top: 4%;
  342. left: 73%;
  343. }
  344. .i_box1_top li:nth-child(3){
  345. top: 42.333%;
  346. right: 93.166%;
  347. }
  348. .i_box1_top li:nth-child(4){
  349. top: 42.333%;
  350. left: 93.166%;
  351. }
  352. .i_box1_top li:nth-child(5){
  353. bottom: 2%;
  354. right: 73%;
  355. }
  356. .i_box1_top li:nth-child(6){
  357. bottom: 2%;
  358. left: 73%;
  359. }
  360. .i_box1_top li:nth-child(2n+1) .img,
  361. .i_box1_top li:nth-child(2n+1) .txt{
  362. float: right;
  363. }
  364. .i_box1_top li:nth-child(2n) .img,
  365. .i_box1_top li:nth-child(2n) .txt{
  366. float: left;
  367. }
  368. .i_box1_top li a{width:100%; display:inline-block;}
  369. .i_box1_top li .img{
  370. position: relative;
  371. }
  372. .i_box1_top li .img .icon{
  373. position: absolute;
  374. z-index: 1;
  375. top: 0;
  376. left: 0;
  377. width: 100%;
  378. height: 100%;
  379. visibility: hidden;
  380. opacity: 0;
  381. transition: all 0.5s ease 0s
  382. }
  383. .i_box1_top li a:hover .img .icon{opacity:1; visibility:inherit;}
  384. .i_box1_top li .txt{
  385. font-size: 30px;
  386. color: #1792d1;
  387. margin: 0 20px;
  388. height: 80px;
  389. line-height: 80px;font-weight: bold;
  390. }
  391. .i_box1_top li a:hover .txt{ color:#1792d1; font-weight: bold;}
  392. .i_box2{width:100%;}
  393. .i_box2_t{width:100%; padding-bottom:35px; font-size:36px; line-height:1.2; color:#fff;}
  394. .i_box2_t .s1{ font-size:60px; font-family:Arial, Helvetica, sans-serif;}
  395. .i_box2_c{width:100%;}
  396. .i_box2_cl{width:19%;}
  397. .i_box2_cl li{width:100%; float:left; padding-bottom:5px;}
  398. .i_box2_cl li a{width:100%; float:left; height:50px; line-height:50px; display:inline-block; overflow:hidden; color:#fff; font-size:22px; padding-left:10px;}
  399. .i_box2_cl li a:hover,.i_box2_c li a.activeleftcp{ /* background:url(../images/tb_7.png) no-repeat; */text-decoration:none; color:#fff; background-color: #009de7;}
  400. .i_box2_cr{width:73.4%; padding-top:10px; padding-right:5%;}
  401. .i_box2_cr_con{width:100%; color:#fff;}
  402. .i_box2_cr_con1{width:100%; display:none;}
  403. .i_box2_cr_con1_t{width:100%; padding:20px 0px; line-height:1.8; font-size:60px;}
  404. .i_box2_cr_con1_c{width:100%; height:225px; line-height:45px; overflow:hidden; margin-bottom:35px; text-align:justify; font-size:28px;}
  405. .i_box2_cr_con1_c img{ max-width:100%; height:auto !important;}
  406. .i_box2_cr_con1_b,.i_box2_cr_con1_b:hover{ color:#ffffff; line-height:1.6; font-size:24px; display:inline-block;}
  407. .i_box3{width:100%;}
  408. .i_box3_l{width:50%; padding:160px 7% 0px 12.5%;}
  409. .i_box3_l_t{width:100%; padding-bottom:27px; position:relative; margin-bottom:53px; line-height:1.2; color:#1792d1; font-size:36px;}
  410. .i_box3_l_t .s1{ font-size:45px; font-family:Arial, Helvetica, sans-serif;}
  411. .i_box3_l_t:after{width:50px; height:4px; background-color:#1792d1; position:absolute; left:0px; bottom:0px; content:"";}
  412. .i_box3_l_c{width:100%; margin-bottom:55px; color:#333333; font-size:16px;}
  413. .i_box3_l_con{width:100%; display:none;height:200px; line-height:40px; overflow:hidden;text-align:justify; }
  414. .i_box3_l_b{width:100%;}
  415. .i_box3_l_b a{ margin-right:25px; width:100px; height:100px; float:left; color:#1792d1; font-size:16px; text-align:center; line-height:100px;-moz-border-radius: 100%; /* Gecko browsers */
  416. -webkit-border-radius: 100%; /* Webkit browsers */
  417. border-radius:100%; /* W3C syntax */ border:2px solid #1792d1; display:inline-block;-webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;
  418. }
  419. .i_box3_l_b a:hover,.i_box3_l_b a.activets{ background-color:#1792d1; color:#fff; text-decoration:none;}
  420. .i_box3_r{width:50%;}
  421. .i_box3_r li{width:100%; float:left;}
  422. .i_box3_r li .a_img{width:100%; display:inline-block; overflow:hidden; float:left; position:relative;}
  423. .i_box3_r li .a_img img{width:100%;}
  424. .i_box3_r li .a_img .div1{width:100%; padding:90px 6% 0px 6%; color:#fff; font-size:16px; line-height:1.2; position:absolute; left:0px; top:0px;}
  425. .i_box3_r li .a_img .div1 .s1{ font-size:45px; font-family:Arial, Helvetica, sans-serif; line-height:1.3;}
  426. .i_box3_r li .a_img .div1 .s2{ font-size:36px;line-height:1.8; display:inline-block;}
  427. .i_box3_r li .a_img .div1.onebox1{ padding-top:130px;}
  428. .i_box4{width:100%;}
  429. .i_box4_t{width:100%; height:60px; position:relative;}
  430. .i_box4_t .s1{width:100%; height:60px; line-height:60px; color:#000000; font-size:60px; text-align:center; filter:alpha(opacity=5); -moz-opacity:0.05; -khtml-opacity: 0.05; opacity: 0.05;}
  431. .i_box4_t .s2{width:100%; height:60px; line-height:60px; text-align:center; color:#fff; position:absolute; left:0px; top:0px; font-size:48px; font-weight:bold;}
  432. .i_box4_t1{width:100%; line-height:30px; color:#fff; font-size:18px; text-align:center;}
  433. .i_box4_c{width:100%; padding-top:35px; overflow:hidden;}
  434. .sjs-swiper {width:100%;height: 100%; }
  435. .sjs-swiper .swiper-slide {
  436. -webkit-transition: transform 1.0s;
  437. -moz-transition: transform 1.0s;
  438. -ms-transition: transform 1.0s;
  439. -o-transition: transform 1.0s;
  440. -webkit-transform: scale(0.8);
  441. transform: scale(0.8);
  442. float:left;
  443. background-color:#fff;
  444. position:relative;
  445. cursor:pointer;
  446. }
  447. .sjs-swiper .swiper-slide-active,.sjs-swiper .swiper-slide-duplicate-active {
  448. -webkit-transform: scale(1);
  449. transform: scale(1);
  450. /*background:url(../images/ppwh_tb7.png) bottom 75px center no-repeat; background-size:100%; padding:0px 15px 15px 15px;*/
  451. }
  452. .sjs-swiper .swiper-slide-active img,.sjs-swiper .swiper-slide-duplicate-active img{ margin-top:0px;}
  453. .sjs-swiper .swiper-button-prev { background: url(../images/img6.jpg) center no-repeat; /*background:none;*/ top: 50%; margin-top:-27px; width: 50px; height:54px ; left:21%;}
  454. .sjs-swiper .swiper-button-next { background: url(../images/img7.jpg) center no-repeat; /*background:none; */top: 50%; margin-top:-27px; width: 50px; height: 54px; right:21%;}
  455. .sjs-swiper .swiper-button-prev:hover{ background:url(../images/img4.jpg) center no-repeat;}
  456. .sjs-swiper .swiper-button-next:hover{ background:url(../images/img5.jpg) center no-repeat;}
  457. .sjs-swiper .swiper-slide img{width:100%; height:auto;/* margin-top:70px;*/ filter:alpha(opacity=64); -moz-opacity:0.64; -khtml-opacity: 0.64; opacity: 0.64;}
  458. .sjs-swiper .swiper-slide-active img,.sjs-swiper .swiper-slide-duplicate-active img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
  459. .sjs-swiper .swiper-slide .zc{width:100%; height:100%; background:url(../images/tb_9.png) repeat; position:absolute; left:0px; top:0px;opacity: 0; filter: alpha(opacity=0);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
  460. }
  461. .sjs-swiper .swiper-slide-active .zc,.sjs-swiper .swiper-slide-duplicate-active .zc{opacity: 1; filter: alpha(opacity=100);}
  462. .sjs-swiper .swiper-slide .zc_title{width:100%; position:absolute; left:0px;top:50%;line-height:75px; opacity: 0; background:url(../images/tb_8.png) top center no-repeat; padding-top:56px; opacity: 0;filter: alpha(opacity=0);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;color:#fff;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); font-size:36px; z-index:2; text-align:center; text-align:center; overflow:hidden;}
  463. .sjs-swiper .swiper-slide-active .zc_title{opacity: 1; filter: alpha(opacity=100); }
  464. .i_footer{width:100%; padding:45px 0px;}
  465. .i_footer_t{width:100%; padding:56px 0px 104px 0px; border-bottom:1px solid #2d5f98;}
  466. .i_footer_tleft{width:65%;}
  467. .i_footer_tleft li{width:14.285%; min-height:306px; float:left;}
  468. .i_footer_tleft li .a1{ text-decoration:none; position:relative;width:100%; height:50px; line-height:50px; overflow:hidden; float:left; color:#fff; font-size:16px; text-align:center;}
  469. .i_footer_tleft li .a1:hover{ text-decoration:none; color:#009de7;}
  470. .i_footer_tleft li .a2{ text-decoration:none; position:relative;width:100%; height:23px; line-height:23px; overflow:hidden; float:left; color:#666666; font-size:14px;text-align:center; padding: 0 5px;}
  471. .i_footer_tleft li .a2:hover{ text-decoration:none; color:#009de7;}
  472. .i_footer_tright{width:32%;}
  473. .i_footer_tright_t{width:100%; padding-bottom:25px;}
  474. .i_footer_tright_c{width:100%; padding-left:3%; color:#fff; font-size:14px; /*line-height:1.8; */overflow:hidden;}
  475. .i_fbg{ background-color:#05468d;}
  476. .i_footer_b{width:100%; padding:10px 0px; line-height:1.8; text-align:center; color:#ffffff; font-size:14px;}
  477. .i_footer_b a,.i_footer_b a:hover{ color:#fff;}
  478. .video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:100011111111111; left:0px; top:-100%;}
  479. .video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}
  480. .video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}
  481. /*内页*/
  482. .n_bg1{ background:url(../images/img11.jpg) top repeat-x;}
  483. .n_bg2{ background:url(../images/bg7.jpg) bottom center no-repeat; background-size:cover;}
  484. .n_banner{width:100%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
  485. .n_banner img{width:100%;}
  486. .n_banner_c{width:100%; position:absolute; left:0px; top:26%; z-index:1;}
  487. .n_banner_ct{ color:#fff; font-size:40px; line-height:1.3; text-align:center; display:inline-block;}
  488. .n_banner_ct .s1{ font-family:Arial, Helvetica, sans-serif; font-size:50px; font-weight:bold;}
  489. .n_banner_ct .s2{ font-size:20px; margin-top:25px; display:inline-block;}
  490. .a_mtbd_dpages{width:100%; text-align:center; padding:75px 0% 0px 0%; font-size:14px; }
  491. .a_mtbd_dpages a{ padding:0px 15px; height:35px; margin-bottom:5px; line-height:35px; text-align:center; background-color:#fff; color:#333; display:inline-block;}
  492. .a_mtbd_dpages a:hover,.a_mtbd_dpages a.activepages{ color:#fff; text-decoration:none; background-color:#154d8c;}
  493. .pc_amenu{width:100%; text-align:center; position:absolute; left:0px; bottom:-5px; z-index:2; background:url(../../images/img/Rectangle43.png) repeat;}
  494. .a_menu{width:100%; margin:0px; padding:0px; height:70px; overflow:hidden;}
  495. .a_menu .a_menu_a{ /* width: 20%; *//* padding:0px; margin:0px; */padding:0px 20px; height:70px; -webkit-transition:all ease-out 0.2s;transition:all ease-out 0.2s;margin:0px 0px; display:inline-block; overflow:hidden; text-align:center; line-height:70px; color:#ffffff; font-size:16px;}
  496. .a_menu .a_menu_a:hover,.a_menu .a_menu_a.activetm1{ color:#fff; background-color:#05468d; text-decoration:none;}
  497. .a_zxlmenu{width:100%; position:relative; display:none; z-index:111;}
  498. .a_zxlmenu_t{width:100%;padding:3% 0px;background:url(../images/zxl_jt1.jpg) right center no-repeat; font-size:16px; text-align:center; background-color:#154d8c; color:#fff; cursor:pointer; background-size:30px;}
  499. .a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px; padding:0px; background-color:#eeeeee;text-indent:0px; display:none;-moz-box-shadow:0px 0px 10px #c7c5bf;/*firefox*/
  500. -webkit-box-shadow:0px 0px 10px #c7c5bf;/*webkit*/
  501. box-shadow:0px 0px 10px #c7c5bf;/*opera或ie9*/}
  502. .a_zxlmenu_c li{width:100%; float:left; text-align:center;}
  503. .a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#154d8c; font-size:14px; text-decoration:none; text-indent:0px;}
  504. .a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#fff; text-decoration:none; background-color:#1e5da4;}
  505. .a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #ccc;display:none;}
  506. .a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}
  507. .a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:14px; text-decoration:none; text-indent:0px;}
  508. .n_box1{width:100%;}
  509. .n_box1 .a_img{width:50%; display:inline-block; overflow:hidden;}
  510. .n_box1 .a_img img{width:100%;}
  511. .n_box1 .a_img_r{width:47%; padding:80px 6% 0px 0px;}
  512. .n_box1 .a_img_r_t{width:100%; line-height:1.3; color:#333333; font-size:24px;}
  513. .n_box1 .a_img_r_t .s1{ color:#05468d; font-size:46px; font-family:Arial, Helvetica, sans-serif;}
  514. .n_box1 .a_img_r_c{width:100%; height:239px; line-height:26px; overflow:hidden; text-align:justify; color:#333333; font-size:16px;}
  515. .i_section{
  516. position: relative;
  517. box-sizing: border-box;
  518. width:100%;
  519. }
  520. .bg_blur{
  521. position: absolute;
  522. top: 0;left: 0;
  523. width: 100%;height: 100%;
  524. background:url(../images/bg4.jpg);
  525. background-size:cover;
  526. background-attachment: fixed;
  527. background-position-x:center !important;
  528. /*opacity: 0.4;*/
  529. z-index: 1;
  530. }
  531. .bg_blur1{
  532. position: absolute;
  533. top: 0;left: 0;
  534. width: 100%;height: 100%;
  535. background:url(../images/bg5.jpg);
  536. background-size:cover;
  537. background-attachment: fixed;
  538. background-position-x:center !important;
  539. /*opacity: 0.4;*/
  540. z-index: 1;
  541. }
  542. .bg_blur2{
  543. position: absolute;
  544. top: 0;left: 0;
  545. width: 100%;height: 100%;
  546. background:url(../images/bg6.jpg);
  547. background-size:cover;
  548. background-attachment: fixed;
  549. background-position-x:center !important;
  550. /*opacity: 0.4;*/
  551. z-index: 1;
  552. }
  553. .a_zpdiv{width:100%; height:100%; position:relative; z-index:1;}
  554. .a_zpdiv_c{width:100%; padding:200px 0px; text-align:center; display:inline-block;}
  555. .a_zpdiv_c img{ max-width:100%; height:auto !important;}
  556. .a_gss_div_l_b1,.a_gss_div_l_b1:hover{ text-decoration:none; margin-top:30px;width:105px; height:27px; line-height:27px; text-align:center; display:inline-block; overflow:hidden; background:url(../images/tb_21.png) bottom no-repeat; color:#ffffff; font-size:12px; text-decoration:none; margin-bottom:20px;}
  557. .a_gss_div_l_b2{ text-decoration:none; margin-top:30px;width:105px; height:27px; line-height:27px; text-align:center; display:inline-block; overflow:hidden; background:url(../images/tb_19a.png) bottom no-repeat; color:#333; font-size:12px; text-decoration:none; margin-bottom:20px;}
  558. .a_gss_div_l_b2:hover{ text-decoration:none; color:#05468d; background:url(../images/tb_19az.png) bottom center no-repeat;}
  559. .n_lsjldiv{width:100%; padding-top:100px;}
  560. .n_lsjldiv_t{width:100%; padding-bottom:50px; color:#fff; font-size:24px; line-height:1.6;}
  561. .n_lsjldiv_t span{ font-size:38px;}
  562. .n_lsjldiv_c{width:100%; height:530px; background:url(../images/tb_23.png) left repeat-y; padding:40px 0px; position:relative;}
  563. .n_lsjldiv_c .tb1{width:25px; height:25px; background:url(../images/tb_22.png) no-repeat; position:absolute; left:0px; top:0px;}
  564. .n_lsjldiv_con{width:100%; height:480px; overflow-y:auto; padding-left:15px; color:#fff;}
  565. .n_lsjldiv_con::-webkit-scrollbar {
  566. width: 2px;
  567. border-radius: 2px;
  568. height: 2px;
  569. background: none;
  570. }
  571. .n_lsjldiv_con::-webkit-scrollbar-track {
  572. border-radius: 2px;
  573. width: 2px!important;
  574. background-color:#fff;
  575. }
  576. .n_lsjldiv_con::-webkit-scrollbar-thumb {
  577. width: 2px;
  578. height: 2px;
  579. border-radius: 2px;
  580. background-color: #68b9fe;
  581. }
  582. .n_lsjldiv_con_ul{width:100%;}
  583. .n_lsjldiv_con_ul li{width:100%; padding:13px 0px; float:left;}
  584. .n_lsjldiv_con_ul li .s1{width:10%; text-align:center; height:34px; line-height:34px; font-size:16px; background:url(../images/tb_24.png) left center no-repeat;}
  585. .n_lsjldiv_con_ul li .s2{width:90%; line-height:34px; font-size:16px; }
  586. .n_box8{width:100%; background-color:#fff;}
  587. .n_box8_l{width:50%; padding:95px 11% 0px 11%;}
  588. .n_box8_lt{width:100%; padding-bottom:25px; line-height:1.5; color:#999999; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
  589. .n_box8_lt span{ color:#05468d; font-size:30px; font-family:"微软雅黑";}
  590. .n_box8_lc{width:100%; height:100px; line-height:25px; color:#666666; font-size:14px; margin-bottom:20px;}
  591. .n_box8_r{width:50%; padding:208px 11% 0px 2%; height:540px; background:url(../images/img15.jpg) center center no-repeat; background-size:cover;}
  592. .home-swiper7 {width: 100%; padding-bottom:40px;}
  593. .home-swiper7 .swiper-slide {text-align: center;background-repeat: no-repeat;background-position: center center;background-size: cover;opacity: 1;width:100%; padding:0px 2%;}
  594. .home-swiper7 .swiper-slide .a_img{width:100%; display:inline-block; overflow:hidden; border:5px solid #fff;}
  595. .home-swiper7 .swiper-slide .a_img img{width:100%;}
  596. .home-swiper7.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
  597. .home-swiper7.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 4px;}
  598. .home-pagination7 .swiper-pagination-bullet{width:10px; height:10px; background-color:#fff;opacity:1;}
  599. .home-pagination7 .swiper-pagination-bullet-active{ background-color:#0061ae;}
  600. .n_box2{width:100%; height:100%; position:relative; z-index:1; padding:140px 0px 135px 0px;}
  601. .n_box3{width:100%; padding:70px 0px 55px 0px;}
  602. .n_box3_t{width:100%; padding-bottom:40px; color:#333333; font-size:24px; line-height:1.6; text-align:center;}
  603. .n_box3_t .s1{ color:#05468d; font-size:46px; font-family:Arial, Helvetica, sans-serif;}
  604. .n_box3_c{width:100%; overflow:hidden; line-height:2; color:#333333; font-size:14px;}
  605. .n_box3_c img{ max-width:100%; height:auto !important;}
  606. .n_box4{width:100%; line-height:1.2; text-align:center;}
  607. .n_box4 .s1{ color:#05468d; font-size:46px; font-family:Arial, Helvetica, sans-serif;}
  608. .n_box4 .s2{ color:#333333; font-size:30px; background:url(../images/tb_26.png) center no-repeat;width:100%; display:inline-block;}
  609. .n_box4.activess .s1{ color:#fff;}
  610. .n_box4.activess .s2{ color:#fff; background:none;}
  611. .n_box4_ul{width:100%; padding-top:60px;}
  612. .n_box4_ul li{width:20%; float:left; padding:0px 1%;}
  613. .n_box4_ul li .a_img{width:100%; display:inline-block; overflow:hidden; float:left; position:relative;}
  614. .n_box4_ul li .a_img img{width:100%;}
  615. .n_box4_ul li .a_img .a_text{width:100%; position:absolute; left:0px; bottom:0px; padding:0px 10% 17px 10%; background:url(../images/tb_25.png) repeat; z-index:1; color:#fff;}
  616. .n_box4_ul li .a_img .a_text .s1{width:100%; height:58px; line-height:58px; font-size:22px; overflow:hidden;}
  617. .n_box4_ul li .a_img .a_text .s2{width:100%; height:92px; line-height:23px; overflow:hidden; text-align:justify; font-size:14px;}
  618. .a_ryzzList{width:100%; padding-top:58px;}
  619. .a_ryzzList li{width:25%; float:left; padding:0px 1% 2% 1%;}
  620. .a_ryzzList li .a_img{width:100%; display:inline-block; overflow:hidden; border:1px solid #e5e5e5;}
  621. .a_ryzzList li .a_img img{width:100%;}
  622. .a_ryzzList li .a_text,.a_ryzzList li .a_text:hover{width:100%; height:45px; line-height:45px; display:inline-block; overflow:hidden; text-align:center; color:#333333; font-size:16px;}
  623. .a_dpvideoList{width:100%; padding-top:58px;}
  624. .a_dpvideoList li{width:50%; float:left; padding:0px 1% 2% 1%;}
  625. .a_dpvideoList li .a_img{width:100%; display:inline-block; overflow:hidden; position:relative;}
  626. .a_dpvideoList li .a_img img{width:100%;}
  627. .a_dpvideoList li .a_img .a_text{width:100%; text-align:center; background:url(../images/tb_8.png) top center no-repeat; line-height:60px; color:#fff; font-size:30px; padding-top:50px; background-size:50px; position:absolute; left:0px; top:50%; z-index:1;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);}
  628. .n_box2_con{width:100%;}
  629. .n_box2_con dd{width:100%; padding-bottom:40px; float:left;}
  630. .n_box2_con dd .div{width:100%; background-color:#f7f7f7; display:inline-block; overflow:hidden; color:#333333; font-size:14px;}
  631. .n_box2_con dd .div:hover{ color:#fff; background-color:#05468d; text-decoration:none;}
  632. .n_box2_con dd .div .a_img{width:21%;display:inline-block; overflow:hidden; float:left;}
  633. .n_box2_con dd .div .a_img img{width:100%;}
  634. .n_box2_con dd .div .a_img_r{width:76%; padding:3px 2% 0px 0%;}
  635. .n_box2_con dd .div .a_img_r .s1{width:100%; height:66px; line-height:66px; overflow:hidden; color:#333333; font-size:24px;}
  636. .n_box2_con dd .div:hover .a_img_r .s1{ color:#fff;}
  637. .n_box2_con dd .div .a_img_r .s2{width:100%; height:75px; text-align:justify; line-height:25px; overflow:hidden; }
  638. .n_box2_con dd .div .a_img_r .s3{ width:100%; height:40px; line-height:40px; background:url(../images/tb_018.png) right 1px center no-repeat;border-top:1px solid #e5e5e5; margin-top:10px;}
  639. .n_box2_con dd .div:hover .a_img_r .s3{ background:url(../images/tb_018z.png) right 1px center no-repeat;}
  640. .n_box1_pages{width:100%; padding:25px 0px; text-align:center;}
  641. .n_box1_pages .a1,n_box1_pages span{ height:45px;width:45px; margin:0px 2px; line-height:45px; display:inline-block; overflow:hidden; background-color:#fff; border:1px solid #e6e6e6; color:#666666; font-size:20px;-moz-border-radius: 22.5px; /* Gecko browsers */
  642. -webkit-border-radius: 22.5px; /* Webkit browsers */
  643. border-radius: 22.5px; /* W3C syntax */}
  644. .n_box1_pages .a1:hover,.n_box1_pages .a1.activegg1{ background-color:#05468d; border:1px solid #05468d; text-decoration:none; color:#fff;}
  645. .a_tzjyg_cdetsl{width:100%;}
  646. .a_tzjyg_c_t{width:100%; padding:10px 0px; line-height:1.7; text-align:center; color:#333333; font-size:24px; position:relative;}
  647. .a_tzjyg_c_t .a1{ height:30px; background:url(../images/tb_27.png) left center no-repeat; line-height:30px; padding-left:40px; color:#888888; font-size:18px; display:inline-block; position:absolute; right:0px; top:50%;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);}
  648. .a_tzjyg_c_t .a1:hover{ text-decoration:none; color:#05468d;}
  649. .a_tzjyg_c_time{width:100%; height:50px; padding-bottom:10px; line-height:40px; text-align:center; overflow:hidden;color:#888888; font-size:14px; border-bottom:1px solid #eee;}
  650. .a_tzjyg_c_ton{width:100%; padding:25px 0px 0px 0px; line-height:2; overflow:hidden; color:#333333; font-size:14px; }
  651. .a_tzjyg_c_ton img{ max-width:100%; height:auto !important;}
  652. .n_newsDetails_c_b{width:100%; padding:0px 5%; border-top:1px solid #e1e1e1;}
  653. .n_newsDetails_c_b a{width:50%; float:left; padding:20px 0px; line-height:2.0; text-align:center; color:#666666; font-size:16px; border-right:1px solid #e1e1e1;}
  654. .n_newsDetails_c_b a:hover{ text-decoration:none; color:#05468d;}
  655. .n_newsDetails_c_b a:nth-of-type(2){ border-right:0px;}
  656. .n_box8list{width:100%;}
  657. .n_box8list_l{width:50%; padding:110px 3% 0px 13.5%;}
  658. .n_box8list_l_t{width:100%; padding-bottom:20px; line-height:1.3; color:#333333; font-size:24px; }
  659. .n_box8list_l_t .s1{ color:#05468d; font-size:30px; font:Arial, Helvetica, sans-serif;}
  660. .n_box8list_l_c{width:100%; line-height:2; overflow:hidden; color:#333333; font-size:14px;}
  661. .n_box8list_l_c table tr td{ color:#333333; font-size:14px; line-height:2;}
  662. .n_box8list_l_c .s1{ text-align:center; margin-right:20px; display:inline-block; color:#05468d; font-size:14px;}
  663. .n_box8list_r{width:50%; overflow:hidden;}
  664. .n_box8list_r #allmap{width:100%; height:610px;}
  665. .a_zxly{width:100%; height:100%;position:relative; z-index:1; padding:5% 0px 5% 0px;}
  666. .a_zxly_ul{width:100%; margin:0px; padding:0px; padding-top:60px;}
  667. .a_zxly_ul li{width:100%; padding:20px 1%; float:left;}
  668. .a_zxly_ul li .div{width:100%;}
  669. .a_zxly_ul li .div dd{width:33.33%; float:left; padding:0px 1%;}
  670. .a_zxly_ul li .div1{width:100%; padding:0px 1%;}
  671. .a_zxly_ul li .ipt1{width:100%; background-color:transparent; height:40px; border:0px;line-height:40px; color:#fff; border:1px solid #7c97b3; font-family:"微软雅黑"; font-size:14px; text-indent:15px;}
  672. .a_zxly_ul li .ipt2{height:163px; width:100%; text-indent:10px; background-color:transparent; border:0px; padding:5px;color:#fff; font-family:"微软雅黑"; font-size:14px;border:1px solid #7c97b3; resize:none; }
  673. .a_zxly_ul li .s3{width:100%; text-align:center; padding:20px 0px;}
  674. .a_zxly_ul li .ipt3{width:170px; height:50px; line-height:50px; border:0px; cursor:pointer; background-color:#ffffff; color:#053973; text-align:center; display:inline-block; font-size:18px; font-family:"微软雅黑";-moz-border-radius: 25px; /* Gecko browsers */
  675. -webkit-border-radius: 25px; /* Webkit browsers */
  676. border-radius:25px; /* W3C syntax */}
  677. .a_zxly_ul li .ipt1:-moz-placeholder,.a_zxly_ul li .ipt2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  678. color: #fff;
  679. }
  680. .a_zxly_ul li .ipt1::-moz-placeholder,.a_zxly_ul li .ipt2::-moz-placeholder { /* Mozilla Firefox 19+ */
  681. color: #fff;
  682. }
  683. .a_zxly_ul li .ipt1:-ms-input-placeholder,.a_zxly_ul li .ipt2:-ms-input-placeholder {
  684. color: #fff;
  685. }
  686. .a_zxly_ul li .ipt1::-webkit-input-placeholder,
  687. .a_zxly_ul li .ipt2::-webkit-input-placeholder {
  688. color: #fff;
  689. }
  690. .a_rlzydiv_c{width:100%; margin:0px; padding:0px;}
  691. .a_rlzydiv_c dt{width:100%; height:46px; line-height:46px; float:left; font-weight:normal;}
  692. .a_rlzydiv_c dt .div{width:100%; background-color:#05468d; color:#ffffff; font-size:16px;}
  693. .a_rlzydiv_c dt .div .s1{width:24%; height:46px; line-height:46px; padding-left:4%;overflow:hidden}
  694. .a_rlzydiv_c dt .div .s2{width:14%; height:46px; line-height:46px; text-align:center; overflow:hidden}
  695. /*.a_rlzydiv_c dt .div .s3{width:16%; height:46px; line-height:46px; text-align:center;overflow:hidden}*/
  696. .a_rlzydiv_c dt .div .s4{width:14%; height:46px; line-height:46px; text-align:center;overflow:hidden}
  697. .a_rlzydiv_c dt .div .s5{width:15%; height:46px; line-height:46px; text-align:center;overflow:hidden}
  698. .a_rlzydiv_c dt .div .s6{width:19%; height:46px; line-height:46px; text-align:center;overflow:hidden}
  699. .a_rlzydiv_c dt .div .s7{width:14%; height:46px; line-height:46px; text-align:center;overflow:hidden}
  700. .a_rlzydiv_c dd{width:100%; float:left; font-weight:normal;}
  701. .a_rlzydiv_c dd .div{width:100%; height:70px; line-height:70px; border-bottom:1px solid #d2d2d2; font-size:16px; color:#333333; cursor:pointer;}
  702. .a_rlzydiv_c dd .div .s1{width:24%; height:70px; line-height:70px; padding-left:4%;overflow:hidden}
  703. .a_rlzydiv_c dd .div .s2{width:14%; height:70px; line-height:70px; text-align:center;overflow:hidden}
  704. /*.a_rlzydiv_c dd .div .s3{width:16%; height:70px; line-height:70px; text-align:center;overflow:hidden}*/
  705. .a_rlzydiv_c dd .div .s4{width:14%; height:70px; line-height:70px; text-align:center;overflow:hidden}
  706. .a_rlzydiv_c dd .div .s5{width:15%; height:70px; line-height:70px; text-align:center;overflow:hidden}
  707. .a_rlzydiv_c dd .div .s6{width:19%; height:70px; line-height:70px; text-align:center;overflow:hidden}
  708. .a_rlzydiv_c dd .div .s7{width:14%; height:70px; line-height:70px; text-align:center; color:#05468d;overflow:hidden}
  709. .a_rlzydiv_c dd .div1{width:100%; padding:15px 10px 20px 4%; display:none;}
  710. .a_rlzydiv_c dd .div1_l{width:87%; line-height:2.0; overflow:hidden; color:#222222; font-size:14px;}
  711. .a_rlzydiv_c dd .div1_l img{ max-width:100%;}
  712. .a_rlzydiv_c dd .div1_r,.a_rlzydiv_c dd .div1_r:hover{width:10%; margin-top:15px; height:38px; line-height:38px; text-align:center; color:#fff; background-color:#05468d; font-size:14px; text-decoration:none; display:inline-block; overflow:hidden;
  713. -moz-border-radius: 19px; /* Gecko browsers */
  714. -webkit-border-radius: 19px; /* Webkit browsers */
  715. border-radius:19px; /* W3C syntax *//* margin-right:10px;*/}
  716. .n_tdjj_t{width:100%; font-size:36px; line-height:1.7; text-align:center; color:#333;}
  717. .n_tdjj_c{width:100%; padding-top:20px; text-align:center; color:#333333; font-size:14px; line-height:2; overflow:hidden;}
  718. .n_tdjj_c img{ max-width:100%; height:auto !important;}
  719. .n_tdjj_con{width:100%; overflow:hidden;}
  720. .sjs-swiper1 {width:100%;height: 100%; }
  721. .sjs-swiper1 .swiper-slide {
  722. -webkit-transition: transform 1.0s;
  723. -moz-transition: transform 1.0s;
  724. -ms-transition: transform 1.0s;
  725. -o-transition: transform 1.0s;
  726. padding:0px 1px;
  727. float:left;
  728. background-color:#fff;
  729. position:relative;
  730. cursor:pointer;
  731. transition-timing-function:linear;
  732. -webkit-filter: grayscale(100%);
  733. -moz-filter: grayscale(100%);
  734. -ms-filter: grayscale(100%);
  735. -o-filter: grayscale(100%);
  736. filter: grayscale(100%);
  737. filter: gray;
  738. }
  739. .sjs-swiper1 .swiper-slide-active,.sjs-swiper1 .swiper-slide-duplicate-active {
  740. transition-timing-function:linear;
  741. -webkit-filter: grayscale(0%);
  742. -moz-filter: grayscale(0%);
  743. -ms-filter: grayscale(0%);
  744. -o-filter: grayscale(0%);
  745. filter: grayscale(0%);
  746. filter: gray;
  747. }
  748. .sjs-swiper1 .swiper-slide-active img,.sjs-swiper .swiper-slide-duplicate-active img{ margin-top:0px;}
  749. .sjs-swiper1 .swiper-button-prev { background: url(../images/tb_20.png) center no-repeat; /*background:none;*/ top: 50%; margin-top:-30px; width: 60px; height:60px ; left:20%;}
  750. .sjs-swiper1 .swiper-button-next { background: url(../images/tb_212.png) center no-repeat; /*background:none; */top: 50%; margin-top:-30px; width: 60px; height: 60px; right:20%;}
  751. .sjs-swiper1 .swiper-slide img{width:100%; height:auto;/* margin-top:70px;*/ filter:alpha(opacity=64); -moz-opacity:0.64; -khtml-opacity: 0.64; opacity: 0.64;}
  752. .sjs-swiper1 .swiper-slide-active img,.sjs-swiper1 .swiper-slide-duplicate-active img{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
  753. .sjs-swiper1 .swiper-slide .zc{width:100%; height:100%; background:url(../images/tb_9.png) repeat; position:absolute; left:0px; top:0px;opacity: 0; filter: alpha(opacity=0);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
  754. .sjs-swiper1 .swiper-slide-active .zc,.sjs-swiper1 .swiper-slide-duplicate-active .zc{opacity: 1; filter: alpha(opacity=100);}
  755. }
  756. .sjs-swiper1 .swiper-slide .zc_title{width:100%; position:absolute; left:0px;top:50%;line-height:75px; opacity: 0; background:url(../images/tb_8.png) top center no-repeat; padding-top:56px; opacity: 0;filter: alpha(opacity=0);transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;color:#fff;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%); font-size:36px; z-index:2; text-align:center; text-align:center; overflow:hidden;}
  757. .sjs-swiper1 .swiper-slide-active .zc_title{opacity: 1; filter: alpha(opacity=100); }
  758. .a_zcfw_gkk{ width:100%; padding-bottom:80px;}
  759. .a_zcfw_gkk .a_img{width:50%; display:inline-block; overflow:hidden;}
  760. .a_zcfw_gkk .a_img img{width:100%;}
  761. .a_zcfw_gkk .a_img_r{width:48%;}
  762. .a_zcfw_gkk .a_img_r_t{width:100%; line-height:1.8; overflow:hidden; color:#333333; font-size:36px;}
  763. .a_zcfw_gkk .a_img_r_c{width:100%; padding-top:8px; color:#333333; font-size:14px; line-height:1.8; overflow:hidden;}
  764. .a_zcfw_gkk .a_img_r_c img{ max-width:100%; height:auto !important;}
  765. .a_zcfw_gkk_t{width:100%; color:#fff; background-color:#05468d; line-height:67px; text-align:center; font-size:22px;}
  766. .a_zcfw_gkk_c{width:100%; overflow-x:auto; }
  767. .a_zcfw_gkk_c table{border:1px solid #e5e5e5; border-bottom:0px; border-right:0px;}
  768. .a_zcfw_gkk_c table tr td{ border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; color:#666666; font-size:14px;}
  769. .a_zcfw_gkk_c .s1{ color:#05468d; font-size:18px;}
  770. .a_zcfw_gkk_c .s2{ padding:15px 10px; display:inline-block;}
  771. .a_zcfw_gkk_c .s3,.a_zcfw_gkk_c .s3:hover{ color:#05468d;}
  772. .n_jjfa_box1{width:100%; padding:25px 0px 50px 0px;}
  773. .n_jjfa_box1_t{width:100%; padding-bottom:30px; line-height:1.8; text-align:center; color:#05468d; font-size:32px; font-weight:bold;}
  774. .n_jjfa_box1_c{width:100%; padding-bottom:70px; text-align:center; color:#333; font-size:14px; line-height:1.8;}
  775. .n_jjfa_box1_b{width:100%; height:32px; line-height:32px; text-align:center; overflow:hidden; color:#05468d; font-size:14px; font-weight:bold; background:url(../images/tb_35.png) center no-repeat;}
  776. .n_jjfa_box1_b1{width:100%; text-align:center; padding-top:40px;}
  777. .n_jjfa_list{width:100%;}
  778. .n_jjfa_list li{width:33.33%; float:left;}
  779. .n_jjfa_list li .a_img{width:100%; display:inline-block; overflow:hidden; position:relative; float:left;}
  780. .n_jjfa_list li .a_img img{width:100%;}
  781. .n_jjfa_list li .a_img .a_text{width:100%; height:70px; line-height:70px; text-align:center; background:url(../images/tb_32.png) repeat; z-index:1; position:absolute; left:0px; bottom:0px; color:#fff; font-size:24px; overflow:hidden; display:inline-block;}
  782. .n_jjfa_list li .a_img .a_div1{width:100%; display:none;background:url(../images/tb_33.png) repeat; position:absolute; left:0px; top:0px; height:100%; z-index:2;}
  783. .n_jjfa_list li .a_img .a_div2{width:100%; padding-bottom:55px; text-align:center; display:none; line-height:1.5; background:url(../images/tb_34.png) bottom center no-repeat; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; position:absolute; left:0px; top:50%; z-index:3;webkit-transform: translate(0%, -50%);-moz-transform: translate(0%, -50%);transform: translate(0%, -50%);}
  784. .n_jjfa_list li .a_img .a_div2 .s1{ font-family:"微软雅黑"; font-size:24px;}
  785. .n_jjfa_list li .a_img .a_div2 p{ width: 92%; margin: auto; margin-top: 5%;}
  786. .n_jjfa_list li .a_img:hover .a_div1{ display:block;}
  787. .n_jjfa_list li .a_img:hover .a_div2{ display:block;}
  788. .n_jjfa_list li .a_img:hover .a_text{ display:none;}
  789. .n_box1_c3{width:100%;}
  790. .n_box1_c3 li{width:100%; float:left; padding-bottom:85px;}
  791. .n_box1_c3 li .div{width:100%; display:inline-block; float:left; overflow:hidden; color:#666666; font-size:18px;}
  792. .n_box1_c3 li .div:hover{ text-decoration:none; color:#666666; }
  793. .n_box1_c3 li .div .a_img{width:46.5%; float:left; display:inline-block; overflow:hidden; position:relative;}
  794. .n_box1_c3 li .div .a_img img{width:100%;}
  795. .n_box1_c3 li .div .a_text{ width:50%; float:right;}
  796. .n_box1_c3 li .div .a_text .s2{width:100%; height:60px; line-height:60px; overflow:hidden; font-size:28px; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold; margin-bottom:10px;}
  797. .n_box1_c3 li .div .a_text .s3{width:100%; height:252px; line-height:36px; text-align:justify; overflow:hidden;}
  798. .n_box1_c3 li .div .a_text .s4{width:157px; height:55px; margin-top:10px; line-height:55px; text-align:center; overflow:hidden; color:#666666; background:url(../images/tb_37.png) right 15px center no-repeat;background-color:#e5e5e5;}
  799. .n_box1_c3 li .div:hover .a_text .s4{ color:#fff; background:url(../images/tb_37z.png) right 15px center no-repeat; background-color:#175394;}
  800. .n_box1_c3 li .div:hover .a_text .s2{ color:#175394;}
  801. .n_box1_c3 li .div.twos .a_img{ float:right;}
  802. .n_box1_c3 li .div.twos .a_text{ float:left;}
  803. .n_cpbox1{width:100%; padding-bottom:70px; color:#333333; font-size:16px; line-height:2; overflow:hidden; text-align:justify;}
  804. .n_cpbox1 img{ max-width:100%;}
  805. .n_cpbox1_t{ width:100%; padding:25px 0px; color:#05468d; font-size:25px; line-height:1.8;}
  806. .n_cpbox1_c{width:100%; border:1px solid #e5e5e5; border-bottom:0px; border-right:0px;}
  807. .n_cpbox1_c li{width:20%; float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
  808. .n_cpbox1_c li .a_img{width:100%; display:inline-block; overflow:hidden; float:left;}
  809. .n_cpbox1_c li .a_img img{width:100%;}
  810. .divtable{width:100%; overflow-x:auto;}
  811. .divtable table { border:1px solid #dcdcdc; border-bottom:0px; border-right:0px;}
  812. .divtable table tr td{ color:#333333; padding:20px 20px; font-size:16px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;line-height:1.5;}
  813. .divtable .fristdiv{ background-color:#05468d;}
  814. .divtable .fristdiv td{ color:#fff; font-size:18px;border-bottom:1px solid #05468d; border-right:1px solid #05468d; }
  815. @-webkit-keyframes box4 {
  816. 0% {
  817. transform: scale(1.4);
  818. opacity: 0.5;
  819. }
  820. 100% {
  821. transform: scale(1);
  822. opacity: 1;
  823. }
  824. }
  825. @keyframes box4 {
  826. 0% {
  827. transform: scale(1.4);
  828. opacity: 0.5;
  829. }
  830. 100% {
  831. opacity: 1;
  832. transform: scale(1);
  833. }
  834. }
  835. @-webkit-keyframes float {
  836. 0% {
  837. -webkit-transform: translateY(0);
  838. transform: translateY(0);
  839. }
  840. 50% {
  841. -webkit-transform: translateY(1em);
  842. transform: translateY(1em);
  843. }
  844. 100% {
  845. -webkit-transform: translateY(0);
  846. transform: translateY(0);
  847. }
  848. }
  849. @keyframes float {
  850. 0% {
  851. -webkit-transform: translateY(0);
  852. transform: translateY(0);
  853. }
  854. 50% {
  855. -webkit-transform: translateY(1em);
  856. transform: translateY(1em);
  857. }
  858. 100% {
  859. -webkit-transform: translateY(0);
  860. transform: translateY(0);
  861. }
  862. }
  863. @-webkit-keyframes float1 {
  864. 0% {
  865. -webkit-transform: translateY(-1em);
  866. transform: translateY(-1em);
  867. }
  868. 50% {
  869. -webkit-transform: translateY(0);
  870. transform: translateY(0);
  871. }
  872. 100% {
  873. -webkit-transform: translateY(-1em);
  874. transform: translateY(-1em);
  875. }
  876. }
  877. @keyframes float1 {
  878. 0% {
  879. -webkit-transform: translateY(-1em);
  880. transform: translateY(-1em);
  881. }
  882. 50% {
  883. -webkit-transform: translateY(0);
  884. transform: translateY(0);
  885. }
  886. 100% {
  887. -webkit-transform: translateY(-1em);
  888. transform: translateY(-1em);
  889. }
  890. }
  891. .arrowGo{
  892. animation: arrowGo 2.5s infinite;
  893. -webkit-animation: arrowGo 2.5s infinite ;
  894. }
  895. .Rotation img
  896. {
  897. transition:All 0.4s ease-in-out;
  898. -webkit-transition:All 0.4s ease-in-out;
  899. -moz-transition:All 0.4s ease-in-out;
  900. -o-transition:All 0.4s ease-in-out;
  901. }
  902. .Rotation:hover img
  903. {
  904. transform:rotate(360deg);
  905. -webkit-transform:rotate(360deg);
  906. -moz-transform:rotate(360deg);
  907. -o-transform:rotate(360deg);
  908. -ms-transform:rotate(360deg);
  909. }
  910. @-webkit-keyframes arrowGo {
  911. 0%{
  912. -webkit-transform: translate(0, 30%);
  913. }
  914. 50%{
  915. -webkit-transform: translate(0, 0%);
  916. }
  917. 100%{
  918. -webkit-transform:translate(0, 30%);
  919. }
  920. }
  921. @keyframes arrowGo {
  922. 0%{
  923. transform: translate(0, 30%);
  924. }
  925. 50%{
  926. transform: translate(0, 0%);
  927. }
  928. 100%{
  929. transform:translate(0, 30%);
  930. }
  931. }
  932. .Amplification img
  933. {
  934. transition:400ms;
  935. filter: Alpha(Opacity=100);
  936. opacity: 1;
  937. }
  938. .Amplification:hover img
  939. {
  940. filter: Alpha(Opacity=100);
  941. opacity: 1;
  942. -webkit-transform:scale(1.12);
  943. transform:scale(1.12);
  944. }
  945. .Amplification1 .img
  946. {
  947. transition:400ms;
  948. filter: Alpha(Opacity=100);
  949. opacity: 1;
  950. }
  951. .Amplification1:hover .img
  952. {
  953. filter: Alpha(Opacity=100);
  954. opacity: 1;
  955. -webkit-transform:scale(1.12);
  956. transform:scale(1.12);
  957. }
  958. @-webkit-keyframes hvr-bob {
  959. 0% {
  960. transform: scale(1.1);
  961. -webkit-transform: scale(1.1);
  962. }
  963. 100% {
  964. transform: scale(1);
  965. -webkit-transform: scale(1);
  966. }
  967. }
  968. @keyframes hvr-bob {
  969. 0% {
  970. transform: scale(1.1);
  971. -webkit-transform: scale(1.1);
  972. }
  973. 100% {
  974. transform: scale(1);
  975. -webkit-transform: scale(1);
  976. }
  977. }
  978. .liu_input .a_zxly_ul li .div dd{
  979. width: 100%;
  980. padding: 2% 1%;
  981. display: flex;
  982. }
  983. .liu_input .a_zxly_ul li{
  984. width:40%;
  985. float: none;
  986. }
  987. .liu_input .a_zxly_ul li .ipt3{
  988. background-color: #053973;
  989. color: #fff;
  990. }
  991. .liu_input .a_zxly_ul li .ipt1{
  992. color: #000;
  993. }
  994. .liu_input .a_zxly_ul li .div dd span{
  995. width: 80px;
  996. text-align: right;
  997. line-height: 40px;
  998. padding: 0 8px;
  999. font-size: 14px;
  1000. }
  1001. .liu_input .a_zxly_ul{
  1002. padding-top: 10px;
  1003. padding-right: 34px;
  1004. }
  1005. #exampleModal .modal-header .close{
  1006. margin-top: -23px;
  1007. }
  1008. /* #exampleModa .modal-dialog{
  1009. margin-top: 14%;
  1010. } */