@charset "gb2312";
/* CSS Document */
body { margin:0 auto; font-family:"Î¢ÈíÑÅºÚ";}
img { border:0; outline-width:0; vertical-align:top;}
ul,p,h1,h2,h3,h4 { padding:0; margin:0; list-style:none;}
a { text-decoration:none; color:#333;}
a:hover { text-decoration:underline; color:#000;}
.c { clear:both;}
.w { width:1200px; margin:0 auto; overflow:auto;}

header { background:#001832;}
.logo { float:left; padding:10px 0; margin-right:20px;}
.logor { float:left; margin-left:10px; margin-top:15px; height:50px; padding-left:20px; padding-top:3px; border-left:1px #289BD2 solid; color:#289BD2;}
.nav { float:right;}
.nav ul{}
.nav li{ float:left; font-size:17px; text-align:center;}
.nav a{color:#289BD2; display:block; padding:20px 15px;border-top:5px #001832 solid;}
.nav a:hover{ color:#FFF; border-top:5px #289BD2 solid; display:block;}

.banner {}
.fullSlide{width:100%;position:relative;height:695px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:695px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:695px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:40px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:10%;z-index:1;width:40px;height:60px;background:url(slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:10%;background-position:-6px -137px;}

.m1 { padding:40px 0; overflow:auto;}
.m1a { text-align:center; background:url(m11.jpg) no-repeat bottom; padding-bottom:10px;}
.m1a h2{ font-weight:normal; font-size:25px;}
.m1a p{ color:#0394D3; padding:5px 0;}
.m1b { margin:10px auto; text-align:center; color:#222; line-height:30px;}
.m1c { overflow:auto; margin-top:40px;}
.m1c ul{ margin-left:-20px;}
.m1c li{ float:left; margin-left:20px; width:285px;}
.m1ca { color:#fff; padding-top:50px; font-size:18px; position:relative; z-index:999; background:url(m1ca.jpg) no-repeat center bottom; padding-bottom:10px;}
.m1cax { color:#FF0;}
.m1cb { margin-top:100px; padding:0 20px;}
.m1cc { border:1px #FFFFFF solid; width:100px; margin:160px auto 0; text-align:center;}
.m1cc a{ color:#FFF;}

.text-desc{position: absolute; left: 0; top: 0; background-color: rgb(3,148,211); height: 100%;  width: 100%; }
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}
.port-1 .text-desc{opacity: 0.8; top: -100%; transition: 0.5s; color: #fff; font-size:15px;}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
.image-box { height:320px;}

.m2 { background:url(m2.jpg) top repeat-x; padding:40px 0;}
.m2 ul{ display:table; margin:30px auto 0; text-align:center;}
.m2 li{ float:left; background:#FFF; border:1px #d6d6d6 solid;  width:32.055%; min-height:291px; margin:10px auto;}
.m2 li:nth-child(2) { margin:10px 20px;}
.m2 li:nth-child(5) { margin:10px 20px;}
.m2a { font-weight:bold; font-size:16px;background:url(m1ca.jpg) no-repeat center bottom; padding-bottom:10px; padding-top:80px;}
.m2b { padding:10px 40px;}
.m2c {border:1px #FFFFFF solid; width:100px; margin:30px auto 0; text-align:center;}
.m2c a{color:#FFF;}

.text-desca{position: absolute; left: 0; top: 0; background-color: #0394D3; height: 100%; width: 100%; }
.port-1a {float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}
.port-1a .text-desca{top: -100%; color: #fff; font-size:15px;}
.port-1a.effect-2a .text-desca{top: auto; bottom: -100%;}
.port-1a.effect-2a:hover .text-desca{bottom: 0;}
.image-boxa { padding:25px;}
.image-boxa h3{ font-size:16px; padding:20px 0;}
.image-boxa p{ font-size:15px; color:#222;}

.mad { margin:0 auto; text-align:center;}
.mad img{ width:100%;}

.m3 { margin-top:40px;}
.m3a { font-size:18px; padding:35% 0;}
.m3 ul{ margin-top:40px;}
.m3 li{ float:left; margin:1px; width:24.83%;}

.text-descb{position: absolute; left: 0; top: 0; background-color: rgb(9,9,9); height: 100%; width: 100%; }
.port-1b{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;}
.port-1b .text-descb{opacity: 0.7; top: -100%; transition: 0.5s; color: #fff; font-size:15px;}
.port-1b.effect-2b .text-descb{top: auto; bottom: -100%;}
.port-1b.effect-2b:hover .text-descb{bottom: 0;}
.image-boxb {}
.port-1b img{transition: 0.5s;}
.port-1b:hover img{transform: scale(1.2);}

.m4 { margin-top:40px;}
.m4a { overflow:auto; margin-top:40px;}
.m4aleft { float:left; width:800px;}
.m4aright { float:left; margin-left:50px; width:350px;}
.m4aleft h3{color:#0394D3; border-bottom:1px #0394D3 solid; padding-bottom:20px; font-size:20px;}
.m4aleft h3 span{ float:right; font-size:16px; font-weight:normal; padding-top:5px;}
.m4aleft ul{}
.m4aleft li{ border-bottom:1px #CCCCCC solid; padding:15px 0;}
.m4aleft li:last-child { border:0;}
.m4b { overflow:auto;}
.m4b p{ float:left; font-weight:bold;}
.m4b span{ float:right; font-size:14px; color:#999;}
.m4c { color:#666; font-size:15px; line-height:30px; margin:20px 0;}
.m4d { font-size:15px;}
.m4aright h3 {color:#0394D3; font-size:20px;}
.m4aright ul{ background:#EDE8E5; overflow:auto; margin-top:20px;}
.m4aright li{ border-bottom:1px #CCCCCC solid; padding:20px;}
.m4aright li:last-child { border:0;}
.m4aright h4{ font-size:16px; padding-bottom:10px;}
.m4aright p{color:#666; font-size:15px; line-height:28px;}

.m5 { margin-top:40px;}
#wrap{width:100%; margin:40px auto 0;}
#menu{float:left; width:200px; background:#8A8A8A;}
#menu ul{}
#menu li{ text-align:center; line-height:35px; border-bottom:1px #FFFFFF solid;}
#menu li:last-child { border:0;}
#menu a{display:block; color:#FFF; padding:41px 0;}
#menu a:hover,#menu .on a{color:#fff;font-weight: bold; background:#0096D3; text-decoration:none;}
#content{float:left;width:980px; margin-left:20px; }

.m5a { background:url(m5a.jpg) no-repeat; color:#FFF; padding:30px; overflow:auto; height:433px;}
.m5a h3{}
.m5b { font-size:15px; width:110px; border:1px #0394D3 solid; text-align:center; margin-top:30px;}
.m5b a{color:#0394D3;}
.m5c { overflow:auto; margin-left:-5%; margin-top:160px;}
.m5c dt{ float:left; width:20%; text-align:center; margin-left:5%;}
.m5c dt h4{ font-size:16px; font-weight:normal; padding-top:10px;}
.m5ca { background:#FFF; padding:15px 0;}

footer { background:#001832; overflow:auto; padding:50px 0; margin-top:50px;}
footer h3 { color:#FFF; background:url(f1.jpg) no-repeat 0 2px; font-size:16px; padding-left:12px;}
footer a { color:#898B8A;}
footer a:hover { color:#fff;}
.foota { float:left;}
.footb { float:left; margin:0 140px;}
.footc { float:left;}
.footd { float:right;}
.foota ul { margin:10px;}
.foota ul li{ line-height:30px; font-size:15px;}
.footb ul { margin:10px;}
.footb ul li{ line-height:30px; font-size:15px;}
.footc p{color:#898B8A; line-height:28px; margin:15px 0; font-size:15px;}
.footd p{margin:15px 0; text-align:center;}

.ban { margin:0 auto; text-align:center;}
.ban img { width:100%;}
.sub { font-size:15px; margin:20px 0; color:#333;}
.main { padding:30px 0; overflow:auto;}
.about1 { background:url(m11.jpg) no-repeat bottom left; padding-bottom:20px;}
.about1 p{ color:#0096D5; text-transform:uppercase;}
.about1 h2{ font-weight:normal;}
.about2 { overflow:auto; margin-top:30px;}
.about2a { float:left; width:600px; color:#444; line-height:35px;}
.about2b { float:right; width:550px; margin-left:50px; padding-top:10px;}
.about3 { margin-top:30px;}
.about3 h4{ color:#0096D5;}
.about3 ul{ width:964px; overflow:auto; margin:30px 0 80px;}
.about3 li{ background:url(about1.jpg) no-repeat 0 9px; padding-left:32px; float:left; width:450px; line-height:40px; font-size:15px; color:#555;}
.about3 p{ color:#444; margin:20px 0; line-height:35px; width:850px;}

.sjgka { color:#444; margin:30px 0; line-height:35px;}
.sjgkb {}
.sjgkb h4{color:#0096D5; margin-top:50px;}
.sjgkb p{color:#444; margin:20px 0; line-height:35px;}
.sjgkc { margin-top:50px;}
.sjgkc h2{ font-weight:normal;}
.sjgkc p{color:#0096D5; padding:15px 0;  background:url(m11.jpg) no-repeat bottom left;}

.prob {}
.prob ul{ display:table; margin:0 auto; text-align:center;}
.prob li{ float:left; background:#FFF; border:1px #d6d6d6 solid;  width:32.055%; min-height:291px; margin:10px auto;}
.prob li:nth-child(2) { margin:10px 20px;}
.prob li:nth-child(5) { margin:10px 20px;}
.m2a { font-weight:bold; font-size:16px;background:url(m1ca.jpg) no-repeat center bottom; padding-bottom:10px; padding-top:80px;}
.m2b { padding:10px 40px;}
.m2c {border:1px #FFFFFF solid; width:100px; margin:30px auto 0; text-align:center;}
.m2c a{color:#FFF;}

.proa { overflow:auto;}
.proa ul{}
.proa li{ float:left; margin-right:20px; text-align:center;}
.proa a{ display:block; background:#0096D5; color:#FFF; padding:8px 50px;}
.proa a:hover{color:#fff; background:#001832;}

.pmain { overflow:auto;}
.pleft { float:left; width:870px;}
.pright { float:left; margin-left:50px; width:280px;}
.pleft h3{color:#0096D5; background:url(pleft.jpg) no-repeat 0 3px; padding-left:15px;}
.pinfo{ line-height:35px; padding:30px 0;}
.pinfo img { width:100%;}
.pright {}
.pright h4{ background:#0096D5; color:#FFF; text-align:center; padding:10px 0;}
.pright ul{}
.pright li{ border:1px #CCCCCC solid; text-align:center; padding:15px;}
.pright .pra{}
.pright .prb{ font-weight:bold; padding:15px 0;}
.pright .prc{ font-size:15px; color:#666; line-height:25px;}
.pright a{ text-decoration:none;}

.cona { overflow:auto; margin-bottom:50px;}
.conaleft { float:left;}
.conaleft h3{color:#0096D5; padding-bottom:20px; font-size:25px;}
.conaleft b{color:#0096D5;}
.conaleft p{ line-height:35px;}
.conaright { float:right;}
.conaright dt{ float:left; padding:30px;}


















