@charset "utf-8"; /* 全局 */ body {background: #F0F0F0; font-family:"微软雅黑","Arial","宋体"; color: #333; font-size: 12px; min-width:1300px;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,th,td {margin:0; padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;} input,textarea,select {margin:0; font-size:100%; font-family:"微软雅黑","Arial","宋体";} ul,li,ol {list-style-type: none;} img {border:0;} .del {text-decoration: line-through;} /*body {background: url(/Content/images/bg.jpg) no-repeat center 0 #FFF fixed;}*/ /* 清除浮动 */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} *html .clearfix {height:1%;} *+html .clearfix {height:1%;} .clrfix:before, .clrfix:after {content:""; display:table;} .clrfix:after {clear:both;} .clrfix {zoom:1;} /* 清除浮动 适用100% */ .overflowfix {overflow:auto; zoom:1;} .displayfix {display:inline-block; *display:inline; zoom:1; width:100%; _width: auto;} /* 去掉A标签和按钮的虚线框 谷歌默认无虚线 */ a {blr:expression(this.onFocus=this.blur());} /* A标签:IE7 IE6 */ a:focus {outline:none;} /* A标签:FF IE8 */ input::-moz-focus-inner{border:0;} /* 按钮:FF */ /* 去掉谷歌两种文本框和下拉的阴影 */ input,textarea,select {outline: none;} /* IE6 提示升级 */ .ie6_bg { background: url(/Content/images/ie6/ie6_bg.gif) repeat-x; height: 110px; } .ie6 { background: url(/Content/images/ie6/ie6.gif) no-repeat; width:924px; height: 110px; margin:0 auto; } .ie6 ul { padding-left:310px; } .ie6 li { float:left; padding-left:40px; } .ie6 li a { width:61px; height: 110px; display:block; } /* 特有 */ .clr{clear:both; font-size:0; height:0; line-height:0;} .clr10{clear:both; font-size:0; height:10px; line-height:normal;} .clr15{clear:both; font-size:0; height:15px; line-height:normal;} .clr20{clear:both; font-size:0; height:20px; line-height:normal;} .clr25{clear:both; font-size:0; height:25px; line-height:normal;} .clr30{clear:both; font-size:0; height:30px; line-height:normal;} .clr35{clear:both; font-size:0; height:35px; line-height:normal;} .clr40{clear:both; font-size:0; height:40px; line-height:normal;} .clr50{clear:both; font-size:0; height:50px; line-height:normal;} .fl {float: left;} .fr {float: right;} .va_t{vertical-align:text-top;} .va_c{vertical-align: middle;} .va_b{vertical-align:text-bottom;} .w_auto {width:auto;} .h_auto {height:auto;} .wh_auto {width:auto; height:auto;} .sxbl_table_over td {background:#FFFFCC !important;}/*table表格,经过td变色*/ /* 链接 */ /*a.a_baise:link, a.a_baise:visited, a.a_baise:active*/ a {text-decoration: none; color: #333;} a:hover {text-decoration: none; color: #FF6600;} /* 通用 */ /*.block_index_bg { margin:0 auto; width:1300px; }*/ .block { margin:0 auto; width:1300px; } .block_bg { width:1260px; padding:20px; background:#FFF; margin:30px auto; } .block .area_l { float:left; width:316px; } .block .area_r { float: right; width:895px; padding-right:15px; } .block_01 { margin:0 auto; width:1300px; } .block_01 .area_l { float:left; width:635px; } .block_01 .area_r { float: right; width:635px; } .block_02 { margin:0 auto; width:1300px; } .block_02 .area_l { float:left; width:370px; padding-right:28px; } .block_02 .area_c { float:left; width:635px; } .block_02 .area_r { float: right; width:250px; } /* 面包屑 */ /*.top_crumb { color: #666; padding:15px 0; } .top_crumb .position b { font-family:"宋体"; padding:0 8px; font-weight:normal; }*/ /* header */ .header { background: #336699; } /*.header .header_t { background:#EBEBEB; line-height:50px; }*/ .header .header_b { padding:20px 0 10px; } .header .logo { float:left; font-size:0; line-height:0; } .header .welcome { font-size:14px; } .header .top_nav { float:right; font-size:14px; padding-top:26px; padding-right:25px; color:#A40000; } .header .top_nav a { background: url(/Content/images/module/ico_01.png) no-repeat; color:#FFF; width:121px; height:33px; line-height:33px; display:inline-block; *display:inline; zoom:1; margin-left:15px; font-size:16px; } .header .top_nav a:hover { /*opacity:0.80; filter:alpha(opacity=80);*/ color:#FFFF66; } .header .top_nav a span { padding:0 0 0 15px; } .top_search { background: url(/Content/images/module/search_bg.png) no-repeat; float:right; width: 199px; height:33px; margin:25px 0 0; } .top_search .text { background:none; border: none; padding: 0; margin:4px 0 0 12px; width: 140px; height: 25px; line-height: 25px; color: #FFF; float: left; } .top_search .button { background:none; border: none; margin:0; padding:0; cursor:pointer; overflow: visible; width:45px; height:33px; float:right; } /* mainnav */ .mainnav { background: #336699; height:47px; } .mainnav .pull_li { float:left; position:relative; z-index:2; /*background: url(/Content/images/mainnav_r.png) no-repeat 0 center;*/ } .mainnav .pull_li.home { background: none; } .mainnav .pull_li .pull_a { display:inline-block; *display:inline; zoom:1; padding:0 23px; font-family:"微软雅黑","黑体"; font-size:16px; height:47px; line-height:38px; color:#FFF; } .mainnav .pull_li .pull_a:hover, .mainnav .pull_li_hover .pull_a { background: #003366; border-radius:4px 4px 0 0; } .mainnav .pull_li .on { background: #003366; } .mainnav .pull_li_hover .subnav { display: block; } .mainnav .subnav { /*background:#910101;*/ position: absolute; top:47px; left:0; width:100%; display:none; } .mainnav .subnav span { display:block; } .mainnav .subnav span a { background: url(/Content/images/module/ico_02.png) repeat-x; display:block; color:#FFFFFF; text-align:center; height:33px; line-height:33px; overflow:hidden; font-size:14px; } .mainnav .subnav span a:hover { color: #FFFF00; } .mainnav .subnav span:nth-child(1) {display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;} .mainnav .subnav span:nth-child(2) {display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;} .mainnav .subnav span:nth-child(3) {display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;} .mainnav .subnav span:nth-child(4) {display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;} .mainnav .subnav span:nth-child(5) {display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;} .mainnav .subnav span:nth-child(6) {display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;} .mainnav .subnav span:nth-child(7) {display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;} .mainnav .subnav span:nth-child(8) {display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;} .mainnav .subnav span:nth-child(9) {display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;} @-webkit-keyframes dhli { 0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }} @keyframes dhli { 0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }} /* header子站 */ .header_zizhan { background:url(/Content/images/module/top_bg.jpg) repeat-x; } .header_zizhan .header_bg { width:1300px; height:150px; margin:0 auto; } .header_zizhan .logo { font-size:0; line-height:0; padding:32px 0 0; float:left; } .header_zizhan .banner { font-size:0; float: right; } /* header_a */ /*.header_a { background:url(/images/top_bg_a.jpg) no-repeat; width:1100px; height:175px; margin:0 auto; } .header_a .logo { font-size:0; line-height:0; padding:30px 0 0 20px; }*/ /* mainnav子站 */ .mainnav_zizhan { background:#36629C; } .mainnav_zizhan .mainnav_bg { width:1300px; height:55px; margin:0 auto; } .mainnav_zizhan .home { float:right; line-height:55px; } .mainnav_zizhan .home a { display:inline-block; *display:inline; zoom:1; background:url(/Content/images/module/ico_04.gif) no-repeat 15px center #FF9966; padding:0 15px 0 33px; color:#FFFFFF; font-family:"微软雅黑","黑体"; font-size:16px; } .mainnav_zizhan .home a:hover { color: #FFFF00; } .mainnav_zizhan .pull_li { float:left; position:relative; z-index:200; } .mainnav_zizhan .pull_li .pull_a { display:inline-block; *display:inline; zoom:1; padding:0 35px; color:#FFFFFF; font-family:"微软雅黑","黑体"; font-size:16px; line-height:55px; } .mainnav_zizhan .pull_li .pull_a:hover, .mainnav_zizhan .pull_li .on { background:#254D81; } .mainnav_zizhan .pull_li_hover .subnav { display: block; } .mainnav_zizhan .pull_li_hover .pull_a { background:#254D81; } .mainnav_zizhan .subnav { /*background:#254D81; padding:5px 0 15px;*/ position: absolute; top:55px; left:0; width:100%; display:none; } .mainnav_zizhan .subnav span { display:block; padding-bottom:1px; } .mainnav_zizhan .subnav span a { background:#254D81; display:block; color:#FFFFFF; text-align:center; line-height:35px; font-size:14px; } .mainnav_zizhan .subnav span a:hover { color: #FFFF00; } .mainnav_zizhan .subnav span:nth-child(1) {display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;} .mainnav_zizhan .subnav span:nth-child(2) {display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;} .mainnav_zizhan .subnav span:nth-child(3) {display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;} .mainnav_zizhan .subnav span:nth-child(4) {display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;} .mainnav_zizhan .subnav span:nth-child(5) {display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;} .mainnav_zizhan .subnav span:nth-child(6) {display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;} .mainnav_zizhan .subnav span:nth-child(7) {display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;} .mainnav_zizhan .subnav span:nth-child(8) {display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;} .mainnav_zizhan .subnav span:nth-child(9) {display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;} @-webkit-keyframes dhli { 0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }} @keyframes dhli { 0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }} /* footer */ .footer { border-top:5px solid #254D81; background:#39679F; color:#6699CC; line-height:35px; font-size:13px; padding:30px 0; } .footer .footer_l { float:left; } .footer .footer_c { float:left; padding:17px 0 0 20px; } .footer .footer_r { float: right; padding-top:22px; } .footer span { padding:0 17px; } .footer a { color:#FFF; } .footer .copyright a { color:#6699CC; } .footer a:hover { color: #FFFF99; } /* 右侧浮动二维码 */ .code_r { position:fixed; left:50%; margin-left:620px; top:45%; z-index:999; } /* 右侧浮动栏目 */ /*.mainnav_r { position:fixed; left:50%; margin-left:610px; top:35%; z-index:999; background:#F7F7F7; border:1px solid #DCDCDC; border-bottom: none; } .mainnav_r a { display:block; border-bottom:1px solid #DCDCDC; text-align:center; font-size:14px; padding:8px 10px; } .mainnav_r a:hover { background:#8E2100; color:#FFFFFF; }*/ /* banner */ .banner_00 { font-size:0; line-height:0; } /* 选项卡 */ .tab_01 .tab_t .tab_more { float:right; } .tab_01 .tab_t .tab_more a { color:#999999; font-size:14px; } .tab_01 .tab_t .tab_more a:hover { color:#FF6600; } .tab_01 .tab_t .tab_more a span { font-family:"宋体"; } .tab_01 .tab_t { border-bottom:1px solid #CCCCCC; } .tab_01 .tab_t li { float:left; padding-right:25px; } .tab_01 .tab_t li p { padding:0 6px; text-align:center; font-size:18px; color:#003366; font-weight:bold; height:33px; margin-bottom:-1px; } .tab_01 .tab_t li.on p { border-bottom:5px solid #003368; } /* 模块框架 */ .column_01 .column_t .column_title { border-bottom:2px solid #CCCCCC; } .column_01 .column_t .column_title span { padding:0 6px; text-align:center; font-size:24px; color:#336699; font-weight:bold; height:38px; margin-bottom:-2px; border-bottom:5px solid #336699; display:inline-block; *display:inline; zoom:1; } .column_01 .column_t .column_more { padding-top:8px; float:right; } .column_01 .column_t .column_more a { color:#999999; font-size:14px; } .column_01 .column_t .column_more a span { font-family:"宋体"; } .column_01 .column_t .column_more a:hover { color:#FF6600; } .column_01b .column_t .column_title span { font-size:18px; color:#003366; height:32px; border-color:#003366; } .column_02 { background:#F5F5F5; padding:15px 0; } .column_02 .block { position:relative; } .column_02 .column_t .column_title { font-size:24px; color:#336699; font-weight:bold; position:absolute; top:10px; left:0; } .column_03 { background:url(/Content/images/module/ico_05.png) no-repeat 80% 0 #F5F5F5; padding:35px 0; } .column_03 .column_pic { float:left; } .column_03 .column_bg { float: right; width:780px; padding-top:30px; } .column_03 .column_t .column_title { font-size:24px; color:#336699; font-weight:bold; display:inline-block; *display:inline; zoom:1; } .column_03 .column_t .column_more { padding-left:40px; font-size:14px; } .column_03b { background:url(/Content/images/module/ico_05b.png) no-repeat 76% 0 #F5F5F5; } /* 新闻列表 */ .part_news_01 .list { padding:15px 0 0; } .part_news_01 .list li { background:url(/Content/images/module/list_01.png) no-repeat 5px center; height:35px; line-height:35px; overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; *white-space: normal; padding-left:25px; } .part_news_01 .list li .time { color:#999999; font-size:14px; padding-left:8px; float:right; } .part_news_01 .list02 li { float:left; width:610px; } .part_news_01 .list02 li.fl { margin-right:25px; } .part_news_01 .hot { padding:20px 0 0; } .part_news_01 .hot .pic { float:left; padding:0 20px 0 0; } .part_news_01 .hot .pic img { width:125px; height:82px; display: block; } .part_news_01 .hot .title { height:20px; line-height:20px; overflow:hidden; font-size:16px; font-weight:bold; } .part_news_01 .hot .sum { height:50px; line-height:25px; overflow:hidden; padding-top:12px; font-size:14px; color:#666666; } .part_news_01 .hot02 { text-align:center; padding:50px 0 25px; } .part_news_01 .hot02 .title { font-size:36px; font-weight:bold; } .part_news_01 .hot02 .title a { color:#003366; } .part_news_01 .hot02 .title a:hover { color: #FF6600; } .part_news_01 .hot02 .sum { height:25px; line-height:25px; overflow:hidden; padding-top:15px; font-size:14px; color:#999999; } .part_news_01 .hot_list { margin-top:-10px; height:140px; } .part_news_01 .hot_list .title { height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; *white-space: normal; font-size:38px; font-weight:bold; padding-top:10px; } .part_news_01 .hot_list .title a { color:#003366; } .part_news_01 .hot_list .title a:hover { color:#FF6600; } .part_news_01 .hot_list .sum { font-size:14px; height:50px; line-height:25px; overflow:hidden; padding-top:18px; color:#666; } .part_news_01 .banner_list { padding:25px 0 10px; margin:0 -14px; } .part_news_01 .banner_list li { float:left; font-size:0; padding:0 14px; } .part_news_01 .pic_news_list li { width:49%; } .part_news_01 .pic_news_list .hot .pic img { width:150px; height:100px; } .part_news_01 .pic_news_list .hot .title { padding-top:5px; } .part_news_01 .pic_news_list .hot .title a { color:#002951; } .part_news_01 .pic_news_list .hot .title a:hover { color: #FF6600; } .part_news_01 .pic_news_list .hot .sum { height: 56px; line-height: 28px; color:#999999; } .part_news_01 .pic_l { float:left; width:180px; text-align:center; padding-top:22px; } .part_news_01 .pic_l img { width:180px; height:135px; display: block; } .part_news_01 .pic_l .title { display: block; height:25px; line-height:25px; overflow:hidden; text-align:center; font-size:14px; padding-top:8px; } .part_news_01b .list { margin-left:250px; } .part_news_01c .list li { background: none; height:37px; line-height:37px; padding-left:0; } /* 友情链接 */ .part_links_01 { background:url(/Content/images/module/ico_03.png) no-repeat; height:90px; } .part_links_01 ul { padding:20px 0 0 50px; } .part_links_01 li { float: left; padding-left:15px; } .part_links_01 li img { width:128px; height:48px; border:1px solid #D4D4D4; padding:0 15px; } /*.part_links_01 { padding-top:15px; } .part_links_01 li { background:url(/Content/images/ico_01.png) no-repeat 0 8px; font-size:16px; float:left; padding-right:70px; margin-bottom:10px; padding-left:15px; }*/ /* 图片列表 */ .part_pic_01 { font-size:0; line-height:normal; } .part_pic_01 li { padding-top:6.3px; } .part_pic_01 li.off { padding-top:0; } /*.part_pic_01 { padding:18px 0 20px; margin:0 -20px; } .part_pic_01 ul { padding:0 10px; } .part_pic_01 li { float:left; width:216px; padding:0 10px; } .part_pic_01 li img { width:216px; height:180px; } .part_pic_01 li span { font-size:14px; text-align:center; display:block; height:20px; line-height:20px; overflow:hidden; padding-top:8px; }*/ /* 详情 */ .part_info_01 { font-size:14px; line-height:35px; padding-top:30px; } .part_info_02 { font-size:16px; line-height:37px; padding:10px 5px 0; color:#666666; } /* 个性 */ /*.part_01 li { padding:15px 0 3px; font-size:0; line-height:normal; text-align:center; }*/ .part_10 ul { padding:8px 20px 35px; } .part_10 li { border-bottom:1px dotted #CCC; padding:25px 0; } .part_10 li .title { /*background:url(/images/gif_07.gif) no-repeat 0 4px;*/ height:20px; line-height:20px; overflow:hidden; } .part_10 li .title b { color:#333; font-size:16px; font-weight:bold; } .part_10 li .title .time { float: right; padding-left: 20px; color:#999999; font-size:14px; } .part_10 li .sum { line-height:25px; overflow:hidden; color:#666; padding-top:12px; font-size:14px; } /* 留言公共 */ .block_message { background:url(/Content/images/message/bg.jpg) no-repeat center 0; padding:60px 0; } .block_message .message_bg { width:1200px; padding:40px 50px 0; background:#FFF; margin:0 auto; border-radius:6px; } .message_tab .tab_t .tab_more { float:right; font-size:18px; font-weight:bold; padding-top:2px; } .message_tab .tab_t { border-bottom:2px solid #E9E9E9; } .message_tab .tab_t li { float:left; padding-right:55px; } .message_tab .tab_t li p { padding:0 6px; text-align:center; font-size:24px; color:#36629C; font-weight:bold; height:45px; margin-bottom:-4px; } .message_tab .tab_t li p a { color:#36629C; } .message_tab .tab_t li p a:hover { color:#000; } .message_tab .tab_t li.on p { border-bottom:7px solid #36629C; } /* 留言表单 */ .message_form { padding:20px 100px 0 100px; } .message_form .list { padding:60px 0; } .message_form .list .title { background:url(/Content/images/message/column_01.png) no-repeat 0 center; font-size:18px; font-weight:bold; padding-left:15px; } .message_form .list_x { border-bottom:2px solid #EEEEEE; } .message_form .form { padding-top:30px; } .message_form .form th { text-align:right; font-size:16px; font-weight:normal; width:120px; padding-right:10px; } .message_form .form td { padding:8px 0; font-size:16px; } .message_form .form .star { color: #FF0000; padding-right: 5px; } .message_form .text input, .message_form .text select, .message_form .text textarea { background: #F6F8FC; border: 1px solid #CFCFCF; padding: 0 15px; width: 310px; height: 45px; line-height: 45px; font-size:14px; } .message_form .text select { padding: 0 0 0 12px; width: 342px; } .message_form .text textarea { padding: 8px 15px; width: 840px; height: 175px; line-height: 25px; } .message_form .button { padding-left:20px; } .message_form .button input { background: #FFF; padding:0; height:45px; line-height:45px; font-size:14px; color:#4E4E4E; border: none; margin:0; cursor:pointer; overflow: visible; width:auto; } .message_form .form .message_button { padding-top:30px; } .message_form .form .message_button input { background: #2E55A4; padding:0 60px; height:45px; line-height:45px; font-size:16px; color:#FFF; border-radius:5px; border: none; margin:0; cursor:pointer; overflow: visible; } .message_form .form .message_button input.grey { background: #F2F2F2; color:#999; } .message_form .form .message_button input:hover { opacity:0.9; filter:alpha(opacity=90); } /* 留言成功 */ .message_success { padding:130px 0 100px; text-align:center; font-size:18px; } .message_success .title { font-size:36px; color:#36629C; font-weight: bold; } .message_success .sum { padding:20px 0 50px; } .message_success .button a { padding: 0 40px; background:#36629C; line-height:48px; color: #FFFFFF; display:inline-block; *display:inline; zoom:1; } .message_success .button a:hover { opacity:0.9; filter:alpha(opacity=90); } /* 留言列表 */ .message_list { padding:40px 0 20px; } .message_list li { border:1px solid #CCCCCC; margin-bottom:40px; padding:25px 30px 0; } .message_list li .title { font-size:24px; font-weight:bold; } .message_list li .sum_bg { border-bottom:1px solid #F5F5F5; padding:30px 20px 30px 60px; position:relative; } .message_list li .sum_bg i { background:url(/Content/images/message/ico_01.png) no-repeat; position: absolute; top:30px; left:-40px; width:71px; height:33px; text-align:center; font-size:18px; color:#FFFFFF; line-height:36px; font-style:normal; font-weight:bold; overflow:hidden; } .message_list li .sum_bg.reply i { background-image:url(/Content/images/message/ico_01b.png); } .message_list li .sum { font-size:16px; line-height:35px; min-height:70px; } .message_list li .sum span { font-size:14px; color:#999999; padding-left:20px; font-style:italic; } .message_list li .sum_bg.reply { border-bottom: none; }