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
*/