@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%; font:normal 14px/24px;font-family:"微软雅黑";color: #fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.blank30{height: 30px; line-height: 30px; clear: both; overflow: hidden}
.cl{clear: both}
.wrapper{width:1200px; margin: 0 auto;padding: 0; height: auto; overflow: hidden; position: relative;}
.itop{background: #fff url(../images/logo_bg.jpg)center center repeat-x;width: 100%;height: 230px; margin: 0 auto;padding: 0}
.itop_c{background: url(../images/top_bg.png) right center no-repeat; width: 1200px; height: 230px; margin: 0 auto; padding: 0}
.logo1{float: left;margin-top: 30px;}
.logo2{float: left;margin-left: 40px;margin-top: 30px;}
.logo1 a{color: #0087b6;}
.logo2 a{color: #31859c;}
.logo_r{float: right;margin-top: 5px;margin-left: 10px;}
.logo1 img{float: left;border: 0 !important;}
.logo1 h2{font-size: 20px; margin: 5px auto;font-weight: bold;}
.logo1 p{font-size: 12px; text-align: center}
.logo2 img{float: left;border: 0 !important;}
.logo2 h2{font-size: 20px;margin: 5px auto;font-weight: bold;}
.logo2 p{font-size: 12px; text-align: center}
.logo_pic{float: left;}
.logo_pic ul li{float: left; margin-right: 10px; margin-top: 30px}
nav{width: 100%;background: #0077b3;height: 60px;}
nav ul li{display: inline-block; width: 160px; text-align: center; height: 60px; line-height: 60px; }
nav ul li a{color: #fff !important;font-size: 18px;}
nav ul li:hover{background: #005580; cursor: pointer}
nav ul li.active{background: #005580}
.part01{width: 100%; margin: 30px auto; padding: 0; height: auto !important; overflow: hidden;}
.part02{width: 100%; margin: 0 auto; padding: 0; height: auto !important; overflow: hidden;}

.ibanner{width: 100%; height: 400px; position: relative; margin:0 auto; padding: 0;}
.ibanner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.ibanner ul li p{ height:50px; line-height:50px; width:100%; background:rgba(46,126,153,0.6); color:#fff; font-size:14px; text-align:left; text-indent:2em; position:absolute; left:0; bottom:0;}
.ibanner ul li img{width:600px;height:400px}
.ibanner ol { position:absolute; right:0; bottom:18px; width:120px; height:12px; }
.ibanner ol li { float: left; margin:0 5px;width:10px; height:10px; background:#fff; border-radius:20px; cursor:pointer;}
.ibanner ol li.active { background:#2e7e99; }
.part01_l { width: 50%;float: left;}
.part01_r { width: 48%;float: right; position: relative; height: 400px; overflow: hidden}
.part01_t{ text-align: left; font-size: 16px; margin-top: 10px; margin-bottom: 10px; width: 100%; position: relative; text-indent: 1.5em; font-weight: bold;}
.part01_t a{color: #333333;}
.part01_t:before{content: ""; width: 5px; height: 26px;background: #005580; position: absolute; left: 0; top: 0}
.part02_t{ text-align: left; font-size: 16px; margin: 20px auto; height: auto !important; overflow: hidden;width: 98%; position: relative; text-indent: 1.5em;font-weight: bold; }
.part02_t a{color: #333333;}
.part02_t:before{content: ""; width: 5px; height: 26px;background: #005580; position: absolute; left: 0; top: 0}
.part02_t h2{float: left;color: #666;}
.part02_t span{float: right;color: #999; font-weight: normal; margin-right:20px; font-size: 14px;}
.part01_r .mask { height:375px; position: relative; overflow: hidden; width: 100%;}
.part01_r .mask ul{position: relative; overflow: hidden} 
.part01_r li {  margin-top: 30px; padding-bottom: 30px; border-bottom:1px #ddd solid; display: inline-block}

.part01_r .date { float:left; margin-right:20px; width:70px; height:70px; line-height:30px; text-align:center; background:#eee; color:#000; font-size: 14px; }
.part01_r .date strong { display:block; line-height:40px; font-size:22px; background:#0077b3; color:#fff; }
.part01_r li h3 { padding-bottom:5px; font-size:16px; color:#333; font-size: 16px;font-weight:bold; }
.part01_r li p{min-height: 40px;font-size: 14px;color:#777; }
.part01_r li:hover h3{ color: #2e7e99;}
.part01_r li:hover p{ color: #2e7e99;}
.part01_r .preview, .part01_r .next {   position: absolute;
    right: 10px;
    top: 8px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #555;
	background: #eee;
    cursor: pointer;}
.part01_r .preview { right:50px;}
.part02_l{float: left; width: 40%; height: 350px; overflow: hidden; background: #f5f5f5;position: relative;}
.part02_r{float: right; width: 58%; height: 350px; overflow: hidden; background: #f5f5f5; position: relative;}
.part02_l ul {clear: both; margin: 20px auto; width:85%;}
.part02_l ul li{border-bottom: #ccc 1px dashed;margin: 10px auto; font-size: 14px; padding-bottom: 15px; height: auto !important; overflow: hidden; float: left; width: 100%}
.part02_l ul li a{color: #333; }
.part02_l ul li span{float: left; color: #999;}
.part02_l ul li:last-child{border-bottom: 0;}
.part02_l ul li h3{float: right; color:#333;}

.proNav { position:relative; margin:0 auto; width:100%; }
.proNav .mask { margin:0 auto; width:90%; overflow:hidden; position:relative; height:40px; line-height:40px; }
.proNav .mask ul{ position:relative; overflow:hidden}
.proNav .mask li{ display: inline-block; font-size:16px; padding:10px 20px; text-align:center;line-height:30px;}

.proNav .mask li a{ color:#999}
.proNav .mask li:hover a{ color:#0077b3;}
.proNav li.active a{ color:#0077b3;}
.proNav .preview, .proNav .next {   position: absolute;
    right: 10px;
    top: 12px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #999;
    cursor: pointer;}
.proNav .preview { left:10px;}
.proBoxes{ margin:20px auto; padding:2px 0; width:90%; height:auto !important; overflow:hidden}
.proBox_l{float:left; width:40%;}
.proBox_r{ float:right; width:49%;}
.proBox_r h2{ font-size:18px; color:#333}
.proBox_r p{ color:#777; font-size:14px; text-align:left; line-height:26px; margin:20px auto;}
.proBox_r span{ width:100px; height:37px; line-height:37px; text-align:center; display:inline-block; color:#fff; background:#0077b3}
.quick_link1{ width:380px; height:60px; margin-right:30px; margin-top:20px; line-height:60px; background:#f2883d; float:left}
.quick_link2{ width:380px; height:60px; margin-right:30px; margin-top:20px; background:#80d941;float:left;line-height:60px;}
.quick_link3{ width:380px; height:60px; margin-top:20px; background:#f3cc0b;float:left;line-height:60px;}
.qk_l{ width:80%; margin:0 auto; text-align:center;color:#fff; font-weight:bold;}
.qk_l a{ color:#fff;}
.qk_l img{ vertical-align:middle; margin-right:15px} 
.mbx{text-align: right; background: #f3f3f3; height: 50px; line-height: 50px;}
.mbx a{color: #999 !important;font-size: 14px;}
footer{width:100%; margin:50px auto 0 auto; height:auto !important; overflow:hidden;}
.foot_t{width:100%; height: 100px;background: #0077b3;margin: 0 auto; padding:0}
.foot_t_l {
	width: 50%; float: left; text-align: left; color: #fff;
}
.foot_t_l img{vertical-align: middle; margin-right: 10px;}
.foot_t_l_a{float: left; line-height: 100px; font-size: 18px;}
.foot_t_l_b{float: left; line-height: 100px; margin-left: 30px;font-size: 18px;}
.foot_t_r{ float: right;width: 50%; text-align: right}



.qr{float: right; }
.links {
	width: 265px; border: #fff 1px solid; height: 50px; margin-top: 25px; float: right;margin-right: 30px;
}

.links  select{ 
 width: 265px;  height: 50px; 
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/arrow.png")  no-repeat scroll 225px center transparent ;
border:0;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
color:#fff;

}

.foot_b {
	width: 100%; background: #fcfcfc; margin: 0 auto; padding: 0; height:50px; overflow: hidden;
}
.foot_b p{display: inline-block; padding: 0 10px; color: #999;}
.foot_b p a{color: #999}
.foot_b_l {
	float: left;width: 50%; font-size: 14px; text-align: left; line-height: 50px;
}

.foot_b_r {
	float: right; font-size: 14px; text-align: right;line-height: 50px;
}

.iright {float: right;width:70%;overflow: hidden;}
.ileft{float: left;width: 25%; overflow: hidden;}

.list_pro {
	width: 100%;margin:0 auto; height: auto !important; overflow: hidden;
}
.list_pro ul li{width: 100%;margin-bottom: 20px;height: auto !important; overflow: hidden}
.list_pro ul li .pro_a{float: left;}
.list_pro ul li .pro_b{float: left;margin:0 0 20px 30px;width:380px;line-height:30px;}
.list_pro ul li .pro_b p{margin: 10px auto; text-align: left; font-size: 16px;color: #555}
.list_pro ul li .pro_b p b{color: #333}
.list_pro ul li .pro_c{float: right;height: 200px; padding: 0 10px; line-height: 200px; text-align: center;background: #f3f3f3;}
.list_pro ul li a{color:#999}
.list_pro ul li:hover .pro_b p{color: #41b0ff;}
.list_pro ul li:hover .pro_b p b{color: #41b0ff;}
.current{
  background-color: rgb(0, 85, 128);
  width: 300px;
  height: 70px;
line-height: 70px;
	text-align: left;
	text-indent: 2.5em;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.subnav li{width: 100%;height: 50px; line-height: 50px; background: #bbb;margin-top: 1px;text-indent: 3em;text-align:left;font-size: 16px;}
.subnav li span{float: right;margin-right: 40px;}
.subnav li a{color: #fff;}
.subnav li:hover{background: #0077b3; cursor: pointer}
.subnav li.active{background: #0077b3;}

.list_link {
	background: #eee;padding: 0;width: 100%;height: auto !important; overflow: hidden;margin-top:20px ;
}
.list_link1{ width:90%; height:60px; margin:20px auto 0 auto; background:#f2883d;line-height:60px; }
.list_link2{ width:90%; height:60px; margin:20px auto 0 auto; background:#80d941;line-height:60px;}
.list_link3{ width:90%; height:60px; margin:20px auto 20px auto; background:#f3cc0b;line-height:60px;}
.qk_2{ width:90%; margin:0 0 0 35px; text-align:left;color:#fff; font-weight:bold; font-size: 18px;}
.qk_2 a{ color:#fff;}
.qk_2 img{ vertical-align:middle; margin-right:15px} 

.page { clear:both; display:inline-block; padding:30px 0 0; width:100%; text-align:center; font-size:14px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; color: #999 }
 .page li.thisclass{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#0077b3; color:#fff; }
.page a:hover, .page li.thisclass a { background:#0077b3; color:#fff; }
.page li { display:inline-block; *display:inline; *zoom:1; }
.page li select{ font-size:14px;}
.page li option{font-size:14px; }

.list_dang {
	width: 100%;margin:0 auto; height: auto !important; overflow: hidden;
}
.list_dang ul li{ width:23.5%;margin-right: 2%;float: left;margin-bottom: 30px; text-align: center}
.list_dang ul li:nth-child(4){margin-right: 0;}
.list_dang ul li:nth-child(8){margin-right: 0;}
.list_dang ul li p{text-align: center;margin-top: 10px; color: #555;}
.list_dang ul li p a{ font-size: 16px; color: #555;}
.list_yuxi {
	width: 100%;margin:0 auto 30px auto; height: auto !important; overflow: hidden;
}
.list_yuxi ul li{min-height: 70px; width: 100%;line-height: 70px; color: #555;border-bottom: #ccc 1px dashed}
.list_yuxi ul li p{text-align: left; float: left;width: 85%}
.list_yuxi ul li span{text-align: right;float: right;color:#999;font-size: 14px}
.list_yuxi ul li span img { vertical-align: middle;margin-right: 10px;}
.list_yuxi ul li a{color: #555;width: 100%;display: block}
.list_yuxi ul li:hover a{color: #3da8cc; cursor: pointer}
.iarticle{width: 100%;margin:0 auto; height: auto !important; overflow: hidden;}
.art_title{ font-size: 22px; font-weight: bold; color: #333; text-align: center;margin-bottom: 30px;}

.fck p,.fck div{ color:#555; line-height:30px; font-size:14px;}
.my-map { margin: 0 auto 40px auto; width: 100%; height: 300px; }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}


/*动态分页样式*/

.page{text-align:center;width: 100%;clear: both;height: auto;overflow: hidden;padding: 50px 0}
.page table{width: 100%;text-align: center;margin:0 auto;display:inline;}
.page td{font-size: 16px !important}
.page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #fecb09;color: #333 !important;}
.page td span{ margin: 0 5px !important;padding: 8px 12px !important;background: #eee !important;    color: #eee!important;font-size: 16px !important;border:0 !important;}
.page td a{ margin: 0 5px !important;padding: 8px 12px !important;background: #ddd !important;color: #000 !important;font-size: 16px !important;border:0 !important;}
.page td a:link{background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:visited{ background: #eee !important; border:0 !important; font-size: 16px !important;}
.page td a:hover{background: #0077b3!important; border:0 !important;  color: #fff !important;  font-size: 16px !important;}
.page td a:active{background: #0077b3!important; border:0 !important;font-size: 16px !important;}
.page .this-page{background: #0077b3!important;}
.page .NextDisabled{color: #000 !important;}



/*静态分页样式*/

.p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#0077b3; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#0077b3; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#0077b3; color:#fff; }




footer{width:100%; margin:50px auto 0 auto; height:auto !important; overflow:hidden;}
.foot_t{width:100%; height: 100px;background: #0077b3;margin: 0 auto; padding:0}
.foot_t_l {
	width: 56%; float: left; text-align: left; color: #fff;
}
.foot_t_l img{vertical-align: middle; margin-right: 10px;}
.foot_t_l_a{float: left; line-height: 30px; font-size: 16px;margin-top: 20px;}
.foot_t_l_a a{color: #fff;}
.foot_t_l_b{float: left; line-height: 100px; margin-left: 30px;font-size: 18px;}
.foot_t_r{ float: right;width: 44%; text-align: right}
.dasai {margin:30px auto;width:100%;height:auto;overflow:hidden}
.dasai ul li{width:31%;margin-right:3.5%;float:left;text-align:center;background:#bbb;height:50px;line-height:50px;}
.dasai ul li:nth-child(3){margin-right:0}
.dasai ul li a{font-size:18px;color:#fff;display:block}
.dasai ul li.active{background:#0077b3}
@media screen and (max-width:1024px){
	.part01_l{float: none;width:61%;margin: 0 auto 20px auto; padding: 0}
	.part01_r{float: none;width: 100%;margin: 0 auto; padding:0 ;}
	.part01_r li{width: 100%;}
	.itop_c{width: 98%}
	nav ul li{width: 140px;}
	.wrapper{width: 96%}
	.part02_l{width: 100%;float: none;margin: 0 auto 20px auto;  padding:0 ;}
	.part02_r{width: 100%;float: none;margin: 0 auto; padding:0 ;}
	.quick_link1{width: 305px;}
	.quick_link2{width: 305px;}
	.quick_link3{width: 305px;}
	.list_dang ul li{width: 48%;}
}
@media screen and (max-width:800px){
	.logo1{margin-left: 10px;}
	.logo2{margin-left: 10px;}
	.itop_c{background: none;}
	nav ul li{width: 105px}
	.part01_l{width: 81%;}
	.logo_pic{display: none}
	.quick_link1{width: 225px;}
	.quick_link2{width: 225px;}
	.quick_link3{width: 225px;}
	.foot_t{height: auto;overflow: hidden}
	.foot_t_l{float: none;width: 100%;}
	.foot_t_r{float: none;width: 100%;}
	.links{float: left;margin-top: 0;margin-bottom: 30px;margin-top: 20px;}
	.qr{margin-top: 40px;margin-right: 30px;}
	.iright{float:none;width: 100%;margin: 0 auto 20px auto;}
	.ileft{float:none;width: 100%;margin: 0 auto;}
	.current{width: 100%;}
	.foot_b{height: auto}
	.foot_b_l{width: 100%;float: none; text-align: center; line-height: 40px}
	.foot_b_r{width: 100%;float: none; text-align: center; line-height: 40px}
}
@media screen and (max-width:640px){
.ibanner ul li img{width:100%;height:100%}
	.qr{margin-top: 0;}
	.part01_l{width: 97.5%;}
	.part02_r{height: auto;}
	.proBox_l{width: 100%;float: none;margin: 0 auto 20px auto; text-align: center}
	.proBox_r{float: none;width: 100%;}
	.proBox{width: 100%;margin: 0 auto; height: auto; overflow: hidden}
	nav{display:none; height: auto; overflow: hidden}
	.inav{width: 100%;}
	nav ul li{width: 100%;border-bottom: #005580 1px solid}
.itop button { position:absolute; right:20px; top:50px; display:inline-block; width:45px; height:24px;  line-height:10px; }
    .itop button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #0e7de2;}
	.quick_link1{width: 100%;}
	.quick_link2{width: 100%;}
	.quick_link3{width: 100%;}
	.qk_l{ text-align: left}
}
@media screen and (max-width:480px){
	.ibanner img{width: 100%;}
	.ibanner{height: 259px;}
	.part01_r li section{overflow: hidden}
	.logo1 img{width: 15%;}
	.logo2{text-align: center}
	.logo2 img{width: 15%;float: none; }
	.logo_r{margin-left: 5px;float: left;margin-top: 0;margin-bottom: 10px;}
	.itop button{top:40px;}
	.qr{float: none;margin-top:26px;margin-right: 20px; }
	.foot_t_l_a{line-height: 30px;}
	.foot_t_l_b{line-height: 80px;margin-left: 0;}
	.mbx{margin-top: 40px;}
	.list_pro ul li .pro_a{width: 100%;float: none; text-align: center}
	.list_pro ul li .pro_b{width: 100%;float: none;margin: 20px 0 0 30px;}
	.list_pro ul li .pro_c{width: 100%;float: none;height: 50px; line-height: 50px;}
	.iarticle img{width: 100%;}
	.foot_t_l{height: auto;overflow:hidden}
	.foot_t_r{text-align: center;margin-top: 20px;}
	.qr{margin: 0 auto}
	.links{float: none;margin: 20px auto;}
}
@media screen and (max-width:375px){
	nav{margin-top: 50px}
	.ibanner{margin: 10px auto}
	.itop button{top: 20px;}
	.foot_t_l_b{font-size: 16px}
	.part02_l ul{width: 92%}
	.ibanner{height: 235px;}
	.ibanner ul li p{text-indent: 0.2em;}
	.ibanner ol{right: -10px;}
	.logo1{float: none;margin: 0 auto; padding-top: 10px;width: 100%; text-align: center}
	.logo2{float: none;margin: 10px auto;width: 100%;}
	.logo2 h2{font-size: 18px;}
	.logo_r{margin: 0 auto 10px auto;float: none;}
	.logo1 img{float: none; text-align: center}
	.list_dang ul li{width: 100%;margin: 0 auto 20px auto;float: none;}
	.list_yuxi ul li p{width: 78%;}
	.foot_b p{font-size: 12px;margin-top: 10px;line-height: 24px;}
}
@media screen and (max-width:360px){
	.list_yuxi ul li p{width: 77%;}
	.foot_t_l img{margin-right: 5px;}
	.qr{margin-right: 5px;}
	.ibanner{height: 225px;}
	.ibanner ol{right: -20px;}
	
	
}
	
@media screen and (max-width:320px){
	.list_yuxi ul li p{width: 74%;}
	.foot_t_l_a{font-size: 14px;}
	.foot_t_l_b{font-size: 14px;}
	.ibanner ol{display: none}
	.ibanner{height: 200px;}
	.part01_r{height: 410px;}
	.part02_l ul li span{display: none}
	.part02_l ul li h3{float: left;}
	
}