﻿/*页头*/
.head{margin:0 auto;width:100%;height:35px;background:#efefef;overflow:hidden;min-width:1000px;}
.head2{width:1000px;margin:0 auto; overflow:hidden}
.h-nav{float:left;width:200px;height:35px;font:12px/35px '微软雅黑';color:#666;}
.h-nav a{text-decoration:none;color:#666;}
.nav_a{float:right;width:400px;height:35px;font:12px/35px '微软雅黑';color:#666;}
.nav_a a{text-decoration:none;color:#666;}

.banner{margin:0 auto; width:100%; min-width:1000px; height:410px; overflow:hidden; background:url(../images/banner.jpg) no-repeat center;}
/*菜单*/
.nav {width:100%; height:60px; background:#00418a; margin-bottom:20px}
.nav ul {width:1000px; height:60px; margin:0 auto; overflow:hidden}
.nav ul li {width:198px; height:60px;  line-height:60px; font-size:20px; border-left:1px solid #316fb5; text-align:center}
.nav ul li a {color:#fff}
.nav ul li a:hover {color:#fff}
/*公共元素*/
.title {width:1000px; height:50px; background:#00418a; border-bottom:5px solid #dbdbdb; margin:0 auto}
.title h1 {font-size:24px; color:#fff; font-weight:bold; padding-left:20px; line-height:50px}
.box {width:960px; height:auto; overflow:hidden; background:#fff; padding:20px; margin:0 auto 20px auto}
/*独立元素*/
.box .tit {width:100%; font-weight:bold; color:#014ea4; font-size:17px; margin-bottom:7px; text-align:center;}
.box .p_con {width:100%; height:auto; font-size:14px; color:#747474; text-align:justify; line-height:28px}
.box .p_con a {color:#ff6600}
.box .tit_2 {height:30px; line-height:30px; background:#014ea4; color:#fff; width:95%; padding-left:5%}
.box .p_con_2 {width:94%; height:auto; line-height:26px; background:#f5f5f5; padding:3%; text-align:justify; color:#747474; font-weight:bold}
.box .p_con_2 a {color:#ff6600}
.box .p_list {width:100%; height:auto; margin:10px 0}
.box .p_list li {font-size:12px; line-height:31px}
.box .p_list li a {color:#747474}
.box .p_list li a:hover {color:#ff6600}

/*tabs1*/
#voice { width:470px; border:1px solid #e1e1e1; margin-bottom:15px;}
#voice .Menubox { float:left; width:170px; height:300px; background:#eaeaea;}
#voice .Menubox .logo { float:left; width:150px; height:150px; margin:10px;}
#voice .Contentbox { float:right; width:300px;}

#voice .tabs { width:470px; margin-top:-120px;}
#voice .tabs .selectTab,#voice .tabs .unselectTab { width:148px; height:28px; margin:10px; line-height:28px; text-align:center; background:#00418a; border:1px solid #00418a; font-weight:bold; font-size:14px; color:#FFF; cursor:pointer;}
#voice .tabs .unselectTab { color:#00418a; background:none; border:1px solid #00418a;}
#voice .tabs .selectContent { float:right; margin-top:-270px; clear:both; width:290px; padding:5px; height:290px; word-wrap:break-word; word-break:normal;}
#voice .tabs .selectContent li { float:left; width:135px; height:135px; margin:5px;}
#voice .tabs .unselectContent { display:none;}
#voice .tabs .selectContent .ren { width:280px; height:150px; margin:5px 5px 0;}
#voice .tabs .selectContent .name { width:280px; height:30px; line-height:30px; background:#f5f5f5; font-size:12px; font-weight:bold; text-align:center; color:#5a5a5a; margin:0 5px;}
#voice .tabs .selectContent .text { width:280px; height:120px; line-height:24px; font-size:12px; overflow-y:scroll; margin:10px 5px 0;}
#voice .tabs .selectContent .text strong { border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px; float:left; width:100%;}
#voice .tabs .selectContent .text a {color:#ff6600}

/*tabs2*/
#attract { float:left; width:958px; border:1px solid #e1e1e1; margin-bottom:20px;}
#attract .Menubox { float:left; width:257px; height:284px; border-right:1px solid #e1e1e1;}
#attract .Menubox .logo { float:left; width:150px; height:150px; margin:10px 53px;}
#attract .Contentbox { float:right; width:700px;}

#attract .tabs { width:958px; margin-top:-124px;}
#attract .tabs .selectTab,#attract .tabs .unselectTab { width:175px; border-radius:20px; height:35px; line-height:35px; text-align:center; background:#00418a; border:1px solid #00418a; font-weight:bold; font-size:14px; color:#FFF; cursor:pointer; margin:10px 40px 0;}
#attract .tabs .selectTab a,#attract .tabs .unselectTab a { color:#fff;}
#attract .tabs .unselectTab { color:#00418a; background:none; border:1px solid #00418a;}
#attract .tabs .unselectTab a { color:#00418a;}
#attract .tabs .selectContent { float:right; margin-top:-175px; clear:both; width:680px; padding:10px; word-wrap:break-word; word-break:normal;}
#attract .tabs .selectContent li { float:left; width:150px; height:150px; margin:10px; text-align:center;}
#attract .tabs .unselectContent { display:none;}
#attract .tabs .selectContent .ren { width:280px; height:120px; margin:5px 5px 0;}
#attract .tabs .selectContent .name { width:280px; height:30px; line-height:30px; background:#f5f5f5; font-size:12px; font-weight:bold; text-align:center; color:#5a5a5a; margin:0 5px;}
#attract .tabs .selectContent .text { width:280px; height:120px; line-height:24px; font-size:12px; overflow-y:scroll; margin:10px 5px 0;}
#attract .tabs .selectContent .text a {color:#ff6600}
#attract .zs { float:right; width:660px; height:30px; background:#f5f5f5; padding:20px 10px; margin:10px;}
#attract .zs span { border-radius:20px; height:30px; line-height:30px; padding:0 20px; text-align:center; background:#ff6600; color:#fff; float:left;}
#attract .zs span.no { background:none; color:#222;}

.box .t_bag {width:950px; height:30px; background:url(../images/top_bg.jpg) #eee no-repeat top left; color:#014ea4; line-height:30px; padding-left:10px; margin-bottom:20px}
.box .t_left {width:410px; height:335px; float:left; background:#f5f5f5}
.box .t_left img {padding:5px}
.box .t_left p {padding:10px; font-size:12px; text-align:justify; line-height:20px}
.box .t_left p a {color:#ff6600}
.box .t_right {width:530px; height:335px; float:right}

.box .List{ width:960px; float:left; background-color:#fff;}
.box .Zthg li{ width:200px; float:left; text-align:center; padding:20px;}
.box .Zthg li a {display:block; width:100%; height:auto; background:#f5f5f5; padding-bottom:5px; font-size:12px; color:#5a5a5a}

/* sliderbox */
.sliderbox{width:98%;position:relative;padding:1%;border:1px solid #ede9e9;}
.btn{position:absolute;display:none;padding-top:200px;width:38px;height:48px;cursor:pointer;text-indent:-999em;}
.pre{background:url(../images/left.png) no-repeat 0 200px;left:0;}
.next{background:url(../images/right.png) no-repeat 0 200px;right:0;}
#ztbox{width:100%;position:relative;height:auto;}
.spic{width:100%;position:relative;background:#f9f9f9;padding-top:6px;height:78px;}
#left{width:13px;height:43px;float:left;top:20px;position:absolute;left:4px;cursor:pointer;background:url(../images/left.gif) no-repeat;}
#right{width:13px;height:43px;right:4px;top:20px;position:absolute;cursor:pointer;background:url(../images/right.gif) no-repeat;}
#conter{margin-left:20px;width:98%;position:relative;height:90px;float:left;display:inline;overflow:hidden;}
#conter .txt{display:none;}
#conter ul{width:auto;height:76px;overflow:hidden;top:0px;left:0px;position:absolute;}
#conter li{width:82px;cursor:pointer;height:76px;float:left;border:1px solid #eaeaea;display:inline;margin:0 0 0 4px;}
#conter li b,#conter li strong{font-weight:normal;}
#conter li.on{border:1px solid #898989;}
#conter li.on span{background:#898989;color:#fff;}
#conter li img{width:82px;height:60px;float:left;overflow:hidden;}
#conter li span{display:block;width:100%;line-height:17px;color:#797979;float:left;height:17px;overflow:hidden;background:#eaeaea;text-align:center;}
#scroll{background:url(../images/line.gif) repeat-x left bottom;width:575px;height:13px;left:0px;bottom:14px;cursor:pointer;position:absolute; }
#scroll span{width:142px;height:13px;left:0px;bottom:0px;cursor:pointer;position:absolute;background:url(../images/scrollBg.png) no-repeat;}
.bpic{width:100%;margin:0 auto 0 auto;}

.bigpic{width:100%;position:relative;margin-bottom:10px;}
.intro{width:100%;height:52px;position:absolute;left:0;bottom:4px;}
.bg{background:#000;filter:alpha(opacity=40);opacity:0.4;z-index:0;width:100%;height:52px;position:absolute;bottom:0;}
.txt{position:absolute;padding-left:1%;width:99%;top:5px;z-index:10;color:#fff;}
.txt h2{width:100%;float:left;font-size:16px;padding-bottom:4px;}
.txt p{width:100%;float:left;}
.bclose{position:absolute;right:10px;top:10px;z-index:11;cursor:pointer;color:#fff;}

/* 页尾 */
.footer{width:100%;text-align:center;font:14px/28px '微软雅黑';color:#666;padding:40px 0;position:relative;z-index:2; background:#014ea4; color:#fff}
.footer a{color:#fff;}

/*悬浮*/
.float {width:120px; height:440px; background:#fff; position:fixed; right:1%; bottom:10%; z-index:999}
.float h1 {width:110px; height:40px; background:#014ea4; color:#fff; line-height:40px; font-size:16px; padding-left:10px}
.float h1 a {font-weight:bold; color:#fff; margin-right:10px}
.float ul {width:90%; height:auto; padding:0 5%}
.float ul li {height:40px; line-height:40px; text-align:center; border-bottom:1px solid #e1e1e1}
.float ul li a {color:#014ea4}
.float .top{position:absolute; bottom:-40px; left:50%; margin-left:-35px; display:block}