@charset "utf-8";
/*---- 全局 ----*/
body  {color: #333;font:12px "Microsoft YaHei",Arial, Helvetica, sans-serif;margin:0;padding:0;text-align: center;margin:0px auto; }
p {margin:0px auto; }
form,img  {border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,ul {margin:0;padding:0; font-style:normal; font-weight:normal}
ul,dl{list-style:none;}

label {cursor: pointer;}
input,select{vertical-align:middle;} 
i,em{ font-style:normal}

/*---- 公用----*/
div {text-align:left; }
.clear {clear:both; }
.left {float:left;}
.right {float:right;}
.hidehr {display:none;}
.center { text-align:center;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}

/*-- 字体 --*/
a {color: #333;text-decoration:none; margin:0px; }
a:hover {color: #cd3334;text-decoration: underline;}
.red { color:#cd3334;}

.pageWrap { width:1000px; margin:0 auto;}
.topline { border-top:3px solid #cd3335;}
.headerInfo { width:350px; float:right; padding-top:18px;}
.headerInfo .txt { width:210px; float:right; color:#666; line-height:1.5em; }
.headerInfo .btn { width:110px; float:right;}
.headerInfo .btn a { display:block; width:81px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#666; text-decoration:none; background:url(../images/topbtn.jpg) no-repeat; margin-bottom:6px;}
.eduMenu { height:49px; line-height:49px; background:url(../images/menu.jpg) repeat-x;}
.eduMenu a { font-size:15px;display:inline-block;*display:inline;*zoom:1; margin:0 26px;}
.eduMenu a:hover { text-decoration:none;}
.m1 .eduMenu a.m1,.m2 .eduMenu a.m2,.m3 .eduMenu a.m3,.m4 .eduMenu a.m4,.m5 .eduMenu a.m5,.m6 .eduMenu a.m6,.m7 .eduMenu a.m7,.m8 .eduMenu a.m8 { color:#d82324;}

/* flexslider */
.flexslider{position:relative;height:506px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:506px;}
.slides li a { display:block; height:506px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:11;width:150px; left:50%; margin-left:-75px;text-align:center;}
.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;*display:inline;zoom:1;width:16px;height:16px; font-size:0; line-height:0;overflow:hidden;background:url(../images/banner_dot.png) no-repeat left bottom;cursor:pointer;}
.flex-control-nav .flex-active{background-position:left top;}
.flexslider .w { width:1000px; height:506px; z-index:10; position:absolute; left:50%; margin-left:-500px;}

.coLink { height:70px; line-height:70px; text-align:center; font-size:15px; color:#ddd; clear:both;}
.coLink a {display:inline-block;*display:inline;*zoom:1;margin:0 28px; height:20px; line-height:20px;}
.coLink a.co1 { background:url(../images/icon_nfc.jpg) no-repeat left center; padding-left:30px;}
.coLink a.co2 { background:url(../images/icon_fad.jpg) no-repeat left center; padding-left:30px;}
.coLink a.co3 { background:url(../images/icon_jsct.jpg) no-repeat left center; padding-left:35px;}
.coLink a.co4 { background:url(../images/icon_nx.jpg) no-repeat left center; padding-left:35px;}

.pagebar { width:68px; height:188px; position:fixed; top:30%; right:10px; background:#000; z-index:99;}
.pagebar a.a1 { display:block; width:68px; height:41px; background:url(../images/bar.jpg) no-repeat left 0;}
.pagebar a.a1:hover { background-position: right 0;}
.pagebar a.a2 { display:block; width:68px; height:74px; background:url(../images/bar.jpg) no-repeat left -41px;}
.pagebar a.a2:hover { background-position: right -41px;}
.pagebar a.a3 { display:block; width:68px; height:73px; background:url(../images/bar.jpg) no-repeat left -115px;}
.pagebar a.a3:hover { background-position: right -115px;}

.historybg {height:506px; background:url(../images/history_bg.jpg) no-repeat center top;}
.banner_knowledge { height:243px; background:url(../images/banner_knowledge.jpg) no-repeat center top;}
.banner_risk { height:243px; background:url(../images/banner_risk.jpg) no-repeat center top;}
.banner_interactive { height:243px; background:url(../images/banner_interactive.jpg) no-repeat center top;}

.eduPageLef { width:272px; float:left; padding-top:35px; padding-bottom:30px;}
.eduPageRig { width:712px; float:right; padding-top:5px; padding-bottom:30px;}
.lefnav { padding:5px 8px; border-top:2px solid #cd3335;}
.lefnav li { padding:10px 0;border-bottom:1px solid #eaeaea; font-size:14px;}
.lefnav li a { background:url(../images/dot1_nav.gif) no-repeat 5px center; padding:0 5px 0 20px;}
.lefnav li a:hover {background:url(../images/dot2_nav.gif) no-repeat 5px center;}
.snav { padding:10px 10px 0 20px;}
.snav li { font-size:13px; border:0 none; padding:6px 0;}
.snav li.cur a {background:url(../images/dot2_nav.gif) no-repeat 5px center; color:#cd3334; font-weight:bold;}
.n1 a.n1,.n2 a.n2,.n3 a.n3,.n4 a.n4,.n5 a.n5,.n6 a.n6,.n7 a.n7,.n8 a.n8,.n9 a.n9,.n10 a.n10,.n11 a.n11,.n12 a.n12,.n13 a.n13,.n14 a.n14,.n15 a.n15,.n16 a.n16,.n17 a.n17,.n18 a.n18,.n19 a.n19,.n20 a.n20 { background:url(../images/dot2_nav.gif) no-repeat 5px center; font-weight:bold;}
.txtCont { padding:30px 35px; border-bottom:1px solid #eaeaea;}
.txtCont h3.t { font-size:16px; font-weight:bold; margin-bottom:10px;}
.txtCont .txt { font-size:14px; line-height:1.8em; color:#666; text-indent:2em;}
.txtCont .txt2 { font-size:14px; line-height:1.8em; color:#666; padding-left:20px; margin-bottom:10px;}
.txtCont .txt3 { font-size:14px; line-height:1.8em; color:#666;  margin-bottom:10px;}
.txtCont .st { color:#333; font-size:14px; font-weight:bold;margin-bottom:6px; background:url(../images/dot_red.jpg) no-repeat left center; padding-left:20px;}
.bbar { text-align:right; padding:0 30px 0 0; background:#f6f6f6;}
.bbar a { height:40px; line-height:40px;display:inline-block;*display:inline;zoom:1; margin:0 10px;}
.bbar a.b1 { background:url(../images/icon_b1.png) no-repeat left center; padding-left:25px;}
.bbar a.b2 { background:url(../images/icon_b2.png) no-repeat left center; padding-left:25px;}
.table1 {border-collapse:collapse; border:1px solid #ddd; margin:0 auto;}
.table1 td {empty-cells:show; border:1px solid #ddd; font-size:14px; line-height:1.5em; padding:5px;word-break:break-all; overflow:hidden; text-indent:0; text-align:center;}
.dt { font-size:16px; font-weight:bold; padding:15px 30px 15px 45px; background:#f6f6f6 url(../images/dt.png) no-repeat 30px center;}

.interactive {}
.banner_interactive .pageWrap { position:relative;}
a.btn_interactive { position:absolute; left:120px; top:145px; display:block; background:url(../images/btn_interactive.jpg) no-repeat center top; width:114px; height:29px;}
a.btn_interactive:hover { background-position:center bottom;}
a.btn_interactive span { display:none;}

.questionBox { border-top:1px solid #eee; padding:30px 0;}
.questionBox .info { background:#f6f9f9 url(../images/icon_question_info.jpg) no-repeat 80px center; border:1px solid #e3ecee; padding:25px 30px 25px 150px; font-size:14px; line-height:1.8em;}
.questionList { padding:30px 30px 0 30px;}
.questionList .q { font-size:15px; font-weight:bold; margin-bottom:10px; background:url(../images/dot_question.jpg) no-repeat left center; padding-left:30px;}
.questionList .a { border-bottom:1px solid #eee; padding-bottom:25px; font-size:14px; margin-bottom:20px; padding-left:30px;}
.questionList .a input { margin-right:6px;}
.questionList .a label { margin-right:25px;}
.questionBox .resultbox { width:500px; margin:0 auto; background:#f6f6f6; border:1px solid #ddd; padding:30px; margin-bottom:20px;}
.questionBox .txt1 { text-align:center; font-size:14px; margin-bottom:20px;}
.questionBox .txt2 { text-align:center; font-size:28px; color:#cd3335; font-weight:bold; margin-bottom:20px;}
.questionBox .txt3 { text-align:left; width:500px; margin:0 auto; line-height:1.8em; font-size:14px; color:#666;}

a.edubtn1 {display:inline-block;*display:inline;zoom:1; width:137px; height:40px; line-height:40px; color:#fff; text-decoration:none; text-align:center; background:url(../images/btn1.jpg) no-repeat center top; font-size:14px;}
a.edubtn1:hover { background-position: center bottom;}
a.edubtn2 {display:inline-block;*display:inline;zoom:1; width:137px; height:40px; line-height:40px; color:#333; text-decoration:none; text-align:center; background:url(../images/btn2.jpg) no-repeat center top; font-size:14px;}
a.edubtn2:hover { background-position: center bottom;}
.edubtnBar { text-align:center; padding:20px 30px;}
.edubtnBar a { margin:0 15px;}
.banner_test { background:url(../images/banner_test.jpg) no-repeat center top; height:120px;}
.banner_learn {background:url(../images/banner_learn.jpg) no-repeat center top; height:243px;}

.movieBox .movieimg a span { display:none;}
.movieList { padding-left:35px; padding-top:40px;}
.movieList li { width:310px; height:145px; float:left; margin-right:10px;}
.movieList .img { width:91px; height:91px; float:left;}
.movieList .rtxt { width:190px; float:right;}
.movieList .rtxt .t1 { font-size:18px; margin-bottom:10px;}
.movieList .rtxt .t2 { font-size:14px; color:#666; margin-bottom:10px;}
.movieList .rtxt b { margin:0 3px;}
.movieList .rtxt .btn a { display:block; width:67px; height:27px; line-height:27px; padding-left:37px; background:url(../images/btn_list_play.jpg) no-repeat center top;}
.movieList .rtxt .btn a:hover { background-position: center bottom; text-decoration:none;}

.eduNav { height:58px; line-height:58px; padding-top:10px; background:url(../images/tab_line.gif) repeat-x center bottom; font-size:14px; padding-left:55px;}
.eduNav a { display:inline-block;*display:inline;zoom:1; padding:0 16px; margin:0 5px;}
.eduNav a.cur { background:url(../images/tab_line2.gif) repeat-x center bottom; text-decoration:none; font-weight:bold;}
.eduNav a:hover { background:url(../images/tab_line2.gif) repeat-x center bottom; text-decoration:none;}
.edustab { padding:25px 55px 0 55px; margin-bottom:15px;}
.edustab a { background:url(../images/edustab.jpg) no-repeat center top; display:inline-block;*display:inline;zoom:1; width:83px; height:28px; line-height:28px; text-align:center; color:#333; margin:0 5px;}
.edustab a.cur,.edustab a:hover { background-position:center bottom; color:#fff; text-decoration:none;}
.newsListBox { padding:0 35px 80px 35px;}

.moviepageList { padding:30px 20px 0 20px;}
.moviepageList ul li { text-align:center; width:223px; height:170px; font-size:14px; float:left; margin:0 8px;}
.moviepageList .imgp { margin-bottom:5px;}
.moviepageList .imgp img { width:223px; height:144px; border:1px solid #fff;}
.moviepageList a:hover img { border:1px solid #ddd;}

.newsList { padding:25px 10px 35px 10px;}
.newsList ul { padding-bottom:30px;}
.newsList li { height:54px; line-height:54px;font-size:16px; background:url(../images/edu/dot_news.gif) no-repeat 5px center; padding:0 15px 0 20px;}
.newsList li .date { font-size:12px; color:#999; float:right;}
.newsList .new {display:inline-block;*display:inline;*zoom:1; width:21px; height:9px; background:url(../images/edu/dot_new.gif) no-repeat; margin-left:10px; vertical-align:middle;}
.newsList li.more { text-align:right; background:none; font-size:12px;}
.newsList .more a {display:inline-block;*display:inline;*zoom:1; padding-left:15px; height:20px; line-height:20px; background:url(../images/edu/dot_more.gif) no-repeat left top;}
.newsList .more a:hover { background-position:left bottom;}

.locationBox { text-align:center; border-top:1px solid #ddd; padding-top:20px;}
.locationBox .pageWrap { text-align:center; }
.locationtt { font-size:24px; text-align:center; padding:20px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}

.photoBox { text-align:center; border-top:1px solid #ddd; padding:20px 0;}
.photoBox .pageWrap { text-align:center; }
.photoBox .tt { font-size:24px; text-align:center; padding:20px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}
.photoBox .tt1 { font-size:24px; text-align:center; padding:20px 0 0 0; margin-bottom:10px;}
.photoBox .tt2 { font-size:15px; text-align:center; padding:0 0 20px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}
.tips { font-size:14px; padding:15px 20px; background:#fff7e3; border:1px solid #f3e8ca; width:90%;}
.photoCont { margin-bottom:20px; text-align:center;}
.imgList { padding:0 15px;}
.imgList li { float:left; margin:0 20px 15px 20px;}
.photoCont img { border:1px solid #ddd;}
.selectUser {border-top:1px solid #eee; padding:80px 0;}
.selectUser .cont1 { background:#f7f7f7 url(../images/icon_user1.jpg) no-repeat 63px 50px; border:1px solid #ddd; width:246px; height:158px; padding:52px 0 0 144px; float:left; margin:0 30px 0 70px;}
.selectUser .cont2 { background:#f7f7f7 url(../images/icon_user2.jpg) no-repeat 63px 50px; border:1px solid #ddd; width:246px; height:158px; padding:52px 0 0 144px; float:left; margin:0 30px;}
.selectUser .txt1 { font-size:18px; margin-bottom:10px; color:#333;}
.selectUser .txt1  b { color:#cd3335;}
.selectUser .txt2 { font-size:14px; margin-bottom:15px; color:#666;}
.selectUser a.btn { background:url(../images/btn_selectUser.jpg) no-repeat; width:113px; height:28px; line-height:28px; text-align:center; color:#fff;display:inline-block;*display:inline;zoom:1; }
.selectUser a.btn:hover { text-decoration:none; font-weight:bold;}

.rulesBox {border-top:1px solid #eee;}
.rulesBox.mg1 { padding:50px 0;}
.rulesBox.mg2 { padding:20px 0;}
.rulesBox .tt { font-size:24px; text-align:center; margin-bottom:20px;}
.rulesBox .txtbox { font-size:14px; line-height:1.8em; padding:30px 60px; width:80%; margin:0 auto; border:1px solid #ddd; background:#f6f6f6;}
.rulesBox .txtbox p { margin-bottom:1em;}
.rulesBox .itemBar { padding:30px 0;}
.rulesBox .itemBar .item { padding-left:80px; height:80px; float:left;}
.rulesBox .itemBar .icon1 { width:210px; margin-right:10px; margin-left:140px; background:url(../images/icon_rules1.jpg) no-repeat left 0;}
.rulesBox .itemBar .icon2 { width:360px; background:url(../images/icon_rules2.jpg) no-repeat left 0;}
.rulesBox .itemBar .item .t1 { font-size:20px; margin-bottom:6px;}
.rulesBox .itemBar .item .t2 { font-size:14px; color:#666; line-height:1.5em;}

.mapBox { text-align:center; width:980px; margin:0 auto;}