@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body {behavior:url("csshover3.htc");} 
body{font-size:14px;color:#282828; font-family:"Î¢ÈíÑÅºÚ","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;background-color:#FFF; overflow-x: hidden; width:100%;}
a{ text-decoration:none;}
a:link{ color:#2a2a2a;}
a:visited{ color:#2a2a2a;}
a:hover{color:#00abdc;}
a:active{ color:#2a2a2a;}
.about{ float:right;}
.dqwz{ border-bottom:3px #dddddd double; margin-bottom:20px; padding:5px 0;}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.lan{ color:#1372f4;}
.clear,.c{ clear:both;}
.mcon tr:hover{color:#00abdc;}
table tr:nth-child(odd) {
	background: #F4F4F4;
}
table,table td, table th {
	border: 1px solid #dddddd;
}
.blank{ clear:both; height:20px;}
img{max-width:100%; border:0; height:auto;}
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}
.newsli li{ border-bottom:1px #dddddd dashed; line-height:35px;}
.wrap{ width:1200px; margin:0 auto;}
.top1{ height:34px; background-color:#434343; width:100%; color:#ffffff; line-height:34px; overflow:hidden;}
.t1{ float:left;}
.t1 b{ font-size:16px;}
.t1 img{ vertical-align:middle; padding-right:10px;}
.t2{ float:right;}
.top1 a{ color:#ffffff;}
.t2 a{ padding:0 3px;}

.top2{ padding-top:25px; height:95px; overflow:hidden;}
.logo{ float:left; margin-right:20px;}
.tmid{float:left;}
.tel{ float:right;}

.nav{ height:51px; width:100%; background-color:#01327f;}
.nav ul{  width:1200px; height:51px; margin:0 auto; background:url(../images/nbg0.jpg) no-repeat center center;}
.nav li{ width:150px; float:left; text-align:center; box-sizing:border-box; display:inline; line-height:51px;  position: relative;}
.nav li .nbg{  transform: skewX(-30deg); border-right:1px #ffffff solid;}
.nav li .nbg1{ border-left:1px #ffffff solid;}
.nav li a{color:#ffffff; font-size:16px;display:block; position: absolute; top:0; left:0; width:100%;}
.nav li a:hover{ display:block; color:#ffffff;}
.nav li:hover .nbg{ background-color:#0080bb;}


.sjbanner{ display:none;}
.banner{ width:100%; margin-bottom:60px; clear:both; }
#flashBg {padding: 0px; margin: 0px; width: 100%;  height: 600px; clear:both; overflow: hidden;  }
#flashLine {width: 100%; height: 600px; clear: both;}
#flash {padding: 0px; margin: 0px auto; width: 100%;  height: 600px; clear: both; overflow: hidden;}
#flash a {width: 100%; display: none; height: 600px;}
.flash_bar { position: relative; text-align: center; margin: 0px auto; width: 180px; bottom: 55px; height: 30px; overflow: hidden; padding-top: 13px !important}
.flash_bar .dq {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop")}
.flash_bar .no {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p2.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop")}

.m1,.m2{ margin-bottom:50px;}

.m1t{ width:100%; height:100px; background:url(../images/m1tbg.jpg) no-repeat center bottom; text-align:center;}
.sjlb{ display:none;}
.m1c{ width:100%; height:528px; background:url(../images/m1c.jpg) no-repeat center top;}
.m1c li{ float:left; width:600px;}

.caset{ width:100%; height:100px; background:url(../images/caset.jpg) no-repeat center top;}
.m2gd{ width:120px; height:40px; border:1px #a7a7a7 solid; text-align:center; margin:0 auto; line-height:40px;}
#gundong1 {WIDTH: 98%; box-sizing:border-box; margin:0px 1% 20px;}
#gundong1 .content { OVERFLOW: hidden;}
#gundong1 .content .left {WIDTH: 22px; DISPLAY: inline; FLOAT: left;}
#gundong1 .content .right {WIDTH: 22px; DISPLAY: inline; FLOAT: left;}
.m22{ width:44px; margin:15px auto 0px;}
#marquee1 {overflow: hidden; width: 100%; height: 267px}
#marquee1 ul {float: left; overflow: hidden; }
#marquee1 li { float: left; display:inline; margin: 0px 8px; width: 300px; text-align: left;overflow:hidden;  height: 265px;border:1px #1b1b1b solid; }
#marquee1 li img{ display:block;}
#marquee1 li a{ color:#ffffff;}
#marquee1 li:hover{ border:1px #0fb0de solid;}
#marquee1 li:hover a{ color:#FFF;}
#marquee1 li p{ height:40px; line-height:40px; background:url(../images/mico.png) #1b1b1b no-repeat 93% center;  padding-left:10px;}
#marquee1 li:hover p{ background-color:#0fb0de;}


.mcpt{ width:100%; height:60px; background:url(../images/mcpt.jpg) no-repeat center top; margin-bottom:20px;}
.mcp ul{ overflow:hidden; zoom:1; margin-right:-10px; margin-bottom:80px;}
.mcp ul li{ margin-right:10px; float:left; _display:inline; overflow:hidden; text-align:center;width:282px; border:5px #01327f solid; margin-bottom:20px; background-color:#01327f;  }
.mcp ul li .pic{ text-align:center;}
.mcp ul li .pic img{ /*width:285px; height:214px; */display:block; }
.mcp ul li .title{ height:50px; line-height:50px; text-align:left; text-indent:10px; font-size:16px;}
.mcp ul li .title a,
.mcp ul li:hover a{ color:#ffffff;}
.mcp ul li:hover{ background-color:#00abdc; border:#00abdc 5px solid;}

.m4{ width:100%; height:450px; background:url(../images/m41.jpg) no-repeat center bottom;}
.m41{ width:400px; float:left;}
.m42{ width:734px; float:left;}
.m42t{ margin-left:20px; margin-bottom:66px;}
.m4c{ width:686px; margin-left:100px; color:#ffffff;}
.m4ct{ height:60px; background:url(../images/m44.png) no-repeat center bottom; margin-bottom:30px;}
.m4ct h2{ font-size:20px; font-weight:normal;}
.m4ct h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-transform:uppercase; color:#7a7a7a; line-height:20px;}
.m4c p{ text-indent:28px;}
.m4gd{ width:120px; height:30px; background:url(../images/mico2.png) #01327f no-repeat 80px center; margin-top:30px; text-indent:20px;}
.m4gd a{ color:#ffffff; display:block;}

.m3{ border-bottom:10px #00abdc solid; margin-bottom:60px;}
.m31{ width:274px; float:left;}
.m3 ul{ width:926px; float:left; padding-top:50px;}
.m3 li{ float:left; width:24.33333%; border-right:1px #eeeeee solid; box-sizing:border-box; text-align:center; display:inline; padding-bottom:50px; padding-top:50px;}

.m6{ margin-bottom:50px;}
.m6t{ text-align:center; margin-bottom:30px; height:80px; background:url(../images/m61.jpg) no-repeat center bottom;}
#divMainTab{ width:100%; margin-bottom:40px; }
#divMainTab ul{ width:400px; margin:0 auto;} 
#divMainTab li{ width:188px; height:42px;float:left; margin:0 5px; text-align:center; font-size:16px; cursor:pointer; line-height:42px;  }
.normal { border:1px #d2d2d2 solid; }
.selected { background-color:#01327f; border:1px #01327f solid;color:#ffffff;}
.divContent ul{ margin-right:-75px; overflow:hidden;}
.divContent li{ width:350px; float:left; margin-right:75px; display:inline; margin-bottom:30px;}
.m6 .time{ color:#898989; border-bottom:1px #dddddd solid;}
.m6 h2{ font-size:16px; padding:5px 0;}
.m6 p{ line-height:24px; font-size:12px;}
.m6gd{ width:100px; background-color:#707070; text-align:center; margin-top:20px;}
.m6gd a{ color:#ffffff;}
.divContent li:hover .m6gd{ background-color:#00abdc;}
.divContent li:hover h2 a{color:#00abdc;}

.flink{ width:100%; background-color:#eeeeee; padding-top:25px; padding-bottom:8px;}
.flinkt{ border-top:1px #cccccc solid;text-align:center; position:relative;}
.flinkt div{  font-size:18px; text-transform:uppercase; background-color:#eeeeee; width:20%;margin:0 auto; position:absolute; top:-20px; left:40%; }

.foot{ background-color:#272727; padding-top:40px; color:#ffffff;}
.foot a{ color:#ffffff;}
.flogo{ text-align:center; margin-bottom:20px;}

.f1{ border-bottom:1px #626262 solid; padding-bottom:30px; margin-bottom:20px;}
.f1 ul{ overflow:hidden; width:1200px; margin:0 auto;}
.f1 li{ float:left; height:30px; text-indent:30px; width:26%;}
.f1 .li1{ background:url(../images/f1.png) no-repeat left center; padding-right:5%; margin-right:5%; border-right:1px #626262 solid;}
.f1 .li2{ background:url(../images/f2.png) no-repeat left center;padding-right:5%; margin-right:5%; border-right:1px #626262 solid;}
.f1 .li3{ background:url(../images/f3.png) no-repeat left center;}
.fc{ padding-bottom:30px;}
.fwx{ float:right; width:400px; color:#002a02; text-align:center;}
.f2{ width:800px; }
.f21 { overflow:hidden; margin-bottom:20px;}
.f21 a{ display:block; width:30%; float:left;}
.f22{ color:#808080; font-size:12px; line-height:24px;}

.f3{ border-top:1px #626262 solid; padding:10px 0;}
.f3 span{ display:block; float:left; margin-right:20px; width:80px; height:30px; background:url(../images/f4.png) no-repeat right center;}
.f3 a{ padding:0 20px; color:#a5a5a5;}

.bq{ background:url(../images/line.jpg) repeat-x center top; padding:10px 0px; text-align:center;}
.mright{ float:left; width:896px; margin-left:38px; display:inline;}
.mleft{ width:266px; float:left; display:inline; }
.cplb{ width:100%; height:auto; margin-bottom:20px;}
.menu_list { width: 100%; background-color:#efefef;}
.menu_head { cursor: pointer; position: relative;background:url(../images/mico3.png) #00abdc no-repeat 20px center;font-size:18px; padding-left:50px;line-height:57px;color:#fff; height:57px; border-bottom:1px #ffffff solid;}
.menu_head a{ color:#ffffff;}
.menu_body a {display:block; background:url(../images/mli.jpg) no-repeat 30px center;border-bottom:1px #dddddd dashed;  padding-left:50px; height:34px; line-height:34px;}
.menu_body a:hover { padding-left:50px; color:#ffffff; height:34px; line-height:34px; background-color:#00abdc;}
.nylx{ border:1px #dddddd solid;}
.nylxc{ padding:10px;}
.nylx h2{ font-size:18px;}

.nyban img{ display:none;}
.nyban{ width:100%; height:300px; background:url(../images/nyban.jpg) no-repeat center top; margin-bottom:20px;}
.ny{ margin-bottom:30px;}
.p16{font-weight:bold; font-size:16px; }
.ptitle{line-height:35px; margin-bottom:8px; text-align:center;}
.pline{ border-bottom:4px double #dddddd; height:35px;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
.page{ line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} 
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} 
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}
.mrtit{ border-bottom:1px #dddddd solid; margin-bottom:15px;}
.mrtit span{ height:30px;color:#FFF; font-weight:bold; font-size:16px;}
.mrtit span a{ color:#00abdc;}
.mrtit em{ float:right; font-style:normal; padding-right:10px;}
.prenext{ color:#cc0000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 98%;
	line-height: 30px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-bottom:15px;
}
.prenext .pre{float: left;width: 100%;} 
.prenext .pre a{
	color: #333;
	text-decoration: none;
} 
.prenext .pre a:hover {
	color: #ff0000;
}
.prenext .next{
	text-align: left;
	float: left;
	width: 100%;
}
.prenext .next a{
	color: #333;
	text-decoration: none;
} 
.prenext .next a:hover {
	color: #ff0000;
}
.box{ background-color:#e1e1e1; padding-bottom:10px;}
.title1{ height:51px; line-height:43px; background: #068ef4; text-align:center; color:#FFF; font-size:20px; font-weight:bold;  margin-bottom:5px;}
.title1 a{ color:#ffffff;}
.content1 {  background:none; overflow:auto; padding:0px 10px;}
.content1 a { display:block; height:33px; line-height:33px; border-bottom:1px #fefefe solid; overflow:hidden; background:url(../images/dot.jpg) left 10px no-repeat; width:110px; float:left; padding-left:18px; margin-left:5px; overflow:hidden;}
.content1 a:hover {}
.mrt{ background-color:#e7e7e7; height:47px; line-height:47px; margin-bottom:20px;font-size:16px; font-weight:bold; text-indent:20px; border-left:5px #00abdc solid;}
.tjcp{ width:100%; overflow:hidden;}
.zx{ border-bottom:1px #dddddd dashed; padding-bottom:8px; margin-bottom:10px;}
.zx h3 a{ font-size:18px;}
.zx h3 span{ float:right; font-size:14px; font-weight:normal; color:#666666;}
.cpzs{ margin-right:-30px;}
.cpzs li{ width:250px; height:230px; border:1px #dddddd solid; float:left; padding:9px;  text-align:center; margin-right:30px; *margin-right:20px;  display:inline; margin-bottom:20px;}
.cpzs li:hover{ border:1px #cc0000 solid;}
.xgxw{ margin-bottom:30px; margin-top:30px;}
.fdh{ display:none;}

@media screen and (max-width: 1200px) {
.wrap,.banner,.nav{ width:100%; }
.mcon{ width:98%; margin:0 1%;}
.logo{width: 60%; margin-right:0;} 
.tmid{ display:none;}
.tel{width: 39%; text-align:right; float:left;}
.nav ul{ width:100%;}
.nav li{ width:12.5%;}
.nav li .nbg{transform: skewX(0);}
.m1c li{ width:50%;}
.m1c{ height:auto;}
.mcp ul{ margin-right:0;}
.mcp ul li{ width:23%; margin-left:1%; margin-right:1%; box-sizing:border-box;}
.m41{ width:33%;}
.m42{ width:66%;}
.m4c{ width:auto; margin-left:20px;}
.m31{ width:33%;}
.m3 ul{ width:66%;}
.divContent ul{ margin-right:0;}
.divContent li{ width:31.33333333%; margin-left:1%; margin-right:1%;}
.f1 ul{ width:100%;}
.f1 li{ width:auto;}
.f1 .li1,.f1 .li2{ padding:0; margin-right:2%; border-right:0;}
.banner{ margin-bottom:2%;}
#flashBg{ display:none;}
.sjbanner{ display:block; position:relative; z-index:0; margin-bottom:40px;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 40%; z-index: 9999; display: block; width: 100px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }
.cpzs { margin-right:-1%; overflow:hidden;}
.cpzs li{ width:32%; margin-right:1%; box-sizing:border-box;height: 246px;overflow: hidden;}
.mleft{ width:25%;}
.mright{ width:73%; margin-left:2%;}
}
@media screen and (max-width: 980px) {
.m6 h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.mcp ul{ margin-bottom:30px;}
.mleft{ display:none;}
.mright{ width:100%; margin-left:0;}
.nyban img{ display:block; width:100%}
.nyban{ background-image:none; height:auto; }
}
@media screen and (max-width: 800px) {
.t2{ display:none;}
.logo{ width:100%; text-align:center;}
.tel{ display:none;}
}

@media screen and (max-width: 768px) {
	.top2{ height:auto; padding:15px 0px;}
	.nav{ background-image:none; height:80px; line-height:39px;}
	.nav li{ width:25%; border-right:1px #008cca solid; border-bottom:1px #008cca solid; line-height:39px;}
	.nav li .nbg1,.nav li .nbg{ border:0;}
	.nav li:hover .nbg{ background-color:#00abdc;}
.m4,.m1{ margin-bottom:30px;}
.m41{ display:none;}
.m42{ width:98%; margin:0 1%;}
.m42t,.m4c{ margin-left:0;}
.m3{ display:none;}
.divContent li{ width:48%;}
.m6{ margin-bottom:30px;}
.selected1,.normal1{ height:44px; line-height:44px;}
.cpzs li{ width:49%; height:auto;}
.mcp ul li{ width:48%;}
.f21{ display:none;}
.fwx{ float:none; width:100%; margin-bottom:20px;}
.f2{ width:100%; text-align:center;}
.f1 li{ width:48%;}
.foot{ margin-bottom:40px;}
.fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#00abdc;}
.fdh a{ color:#FFF;}
.m1c{ display:none;}
.sjlb{ display:block; background-color:#ffffff;overflow:hidden; }
.sjlb li { width:48%; float:left; margin:1%; border:1px #333333 solid; box-sizing:border-box; text-align:center; padding:20px 0px; font-size:18px; }
.sjlb li a{ }
.sjlb li:hover{ background-color:#00abdc;}
.sjlb li:hover a{ color:#ffffff; display:block;}
.about{ display:none;}
.flinkt div{ width:auto; left:0;}
.flinkt{ margin-bottom:10px;}
.nyban{ margin-bottom:2%;}
}

@media screen and (max-width: 580px) {
.divContent li{ width:98%;}
.f1 li{ width:98%;}
.f1{ display:none;}
.m1c{ display:none;}
#marquee1{ height:192px;}
#marquee1 li{ width:200px; height:190px;}

}
@media screen and (max-width: 480px) {
.top1,.m42t{ display:none;}
.m4{ height:auto; padding:20px 0; background-size:cover;}
#divMainTab{ margin-bottom:10px;}
#divMainTab ul{ width:100%;}
#divMainTab li{ width:48%; margin:0 1%; box-sizing:border-box;}
.nav li a{ font-size:14px;}
}