body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre, code, form, div, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
fieldset, img {border: 0;}/* remember to define focus styles! */
a:focus,
:focus {outline: 0;}
a{}
address, caption, cite, code, dfn,em, strong, th, var, optgroup { font-weight: normal;}
h1 ,h2 ,h3 ,h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}
input, button, textarea,select, optgroup, option {font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
input, button, textarea, select {font-size: 100%; border:1px solid #CCC;}
textarea { resize : none; }
body {line-height: 1.2;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* Define */h1 {font-size: 15px;}
h2, h3, h4 { font-size: 15px; }
a {text-decoration: none;}
blockquote {margin: 5px 20px;padding: 5px;}
blockquote p, code {padding: 10px 20px;display: block;}
code {display: block;margin: 5px 20px;}
strong, em, caption, th {font-style: normal;font-weight: bold;}
cite {font-style: italic;font-weight: normal;}
sub, sup {font-size: 15px;}
sub {vertical-align: sub;}
sup {vertical-align: super;}
small {font-size: 15px;}
:focus {outline: 1px #666 dotted;}
input:focus, div:focus, textarea:focus {outline: 0;}
input {margin: 3px;vertical-align: middle; border:1px solid #CCC;}
input[type="submit"],input[type="button"]{ cursor:pointer; }

/*****************************************global********************************/

a { color:#0063b1; }
body { overflow-x:hidden; background:url(../img/body_bg.jpg) fixed center center; background-size:contain;position:relative; }
html.agent-ie body {background:url(../img/body_bg.jpg) center center;  }
.red { color:#ed192f; }
.blue { color:#0063b1; }
.green { color:green; }
.orange { color:#f08200; }
.wrap { overflow:hidden; }
.multi { display:block; width:100%; margin:15px auto; text-align:center; }
.multi a, .multi strong { margin-right:10px; }
.multi em { border:1px solid #CCC; color:#AAA; background:#EEE; margin-right:10px; }

.header {  position: fixed; width: 130px; height: 100%; background:url(../img/white_bg.jpg) fixed;z-index:99999;background:#fff;}
html.agent-ie .header{background:url(../img/white_bg.jpg);background:#fff;}
.header .headerContent { width: 100%; height: 100%;margin:0px auto; box-shadow: 0px 5px 8px rgba(100, 100, 100, 0.3);position:relative;z-index:9999; background-color:#fff;background:#fff; }
.header .headerContent .logo{ width:90px; margin-top:30px; margin-left:20px;}
.header .headerContent a{display:block;}
.header .headerContent .ul{width:130px;margin:30px auto;background-color:#fff; position:relative; z-index:9999; height:300px;}
.header .headerContent .ul .li{ display: block; width:110px;height:80px;padding:10px;position:relative; z-index:1px;}
.header .headerContent .ul .li .pic{width:40px;height:40px;margin:0px auto; position:relative; margin-bottom:5px;-webkit-transition: all 0.6s;transition: all 0.6s;overflow:hidden;}
.header .headerContent .ul .li .pic img{width:100%;}
.header .headerContent .ul .li .pic .view{opacity:1;position:absolute;top:0px; left:0px;-webkit-transition: all 0.6s;transition: all 0.6s;}
.header .headerContent .ul .li .pic .hover{opacity:0;position:absolute;top:0px; left:0px;-webkit-transition: all 0.6s;transition: all 0.6s;}
.header .headerContent .ul .li p{text-align:center;font-size:13px; letter-spacing:2px;color:#acacac;-webkit-transition: all 0.6s;transition: all 0.6s;}
.header .headerContent .li:hover .pic .view{opacity:0;}
.header .headerContent .li:hover .pic .hover{opacity:1;}
.header .headerContent .li:hover p{color:#75c9ce;}
.header { opacity: 0; }
.header{ opacity:1; -webkit-animation: a201504120441 0.8s;animation: a201504120441 0.8s; }
@-webkit-keyframes a201504120441
{
	0% { -webkit-transform: translate(-100px, 0);}
	100% { -webkit-transform: translate(0, 0); }
}
@keyframes a201504120441
{
	0% {transform: translate(-100px, 0); }
	100% {transform: translate(0, 0);}
}
.header .downBox{width:120px;padding:20px 25px;background-color:#fff;position:absolute;border-radius:0px 10px 10px 0px; overflow:hidden;letter-spacing:3px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);transform:translate(-200px ,220px);-webkit-transform:translate(-200px ,220px);transition:all 0.6s; -webkit-transition:all 0.6s;z-index:0; }
.header .downBox.hover{/*-webkit-animation: a201504120449 0.5s;animation: a201504120449 0.5s;*/
transform:translate(120px ,220px);-webkit-transform:translate(120px ,220px);transition:all 0.6s; -webkit-transition:all 0.6s; }

.header .downBox .downBox_li{ display:block; width:100%;height:40px;line-height:40px;font-size:14px;transition: color 0.6s; -webkit-transition: color 0.6s;text-align:center;color:#999;border-top:1px dotted #e4e4e4;}
.header .downBox .downBox_li:nth-of-type(1){border-top:0px dotted #e4e4e4;}
@-webkit-keyframes a201504120449
{
	0% { -webkit-transform: translate(-35px, 0);opacity:0;}
	100% { -webkit-transform: translate(0, 0);opacity:1; }
}
@keyframes a20150412049
{
	0% {transform: translate(-35px, 0); }
	100% {transform: translate(0, 0);}
}
.header .downBox .downBox_li:hover { color: #73c8cd; }
.scroll_arrow{position:fixed; right:50px; bottom:30px; width:50px;  z-index:999;cursor:pointer; -webkit-transition:all 0.5s;transition:all 0.5s;}
.scroll_arrow:hover{opacity:1;}
.scroll_arrow{display:none;}
.scroll_arrow.hover{display:block;-webkit-animation:p2015032512789 1.5s;animation:p2015032512789 1.5s; }
@-webkit-keyframes p2015032512789{
	0%{ -webkit-transform: translate(0px, 50px)  ; opacity:0;  }
	50%{ -webkit-transform: translate(0px, 50px)  ; opacity:0;}
	100%{ -webkit-transform: translate(0,0px) ; opacity:1;  }
}
@keyframes p2015032512789{
	0%{ transform: translate(0px, 50px)  ; opacity:0;  }
	50%{transform: translate(0px, 50px)  ; opacity:0;}
	100%{ transform: translate(0,0px) ; opacity:1;  }
}





.footer {  font-size: 12px; background: #666; width: 100%; padding-top:20px; padding-bottom:20px;}
.footer .area{width:1150px;margin:0 auto;position:relative; background-color:#666;overflow:hidden;}
.footer h2 { color: #CCC; margin-bottom: 10px; }
.footer .center{width:800px;margin:0 auto;position:relative;z-index:9; background-color:#666;}
.footer .center a { color: #CCC; }
.footer p{font-size:12px;letter-spacing:3px;line-height:18px;color: #999; }
.footer .floatright{text-align:right; }
.footer .center .bookBox{position:absolute;right:-30px;top:-140px;height:120px;z-index:1;overflow:hidden;}
.footer .center .bookBox img{float:left;margin-right:5px;width:30px; margin-top:10px;height:100px;opacity:0.5;-webkit-transition:all 0.2s;transition:all 0.2s;transform: translate(0px, 28px); -webkit-transform: translate(0px, 28px);}
.footer .center .bookBox img:hover{transform: translate(0px, 10px);-webkit-transform: translate(0px, 10px);opacity:0.8;}