*{ margin: 0; padding: 0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { max-width: 1920px; color:#555; font-size:14px; font-family: “微软雅黑”，Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, i,em, strong, th, var { font-style:normal; font-weight:normal;}
a { color: #555;text-decoration:none; }
a:hover { color: #57a4f3; text-decoration:none; }
img { border:none; max-width: 100%; height: auto; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; border: 0; outline:none ; }
table { border-collapse:collapse; border:0;}  /*border-collapse:collapse; */




/*lodding*/
.lodding{ position: relative;width: 100vw; height: 970px; margin: 0 auto;  padding-top: 110px;  background: url(../images/bg.png)center top no-repeat; }
.lodding .cont-dl{ width: 1520px; margin: 0 auto; box-shadow: 10px 10px 0 10px #284644 ;} 

.lodding .cont-dl .left { float: left; width: 760px; height: 858px; background: url(../images/bg-l.png)left top no-repeat;}

.lodding .right{ float: right; width: 760px; height: 858px; background: #fff; box-shadow: 10px 0 0 0 10px;}
.lodding .right .logo{ width: 100%; height: 72px; margin-top: 140px;background: url(../images/logo1.png)center top no-repeat; }
.lodding .right #ld-form{ width: 450px; margin: 0 auto; padding: 88px; }
.lodding .right #ld-form .zh, .lodding .right #ld-form .mm{ width: 100%; line-height: 58px; margin-bottom: 30px;  }
.lodding .right #ld-form .mm{ margin-bottom: 20px; }
.lodding .right #ld-form .zh input, .lodding .right #ld-form .mm input{ text-indent: 2em;width: 100%;line-height: 58px; font-size: 18px; color: #333; background: #fff; border-radius: 5px; border:1px solid #ccc;}
.lodding .right #ld-form .zz{ padding: 0 2em; }
.lodding .right #ld-form .find{ display: inline-block; float: left ; color: #666;}
.lodding .right #ld-form .zc{  display: inline-block;  float: right; color: #ddb861; }

.lodding .right #ld-form .sf{ margin-top: 80px;  }
.lodding .right #ld-form .sf ul li{ float: left; width: 50%; color: #333; font-size: 16px;text-align: center;}
.lodding .right #ld-form .sf ul li a{ display: inline-block; vertical-align: middle; width: 32px; height: 30px; margin-right: 8px; color: #333;background: #fff;border-radius: 2px;  border:1px solid #ccc;
	border: 1px solid #ccc;  }
.lodding .right #ld-form .sf ul li a:active,.lodding .right #ld-form .sf ul li a.checked{ color: #2a6e71;background: #fff url(../images/gx.png)center center no-repeat; border: 1px solid #ccc;}

.lodding .right #ld-form .btn-dl{ width: 80%; height:70px; line-height: 70px; margin: 40px 10% 20px;  font-size: 22px; color: #fff; background:#387b77; text-align: center;
 border-radius:5px; cursor: pointer;}
.lodding .dl #ld-form .tip{display: inline-block;color:red;width: 100%;text-align: center;visibility:visible;}

/*2启动页*/
.wapper{ width: 100%; height: auto; }
.qdy{ width: 100%; height: 1080px; margin: 0 auto; background: url(../images//bg2.png)center top no-repeat;}
.qdy .tit{ padding-top:100px; }
.qdy .tit h1{ width: 100%; height: 220px; margin-bottom: 150px;background: url(../images/title.png)center top no-repeat; }
.qdy .content{ overflow: hidden; width: 1044px; height: 564px; margin: 0 auto;}
.qdy .content .top a{  float: left;width: 50%; height: 262px; background: url(../images/btn-cjjx.png)left top no-repeat; text-align: center; }
.qdy .content .top .two{ float: right; background: url(../images/btn-zskh.png)right top no-repeat;  }
.qdy .content .btm{ margin-top: 400px; }
.qdy .content .btm a{ display: block; width: 260px; height: 58px; margin: 0 auto;line-height: 58px; color: #54c3c1; font-size: 22px; background-color: #2d4e48; border:1px solid #54c3c1; 
	border-radius: 30px;text-align: center;  }

@media(max-width:1199px) {
	.qdy .tit h1{ background-size: 80%; } 
	.qdy .content{ width: 80%; }
}	

@media(max-width:991px) {
	.qdy{ height: auto; }
	.qdy .tit h1{  margin-bottom:0; }
}

/*3.实验记录*/
.index{ width: 100%; min-height: 100vh; background: #f5f5f5;}
.index header,.index .main,footer{ width: 100%; margin: 0 auto; }
.index header{ width: 100%; height: 80px;  background: #fff; }
.index .header-in { overflow: hidden; width: 62.5%; height: 80px; margin: 0 auto;}
.index .header-in .logo{ float: left; width: 50%; height: 80px; background: url(../images/logo1.png)left center no-repeat;}

.index .header-in .nav{ float: right; width: auto; height: 80px; }
.index .header-in .nav > a{ display: inline-block; width: 90px; height: 40px; line-height: 40px;  margin: 20px 0; color: #333;border:1px solid #f5f5f5;	border-radius: 20px; text-align:center;}

.index .header-in .nav .on,.index .header-in .nav > a:hover{  color: #2a89d4; border: 1px solid #2a89d4; }
.index .header-in .nav .dl2,.index .header-in .nav .dl2:hover{  border:0;}

.search{ width:800px; height: 54px; margin: 0 auto; padding-top: 20px;}
.search ul li{ float: left; width: 16.5%; height: 54px; line-height: 54px;  background: #fff; margin-right: 0.5%; padding-left: 1.5%;	}

.search ul .sh-1{ }
.search ul .sh-1 input{ width: 100%; height: 54px;  }
.search ul .sh-2{ position: relative; height: 54px;  }
.search ul .sh-2 > a{ display: inline-block; width: 100%; height: 54px;  background: url(../images/down.png)30px center no-repeat; }
.search ul .sh-2 > a:hover,.search ul .sh-2 > a:active{ color: #2a89d4 ;background: url(../images/down2.png)30px center no-repeat; }
.search ul .sh-2 .drop{ }
.search ul .sh-2 .down{ position: absolute; left: 0; top:54px; width: 100%;}
.search ul .sh-2 .down > a{ display: block; width: 100%; height: 40px; line-height: 40px; background: rgba(255,255,255,.5); text-align: center;}

.search ul .sh-3 input{ width: 100%; }
.search ul .sh-4{ width: 30%; margin-right: 0; }
.search ul .sh-4 input{ width: 35%; line-height: 34px; padding:0 4px ; border: 1px solid #ccc; text-align: center; }

.search ul .sh-5{width: 13%; height: 54px; padding-left: 0; margin-right: 0; background: none;}
.search ul .sh-5 a{ display: inline-block; width: 100%; height: 54px; line-height: 60px; font-size: 18px; background:#ecb76c; 
	text-align: center; border-radius: 0 30px 30px 0;}

.index .right .dl2{ float: right; width:auto; margin-left:20px;    line-height: 80px;}
.index .banner{ width: 100%; height: 580px; background: url(../images/banner.png)center top no-repeat;  }

.index .main{ width: 62.5%; min-height: 380px;margin-top: 20px;  background: #fff; box-shadow: 1px 1px 10px 1px rgba(0,0,0,.3)}
.index .main #index-tb,.index .main #sybg-tb3{ width: 100%; border-top: 2px solid #2996e2;}
.index .main #index-tb th{ height: 60px;}
.index .main #index-tb td{ height: 40px; }
.index .main #index-tb th,.index .main #index-tb td,.index .main #sybg-tb3 th,.index .main #sybg-tb3 td{ border:1px solid #ccc; text-align: center;  }
.index .main #index-tb th,.index .main #sybg-tb3 th{ height: 60px; font-size: 18px; color: #2996e2; font-variant: 600px;border-bottom:2px solid #b3b3b3;}
.index .main #index-tb td
.index .main #index-tb .two,.index .main #index-tb .five{ width: 20%; }

/*page*/
.page{margin:60px auto; }
.page span{ display: block;width: 330px; height: 50px; margin: 0 auto; }
.page span a{ display: inline-block; width:40px; height: 40px; line-height: 40px; color: #666; border-radius: 50%; text-align: center;}
.page span a:hover,.page span a:active,.page span .on{ color: #fff;background: #61adfa; }
.page span .icon-l,.page span .icon-r{ display: inline-block; vertical-align: middle; margin: 0 4px; }
.page span .icon-l,.page span .icon-l{ text-align: center;  }
.page span .icon-l:hover,.page span .icon-l:active{ background:#f3f3f3; }
.page span .icon-r:hover,.page span .icon-r:active{ background:#f3f3f3; }

footer{ width: 100%; height: 120px; margin-top: 60px; line-height: 120px; color: #ccc;background: #2b576c; text-align: center;}
footer a{ color: #fff; }




@media(max-width:1679px) {
	.index header .right{  width: 60%;}

	
}

@media(max-width:1199px) {
	.index .header-in .logo{ width: 40%; }
	.index .header-in .right{  width: 60%;}
	.index .header-in,.index .main{ width: 80%; }
	
	
}

@media(max-width:991px) {
	.search{ width: 90%; height: 48px;}
	
	.index .header-in,.index .main{ width: 98%; }
	.index .banner{max-width: 100%; height: 200px; background-size: 100%; }
	
}












/*4实验报告*/
.main{ }
/*.main .sideBar{ position: absolute; left: 0; top:40px;width: 15%; height: 240px; margin: 80px 0; }
.main .sideBar a{ display: block;width: 100%; height: 50px; line-height: 50px; margin-bottom: 20px;color: #555; font-size: 16px; background: #dadada; 
	border-radius: 0 30px 30px 0;text-align: center;}
.main .sideBar a:hover,	.main .sideBar a:active, .main .sideBar .on2{ color: #fff;background: #2a89d4;  }*/

.main .sybg-r{ width: 96%; padding: 20px 2%;}
.sybg-r .tit{ height: 80px; line-height: 80px; color: #333; font-size: 20px; text-align: center;}
.sybg-r .tm{ overflow: hidden; line-height: 40px; padding: 0 20px; }
.sybg-r .tm .tm-l{ float: left; }
.sybg-r .tm .tm-r{ float: right; }
.sybg-r .tm input{ width: 80px; height: 30px; border-bottom: 1px solid #ccc; font-size: 15px; color: #666;text-align: center;}

#sybg-tb{  width:100%; height: 60px;  text-align: center; }
#sybg-tb td { height: 40px; border: 1px solid #ccc;  font-size: 14px; }
#sybg-tb td input{ text-indent: 1em; font-size: 16px; }

#sybg-tb .py{ width: 30%;  }
#sybg-tb .py i{ display: block; line-height: 30px;font-size: 16px; color: #333;}
#sybg-tb .img{ padding: 10px 0; }
#sybg-tb .text{ margin-bottom: 10px; }
#sybg-tb .text input{  width: 100px; height: 30px; background: #5b9bd5; }

.text-l{ text-align: left; padding: 0 20px; }













/*6.意见与建议*/
.index .jy{ width: 62.5%; min-height: 850px; background:#fff url(../images/bg3.png)center top no-repeat; }
.jy .jy-r{ width: 80%; float: right; }
.jy-r .top { float: right; width: 100%; height: 180px; background: url(../images/p.png)80% bottom no-repeat; }
.jy-r .top h2{padding-top: 150px; padding-left: 600px;color: #fb5e5e; font-size: 22px;text-align: center; }
.jy-r .cont,.jy-r .kh{ width: 90%; margin: 0 auto;}
.jy-r .cont h3{ clear: both;  line-height: 60px;font-size: 22px; text-align: center;}
.jy-r .cont .pmt{ line-height: 60px; font-size: 15px; }

@media(max-width:1679px) {
	

	
}

@media(max-width:1119px) {
	.index .jy{ width: 80%; }
	
}


@media(max-width:991px) {
	.index .jy{ width: 98%; }
}





/*5.考核结果*/
.jy .kh h3{ clear: both; line-height: 200px; font-size:80px; color: #fb5e5e; border-bottom: 1px solid #ccc; text-align: center;}

.jy .kh .xing{ margin-top: 60px;  }
.jy .kh .xing ul{ width: 300px; height: 40px; margin: 3px auto; }
.jy .kh .xing ul li{ float: left; width: 20%; }
.jy .kh .pmt{ font-size: 40px; margin-top: 20px;text-align: center; }


/*个人中心1*/
.nav .on3{color: #2a89d4;}
#form-zl{ width: 60%; margin: 0 auto; padding: 40px 0 120px; }
#form-zl .tit{ padding: 0 5%;line-height: 60px ;font-size: 18px; color: #2a89d4; border-bottom:1px solid #e5e5e5; text-align: center;}
#form-zl .tit a{ display: inline-block; width: 49%; height: 60px; }
#form-zl .tit a:hover,#form-zl .tit a:active,#form-zl .tit .on{ color: #2a89d4; }
#form-zl .cont{ width: 80%; padding-top: 40px; margin: 0 auto; }
#form-zl .cont ul li{ line-height: 44px; color: #333; margin-bottom: 20px;}
#form-zl .cont ul li span{ display: inline-block; width: 80px; color: #666;  }
#form-zl .cont ul li input,#form-zl .cont ul li i{ display: inline-block; vertical-align: middle; width: 70%; height: 44px; font-size: 16px;text-align: left; }
#form-zl .cont ul li input{ width: 70%; height: 44px; border:1px solid #ccc;  text-indent: 1em;}
#form-zl .cont ul li .xg{ display: inline-block; width: 13%; color: #2a89d4; }

#form-zl .cont ul li .xb{ display: inline-block; width: 70%; height: 22px; font-size: 16px; }
#form-zl .cont ul li .xb input{ vertical-align: middle;width: 6%; margin-right: 8px; }
#form-zl .cont ul .yx{ display: inline-block; vertical-align: middle; position: relative; width: 70%;  height: 44px; border:1px solid #ccc; }
#form-zl .cont ul .yx .drop{  display: inline-block; width: 100%;  height: 44px; background: url(../images/xl1.png)95% center no-repeat; }


#form-zl .cont ul .yx .down{ position: absolute; left: 0; top: 44px; width: 100%;  border:1px solid #ccc; text-align: center; }
#form-zl .cont ul .yx .down a{ display: block; width: 100%; height: 44px; border-bottom:1px solid #ccc; background: #e5e5e5; }
#form-zl .butn{ width: 60%; height: 60px; line-height: 60px; color: #fff; font-size: 18px; background: #2a89d4;  margin:180px auto; border-radius: 30px;text-align: center;}
#form-zl .butn a{ display: inline-block; width: 100%; line-height: 60px;  color: #fff; cursor: pointer;}

#form-zl .cont ul li.tip{text-align: center;color: #f00;height: 44px;}

#btnUpdateSuggest{ display: inline-block; width: 300px; margin: 20px auto; line-height: 60px;  color: #fff; cursor: pointer;background: #2a89d4;border-radius: 30px;}
@media(max-width:1119px) {
	#form-zl{ width: 80%; }
}

@media(max-width:991px) {
	#form-zl{ width: 100%; }
}