/* CSS Document */
*{ margin:0; padding:0;}
.cls:after { content:"."; display:block; clear:both; overflow:hiddden; visibility:hidden; height:0; }
.cls{ zoom:1}
* html .cls {height:1%;}
img{ border:none;}
li{ list-style:none;}
a{ text-decoration:none; outline:none;}

.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f16{ font-size:16px;}
.b{ font-weight:bold;}
。cl1{ color:#111;}


h1,h2,h3,h4,h5{ font-family:"Arial"}
body{ background:url(../images/body_bg1.jpg) repeat; font-family:"Arial"; font-size:13px;}

#body{ width:1030px; height:auto; overflow:hidden; margin:0 auto; background:url(../images/container_bg.png) repeat-y;}
#main{ width:1003px; margin:0 auto; height:auto; overflow:hidden; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;}

#top{ background:#fff; height:130px;}
#top h2{ float:left; width:86px; height:53px; margin:50px 0 0 50px;}
#top h1{ float:left; font-family:"微软雅黑"; color:#2579b2; font-weight:100; margin-top:50px; margin-left:20px; font-size:24px;}
#top h1 span{ color:#595959; font-style:oblique; color:#333; font-size:18px;}
#top div{ float:right;}
#top p a{ display:inline-block; float:right; height:24px; width:108px; text-align:center; background:#257ab4; color:#fff; margin-left:10px; line-height:24px;}
#top dl{ float:right; line-height:24px; margin-right:34px; margin-top:20px;}
#top dt{ background:url(../images/phone.jpg) no-repeat; text-indent:20px; color:#2579b3;}
#top dd{ text-align:right; line-height:20px;}
#top dd a{ color:#ff7f00; background:url(../images/point_to.jpg) right 5px no-repeat; padding-right:10px;}

#nav{ padding-left:30px; padding-top:12px; height:36px; background:#fff;}
.nav{ float:left; padding:0 28px; display:inline; font-size:14px; position:relative; z-index:999999;}
.nav a{ color:#2579b2;}
.nav a.active{ font-weight:bold;}

.subnav{ width:216px; height:auto; position:absolute; left:0; top:20px; display:none;}
.subnav span{ display:block; width:18px; height:8px; background:url(../images/point_bg.png) no-repeat; margin:0 auto;}
.subnav div{ height:auto; overflow:hidden; background:url(../images/subnav_bg.png) repeat; padding:6px;}
.subnav ul{ background:#fff; padding:16px 0;}
.subnav li{ height:52px; line-height:52px; border-top:1px dotted #ccc; text-indent:10px;}
.subnav a{ color:#5072ac; font-size:13px;}
.subnav .active{ border:none;}
.subnav a:hover{ text-decoration:underline;}


#contain{ background:#5073ad; height:auto; overflow:hidden; padding:54px;}
#contain h2{ font-family:"微软雅黑"; font-size:23px; color:#fff;}
#contain h3{ font-family:"微软雅黑"; font-size:15px; color:#fff;}
#contain li{ overflow:hidden; padding:54px 0; border-bottom:1px solid #a8b9d6;}
#contain .left{ width:431px; height:226px; padding:6px 15px 0 15px; float:left; background:url(../images/img_bg.jpg) no-repeat;}
#contain .right{ float:left; color:#fff; line-height:18px; padding-left:40px; padding-top:6px; width:390px;}
#contain .right h3{ font-size:23px; padding:0 4px;}
#contain .right p{ padding:32px 4px; border-bottom:1px dotted #fff;}
#contain .right a{ display:block; width:182px; height:33px; background:url(../images/more_bg.jpg) no-repeat; float:right; margin-top:30px;}

#contain .banner{ width:884px; height:262px; border:5px solid #fff;}
#contain .cont{ color:#fff; line-height:22px; padding:46px 0 62px 0; overflow:hidden; border-bottom:1px solid #a8b9d6;}
#contain .cont h5{ font-size:23px;}


#banner{ width:1003px; height:auto; overflow:hidden; position:relative;}
#banner div{ width:1003px; height:236px; overflow:hidden; position:relative; left:0; top:0;}
#banner h2{ font-size:23px; color:#fff; position:absolute; z-index:99; width:220px; height:48px; border-bottom:1px dotted #fff; text-align:center; line-height:48px; left:46px; top:86px;}

#container{ background:#fff; height:auto; overflow:hidden; padding:54px; padding-top:30px;}
.bread{ text-align:right;}
.bread a{ color:#ff7f00; background:url(../images/point_to.jpg) no-repeat right 4px; padding:0 14px 0 16px;}

#left{ width:200px; height:auto; overflow:hidden; border-bottom:1px dotted #cbcbcb; padding-bottom:32px; float:left;}
#left h2{ color:#257ab4; font-size:14px; height:28px; line-height:28px; border-bottom:1px dotted #cbcbcb; border-top:1px dotted #cbcbcb;}
#left h2 a{ color:#257ab4;}
#left .lv1{ margin-top:8px; padding-left:16px;}
#left .lv1 a{ color:#444444; font-weight:bold; line-height:24px;}
#left .active a{ color:#2579b3;}
#left .lv2{ padding-left:32px;}
#left .lv2 a{ color:#666666; font-size:12px; font-weight:100; line-height:20px;}
#left .active{ background:url(../images/lv_bg.jpg) 0 6px no-repeat;}
#left .ul2 .active{ background:url(../images/lv_bg.jpg) 16px 4px no-repeat;}
#left .ul2 .active a{ color:#2579b3;}


#right{ float:right; width:650px; overflow:hidden;}
#right .title{ font-size:20px; color:#2579b3; font-weight:bold;}
#right .cont{ line-height:24px; font-size:13px; color:#444444; padding-top:20px;}
#right .t1 td{ padding:16px 32px 16px 0;}
#right .t1 p{ color:#666666; font-size:14px; text-align:center; line-height:50px;}
#right .t1 a{ color:#666666;}
#right .t1 div{ padding:3px; border:1px solid #ccc;}
#right .t2 td{ padding:16px 24px; line-height:20px;}
#right .t3 td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#right .t3 .tr0{ background:#e5e5e5;}
#right .t3 .tr1{ background:#f7f7f7;}
#right .t3{ text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc;}
#right .t3 td{ padding:10px 10px;}
#right .t4 td{ padding-right:20px; padding-bottom:30px;}
#right .t4 p{ font-size:12px; text-align:center; line-height:30px;}
#right .cont .box{ width:586px; height:391px; margin:0 auto; border:1px solid #000; font-family:"微软雅黑"; font-size:14px; font-weight:bold; text-align:center; line-height:320px;}
#right .t5 td{ padding-right:20px; padding-bottom:30px;}
#right .t5 p{ line-height:60px; text-align:center; font-size:14px; color:#666666;}
#right .t6{ text-align:center;}
#right .t6 td{ padding-right:20px; padding-bottom:30px; font-size:14px;}
#right .t6 p{ line-height:60px;}
#right .t7 td{ font-size:12px;}
#right .t7{ width:100%;}
#right .t7 p{ line-height:80px;}
#right .t7 .td1{ padding-left:20px;}


#news li{ width:203px; height:auto; overflow:hidden; padding:4px 4px 0 4px; background:url(../images/news_box.jpg) no-repeat; float:left; margin-left:8px; margin-top:30px;}
#news p{ text-align:center;}
#news div{ width:203px; height:137px; padding-bottom:30px;}
#news a{ color:#444444; text-decoration:underline; font-size:13px;}

#HHS_News li{ color:#ff7f00;  line-height:32px; font-size:12px;height:32px;}
#HHS_News a{ color:#444444; padding-right:10px; text-decoration:underline;}



.t0803_001{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#2579b2; font-weight:bold; line-height:24px; padding-bottom:18px;}
.t0803_002{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444; line-height:22px;}
.t0803_003{ padding-top:50px;}
#t0803_flagList{}
#t0803_flagList li{ float:left; width:210px; height:154px; margin-right:18px; margin-bottom:60px;}
#t0803_flagList div{width:190px; height:134px; border:1px solid #ccc; padding:9px;}
#t0803_flagList p{ margin:0px; padding:0px; text-align:center;text-decoration:underline; line-height:24px;}
#t0803_flagList a{ color:#222;}

.clear{clear:both; height:0px; font-size:0px; display:block;}


#contact{ padding-top:16px;}
.contact{ overflow:hidden; padding-bottom:50px;}
.contact .info{ float:left; width:420px; line-height:35px; color:#444444; font-size:14px;}
.contact .info h2{ color:#2579b2; font-size:20px;}
.contact .info table{ margin-top:10px;}
.contact .info td{ padding:10px 4px;}
.contact .map{ width:440px; height:280px; padding:5px; border:1px solid #ccc; float:right; margin-top:40px;}

.message{ overflow:hidden; float:right;}
.message td{ font-size:13px; color:#444; line-height:32px; padding:4px 0;}
.message td span{ color:#ff7f00;}
.message input,.message select{ width:185px; height:25px; border:1px solid #ccc; background:#fff;}
.message option{ height:25px;}
.email input{ width:396px;}
.message select{ font-size:12px; color:#444;}
.message textarea{ width:400px; height:142px; border:1px solid #ccc; background:#fff;}
.submit input{ width:114px; height:22px; background:#ff7f00; font-size:12px; border:none; cursor:pointer; color:#fff; float:right;}

.students_show{ width:638px; height:335px; background:url(../images/show_bg.jpg) no-repeat; padding:28px 0 0 20px;}
.show_img{ width:613px; height:204px; position:relative;}
.show_img img{ position:absolute; left:0; top:0;}
.show_btn{ height:32px; width:613px; margin-top:32px;}
.show_btn span{ display:block; width:19px; height:31px; cursor:pointer;}
.show_btn .show_prev{ float:left; background:url(../images/show_btn.jpg) no-repeat;}
.show_btn .show_next{ float:right; background:url(../images/show_btn.jpg) -19px 0 no-repeat;}
.show_btn p{ float:left; width:575px; text-align:center; line-height:32px;}


.city_show{ background:#f7f7f7; width:648px; height:484px; border:1px solid #c0c0c0; overflow:hidden;}
.city_show table{ text-align:center; width:648px; color:#4a4a4a; font-size:14px; height:54px; border-bottom:1px solid #c0c0c0;}
.city_show .td1{ color:#bbbbbb; border-left:1px solid #c0c0c0;}
.city_show table img{ position:relative; top:4px; left:-20px;}
.city_img{ width:400px; height:314px; position:relative; background:#000; float:left; margin:52px 0 0 22px;}
.city_img img{ width:400px; height:314px; position:absolute; left:0; top:0;}
.city_line{ float:left; width:1px; height:430px; background:#c0c0c0; margin-left:22px;}
.city_list{ width:186px; height:400px; overflow:hidden; position:relative; float:right; margin-top:16px;}
.city_list ul{ width:156px; height:auto; position:absolute; left:0; top:0;}
.city_list li{ margin-bottom:8px; cursor:pointer; width:156px; height:93px;}
.scroll{ height:398px; float:right; width:6px; border:1px solid #c3c3c3; position:relative; margin-right:10px; border-radius:6px; background:#cdcdcd;}
.scroll span{ display:block; width:4px; height:120px; position:absolute; left:0; top:0; background:#f2f2f2; border:1px solid #f2f2f2; border-radius:6px; cursor:pointer;}

.city_show1{ background:#f7f7f7; width:648px; height:484px; border:1px solid #c0c0c0; overflow:hidden;}
.city_show1 table{ text-align:center; width:648px; color:#4a4a4a; font-size:14px; height:54px; border-bottom:1px solid #c0c0c0;}
.city_show1 td{ border-left:1px solid #c0c0c0; color:#bbbbbb; cursor:pointer;}
.city_show1 table img{ position:relative; top:4px; left:-20px; opacity:0.5; filter:alpha(opacity:50);}
.city_show1 .active{ color:#4a4a4a;}
.city_show1 .active img{ opacity:1; filter:alpha(opacity:100);}
.city_show1 .city_img{ width:405px;}
.city_show1 .city_img img{ width:389px; height:258px; left:8px; top:28px;}
.city_show1 .city_list{ float:left; margin-left:10px;}
.city_show1 .city_list li{ height:146px; width:166px; border-bottom:1px dotted #ccc; margin-bottom:16px;}
.city_show1 .city_list img{ width:166px; height:110px;}
.city_show1 .city_list p{ text-align:center; font-size:12px; color:#212121; line-height:30px; width:146px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.city_show1 .city_line{ margin-left:16px;}
.city_show1 .scroll{ margin-right:2px;}
.city_tab{ display:none;}
.city_video{ width:600px; height:378px; margin:30px auto;}


#about{ height:auto; overflow:hidden; padding-bottom:50px;}
.about_title{ height:93px; line-height:93px; text-indent:20px; font-size:22px; color:#3c4756; background:#f5f5f5;}
.about_date{ width:894px; height:64px; margin:0 auto; overflow:hidden; background:url(../images/dot_bg.jpg) no-repeat 0 -9px; position:relative; margin-top:50px;}
.about_date ul{ width:2000px; position:absolute; left:-490px; top:0;}
.about_date li{ width:70px; text-align:center; float:left; font-size:15px; color:#7a8ca4; font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; font-style:oblique; background:url(../images/circle_bg.jpg) no-repeat 30px 30px; height:38px;}
.about_date a{ color:#7a8ca4;}
.about_date .active{ font-size:18px; font-weight:bold;}

.about_cont{ width:894px; height:200px; margin:0 auto; overflow:hidden; position:relative;}
.about_cont ul{ position:absolute; left:-11622px; top:0; width:12561px;}
.about_cont li{ width:894px; height:auto; overflow:hidden; float:left; opacity:0; filter:alpha(opacity:0);}
.about_cont .left{ width:454px; float:left;}
.about_cont .line{ border-left:1px dotted #798ca4; width:1px; float:left; height:108px; margin-top:24px;}
.about_cont .left a{ display:block; float:left; width:260px; height:156px; float:left; margin-left:44px;}
.about_cont .left span{ color:#798ca4; font-size:41px; line-height:156px; height:156px; display:block; width:130px; text-align:center; float:left; margin-left:10px; font-style:oblique;}
.about_cont .right{ width:352px; float:left; color:#444444; font-size:12px; line-height:18px; height:156px; margin-left:34px;}
.about_cont .right table{ height:156px; text-align:center;}
.about_left,.about_right{ width:21px; height:41px; position:absolute; top:50px; display:block; z-index:9999; cursor:pointer;}
.about_left{ background:url(../images/about_btn.jpg) no-repeat; left:10px;}
.about_right{ background:url(../images/about_btn.jpg) -21px 0 no-repeat; right:10px;}

.contain{ padding-top:20px;}
.contain h2{ font-size:20px; color:#2579b2;}









.page{ text-align:right; margin-top:70px;}
.page a{ font-size:12px; color:#111; background:#fff; border:1px solid #b2b2b2; padding:0px 8px; display:inline-block;}
.page .active{ background:#666; color:#fff;}

.back{ text-align:right; padding-right:20px; padding-top:20px;}
.back a{ font-size:14px; color:#444444;}

#footer{ overflow:hidden; background:#eeeeee;}
#video{ overflow:hidden; padding-top:30px;}
#video .li1{ width:262px; height:auto; float:left; margin-left:50px;}
#video h2{ font-size:17px; color:#8b8b8b; height:42px; line-height:42px; border-bottom:1px dotted #a0a2a3;}
.video,.videolist,.flink{ padding-top:40px;}
.videolist{ float:left;}
.videolist li{ display:inline; float:left; width:124px; height:81px; position:relative; margin-left:10px; margin-bottom:10px; cursor:pointer;}
.videolist span{ display:block; height:24px; text-align:center; bottom:6px; left:0; position:absolute; line-height:24px; background:url(../images/video_bar.png) repeat; color:#fff; width:124px;}
.flink a{ color:#111111;}
.flink li{ height:40px;}
.flink .a{ position:relative; top:-6px; left:10px;}

#menu{ height:54px; line-height:54px; background:#adadad; padding-left:80px; margin-top:60px;}
#menu li{ float:left; color:#fff;}
#menu a{ color:#fff; padding:0 18px;}
#footer p{ text-align:center; color:#878787; height:84px; line-height:70px;}




.watchvideo{ overflow:hidden; margin-top:30px;}
.watchvideo li{ float:left; width:400px; float:left; margin-right:40px; margin-bottom:50px;}
.watchvideo div{ width:400px; height:280px;}
.watchvideo p{ text-align:center; line-height:30px;}

.photo{ overflow:hidden;}
.photo li{ width:280px; height:166px; padding:4px; border:1px solid #ccc; float:left; margin-left:10px; margin-top:40px; display:inline;}
.photo li img{ width:280px; height:166px;}

.compare{ wdith:900px; font-size:13px; color:#3c4756; border-left:1px solid #e7e7e7;}
.compare td{ padding:26px 20px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; line-height:20px;}
.compare .me{ width:322px; background:url(../images/table_bg.jpg) repeat; height:16px; overflow:hidden; text-align:center; color:#fff; font-weight:bold; line-height:0;}
.compare .other{ width:301px; background:url(../images/table_bg.jpg) 0 -68px no-repeat; height:16px; overflow:hidden; text-align:center; color:#425e8e; font-weight:bold; line-height:0;}
.compare .td0{ background:#c9d5e3;}
.compare img{ position:relative; top:4px; left:-10px; float:left;}

.policy{ color:#666; line-height:24px;}
.policy h3{ font-size:16px; font-family:"Arial"; color:#333; padding-bottom:10px; padding-top:16px; border-bottom:1px solid #666; font-weight:normal;}