通配样式*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *{ margin: 0; padding: 0; box-sizing: border-box; list-style: none; font-family: 微软雅黑; font-size: 14px; color: #333; } a{ text-decoration: none; color: #333; } a:hover{ text-decoration: none; } .clear{ clear:both} /*iconfont*/ @font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1577757392379'); /* IE9 */ src: url('../fonts/iconfont.eot?t=1577757392379#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAuUAAsAAAAAE7gAAAtGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFBAqXWJNAATYCJANACyIABCAFhG0HgTIbtBAzknFWBdl/lcCT8Wo8Q1gIqNbWatmNaskEd4Ky+mLt97g8gxPLCOPnPFwoQzv+ZIqY4JkgqrXsWXoAtB8gh+7OBVghChmV8qB8XBQKe8I+GnE/vZv1ZiYpCRrEKsA2VEyhosJtYUVFv4yeOQkQgJfmgOeLa7btkYSJenkkZ588+kLa5ihXHAzqag14Cl5BTSq4vm5os7ZrKnf379QxkQizD821jFfRqIe3D42absNONtjh/mKSPkQSkUxI22N2j1jax4+QPkNKEYPltgMriFw1Vjx1L0OAOG3BkPe5cQCDgRGBzzPdXcBkpjENdUJ0wlXcaTTygSWqZqjbwLv9e5mwVBRQWA3sVTu3/jXpfQaBLsyxXsBruEVgoQUamAGYhfxdqXwBlV0DIR5seANVHPlctK84RXXrfEdOfA/iB2FIn6iiMISXnhmFKk9eYagx/QsPiCBksCjSaBIYHFFixEmSAnEAmqRV/5YM9JGDiEBfCFZSGG6WHBgWUgGEJqkIRhpSHQwNaR2MBCQPDAPJByGUdARGFNIJGDFI3wDEYcBIWinAEikYzeo7uoAFoD/BtoD8YpfjKG7UCJZS9W2IWUeDdBOGsDLqW+nSi0dJxGJFNsGkEcf8dW9JFmODG1phXJ5XUCkJlzWYzbmeNgDKFDjKs6URECcCVM5MerRwU7Grk6stvawMdG6hGQ1QPccwBQP0ypn79842TKABvazjtzcs8z/s+8EBYwYhGqW6w9cfdJ0cKaCsWMe5KVR6gtNsE0Dj2nz1ogD3NUJXuqKj4ovCBqrf4rPFe3Q654PRZeXwiQ9cw0rUy4MQS8EIXJDDVFhNtJtsVD4PW0rINMb6oXy4X1KyXp4SXRUMsWHEzBvzfcVT0WjNDRjnDqWaYMmpsETC8qOJlByGjeB0OEeM2YTsZf8M/t+kf3Xy55TAmhPSV7F/O2wlAi1R7qRyi47qB1gJrNawrRhesRSrHd2wEJy+zwxo46Agv6Izad+ArCDEZsZ7BpD5gC/3S0UP2vAlmfGR9LSofj5Nk3NQYmXXqO6KdxfE+eQbXK0HV4HZ7SDCjEJ9LdqBmeLzKkjQQ3CJxti469eBUtTf8MFNbNlLMqCRGvVPnEfWQ/vx6cd4/cMJGAuLJSlIbmf1/UsvRvctluHV57dk3bUkDd/M6lQTobIWVjq0c5z3BshXRdcVYM3XJZ1ufh/UuvmH2NFxBViML2DxYo/Tb2drWDz6ycMR50GE0rnpSCydBnInN5XDvHdw5qpXR63McXTIg9Jbxsffu0tmJ1ZqKDGFKxtk9HHcaNG1GpZdRzXl8JboxCE2nTvD9YKmrxhfeBmG9u1hw743+2RfYeDTCbJ62nux3HfVi1+/cBOeylhD5hh4RcRzTJqenT70xTofwFboqIc/RGcf7fcypD4T4W1C1KbWiOx6IZ/dYgu4PfxtlujWwk/N/7VPx29Jg4/260Z5zKi2Qog3EIOx5Yq3vunZcvtzlO7Lm0cZGRshYaHyPv1LN5s5GqUY2csRc1pg8z0YN+BApsFyxOpmP5Z10RFeDkqgzdho0w/l6kNedCH5mNjBA5/UUhrG1w1177xUVA4d9lHWoL90CYmYHt08m7O8v/bHDq8df1x7b+Fmj2xAuaovsmjOh4uWOY2aTf4X0agtI9LDd3rtVNCp9O7KjZ6UGxPz5RB3mWxxWp2TPYopoMlCg9/Ux9wnr49Pn3rJAamtecQVtzynnOx3fjlEHaZ0K9lPDnAfJoVTw3tRsMI9Sr8C5hxdjm9cI0vI4mhpOV6W1C4mS3iWYYCkBzkaK8WG1pDFV64sxhySj5LFNaEMrbHqSmTzsw6J2Qn/0Wp2cF4zrC9X55hy1ML6Jkjrq1fT/09gxQdjuAXVA0wmy4UuMbnguKEZUXN45xs5VxuYARlW5eMhbAxr++xQBmBeP05+5+TmGrvmRf0DLB5+oJKQeEGnMrPFOd1DIPAOjhW4QVnBjNkVawU0H0ZlNBMbzAsE4uHOYnkm0wGucReoiJqGaFt9dGSNHRDIllKJqAHXmGe0wUirumcGwxJtNGzUjEbJpIvnKYSpC1xB2CeQj3yUU+k2fb4Me2JpULCM8+Jk8POd5993GnYq/YZnTfFaf2i/15QsyA5/3dPuky6i2a9RFzfMbDKarX4iSUbCc4t+r+clsWDVP0/pYwiy+CsbjSM3Hoh6JcTkW5e5ppzPYMLLy4sNeZ7HvO4e98r1XMD9leE6c+bVD1PbNhd3jpDQkhEGkqunLldlUov84gNspaW2gHg6QSklpXueeL9FtDpTtRC3jBvfiukWPH484ZeNQXzD68mHLHVVC1qmpWIY82nw/KIilpXyfFva+mm4O7c7x5nrhC6S9EMb8qIsfXldPwGFFJmXhqcsfXKusDC95FzjWNxiO0s9C7+z68Qp86nlO+6EXydnlw8EfLzmP/2/pZrx9+ilwlPzQ+afEp6Q9pvf+P531sL8HgbsKkE4u0PwRn9JAElcM18xYUIFHzevakVwr2GirbLCETxcqaykV8DQIMeKrPkLF1XwEybwiqcammU+P0EBsuHJ6w3M/v3rGbpAreeKheWGoNYbg0vd9te6DRqJalHT2FFNUE+Gj8D1qG7QKPhVIrfyFn4Tv/lSgUJjPlPCs9NQ4+yJdhYTbduB0cPQVHx4BR6UkuzY5VGmq4pkTbaoi51H9eyhHp5ZM2rqQfs8qzjIxETadMpMv+hGIzov1Qy1EDoizxzgP6RfcR/cuXbKUGRHqxzqyr5kwTjc7NGFl/S16a4HmShiXa5uR5P64XJcAWM7asOTd48z4SUfX7v2y3VysTxDl7EUZsGQEP7P2LHD1NOUopEZxdGLQafiUoDS9xbjih+h1r3SUOm14/ff+ShvtbyjG8pQ93wUdd5RfLGhc+4wybBT4b57m46cPLBmANS3B0RNjXWot9k9Csv4uDON40t/YMM4tzlvWwdw5bBjr8Tp7pSg7KambHT+e+z43tk/VOLUOzc8ZPXqIbiuhJrQmDGDcc/ghOre9RmCy94czs9PGPO3l+HPUQsK8mdkTq/sXbX44lBnfvCgQSH59Oha1dR71T38IuoXLKiPmKSodk0zTe1VizAeph2Wn//X42HjRo4ePeTpuqKiqW12YM+uXDFj61Zvh2P5Cg+Zi93Bb902A/1XLj3q3cu+I3z5SEfk1qUr4PyPtZPrFjlK4m37ePIj6e80ljwl44Bq44s4A8A1kfxPxkCkSQArAVzjqHNkPEwvyCHCZYWuAtwAyFn8lTasxhOXzXhfqOU/yAJaN5vIrBOIiwzTlbNg6ZSyxBZZ8m+M6L/myMvm1n3LXGPPQxf8Gk5hYCsIYCoSR9sAAKhzyzEyw1Hb9FIckHGTSIaDdXIwDeAiBvDiMmEasq6At+eU1Z1HJl2yOgEYBOAFCDBgLqOqggENIogGbsBAGhBCEOTcLwIlDAQCiGIBIBCmRAABB/sABimcAwQ4uAMBUfUG0KCB74Bz7rETcO2/F84br9H1W0CRUIM8ACmejZhL1873G20eRUiP2bZ/DJH2oK2avO0LZwwhronFdikZMIEn+Ixeh+PIsATuUaXKpbRs69pUXVspnlbX3gRISLqvBqSDIVHYzByeXBd+/xuyspEQGlLuDP+hIKKTg1al6VD2RedOKa8lOCqsTiKLBsjogE3AJ1lEIzczsFSf1kNKUnEDjIutmmQzXWl1fnn65GU+xDSsyNk2osWIFScRiUpM4pKQpKQkLRnJ9uRimg3O9jxyjpk33p9qEvNFdNRb5Wyvgkdxpuno6LKLkBa6KQemTi6f75AGbtwaMaeCSdNsZb6wYYw684Wt37KCL7a5XBZnauSIqxUA') format('woff2'), url('../fonts/iconfont.woff?t=1577757392379') format('woff'), url('../fonts/iconfont.ttf?t=1577757392379') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg?t=1577757392379#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-xinfeng:before { content: "\e601"; } .icon-sousuo:before { content: "\e613"; } .icon-qq:before { content: "\e61a"; } .icon-dian:before { content: "\e644"; } .icon-shijian:before { content: "\e606"; } .icon-xiala:before { content: "\e645"; } .icon-dizhi:before { content: "\e600"; } .icon-fenxiang:before { content: "\e656"; } .icon-yonghu:before { content: "\e65d"; } .icon-weixin:before { content: "\e6c0"; } .icon-fanhuidingbu:before { content: "\e63d"; } .icon-gengduo:before { content: "\e70a"; } .icon-gonggao:before { content: "\e7d5"; } .icon-dianhua:before { content: "\e614"; } .icon-close:before { content: "\e602"; } /*通用样式结束*/ /*swiper2轮播样式*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; } .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 5px; cursor: pointer; } .swiper-active-switch { background: #008cc6; opacity: 1; } /* header开始 */ .header_top{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 1.3% 40px; } .header_top .logo{ float: left; } .header_top .logo img:nth-child(1){ width: 60%; border-right: 1px solid #ddd; padding-right: 3%; } .header_top .logo img:nth-child(2){ width: 32%; margin-left: 3%; } .management{ float: right; width: 140px; height: 40px; border: 1px solid #ccc; line-height: 40px; text-align: center; margin-top: 22px; background: none; outline: none; } .management img{ margin-top: 8px; width: 22px; height: 22px; float: left; margin-left: 25px; } .header_bottom{ width: 100%; height: 60px; background: #008cc6; position: relative; background: linear-gradient(to right, #008cc7 , #005980); } .header_current{ width: 100%; height: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; } .header_bottom ul{ /* width: 64%; */ height: 100%; float: left; } .header_bottom ul li{ float: left; line-height: 60px; /*position: relative;*/ padding: 0 22px; height: 60px; transition: all 1s ease; } .header_bottom ul .current{ background: rgba(0,0,0,0.2); } .header_bottom ul li:hover{ background: rgba(0,0,0,0.2); } .header_bottom ul li a{ color: #fff; font-size: 18px; } .header_bottom ul li .down a:hover{ color: #008cc7; } .header_bottom ul li dl{ float: left; width: 130px; border-right: 1px dashed #fff; } .header_bottom ul li dl dd{ line-height: 30px; margin-right: 30px; } .header_bottom ul li dl dd a{font-size: 16px;} .header_bottom ul li:nth-child(4) dl{ width: 292px; } .header_bottom ul li:nth-child(4) dl dd{ float: left; width: 112px; } .down span{ float: left; margin-left: 5%; } .down{ position: absolute; z-index: 5; display: none; width: 100%; left: 0; top: 60px; padding-top: 20px; /*background: rgba(0,19,59,.5);*/ background: rgba(0,140,199,.3) } .header_bottom ul li:nth-child(2) .down .nav-item{ width: 100%; height: 100%; max-width: 1477px; margin: 0 auto; padding: 0 145px; } .header_bottom ul li:nth-child(3) .down .nav-item{ width: 100%; height: 100%; max-width: 1477px; margin: 0 auto; padding: 0 255px; } .header_bottom ul li:nth-child(4) .down .nav-item{ width: 100%; height: 100%; max-width: 1477px; margin: 0 auto; padding-left: 373px; } .header_bottom ul li:nth-child(5) .down .nav-item{ width: 100%; height: 100%; max-width: 1477px; margin: 0 auto; padding-left: 492px; } .header_bottom ul li:nth-child(6) .down .nav-item{ width: 100%; height: 100%; max-width: 1477px; margin: 0 auto; padding-left: 626px; } .header_bottom ul li:nth-child(7) .down .nav-item{ width: 100%; height: 100%; max-width: 1477px; margin: 0 auto; padding-left: 740px; } /* 搜索开始 */ .header_bottom #search{ width: 17%; height: 35px; border: 1px solid #ccc; float: right; background: #fff; margin-top: 12px; } .header_bottom #search #searchtxt{ float: left; width: 86%; height: 100%; } #searchtxt input{ width: 100%; border: none; height: 33px; text-indent: 10px; outline: none; } .header_bottom #search .searchbtn{ float: right; width: 14%; line-height: 30px; height: 100%; text-align: center; } .searchbtn button{ border: none; background: #fff; vertical-align: middle; outline: none; } .searchbtn button i { font-size: 1.5em; } /* 搜索结束 */ /* 列表页二级导航栏开始 */ .tongyong_img{ position: relative; width: 100%; height: 100%; } .tongyong_img img{ /* max-width: 100%; */ width: 100%; } .tongyong{ position: absolute; top: 50%; margin-top: -29px; left: 0; width: 100%; } .tongyong div{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; } .tongyong div h3{ text-align: right; font-size: 30px; font-weight: inherit; margin-bottom: 10px; } .tongyong div p{ text-align: right; text-transform: uppercase; font-size: 18px; } #Section{ width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #ccc; } .Section{ width: 100%; height: 100%; max-width: 1480px; padding: 0 40px; margin: 0 auto; } .Section_left{ float: left; } .Section_left li{ float: left; font-size: 18px; padding-right: 25px; } .Section_left li a{ padding-top: 10px; font-size: 18px; } .Section_left .Section_current a{ color: #25b7aa; border-top: 2px solid #25b7aa; padding-top: 8px; } .Section_left li:hover a{ color: #25b7aa; border-top: 2px solid #25b7aa; padding-top: 8px; } .Section_right{ float: right; } .Section_right span{font-size: 14px;} .Section_right span a:hover{ color: #25b7aa; } /* 列表页二级导航栏结束 */ /* header结束 */ /* footer开始 */ #footer { border-top: 1px solid #eee; } .footer_top{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; height: 317px; padding-top: 40px; } .footer_top ul{ float: left; margin-right: 7%; } .footer_top ul:first-child+ul+ul+ul{ margin-right: 0; } .footer_top ul li:first-child{ font-size: 24px; color: #008cc7; font-weight: bold; margin-bottom: 10px; } .footer_top ul li{ font-size: 16px; color: #a5aab3; line-height: 30px; } .footer_top ul li a{ color: #a5aab3; font-size: 16px; } .footer_top ul li a:hover{ color: #008cc7; } .footer_bottom{ padding: 18px; background: #ddd; } .footer_bottom ul{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; height: 100%; line-height: 24px; } .footer_bottom ul li{ font-size: 16px; float: left; height: 100%; margin-right: 10px; } .footer_bottom ul li:last-child{ /* float: right; */ margin: 0; } .footer_bottom ul li a{ color: #333; font-size: 16px; } .footer_right{ float: right; width: 20%; } .footer_scan img{ width: 45%; } .footer_scan img:nth-child(1){ margin-right: 8%; } .footer_right form{ width: 100%; margin-bottom: 20px; } .footer_right form select{ width: 100%; height: 40px; font-size: 16px; } /* footer结束 */ /* lndex开始 */ /* banner开始 */ .c-banner{ width: 100%; position: relative; } .c-banner img{ width: 100%; } .c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px; } .c-banner .banner ul li{ position: absolute display: none; opacity: 0; } .c-banner .banner ul li:nth-child(1){ opacity: 1; display: block; } .c-banner .banner ul li img{ width: 100%; position: absolute; top: 0px; } .c-banner .banner ul li:first-child img{ position: relative; } .c-banner .nexImg,.c-banner .preImg{ padding: 25px 10px 25px 10px; position: absolute; top: 50%; margin-top: -53px; background: #000000; opacity: 0.5; border-radius: 5px; z-index: 10; } .c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8; } .c-banner .nexImg{ right: 0px; } .c-banner .nexImg img,.c-banner .preImg img{ } .c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center; } .c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; } .c-banner .jumpBtn ul li{ width: 10px; height: 10px; border-radius: 50%; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px; } .c-banner .jumpBtn ul li:first-child{ margin-left: 0px; } /* banner结束 */ /* 通知公告开始 */ #Notice{ width: 100%; height: 50px; border-bottom: 1px solid #ccc; } #scrollDiv{ width: 100%; height: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; } .scrollDiv{ width: 100%; height: 50px; overflow: hidden; } .bulletin{ float: left; font-size: 16px; font-weight: bold; line-height: 50px; } .bulletin img{ width: 28%; margin-left: 10px; } .scrollDiv ul{ float: left; margin-left: 2%; width: 78%; } .scrollDiv ul li{ float: left; line-height: 50px; margin-right: 90px; position: relative; /*list-style-type: disc;*/ } .scrollDiv ul li:before{ content: ''; position: absolute; top: 50%; left: -14px; width: 5px; height: 5px; background: #333; border-radius: 100%; transform: translateY(-50%); } .scrollDiv ul li a p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height: 50px; float: left; font-size: 16px; } .scrollDiv ul li:nth-child(odd){ width: 46%; } .scrollDiv ul li:nth-child(odd) a p{ width: 67%; /*display: inline-block;*/ margin-right: 3%; } .scrollDiv ul li span{float: right;} .scrollDiv ul li a:hover{ color: #008cc7; } .scrollDiv ul li:nth-child(even){ width: 36%; } .scrollDiv ul li:nth-child(even) a p{ width: 70%; /*display: inline-block;*/ margin-right: 3%; } .scrollDiv .Move{ float: right; font-size: 14px; line-height: 50px; } .scrollDiv a:hover, .scrollDiv .Move:hover i{ color: #008cc7; } /* 通知公告结束 */ /* 首页新闻开始 */ .HomeNews_bj{ width: 100%; height: 100%; background: url(../images/index-news-bj.png); background-size: 100%; } .HomeNews{ width: 100%; max-width: 1880px; margin: 0 auto; padding: 0 20px; height: 100%; } .HomeNews .HomeNews_left{ width: 570px; height: 340px; float: left; } img { border: none; } .banner1 { width: 100%; height: 100%; position: relative; overflow: hidden; } .banner1 .img { width: 5000px; position: absolute; left: 0px; top: 0px; } .banner1 .img li { float: left; width: 570px; height: 340px; position: relative; } .banner1 .img li img { width: 100%; } /*小圆点的样式*/ .banner1 .num { position: absolute; right: 10px; bottom: 20px; } .banner1 .num li { width: 12px; height: 12px; float: left; margin-left: 10px; border-radius: 100%; border: 1px solid white; } .banner1 .num li.on { background: white } .banner1 ul li p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; font-size: 18px; line-height: 50px; color: #fff; text-indent: 20px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.85)) top; } .HomeNews_right{ /* width: 67%; */ width: calc((100% - 610px)/1); height: 340px; float: right; } .HomeNews_right .tab{ width: 100%; height: 100%; } .tab-menu ul{ border-bottom: 1px solid #ccc; } .tab-menu ul li{ float: left; line-height: 55px; font-size: 20px; margin-right: 3%; /*transition: all 1s ease;*/ cursor:pointer } .tab-menu ul li:hover{ color: #008cc7; border-bottom: 1px solid #008cc7; } .tab-menu ul .change{ color: #008cc7; border-bottom: 1px solid #008cc7; } .tab-menu ul li:nth-child(4){margin-right: 0;} .tab-box div ul li{ width: 48%; height: 100%; float: left; margin-left: 4%; } .tab-box div ul li:nth-child(1){margin-left: 0;} .tab-box div ul li h3{ font-size: 20px; font-weight: bold; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 60px; transition: all 1s ease; } .tab-box div ul li span{ font-size: 16px; color: #888; margin-bottom: 20px; display: inline-block; } .tab-box div ul li p{ font-size: 16px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 25px; margin-bottom: 40px; } .tab-box div ul li .read{ font-size: 16px; width: 140px; height: 50px; display: inline-block; line-height: 50px; text-align: center; color: #888; border: 1px solid #888; transition: all 0.5s ease; } .tab-box div ul li .read:hover{ background: #008cc7; color: #fff; border-color: #008cc7; } .tab-box div{width: 100%;height: 100%; display:none;} .tab-box div:first-Child{display:block;} .tab-box div ul li:hover h3{color: #008cc7;} .tab-box div ul{position: relative;} .tab-box div ul .Move{ position: absolute; top: -28px; right: 0; font-size: 14px; color: #888; } .tab-box div ul .Move:hover,.tab-box div ul .Move:hover i{ color: #008cc7; } #kongbai{ width: 100%; height: 50px; } /* 首页新闻结束 */ /* 核心业务开始 */ #Core{ width: 100%; height: 100%; background: url(../images/index-business-bg.png) no-repeat; background-size: 100% 100%; } .Core{ width: 100%; height: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; text-align: center; } .Core h3{ font-size: 36px; margin-bottom: 20px; } .Core p{ font-size: 16px; margin-bottom: 20px; } .Core ul li{ width: 140px; height: 100%; float: left; margin-left: 8%; } .Core ul li span{ font-size: 16px; } .Core ul li:nth-child(1){margin-left: 0;} .Core ul li .in3nav_pic{ width: 100%; height: 140px; background: #fff; border-radius: 100%; position: relative; margin-bottom: 20px; transition: all .8s ease; border: 1px solid #ddd; } .Core ul li .in3nav_pic i{ width: 60px; height: 60px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; } .Core ul li:hover .in3nav_pic{background: #008cc7;} .Core ul li:hover span{color: #008cc7;transition: all .8s ease;} .Core ul li:nth-child(1) .in3nav_pic i{ background: url(../images/index-business-icon1.png) no-repeat center; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(2) .in3nav_pic i{ background: url(../images/index-business-icon2.png) no-repeat center; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(3) .in3nav_pic i{ background: url(../images/index-business-icon3.png) no-repeat center; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(4) .in3nav_pic i{ background: url(../images/index-business-icon4.png) no-repeat center; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(5) .in3nav_pic i{ background: url(../images/index-business-icon5.png) no-repeat center; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(6) .in3nav_pic i{ background: url(../images/index-business-icon6.png) no-repeat center; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(1):hover .in3nav_pic i{ background: url(../images/index-business-icon1-2.png) no-repeat center; transition: all .8s ease; /* background-size: 100% 100%;*/ } .Core ul li:nth-child(2):hover .in3nav_pic i{ background: url(../images/index-business-icon2-2.png) no-repeat center; transition: all .8s ease; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(3):hover .in3nav_pic i{ background: url(../images/index-business-icon3-2.png) no-repeat center; transition: all .8s ease; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(4):hover .in3nav_pic i{ background: url(../images/index-business-icon4-2.png) no-repeat center; transition: all .8s ease; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(5):hover .in3nav_pic i{ background: url(../images/index-business-icon5-2.png) no-repeat center; transition: all .8s ease; /*background-size: 100% 100%;*/ } .Core ul li:nth-child(6):hover .in3nav_pic i{ background: url(../images/index-business-icon6-2.png) no-repeat center; transition: all .8s ease; /*background-size: 100% 100%;*/ } @media screen and (min-width:1366px) and (max-width:1496px){ .Core { max-width: 1200px; } .Core ul li { margin-left: 5%; } } @media screen and (min-width:1024px) and (max-width:1365px){ .Core { max-width: 1000px; } .Core ul li { width: 130px; margin-left: 28px; } .Core ul li .in3nav_pic { height: 130px; } } /* 核心业务结束 */ /* index结束 */ /* 新闻列表开始 */ #News{position: relative;width: 100%;overflow: hidden;padding-top: 55px;} #News .News_bj{ position: absolute; top: 50px; left: 0; z-index: -1; max-width: 21%; } .News{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; height: 100%; } .News_left{ float: left; width: calc((100% - 505px)/1); height: 100%; } .News_content * { font-size: 16px; line-height: 22px; } .News_content img { max-width: 100%; } .News_left .pn{ padding-top: 30px; } .News_left .pn p { line-height: 30px; font-size: 16px; } .News_left .pn p a { font-size: 16px; } .News_left .pn p a:hover { color: #008cc7; } .News_right{ width: 435px; height: 100%; float: right; } .Sticky li{ width: 100%; height: 200px; background: #f4f4f4; padding-right: 2%; } .Sticky li .Sticky_left{ width: 315px; height: 100%; float: left; overflow:hidden; text-align: center; } .Sticky_left img{ min-width: 100%; height: 100%; } .Sticky li .Sticky_right{ width: calc((100% - 350px)/1); height: 100%; float: right; padding: 28px 0; } .Sticky li h3{ font-size: 20px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Sticky li p{ font-size: 16px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 42px; text-align: justify; } .Sticky li span{ font-size: 20px; color: #d82228; } .News_List li{ padding-left: 15px; margin-top: 50px; margin-bottom: 20px; position: relative; padding-bottom: 20px; overflow: hidden; } .News_List li a { display: block; width: 95%; padding: 10px 0; } .News_List li h3{ font-size: 20px; line-height: 30px; font-weight: inherit; margin-bottom: 14px; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */ } .News_List li p{ font-size: 16px; color: #666; line-height: 24px; margin-bottom: 16px; text-align: justify; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .News_List li div{ font-size: 14px; } .News_List li div span{ color: #888; margin-right: 10px; } .News_right li{ background: #f4f4f4; } .News_right li .News_right_top{ width: 100%; height: 284px; text-align: center; overflow: hidden; } .News_right_top img{min-width: 100%;height: 100%;} .News_right li .News_right_bottom{ padding: 40px 30px; } .News_right li h3{ font-size: 20px; margin-bottom: 15px; } .News_right li p{ font-size: 16px; color: #666; line-height: 22px; margin-bottom: 15px; text-align: justify; } .News_right li span{ font-size: 20px; color: #666; margin-bottom: 25px; display: inline-block; } .News_right li .News_right_bottom div{text-align: right;} .News_right li .Move{ font-size: 16px; color: #008cc7; } .News_right li .Move i { font-size: 1em; color: #008cc7; } .News_List li:hover h3, .Sticky li:hover h3, .News_right li:hover h3{color: #008cc7;} .News_List li:before { position: absolute; content: ""; width: 3px; height: 100%; background: #008cc7; left: 0; top: 50%; -webkit-transform: translateY(-50%) scaleY(0); -moz-transform: translateY(-50%) scaleY(0); transform: translateY(-50%) scaleY(0); -ms-transform: translateY(-50%) scaleY(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; -ms-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .News_List li:hover:before { -webkit-transform: translateY(-50%) scaleY(1); -moz-transform: translateY(-50%) scaleY(1); transform: translateY(-50%) scaleY(1); } .News_List li:after{ position: absolute; content: ""; width: 100%; border-bottom: 1px dashed #ccc; bottom: -20px; left: 0; } /* 新闻列表结束 */ /* 新闻详情开始 */ .News_left h2{ font-size: 22px; text-align: center; margin-bottom: 25px; } .News_source{ width: 100%; height: 40px; text-align: center; line-height: 40px; color: #888; font-size: 14px; background: #f6f6f6; margin-bottom: 25px; } .News_right_Details{ padding: 20px 0 0px 20px; } .News_right .News_right_Details p{ font-size: 14px; padding-bottom: 20px; } .News_right_a{ background: #f4f4f4; padding: 20px; } .News_right_a li{ font-size: 14px; line-height: 28px; } .News_right_a li a{color: #666;} .News_right_a li:hover a{color: #008cc7;} .News_content p{ line-height: 30px; } /* 新闻详情结束 */ /* 大事记开始 */ .dashiji{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 40px 40px 0 40px; height: 100%; } .dashiji_wz{ margin-bottom: 30px; } .dashiji_wz p{ font-size: 16px; line-height: 25px; } .years{ max-width: 1280px; margin: 0 auto; } .years_lb ul li{ width: 100%; height: 100px; position: relative; } .years_lb ul li .even{ width: 45%; background: #edeff1; height: 100%; font-size: 16px; position: relative; } .years_lb ul li .even span{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); font-size: 16px; display: inline-block; color: #008cc7; margin-right: 3%; margin-left: 6%; } .years_lb ul li .even a { display: inline-block; width: 70%; line-height: 20px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); } .years_lb ul li .even span i{ font-size: 24px; font-weight: bold; color: #008cc7; margin-right: 4px; } .years_lb ul li:nth-child(odd) .even{ float: right; } .years_lb ul li:nth-child(even) .even{ float: left; } .years_lb ul li:nth-child(odd) .even:before{ position: absolute; content: ""; width: 15px; height: 20px; background: url(../images/jt-right.png); background-size: 100% 100%; left: -15px; top: 50%; margin-top: -10px; } .years_lb ul li:nth-child(even) .even:before{ position: absolute; content: ""; width: 15px; height: 20px; background: url(../images/jt-left.png); background-size: 100% 100%; right: -15px; top: 50%; margin-top: -10px; } .circle{ position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; border-radius: 100%; background: #dedede; text-align: center; line-height: 20px; } .circle i{ width: 12px; height: 12px; border-radius: 100%; background: #008cc7; display: inline-block; position: relative; } .circle i:before{ position: absolute; content: ""; width: 4px; height: 45px; top: -45px; left: 50%; margin-left: -2px; background: #d3dde9; z-index: -2; } .circle i:after{ position: absolute; content: ""; width: 4px; height: 45px; bottom: -45px; left: 50%; margin-left: -2px; background: #d3dde9; z-index: -2; } .years_lb h3{ width: 100px; height: 40px; margin: 0 auto; text-align: center; background: #008cc7; color: #fff; line-height: 40px; font-size: 24px; border-radius: 50px; } .years .dd{ display: block; width: 12px; height: 12px; border-radius: 100%; margin: 0 auto; background: #008cc7; position: relative; margin-bottom: 22px; } .years .dd:after{ position: absolute; content: ""; width: 4px; height: 22px; bottom: -22px; left: 50%; margin-left: -2px; background: #d3dde9; z-index: -2; } #dashiji{ position: relative; overflow: hidden; width: 100%; } .company_bg{ position: absolute; left: 0; z-index: -1; } .company_bg img{ max-width: 100%; } /* 大事记结束 */ /* 公司简介开始 */ #Overview{ position: relative; padding-top: 55px; } .Overview{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; } .jianjie{position: relative;} .jianjie_left{width: 58%;} .jianjie_left img{max-width: 100%;} .jianjie_right{ position: absolute; bottom: -42px; right: 0; width: 49%; background-color: #fff; box-shadow: 0px 0px 35px 0px rgba(1, 1, 1, 0.14); } .jianjie_right .iii{ padding: 64px 60px; } .jianjie_right .span1{ font-size: 30px; margin-right: 10px; } .jianjie_right .span2{ } .jianjie_right .span3{ font-size: 18px; width: 124px; height: 36px; line-height: 36px; text-align: center; display: inline-block; background: #25b7aa; border-radius: 12px; float: right; color: #fff; cursor:pointer } .jianjie_right .span3:hover{ background: #51c5bb; } .jianjie_right .span4{ width: 180px; height: 45px; text-align: center; display: inline-block; line-height: 45px; border: 1px solid #cacaca; border-radius: 22px; font-size: 18px; margin-bottom: 12px; cursor:pointer } .jianjie_right .span4:hover{ background: #008cc7; color: #fff; border: none; } .jianjie_right .iii p{ font-size: 16px; color: #666; line-height: 28px; margin: 30px 0; text-align: justify; } .jianjie_nr, .Speech{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); } .jianjie_nr .Margin, .Speech .Margin{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100%; max-width: 1480px; padding: 0 40px; margin: 0 auto; } .modal_content { background: #fff; padding:70px; max-width: 1400px; border-radius: 2px; height: 600px; overflow: hidden; } .modal_content h4 { font-size: 20px; font-weight: normal; line-height: 30px; } .modal_inner { height: 100%; } .jianjie_right .modal_content p { font-weight: normal; margin:20px 0; text-indent: 2em; } .jianjie_nr .span5, .Speech .span5{ position: absolute; top: 20px; right: 62px; } /* 公司简介结束 */ /* 分子公司开始 */ #Minute{margin-top: 78px;} #Minute ul li{ width: 15.8%; height: 100%; float: left; margin-left: 1%; overflow: hidden; } #Minute ul li:nth-child(1){margin-left: 0;} .branch{ width: 100%; border: 1px solid #ccc; text-align: center; font-size: 0; overflow: hidden; margin-bottom: 10px; } #Minute ul li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transition: .4s ease 0s; -webkit-transition: .4s ease 0s; -ms-transition: .4s ease 0s; -moz-transition: .4s ease 0s; } .branch img{ width:100%; transition: .4s ease 0s; -webkit-transition: .4s ease 0s; -ms-transition: .4s ease 0s; -moz-transition: .4s ease 0s; } #Minute ul li p{ font-size: 16px; text-align: center; line-height: 25px; } /* 分子公司结束 */ /*单页面*/ .page-business { background: url(../images/business-bg.png) no-repeat left 55px; } .page-contact { background: url(../images/contact-bg.png) no-repeat left 55px; } .page-resource { background: url(../images/resource-bg.png) no-repeat left 55px; } .page-framework { background: url(../images/company-bg.png) no-repeat left 55px; } .page-outer { width: 100%; padding-top: 55px; } .page-inner { width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 40px; } .page-frame { width: 100%; max-width: 1080px; margin:0 auto; } .page-frame .page-title { font-size: 30px; text-align: center; color: #333; } .page-frame .page-text { font-size: 14px; line-height: 30px; color: #333; text-align:center; } .page-frame img { max-width: 100%; } .page-blank-60 { width: 100%; height: 60px; } .page-blank-50 { width: 100%; height: 50px; } .page-blank-40 { width: 100%; height: 40px; } .page-blank-30 { width: 100%; height: 30px; } .page-title-chinese{ font-size: 30px; line-height: 50px; color: #333; } .page-title-chinese b { font-size: 48px; line-height: 50px; color: #008cc7; } .page-title-english { font-size: 22px; color: #666; } .page-left { float: left; width: 49.64%; max-width: 695px; } .page-right { float: right; width: 46.07%; max-width: 645px; padding-top: 50px; } .page-right img { width: 100%; max-width: 645px; } .page-inline { width: 100%; } .page-sub-title { color: #008cc7; font-size: 24px; font-weight: bold; line-height: 30px; } .page-text { font-size: 18px; text-indent: 2em; color: #656762; line-height: 35px; text-align: justify; margin-bottom: 20px; } .page-text strong { font-size: 18px; font-weight: bold; } .page-list li { float: left; max-width: 440px; width: 31.42%; margin-right: 2.85%; overflow: hidden; } .page-list li:hover img{ cursor: pointer; transform: scale(1.1); -ms-transform:scale(1.1); /* IE 9 */ -moz-transform:scale(1.1); /* Firefox */ -webkit-transform:scale(1.1); /* Safari 和 Chrome */ -o-transform:scale(1.1); } .page-list li:first-child+li+li { margin-right: 0 } .page-list li img { width: 100%; transition: all 2s; -webkit-transition: all 2s; /* Safari */ -ms-transition: all 2s; -moz-transition: all 2s; } .page-serve-list { width: 100%; max-width: 1400px; height: auto; background: #25b7aa url(../images/business-service-bg.png) no-repeat right bottom; padding: 55px 0; min-height: 177px; } .page-serve-list ul { display: block; width: 100%; height: 100%; } .page-serve-list li { width: 33.333%; max-width: 466px; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 49px; min-height: 165px; float: left; height: 100%; } .page-serve-list .yyls-service li:nth-child(1) { border-right: 2px solid #fff; } .page-serve-list .yyls-service li:nth-child(3) { border-left: 2px solid #fff; } .page-serve-list .ylqx-service li:nth-child(2) { border-right: 2px solid #fff; border-left: 2px solid #fff; } .page-serve-title { font-size: 27px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 30px; } .page-serve-text { color: #fff; line-height: 30px; font-size: 17px; } /*人力资源*/ .page-animate-list li { max-height: 450px; position: relative; overflow: hidden; } .page-animate-list li:hover .page-animate-mask { background: #008cc7; background: rgba(0,140,199,0.8); } .page-animate-list li:hover .page-mask-title, .page-animate-list li:hover .page-mask-subtitle, .page-animate-list li:hover .page-mask-list li { color: #fff; } .page-animate-list li img { min-width: 100%; height: 100%; } .page-animate-list li .page-animate-mask { width: 100%; height: 100%; max-height: 450px; position:absolute; z-index: 1; background: #e3e3e3; top: 75%; left: 0; padding:7% 10%; overflow-y: auto; transition: background 0.5s ease; } .page-mask-title { font-size: 24px; font-weight: bold; color: #333; transition: color 0.5s ease; } .page-mask-subtitle { font-size: 18px; color: #666; line-height: 30px; transition: color 0.5s ease; line-height: 40px; } .page-mask-list { width: 100%; margin-top:10px; margin-left: 20px; } .page-mask-list li { width: 90%; float: none; list-style: disc; font-size: 16px; color: #666; line-height: 30px; overflow: visible; transition: color 0.5s ease; text-align: justify; } .page-concept-bottom { background: #008cc7; } .page-concept-left { width:50%; float: left; max-height: 335px; overflow: hidden; } .page-concept-left img { min-width: 100%; height: 100%; min-height: 100%; } .page-concept-right { width:50%; float: right; height: 100%; max-height: 335px; text-align: center; } .page-concept-right h4 { font-weight: normal; font-size: 30px; color: #fff; line-height: 50px; margin-top: 20%; } .page-concept-right a { color: #fff; font-size: 18px; } .page-concept-right a b { font-weight: normal; font-size: 1em; color: #fff; margin-right: 5px; } /*联系方式*/ .page-contact-left { min-height: 330px; float: left; width:35.7%; background: url(../images/contact-text-bg.png) no-repeat left top; } .page-contact-right { min-height: 330px; overflow:hidden; float: right; width:64.28%; background: #ddd; } .page-contact-inner { width: 82%; height: 330px; float: right; } .page-contact-title { font-size: 24px; font-weight: bold; color: #333; } .page-contact-line { width: 15%; height: 4px; background: #008cc7; margin: 8% 0; } .page-contact-list li { padding-left: 60px; min-height: 40px; width: 100%; margin-bottom: 10%; } .page-contact-list li:first-child { background: url(../images/contact-icon1.png) no-repeat left center; background-size: 40px 40px; } .page-contact-list li:first-child+li { background: url(../images/contact-icon2.png) no-repeat left center; background-size: 40px 40px; } .page-contact-list li:first-child+li+li { background: url(../images/contact-icon3.png) no-repeat left center; background-size: 40px 40px; } .page-contact-list-title { font-size: 18px; color: #333; line-height: 35px; } .page-contact-list-content { font-size: 16px; color: #666; } .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } .page-contact-branch li{ width: 24%; max-width:340px; margin-left: 0.93%; padding:30px 30px 30px 95px; min-height: 113px; float: left; background:#f5f5f5 url(../images/contact-icon4.png) no-repeat 40px center; } .page-contact-branch li:first-child{ margin-left: 0; } .page-contact-branch-title { font-size: 16px; color: #333; line-height: 30px; font-size: 20px; } .page-contact-branch-tel { color: #008cc7; line-height: 24px; font-size: 18px; } /*留言*/ .page-comment-left { width: 27.85%; max-width: 390px; float: left; } .page-comment-img img{ width: 100%; } .page-comment-right { width: 67.5%; max-width: 945px; float: right; min-height: 490px; background: #f5f5f5; padding-top: 30px; } .page-comment-title { font-size: 18px; font-weight: bold; color: #333; margin:23px 0; } .page-comment-text { color: #666; font-size: 16px; line-height: 28px; } .page-comment-form-list li { width: 50%; max-width: 472px; float: left; margin-bottom: 20px; } .page-comment-form-list li label { display: inline-block; vertical-align: middle; line-height: 36px; width: 23.9%; max-width: 109px; height: 36px; text-align: right; font-size: 16px; } .page-comment-form-list li label i { font-style: normal; color: red; padding-right: 3px; } .page-comment-form-list li input { width: 59.74%; vertical-align: middle; max-width: 282px; height: 36px; font-size: 16px; line-height: 36px; padding:0 10px; margin-left: 5px; color: #666; border:1px solid #eaeaea; outline: none; } .page-comment-form-list .page-info-list { width: 100%; max-width: 945px; } .page-comment-form-list .page-info-list label { vertical-align: top; } .page-info-list textarea { margin-left: 5px; width:80% ; max-width: 790px; min-height: 215px; padding:10px; color: #666; border:1px solid #eaeaea; outline: none; resize: none; overflow:auto; } .page-comment-form-submit { background: #008cc7; width: 95px; height: 36px; line-height: 36px; text-align: center; color:#fff; border:none; outline: none; } .page-comment-form-list .page-comment-form-verify { width: 100%; max-width: 945px; } .page-comment-form-list .page-comment-form-verify input { width: 160px; } .page-comment-form-verify img { vertical-align: middle; margin:0 10px; } /*招贤纳士*/ .page-career-left { width: 31.42%; max-width: 440px; float: left; } .page-career-img img { width: 100%; } .page-career-right { width: 65.71%; max-width: 920px; min-height: 245px; float: right; } .page-career-info { padding: 45px 40px; background: #f2f3f7; } .page-career-info p { font-size: 18px; color: #008cc7; line-height: 30px; } .page-career-info p b { font-size: 18px; } .page-career-info span { font-size: 16px; line-height: 20px; color: #b60a0a; } .page-career-list-th li { max-width: 215px; width: 23%; margin-left: 2%; background: #eee; float: left; padding: 20px; } .page-career-list-th li:first-child { margin-left: 0; } .page-career-list-th li p { font-weight: bold; font-size: 18px; } .page-career-list-th li p i { float: right; } .page-career-title span { display: inline-block; width: 23%; margin-left: 2%; float: left; padding: 20px; font-size: 18px; color: #333; line-height: 30px; background: none; vertical-align: middle; } .page-career-title span:first-child { margin-left: 0; } .page-career-title span a { font-size: 20px; line-height: 30px; color: #008cc7; text-decoration: underline; } .page-career-detail { padding: 30px 20px; width: 100%; background: #eee; display: none; } /*分页器*/ .pager { text-align: center; width: 100%; } .pager #page a { display: inline-block; border:1px solid #eee; border-radius: 5px; text-align: center; padding: 10px; color: #333; margin:0 5px; font-size: 16px; transition: all 0.5s ease; } .pager #page a.curpage, .pager #page a:hover { color: #fff; background: #008cc7; border:1px solid #008cc7; } .pager .pgejump, .pager .pageinfo { display: none; } /*侧边栏*/ .aside { width: 240px; height: 300px; position: fixed; right: 0; top: 50%; z-index: 3; } .aside_list { position: absolute; right: 0; width: 60px; } .aside_item { border-bottom: 1px solid #ddd; width: 100%; height: 62px; text-align: center; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #191919; } .aside_list .aside_item:first-child { -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .aside_list .aside_item:last-child { -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; border-bottom: none; } .aside_list .aside_item:nth-child(2) ul li { height: 120px; } .aside_list .aside_item:nth-child(2) ul li img { width: 50%; } .aside_item:hover { background: #fff; color: #191919; -moz-border-radius: 0; border-radius: 0; } .aside_item .iconfont { line-height: 62px; color:#fff; font-size: 25px; } .aside_item:hover .iconfont { color: #191919; } .aside_item:hover .aside_c { display: block; } .aside_c { width: 180px; height: 180px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; background: #fff; overflow: hidden; -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2); box-shadow: -5px 0 5px rgba(0, 0, 0, 0.2); position: absolute; right: 60px; top: 0; display: none; } .aside_t { color: #191919; width: 100%; height: 60px; text-align: center; font-size: 22px; } .aside_t p { line-height: 60px; } .aside_c ul { background: #f9f9f9; } .aside_c li { height: 60px; border-bottom: 1px dashed #ddd; padding-top: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .aside_c li:last-child { border-bottom: none; } .aside_c li span { color: #191919; line-height: 60px; } .aside_list .aside_item:nth-child(2) .aside_c { top: 60px; } .aside_list .aside_item:nth-child(3) .aside_c { top: 120px; } .aside_c ul li img { width: 20px; vertical-align: middle; } .aside_c ul li span { line-height: 33px; vertical-align: middle; } .pritable{width: 100%;height: auto;overflow: hidden;margin: 30px auto 10px auto;text-align: center;border-left: 1px solid #aaa;} .pritable thead td{height: 40px;background: #f4f4f4;border: 1px solid #aaa;border-left: none;font-size: 14px;} .pritable tbody td,.pritable tfoot td{height: 40px;background: #fff;border: 1px solid #aaa;border-left: none;border-top: none;font-size: 13px;} .pritable #page{margin: 20px 0;} .sform{width:400px;height: 35px;overflow: hidden;margin: 30px auto 10px auto;} .sform .key{display: block;float: left;width: 82%;height: 35px;line-height: 33px;overflow: hidden;font-size: 14px;padding: 0 10px;border: 1px solid #aaa;border-right: 0;} .sform .sbtn{display: block;float: right;width: 18%;height: 35px;line-height: 35px;overflow: hidden;font-size: 14px;margin-left: 0;font-family: '微软雅黑 ';border-radius: 0;border: 0;background-color: #008cc7; color: #fff;cursor: pointer;}