body { font-family: Microsoft YaHei; margin: 0; padding: 0; font-size: 14px; background: #333e49 url(../images/bg.jpg) no-repeat center top ; color: #fff; line-height: 24px; }
p, div, form, img, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
table, li, tr, th, br { font-size: 14px; font-family: Microsoft YaHei; line-height: 24px; }
img { display: block; }

/* Á´½ÓÑÕÉ« */
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #C00; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.cl { clear: both; }

/* nav */
.nav { width: 100%; color: #fff; text-align: center; font-size: 12px; height: 35px; line-height: 35px; font-weight: normal; font-family: SimSun; background: url(../images/bg01.jpg) repeat-y; }
.nav a { color: #fff; }
.bg01 { background: url(../images/title_01.png) no-repeat center top; height:417px;}
.bg01::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }


.ww{ margin: 0px auto; width: 1200px; clear: both; }
.ww::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.box01{ float: left; padding: 40px 0 0 25px; width: 445px; }
.box01 h3{ font-size: 20px; color: #fff; font-weight: lighter; padding-left: 26px; background: url(../images/title_04.png) 0px 13px no-repeat; letter-spacing: 1px; }
.box01 p{ font-size: 16px; line-height: 28px; color: #ebebec; padding: 42px 110px 0 26px; text-indent: 32px; }
.box01 p a{ color: #ebebec; }
.box01 p a:hover{ color: #c00; }
.box02{ float: left; width: 630px; padding: 8px 20px 0 20px; position: relative; }
.box02 .floating{ position: absolute; top: 43px; left: 180px; width: 310px; height: 330px; background: #333e49; z-index: 99999; display:none; }
.box02 .floating h4{ background: #1a2027; line-height: 42px; font-size: 20px; color: #d6d6d7; text-align: center; font-weight: lighter; }
.box02 .floating ul{ padding-top: 12px; }
.box02 .floating ul li{ float: left; width: 310px; padding-top: 10px; }
.box02 .floating ul li span{ float: Left; width: 70px; padding-right: 5px; font-size: 16px; color: #f6f6f6; text-align: right; line-height: 30px; }
.box03{ float: left; width: 770px; padding: 35px 0 0 25px; }

.aa01{ width: 190px; line-height: 28px; padding: 0 10px; border: 1px #f2f3f4 solid; color: #282828; }
.aa02{ width: 140px; line-height: 38px; font-size: 20px; background: #1a2027; border: none; color: #ebebec; text-align: center; margin-left: 75px; cursor:pointer; }

.tit{ padding: 60px 0 0 470px; display: block; clear: both; }

.tab5{ float:left; width:345px; padding:7px 0 0 30px;}
.tab5 li{ float:left;}
.tab5 li a{ display:block; text-decoration:none; width: 345px; line-height:66px; font-size:24px; color:#fff; letter-spacing:2px; text-align:center;}
.tab5 li a:hover{ color:#FFF; text-decoration:none; transition: all 0.5s ease-in 0s; box-shadow: 0 0 5px 5px #ccc;}
.tab5 li a.a_01, .tab5 li a.a_02, .tab5 li a.a_03{ background:#3e8ddd; margin-top: 28px;}
.tab5 li a.a_04, .tab5 li a.a_05{ background:#3e8ddd; margin-top: 27px; }
.tab5 li a.a_1, .tab5 li a.a_2, .tab5 li a.a_3, .tab5 li a.a_4{ background: #1c2228; margin-top: 28px; background-image: radial-gradient(circle,#3e8ddd 3px,#1c2228);}
.tab5 li a.a_4, .tab5 li a.a_5{ background: #1c2228; margin-top: 27px; background-image: radial-gradient(circle,#3e8ddd 3px,#1c2228);}

.fs_01{ font-size: 14px; line-height: 28px; text-indent: 28px; }

/* footer */
#footer { width: 100%; line-height: 25px; font-family: SimSun; font-size: 12px; color: #fff; font-weight: normal; text-align: center; padding: 40px 0; margin-top: 80px; background: url(../images/bg01.jpg) repeat-y center; }
#footer a { color: #fff; }
#footer p { text-align: center; font-family: SimSun; font-size: 12px; }
#footer address { font-style: normal; text-align: center; color: #fff; font-family: SimSun; font-size: 12px; }