@charset "utf-8";
/* CSS Document */

body{margin:0 auto; height:auto; text-align:center; background-color:#fff; font-family: "微软雅黑"; font-size:14px;}
.page{margin:0 auto; height:auto; text-align:center; width:100%;}
.banner{width:1280px; height:323px; text-align:center; margin:0 auto;}
.wapp{ height:auto; width:100%; overflow:hidden}
.hy{ height:562px; width:1280px; margin:0 auto; background:url(../img/yee.jpg);}
.hygj{ height:562px; width:980px; margin:0 auto; }
.sign{ height:50px; width:1280px; margin:0 auto; background-color:#fff7c9}
.sign .box{height:50px; width:980px; margin:0 auto;}
.sign .box .lit{ height:50px; width:165px; float:left}
.ht{height:562px; width:1280px; margin:0 auto; background:url(../img/redd.jpg); }
.lx{height:562px; width:1280px; margin:0 auto; background:url(../img/bluee.jpg);}
.top{width:1280px; height:60px; text-align:center; margin:0 auto; background-color:#FFFFFF}
.top .topp{width:960px; height:60px; text-align:left; margin:0 auto; background-color:#FFFFFF}
.top .topp .tu{ width:100px; height:60px; float:left; margin:0px}
.top .topp .link {
	width:860px;
	height:60px;
	text-align:center;
	line-height:60px;
	float:right;
	overflow:hidden;
}
.top .topp .link ul{ width:860px; height:60px; text-align:center; line-height:60px;float:left}
.top .topp .link ul li{ height:60px; line-height:60px; margin:auto 3px; float:left; width:35px;}

/* =====================================================~特效按键========================================================= */
/* ================~↓普通公用部分================ */
.tabarea { width:980px; margin:0; overflow: hidden; _display:inline-block; }
.tabarea .tab_top{ width:800px; height:70px; float:left;}
.tabarea .tab_left { float:left; width:800px; }

.tabarea .tab_right { float:right; width:162px; background-image:url(../img/yee_r.jpg);height:563px; padding-left:18px;}
.tabarea .tab_tit { width:162px; margin-top:80px; font-weight:bold}
.tabarea .tab_tit li { margin-bottom:10px; width:162px; height:35px; line-height:35px;}
.tabarea .tab_con { display:none; }
.tabarea .con_active { display:block; }
/* ================~↓黄色按键鼠标经过================ */
.tabarea .tab_tit a { display:block; width:162px; text-align:center; background:#ccc; text-decoration:none; color:#990000; background-image:url(../img/com_yee01.png)}
.tabarea .tab_tit a:hover, .tabarea .tab_tit .tit_active a { background:#666; color:#fff; background-image:url(../img/com_yee02.png)}
/* ================~↑黄色按键鼠标经过================ */
/* ================~↑普通公用部分完================ */

/* ================~↓红色按键鼠标经过================ */
.tabarea .tab_tit a.redd{display:block; width:162px;text-align:center;background:#ccc; text-decoration:none; color:#fff;background-image:url(../img/com_redd01.png)}
.tabarea .tab_tit a.redd:hover, .tabarea .tab_tit .tit_active a.redd{ background:#666; color: #990066; background-image:url(../img/com_redd02.png)}
/* ================~↑红色按键鼠标经过================ */

/* ================~↓蓝色按键鼠标经过================ */
.tabarea .tab_tit a.bluee { display:block; width:162px; text-align:center; background:#ccc; text-decoration:none; color:#fff; background-image:url(../img/com_bluee01.png)}
.tabarea .tab_tit a.bluee:hover, .tabarea .tab_tit .tit_active a.bluee{ background:#666; color: #990066; background-image:url(../img/com_bluee02.png)}
/* ================~↑蓝色按键鼠标经过================ */


/* ================~↓三个box================ */
.boxes{ width:800px; height:492px; float:left; text-align:center; margin:0 auto; background:#FFFFFF; font-family:"微软雅黑"}
.design{ width:740px; height:462px; float:left; text-align:center; margin:0 auto; padding:0 30px;}
.design .till{ width:740px; height:50px; text-align: left; font-size:24px; color:#666666; line-height:50px; font-weight:bolder}
/* ============~↓样式1开始================ */
.design .ys1{ width:740px; height:410px; overflow:hidden}
.design .ys1 .rside{ width:410px; height:410px; float:left;}
.design .ys1 .rside .tu{ width:410px; height:210px; float:left;}
.design .ys1 .rside .wz{ width:410px; height:200px; float:left;}
.design .ys1 .rside .wz .line{ width:410px; height:50px; line-height:50px; font-size:18px; text-align:left;font-weight:bold}
.design .ys1 .rside .wz p{ width:400px; height:150px; font-size:12px; text-indent:2em;text-align:left; line-height:25px; font-size:14px; padding-right:10px; font-family:宋体;}
.design .ys1 .lside{ width:310px; height:410px; float:right; padding-left:19px; border-left:#CCCCCC dashed 1px}
.design .ys1 .lside .tw{ width:310px; height:205px; float:left}
.design .ys1 .lside .tw .line{ width:310px; height:35px; line-height:35px; font-size:18px; text-align:left;font-weight:bold}
.design .ys1 .lside .tw p{ width:310px; height:170px; font-size:12px; text-indent:2em;text-align:left; line-height:25px; font-size:14px; font-family:宋体;}
/* ============~↑样式1完================ */
.dommon{ width:800px; height:32px; float:left;}

/* ============~↓样式2开始================ */
.design .ys2{ width:740px; height:410px; overflow:hidden}
.design .ys2 .tside{ width:740px; height:205px; float:left;}
.design .ys2 .tside .wz{ width:470px; height:205px; float:left}
.design .ys2 .tside .wz .title{ width:470px; height:45px; float:left; line-height:45px; text-align:left; font-size:18px;font-weight:bold}
.design .ys2 .tside .wz p{ width:470px; height:160px; line-height:27px; text-indent:2em;text-align:left; font-size:14px; font-family:宋体;}
.design .ys2 .tside .tu{ width:270px; height:205px; float:right; }
/* ============~↑样式2完================ */

/* ============~↓样式3开始================ */
.design .ys3{ width:740px; height:410px; overflow:hidden}
.design .ys3 .lside{ width:400px; height:410px; float:left; padding-right:9px; border-right:#999999 dashed 1px; overflow:hidden}
.design .ys3 .lside .tw{ width:400px; height:135px; border-bottom:#999999 dashed 1px; float:left;}
.design .ys3 .lside .tw .title{ width:400px; height:35px; float:left; line-height:35px; text-align:left; font-size:18px;font-weight:bold}
.design .ys3 .lside .tw .tu{ width:140px; height:100px; float:left;}
.design .ys3 .lside .tw .zi{ width:260px; height:100px; float:right;}
.design .ys3 .lside .tw .zi p{ width:260px; height:100px; font-size:14px; text-align:left; line-height:25px; font-size:14px;text-indent:2em; font-family:宋体;}
.design .ys3 .rside{ width:320px; height:410px; float:right; padding-left:10px;}
.design .ys3 .rside .wz{ width:320px; height:135px; border-bottom:#999999 dashed 1px; float:left;}
.design .ys3 .rside .wz .title{ width:320px; height:35px; float:left; line-height:35px; text-align:left; font-size:18px;font-weight:bold}
.design .ys3 .lside .wz .zi{ width:320px; height:100px; float:right;}
.design .ys3 .rside .wz .zi p{ width:320px; height:100px; font-size:14px; text-align:left; line-height:25px; font-size:14px;text-indent:2em; font-family:宋体;}
/* ============~↑样式3完================ */
/* ================~↑三个box完================ */

/* ================~↓颜色================ */
.red{ color:#CC0000}
a.red{color:#CC0000}
a.red:hover{color: #990000;}

.blue{ color: #CC0000}
a.blue{color:#3399FF}
a.blue:hover{color: #3366CC}

.yellow{color: #FF6600}
a.yellow{color:#FF6600}
a.yellow:hover{color: #CC3300}

/* ================~↑颜色================ */

.foot{margin:0 auto; height:70px; text-align:center; width:100%; line-height:25px; font-size:12px; background-color:#FFFFFF; padding-top:20px}

.bianji{
	position:absolute;
	width:300px;
	height:35px;
	float:left;
	line-height:35px;
	left: 961px;
	top: 2037px; font-size:12px; font-family:宋体; display:block}