<!--css-->
body{font-size:16px;font-family:Verdana; color:#333;background:#fff; overflow-y:scroll;height:101%;}
.main{width:1016px;margin:0 auto;padding:0;border:2px solid #6633ff;background:#fff;}
.client{width:100%;margin:0;padding:0;}
.art{width:740px;margin:20px;padding:0;border:2px solid #a1a1a1;background:#FAFAD2;border-radius:10px;}
title{color:#006633}
.clear_h{ clear: both; font-size:1px; width:1px; visibility: hidden; }
.clear_v{clear: both; font-size:1px; height:1px; visibility: hidden;}
.foot{width:100%;border-bottom:1px solid #a9d5e9;background:#e1f2fa;color:#006699;padding:0px .5em 2px;line-height:2em;text-align:center;margin:0;}
.align_r{text-align:right}
.align_l{text-align:left}
.align_m{text-align:center}
.error {color:#FF0000;}
.yinbiao{font-family:"Lucida Sans Unicode";}
.pinyin{font-family:"Dotum";}
.del{text-decoration:line-through;background:#CCCCCC;color:green }
.lihead{color:#fff;background: ;width:60%}
.hide{display:none}
.show{display:inline}
/*a link ɫ*/
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline}
.bar {border-width:1px;margin:0 0;padding:.2em 0;font-size:1em; line-height:1.2em; overflow:visible;background:#dff6ff;}
/*btn*/
.btn_normal,.btn_hl,.btn_red,.btn_gray,.btn_green{border-width:1px;cursor:pointer;margin:0.2em 0.2em;padding:1px 1px 1px 1px;font-size:1em; line-height:1.2em; overflow:visible}
.btn_normal,.btn_hl{border-color: #039dd5 #014ac6 #014ac6 #039dd5;color:#fff;background:#017fc6;}
.btn_hl{color:#f00;background:#CCFFFF }
.btn_no,.btn_notice,.btn_plan{background:#ffffff;cursor:pointer;border-width:0;margin:0 0;padding:0 0;}
.btn_no{color:green;}
.btn_notice{color:#f00;}
.btn_plan{color:#00f;text-align:left;}
.btn_gray{background:#CCCCCC;color:#000000;}
.btn_red{color:#f00;}
.btn_green{color:#cceedd;background:#336600}
.hand{cursor:pointer;}
.ckplanL,.ckplanM,.ckplanR{height:400px;overflow-y:scroll;border:1px solid #334466}
.ckplanL,.ckplanHL{float:left;width:33%}
.ckplanR,.ckplanHR{float:right;width:33%}
.ckplanM,.ckplanHM{float:left;width:33%}
.ckplanHL,.ckplanHM,.ckplanHR{background-color:#CCFFFF;color:#336666;text-align:center;border:1px solid #334466}
/*form*/
textarea,input,select{font:14px Arial;padding:1px 3px 0 3px;vertical-align:middle;margin:1px ;}
.plan1,.plan2{width:700px;wrap:true;word-break:break-all;}

.plan1{height:400px;}
.plan2{height:100px;}

.planItem,.planContent{display:inline-block;word-break:break-all;}
.planItem{color:blue;width:32px;background-color:#CCFFFF;wrap:true;border-right:1px solid #334466}
.planContent{color:#000;border-left:1px solid #334466;width:85%;wrap:true;}
select{border:solid 1px #d7e6f2;color:#990033}
.name {margin:10px 30px;padding:5pxline-height:30px;cursor:pointer }
.input{border: 1px solid; border-color: #c0c0c0 #ededed #ededed #c0c0c0;color:#000;font-size:1em;}
input[type='radio']+label {color:#000;background-position:0 -112px;}
textarea{border: 1px solid; border-color: #c0c0c0 #ededed #ededed #c0c0c0;}
.nobian{border-width:0;background:#ffffff;color:green; }
.point{cursor:pointer}

@page{
	margin-left:2cm;margin-right:1cm;
}
table, figure { page-break-inside: avoid; }
/*table*/

.t{border:1px solid #87bcd8}
.t table{width:100%;}
.t2 {width:100%;border:1px solid #3333ff}
.t3{margin:5px auto;}
.t4{width:100%}
.tmsg{border:1px #FF00FF solid;text-align:center;margin:0 auto;}
.login{border:2px solid #3366FF;margin:0 auto;text-align:left}
.t5{border:1px solid #d7e6f2;}
.t,.t5{margin:0px; height:auto; overflow:hidden;}
/*table head*/
.tupian{border:1px solid #666}
.hc,.hl,.printHc{border-bottom:1px solid #a9d5e9;color:#006699;padding:2px .5em 0; line-height:2em;}
.printHl{color:#006699;padding:2px .5em 0; line-height:2em;text-align:left}
.printHc{text-align:center}
.nextPage{page-break-after: always;}
.printTd{border:solid#000 1px;}
.printT{border-collapse:collapse;border:none;word-break:break-all;}
.hc{text-align:center;background:#e1f2fa;}
.hl{text-align:left;background:#e1f2fa;}
.ha{border-bottom:1px solid #a9d5e9;background:#e1f2fa ;text-align:center;color:#006699;padding:0px; line-height:200%;}

.hc span{font-weight:normal;margin:0;}
.ptr{border:1px solid #000;color:#000;padding:2px .5em 0;line-height:2em;text-align:center;background:#fff;}
.ptd{width:132px}
.pth{border-bottom:1px solid #000;color:#000;padding:2px .5em 0;line-height:2em;text-align:center;background:#fff;}
.h h2{font-weight:bold}
.h a{font-family:Arial;color:#FF0000}
.hc span{color:#ff0000;}
/*table tr1*/
th,td{overflow:hidden;}
.p {cursor:pointer;}
.tr_green,.tr_red,.tr_orange,.tr_blue{background: #ccffff;text-align:left;border-bottom:2px dotted  #000099;border-right:2px solid #f2f9ff;}
.tr_red{color:red}
.tr_green{color:green}
.tr_blue{color:blue}
.tr_orange{color:orange}
.tr_blank{background:#fff;color:green}
.tr_black{color:#000;text-align:left;border:1px solid #00;bolder-collapse:collapse;}

.tr1 th{padding:5px 10px;text-align:left;vertical-align:top;font-weight:normal;}
.tr1 td,.td1{border-bottom:2px dotted  #000099;border-right:2px solid #f2f9ff;text-align:left;color:green }
/*table tr2*/
.tr21{background:#f2f9ff;color:green;text-align:right;overflow:hidden;padding:0 0;}
.tr22{background:#f2f9ff;color:red;text-align:right;overflow:hidden;}
.tr21 th,.tr22 th{color:#3333FF;text-align:center}
.tr21 td,tr21 th,.tr22 td,.tr22 th{border-bottom:1px solid #3333FF;padding:0 0 }
.t_h{background:#e2fefa;text-align:center;color:#0033FF;line-height:normal}
.tr2 a{color:#333;margin:0 2px 0}
/*table tr3*/
.tr3{ line-height:1.2em;background:#eeaaCC;}
tr3 th{padding:.1em .5em;}
tr3 td{padding:.1em 0;}
.tr3 td,.tr3 th{border-bottom:1px solid #3333FF;padding:.1em .5em;}
.tr3 th{text-align:right;font-weight:normal;}
/*table tr4*/
.tr4{line-height:1.2em;}
.tr4 td,.tr4 th{border-bottom:1px dashed #8288f3;padding:.4em .63em;}
.tr4 th{text-align:left;font-weight:normal;}
.emaptd {position:relative;width:32px;height:32px;}
/*.fs{font-size:1.5em;color:blue;text-align:center;}*/
.fs{Letter-spacing:1px;Text-align:center;font-size:20px;}
.fz{ font-size:30px   } 


.pageNav{padding:1px 5px;text-align:center;display:inline-block;border:2px solid #395;font-size:24px;cursor:pointer}
/*主要分三栏，左右对联，中间内容                                   */
ul{list-style:none;color:#8343f3;padding:0;margin:5px; line-height:24px;cursor:pointer;}

.lih_left_1{width:70%;float:left;font-size:14px;}
.lih_left_2{width:76px;float:right;font-size:9px;cursor:pointer;}
.lir_left_1{width:70%;float:left;font-size:14px;}
.lir_left_2,.lih_right_2,.lir_right_2{width:76px;float:right;font-size:9px;cursor:pointer;}
.lih_right_1{width:75%;float:left;font-size:14px;}
.lir_right_1{width:75%;float:left;font-size:14px;cursor:pointer;color:}

/*首页分2栏*/




.tips_l{color:blue;margin:0;float:left;width:26%;text-align:left}

.tips_m{margin:0;float:left;width:37%;text-align:left;}
.tips_r{text-align:left;float:right;width:36%;}
.tips_l,.tips_r, .tips_m ,.tips_mm,.right,.half_left,.half_right{border:#f2f9ff 1px solid;line-height:20px;overflow:hidden;}
.l_menu,.r_content,.sz_menu,.sz_content{line-height:20px;}
.l_menu{float:left;width:10%;text-align:center;border-right:2px solid #6633ff}
.sz_menu{float:left;width:15%;text-align:left;border-right:2px solid #6633ff}
.sz_content{float:right;width:84%;text-align:left;}
.r_content{float:right;width:89%;text-align:left;}
.half_left{float:left;width:49%;text-align:left;}
.half_right{float:right;width:50%;text-align:left;}
.bk{border:1px solid #6633ff}
.right{text-align:left;float:right;width:79%;}
/*color*/
.red {color:red;}
.blue {color:blue;}
.purple{color:purple;}
.green{color:green;}
.grey {color:#999999}
.big{font-size:20px;}
.middle{font-size:14px;}
.small{font-size:12px;}
.modebig{color:blue;font-size:48px;}
.modesmall{color:blue;font-size:20px;}
.selectItem{background-color:purple;}
.align_r{text-align:right}
.align_l{text-align:left}
.align_c{text-align:center}
.box{border:#333321 1px solid;padding:5px}
.uploadify {
	position: relative;
	margin-bottom: 1em;
}
.uploadify-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('/uploadify/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}
<!--走马灯开始-->
*	{margin:0;padding:0}
/*走马灯显示宽度＝3张图片*/
.movebox{
	position:relative;
	top:0px;
	left:0px;
	
	width:1012px;
	height:220px;
	border:2px solid black;
	overflow:hidden;
}
/*走马灯容器的宽度为8张图片=337X8*/
.movebox ul{
	postion:absolute;
	margin:5px;pdding:5px;list-style:none;
	width:2696px;
	display:flex;height:100%;animation:move 20s linear infinite;
	overflow:hidden;
}
.movebox ul:hover{
	animation-play-state:paused;
}
/*图片容器的宽度为337px*/
.movebox ul li{
	height:100%;
	width:337px;
	
	flex-shrink:0;
}
.movebox ul li img{
	height:100%;
	width:100%;
}
/*1685=337X5,因为有5张图片循环 */
@keyframes move{
	
	100%{transform:translateX(-1685px);
	}
}