body{font-size:12px;text-align:center;margin:0;padding:0; font-family: arial, "Microsoft Yahei", "Hiragino Sans GB"; background-color:#efeff4;}

div{text-align:left; }
img{border:0;}
a:link,a:visited,a:active {text-decoration:none;}
a:hover{text-decoration:none;}
*{margin:0;padding:0;list-style-type:none;}
.size20{ font-size:20px;}
.size24{ font-size:24px;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}
.bold{ font-weight:bold;}
.c999{ color:#999;}
.c555{ color:#555;}
.ce{ color:#5186ce}
.colo_1{ color:#648957;}
.colo_2{ color:#958657;}

.red{ color:#F00;}

.xy_1{color:#74a7e8}
.xy_2{color:#d8441d}
.xy_3{color:#3e9802}


.bg{ background:url(../images/pl.png) no-repeat;}
.no_1{ background-position:0px -137px;}
.no_2{ background-position:0px -172px;}
.no_3{ background-position:0px -20px;}
.no_4{ background-position:0px -253px;}
.no_5{ background-position:0px -284px;}
.no_6{ background-position:0px -316px;}
.no_7{ background-position:0px -351px;}
.no_8{ background-position:0px -400px;}
.no_9{ background-position:38px -440px;}
.no_10{ background-position:0px -528px;}
.no_11{ background-position:0px -559px;}
.no_12{ background-position:38px -600px;}
.no_13{ background-position:38px -600px;}
.no_14{ background-position:0px -677px;}
.no_15{ background-position:0px -709px;}

.no_16{ background-position:38px -755px;}
.no_17{ background-position:0px -828px;}
.no_18{ background-position:0px -863px;}


.no_19{ background-position:38px -913px;}
.no_20{ background-position:0px -995px;}
.no_21{ background-position:0px -1040px;}

.no_22{ background-position:38px -1208px;}
.no_23{ background-position:0px -1118px;}
.no_24{ background-position:0px -207px;}








.ggttle{ float:left; width:100%; height:34px; background-color:#818181;}
.pl{margin:0px auto 0px auto; width:1200px;  display:block;}
.ggttle .text1{ float:left; height:34px; line-height:34px; margin-left:24px; display:inline; color:#e8e8e8;}
.ggttle .text2{ float:right; height:34px; cursor:pointer; line-height:34px; margin-right:20px; color:#e8e8e8; padding-left:20px; display:inline;}
.ggttle .text3{ float:right; height:34px; cursor:pointer; line-height:34px; margin-right:20px; color:#e8e8e8; padding-left:30px; display:inline;}
.ggttle .text4{ float:right; height:34px; cursor:pointer; line-height:34px; margin-right:20px; color:#e8e8e8; padding-left:20px; display:inline;}



.top{ float:left; width:1200px; height:124px; background:url(../images/index_bg1.jpg) no-repeat; position:relative; }
.top .logo{ float:left; width:754px; height:124px; display:block; background:url(../images/logo.png) no-repeat right;}
.top .yuyan{ float:left; width:180px; margin-top:28px; font-size:14px; border-left:1px solid #818181;margin-left:40px;  line-height:30px; padding-top:4px; padding-bottom:4px; padding-left:20px; display:inline; }
.top .yuyan a{ color:#333;}
.doahan{ float:left; width:1000px; padding-left:200px; background:url(../images/dhbg1.jpg) repeat-x; height:72px; display:inline;}
.doahan a{ float:left; padding-left:20px; padding-right:20px; margin-left:40px; height:34px; margin-top:20px; text-align:center; line-height:28px; color:#333333; font-size:14px; display:inline;}
.doahan a:hover{background:url(../images/daohan_bg1.png) no-repeat center; color:#fff;}
.doahan a.hver{background:url(../images/daohan_bg1.png) no-repeat center; color:#fff;}
.top .rwm{ float:left; padding:6px; position:absolute; z-index:999; display:inline; padding:5px; background-color:#fff; display:inline; border:1px solid #9a9a9b;filter:alpha(opacity:80); opacity:0.8; -moz-opacity:0.8;}


.cpshow{ float:left; width:1200px; margin-top:20px; text-align:center;}
.cpshow2{ float:left; width:1198px; background-color:#dedede; border:1px solid #999999; margin-top:30px; text-align:center;}






.banner{ float:left; width:1200px;}
.banner2{ float:left; width:1200px; height:220px;}
.index{ float:left; width:1200px; margin-top:10px; display:inline;}
.index .company{ float:left; width:368px;}
.index .company .ttle{ float:left; width:368px;}
.index .company .ttle .text1{ float:left; height:24px; width:204px; display:block;}
.index .company .ttle .text2{float:right; height:24px; width:50px; display:block;}
.index .company .ttle .text2:hover{ background:url(../images/pl.png) -100px -284px no-repeat;}
.index .company .count1{ float:left; width:368px; position:relative; z-index:100; overflow:hidden; margin-top:10px;}
.index .company .count1 .t1{ float:left; width:368px; line-height:22px; height:22px; text-align:center; color:#fff; background-color:#000; filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5; position:absolute; z-index:999; top:82px; left:0px;}
.index .company .count2{ float:left; width:368px; margin-top:10px; line-height:20px; color:#5f5f5f;}


.index .news{ float:left; width:380px; margin-left:30px; display:inline;}
.index .news .ttle{ float:left; width:380px;}
.index .news .ttle .text1{ float:left; height:24px; width:204px; display:block;}
.index .news .ttle .text2{float:right; height:24px; width:50px; display:block;}
.index .news .ttle .text2:hover{ background:url(../images/pl.png) -100px -284px no-repeat;}
.index .news .count1{ float:left; width:380px; margin-top:10px; padding-bottom:10px; display:inline;}
.index .news .count1 .pic{ float:left; width:130px; height:100px; border:3px solid #b8b8b8;}
.index .news .count1 .pic a{ filter:alpha(opacity:80); opacity:0.8; -moz-opacity:0.8;}
.index .news .count1 .pic a:hover{ filter:alpha(opacity:100); opacity:1; -moz-opacity:1;}
.index .news .count1 .t1{ float:right; width:236px; line-height:18px; color:#5a5a5a;}
.index .news .count1 .t1 a{color:#5a5a5a;}
.index .news .count1 .t1 a:hover{ color:#333; text-decoration:underline;}
.index .news .count2{ float:left; width:380px; margin-top:4px; display:inline;}
.index .news .count2 .text1{ float:left; width:300px; line-height:20px; }
.index .news .count2 .text1 a{ color:#5f5f5f;}
.index .news .count2 .text1 a:hover{ color:#333; text-decoration:underline;}
.index .news .count2 .text2{float:left; text-align:right; color:#999; line-height:20px; width:80px; }


.index .biaogedown{ float:left; width:400px; margin-left:20px; display:inline;}
.index .biaogedown .ttle{ float:left; width:400px;}
.index .biaogedown .ttle .text1{ float:left; height:24px; width:204px; display:block;}
.index .biaogedown .ttle .text2{float:right; height:24px; width:50px; display:block;}
.index .biaogedown .ttle .text2:hover{ background:url(../images/pl.png) -100px -284px no-repeat;}
.index .biaogedown .count1{ float:left; width:400px; margin-top:10px; padding-bottom:10px; display:inline;}
.index .biaogedown .count1 .pic{ float:left; }

.index .biaogedown .count1 .ct1{ float:right; width:260px; margin-top:18px; display:inline;  color:#5a5a5a;}
.index .biaogedown .count1 .ct1 .text1{ float:left; padding-left:20px; line-height:20px; color:#5a5a5a; display:inline;}
.index .biaogedown .count1 .ct1 .text1 a{ color:#5a5a5a;}
.index .biaogedown .count1 .ct1 .text1 a:hover{ color:#333; text-decoration:underline;}
.index .biaogedown .count1 .ct1 .time{ float:right;line-height:20px; color:#5a5a5a;}


.index .server{ float:left; width:1198px; margin-top:20px; background-color:#dedede; border:1px solid #cccccc; display:inline;}
.index .server .count1{ float:left; width:1198px; text-align:center;}
.index .server .count2{ float:left; width:1172px; padding-left:13px; padding-bottom:22px; padding-right:13px; display:inline;}
.index .server .count2 .bdy{ float:left; width:1150px;padding-top:20px; padding-bottom:20px; border:1px solid #e7e7e7;background:url(../images/index_bg3.jpg) bottom repeat-x #fff; margin-left:9px; display:inline;}
.index .server .count2 .bdy .tt1{ float:left; width:270px; margin-left:50px; padding-top:20px; padding-bottom:20px;   font-size:18px; color:#818181; display:inline;}
.index .server .count2 .bdy .tt1 a{color:#000000;}
.index .server .count2 .bdy .tt1 a:hover{ color:#3d82a5}
.index .server .count2 .bdy .tt2{ float:left; width:720px;padding-left:50px;padding-top:10px; padding-bottom:10px;  border-left:1px solid #e8e8e8;  margin-left:30px; font-size:14px; display:inline;}
.index .server .count2 .bdy .tt2 .t1{ float:left;font-size:14px; margin-left:8px; margin-top:8px; display:inline;}
.index .server .count2 .bdy .tt2 .t1 a{color:#000000; float:left;overflow:hidden; text-overflow:ellipsis;  height:30px; line-height:30px; padding-left:10px; padding-right:10px; border:1px solid #cfcfcf; display:inline;}
.index .server .count2 .bdy .tt2 .t1 a:hover{ color:#fff; border:1px solid #3d82a5; background-color:#3d82a5;}



#focus {float:left;display:inline; width:1200px; height:400px; z-index:1; overflow:hidden; position:relative;}
#focus ul {height:400px; position:absolute; float:left;}
#focus ul li {float:left; width:1200px; height:400px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; float:left; width:1200px; height:20px; left:0; bottom:0; }
#focus .btn {position:absolute; width:1180px; float:left; height:10px; display:inline; padding:5px 10px; right:0; top:360px; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:11px; height:11px; _font-size:0; margin-left:5px; cursor:pointer; background:url(../images/pl_bg.png) 0px -33px no-repeat;}
#focus .btn span.on {background:url(../images/pl_bg.png) -12px -33px no-repeat #fff;}
#focus .preNext {width:45px;float:left; display:inline; height:100px; position:absolute; top:200px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}






.bottom{ float:left; width:1200px; background-color:#505050; color:#a6a6a6; text-align:center; line-height:26px;}




.about{ float:left; width:1200px; background:url(../images/list_bg3.jpg) repeat-x top #f6f6f6; padding-bottom:20px; display:inline;}
.about .left{ float:left; width:277px; margin-top:20px; margin-left:20px; display:inline;}
.about .left .count1{ float:left; width:277px; height:59px; background:url(../images/about_bg1.jpg) no-repeat;}
.about .left .count1 .text1{ float:left; padding-left:20px; font-size:16px; font-weight:bold; width:160px; line-height:59px; color:#fff; display:inline;}
.about .left .count1 .text2{ float:left; line-height:59px; color:#fff; font-size:14px;}

.about .left .count2{ float:left; width:277px;}
.about .left .count2 .text1{ float:left; width:277px;}
.about .left .count2 .text1 a{ float:left; width:227px; padding-left:50px; font-size:14px; background:url(../images/list_bg1.jpg) no-repeat; font-weight:bold; color:#333333; line-height:58px; height:58px; background-color:#e0e0e0; border-bottom:1px solid #9f9f9f; display:inline;}
.about .left .count2 .text1 a:hover{ background:url(../images/list_bg2.jpg) no-repeat; color:#006c96;}



.about .right{ float:left; width:840px; margin-left:30px; padding-bottom:20px; display:inline; background:url(../images/list_pic3.jpg) top no-repeat;}
.about .right .conut1{ float:left; width:840px; margin-top:30px; display:inline;}
.about .right .conut1 .text1{ float:left; width:380px; padding-left:20px;  line-height:30px; font-size:16px; font-weight:bold; color:#006c96; display:inline;}
.about .right .conut1 .text2{ float:right; width:420px;  line-height:30px;text-align:right;color:#666666;}
.about .right .conut1 .text2 a{ color:#666666; margin-left:4px; padding-right:4px; display:inline;}

.about .right .conut2{ float:left; width:840px; margin-top:20px; display:inline;}
.about .right .conut2 dl{ float:left; width:233px; margin-top:10px; margin-right:12px; height:281px; background:url(../images/list_bg1.jpg) no-repeat; display:inline;}
.about .right .conut2 dl dt{ float:left; width:212px; height:140px; overflow:hidden; margin-left:10px; margin-top:10px; display:inline;}
.about .right .conut2 dl dd.t1{ text-align:center; float:left; width:212px; line-height:30px; color:#f87401; font-size:14px; font-weight:bold;}
.about .right .conut2 dl dd.t2{ float:left; width:200px; margin-left:16px; display:inline; color:#747474; line-height:20px;}
.about .right .conut2 dl dd.t3{ float:left; width:233px; }
.about .right .conut2 dl dd.t3 a{ float:left; width:233px; height:55px; display:block;}
.about .right .conut2 dl:hover{ float:left; width:233px; height:281px; background:url(../images/list_bg2.jpg) no-repeat;}
.about .right .conut2 dl:hover dd.t1{ color:#fff; }
.about .right .conut2 dl:hover dd.t2{ color:#fff; }


.about .right .conut3{ float:left; width:800px; padding-left:20px;  display:inline;}
.about .right .conut3 .t1{ float:left; width:800px; border-bottom:1px solid #cdcdcd; margin-top:30px; color:#464646; line-height:24px; padding-bottom:10px; display:inline;}
.about .right .conut3 .t1 a{color:#464646;}
.about .right .conut3 .t1 a:hover{ color:#006c96;}
.about .right .conut3 .t2{ float:left; width:800px;margin-top:10px;  padding-bottom:10px; display:inline;}
.about .right .conut3 .t2 .text1{ float:left; width:100px; font-size:14px; line-height:22px; padding-left:20px; background:url(../images/list_pic5.jpg) 0px -1px no-repeat;}
.about .right .conut3 .t2 .text1 a{ color:#006c96;} 
.about .right .conut3 .t2 .text2{ float:right; width:100px; text-align:right;  line-height:22px; color:#666;}
.about .right .conut4{ float:left; width:800px; padding:20px; line-height:24px; font-size:14px; color:#555; margin-top:20px; display:inline;}
.about .right .conut4 img{width: expression(this.width > 800 ? '800px': true); max-width: 800px; }
.about .right .conut4 .cont{ float:left; width:800px; line-height:26px; color:#333;}
.about .right .conut4 .cont2{ float:left; width:800px; margin-top:20px; line-height:26px; color:#333; display:inline;}
.about .right .conut5{ float:left; width:800px; padding:20px;  color:#555; margin-top:10px; display:inline;}



.about .right .conut5 .ct1{ float:left; width:800px; line-height:22px;}
.about .right .conut5 .ct2{ float:left; background:url(../../images/bg10.jpg) repeat-x; width:800px; line-height:36px; text-align:center;}
.about .right .conut5 .ct3{ float:left; width:800px;}
.about .right .conut5 .ct3 .t1{ float:left; text-align:right; display:block; height:28px; line-height:28px; width:135px; margin:8px 10px 0px 0px;}



.about .right .conut5 .ct3 .txt1{ float:left; margin-top:10px; line-height:26px; height:26px; border:solid 1px #9f9f9f; border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; width:200px;}
.about .right .conut5 .ct3 .txt2{ float:left; margin-top:10px; line-height:26px; height:26px;border:solid 1px #9f9f9f; border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; width:100px;}

.about .right .conut5 .ct3 .txt3{ float:left; margin-top:10px; width:400px;line-height:22px; border:solid 1px #9f9f9f; border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}
.about .right .conut5 .ct3 .t2{ float:left; line-height:22px;margin:8px 0px 0px 10px;}
.about .right .conut5 .ct3 .pic2{ float:left; margin:10px 0 0 5px;}
.about .right .conut5 input.btn1{ float:left; height:22px; background:url(../../images/bg11.jpg) repeat-x; padding:0 4px 0 4px; text-align:center; cursor:pointer; margin:10px 8px 0 0; color:#333; line-height:22px; border:solid 1px #999;}



.about .right .bdy dl.pro{ float:left; width:250px; margin-left:6px;  margin-right:10px; display:inline;}
.about .right .bdy dl.pro dt{ float:left; width:250px; height:250px; }
.about .right .bdy dl.pro dt a{float:left; width:248px; height:248px;border:solid 1px #c4d8db; overflow:hidden;}
.about .right .bdy dl.pro dt a:hover{border:solid 1px #ba9560}
.about .right .bdy dl.pro dt img{ float:left; width:248px; height:248px;}
.about .right .bdy dl.pro dd{ float:left; width:250px; height:72px;}
.about .right .bdy dl.pro dd a{ float:left; width:250px; line-height:27px; color:#333; font-size:14px; text-align:center; text-overflow:ellipsis; white-space:nowrap;  margin-top:18px; display:inline;}


.about .right .bdy{ float:left; width:800px; padding:20px; margin-top:20px; display:inline;}
.about .right .bdy .newtitle{ float:left; width:800px; text-align:center; color:#333; line-height:30px;border-bottom:1px solid #cfcfcf;padding-bottom:10px; display:inline;}
.about .right .bdy .newtitle a{ color:#5a9297;}
.about .right .bdy .newbdy{ float:left; width:800px; padding-top:10px; padding-bottom:10px; line-height:20px; display:inline;} 

.about .right .fenye{ float:left; width:800px; text-align:center; margin-top:20px; display:inline;}
.about .right .back{ float:left; width:800px; text-align:center; margin-top:20px; display:inline;}
.about .right .back a{ color:#666;}
.about .right .back a:hover{ color:#0e69cb;}

.side{position:fixed;width:50px;height:275px;right:0;top:50%;z-index:999;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{ float:left; text-align:center;position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#000022;color:#fff;font:16px/50px "微软雅黑";overflow:hidden;}
.side ul li a:hover .sidebox{ float:left;width:175px;}
.side ul li img{float:right;}


.nivo-controlNav {
	right: 40px; bottom: 10px; position: absolute; z-index: 5000;
}
.nivo-controlNav a {
	border: 0px currentColor; width: 15px; height: 15px; color: #fff; margin-right: 3px; float: left; display: block;
}
.nivo-directionNav a {
	background: url("../images/arrows.png") no-repeat; border: 0px currentColor; width: 30px; height: 30px; text-indent: -9999px; display: block;
}
a.nivo-nextNav {
	background-position: -30px 0px; right: 15px;
}
a.nivo-prevNav {
	left: 15px;
}
.nivo-caption {
	font-family: Helvetica, Arial, sans-serif; text-shadow: none;
}
.nivo-caption a {
	color: rgb(239, 233, 209); text-decoration: underline;
}
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	left: 0px; top: 0px; position: absolute;
}
.nivoSlider a.nivo-imageLink {
	margin: 0px; padding: 0px; border: 0px currentColor; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 60;
}
.nivo-slice {
	height: 100%; display: block; position: absolute; z-index: 50;
}
.nivo-caption {
	background: rgb(0, 0, 0); left: 0px; width: 100%; bottom: 0px; color: rgb(255, 255, 255); position: absolute; z-index: 89; opacity: 0.8;
}
.nivo-caption p {
	margin: 0px; padding: 5px;
}
.nivo-caption a {
	display: inline !important;
}
.nivo-html-caption {
	display: none;
}
.nivo-directionNav a {
	top: 45%; position: absolute; z-index: 99; cursor: pointer;
}
.nivo-prevNav {
	left: 0px;
}
.nivo-nextNav {
	right: 0px;
}
.nivo-controlNav a {
	position: relative; z-index: 99; cursor: pointer; float:left; width:20px; height:16px; text-align:center; line-height:16px; background-color:#000;
}
.nivo-controlNav a.active {
	font-weight: bold; color:#900;
}