/* Reset: */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, code, form, input, button, textarea, p, th, td { margin: 0; padding: 0; border: none; outline: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
body { font: 14px/1.6 "Microsoft YaHei", Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #666;     background: url(../images/bg.jpg) top no-repeat #010e23; }
img, input, select { vertical-align: middle; font-family: inherit }
img { border: 0 }
li, ul, dl { list-style: none;}
table { border-collapse: collapse; border-spacing: 0 }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none }
button[disabled], input[disabled] { cursor: default }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0 60px #fff inset; -webkit-text-fill-color: #666 }
textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit }
h1, h2, h3, h4 { font-weight: normal }
hr { height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eaeaea; }
i, em { font-style: normal }
b, strong { font-weight: bold }
a { color: #666; text-decoration: none ; }
a:hover, a:active {  outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent ;}
a:focus { outline: 0 }
.red { color: #f33 }
.blue { color: #007bfe }
.green { color: #1a934a }
.show { display: block }
.hide { display: none }
.clear { clear: both; height: 0; overflow: hidden }
.clearfix {zoom:1;}.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cl {zoom:1;}.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:after { clear: both }
.fl { float: left }
.fr { float: right }
.w1200 { width: 1200px;margin:0 auto; }
.main { margin: 0 auto;width: 1200px;}

/*banner:*/
.banner { padding-bottom:550px; }
.banner .logo { margin-top:20px;float:left;width:250px;}
.banner .menu{float:left;}
.banner .menu li{float:left;padding-top:16px;line-height:50px;}
.banner .menu li a{color:#fff;font-size:18px;cursor:pointer;margin-left:15px;margin-right:15px;}
.banner .menu li a:hover{color:#ecd330;}
/*main:*/
.main .f { margin-bottom: 50px }
.main .f .hd { text-align: center; height:24px;line-height:24px;background: url(../images/hdbg.png) no-repeat;margin:50px 0;}
.main .f .hd h2 { color:#fff; font-size:24px; }
.main .f .bd ul { width: 1230px; }
.main .f .bd ul li { width:228px;height:332px; float:left;margin:0 15px 15px 0;background:#fff;border-radius:4px; overflow:hidden;}
.main .f .bd ul li .tit1 a { display:block; }
.main .f .bd ul li .tit1 a:hover h3 { color:#2aa0ea; }
.main .f .bd ul li .tit1 .m-img img { width:228px;height:180px;border:none; }
.main .f .bd ul li .tit1 .m-tit { padding:8px 15px; }
.main .f .bd ul li .tit1 .m-tit h3 { font-size:16px;color:#222;line-height:30px;height:30px;overflow: hidden; }
.main .f .bd ul li .tit1 .m-tit p { font-size:12px;color:#666;height:60px;overflow: ellipsis; }
.main .f .bd ul li .tit1 .m-tit p span { color:#999; }
.main .f .bd ul li .tit2 { padding:8px 15px;line-height:24px; }
.main .f .bd ul li .tit2 a { display: block;}
.main .f .bd ul li .tit2 a:hover { color:#2aa0ea; }
.main .f .bd ul li .tit2 .tzz { color:#2aa0ea;margin-right:15px;float:left; }
.main .f .bd ul li .tit2 .tgw { color:#333;margin-right:15px;float:left; }
.main .f .bd ul li .tit2 span { display:block;width:20px;height:24px;background: url(../images/info.png) no-repeat -78px 0;  }
.main .f .bd ul li .tit2 .tqq { width:74px;height:24px; background: url(../images/info.png) no-repeat;text-indent: -9999px; }

/*footer:*/
.main-footer{position:relative;z-index:3;height:64px;overflow:hidden;color:#666;background:#21292f}
.main-footer p{line-height:64px}
.main-footer p a{padding-left:8px;padding-right:8px}
.main-footer p a:hover{color:#999}
.main-footer .logo{margin-top:12px;margin-right:12px}

/* main-gotop */
.main-gotop{ position:fixed;z-index:5;padding-top:530px;display:block;}
.main-gotop .top{ position:absolute;top:35px;left:-20px;width:130px;height:500px;background:url(../images/r1-nav.png) no-repeat;padding:25px 0;z-index:-2;}
.main-gotop .top li{ height:42px;width:120px;padding:0 5px;line-height:39px;text-align: center;position: relative;}
.main-gotop .top li.active span { position: absolute;top:0;left:0;background:url(../images/r-this.png) no-repeat;width:130px;height:48px;z-index:-1; }
.main-gotop .top li.active { }
.main-gotop .top li a { color:#c4e8ff;height:42px;line-height:42px;display:inline-block;}
.main-gotop .top li a:hover { color:#fff; }
.main-gotop .top li.active a { color:#fff; }
#backtop { text-align: center;padding:15px 0;cursor: pointer; }
#backtop em { display:inline-block;width:18px;height:10px;background:url(../images/top.png) no-repeat; }
#backtop a {  color:#c4e8ff;}
#backtop a:hover { color:#fff; }
.z-qq { height:130px;width:120px;background:#fff;border-radius:4px; position:absolute;bottom:0;left:-15px; }
.z-qq a { background:url(../images/z-qq.png) no-repeat;width:120px;height:130px;display: block;text-indent: -9999px;opacity: 0.9;}
.z-qq a:hover { opacity: 1; }