@charset "utf-8";

/*css3*/

.wPage {min-width:1020px;max-width:1480px;margin:0px auto;}

* html .wPage {width:1020px;}

.cls:after {clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}.cls {zoom:1;}

/**/

.animated-color-line {

	width: 100%;height:6px;overflow:hidden;

}

.animated-color-line .colors {

	width: 105%

}

.animated-color-line .color-part {

	-webkit-transform: translateY(-6px);

	-moz-transform: translateY(-6px);

	-ms-transform: translateY(-6px);

	-o-transform: translateY(-6px);

	transform: translateY(-6px);

	width: 14.285714286%;

	height: 6px;

	float: left

}

.animated-color-line .color-part.show-color-part {

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0);

	-webkit-transition: -webkit-transform 0.4s ease-out;

	-moz-transition: -moz-transform 0.4s ease-out;

	-ms-transition:-ms-transform 0.4s ease-out;

	-o-transition: -o-transform 0.4s ease-out;

	transition: transform 0.4s ease-out

}

.color-line {

	height: 6px;

	background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #3f3d59), color-stop(14.28571%, #3f3d59), color-stop(14.28571%, #00bbe4), color-stop(28.57143%, #00bbe4), color-stop(28.57143%, #c35391), color-stop(42.85714%, #c35391), color-stop(42.85714%, #ed5936), color-stop(57.14286%, #ed5936), color-stop(57.14286%, #ffaa26), color-stop(71.42857%, #ffaa26), color-stop(71.42857%, #f1ca02), color-stop(85.71429%, #f1ca02), color-stop(85.71429%, #a0c546), color-stop(100%, #a0c546));

	background: -webkit-linear-gradient(left, #3f3d59 0%, #3f3d59 14.28571%, #00bbe4 14.28571%, #00bbe4 28.57143%, #c35391 28.57143%, #c35391 42.85714%, #ed5936 42.85714%, #ed5936 57.14286%, #ffaa26 57.14286%, #ffaa26 71.42857%, #f1ca02 71.42857%, #f1ca02 85.71429%, #a0c546 85.71429%, #a0c546 100%);

	background: -moz-linear-gradient(left, #3f3d59 0%, #3f3d59 14.28571%, #00bbe4 14.28571%, #00bbe4 28.57143%, #c35391 28.57143%, #c35391 42.85714%, #ed5936 42.85714%, #ed5936 57.14286%, #ffaa26 57.14286%, #ffaa26 71.42857%, #f1ca02 71.42857%, #f1ca02 85.71429%, #a0c546 85.71429%, #a0c546 100%);

	background: -o-linear-gradient(left, #3f3d59 0%, #3f3d59 14.28571%, #00bbe4 14.28571%, #00bbe4 28.57143%, #c35391 28.57143%, #c35391 42.85714%, #ed5936 42.85714%, #ed5936 57.14286%, #ffaa26 57.14286%, #ffaa26 71.42857%, #f1ca02 71.42857%, #f1ca02 85.71429%, #a0c546 85.71429%, #a0c546 100%);

	background: linear-gradient(left, #3f3d59 0%, #3f3d59 14.28571%, #00bbe4 14.28571%, #00bbe4 28.57143%, #c35391 28.57143%, #c35391 42.85714%, #ed5936 42.85714%, #ed5936 57.14286%, #ffaa26 57.14286%, #ffaa26 71.42857%, #f1ca02 71.42857%, #f1ca02 85.71429%, #a0c546 85.71429%, #a0c546 100%)

}

.larger-color-line {

	height: 40px

}

.opacity-color-line {

	opacity: .2

}

.opacity2-color-line {

	opacity: .03

}



.green-color {

	color: #a0c546

}

.light-orange-color {

	color: #ffaa26

}

.orange-color {

	color: #ed5936

}

.purple-color {

	color: #c34f8f

}

.blue-color {

	color: #00bbe4

}

.gray-color {

	color: #252733

}

.light-gray-color {

	color: #3f3d59

}

.pink-color {

	color: #c35391

}

.yellow-color {

	color: #f1ca02

}

.green-bg {

	background: #a0c546

}

.light-orange-bg {

	background: #ffaa26

}

.orange-bg {

	background: #ed5936

}

.purple-bg {

	background: #c34f8f

}

.blue-bg {

	background: #00bbe4

}

.gray-bg {

	background: #252733

}

.light-gray-bg {

	background: #3f3d59

}

.pink-bg {

	background: #c35391

}

.yellow-bg {

	background: #f1ca02

}





.site-nav {height:56px;position:fixed;left:0px;top:0px;right:0px; z-index:100;background:#232323;border-bottom:1px #999 solid;}

.site-nav.header-background {}

.site-nav .wPage {height:50px;}

.header-nav {height:50px; position:relative;}

#logo {float:left;width:83px;height:22px;padding:14px 0px;}

#logo .logocover {display:block;width:83px;height:22px; background: url(../images/mini-logo.png) no-repeat}

.logo-ornament {position:absolute;left:-40px;top:-260px;background:url(../images/logoPK.png) no-repeat; display:block;width:158px;height:155px;



}

.logo-ornament.logo-animation{

	

	-webkit-transition: all 1.2s ease-out;

	-moz-transition: all 1.2s ease-out;

	-o-transition: all 1.2s ease-out;

	transition: all 1.2s ease-out;



	-webkit-transform:  rotate(360deg);

	-moz-transform:  rotate(360deg);

	-ms-transform:  rotate(360deg);

	-o-transform:  rotate(360deg);

	transform:  rotate(360deg);

	top:-60px;

}

.logo-ornament:hover {

	-webkit-transition: all 1.2s ease-out;

	-moz-transition: all 1.2s ease-out;

	-o-transition: all 1.2s ease-out;

	transition: all 1.2s ease-out;

	-webkit-transform:  rotate(0deg);

	-moz-transform:  rotate(0deg);

	-ms-transform:  rotate(0deg);

	-o-transform:  rotate(0deg);

	transform:  rotate(0deg);

}

.site-nav ul {float:right;height:50px;}

.site-nav li {float:left;height:32px;line-height:32px;font-family:\5b8b\4f53,arial,sans-serif; font-size:14px;padding:9px 0px;}

.site-nav li a {color: #999;padding:0px 12px; display:block;border-radius: 4px;}

.site-nav li a:hover,.site-nav li.selected a { background:#000;color:#fff;}

.site-nav li.divider {background:#000;width:1px;border-right:1px #444 solid;margin:0px 5px;}

.site-nav li.header-account {padding-left:10px;padding-right:10px;}

.header-account a {background-color: #333;}

.header-account a.create{float:left;border-radius: 4px 0px 0px 4px;color:#fff;height:32px;line-height:32px;max-width:200px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.header-account a.login{float:left;border-radius:0px 4px 4px 0px;border-left: 1px solid #232323;}

/**/

.divider-panel {height:0px; font-size:0px;border-bottom: solid 1px #fbfbfb;border-top: solid 1px #dbdbdb;margin:20px 0px;}

.footer {height:100px; font-family:\5b8b\4f53,arial,sans-serif; font-size:12px;}

.footer .divider-panel {margin:0px 0px 20px 0px;}

.footer .glink { text-align:center;float:right;}

.footer .glink li {float:none; display:inline-block;*display:inline;*zoom:1;padding:0px 10px;border-right:1px #ccc solid;}

.footer .glink li.last {border:0px;}

.footer .glink .beian {padding:10px; text-align:right;}

.footer a {color: #08c;}

.footer .about {padding:0px 0px 0px 10px;line-height:20px;color:#555;float:left;}

/* main */

.online_icon{width:36px; height:156px; overflow:hidden; }

.online_icon a{ display:block; width:36px; height:156px; background:url(../images/online_bg.png) no-repeat; _background:url(../images/online_bg_ie6.png) no-repeat;}

.online_windows{ width:144px;}

.online_w_top{ background:url(../images/online_bg.png) no-repeat -36px 0; height:10px; _background:url(../images/online_bg_ie6.png) no-repeat -36px 0; _margin-bottom:-7px;}

.online_w_c{ background:url(../images/online_bg.png) repeat-y 0 -185px; padding:0 5px; _background:url(../images/online_bg_ie6.png) repeat-y 0 -185px}

.online_w_bottom{ background:url(../images/online_bg.png) repeat-y -36px -35px; height:29px; _background:url(../images/online_bg_ie6.png) repeat-y -36px -35px;}

.online_content{ background:url(../images/online_bg.png) no-repeat -147px -185px; padding-top:11px; _background:url(../images/online_bg_ie6.png) no-repeat -147px -185px;}

.online_content a.qq_icon{ background:url(../images/online_bg.png) no-repeat -37px -130px; width:121px; height:25px; display:block; margin:0 auto; text-indent:30px; line-height:23px; cursor:pointer; _background:url(../images/online_bg_ie6.png) no-repeat -37px -130px;}

.online_content a.qq_icon:hover{ background-position:-159px -130px; color:#FFF;}

.online_bar h2{ background:url(../images/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666; text-align:left; _background:url(../images/online_bg_ie6.png) repeat-x 0 -156px;padding-left:14px;}

.expand h2 a{ background:url(../images/online_bg.png) no-repeat -36px -69px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -69px;}

.collapse h2 a{ background:url(../images/online_bg.png) no-repeat -36px -96px; _background:url(../images/online_bg_ie6.png) no-repeat -36px -96px;}

.expand h2 a:hover,.collapse h2 a:hover{ text-decoration:none; color:#c81d04;}

.online_content{ text-align:center; border-bottom:1px solid #d0d0d0; margin-bottom:1px;}

.online_content ul li{ height:24px; line-height:24px; margin-bottom:4px; font-family:'宋体';}

.online_content ul li a:hover{color:#c81d04; }



#online_qq_layer {position:fixed; right:0px; top:150px; _position:absolute; z-index:100; font-size:12px;}

#online_qq_layer a {color:#333;}

#online_qq_layer a:hover {color:#fff;}

#online_qq_layer h2 a:hover {color:#000;}

* html,* html body {_background-attachment:fixed;}

* html #online_qq_layer {_bottom:auto;_top:expression(eval(document.documentElement.scrollTop + 150));}

#online_qq_tab {float:left; margin-top: 50px;}

#onlineService {float:left; margin-left:-3px; display:none;}

#onlineType1, #onlineType2, #onlineType3, #onlineType4, #onlineType5, #onlineType6 {display:none;}

#onlineType1 {display:block;}