/* ==全局设置== */

BODY{
	color:#333333;
	font-size:12px;
	line-height:180%;
	text-decoration: none;
	background-color: #FFFFFF;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	margin: 0px;
} 

A{text-decoration: none;}
A:link {color:#333333;}
A:visited {color:#333333;}
A:active {color:#333333;}
A:hover{
	color:#333333;
	text-decoration: none;
}

.header{
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 955px;
	width: 100%;
	padding-top: 20px;
}

.toplink{
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	width: 420px;
	padding-left: 600px;
}

.toplink a{
	font-size: 14px;
	color: #fff;
}

.toplink1{height: 20px;	width: 120px; padding: 6px 10px 6px 10px; border: 1px solid #caaa52; text-align: center; margin-right: 15px;float: left;}
.toplink2{height: 20px;	width: 80px; padding: 6px 10px 6px 10px; border: 1px solid #caaa52; text-align: center; margin-right: 15px;float: left;}

.rule{
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	width: 120px;
	text-align: center;
	margin-top: 585px;
	margin-bottom: 30px;
	background-color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
	border-radius:5px;            /* W3C syntax */
}

.rule a{color:#38280D;}

.excellence{
	background-image: url(../images/excellence.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 443px;
	width: 100%;
}

.footer{
	height: 23px;
	width: 100%;
	background-color: #222d33;
	color: #465b67;
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 7px;
}

.button{margin-right: auto;margin-left: auto;text-align: center;}
.button img{padding-left: 15px;padding-right: 15px;}

.dnf1{left: -120px;font-family: Microsoft Yahei;margin:0 auto;position: relative;height: 54px;width: 217px;background: url(../images/fdn1.png) no-repeat;color: #7C5430;font-size: 25px;line-height:53px;}
.dnf1:hover{background-position: -240px 0;color: #fff;}

.dnf2{left: 120px;top:-53px;font-family: Microsoft Yahei;margin:0 auto;position: relative;height: 54px;width: 217px;background: url(../images/fdn1.png) -240px 0 no-repeat;color: #fff;font-size: 25px;line-height:53px;}
.dnf2:hover{background-position: 0;	color: #7C5430;}

.button2{margin-right: auto;margin-left: auto;margin-top: 170px;text-align: center;}
.button2 img{padding-left: 15px;padding-right: 15px;}

.button3{margin-right: auto;margin-left: auto;text-align: center;}
.button3 img{padding-left: 15px;padding-right: 15px;}

*{list-style: none;margin:0;padding:0;}

.tum{
	padding-top:130px;
	width: 1020px;
	height: 255px;
	margin-top: 100;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-right: 20px;
}
.tu{
	float: left;
	margin-left: 48px;
	position: relative;
	transition: 1s;
	cursor: pointer;
	margin-top: 0px;
}
.tu:hover{
	margin-top:-10px;
}
.arr{
	height: 150px;
	width: 400px;
	border-radius: 5px;
	position: absolute;
	left: -140px;
	top:-200px;
	display: none;
	transition: 1s;
	padding-top: 30px;
	background-color: #d6d6d6;
}
.arrow{
	position: absolute;
	top:180px;
	left: 195px;
	color:#d6d6d6;
	width: 0px;
	height:0px;
	line-height: 0px;
	border-width: 10px 10px 0;
	border-style: solid dashed dashed dashed;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tuti{
	color: #1876ba;
	font-size: 25px;
	text-align: center;
	font-family: Microsoft Yahei;
	padding-bottom: 10px;
}
.tuty{
	color: #1876ba;font-size: 15px;
	text-align: center;
	font-family: Microsoft Yahei;
	line-height: 30px;
}

.style10{
	color:#ff0000;
	text-decoration: underline;
}

.style11{
	color:#333333;
	font-size: 30px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}

.style12{
	color:#202c33;
	font-size: 19px;
	font-weight: bold;
	line-height: 160%;
}

.style13{
	color:#b20000;
	font-size: 40px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.style15{
	color:#b20000;
	font-size: 30px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}

.formula{
	color:#202c33;
	font-size: 34px;
	font-weight: bold;
	line-height: 160%;
	text-align: center;
}

.formula2{
	color:#999179;
	font-size: 20px;
	font-weight: bold;
	line-height: 160%;
	text-align: center;
	padding-right: 220px;
}
/*客服*/
.fixed_box { width:254px; position:absolute; z-index:2; top:220px; }
.content_box { width:154px; /*background:#fff;*//* position: fixed*/; z-index:2; top:150px; right:0; }
.custom_style_02 .content_box { width:180px; _width:229px; background:none; }
.custom_style_02 .content_title { height:107px; background:url(../images/kf-top-1.png) no-repeat ; }
.custom_style_02 .content_c { height:285px; background:url(../images/kf-cen-1.gif) no-repeat ; }

.custom_style_02 .content_list { background:url(../images/custom_style_02.gif) repeat-y -266px 0; padding:5px 8px; }
.custom_style_02 .content_list .qqserver p span { display:none;}
.custom_style_02 .content_bottom { height:48px;  }
.custom_style_02 .close_btn { right:6px; top:5px;}
.custom_style_02 .close_btn, .custom_style_02 .close_btn a {cursor: pointer; width:18px; height:18px; background:url(../images/custom_style_02.gif) no-repeat -122px -52px; }
.custom_style_02 .close_btn a:hover { background-position:-122px -52px; }
.custom_style_02 .show_btn { width:23px; height:80px; background:url(../images/custom_style_02.gif) no-repeat 0 0;  }

#ruletable td{
	padding: 4px;
}


.syt {
	position: absolute;
}
.syt a {
	display: inline-block;
}

.syt .icon-chat {
	position: relative;
	background-image: url(../images/syti.jpg);
	height: 22px;
	width: 64px;
}
.syt .icon-chat:hover .chat-tip {
	display: block;
}

.chat-tip {
	position: absolute;
	right: 60px;
	top: -200px;
	display: none;
}
.chat-tip i {
	width: 9px;
	height: 16px;
	display: inline-block;
	right: -9px;
	top: 80px;
}
.chat-tip img {
	width: 631px;
	height: 452px;
}

/* 新客服样式 */
.pbkf{width: 72px;height: 370px;position: absolute;top:185px;right: 5px;}
.pbkf >div{width: 76px;height: 72px;background: url(../images/kf.png) no-repeat;margin-bottom: 2px;cursor: pointer;position: relative;}
.pbkf >div a{display: block;width: 76px;height: 72px;}
.pbkf .pbqq{background-position: 4px 0;}
.pbkf .pbqq:hover{background-position: -77px 0;}
.pbkf .pbwx{background-position: 4px -74px;}
.pbkf .pbwx:hover{background-position: -77px -74px;background-color: #58a81c;}
.pbkf .pbph{background-position: 4px -148px;}
.pbkf .pbph:hover{background-position: -77px -148px;background-color: #e69704;}
.pbkf .pbem{background-position: 4px -222px;}
.pbkf .pbem:hover{background-position: -77px -222px;background-color: #f75904;}
.pbkf .pbbk{background-position: 4px -296px;}
.pbkf .pbbk:hover{background-position: -77px -296px;}
.pbwxbx{width: 190px;height: 362px;background: #fff url(../images/wechat.jpg) center center no-repeat;border:3px solid #58a81c;position: absolute;top:-74px;left: -196px;display: none;}
.pbkf .pbwx:hover .pbwxbx{display: block;-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
.pbphbx{width: 250px;height: 362px;background: #f4f4f4 url(../images/phbx.jpg) center center no-repeat;border:3px solid #e69704;position: absolute;top:-148px;left: -256px;display: none;}
.pbkf .pbph:hover .pbphbx{display: block;-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
.pbembx{width: 250px;height: 53px;background: #fff;border:3px solid #f75904;position: absolute;top:0px;left: -256px;display: none;font-family: Arial, Helvetica, sans-serif;	font-size: 14px;font-weight: bold;color: #333333;padding-top: 13px;	padding-left: 0px;text-align: center;line-height: 160%;}
.pbkf .pbem:hover .pbembx{display: block;-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
.kfyx{font-family: Microsoft Yahei,Arial, Helvetica, sans-serif;font-size: 14px;color: #f75904;}


@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}