html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } li,ul,h1,h2,h3,h4,p,figure,dl { padding: 0; margin: 0; } body { font-size: 14px; font-family: "Microsoft Yahei", STHei, 华文黑体, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; } h1, h2, h3, h4, h5 { color: #333; } a:link, a:visited { text-decoration: none; color: #525252; } .color038734 { color: #00479d; } a:hover, a:active { color: #ed4d4d; } ul { list-style: none; } .clearfix:after { content: ''; display: table; clear: both; } .clearfix { *zoom:1; } .actGotop{position:fixed;_position:absolute;bottom:80px;left:50%;margin-left: 550px;width:35px;height:35px;display:none;z-index: 20;opacity: .8;filter: alpha(opacity=80);} .actGotop a,.actGotop a:link{width:35px;height:35px;display:inline-block;background:url(/images/blog7year_gotop.png) no-repeat;_background:url(/css/images/blog7year_gotop.gif) no-repeat;outline:none;} .actGotop a:hover{background:url(/images/blog7year_gotopd.gif) no-repeat;outline:none;} .header { width: 100%; height: 145px; background: #fff; border-top: 4px solid #f0f0f0; position: relative; } .header-wrapper { width: 1000px; margin: auto; height: 105px; overflow: hidden; position: relative; background: url(/images/head-info.png) no-repeat 400px 30px; } .logo { width: 138px; height: 105px; margin-top: 15px; } .header-wrapper form { position: absolute; top: 35px; right: 0; } .header-wrapper form * { vertical-align: middle;} .header-wrapper form input { width: 200px; border: #00479d 1px solid; border-radius: 3px; text-indent: 5px; color: #777; padding: 4px 0; background: url(/images/glass.png) no-repeat 175px center; } .top-contact { position: absolute; top: -72px; left: 50%; margin-left: 246px; z-index: 1000; } .nav { width: 100%; height: 40px; background-color: #00479d; } ul.nav-list { width: 1000px; margin: auto; height: 40px; } ul.nav-list a { color: #fff; display: block;} ul.nav-list > li { float: left; position: relative; z-index: 1000; width: 14.2857%; line-height: 40px; text-align: center; } ul.nav-list li.beforenone:before { display: none; } ul.nav-list > li:before { content: ''; position: absolute; left: -1px; top: 20%; width: 1px; height: 60%; background: #095ebe; } ul.nav-list > li.background-none { background-image: none;} ul.nav-list > li:hover { background: #095ebe; } ul.nav-list > li:hover:before { display: none; } ul.nav-list > li:hover > a { color: #fff;} ul.dropdown { display: none; position: absolute; z-index: 50; text-align: left; text-indent: 35px; font-size: 13px; padding-top: 6px; background: url(/images/triangle5.png) no-repeat center top; } ul.dropdown li { width: 100%; height: 35px; line-height: 35px; } ul.nav-list > li:hover > ul { width: 100%; display: block; -webkit-animation:flipInX .5s .2s ease both; -moz-animation:flipInX .5s .2s ease both; } .flipInX { -webkit-animation:flipInX 0.8s 0.3s ease both; -moz-animation:flipInX 0.8s 0.3s ease both; } ul.dropdown li a { display: block; height: 35px; background: #00479d url(/images/triangle4.png) no-repeat 90% center; color: #fff; opacity: .95; filter: alpha(opacity=95); } ul.dropdown li a:hover { box-shadow: none; background-color: #095ebe; } img.small-logo,p.tele { display: none; } .fadeIn { background: #fff; opacity: 0.95; filter: alpha(opacity=95); position: fixed; top: 0; z-index: 1000; box-shadow: #e3e3e3 0 0 10px; } .fadeIn > ul { position: relative; left: 120px; } .fadeIn ul li { width: 85px; font-size: 13px; } .fadeIn ul li:before { display: none; } .fadeIn ul li a{ color: #333; background-color: #fff; } .fadeIn > ul > li:hover > a { color: #333; background-color: #e3e3e3; } .fadeIn ul li a:hover { color: #333; background-color: #e3e3e3; } .fadeIn ul.dropdown { text-indent: 22px; padding-top: 0; background: none; } .fadeIn ul.dropdown li a { width: 120%; background-color: #fff; } .fadeIn ul.dropdown li a:hover { background-color: #e3e3e3; } .fadeIn img.small-logo { display: block; position: absolute; top: 0; left: 50%; margin-left: -500px; z-index: 2000; } .fadeIn p.tele { display: block; position: absolute; top: 0; left: 50%; margin-left: 320px; z-index: 2000; color: #ed4d4d; font-weight: bold; line-height: 40px; } @keyframes pulse { 0% { font-size: 13px; opacity: 0.8; } 50% { font-size: 15px; opacity: 1; } 100% { tfont-size: 13px; opacity: 0.8; } } @-webkit-keyframes pulse { 0% { font-size: 13px; opacity: 0.8; } 50% { font-size: 15px; opacity: 1; } 100% { font-size: 13px; opacity: 0.8; } } .fadeIn p.tele span { color: #333; } .main { width: 100%; background: #fff; } .banner { width: 1000px; height: 300px; margin: auto; margin-top: 5px; overflow: hidden; position: relative; } .DB_tab25 {width:100%;height:300px;position:relative;overflow:hidden;cursor:pointer;} .DB_tab25 .DB_bgSet{position:relative;} .DB_tab25 .DB_bgSet li{position:absolute;width: 1000px;left: 50%;margin-left: -500px;height:300px;display:none;} .DB_tab25 .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px;} .DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:120px;top:88px;} .DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:240px;top:125px;} .DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:350px;top:114px;} .DB_tab25 .DB_imgSet .DB_2_1{ position:absolute;left:466px;top:113px; transition: -webkit-transform .5s;transition: -moz-transform .5s;transition: transform .5s;} .DB_tab25 .DB_imgSet .DB_2_1:hover,.DB_tab25 .DB_imgSet .DB_2_2:hover { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:497px;top:150px} .DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:548px;top:155px} .DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:118px;top: 0;} .DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:439px;top:120px;} .DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:552px;top:110px;} .DB_tab25 .DB_imgSet .DB_3_4 {position:absolute;left:646px;top:148px;} .DB_tab25 .DB_imgSet .DB_3_1 { transition: -webkit-transform .5s;transition: -moz-transform .5s;transition: transform .5s; } .DB_tab25 .DB_imgSet .DB_3_1:hover { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .DB_tab25 .DB_imgSet .DB_3_2 { transition: -webkit-transform .5s;transition: -moz-transform .5s;transition: transform .5s; } .DB_tab25 .DB_imgSet .DB_3_2:hover { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .DB_tab25 .DB_imgSet .DB_3_3 { transition: -webkit-transform .5s;transition: -moz-transform .5s;transition: transform .5s; } .DB_tab25 .DB_imgSet .DB_3_3:hover { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .DB_tab25 .DB_imgSet .DB_3_4 { transition: -webkit-transform .5s;transition: -moz-transform .5s;transition: transform .5s; } .DB_tab25 .DB_imgSet .DB_3_4:hover,.DB_tab25 .DB_imgSet .DB_4_4:hover { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:120px;top:88px;} .DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:210px;top:125px} .DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:390px;top:114px} .DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:80px;top:240px ;transition: -webkit-transform .5s;transition: -moz-transform .5s;transition: transform .5s;} .DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:120px} .DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px;} .DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:275px;text-align:center;font-size:0; border-radius:20px;} .DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline} .DB_tab25 .DB_prev{position:absolute;left:15px;top:130px;cursor:pointer;display:none} .DB_tab25 .DB_next{position:absolute;right:15px;top:130px;cursor:pointer;display:none} .contents { width: 100%; } .section-1,.section-2 { width: 1000px; margin: auto; padding: 25px 0; } .column { float: left; height: 230px; overflow: hidden; position: relative; } img.col-title { margin-bottom: 10px; } .column-aboutus { width: 240px; margin-right: 40px; } .column-aboutus p { line-height: 22px; font-size: 12px; } .column-aboutus p span { color: #00479d; font-weight: bold; font-size: 14px; } .column-aboutus p a { color: #00479d; } .column-aboutus p a:hover { text-decoration: underline; } .column-news { width: 400px; margin-right: 40px; font-size: 12px; } .hot-news { padding-bottom: 10px; margin-bottom: 10px; border-bottom: #e3e3e3 solid 1px; } .hot-news img { float: left; margin-right: 10px; } .hot-news-text { height: 90px; overflow: hidden; } .hot-news-text span a { display: block; font-size: 14px; color: #00479d; height: 24px; overflow: hidden; font-weight: bold; } .hot-news-text p { height: 40px; line-height: 20px; overflow: hidden; } .hot-news-text > a { color: #00479d; font-weight: bold; line-height: 26px; } .hot-news-text a:hover { text-decoration: underline; } .column-news ul li { line-height: 22px; text-indent: 15px; background: url(/images/hg_ico1.png) no-repeat left center; } .column-news ul li a { display: block; width: 280px; float: left; height: 22px; overflow: hidden; } .column-news ul li span { color: #999; float: right; } a.more { position: absolute; top: 4px; right: 0; font-size: 10px; padding: 0; } .column-network { width: 280px; } .column-network ul { background: url(/images/Coin-128.png) no-repeat right bottom; } .column-network ul li img { width: 280px; height: 100px; border-radius: 5px; } .column-network span { color: #00479d; } .column-network li { font-size: 13px; margin-bottom: 6px; } .section-2 { border-top: #e3e3e3 solid 1px; position: relative; } .section-2 a.more { top: 24px; } #carousel { width: 950px; margin: auto; position: relative; } #carousel ul { list-style: none; display: block; margin: 0; padding: 0; } #carousel li { background: transparent url(/images/carousel_polaroid.png) no-repeat 0 0; font-size: 40px; color: #999; text-align: center; display: block; width: 224px; height: 178px; padding: 0; margin: 6px; float: left; position: relative; } #carousel li img { width: 193px; height: 127px; margin-top: 14px; } #carousel li span { background: transparent url(/images/carousel_shine.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 201px; height: 127px; position: absolute; z-index: 2; top: 14px; left: 16px; } .clearfix2 { float: none; clear: both; } #carousel .prev, #carousel .next { background: transparent url(/images/carousel_control.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 70px; } #carousel .prev { background-position: 0 0; left: -30px; } #carousel .prev:hover { left: -31px; } #carousel .next { background-position: -18px 0; right: -20px; } #carousel .next:hover { right: -21px; } #carousel .pager { text-align: center; margin: 0 auto; } #carousel .pager a { background: transparent url(/images/carousel_control.png) no-repeat -2px -32px; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin: 0 5px 0 0; } #carousel .pager a.selected { background: transparent url(/images/carousel_control.png) no-repeat -12px -32px; text-decoration: underline; } #source { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; } #source, #source a { font-size: 12px; color: #999; } #donate-spacer { height: 100%; } .footer { width: 100%; height: 70px; background: #e3e3e3; overflow: hidden; } .footer-wrapper { width: 1000px; margin: auto; font-size: 12px; text-align: center; margin-top: 30px; } .banner-inner { width: 1000px; height: 230px; margin: auto; margin-top: 5px; background: #fff url(/images/yewubg.jpg) no-repeat center top; overflow: hidden; } .cont-inner { width: 1000px; margin: auto; margin-top: 40px; padding-bottom: 50px; } .sidebar { float: left; width: 180px; border-radius: 3px; border-bottom: none; box-shadow: #e3e3e3 0 0 10px; } .sidebar span { color: #fff; font-size: 18px; display: block; height: 50px; line-height: 38px; border-bottom: solid #e3e3e3 1px; text-indent: 20px; border-radius: 3px; } .sidebar > ul { margin-top: 18px; } .sidebar ul li { line-height: 35px; border-bottom: 1px solid #e3e3e3; } .sidebar ul li a { display: block; border-radius: 3px; text-indent: 26px; background: url(/images/triangle.png) no-repeat 8px; center; } .sidebar ul li a:hover, .sidebar ul li a.active { background: #00479d; color: #fff; background: #00479d url(/images/triangle2.png) no-repeat 8px center; } .sidebar ul.sub-nav li { padding-left: 15px; font-size: 12px; border: none; } .article { float: right; width: 770px; position: relative; } .article h1 { position: relative; font-weight: normal; font-size: 25px; text-indent: 28px; height: 52px; color: #00479d; background: url(/images/line.png) repeat-x bottom; } .article h1:before { position: absolute; top: 8px; left: 0; content: ''; width: 20px; height: 20px; background: url(/images/coin.png) no-repeat; -webkit-animation: rotateX 2s 0.2s infinite; -moz-animation: rotateX 2s 0.2s infinite; animation: rotateX 2s 0.2s infinite; } @-webkit-keyframes rotateX { 0% { -webkit-transform: rotateY(0); } 50% { -webkit-transform: rotateY(360deg); } 100% { -webkit-transform: rotateY(0); } } @-moz-keyframes rotateX { 0% { -moz-transform: rotateY(0); } 50% { -moz-transform: rotateY(360deg); } 100% { -moz-transform: rotateY(0); } } @keyframes rotateX { 0% { -moz-transform: rotateY(0); } 50% { -moz-transform: rotateY(360deg); } 100% { -moz-transform: rotateY(0); } } .article-inner { width: 770px; line-height: 25px; } .article-inner p { margin-top: 20px; margin-bottom: 25px; } .bread-crumb { position: absolute; top: 8px; right: 10px; width: 239px; } img.boss { float: right;margin-left: 20px;border: #fff solid 4px;} .banner-inner-aboutus { background: #fff url(/images/yewu.jpg) no-repeat; } .banner-inner-news { background: #fff url(/images/1.jpg) no-repeat center top; } .page { margin-top: 20px; margin-bottom: 30px; width: 415px; margin: auto; font-size: 12px; text-align: center; } .page a { display: block; padding: 0px 8px; float: left; margin-top: 20px; margin-right: 10px; border: 1px solid #ddd; color: #888; border-radius: 3px; } .page a.active, .page a:hover { background-color: #00479d; color: #fff; } .page a.disabled { color: #e1e1e1; background: #fff; } ul.news-list li { height: 70px; padding: 20px 0; border-bottom: dashed #e0e0e0 1px; } .date { width: 70px; height: 70px; float: left; background: #f7f7f7; text-align: center; color: #00479d; margin-right: 25px; border-radius: 5px; box-shadow: #e3e3e3 1px 1px; } .date p { font-size: 30px; line-height: 50px; height: 50px; margin: 0; } .date span { display: block; font-size: 12px; background: #00479d; color: #fff; height: 20px; line-height: 20px; } .news-breif h2 { height: 28px; margin-top: 0; padding-top: 0; font-weight: bold; } .news-breif h2 a { font-weight: bold; color: #00479d; } .news-breif h2 a:hover { color: #ed4d4d; } .news-breif span { display: block; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden; } a.more2 { color: #00479d; font-weight: bold; } a.more2:hover { text-decoration: underline;} p.slogan { font-size: 20px;} .article-aboutus-structure { position: relative; height: 400px; margin-top: 50px; background: url(/images/structure.jpg) no-repeat center bottom; } span.line { position: absolute; top: 84px; left: 50%; margin-left: -241px; width: 482px; height: 2px; background: #ed4d4d; } .sec p { width: 100px; padding: 5px 0; margin: auto; margin-bottom: 100px; text-align: center; color: #fff; background: #00479d; border-radius: 5px; box-shadow: #095ebe 2px 3px; } .sec-head p:after { position: absolute; content: ''; width: 2px; height: 50px; background: #ed4d4d; bottom: 312px; left: 50%; margin-left: -1px; } .sec-list p { position: relative; float: left; margin-left: 10px; margin-right: 10px; } .sec-list p:before { position: absolute; content: ''; width: 2px; height: 50px; background: #ed4d4d; top: -50px; left: 50%; margin-left: -1px; } .sec-list { width: 600px; margin: auto; } .focus { width: 770px; height: 250px; margin-top: 20px; } .img-box { float: left; width: 490px; height: 250px; } .focus-text { width: 250px; height: 220px; float: right; padding: 15px; background: #f7f7f7; } .focus-text h2 a { display: block; font-weight: bold; line-height: 26px; max-height: 52px; overflow: hidden; margin-bottom: 5px; } .focus-text span { color: #999; font-size: 12px; } .focus-text p { line-height: 24px; height: 96px; overflow: hidden; margin-bottom: 15px; margin-top: 10px; } .focus-text > a { display: block; text-align: center; padding: 4px; background: #00479d; color: #fff; width: 100px; border-radius: 3px; transition: background 0.5s; } .focus-text > a:hover { background: #095ebe; } .article-inner h2 { font-size: 16px; font-weight: normal; color: #00479d; } .banner-inner-contact { background:url(/images/1.jpg) no-repeat center top; } .article-contact { width: 1000px; clear: both; position: relative; } .contact-us { width: 350px; float: right; margin-top: 50px; border-radius: 3px; } .contact-us span { color: #ed4d4d; font-size: 18px; font-weight: bold; } .contact-us ul { margin-top: 10px;} .contact-us ul li { line-height: 30px; height: 30px; } .contact-us ul li span { font-size: 14px; font-weight: normal; } .article-detail { float: right; width: 770px; position: relative; } .article-detail h1 { font-size: 20px; margin-top: 30px; color: #00479d; text-align: center; } .article-detail h2 { font-weight: normal; font-size: 16px; height: 50px; line-height: 50px; color: #00479d; } .article-detail { background: #fafafa; width: 730px; padding: 15px 20px; padding-bottom: 40px; } .article-inner-detail { width: 700px; margin: auto; line-height: 25px; border-bottom: #e3e3e3 dashed 1px; } .article-inner-detail p { margin-bottom: 20px; } .article-detail .bread-crumb { top: 20px; right: 20px; } span.span-h1 { display: block; font-weight: normal; font-size: 25px; height: 50px; color: #00479d; border-bottom: #e3e3e3 solid 1px; } span.date-detail { color: #999; font-size: 12px; display: block; text-align: center; margin-bottom: 20px; margin-top: 5px; } .related-news { width: 700px; margin: auto; padding-bottom: 20px; border-bottom: #e3e3e3 solid 1px; } .related-news span { color: #00479d; font-weight: bold; display: block; margin-top: 20px; margin-bottom: 10px; } .related-news ul { list-style: disc; margin-left: 18px; } .related-news ul li a { font-size: 13px; color: #999; } .related-news ul li a:hover { text-decoration: underline; } .article-inner-prd { width: 770px; padding-top: 30px; overflow: hidden; } .sec-prd { width: 770px; overflow: hidden; } .sec-prd ul { width: 835px; } .sec-prd ul li { position: relative; float: left; width: 232px; background-color: #fff; margin-right: 34px; border: #e3e3e3 solid 1px; overflow: hidden; border-radius: 3px; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); margin-bottom: 35px; } .sec-prd-img { width: 100%; height: 175px; overflow: hidden; position: relative; } .sec-prd-img > a { display: block; text-align: center; width: 100%; height: 175px; overflow: hidden; position: relative; } .sec-prd-img > a span { display: inline-block; height: 100%; vertical-align: middle; } .sec-prd-img > a img { width: auto !important; max-width: 100%; max-height: 100%; vertical-align: middle; } .sec-prd-img .hidden-text { width: 100%; position: absolute; bottom: -52px; padding: 8px 0; background-color: #fff; font-size: 12px; line-height: 18px; height: 36px; overflow: hidden; opacity: 0.9; filter: alpha(opacity=90); } .sec-prd-img .hidden-text a { display: block; height: 36px; overflow: hidden; width: 90%; margin: auto; color: #999; } .sec-prd-img img { width: 100%; vertical-align: top; transition: -webkit-transform 0.5s; transition: -moz-transform 0.5s; transition: transform 0.5s; } .sec-prd ul li:hover .sec-prd-img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .sec-prd-name { padding: 12px 10px; text-align: center; } .sec-prd-name a { display: block; height: 20px; line-height: 20px; overflow: hidden; color: #000; } .article-aboutus ul { margin-top: 30px; background: url(/images/money.png) no-repeat 520px center; } .article-aboutus ul li { background: #f0f0f0; width: 60%; height: 60px; margin-bottom: 20px; overflow: hidden; border-radius: 5px; padding-right: 10px; line-height: 30px; font-size: 15px; } .article-aboutus ul li span { padding: 5px; line-height: 60px; color: #fff; background: #00479d; text-align: center; font-size: 40px; font-weight: bold; text-shadow: #333 1px 3px; margin-right: 20px; vertical-align: middle; } .article-aboutus ul li i { vertical-align: middle; } .article-inner-strength { padding-top: 40px; padding-bottom: 370px; background: url(/images/strbg.jpg) no-repeat bottom; } .str { margin-bottom: 10px; } .str i { display: block; width: 97px; height: 91px; float: left; background: url(/images/circle_03.jpg) no-repeat; color: #fff; font-size: 48px; line-height: 85px; text-indent: 15px; transition: all 0.5s; border-radius: 60px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif } .str:hover i.safe { background: url(/images/safe.png) no-repeat; } .str:hover i.yield { background: url(/images/coin2.png) no-repeat; } .str-title { float: left; margin-top: 25px; margin-left: 20px; } .str-title h3 { font-size: 22px; } .str-title span { color: #aaa; font-size: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif } .str p { clear: both; padding-top: 10px; } .article-inner-talents { padding-top: 20px; } .article-inner-sample { padding-top: 40px; } .str-text p { margin-top: 0; } .str-text > img { float: right; margin-left: 15px; } .article-inner-prd2 { padding-top: 30px; } .hide{position:absolute;top:-9999px;left:-9999px} #example-one{background:#eee;padding:10px;margin:0 0 20px 0;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666} #example-one .prd-nav{overflow:hidden;margin:0 0 10px 0} #example-one .prd-nav li{width:97px;float:left;margin:0 10px 0 0} #example-one .prd-nav li.last{margin-right:0} #example-one .prd-nav li a{display:block;padding:5px;background:#959290;color:white;font-size:10px;text-align:center;border:0} #example-one .prd-nav li a:hover{background-color:#111} #example-one ul{list-style:none} #example-one ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666} #example-one ul li a:hover{background:#fe4902;color:white} #example-one ul li:last-child a{border:none} #example-one ul li.nav-one a.current, #example-one #featured li a:hover{background-color:#0575f4;color:white} #example-one ul li.nav-two a.current, #example-one #core li a:hover{background-color:#d30000;color:white} #example-one ul li.nav-three a.current, #example-one #jquerytuts li a:hover{background-color:#8d01b0;color:white} #example-one ul li.nav-four a.current, #example-one #classics li a:hover{background-color:#FE4902;color:white} #example-two .list-wrap{background:#f7f7f7;padding:10px;margin:0 0 15px 0;} #example-two ul{list-style:none} #example-two ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666;border-top-left-radius: 5px;border-top-right-radius: 5px;} #example-two ul li a:hover{background:#333;color:white} #example-two ul li:last-child a{border:none} #example-two .prd-nav{overflow:hidden} #example-two .prd-nav li{width:97px;float:left;margin:0 10px 0 0} #example-two .prd-nav li.last{margin-right:0} #example-two .prd-nav li a{display:block;padding:5px;background:#aaa;color:white;font-size:10px;text-align:center;border:0} #example-two li a.current,#example-two li a.current:hover{background-color:#ed4d4d !important;color:fff;} #example-two .prd-nav li a:hover, #example-two .prd-nav li a:focus{background:#999} .list-wrap img { max-width: 100%; margin: auto; } .article-inner-detail2 h1 { font-size: 25px; margin-bottom: 42px; } .prd-detail2 { width: 100%; height: 317px; background: #fff; margin-bottom: 25px; } .prd-detail2-img { width: 420px; height: 317px; text-align: center; float: left; } .prd-detail2-img span { display: inline-block; height: 100%; vertical-align: middle; } .prd-detail2-img img { max-width: 100%; max-height: 100%; vertical-align: middle; } .prd-detail2-text { width: 230px; padding: 25px; height: 267px; background: #f5f5f5; float: right; } .prd-detail2-text ul li { margin-bottom: 10px; } .prd-detail2-text ul li span { font-weight: bold; color: #ed4d4d; } .banner-inner-strength { background: url(/images/innerbanner-strength.jpg) no-repeat top center; } .banner-inner-news { background: url(/images/innerbanner-news.jpg) no-repeat top center; } .banner-inner-prd { background-image: url(/images/innerbanner-prd.jpg); } .banner-inner-talents { background: url(/images/innerbanner-talents.jpg) no-repeat top center; } .banner-inner-aboutus { background-image: url(/images/innerbanner-aboutus.jpg); } .banner-inner-sample { background-image: url(/images/innerbanner-sample.jpg); } .banner-inner-contacts { background-image: url(/images/innerbanner-contacts.jpg); } .article-culture { background: url(/images/culturebg.jpg) no-repeat right bottom; } .article-culture h2 { margin-bottom: 5px; color: #00479d; font-size: 26px; font-weight: normal; } .article-culture ul { margin-bottom: 80px; margin-top: 30px; } .article-culture ul li { height: 60px; margin-top: 20px; font-size: 16px; } .article-culture ul li .number { float: left; font-size: 50px; margin-right: 30px; color: #fff; background: #00479d; width: 75px; text-align: center; border-radius: 5px; text-shadow: #333 1px 3px; } .article-culture ul li .culture-detail { float: left; height: 50px; visibility: hidden; visibility: visible/9; } .cont-inner-joinus { width: 1000px; margin: auto; padding: 30px 0 50px 0; position: relative; } .cont-inner-joinus h1 { font-weight: normal; color: #00479d; margin-bottom: 10px; } .cont-inner-joinus > span { line-height: 40px; } .cont-inner-joinus > span a { color: #00479d; } .cont-inner-joinus > span a:hover { text-decoration: underline; } .cont-inner-joinus ul.position-item { font-size: 15px; position: relative; width: 870px; height: 80px; overflow: hidden; } .cont-inner-joinus ul.position-item li { float: left; line-height: 80px; height: 80px; width: 90px; text-align: center; } .cont-inner-joinus ul.position-item li a { background: #00479d; padding: 4px 20px; color: #fff; border-radius: 3px; transition: background-color 1s; } .cont-inner-joinus ul.position-item li a:hover, .cont-inner-joinus ul.position-item li a.active { background: #ed4d4d; } a.more-position { position: absolute; background: #e3e3e3; padding: 4px 20px; color: #fff; border-radius: 3px; top: 140px; right: 0; } .autoHeight { height: 200px; overflow: visible; } .cont-inner-joinus dl { margin-top: 30px; } .cont-inner-joinus dl dt { color: #00479d; font-size: 16px; margin-bottom: 10px; } .cont-inner-joinus dl dd { margin-left: 0; color: #777; } .cont-inner-joinus dl dd span { line-height: 30px; color: #333; } .cont-inner-joinus dl dd ul { list-style: disc; margin-left: 18px; line-height: 24px; } #position-detail { border-top: #e3e3e3 solid 1px; overflow: hidden; } .modal2 { width:40%; min-height:400px; display:none; background: #fff; padding: 20px; border:5px solid #656565; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; position: relative !important; } .modal2 .prd-img { width: 200px; height: 200px; float: left; } .modal2 .prd-img img { border: #e3e3e3 solid 1px; border-radius: 5px; } .modal2 .prd-description { width: 300px; float: right; height: 200px; overflow: hidden; } .modal2 .prd-description dl dt { color: #ed4d4d; font-weight: bold; font-size: 18px; margin-bottom: 15px; margin-top: 10px; } .modal2 .prd-description dl dd { margin-left: 0; line-height: 24px; height: 24px; overflow: hidden; } .modal2 .prd-detail { clear: both; max-height: 300px; } .modal2 .prd-detail span { padding-top: 20px; display: block; line-height: 40px; border-bottom: 1px solid #e3e3e3; font-weight: bold; font-size: 16px; margin-bottom: 15px; } .modal2 .prd-text { max-height: 260px; overflow: auto; } .modal2 .prd-detail p { line-height: 22px; margin-bottom: 12px; } strong { color: #ed4d4d;} strong:before,strong:after { content: " ";} ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #e3e3e3; border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 6px #e3e3e3; } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); } ::selection { background: #ffa700; color: #fff; } ::-moz-selection { background: #ffa700; color: #fff; } ::-webkit-selection { background: #ffa700; color: #fff; } /* ============================================== slideLeft ============================================== */ .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1.3s; -webkit-animation-duration: 1.3s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50%{ transform: translateX(-8%); } 65%{ transform: translateX(4%); } 80%{ transform: translateX(-4%); } 95%{ transform: translateX(2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50%{ -webkit-transform: translateX(-8%); } 65%{ -webkit-transform: translateX(4%); } 80%{ -webkit-transform: translateX(-4%); } 95%{ -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } /* ============================================== fadeIn ============================================== */ .fadeIn2{ animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn2 { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn2 { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-webkit-keyframes flipInX{ 0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;visibility: visible;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);visibility: visible;} 70%{-webkit-transform:perspective(400px) rotateX(10deg);visibility: visible;} 100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;visibility: visible;} } @-moz-keyframes flipInX{ 0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0;visibility: visible;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);visibility: visible;} 70%{-webkit-transform:perspective(400px) rotateX(10deg);visibility: visible;} 100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1;visibility: visible;} } /* FILE ARCHIVED ON 19:28:31 Aug 18, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 02:47:15 May 08, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.668 exclusion.robots: 0.04 exclusion.robots.policy: 0.026 esindex: 0.012 cdx.remote: 9.494 LoadShardBlock: 252.985 (3) PetaboxLoader3.datanode: 205.535 (4) PetaboxLoader3.resolve: 250.947 (2) load_resource: 374.436 */