/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, strong { margin:0; padding:0 }
ul, ol, dl { list-style: outside none none; }
body, html, input, iframe { font-family: "Microsoft YaHei", "STHeiti"; margin:0px; padding:0px; border:0px;  }
body {color: #333;display: block;width: 100%;max-width: 1000px;margin: 0 auto;
background: #5fa3dd;}
table { border-collapse:collapse; border-spacing:0; }
img { border:none; float:left }
div, span, em { display: block; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
input.dialog { height:0; height:0; font-size:0; line-height:0; border:none }
h1 { font-size:34px; }
h2 { font-size:26px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
.clear { display: block; clear: both; float: none; }
.hidden { display: none;}
input, label, img, th { vertical-align:middle; }
.font-fixh { font-family: Georgia, Arial; color: #f00; font-size: 16px; font-weight: 700; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
input.button, input.btn { padding:0.25em; width: auto; _width:0; overflow:visible !ie;}
.w1100{ margin:0 auto; width:100%;}
ul, ol, li { list-style:none; }
a { text-decoration:none; color:#f9f9f9; font-size: 14px; text-decoration: none; font-family:"Microsoft YaHei", "STHeiti" }
* { text-decoration:none; color:#f9f9f9; font-size: 14px; text-decoration: none; font-family:"Microsoft YaHei", "STHeiti" }
a:hover { text-decoration:none; color: #ffde7c;}
.bor-b { border-bottom:#CCCCCC solid 1px; display: block; clear: both; float: none; }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size:18px }
.f20 { font-size:20px }
.lh20 { line-height: 20px }
.lh22 { line-height: 22px }
.lh24 { line-height: 24px }
.lh26 { line-height: 26px }
.lh28 { line-height: 28px }
.h { height:100%; }
.l { float:left; }
.r { float:right; }
.m10 { margin:10px; }
.tm5 { margin-top:5px }
.tm10 { margin-top:10px }
.tm15 { margin-top:15px }
.tm20 { margin-top:20px }
.tm67 { margin-top:67px }
.tm35 { margin-top:35px }
.cor { color:#FF6600; }
.tm0 { margin-top:0px }
.tm100 { border-top: 1px solid #999; padding-top: 30px; margin-top: 38px; }
.bm10 { margin-bottom:10px; }
.bm15 { margin-bottom:15px; }
.bm20 { margin-bottom:20px; }
.lm5 { margin-left:5px; }
.lm10 { margin-left:10px; }
.lm15 { margin-left:15px; }
.lm20 { margin-left:20px; }
.lm25 { margin-left:25px; }
.pt20 { padding-top:20px; }
.w988{ width:100%; margin:0 auto;}
.main{ width:100%; margin:0 auto; }
.c{ width:1150px; margin:0 auto; }
.teti20{font-size: 24px;}

.br{background:#5589dd;}

.title{height:35px; padding:0 5px; border-bottom: solid 2px #eee;}
.title b,.recom_catelist .title a,.recom_catelist .title span{display:inline-block; font-family:"??└：：：a??o：2", "：??│?2"; color:#555; line-height:30px;}
.title b{ font-size:18px; font-weight:normal; float:left; }
.title a{ float:right;}
.title span{ display:inline-block; margin-top:2px; margin-left:10px; float:left;}
.title span a{ margin:0 5px;}



.header{width: 100%;float: left;}
.header .nav{ width:1200px; margin:0 auto; height: 180px;}
.header .nav ul{margin: 90px 0 0 380px; }
.header .nav li{float: left;display: block;border: 5px solid #fff;background: #4F7AA3;width: 119px;height: 119px;text-align: center;line-height: 118px;font-size: 60px;font-weight: bolder;color: #fff;margin-right: 30px;border-radius: 206px;} 

.header2{width: 100%;float: left;background:#434e57;height: 48px;position: relative;}
.header2 .nav{width: 100%;max-width: 1000px;margin: 0 auto;height: 100%;position: absolute;z-index: 9100; }
.header2 .nav ul{width: 300px;background: #0b0b0b;float: left;height: 100%;}
.header2 .logo{position:absolute;margin-top: 9px;margin: 3px 0 0 20px;}
.header2 h1 span{font-size: 30px;float: left;color: #FFF;letter-spacing: 6px;}
.header2 h1 .cor{
float: left;
display: block;
background: #FF60B9;
color: #fff;
border-radius: 206px;
font-size: 22px;
margin-right: 5px;
margin-top: 4px;
width: 29px;
height: 33px;
padding: 2px 0px 0 7px;}

.header2 li{ float: left;width: 100%;border-top: 1px solid #4a4a4a;}
.header2 li a{font-size: 16px;line-height: 20px;padding: 9px 15px 13px;display: block;color: #8c8b8b;}
.header2 .br1{border-left: 1px solid #c6c6c6;height: 25px;margin-left: 8px;}
.am-offcanvas {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;background:rgba(0,0,0,0.5)}
.am-menu-toggle {position:absolute;right:0px;top:0px;display:block;width:54px;height:44px;line-height:44px;text-align:center;color:#fff}
.cls {background: url(/statics/images/sotujie/tb1.png) no-repeat center 5px;padding: 14px 0 0;font-size: 12px;border-left: #7b9db9 1px solid;color: #f9f9f9;height: 33px;}



.my_title2{margin: 20px;float: left;
width: 100%;}
.main{}
.main li{}

#pages2{float: left;margin-bottom:20px;margin-top: 20px;}
#pages2 .cor{background: #F98A95;color: #fff;border: #F98A95 solid 1px;}
#pages2 a{ border:#CCCCCC solid 1px; padding:5px 15px; float:left; display:block; margin-right:2px;border-color: #99d0ff; margin-bottom:5px;}
#pages2 span{border:#66a9d4 solid 1px; padding:5px 15px; float:left; display:block;background-color: #66a9d4;margin-right:2px; color:#FFFFFF;}



.footer{background: #fff; text-align: center; float:left; width:100%; padding-bottom:30px;  border-top:#dedede 1px solid; border-top-color: rgba(27, 27, 27, 0.15);margin-top: 30px; padding-top: 30px;background: #515151;}
.footer a{ font-size:14px; margin-right:10px;color: #b7b7b7;}
.footer *{color: #b7b7b7;line-height: 28px; float:12px; }