﻿body {background:#EFF5FA url(../images/hd_bg.jpg) repeat-x 0 0;font-size:12px; color:#333;font-family:tahoma, verdana, arial, helvetica, sans-serif,"宋体";  line-height:180%; margin:0 auto; padding:0; }
div { margin:0 auto; padding:0; }
h1, h2, h3, h4, h5, h6, ul, li, dl,dt,form, img, p { margin:0; padding:0; border:none; list-style-type:none; }
p { line-height:200%; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
.fl{float:left;}
.fr{float:right;}
.c{clear:both;}
.m10{margin:10px;}
.mtb{ margin-top:10px; margin-bottom:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
a { color: #2f2f2f; text-decoration: none; }
a:hover { color: #f30; text-decoration:underline; }

#header { width: 1000px; height:130px;  overflow:hidden;}
.logo { float:left; width: 700px;height:70px ; padding:10px 0 10px 0;overflow:hidden; }

#nav { float:left; width:980px; height:40px; padding-left:20px;}
#nav ul { padding-left: 0px; }
#nav ul li {float: left; text-align:center; overflow:hidden; }
#nav ul li a { float:left; display: block; width: 116px; color: #fff; font-size:14px; font-weight:bold; height:40px; line-height:40px; }
#nav ul li a:hover { color:#FFCC00;background:#0173BA;  text-decoration: none; }
#nav span { float:left; width:1px; height:40px;background:url(../images/nv_line.jpg) no-repeat 0 10px; overflow:hidden; }

.banner { width:1000px; height:260px; overflow:hidden; margin: 5px auto 10px; position: relative}
.banner li{width: 100%; height: 100%; display: none}
.banner img{display: block; width: 100%; height: 100%}
.banner .active{display: block}
.banner .btn{width: 50px; height: 10px; position: absolute; bottom: 0; right: 0; display: flex; justify-content: space-around}
.btn span{display: block; width: 10px; height: 10px; background: #2f2f2f}
.btn .active{background: #FFCC00}
#main { width:980px; padding:10px; background:#fff; overflow:hidden; }

.i_left { float:left; width:745px; overflow:hidden;}
.i_left h2 {color:#fff; font-weight:bold;font-size:14px; height:30px; line-height:30px; padding:0 20px;background:#0073BA url(../images/tit_bg.jpg) no-repeat 0 0; }
.i_left .content { padding:10px;border:#e1e1e1 1px solid; border-top:none; width:723px; height:210px; overflow:hidden;}

.i_right { float:left; width:220px; margin-left:15px; overflow:hidden;}
.i_right h2 {color:#fff; font-weight:bold;font-size:14px; height:30px; line-height:30px; padding:0 20px;background:#0073BA; }
.i_right .content { padding:10px;border:#e1e1e1 1px solid; border-top:none; background: url(../images/contactpic.jpg) no-repeat right bottom; width:198px; height:210px; font-size:14px; overflow:hidden;}

.i_pic { float:left; width:980px;  margin-top:15px; overflow:hidden;}
.i_pic h2 {color:#fff; font-weight:bold;font-size:14px; height:30px; line-height:30px; padding:0 20px;background:#0073BA url(../images/tit_bg.jpg) no-repeat 0 0; }
.i_pic h2 span{float:right;font:12px/30px "宋体";padding-right:10px;}
.i_pic .content { padding:10px;border:#e1e1e1 1px solid; border-top:none; width:958px; overflow:hidden;}

#demo { float:left;overflow:hidden;width:958px; height:180px;}
#demo ul { margin:0px 6px 6px 6px; padding:0;}
#demo li { width:220px; height:150px; float:left;text-align:center; }
#demo li img {border:#e1e1eb 1px solid; padding:2px; width:200px; height:130px; margin:8px auto 0 }
#demo li p { font-size:12px; margin: 0px auto 0px; width: 220px; overflow: hidden; height: 24px; line-height: 24px }
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

#footer{  width: 100%;background:#015CA2; border-top:#dedede 1px solid; margin-top:10px;height: 70px;overflow:hidden;  }
#footer .copyright { padding-top: 20px; height: 50px; width:1000px;background:#005399; color:#fff; text-align: center;  }
#footer .copyright a { color:#fff; }
#footer .count{ height:20px; text-align:center }

#menu { text-align:left; padding-bottom:2px;}
#menu ul{ margin-left:0px;width:202px; margin-top:6px; }
#menu ul li { width:200px;background:url(../images/menu_bg.jpg) no-repeat 0px 0px; margin-bottom:4px; overflow:hidden;  }
#menu ul li a { display: block; color:#333;  padding-left:18px; width:200px; height:28px; line-height:28px;}
#menu ul li a:hover { font-size:12px; color: #ff6600; background:url(../images/menu_on.jpg) no-repeat 0px 0px;text-decoration: none; }
#menu ul li .on { font-size:12px; color: #f60;background:url(../images/menu_on.jpg) no-repeat 0px 0px;;}


#left { float:left; width:220px;}
#left .box{ margin-bottom:10px;overflow:hidden;}
#left .box h2 {color:#fff; font-weight:bold;font-size:14px; height:30px; line-height:30px; padding:0 20px;background:#0073BA; }
#left .box h2 span{float:right;font:12px/30px "宋体";padding-right:10px;}
#left .box h2 span a{color:#333;font:12px/30px "宋体";}
#left .box h2 span a:hover{color:#f30;font:12px/30px "宋体";}
#left .box .content { padding:10px;border:#e1e1e1 1px solid; border-top:none; width:198px; overflow:hidden;}

#right { float:left; width:745px;  margin-left:15px;}
#right .box{ margin-bottom:10px;overflow:hidden;}
#right .box h2 {color:#206F96; font-weight:bold;font-size:14px; height:30px; line-height:30px; padding:0 30px;background:#D3E3F0; border-bottom:#0073BA 2px solid; }
#right .box h2 span{float:right; color:#666;font:12px/30px "宋体";padding-right:0px;}
#right .box h2 span a{color:#666;font:12px/30px "宋体";}
#right .box h2 span a:hover{color:#f30;font:12px/30px "宋体";}
#right .box .content { padding:10px; width:723px;border:#e1e1e1 1px solid; border-top:none; overflow:hidden; }

.text_list { margin-bottom:6px; padding:6px;min-height:360px; height:auto !important; height:360px; }
.text_list li { background:url(../images/list_dot.gif) 0px 12px no-repeat;border-bottom:#ccc 1px dashed; line-height:28px; padding-left:10px; font-size:12px; }
.text_list li span { float:right;color:#666; }
.text_view { margin-bottom:6px; padding:6px;font-size:14px; line-height:180%;min-height:360px; height:auto !important; height:360px; }
.text_view h1 { text-align:center; padding-top:3px; padding-bottom:6px; font-size:16px; font-weight:bold; border-bottom: #dedede 1px solid; }
.text_view .top { margin-bottom:10px; padding-top:3px; text-align:center; color:#999 }

.pic_list { margin-top:10px; overflow:hidden; }
.pic_list dl { width:725px; margin:10px 0px 6px 6px; padding:0; }
.pic_list dt { width:220px; height:180px; float:left; margin-right:5px; margin-left:5px; display:inline;text-align:center; overflow:hidden; }
.pic_list dt .img_wrap { border:#e1e1eb 1px solid; width:200px; height:130px;padding:2px; background:#fff;display:table-cell; vertical-align:middle;overflow:hidden;  }
.pic_list dt img { margin-top:expression((130 - this.height )/2); padding:0px; width:200px; height:130px;  }
.pic_list dt p { padding:3px 0; width:220px; margin-bottom:10px; overflow:hidden;}
.pic_list dt p a{ color:#333;}
.pic_list dt p a:hover { color:#ff6600; }

.pic_view { padding-bottom:50px;overflow:hidden;  }
.pic_view h1 { text-align:center; width:600px; height:42px; line-height:42px;font-size:16px; font-weight:bold; color:#ff6600; border-bottom:#ededed 1px solid;margin:12px auto ;}
.pic_view .pic { text-align:center; width:600px; }
.pic_view .explain_title {height:30px; line-height:30px;background:#F7F7F7; border-top:#999999 2px solid; margin:20px auto 0px; font-weight:bold; padding-left:20px;}
.pic_view .explain { width:730px; padding:10px 0 10px 0; border:none;overflow:hidden; }

.msg_list { padding:10px; }
.msg_list_title { padding:0 0 4px 0; border-bottom:#ccc 1px dashed; }
.msg_list_title img { margin:10 6px 0 0; padding:0 10px 4px 0; }
.msg_list_content { padding:8px 0 18px 0; line-height:180%; word-break:break-all; }
.msg_list_reply { border: #e6c99d 1px solid; background:#fff8ed; margin:4px 10px 4px 10px; padding:4px 10px 4px 10px; width:90%; line-height:180%; }

.page_box { margin:10px auto; text-align:center; width:600px; }
.page_box .count { float:left; padding: 4px 10px 20px 10px; margin: 3px; text-align: center; clear:both; }
.page_box .page { padding: 3px; margin: 3px; text-align: center; }
.page_box .page a:hover { border: #076DB8 1px solid; color: #fff; background-color: #076DB8 }
.page_box .page a:active { border: #076DB8 1px solid; color: #fff; background-color: #076DB8 }
.page_box .page .current { display:block; float:left; border: #076DB8 1px solid; padding: 2px 6px 2px 6px; font-weight: bold; margin: 2px; color: #fff; background-color: #076DB8 }
.page_box .page a { display:block; float:left; border: #e6e7e1 1px solid; padding: 2px 6px 2px 6px; margin: 2px; color: #333; text-decoration: none }

.tab_msg { height:24px; clear:both }
.tab_msg ul { padding-left:20px; list-style:none; }
.tab_msg li { border:1px solid #fdd796; background:#fff8ed; cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; font-size:12px; height:22px; line-height:22px; padding:0 26px; margin:0 2px; position:relative; top:1px; z-index:9; }
.tab_msg li.right { float:right; margin-right:10px; width:70px; }
.tab_msg li:hover { text-decoration:underline; }
.tab_msg li.curr { background:#fff; border-bottom-color:#fff; color: #DA4901; cursor:default; font-weight:bold; }
.tab_msg_text { border-top:1px solid #fdd796; padding:10px; }

		.video-btn{
		      position: absolute;
		      width:1080px;
		      height: 500px;
		      background:black;
		      top:50px;
		      left: 0px;
		      right: 0px;
		      margin: 0 auto;
		      display: none;
		      z-index: 101;
		    }
		 .video-area{
		      width:100%;
		      height: 100%;
		      background:black;
		    }
		 iframe{
		 	width: 100%;
		 	height: 100%;
		 }

		.video-shut{
		      height:25px;
		      width:25px;
		      border-radius: 12.5px;
		      font-size:medium;
		      color:black;
		      float:left;
		      text-align: center;
		      font-weight: bolder;
		      background: white;
		      display: block;
		      position: absolute;
		      top: -15px;
		      right: -15px;

		    }
		.video-shut:hover{
		      cursor:pointer

		    }
		#shadow{
		     position: absolute;
		     opacity: 0.5;
		     filter:alpha(opacity=50);
		     bottom:0;
		     left: 0;
		     right: 0;
		     top: 0;
		     background:black;
		     z-index: 100;
		     display: none;
		   }
